修改了委托评审查看详情

pages/meter-review/MeterEntrustDetail.vue

+<template>
+  <div>
+    <Modal v-model="showDetailModal" :width="1100" 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.person}}</td>
+          </tr>
+          <tr>
+            <th>联系电话</th>
+            <td>{{obj.tel}}</td>
+            <th>传真</th>
+            <td>{{obj.fax}}</td>
+          </tr>
+          <tr>
+            <th>详细地址</th>
+            <td>{{obj.street}}</td>
+            <th>E-mail</th>
+            <td>{{obj.email}}</td>
+          </tr>
+          <tr>
+            <th>是否第一次送检</th>
+            <td>{{obj.firsted===1? '是':'否'}}</td>
+            <th>邮编</th>
+            <td>{{obj.postcode}}</td>
+          </tr>
+          <tr>
+            <th>地址</th>
+            <td>{{obj.province}}&nbsp;{{obj.city}}&nbsp;{{obj.county}}</td>
+            <th>委托日期</th>
+            <td>{{obj.edate}}</td>
+          </tr>
+          <tr>
+            <th>合同号</th>
+            <td>{{obj.contractCode}}</td>
+            <th>备注</th>
+            <td>{{obj.remark}}</td>
+          </tr>
+          </tbody>
+        </table>
+      </div>
+    </Modal>
+  </div>
+</template>
+<script>
+/**
+ * 政府委托信息表详情
+ */
+export default {
+  data() {
+    return {
+      obj: {
+        // detail: {},
+        // customer: {},
+        // finance: {},
+        // tested: {}
+        firsted: 0,
+        client: '',
+        linkman: '',
+        tel: '',
+        email: '',
+        address: '',
+        remark: '',
+        province: '',
+        city: '',
+        county: '',
+        street: '',
+        aptitude: [],
+        assessFormSn: '',
+        subArea: '',
+        personCondition: '',
+        edate: '',
+        contractCode: ''
+      },
+      showDetailModal: false,
+      // sampleType:['退样','留样','作废'],
+      dispose: '',
+      height: '',
+      showMoney: false
+    }
+  },
+  methods: {
+    _open(obj, flag) {
+      this.showDetailModal = true
+      this.obj = obj
+      console.log('传过来的数据')
+      console.log(this.obj)
+      // if(obj.dispose !== undefined || ''){
+      //   this.dispose = this.sampleType[obj.dispose];
+      // }else{
+      //   this.dispose = '';
+      // }
+      if (flag === 'showMoney') {
+        this.showMoney = true
+      } else {
+        this.showMoney = false
+      }
+      this.height = '550px'
+    }
+  }
+}
+</script>

pages/meter-review/MeterReviewEntrust.vue

@@ -46,13 +46,15 @@
       </div>
     </div>
     <MeterSampleManage ref="meterSampleManageModal"  @on-result-change="_componentResult"></MeterSampleManage>
+    <MeterEntrustDetail ref="meterSampleEdit" @on-result-change="_componentResult"></MeterEntrustDetail>
   </div>
 </template>
 <script>
 import { meterEntrust, meterSubcontractor } from '../../api'
 import MeterSampleManage from './MeterSampleManage'
+import MeterEntrustDetail from './MeterEntrustDetail'
 export default {
-  components: { MeterSampleManage },
+  components: { MeterSampleManage, MeterEntrustDetail },
   data() {
     return {
       currentComponent: 'FoodSampleGovern',
@@ -124,6 +126,23 @@ export default {
     this._page()
   },
   methods: {
+    _detailModal(data) {
+      console.log(data)
+      this.$refs.meterSampleEdit._open(data)
+      // 查看
+      // this.$store.dispatch('FoodContract/getById', data.id).then(() => {
+      //   if (data.type === 0) {
+      //     // 企业委托 ’0‘
+      //     this.currentComponent = 'FoodContractCompanyDetail'
+      //   } else {
+      //     // 政府委托 ’1‘
+      //     this.currentComponent = 'FoodContractGovernDetail'
+      //   }
+      //   this.$nextTick(() => {
+      //     this.$refs.refModal._open(this.$store.state.FoodContract.model)
+      //   })
+      // })
+    },
     _modalResult() {
       if (this.currentComponent === 'FoodSubcontracterEdit') {
         this._page()
@@ -148,6 +167,9 @@ export default {
           case '样品管理':
             this._manageSample(data)
             break
+          case '详情':
+            this._detailModal(data)
+            break
           case '编辑':
             this._editModal(true, data.id)
             break