需求申报样式调整

dev-scheduling
zhangdi 19 hours ago
parent 9ae463e59c
commit ad19cae77e
  1. 189
      src/views/productionManagement/components/coatingAddDialog.vue

@ -1,47 +1,18 @@
<template>
<el-dialog
title="需求申报"
append-to-body
:modelValue="showDialog"
width="80%"
@close="closeDialog"
@open="open"
fullscreen
class="content-box"
>
<el-form :inline="true" v-model="submitForm">
<el-form-item label="银钾系数" prop="coefficient" v-if="searchForm.plateGoodsCode == '04-05-024'">
<el-input placeholder="请输入银钾系数" v-model="submitForm.coefficient"></el-input>
</el-form-item>
<el-form-item :label="labelValue + '需求量'" prop="" v-if="searchForm.plateGoodsCode == '04-05-023'">
<el-input placeholder="请输入需求量" v-model="submitForm.goodsQuantity"></el-input>
</el-form-item>
<el-form-item label="银钾需求量" prop="saveBoardVal" v-if="searchForm.plateGoodsCode == '04-05-024'">
<el-input placeholder="请输入银钾需求量" v-model="submitForm.goodsQuantity"></el-input>
</el-form-item>
<!-- <el-form-item>
<el-button type="primary" @click="onSubmit"> </el-button>
</el-form-item> -->
</el-form>
<el-tag type="primary" style="width: 100%; display: block; line-height: 22px"
>选择{{ selectionList.length }}个订单 合计物料需求量{{ this.totalNum }}</el-tag
>
<div style="border: 1px solid #ccc; padding: 20px 0px">
<el-dialog title="需求申报" append-to-body :modelValue="showDialog" width="80%" @close="closeDialog" @open="open"
fullscreen class="content-box">
<el-tag type="primary" style="width: 100%; display: block; line-height: 22px">选择{{ selectionList.length }}个订单
合计物料需求量{{ this.totalNum }}</el-tag>
<div style="border: 1px solid #ccc; padding: 20px 0px;display: flex;">
<div>
<el-form :inline="true" v-model="searchForm" label-width="90px">
<el-form-item label="作业中心" prop="wcId">
<el-select style="width: 182px" v-model="searchForm.wcId" placeholder="请选择作业中心" filterable
clearable>
<el-option
v-for="item in workList"
:key="item.id"
:label="item.wcName"
:value="item.id"
></el-option>
<!-- <el-option label="作业中心二" value="2"></el-option> -->
<el-form :inline="true" v-model="searchForm" label-width="80px">
<el-form-item label="作业中心:" prop="wcId">
<el-select style="width: 100%" v-model="searchForm.wcId" placeholder="请选择作业中心" filterable clearable>
<el-option v-for="item in workList" :key="item.id" :label="item.wcName" :value="item.id"></el-option>
</el-select>
</el-form-item>
<el-form-item label="物料类型" prop="plateGoodsCode">
<el-form-item label="物料类型:" prop="plateGoodsCode">
<el-radio-group v-model="searchForm.plateGoodsCode" @input="changeType">
<el-radio label="04-05-023">金钾04-05-023</el-radio>
<el-radio label="04-05-024">银板04-05-024</el-radio>
@ -53,112 +24,40 @@
<el-form-item>
<el-button type="primary" @click="onSearch" :loading="loading"> </el-button>
</el-form-item>
<el-form-item label="银钾系数:" prop="coefficient" v-if="searchForm.plateGoodsCode == '04-05-024'">
<el-input placeholder="请输入银钾系数" v-model="submitForm.coefficient"></el-input>
</el-form-item>
<el-form-item label="银钾需求量:" prop="saveBoardVal" v-if="searchForm.plateGoodsCode == '04-05-024'">
<el-input placeholder="请输入银钾需求量" v-model="submitForm.goodsQuantity"></el-input>
</el-form-item>
</el-form>
<el-table
:data="tableData"
@selection-change="handleSelectionChange"
ref="multipleTable"
:loading="loading"
:height="tableHeight"
>
<el-table :data="tableData" @selection-change="handleSelectionChange" ref="multipleTable" :loading="loading"
:height="tableHeight">
<el-table-column type="selection"></el-table-column>
<!-- <el-table-column
label="计划单号"
prop="ypCode"
width="150"
align="center"
></el-table-column> -->
<el-table-column
label="生产订单号"
prop="yoCode"
width="150"
align="center"
fixed="left"
></el-table-column>
<el-table-column
label="零件号"
width="150"
prop="partCode"
align="center"
fixed="left"
></el-table-column>
<el-table-column
label="零件名称"
width="150"
prop="partName"
align="center"
fixed="left"
></el-table-column>
<!-- <el-table-column label="物料编码" width="150" prop="plateGoodsCode" align="center"></el-table-column> -->
<el-table-column
label="流程卡号"
prop="cardNo"
width="150"
align="center"
fixed="left"
></el-table-column>
<el-table-column
label="生产标识"
prop="productIdent"
width="100"
align="center"
fixed="left"
></el-table-column>
<el-table-column
label="生产数量"
width="100"
prop="ypQty"
align="center"
></el-table-column>
<el-table-column
label="物料需求量(克)"
width="100"
prop="goodsDemand"
align="center"
></el-table-column>
<el-table-column
label="镀层厚度1"
prop="plateThickness1"
width="100"
align="center"
></el-table-column>
<el-table-column
label="镀层厚度2"
prop="plateThickness2"
width="100"
align="center"
></el-table-column>
<el-table-column
label="物料需求定额1"
width="100"
prop="quota1"
align="center"
></el-table-column>
<el-table-column
label="物料需求定额2"
width="100"
prop="quota2"
align="center"
></el-table-column>
<el-table-column
label="计划下达时间"
prop="releaseDate"
width="150"
align="center"
></el-table-column>
<el-table-column label="生产订单号" prop="yoCode" width="150" align="center" fixed="left"></el-table-column>
<el-table-column label="零件号" width="150" prop="partCode" align="center" fixed="left"></el-table-column>
<el-table-column label="零件名称" width="150" prop="partName" align="center" fixed="left"></el-table-column>
<el-table-column label="流程卡号" prop="cardNo" width="150" align="center" fixed="left"></el-table-column>
<el-table-column label="生产标识" prop="productIdent" width="100" align="center" fixed="left"></el-table-column>
<el-table-column label="生产数量" width="100" prop="ypQty" align="center"></el-table-column>
<el-table-column label="物料需求量(克)" width="100" prop="goodsDemand" align="center"></el-table-column>
<el-table-column label="镀层厚度1" prop="plateThickness1" width="100" align="center"></el-table-column>
<el-table-column label="镀层厚度2" prop="plateThickness2" width="100" align="center"></el-table-column>
<el-table-column label="物料需求定额1" width="100" prop="quota1" align="center"></el-table-column>
<el-table-column label="物料需求定额2" width="100" prop="quota2" align="center"></el-table-column>
<el-table-column label="计划下达时间" prop="releaseDate" width="150" align="center"></el-table-column>
<!-- <el-table-column label="计划生产时间" prop="createTime" align="center"></el-table-column> -->
</el-table>
<div
v-show="totalNum"
style="
<div v-show="totalNum" style="
display: flex;
justify-content: flex-end;
align-items: center;
margin: 20px 20px 0 0;
"
>
">
合计{{ totalNum }}
</div>
</div>
@ -190,7 +89,9 @@ export default {
data() {
return {
loading: false,
submitForm: {},
submitForm: {
},
searchForm: {
plateGoodsCode: '04-05-023',
},
@ -224,9 +125,9 @@ export default {
this.$nextTick(() => {
const rightContainer = document.querySelector('.content-box');
if (!rightContainer) return;
const containerHeight = rightContainer.offsetHeight;
this.tableHeight =
containerHeight - 51 - 80 - 42 - 20 - 84 -20;
const containerHeight = rightContainer.offsetHeight;
this.tableHeight =
containerHeight - 51 - 80 - 42 - 20 - 84 - 20;
});
},
getWorkCenterList() {
@ -237,9 +138,11 @@ export default {
// /
changeType(val) {
console.log('val-------------');
if (val.target.value == 1) {
this.labelValue = '金钾';
} else {
this.submitForm.coefficient = '0.54'
this.labelValue = '银钾';
}
},
@ -334,4 +237,8 @@ export default {
};
</script>
<style></style>
<style lang="scss" scoped>
:deep(.el-form--inline .el-form-item) {
margin-right: 15px;
}
</style>

Loading…
Cancel
Save