ibc-detail.vue 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <template>
  2. <el-dialog
  3. title="详情"
  4. width="70%"
  5. :close-on-click-modal="false"
  6. :visible.sync="visible">
  7. <div style="margin-left: 20px;margin-right: 20px">
  8. <e-desc title="基本信息">
  9. <e-desc-item label="检验单编码">{{dataForm.inspectionCode}}</e-desc-item>
  10. <e-desc-item label="物品名称">{{dataForm.materialName}}</e-desc-item>
  11. <e-desc-item label="批次号">{{dataForm.batchNumber}}</e-desc-item>
  12. <e-desc-item label="规格/图号">{{dataForm.specifications}}</e-desc-item>
  13. <e-desc-item label="类别">{{dataForm.materialTypeName}}</e-desc-item>
  14. <e-desc-item label="来源">{{dataForm.source}}</e-desc-item>
  15. <e-desc-item label="来料类型">{{dataForm.inspectionType?optionsTypes.find(item => item.code === dataForm.inspectionType).value:''}}</e-desc-item>
  16. <e-desc-item label="检验依据">{{dataForm.inspectionBasis}}</e-desc-item>
  17. <e-desc-item label="合格证编码">{{dataForm.qualifiedCertificateCode}}</e-desc-item>
  18. <e-desc-item label="送检数量">{{dataForm.cnt}}</e-desc-item>
  19. <e-desc-item label="合格数量">{{dataForm.qualifiedCnt}}</e-desc-item>
  20. <e-desc-item label="检测设备" span="3" style="min-height: 80px">{{dataForm.detectionEquipment}}</e-desc-item>
  21. <e-desc-item label="检验结论" span="3" style="min-height: 80px">{{dataForm.conclusion}}</e-desc-item>
  22. <e-desc-item label="备注说明" span="3" style="min-height: 80px">{{dataForm.notes}}</e-desc-item>
  23. </e-desc>
  24. <e-desc title="检验项目">
  25. <el-table
  26. :data="checkList">
  27. <el-table-column
  28. label="序号"
  29. type="index"
  30. align="center"
  31. width="50"
  32. >
  33. </el-table-column>
  34. <el-table-column
  35. prop="inspectionProject"
  36. header-align="center"
  37. align="center"
  38. label="检验项目">
  39. </el-table-column>
  40. <el-table-column
  41. prop="technicalIndicators"
  42. header-align="center"
  43. align="center"
  44. label="技术指标">
  45. </el-table-column>
  46. <el-table-column
  47. prop="measuredRecords"
  48. header-align="center"
  49. align="center"
  50. label="实测记录">
  51. </el-table-column>
  52. <el-table-column
  53. prop="notes"
  54. header-align="center"
  55. align="center"
  56. label="备注">
  57. </el-table-column>
  58. </el-table>
  59. </e-desc>
  60. </div><span slot="footer" class="dialog-footer">
  61. <el-button @click="visible = false">取消</el-button>
  62. </span>
  63. </el-dialog>
  64. </template>
  65. <script>
  66. import EDesc from '../common/e-desc'
  67. import EDescItem from '../common/e-desc-item'
  68. import { getIncomingInspectionDetail } from '@/api/check'
  69. export default {
  70. name: 'ibc-detail',
  71. components: {
  72. EDesc, EDescItem
  73. },
  74. data () {
  75. return {
  76. visible: false,
  77. dataForm: {},
  78. checkList: [],
  79. optionsTypes: [
  80. {
  81. code: '1', value: '原、辅材料'
  82. },
  83. {
  84. code: '2', value: '外协件'
  85. },
  86. {
  87. code: '3', value: '其他'
  88. }
  89. ]
  90. }
  91. },
  92. methods: {
  93. async init (id) {
  94. this.visible = true
  95. this.dataForm = {}
  96. await getIncomingInspectionDetail(id).then(({data}) => {
  97. if (data && data.code === '200') {
  98. this.dataForm = data.data
  99. if (data.data.qualityInspectionItemsList) {
  100. this.checkList = data.data.qualityInspectionItemsList
  101. }
  102. }
  103. })
  104. }
  105. }
  106. }
  107. </script>
  108. <style scoped>
  109. </style>