parent
fffc8b9e4c
commit
301fe3e2bb
222 changed files with 10217 additions and 3597 deletions
@ -0,0 +1,85 @@ |
||||
<template> |
||||
<el-dialog title="分批" append-to-body :modelValue="openShow" width="40%" @close="closeDialog"> |
||||
<el-form ref="form" :model="form" label-width="80px"> |
||||
<el-row> |
||||
<el-col :span="8"> |
||||
<el-form-item label="计划单号:">21E8-040-17188-A1</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="零件:">21E8-040-17188-A1</el-form-item> |
||||
</el-col> |
||||
<el-col :span="8"> |
||||
<el-form-item label="生产数量:">21E8-040-17188-A1</el-form-item> |
||||
</el-col> |
||||
</el-row> |
||||
|
||||
</el-form> |
||||
<div style="margin-bottom: 12px;"> |
||||
<el-button type="primary" @click="addTable">插入一行</el-button> |
||||
</div> |
||||
<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"> |
||||
<template #default="scope"> |
||||
<el-input-number v-model="scope.row.shuliang" :min="1" size="small" controls-position="right" |
||||
@change="handleChange" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column fixed="right" label="操作" width="100" align="left"> |
||||
<template #default="scope"> |
||||
<el-button type="text" size="small" |
||||
@click.prevent="delTable(scope.row, scope.$index)">删除</el-button> |
||||
</template> |
||||
</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></style> |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,191 @@ |
||||
<template> |
||||
<el-dialog title="新增" append-to-body :modelValue="openShow" width="90%" @close="closeDialog"> |
||||
|
||||
<div style="margin-bottom: 12px;" v-if="moldAddMore"> |
||||
<el-button type="primary" @click="addTable">插入一行</el-button> |
||||
<el-button type="danger" @click="delTable">删除行</el-button> |
||||
</div> |
||||
<el-table :data="tableData" style="width: 100%"> |
||||
<el-table-column type="index" width="80" label="序号" align="center"> |
||||
</el-table-column> |
||||
<el-table-column prop="partCode" label="零件编码" align="center"> |
||||
<template #header> |
||||
<span><i style="color:red">*</i>零件编码</span> |
||||
</template> |
||||
<template #default="scope"> |
||||
<el-select v-model="scope.row.partCode" :filterable="true" allow-create |
||||
@change="partCodeChange(scope.row)" size="small"> |
||||
<el-option label="零件一" value="1" /> |
||||
<el-option label="零件二" value="2" /> |
||||
</el-select> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="partName" label="零件名称" align="center"> |
||||
<template #default="scope"> |
||||
<span>{{ scope.row.partName }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="moCode" label="工装号" align="center"> |
||||
<template #header> |
||||
<span><i style="color:red">*</i>工装号</span> |
||||
</template> |
||||
<template #default="scope"> |
||||
<el-select v-model="scope.row.moCode" :filterable="true" allow-create size="small" |
||||
@change="frockChange(scope.row)"> |
||||
<el-option label="工装一" value="1" /> |
||||
<el-option label="工装二" value="2" /> |
||||
</el-select> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="moName" label="工装名称" align="center"> |
||||
<template #default="scope"> |
||||
<span>{{ scope.row.moName }}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="quantity" label="数量" align="center"> |
||||
<template #header> |
||||
<span><i style="color:red">*</i>数量</span> |
||||
</template> |
||||
<template #default="scope"> |
||||
<el-input-number v-model="scope.row.shuliang" :min="1" size="small" controls-position="right" style="width: 90%;" |
||||
@change="handleChange" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="planType" label="计划类型" align="center"> |
||||
<template #header> |
||||
<span><i style="color:red">*</i>计划类型</span> |
||||
</template> |
||||
<template #default="scope"> |
||||
<el-select v-model="scope.row.moCode" :filterable="true" allow-create size="small" |
||||
@change="frockChange(scope.row)"> |
||||
<el-option label="计划类型一" value="1" /> |
||||
<el-option label="计划类型二" value="2" /> |
||||
</el-select> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="needDate" label="需求日期" align="center"> |
||||
<template #header> |
||||
<span><i style="color:red">*</i>需求日期</span> |
||||
</template> |
||||
<template #default="scope"> |
||||
<el-date-picker v-model="scope.row.needDate" type="date" placeholder="请选择" size="small" |
||||
style="width: 80%;" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="quaLevel" label="生产标识" align="center"> |
||||
<template #header> |
||||
<span><i style="color:red">*</i>生产标识</span> |
||||
</template> |
||||
<template #default="scope"> |
||||
<el-input v-model="scope.row.quaLevel" size="small" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="keeper.userName" label="保管员" align="center"> |
||||
<template #header> |
||||
<span><i style="color:red">*</i>保管员</span> |
||||
</template> |
||||
<template #default="scope"> |
||||
<el-select v-model="scope.row.userName" :filterable="true" allow-create size="small" |
||||
@change="frockChange(scope.row)"> |
||||
<el-option label="人员一" value="1" /> |
||||
<el-option label="人员二" value="2" /> |
||||
</el-select> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="memo" label="备注" align="center"> |
||||
<template #default="scope"> |
||||
<el-input v-model="scope.row.memo" size="small" /> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column fixed="right" label="操作" width="100" align="left" v-if="moldAddMore"> |
||||
<template #default="scope"> |
||||
<el-button type="text" size="small" |
||||
@click.prevent="delTable(scope.row, scope.$index)">删除</el-button> |
||||
</template> |
||||
</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 |
||||
}, |
||||
moldAddMore: { |
||||
type: Boolean, |
||||
default: false |
||||
} |
||||
}, |
||||
data() { |
||||
return { |
||||
openShow: false, |
||||
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, |
||||
memo:'' |
||||
|
||||
}) |
||||
}, |
||||
// 删除一行 |
||||
delTable(row, index) { |
||||
this.tableData.splice(index, 1) |
||||
}, |
||||
// 选择零件 |
||||
partCodeChange() { |
||||
// var row = this.$refs.xTable.getCurrentRecord(); |
||||
// if (itemRow.frockOption != null && itemRow.frockOption.length > 0) { |
||||
// let name = ''; |
||||
// itemRow.frockOption.forEach((item) => { |
||||
// if (item.value == itemRow.moCode) { |
||||
// name = item.name; |
||||
// } |
||||
// }); |
||||
// this.$set(row, 'moName', name); |
||||
// } else { |
||||
// this.$set(row, 'moName', ''); |
||||
// } |
||||
}, |
||||
// 选中工装 |
||||
frockChange(itemRow) { |
||||
// var row = this.$refs.xTable.getCurrentRecord(); |
||||
// if (itemRow.frockOption != null && itemRow.frockOption.length > 0) { |
||||
// let name = ''; |
||||
// itemRow.frockOption.forEach((item) => { |
||||
// if (item.value == itemRow.moCode) { |
||||
// name = item.name; |
||||
// } |
||||
// }); |
||||
// this.$set(row, 'moName', name); |
||||
// } else { |
||||
// this.$set(row, 'moName', ''); |
||||
// } |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
<style lang="scss" scoped></style> |
||||
@ -0,0 +1,119 @@ |
||||
<template> |
||||
<el-dialog title="详情" append-to-body :modelValue="openShow" width="70%" @close="closeDialog"> |
||||
<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> |
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in new issue