ibc-detail.vue 4.1 KB

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