<template>
  <div class="portal-info">
    <div class="btn-groups">
      <el-tooltip class="item" effect="dark" content="查看JSON数据" placement="top">
        <el-button size="mini" icon="el-icon-view" circle @click="dialogVisible = true" />
      </el-tooltip>

      <el-tooltip class="item" effect="dark" content="预览" placement="top">
        <el-button size="mini" icon="el-icon-video-play" circle />
      </el-tooltip>
    </div>

    <el-form :form="portalForm" label-width="120px" size="mini" label-position="left">
      <el-form-item label="门户名称">
        <el-input />
      </el-form-item>

      <el-form-item label="门户简介">
        <el-input type="textarea" :rows="8" />
      </el-form-item>
    </el-form>
    <JsonView :dialog-visible.sync="dialogVisible" />
  </div>
</template>
<script>
import JsonView from '@/components/JsonView/index'
export default {
  name: 'PortalInfo',
  inject: ['app'],
  components: {
    JsonView
  },
  data() {
    return {
      portalForm: {},
      dialogVisible: false
    }
  }
}
</script>
<style lang="scss">
.portal-info{
  .btn-groups{
    margin: 15px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
  }
}
</style>

