SunYF
b6799c9de4
本次迭代覆盖MES与WMS核心业务： 1. 新增接驳台托盘传感器读取与AGV对接能力 2. 完善工单排产、备料流程与权限体系拆分 3. 优化看板接口与前端路由、样式 4. 新增操作日志、库存盘点与角色保护逻辑 5. 修复代理地址、BOM保存等已知问题
113 lines
4.7 KiB
Vue
113 lines
4.7 KiB
Vue
<template>
|
||
<el-card>
|
||
<el-form inline>
|
||
<el-form-item label="工件SN">
|
||
<el-input v-model="sn" style="width:220px" placeholder="输入SN查询追溯" @keyup.enter="search" />
|
||
</el-form-item>
|
||
<el-form-item><el-button type="primary" @click="search">追溯查询</el-button></el-form-item>
|
||
<el-form-item>
|
||
<el-button type="warning" :disabled="!sn" @click="printCard">打印流程卡</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
|
||
<el-alert v-if="error" :title="error" type="error" show-icon closable style="margin-bottom:10px" />
|
||
|
||
<template v-if="data">
|
||
<el-descriptions :column="4" border style="margin-bottom:12px">
|
||
<el-descriptions-item label="SN">{{ data.workpiece?.sn }}</el-descriptions-item>
|
||
<el-descriptions-item label="工单号">{{ data.workpiece?.orderNo }}</el-descriptions-item>
|
||
<el-descriptions-item label="状态">{{ data.workpiece?.status }}</el-descriptions-item>
|
||
<el-descriptions-item label="当前工位">{{ data.workpiece?.currentProcess }}</el-descriptions-item>
|
||
<el-descriptions-item label="进线时间">{{ fmt(data.workpiece?.onlineAt) }}</el-descriptions-item>
|
||
<el-descriptions-item label="完工时间">{{ fmt(data.workpiece?.doneAt) }}</el-descriptions-item>
|
||
</el-descriptions>
|
||
|
||
<el-tabs>
|
||
<el-tab-pane label="工位时间线">
|
||
<el-timeline>
|
||
<el-timeline-item v-for="p in (data.processTimeline||[])" :key="p.id"
|
||
:timestamp="p.operator ? (p.operator+' · '+fmt(p.endedAt)) : fmt(p.endedAt)"
|
||
:type="p.result==='NG'?'danger':'success'">
|
||
{{ p.processName }}（工位 {{ p.stationNo || p.processCode }}）— {{ p.result }}
|
||
</el-timeline-item>
|
||
</el-timeline>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="步骤考核数据">
|
||
<el-table :data="data.stepData||[]" border size="small">
|
||
<el-table-column prop="stepName" label="步骤" min-width="110" />
|
||
<el-table-column prop="criterionName" label="考核项" min-width="110" />
|
||
<el-table-column prop="value" label="数值" width="100" />
|
||
<el-table-column prop="isOK" label="合格" width="80">
|
||
<template #default="{row}"><el-tag :type="row.isOK?'success':'danger'">{{ row.isOK?'OK':'NG' }}</el-tag></template>
|
||
</el-table-column>
|
||
<el-table-column prop="operator" label="操作人" width="90" />
|
||
</el-table>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="拧紧数据">
|
||
<el-table :data="data.torqueRecords||[]" border size="small">
|
||
<el-table-column prop="stationNo" label="工位" width="80" />
|
||
<el-table-column prop="torque" label="扭矩" width="100" />
|
||
<el-table-column prop="angle" label="角度" width="90" />
|
||
<el-table-column prop="result" label="结果" width="80" />
|
||
<el-table-column prop="operator" label="操作人" width="90" />
|
||
<el-table-column prop="time" label="时间" min-width="160" />
|
||
</el-table>
|
||
</el-tab-pane>
|
||
<el-tab-pane label="成品关联">
|
||
<p>批次号：{{ (data.associationTrace?.batchItems||[]).join(', ') || '无' }}</p>
|
||
<p>精密件SN：{{ (data.associationTrace?.serialItems||[]).join(', ') || '无' }}</p>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
</template>
|
||
</el-card>
|
||
<PageHelp :data="helpTrace" />
|
||
</template>
|
||
|
||
<script setup>
|
||
import { ref } from 'vue'
|
||
import { ElMessageBox } from 'element-plus'
|
||
import request from '../utils/request'
|
||
import PageHelp from '../components/PageHelp.vue'
|
||
import { helpTrace } from '../help'
|
||
|
||
const sn = ref('')
|
||
const data = ref(null)
|
||
const error = ref('')
|
||
|
||
async function search() {
|
||
if (!sn.value) return
|
||
error.value = ''
|
||
data.value = null
|
||
try {
|
||
data.value = await request.get('/trace', { params: { sn: sn.value } })
|
||
} catch (e) {
|
||
error.value = e.message || '查询失败'
|
||
}
|
||
}
|
||
async function printCard() {
|
||
if (!sn.value) return
|
||
// 打印前数据完整性预检
|
||
let missing = []
|
||
try {
|
||
const check = await request.get('/process-card', { params: { sn: sn.value, check: 1 } })
|
||
missing = check?.missing || []
|
||
} catch {
|
||
/* 预检失败不阻塞打印 */
|
||
}
|
||
if (missing.length) {
|
||
try {
|
||
await ElMessageBox.confirm(
|
||
`以下数据不完整，是否继续打印？\n\n${missing.map((m) => '· ' + m).join('\n')}`,
|
||
'打印流程卡', {
|
||
type: 'warning',
|
||
confirmButtonText: '继续打印',
|
||
cancelButtonText: '取消'
|
||
})
|
||
} catch {
|
||
return // 用户取消
|
||
}
|
||
}
|
||
window.open('/api/v1/process-card?sn=' + encodeURIComponent(sn.value), '_blank')
|
||
}
|
||
function fmt(v) { return v ? String(v).replace('T', ' ').slice(0, 19) : '-' }
|
||
</script> |