You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
3.0 KiB
77 lines
3.0 KiB
<template> |
|
<el-dialog title="详情" append-to-body :modelValue="openShow" width="70%" @close="closeDialog" :loading="detailsLoading"> |
|
<el-descriptions title="物料记录"></el-descriptions> |
|
<el-table :data="yieldOrderList" style="width: 100%"> |
|
<el-table-column type="index" width="50" label="序号"> </el-table-column> |
|
<el-table-column prop="cardNo" label="流程卡号" show-overflow-tooltip> </el-table-column> |
|
<el-table-column prop="yoCode" label="生产单号" show-overflow-tooltip> </el-table-column> |
|
<el-table-column prop="partCode" label="零件号" show-overflow-tooltip> </el-table-column> |
|
<el-table-column prop="partName" label="零件名称" show-overflow-tooltip> </el-table-column> |
|
<el-table-column prop="actualWeighing" label="重量"> |
|
<template #default="scope">{{ scope.row.actualWeighing ? Number(scope.row.actualWeighing).toFixed(2)+'g' : '0g' }}</template> |
|
</el-table-column> |
|
</el-table> |
|
<el-descriptions title="执行记录" style="margin-top: 10px;"></el-descriptions> |
|
<el-table :data="taskExecuteRecordList" style="width: 100%"> |
|
<el-table-column type="index" width="50" label="序号"> </el-table-column> |
|
<el-table-column prop="startPos" label="开始位置" show-overflow-tooltip> </el-table-column> |
|
<el-table-column prop="endPos" label="结束位置" show-overflow-tooltip> </el-table-column> |
|
<el-table-column prop="method" label="执行状态" show-overflow-tooltip> </el-table-column> |
|
<el-table-column prop="createTime" label="执行时间" show-overflow-tooltip> </el-table-column> |
|
</el-table> |
|
<template #footer> |
|
<span class="dialog-footer"> |
|
<el-button @click="closeDialog">取 消</el-button> |
|
</span> |
|
</template> |
|
</el-dialog> |
|
</template> |
|
<script> |
|
import { taskDetails } from '@/api/logisticsManagement/logisticsDistribution'; |
|
|
|
export default { |
|
props: { |
|
showDialog: { |
|
type: Boolean, |
|
default: false, |
|
}, |
|
rowItem: { |
|
type: Object, |
|
default: () => ({}), |
|
}, |
|
}, |
|
data() { |
|
return { |
|
openShow: false, |
|
detailsInfo: {}, |
|
yieldOrderList:[], |
|
taskExecuteRecordList:[], |
|
detailsLoading:true |
|
}; |
|
}, |
|
mounted() { |
|
this.openShow = this.showDialog; |
|
this.detailsFn(); |
|
}, |
|
methods: { |
|
async detailsFn() { |
|
this.detailsLoading = true; |
|
await taskDetails({ boxBarcode: this.rowItem.boxBarcode, taskId: this.rowItem.id }).then( |
|
res => { |
|
this.detailsLoading = false |
|
this.yieldOrderList = res.data.data.boxbarcodeDetailsVO!=null?res.data.data.boxbarcodeDetailsVO.yieldOrderList:[] |
|
this.taskExecuteRecordList = res.data.data.taskExecuteRecordList!=null?res.data.data.taskExecuteRecordList:[] |
|
this.detailsInfo = res.data.data; |
|
} |
|
).catch(err => { |
|
this.detailsLoading = false |
|
}) |
|
}, |
|
closeDialog() { |
|
this.openShow = false; |
|
this.$emit('closeDialog'); |
|
}, |
|
}, |
|
}; |
|
</script> |
|
<style lang="scss" scoped></style>
|
|
|