|
|
|
|
<template>
|
|
|
|
|
<el-dialog title="详情" append-to-body :modelValue="openShow" width="70%" @close="closeDialog" fullscreen>
|
|
|
|
|
<el-descriptions class="margin-top" :column="4" border title="需求信息" >
|
|
|
|
|
<el-descriptions-item label="需求编号">9999</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="工装编号">9999</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="工装名称">9999</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="关联订单数">9999</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="订单需求量">9999</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="库存数量">9999</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="占用数量">9999</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
<el-descriptions class="margin-top" :column="4" border title="工装占用信息"></el-descriptions>
|
|
|
|
|
<el-table :data="tableData" style="width: 100%">
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="shuliang" label="工作订单号" align="center">
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="占用数" align="center">
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="占用时间" align="center">
|
|
|
|
|
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<el-descriptions class="margin-top" :column="4" border title="关联订单"></el-descriptions>
|
|
|
|
|
<el-table :data="tableData" style="width: 100%">
|
|
|
|
|
<el-table-column type="index" width="80" label="序号" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="计划单号" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="零件号" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="产品名称" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="零件数量" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="需求交期" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="工装需求数量" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="已交付数量" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="未交付数量" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="计划下达时间" align="center">
|
|
|
|
|
</el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<el-descriptions class="margin-top" :column="4" border title="申报记录(近一个的记录)"></el-descriptions>
|
|
|
|
|
<el-table :data="tableData" style="width: 100%">
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="shuliang" label="零件号" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="零件名称" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="对应工装号" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="工装名称" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="数量" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="计划类型" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="需求日期" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="生产标识" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="保管员" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="下达人" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="建立时间" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="建立人员" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="备注" align="center"></el-table-column>
|
|
|
|
|
<el-table-column prop="shuliang" label="状态" align="center"></el-table-column>
|
|
|
|
|
</el-table>
|
|
|
|
|
<template #footer>
|
|
|
|
|
<span class="dialog-footer">
|
|
|
|
|
<el-button @click="closeDialog">取 消</el-button>
|
|
|
|
|
<el-button type="primary" @click="submit">确 定</el-button>
|
|
|
|
|
</span>
|
|
|
|
|
</template>
|
|
|
|
|
</el-dialog>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
export default {
|
|
|
|
|
props: {
|
|
|
|
|
showDialog: {
|
|
|
|
|
type: Boolean,
|
|
|
|
|
default: false
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
openShow: false,
|
|
|
|
|
form: {},
|
|
|
|
|
tableData: [],
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
mounted() {
|
|
|
|
|
this.openShow = this.showDialog
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
closeDialog() {
|
|
|
|
|
this.openShow = false
|
|
|
|
|
this.$emit('closeDialog');
|
|
|
|
|
},
|
|
|
|
|
addTable() {
|
|
|
|
|
this.tableData.push({
|
|
|
|
|
code: '3',
|
|
|
|
|
No: '3',
|
|
|
|
|
number: '3',
|
|
|
|
|
shuliang: '',
|
|
|
|
|
shuliang: 0
|
|
|
|
|
|
|
|
|
|
})
|
|
|
|
|
},
|
|
|
|
|
delTable(row, index) {
|
|
|
|
|
this.tableData.splice(index, 1)
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
|
|
.margin-top{
|
|
|
|
|
margin-top: 24px;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
