X-web/src/views/modules/check/ibc-detail.vue

<template>
    <!-- <el-dialog
      title="详情"
      width="70%"
      :close-on-click-modal="false"
      :visible.sync="visible"> -->
      <div>
        <div class="my-title">详情</div>
        <div style="margin-left: 20px;margin-right: 20px">
          <e-desc title="基本信息">
            <e-desc-item label="检验单编码">{{dataForm.inspectionCode}}</e-desc-item>
            <e-desc-item label="物品名称">{{dataForm.materialName}}</e-desc-item>
            <e-desc-item label="批次号">{{dataForm.batchNumber}}</e-desc-item>
            <e-desc-item label="规格/图号">{{dataForm.specifications}}</e-desc-item>
            <e-desc-item label="类别">{{dataForm.materialTypeName}}</e-desc-item>
            <e-desc-item label="来源">{{dataForm.source}}</e-desc-item>
            <e-desc-item label="来料类型">{{dataForm.inspectionType?optionsTypes.find(item => item.code === dataForm.inspectionType).value:''}}</e-desc-item>
            <e-desc-item label="检验依据">{{dataForm.inspectionBasis}}</e-desc-item>
            <e-desc-item label="合格证编码">{{dataForm.qualifiedCertificateCode}}</e-desc-item>
            <e-desc-item label="送检数量">{{dataForm.cnt}}</e-desc-item>
            <e-desc-item label="合格数量">{{dataForm.qualifiedCnt}}</e-desc-item>
            <e-desc-item label="检测设备" span="3" style="min-height: 80px">{{dataForm.detectionEquipment}}</e-desc-item>
            <e-desc-item label="检验结论" span="3" style="min-height: 80px">{{dataForm.conclusion}}</e-desc-item>
            <e-desc-item label="备注说明" span="3" style="min-height: 80px">{{dataForm.notes}}</e-desc-item>
          </e-desc>
          <e-desc title="检验项目">
            <el-table
              border
              :data="checkList">
              <el-table-column
                label="序号"
                type="index"
                align="center"
                width="50"
              >
              </el-table-column>
              <el-table-column
                prop="inspectionProject"
                header-align="center"
                align="center"
                label="检验项目">
              </el-table-column>
              <el-table-column
                prop="technicalIndicators"
                header-align="center"
                align="center"
                label="技术指标">
              </el-table-column>
              <el-table-column
                prop="measuredRecords"
                header-align="center"
                align="center"
                label="实测记录">
              </el-table-column>
              <el-table-column
                prop="notes"
                header-align="center"
                align="center"
                label="备注">
              </el-table-column>
            </el-table>
          </e-desc>
        </div><span slot="footer" class="dialog-footer">
          <el-button @click="onChose">取消</el-button>
        </span>
      </div>
    <!-- </el-dialog> -->
</template>

<script>
  import EDesc from '../common/e-desc'
  import EDescItem from '../common/e-desc-item'
  import { getIncomingInspectionDetail } from '@/api/check'
  export default {
    name: 'ibc-detail',
    components: {
      EDesc, EDescItem
    },
    data () {
      return {
        visible: false,
        dataForm: {},
        checkList: [],
        optionsTypes: [
          {
            code: '1', value: '原、辅材料'
          },
          {
            code: '2', value: '外协件'
          },
          {
            code: '3', value: '其他'
          }
        ]
      }
    },
    methods: {
      onChose () {
        this.$emit('onChose')
      },
      async init (id) {
        this.visible = true
        this.dataForm = {}
        await getIncomingInspectionDetail(id).then(({data}) => {
          if (data && data.code === '200') {
            this.dataForm = data.data
            if (data.data.qualityInspectionItemsList) {
              this.checkList = data.data.qualityInspectionItemsList
            }
          }
        })
      }
    }
  }
</script>

<style scoped>

</style>