caojunjie 3 vuotta sitten
vanhempi
commit
0be5b73cd4
1 muutettua tiedostoa jossa 59 lisäystä ja 78 poistoa
  1. 59 78
      src/views/landTransportation/bulkCargo/detailPage.vue

+ 59 - 78
src/views/landTransportation/bulkCargo/detailPage.vue

@@ -351,6 +351,10 @@
               <el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addAddress"
                          style="margin-right: 1.25rem;"></el-button>
             </el-tooltip>
+            <el-tooltip v-else class="item" effect="dark" content="删除" placement="right">
+              <el-button type="danger" icon="el-icon-delete" size="mini" circle
+                         @click="deleteAddress(scope)"></el-button>
+            </el-tooltip>
           </template>
         </el-table-column>
         <el-table-column
@@ -360,14 +364,14 @@
             width="60">
         </el-table-column>
         <el-table-column
-            property="arrivalTime"
+            property="freightTime"
             label="货运日期"
             align="center"
             width="200">
           <template slot-scope="scope">
             <el-date-picker
                 format="yyyy-MM-dd HH:mm"
-                v-model="scope.row.arrivalTime"
+                v-model="scope.row.freightTime"
                 type="datetime"
                 style="width: 100%;"
                 size="small"
@@ -376,7 +380,7 @@
           </template>
         </el-table-column>
         <el-table-column
-            property="corpId"
+            property="freightPlaceId"
             label="货运地点"
             align="center"
             :render-header="customTitle"
@@ -385,29 +389,13 @@
             <crop-select
                 :corpType="'GC'"
                 :disabled="goodsForm.status !== 0"
-                v-model="scope.row.corpId"
+                v-model="scope.row.freightPlaceId"
                 @clear="clear(scope.row)"
                 @getCorpData="(row)=>{withAddress(row,scope)}"/>
           </template>
         </el-table-column>
-        <!--        <el-table-column-->
-        <!--            property="province"-->
-        <!--            label="省市区"-->
-        <!--            align="center"-->
-        <!--            width="280">-->
-        <!--          <template slot-scope="scope">-->
-        <!--            <el-cascader-->
-        <!--                size="small"-->
-        <!--                style="width: 100%;"-->
-        <!--                :key="scope.row.key"-->
-        <!--                :disabled="goodsForm.status === 1"-->
-        <!--                :props="treeOption"-->
-        <!--                clearable-->
-        <!--                v-model="scope.row.region"></el-cascader>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
         <el-table-column
-            property="address"
+            property="contacts"
             align="center"
             width="150"
             label="联系人">
@@ -417,7 +405,7 @@
           </template>
         </el-table-column>
         <el-table-column
-            property="address"
+            property="tel"
             align="center"
             width="180"
             label="电话">
@@ -437,42 +425,42 @@
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="volume"
             align="center"
             width="180"
             label="货物体积">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.volume" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="packingType"
             align="center"
             width="180"
             label="包装类型">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.packingType" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="weight"
             align="center"
             width="180"
             label="重量">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.weight" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="quantity"
             align="center"
             width="180"
             label="件数">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.quantity" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
@@ -512,7 +500,7 @@
     <basic-container>
       <el-table
           ref="singleTable"
-          :data="tableData"
+          :data="tableDataTwo"
           size="mini"
           :header-cell-style="{color:'#000',background:'#fafafa'}"
           style="width: 100%">
@@ -522,11 +510,15 @@
             v-if="goodsForm.status === 0"
             width="40">
           <template slot-scope="scope">
-            <el-tooltip className="item" v-if="scope.$index === tableData.length-1" effect="dark" content="增加途径地址"
+            <el-tooltip className="item" v-if="scope.$index === tableDataTwo.length-1" effect="dark" content="增加途径地址"
                         placement="top">
-              <el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addAddress"
+              <el-button type="primary" icon="el-icon-plus" size="mini" circle @click="addAddressTwo"
                          style="margin-right: 1.25rem;"></el-button>
             </el-tooltip>
+            <el-tooltip v-else class="item" effect="dark" content="删除" placement="right">
+              <el-button type="danger" icon="el-icon-delete" size="mini" circle
+                         @click="deleteAddress(scope)"></el-button>
+            </el-tooltip>
           </template>
         </el-table-column>
         <el-table-column
@@ -535,15 +527,16 @@
             align="center"
             width="60">
         </el-table-column>
+
         <el-table-column
-            property="arrivalTime"
+            property="freightTime"
             label="货运日期"
             align="center"
             width="200">
           <template slot-scope="scope">
             <el-date-picker
                 format="yyyy-MM-dd HH:mm"
-                v-model="scope.row.arrivalTime"
+                v-model="scope.row.freightTime"
                 type="datetime"
                 style="width: 100%;"
                 size="small"
@@ -552,7 +545,7 @@
           </template>
         </el-table-column>
         <el-table-column
-            property="corpId"
+            property="freightPlaceId"
             label="货运地点"
             align="center"
             :render-header="customTitle"
@@ -561,29 +554,13 @@
             <crop-select
                 :corpType="'GC'"
                 :disabled="goodsForm.status !== 0"
-                v-model="scope.row.corpId"
+                v-model="scope.row.freightPlaceId"
                 @clear="clear(scope.row)"
                 @getCorpData="(row)=>{withAddress(row,scope)}"/>
           </template>
         </el-table-column>
-        <!--        <el-table-column-->
-        <!--            property="province"-->
-        <!--            label="省市区"-->
-        <!--            align="center"-->
-        <!--            width="280">-->
-        <!--          <template slot-scope="scope">-->
-        <!--            <el-cascader-->
-        <!--                size="small"-->
-        <!--                style="width: 100%;"-->
-        <!--                :key="scope.row.key"-->
-        <!--                :disabled="goodsForm.status === 1"-->
-        <!--                :props="treeOption"-->
-        <!--                clearable-->
-        <!--                v-model="scope.row.region"></el-cascader>-->
-        <!--          </template>-->
-        <!--        </el-table-column>-->
         <el-table-column
-            property="address"
+            property="contacts"
             align="center"
             width="150"
             label="联系人">
@@ -593,7 +570,7 @@
           </template>
         </el-table-column>
         <el-table-column
-            property="address"
+            property="tel"
             align="center"
             width="180"
             label="电话">
@@ -613,42 +590,42 @@
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="volume"
             align="center"
             width="180"
             label="货物体积">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.volume" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="packingType"
             align="center"
             width="180"
             label="包装类型">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.packingType" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="weight"
             align="center"
             width="180"
             label="重量">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.weight" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
         <el-table-column
-            property="remarks"
+            property="quantity"
             align="center"
             width="180"
             label="件数">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.remarks" :disabled="goodsForm.status !== 0" size="small"
+            <el-input v-model="scope.row.quantity" :disabled="goodsForm.status !== 0" size="small"
                       placeholder="请输入内容"></el-input>
           </template>
         </el-table-column>
@@ -665,18 +642,18 @@
             align="center"
             width="40">
           <template slot-scope="scope">
-            <div v-if="scope.$index !== tableData.length-1" style="margin: -5px auto">
+            <div v-if="scope.$index !== tableDataTwo.length-1" style="margin: -5px auto">
               <el-tooltip class="item" effect="dark" content="向上移动" placement="right" v-if="scope.$index > 1">
                 <div class="single" style="margin-bottom: -5px">
                   <el-button type="text" style="margin-right: -0.5rem" icon="el-icon-arrow-up" size="mini"
-                             @click="moveUp(scope.row,scope.$index)"></el-button>
+                             @click="moveUpTwo(scope.row,scope.$index)"></el-button>
                 </div>
               </el-tooltip>
               <el-tooltip class="item" effect="dark" content="向下移动" placement="right"
-                          v-if="scope.$index > 0 && scope.$index < tableData.length-2">
+                          v-if="scope.$index > 0 && scope.$index < tableDataTwo.length-2">
                 <div class="single" style="margin-top: -5px">
                   <el-button type="text" style="margin-right: -0.5rem" icon="el-icon-arrow-down" size="mini"
-                             @click="moveDown(scope.row,scope.$index)"></el-button>
+                             @click="moveDownTwo(scope.row,scope.$index)"></el-button>
                 </div>
               </el-tooltip>
             </div>
@@ -1194,6 +1171,7 @@ export default {
         }
       },
       tableData: [],
+      tableDataTwo: [],
       entrustListT: [],
       entrustOptionTwoTBackup: {
         align: 'center',
@@ -2044,6 +2022,7 @@ export default {
     } else {
       this.goodsForm.status = 0
       this.tableData = [{}, {}]
+      this.tableDataTwo = [{}, {}]
       getCorp().then(res => {
         this.goodsForm = {
           corpId: res.data.data ? res.data.data.id : '',
@@ -2274,14 +2253,24 @@ export default {
     },
     //地址新增
     addAddress() {
-      this.tableData.splice(this.tableData.length - 1, 0, {})
+      this.tableData.push({})
+    },
+    //地址新增
+    addAddressTwo() {
+      this.tableDataTwo.push({})
     },
     moveUp(row, index) {
       this.tableData[index] = this.tableData.splice(index - 1, 1, row)[0]
     },
+    moveUpTwo(row, index) {
+      this.tableDataTwo[index] = this.tableDataTwo.splice(index - 1, 1, row)[0]
+    },
     moveDown(row, index) {
       this.tableData[index] = this.tableData.splice(index + 1, 1, row)[0]
     },
+    moveDownTwo(row, index) {
+      this.tableDataTwo[index] = this.tableDataTwo.splice(index + 1, 1, row)[0]
+    },
     //返回主列表
     backToList(value) {
       if (value === 0) {
@@ -2338,20 +2327,12 @@ export default {
     },
     //保存
     editCustomer() {
-      let data = JSON.parse(JSON.stringify(this.tableData))
-      data.forEach((item, index) => {
-        item.sort = index + 1
-        // if (item.region !== undefined && item.region.length !== 0) {
-        //   item.region = item.region.join(',')
-        // } else {
-        //   item.region = ''
-        // }
-      })
       this.type = true
       saveSaveList({
         ...this.goodsForm,
         kind: '1',
-        orderAddressList: data,
+        loadingAddressList:this.tableData,
+        unloadedAddressList:this.tableDataTwo,
         fileList: this.orderFilesList,
         itemList: this.entrustList,
         orderFeeList: this.collectionList.concat(this.paymentList)