<template>
  <el-dialog :visible.sync="visible" :title="title" width="600px">
    <table class="table-ui">
      <tr>
        <td class="tbg">行业类型</td>
        <td>
          {{ form.INDUSTRY_TYPE_ONE_NAME + ' - ' + form.INDUSTRY_TYPE_TWO_NAME + ' - ' + form.INDUSTRY_TYPE_THREE_NAME + ' - ' + form.INDUSTRY_TYPE_FOUR_NAME }}
        </td>
      </tr>
      <tr>
        <td class="tbg">检查隐患类型</td>
        <td>
          {{ (form.HIDDEN_TYPE_ONE_NAME?form.HIDDEN_TYPE_ONE_NAME:'') +
            (form.HIDDEN_TYPE_TWO_NAME?'-' + form.HIDDEN_TYPE_TWO_NAME:'') +
          (form.HIDDEN_TYPE_THREE_NAME?'-' + form.HIDDEN_TYPE_THREE_NAME:'') }}
        </td>
      </tr>
      <tr>
        <td class="tbg">隐患区域(风险单元名称)：</td>
        <td>
          {{ form.RISK_UNIT_NAME }}
        </td>
      </tr>
      <tr>
        <td class="tbg">隐患部位：</td>
        <td>
          {{ form.HIDDEN_PART }}
        </td>
      </tr>
      <tr>
        <td class="tbg">隐患描述：</td>
        <td>
          {{ form.INSPECTION_BASIS }}
        </td>
      </tr>
      <tr>
        <td class="tbg">检查依据：</td>
        <td>
          {{ form.HIDDEN_DESCR }}
        </td>
      </tr>
      <tr>
        <td class="tbg">依据内容：</td>
        <td>
          {{ form.INSPECTION_INFO }}
        </td>
      </tr>
      <tr>
        <td class="tbg">整改建议：</td>
        <td>
          {{ form.RECTIFYDESCR }}
        </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: {
        INDUSTRY_TYPE_ONE_NAME: '',
        INDUSTRY_TYPE_TWO_NAME: '',
        INDUSTRY_TYPE_THREE_NAME: '',
        INDUSTRY_TYPE_FOUR_NAME: '',
        HIDDEN_TYPES_NAME: ''
      }
    }
  },
  created() {
  },
  methods: {
    init(e) {
      this.visible = true
      if (e) {
        this.form = e
      }
    },
    close() {
      this.visible = false
    }
  }
}

</script>
