|
@@ -80,7 +80,6 @@
|
|
|
<el-button type="primary" @click="refresh">
|
|
|
<i class="el-icon-refresh"></i>
|
|
|
</el-button>
|
|
|
-
|
|
|
<el-button type="primary" class="btn" @click="batchOperate"
|
|
|
>批量保存</el-button
|
|
|
>
|
|
@@ -101,6 +100,7 @@
|
|
|
v-model="sendStationId"
|
|
|
@change="handleMulSendChange()"
|
|
|
placeholder="请选择发站"
|
|
|
+ clearable
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in sendStationList"
|
|
@@ -113,6 +113,19 @@
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
</div>
|
|
|
+ <div class="num">
|
|
|
+ <span class="titleTxt">总计划数:</span>
|
|
|
+ <span class="titleTxt">{{ totalPlanNum }}</span>
|
|
|
+
|
|
|
+ <span class="titleTxt">当前勾选计划数:</span>
|
|
|
+ <span class="titleTxt">{{ togglePlanNum }}</span>
|
|
|
+
|
|
|
+ <span class="titleTxt">达州站计划数:</span>
|
|
|
+ <span class="titleTxt">{{ dazhouPlannNum }}</span>
|
|
|
+
|
|
|
+ <span class="titleTxt">专线计划数:</span>
|
|
|
+ <span class="titleTxt">{{ zhuanxianPlanNum }}</span>
|
|
|
+ </div>
|
|
|
<div class="main">
|
|
|
<el-table
|
|
|
:data="tableData"
|
|
@@ -132,23 +145,28 @@
|
|
|
handleMulSendChange()
|
|
|
"
|
|
|
>
|
|
|
- <el-table-column type="selection" width="55" align="center">
|
|
|
- </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="group"
|
|
|
width="50"
|
|
|
label="序号"
|
|
|
align="center"
|
|
|
+ column-key="group"
|
|
|
+ key="group"
|
|
|
:resizable="false"
|
|
|
>
|
|
|
<template slot-scope="scope">{{ scope.row.group + 1 }}</template>
|
|
|
</el-table-column>
|
|
|
-
|
|
|
+ <el-table-column type="selection" width="40" align="center">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column type="index" width="40" label="行号" align="center">
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="saleRemark"
|
|
|
label="摘要"
|
|
|
width="120px"
|
|
|
align="center"
|
|
|
+ column-key="saleRemark"
|
|
|
+ key="saleRemark"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
@@ -207,30 +225,7 @@
|
|
|
</el-select>
|
|
|
</template>
|
|
|
</el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="transInDep"
|
|
|
- label="调入部门"
|
|
|
- width="120px"
|
|
|
- align="center"
|
|
|
- column-key="transInDep"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="transOutDep"
|
|
|
- label="调出部门"
|
|
|
- width="120px"
|
|
|
- align="center"
|
|
|
- column-key="transOutDep"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
- <el-table-column
|
|
|
- prop="transInWarehouse"
|
|
|
- label="调入仓库"
|
|
|
- width="120px"
|
|
|
- align="center"
|
|
|
- column-key="transInWarehouse"
|
|
|
- >
|
|
|
- </el-table-column>
|
|
|
+
|
|
|
<el-table-column
|
|
|
prop="materialName"
|
|
|
label="物资名称"
|
|
@@ -274,6 +269,30 @@
|
|
|
align="center"
|
|
|
>
|
|
|
</el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="transInDep"
|
|
|
+ label="调入部门"
|
|
|
+ width="120px"
|
|
|
+ align="center"
|
|
|
+ column-key="transInDep"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="transOutDep"
|
|
|
+ label="调出部门"
|
|
|
+ width="120px"
|
|
|
+ align="center"
|
|
|
+ column-key="transOutDep"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="transInWarehouse"
|
|
|
+ label="调入仓库"
|
|
|
+ width="120px"
|
|
|
+ align="center"
|
|
|
+ column-key="transInWarehouse"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
<el-table-column
|
|
|
prop="sendStationOptionName"
|
|
|
label="发站修改人"
|
|
@@ -388,12 +407,31 @@ export default {
|
|
|
//收货客户列表
|
|
|
consigneeList: [],
|
|
|
receiveName: null,
|
|
|
- sendStationId: null
|
|
|
+ sendStationId: null,
|
|
|
+ totalPlanNum: 0,
|
|
|
+ dazhouPlannNum: 0,
|
|
|
+ zhuanxianPlanNum: 0,
|
|
|
+ togglePlanNum: 0
|
|
|
}
|
|
|
},
|
|
|
created() {
|
|
|
this.getRequestUrl()
|
|
|
},
|
|
|
+ watch: {
|
|
|
+ tableData: {
|
|
|
+ handler(oldVal, newVal) {
|
|
|
+ this.totalPlanNum = this.tableData.length
|
|
|
+ this.dazhouPlannNum = this.tableData.filter(item => {
|
|
|
+ return item.sendStation == '达州站'
|
|
|
+ }).length
|
|
|
+ this.zhuanxianPlanNum = this.tableData.filter(item => {
|
|
|
+ return item.sendStation == '专用线'
|
|
|
+ }).length
|
|
|
+ },
|
|
|
+ deep: true,
|
|
|
+ immediate: true
|
|
|
+ }
|
|
|
+ },
|
|
|
mounted() {
|
|
|
this.information()
|
|
|
this.$nextTick(() => {
|
|
@@ -429,6 +467,7 @@ export default {
|
|
|
handleSelectionChange() {
|
|
|
//批量绑定收货客户
|
|
|
let selection = this.$refs.tableRef.selection
|
|
|
+ this.togglePlanNum = this.$refs.tableRef.selection.length
|
|
|
console.log('selection:', selection)
|
|
|
if (!selection) return
|
|
|
this.consigneeList.forEach(e => {
|
|
@@ -443,6 +482,7 @@ export default {
|
|
|
handleMulSendChange() {
|
|
|
//批量绑定发站
|
|
|
let selection = this.$refs.tableRef.selection
|
|
|
+ this.togglePlanNum = this.$refs.tableRef.selection.length
|
|
|
console.log('selection:', selection)
|
|
|
if (!selection || !this.sendStationId) return
|
|
|
selection.forEach(row => {
|
|
@@ -709,6 +749,15 @@ export default {
|
|
|
margin-top: 20px;
|
|
|
margin-left: 20px;
|
|
|
}
|
|
|
+ .num {
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-left: 20px;
|
|
|
+ .titleTxt {
|
|
|
+ margin-left: 5px;
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: 600;
|
|
|
+ }
|
|
|
+ }
|
|
|
.main {
|
|
|
margin-top: 20px;
|
|
|
margin-left: 20px;
|