<template>
  <el-dialog :visible.sync="visible" :title="title" width="800px">
    <table class="table-ui">
      <tr>
        <td class="tbg" style="width: 150px">行业类型</td>
        <td colspan="2">{{ form.CHECK_CATEGORY_NAME }}</td>
        <td class="tbg">标准项目</td>
        <td colspan="2">{{ form.CHECK_ITEM_NAME }}</td>
      </tr>
      <tr>
        <td class="tbg">检查内容</td>
        <td colspan="5">{{ form.CHECK_CONTENT }}</td>
      </tr>
      <tr>
        <td class="tbg">检查标准</td>
        <td colspan="5">{{ form.CHECK_STANDARD }}</td>
      </tr>
      <tr>
        <td class="tbg">参考依据</td>
        <td colspan="5">{{ form.REFERENCE_BASIS }}</td>
      </tr>
      <tr>
        <td class="tbg">检查合格项</td>
        <td colspan="5">{{ form.CHECK_QUALIFIED }}</td>
      </tr>
      <tr>
        <td class="tbg">检查不合格项</td>
        <td colspan="5">{{ form.CHECK_UNQUALIFIED }}</td>
      </tr>
      <tr>
        <td class="tbg">操作类型</td>
        <td>{{ form.OPERATION_TYPE ? (form.OPERATION_TYPE === 1 ? '选择' : '填写') : '' }}</td>
        <td class="tbg">状态</td>
        <td>{{ form.COMMON_ITEM_STATUS ? (form.COMMON_ITEM_STATUS === 1 ? '有效' : '停用') : '' }}</td>
        <td class="tbg">排序</td>
        <td>{{ form.COMMON_ITEM_SORT }}</td>
      </tr>
    </table>
    <div slot="footer" class="dialog-footer">
      <el-button @click="close">取 消</el-button>
    </div>
  </el-dialog>
</template>
<script>
import Pagination from '@/components/Pagination' // 通过 el-pagination二次打包
import waves from '@/directive/waves'
export default {
  components: { Pagination },
  directives: { waves },
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      loading: true,
      visible: false,
      form: {
        COMMON_ITEM_ID: '',
        COMMON_ID: '',
        CHECK_CATEGORY: '',
        CHECK_CATEGORY_NAME: '',
        CHECK_ITEM: '',
        CHECK_ITEM_NAME: '',
        CHECK_CONTENT: '',
        CHECK_STANDARD: '',
        REFERENCE_BASIS: '',
        CHECK_QUALIFIED: '',
        CHECK_UNQUALIFIED: '',
        OPERATION_TYPE: '',
        COMMON_ITEM_SORT: '',
        COMMON_ITEM_STATUS: ''
      }
    }
  },
  created() {
  },
  methods: {
    init(e) {
      this.visible = true
      if (e) {
        this.form = e
      }
    },
    close() {
      this.visible = false
    }
  }
}

</script>

<style scoped>
.tbg{
  width: 110px !important;
}
</style>
