From ad8dd10064f98154f938cd2a624958e5893e7ea0 Mon Sep 17 00:00:00 2001 From: zouyu <2723363702@qq.com> Date: 星期五, 24 十一月 2023 15:05:31 +0800 Subject: [PATCH] modified: src/views/warehouse/pallettransports/index.vue modified: vue.config.js --- src/views/warehouse/pallettransports/index.vue | 460 +++++++++++++++------------------------------------------ 1 files changed, 121 insertions(+), 339 deletions(-) diff --git a/src/views/warehouse/pallettransports/index.vue b/src/views/warehouse/pallettransports/index.vue index ccce219..9f33ac0 100644 --- a/src/views/warehouse/pallettransports/index.vue +++ b/src/views/warehouse/pallettransports/index.vue @@ -3,321 +3,142 @@ <basic-container> <el-row> <el-col :span="9"> - <ttable - :table="table" - @currentChange="palletTransportsChange" - :uploadInfo="uploadInfo" - :prelang="prelang" - :options="options" - :ajaxFun="ajaxFun" - :fixedHeight="palletTransportsFixedHeight" - ref="pallettransportsTable" - > + <ttable :table="table" @currentChange="palletTransportsChange" :uploadInfo="uploadInfo" :prelang="prelang" + :options="options" :ajaxFun="ajaxFun" :fixedHeight="palletTransportsFixedHeight" ref="pallettransportsTable"> <template #toolbar> - <el-button - v-if="permissions.warehouse_pallettransports_add" - type="primary" - @click="addOrUpdateHandle()" - >鏂板</el-button - > + <el-button v-if="permissions.warehouse_pallettransports_add" type="primary" + @click="addOrUpdateHandle()">鏂板</el-button> </template> </ttable> - <div - style="margin:0px 20px 0px;display:flex;height:36px;justify-content: space-between;align-items:center;" - > + <div style="margin:0px 20px 0px;display:flex;height:36px;justify-content: space-between;align-items:center;"> <div> <span style="font-weight:bold;">瀵瑰簲宸ュ崟</span> </div> <div></div> </div> <div style="padding:0px 20px 0px;"> - <el-table - class="pallet-transports-optask-table" - :data="palletTransportsOptaskData" - style="width: 100%;" - v-adaptive="{ bottomOffset: 20, fixedHeight: 0 }" - height="100px" - border - highlight-current-row - @row-click="optaskRowClick" - stripe - ref="palletTransportsOptaskTable" - > + <el-table class="pallet-transports-optask-table" :data="palletTransportsOptaskData" style="width: 100%;" + v-adaptive="{ bottomOffset: 20, fixedHeight: 0 }" height="100px" border highlight-current-row + @row-click="optaskRowClick" stripe ref="palletTransportsOptaskTable"> <el-table-column align="center" width="55" label="鍗曢��"> <template slot-scope="scope"> - <el-checkbox - class="optask-table-single-checkbox" - v-model="scope.row.commonChecked" - disabled - ></el-checkbox> + <el-checkbox class="optask-table-single-checkbox" v-model="scope.row.commonChecked" + disabled></el-checkbox> </template> </el-table-column> - <el-table-column - prop="optaskNo" - label="宸ュ崟鍙�" - align="center" - show-overflow-tooltip - > + <el-table-column prop="optaskNo" label="宸ュ崟鍙�" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="partName" - label="闆朵欢" - align="center" - show-overflow-tooltip - > + <el-table-column prop="partName" label="闆朵欢" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="workCenter" - label="宸ヤ綔涓績" - align="center" - show-overflow-tooltip - > + <el-table-column prop="workCenter" label="宸ヤ綔涓績" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="workstationName" - label="宸ヤ綔绔�" - align="center" - show-overflow-tooltip - > + <el-table-column prop="workstationName" label="宸ヤ綔绔�" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="plannedQuantity" - label="璁″垝鏁伴噺" - align="center" - show-overflow-tooltip - > + <el-table-column prop="plannedQuantity" label="璁″垝鏁伴噺" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="unit" - label="鍗曚綅" - align="center" - show-overflow-tooltip - > + <el-table-column prop="unit" label="鍗曚綅" align="center" show-overflow-tooltip> </el-table-column> </el-table> </div> </el-col> <el-col :span="15" style="padding-left: 10px;padding-right: 10px"> - <div - style="display:flex;height:36px;justify-content: space-between;align-items:center;" - > + <div style="display:flex;height:36px;justify-content: space-between;align-items:center;"> <div><span style="font-weight:bold;">鐗╂枡闇�姹�</span></div> <div> - <el-button - type="text" - v-if="permissions.warehouse_pallettransports_demand_add" - @click="openPartDialog" - >鏂板</el-button - ><el-button - type="text" - v-if="permissions.warehouse_pallettransports_ifs" - @click="openLocationDialog" - >IFS鑷冲簱浣�</el-button - > + <el-button type="text" v-if="permissions.warehouse_pallettransports_demand_add" + @click="openPartDialog">鏂板</el-button><el-button type="text" + v-if="permissions.warehouse_pallettransports_ifs" @click="openLocationDialog">绉昏嚦搴撲綅</el-button> </div> </div> <div> - <el-table - class="pallet-transports-material-table" - :data="palletTransportsMaterialData" - style="width: 100%;" - height="350px" - border - @selection-change="palletTransportsMaterialSelectionChange" - stripe - ref="palletTransportsMaterialTable" - > + <el-table class="pallet-transports-material-table" :data="palletTransportsMaterialData" style="width: 100%;" + height="350px" border @selection-change="palletTransportsMaterialSelectionChange" stripe + ref="palletTransportsMaterialTable"> <el-table-column type="selection" width="55"> </el-table-column> - <el-table-column - prop="partNo" - label="闆朵欢鍙�" - align="center" - show-overflow-tooltip - > + <el-table-column prop="partNo" label="闆朵欢鍙�" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="partDesc" - label="闆朵欢鎻忚堪" - align="center" - show-overflow-tooltip - > + <el-table-column prop="partDesc" label="闆朵欢鎻忚堪" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="demandQuantity" - label="闇�姹傛暟閲�" - align="center" - > + <el-table-column prop="demandQuantity" label="闇�姹傛暟閲�" align="center"> <template slot-scope="scope"> - <el-input - v-show="scope.row.canEdit" - v-model="scope.row.demandQuantity" - ></el-input> + <el-input v-show="scope.row.canEdit" v-model="scope.row.demandQuantity"></el-input> <span v-show="!scope.row.canEdit">{{ scope.row.demandQuantity }}</span> </template> </el-table-column> - <el-table-column - prop="transferQuantity" - label="绉诲簱鏁伴噺" - align="center" - > + <el-table-column prop="transferQuantity" label="绉诲簱鏁伴噺" align="center"> </el-table-column> - <el-table-column - prop="surplusQuantity" - label="鍓╀綑鏁伴噺" - align="center" - > + <el-table-column prop="surplusQuantity" label="鍓╀綑鏁伴噺" align="center"> </el-table-column> <el-table-column prop="unit" label="璁¢噺鍗曚綅" align="center"> </el-table-column> - <el-table-column - prop="toIfsLocationNo" - label="IFS鑷冲簱浣�" - align="center" - > + <el-table-column prop="toIfsLocationNo" label="绉昏嚦搴撲綅" align="center"> </el-table-column> <el-table-column label="鎿嶄綔" align="center" width="100"> <template slot-scope="scope"> - <el-button - v-show="!scope.row.canEdit" - type="text" - :disabled="scope.row.detailExistState" - @click="scope.row.canEdit = true" - >缂栬緫</el-button - > - <el-button - v-show="scope.row.canEdit" - type="text" - :disabled="scope.row.detailExistState" - @click="updateMaterial(scope.row)" - >淇濆瓨</el-button - > - <el-button - type="text" - :disabled="scope.row.detailExistState" - @click="delMaterial(scope.row)" - >鍒犻櫎</el-button - > + <el-button v-show="!scope.row.canEdit" type="text" :disabled="scope.row.detailExistState" + @click="scope.row.canEdit = true">缂栬緫</el-button> + <el-button v-show="scope.row.canEdit" type="text" :disabled="scope.row.detailExistState" + @click="updateMaterial(scope.row)">淇濆瓨</el-button> + <el-button type="text" :disabled="scope.row.detailExistState" + @click="delMaterial(scope.row)">鍒犻櫎</el-button> </template> </el-table-column> </el-table> </div> - <div - style="margin-top:10px;display:flex;height:36px;justify-content: space-between;align-items:center;" - > + <div style="margin-top:10px;display:flex;height:36px;justify-content: space-between;align-items:center;"> <div> - <span style="font-weight:bold;">绉诲簱鏄庣粏</span - ><span style="color:red;" - >({{ - palletTransportsMaterialMultipleSelection.length > 0 - ? palletTransportsMaterialMultipleSelection[ - palletTransportsMaterialMultipleSelection.length - 1 - ].partDesc - : '' - }})</span - > + <span style="font-weight:bold;">绉诲簱鏄庣粏</span><span style="color:red;">({{ + palletTransportsMaterialMultipleSelection.length > 0 + ? palletTransportsMaterialMultipleSelection[ + palletTransportsMaterialMultipleSelection.length - 1 + ].partDesc + : '' + }})</span> </div> <div> - <el-button - type="primary" - v-if="permissions.warehouse_pallettransports_detail_add" - round - @click="openStockDialog" - >娣诲姞鏄庣粏</el-button - > - <el-button - type="warning" - v-if="permissions.warehouse_pallettransports_detail_library" - round - @click="openDetailLocationDialog" - >涓�閿嚦搴撲綅</el-button - > - <el-button - type="success" - v-if="permissions.warehouse_pallettransports_detail_execute" - round - @click="executeMove" - >鎵� 琛�</el-button - > + <el-button type="primary" v-if="permissions.warehouse_pallettransports_detail_add" round + @click="getPalletTransportsDetailData">娣诲姞鏄庣粏</el-button> + <!-- <el-button type="warning" v-if="permissions.warehouse_pallettransports_detail_library" round + @click="openDetailLocationDialog">涓�閿嚦搴撲綅</el-button> --> + <el-button type="success" v-if="permissions.warehouse_pallettransports_detail_execute" round + @click="executeMove">鎵� 琛�</el-button> </div> </div> <div> - <el-table - class="pallet-transports-detail-table" - :data="palletTransportsDetailData" - style="width: 100%;" - v-adaptive="{ bottomOffset: 20, fixedHeight: 0 }" - height="100px" - border - @selection-change="palletTransportsDetailSelectionChange" - stripe - ref="palletTransportsDetailTable" - > + <el-table class="pallet-transports-detail-table" :data="palletTransportsDetailData" style="width: 100%;" + v-adaptive="{ bottomOffset: 20, fixedHeight: 0 }" height="100px" border + @selection-change="palletTransportsDetailSelectionChange" stripe ref="palletTransportsDetailTable"> <el-table-column type="selection" width="55"> </el-table-column> - <el-table-column - prop="partNo" - label="闆朵欢鍙�" - align="center" - show-overflow-tooltip - > + <el-table-column prop="partNo" label="闆朵欢鍙�" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="partDesc" - label="闆朵欢鎻忚堪" - align="center" - show-overflow-tooltip - > + <el-table-column prop="partDesc" label="闆朵欢鎻忚堪" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="batchNo" - label="鎵规鍙�" - align="center" - show-overflow-tooltip - > + <!-- <el-table-column prop="batchNo" label="鎵规鍙�" align="center" show-overflow-tooltip> </el-table-column> <el-table-column prop="wdr" label="WDR" align="center"> + </el-table-column> --> + <el-table-column prop="operationTaskNo" label="宸ュ崟" align="center" show-overflow-tooltip> </el-table-column> - <el-table-column - prop="operationTaskNo" - label="宸ュ崟" - align="center" - show-overflow-tooltip - > - </el-table-column> - <el-table-column - prop="transferQuantity" - label="绉诲簱鏁伴噺" - align="center" - > + <el-table-column prop="transferQuantity" label="绉诲簱鏁伴噺" align="center"> </el-table-column> <el-table-column prop="unit" label="鍗曚綅" align="center"> </el-table-column> - <el-table-column - prop="fromIfsLocationNo" - label="IFS浠庡簱浣�" - align="center" - > - </el-table-column> - <el-table-column - prop="toIfsLocationNo" - label="IFS鑷冲簱浣�" - align="center" - > + <!-- <el-table-column prop="fromIfsLocationNo" label="IFS浠庡簱浣�" align="center"> + </el-table-column> --> + <el-table-column prop="toIfsLocationNo" label="绉昏嚦搴撲綅" align="center"> <template slot-scope="scope"> - <el-link - type="primary" - @click="openSingleLocationDialog(scope.row)" - >{{ scope.row.toIfsLocationNo }}</el-link - > + <el-link type="primary" @click="openSingleLocationDialog(scope.row)">{{ scope.row.toIfsLocationNo + }}</el-link> </template> </el-table-column> <el-table-column prop="state" label="鐘舵��" align="center"> <template slot-scope="scope"> <span>{{ scope.row.state == null - ? '' - : scope.row.state === '01initial' + ? '' + : scope.row.state === '01initial' ? '宸插垱寤�' : '宸叉墽琛�' }}</span> @@ -325,18 +146,10 @@ </el-table-column> <el-table-column label="鎿嶄綔" align="center" width="85"> <template slot-scope="scope"> - <el-button - type="text" - @click="openEditStockDialog(scope.row)" - :disabled="scope.row.state === '01initial' ? false : true" - >缂栬緫</el-button - > - <el-button - type="text" - @click="delDetail(scope.row)" - :disabled="scope.row.state === '01initial' ? false : true" - >鍒犻櫎</el-button - > + <el-button type="text" @click="openEditStockDialog(scope.row)" + :disabled="scope.row.state === '01initial' ? false : true">缂栬緫</el-button> + <el-button type="text" @click="delDetail(scope.row)" + :disabled="scope.row.state === '01initial' ? false : true">鍒犻櫎</el-button> </template> </el-table-column> </el-table> @@ -344,44 +157,22 @@ </el-col> </el-row> <!-- 寮圭獥, 鏂板 / 淇敼 --> - <pallettransportsFormDialog - :currshowlist.sync="showPallettransportsForm" - :palletTransportsId="palletTransportsId" - @refreshPalletTransports="getPallettransportsData" - /> + <pallettransportsFormDialog :currshowlist.sync="showPallettransportsForm" :palletTransportsId="palletTransportsId" + @refreshPalletTransports="getPallettransportsData" /> <!-- 寮圭獥, 闆朵欢鍒楄〃 --> - <partDialog - :currshowlist.sync="showPart" - @listenToPartEvent="selectPartCallback" - /> + <partDialog :currshowlist.sync="showPart" @listenToPartEvent="selectPartCallback" /> <!-- 寮圭獥, IFS搴撲綅鍒楄〃 --> - <ifsLocationDialog - :currshowlist.sync="showLocation" - :transportsList="palletTransportsMaterialMultipleSelection" - @refreshDataList="selectLocationCallback" - /> + <ifsLocationDialog :currshowlist.sync="showLocation" :transportsList="palletTransportsMaterialMultipleSelection" + @refreshDataList="selectLocationCallback" /> <!-- 寮圭獥, IFS搴撳瓨鍒楄〃 --> - <ifsStockDialog - :currshowlist.sync="showStock" - :materialRow="materialRow" - :transportsRow="currPalletTransportsRow" - :optask="currOptask" - @refreshDataList="addIfsStockCallback" - /> + <ifsStockDialog :currshowlist.sync="showStock" :materialRow="materialRow" :transportsRow="currPalletTransportsRow" + :optask="currOptask" @refreshDataList="addIfsStockCallback" /> <!-- 寮圭獥, 缂栬緫IFS搴撳瓨鍒楄〃 --> - <detailIfsStockDialog - :currshowlist.sync="showDetailStock" - :materialRow="materialRow" - :transportsRow="currPalletTransportsRow" - :detailRow="currDetailRow" - @refreshDataList="addIfsStockCallback" - /> + <detailIfsStockDialog :currshowlist.sync="showDetailStock" :materialRow="materialRow" + :transportsRow="currPalletTransportsRow" :detailRow="currDetailRow" @refreshDataList="addIfsStockCallback" /> <!-- 寮圭獥, 鏄庣粏鐨処FS搴撲綅鍒楄〃 --> - <detailIfsLocationDialog - :currshowlist.sync="showDetailLocation" - :detailList="detailList" - @refreshDataList="selectDetailLocationCallback" - /> + <detailIfsLocationDialog :currshowlist.sync="showDetailLocation" :detailList="detailList" + @refreshDataList="selectDetailLocationCallback" /> </basic-container> </div> </template> @@ -552,7 +343,7 @@ computed: { ...mapGetters(['permissions']) }, - created() {}, + created() { }, methods: { // 宸ヨ壓绫诲瀷涓枃鏍煎紡鍖� formatStateType(row, column, cellValue) { @@ -624,31 +415,6 @@ } }) }, - // 鑾峰彇绉诲簱鏄庣粏鏁版嵁鍒楄〃 - getPalletTransportsDetailData() { - this.palletTransportsDetailData = [] - if (this.palletTransportsMaterialMultipleSelection.length > 0) { - const currPalletTransportsMaterial = this - .palletTransportsMaterialMultipleSelection[ - this.palletTransportsMaterialMultipleSelection.length - 1 - ] - const queryParam = Object.assign( - { - current: 1, - size: 200 - }, - { - transportsMaterialId: currPalletTransportsMaterial.id - } - ) - palletTransportsDetailFetchList(queryParam).then((response) => { - const resData = response.data - if (resData.code === 0) { - this.palletTransportsDetailData = resData.data.records - } - }) - } - }, // 鏂板 / 淇敼 addOrUpdateHandle(row) { if (row != null) { @@ -666,7 +432,7 @@ closeOnClickModal: false, type: 'warning' }) - .then(function() { + .then(function () { return delPalletTransportsObj(row.id) }) .then((data) => { @@ -675,7 +441,7 @@ this.palletTransportsMaterialData = [] this.palletTransportsDetailData = [] }) - .catch(() => {}) + .catch(() => { }) }, // 鎵撳紑闆朵欢鍒楄〃 openPartDialog() { @@ -776,10 +542,24 @@ } }) }, - // 鎵撳紑ifs鐗╂枡搴撳瓨鍒楄〃 - openStockDialog() { + // 鑾峰彇绉诲簱鏄庣粏鏁版嵁鍒楄〃 + getPalletTransportsDetailData() { + this.palletTransportsDetailData = [] if (this.palletTransportsMaterialMultipleSelection.length > 0) { - this.showStock = true + const currPalletTransportsMaterial = this + .palletTransportsMaterialMultipleSelection[ + this.palletTransportsMaterialMultipleSelection.length - 1 + ] + let obj = { + partNo: currPalletTransportsMaterial.partNo, + partDesc: currPalletTransportsMaterial.partDesc, + operationTaskNo: this.currOptask.optaskNo, + transferQuantity: currPalletTransportsMaterial.surplusQuantity, + unit: currPalletTransportsMaterial.unit, + toIfsLocationNo: currPalletTransportsMaterial.currPalletTransportsMaterial, + state: null + } + this.palletTransportsDetailData.push(obj) } else { this.$message.error('璇峰厛閫夋嫨鐗╂枡闇�姹�') } @@ -915,7 +695,7 @@ } else { this.materialRow = null } - this.getPalletTransportsDetailData() + // this.getPalletTransportsDetailData() }, palletTransportsDetailSelectionChange(val) { this.palletTransportsDetailMultipleSelection = val @@ -951,57 +731,59 @@ } </script> <style scoped> -.pallet-transports-material-table >>> .el-table__header th { +.pallet-transports-material-table>>>.el-table__header th { color: #666666; } -.pallet-transports-material-table >>> th { +.pallet-transports-material-table>>>th { padding: 3px 0px; height: 31px; } -.pallet-transports-material-table >>> td { + +.pallet-transports-material-table>>>td { padding: 1px 0 0 0; } -.pallet-transports-detail-table >>> .el-table__header th { +.pallet-transports-detail-table>>>.el-table__header th { color: #666666; } -.pallet-transports-detail-table >>> th { +.pallet-transports-detail-table>>>th { padding: 3px 0px; height: 31px; } -.pallet-transports-detail-table >>> td { + +.pallet-transports-detail-table>>>td { padding: 1px 0 0 0; } -.pallet-transports-optask-table >>> .el-table__header th { +.pallet-transports-optask-table>>>.el-table__header th { color: #666666; } -.pallet-transports-optask-table >>> th { +.pallet-transports-optask-table>>>th { padding: 3px 0px; height: 31px; } -.pallet-transports-optask-table >>> td { + +.pallet-transports-optask-table>>>td { padding: 1px 0 0 0; } -.optask-table-single-checkbox - >>> .el-checkbox__input.is-disabled.is-checked - .el-checkbox__inner { + +.optask-table-single-checkbox>>>.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { background-color: #006eff; border-color: #006eff; } -.optask-table-single-checkbox - >>> .el-checkbox__input.is-disabled - .el-checkbox__inner { + +.optask-table-single-checkbox>>>.el-checkbox__input.is-disabled .el-checkbox__inner { background-color: #ffffff; cursor: pointer; } -.optask-table-single-checkbox >>> .el-checkbox__inner::after { + +.optask-table-single-checkbox>>>.el-checkbox__inner::after { border: 1px solid #fff !important; border-left: 0 !important; border-top: 0 !important; cursor: pointer !important; } -</style> +</style> \ No newline at end of file -- Gitblit v1.9.3