<template>
  <div>
    <Modal v-model="showDetailModal" v-drag :width="700" title="委托详情" class="modal-footer-none">
      <div :style="{height}" style="overflow-y: auto">
        <table class="tableClass">
          <tbody>
          <tr>
            <th colspan="6" class="tableClass_back">委托单信息</th>
          </tr>
          <tr>
            <th>委托商</th>
            <td>{{obj.client}}</td>
            <th>制表人</th>
            <td>{{obj.tabulater}}</td>
          </tr>
          <tr>
            <th>钻孔名称</th>
            <td>{{obj.boreholeName}}</td>
            <th>钻孔位置</th>
            <td>{{obj.boreholeLocation}}</td>
          </tr>
          <tr>
            <th>水深(米)</th>
            <td>{{obj.waterDepth}}</td>
            <th>检验类别</th>
            <td>{{obj.testType}}</td>
          </tr>
          </tbody>
        </table>
      </div>
    </Modal>
  </div>
</template>
<script>
/**
 * 政府委托信息表详情
 */
export default {
  data() {
    return {
      obj: {
        firsted: 0,
        client: '',
        boreholeLocation: '',
        boreholeName: '',
        waterDepth: '',
        tabulater: '',
        testType: ''
      },
      showDetailModal: false,
      dispose: '',
      height: '',
      showMoney: false
    }
  },
  methods: {
    _open(obj, flag) {
      this.showDetailModal = true
      this.obj = obj
      if (flag === 'showMoney') {
        this.showMoney = true
      } else {
        this.showMoney = false
      }
      this.height = '350px'
    }
  }
}
</script>
