<style>
.tableClass {
  width: 100%;
}
.tableClass > tbody > tr > th,
.tableClass > tbody > tr > td {
  border: 1px solid #e8e8e8;
  padding: 10px;
  width: 200px;
}

.tableClass > tbody > tr > td {
  text-align: center;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
</style>
<template>
  <div>
    <Modal v-model="preparationModal" :mask-closable='false' width="600" footer-hide>
      <p slot="header">
        样本详情内容
      </p>
      <div class="maxHeight">
        <table class="tableClass">
          <tbody>
            <tr>
              <th>样本编号</th>
              <td>{{formObj.sampleCode?formObj.sampleCode:''}}</td>
              <th>检测类型</th>
              <td>{{formObj.category?formObj.category:''}}</td>
            </tr>
            <tr>
              <th>物料名称</th>
              <td>{{formObj.name?formObj.name:''}}</td>
              <th>物料编号</th>
              <td>{{formObj.modelSpec?formObj.modelSpec:''}}</td>
            </tr>
            <tr>
              <th>供应商</th>
              <td>{{formObj.supplier?formObj.supplier:''}}</td>
              <th>制样人</th>
              <td>{{formObj.sampleMaker?formObj.sampleMaker:''}}</td>
            </tr>
            <tr>
              <th>报检单位</th>
              <td>{{formObj.declarationInspection?formObj.declarationInspection:''}}</td>
              <th>备注</th>
              <td>{{formObj.remark?formObj.remark:''}}</td>
            </tr>
          </tbody>
        </table>
      </div>
    </Modal>
  </div>
</template>

<script>
const defVal = {}
export default {
  name: 'SamplingPlanApprovalDetail',
  data() {
    return {
      preparationModal: false,
      formObj: defVal
    }
  },
  methods: {
    _open(formObj) {
      this.preparationModal = true
      this.formObj = formObj
      console.log(formObj)
    }
  }
}
</script>

<style scoped>
</style>
