<template>
  <div>
      <el-dialog
        v-dialogDrag
        :visible.sync="showModal"
        width="700px"
        title="平台详情"
      >
      <div class="maxHeight">
        <table class="tableClass">
          <tbody>
            <tr>
              <th>标题</th>
              <td>{{ obj.title }}</td>
              <th>名称</th>
              <td>{{ obj.name }}</td>
            </tr>
            <tr>
              <th>主页</th>
              <td>{{ obj.home }}</td>
              <th>图标</th>
              <td>{{ obj.icon }}</td>
            </tr>
            <tr>
              <th>主题</th>
              <td>{{ obj.theme }}</td>
              <th>背景</th>
              <td>{{ obj.banner }}</td>
            </tr>
            <tr>
              <th>状态</th>
              <td>{{ obj.status == 0 ? '禁用':'正常' }}</td>
              <th>排序</th>
              <td>{{ obj.sort }}</td>
            </tr>
            <tr>
              <th>备注</th>
              <td colspan="3">
                {{ obj.remark }}
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      </el-dialog>
  </div>
</template>
<script>
/**
 * 系统表详情
 */
import { sysSystem } from '../../../api'
export default {
  data() {
    return {
      obj: {},
      showModal: false
    }
  },
  methods: {
    _open: async function(id) {
      this.showModal = true
      this.obj = await sysSystem.getById(id)
    }
  }
}
</script>
