Browse Source

feat(npcIqc): 新增IQc检验详情页面和物流管理页面

- 创建com_npcIqcDetail.vue组件实现IQC检验单详情展示功能
- 添加logisticsManagement.vue页面实现物流管理查询和PO清单显示
- 集成搜索表单、表格展示、分页等功能模块
- 实现详情页签切换和数据联动展示机制
- 添加日期格式化和状态映射等工具方法
- 配置相关API接口调用和数据处理逻辑
master
qiankanghui 6 days ago
parent
commit
61c2f34dea
  1. 18
      src/views/modules/npcIqc/com_npcIqcDetail.vue
  2. 24
      src/views/modules/npcIqc/logisticsManagement.vue

18
src/views/modules/npcIqc/com_npcIqcDetail.vue

@ -164,15 +164,15 @@
<span class="value">{{ detailData.createdBy }}</span>
</div>
<div class="detail-item">
<span class="label">Update By</span>
<span class="value">{{ detailData.updateBy }}</span>
</div>
<div class="detail-item">
<span class="label">Update Date</span>
<span class="value">{{ formatDate(detailData.updateDate) }}</span>
</div>
<!-- <div class="detail-item">-->
<!-- <span class="label">Update By</span>-->
<!-- <span class="value">{{ detailData.updateBy }}</span>-->
<!-- </div>-->
<!-- <div class="detail-item">-->
<!-- <span class="label">Update Date</span>-->
<!-- <span class="value">{{ formatDate(detailData.updateDate) }}</span>-->
<!-- </div>-->
</div>
</div>
</div>

24
src/views/modules/npcIqc/logisticsManagement.vue

@ -101,9 +101,13 @@
show-overflow-tooltip />
<el-table-column
prop="orderDate"
label="PO Date"
label="PO日期"
width="120"
align="center" />
align="center">
<template slot-scope="scope">
{{ formatDate(scope.row.orderDate) }}
</template>
</el-table-column>
<el-table-column
prop="partNo"
label="SKU"
@ -265,6 +269,22 @@ export default {
//
handleDeleteAttachment (row) {
this.$message.info('删除附件功能待开发')
},
// yyyy-MM-dd
formatDate (date) {
if (!date) return ''
// yyyy-MM-dd
if (typeof date === 'string' && date.length === 10) {
return date
}
//
const d = new Date(date)
if (isNaN(d.getTime())) return date
const year = d.getFullYear()
const month = String(d.getMonth() + 1).padStart(2, '0')
const day = String(d.getDate()).padStart(2, '0')
return `${year}-${month}-${day}`
}
},
created () {

Loading…
Cancel
Save