需求129 后台-集运-包裹列表-编辑包裹

src/views/ecw/cons/edit.vue

@@ -9,7 +9,7 @@
       :key="$route.fullPath"
       :validate-on-rule-change="false"
     >
-      <div class="page-title">{{ editMode ? $t('编辑包裹') + '-' + (form.consNo) : $t('新建包裹') }}</div>
+      <div class="page-title">{{ editMode ? $t('编辑包裹') + '-' + (form.consNum) : $t('新建包裹') }}</div>
       <el-card class="form-section mt-10">
         <el-form-item :label="$t('集运仓库')" v-model="form.wareId" prop="wareId" :rules="{
                               required: true, message: '请选择集运仓库', trigger: 'blur'
@@ -38,8 +38,8 @@
         </el-form-item>
         <el-form-item :label="$t('电话')" prop="consignorPhone">
           <div class="flex">
-            <area-code-selector v-model="form.consignorCountryCode" class="w-200 mr-10" disabled/>
-            <el-input v-model="form.consignorPhone" class="w-200" disabled/>
+            <area-code-selector v-model="form.areaCode" class="w-200 mr-10" disabled/>
+            <el-input v-model="form.phoneNew" class="w-200" disabled/>
           </div>
         </el-form-item>
       </el-card>
@@ -180,11 +180,12 @@
       <el-card class="form-section mt-10">
         <div slot="header" class="card-title1">{{ $t('签收图片') }}</div>
         <el-form-item prop="img">
-          <image-upload v-model="form.imgs"/>
+          <image-upload v-model="form.mediaUrl"/>
         </el-form-item>
       </el-card>
     </el-form>
-    <el-button type="primary" @click="submitForm(0)">{{ $t('添加包裹') }}</el-button><!--草稿-->
+    <el-button type="primary" @click="submitForm(0)" v-if="!editMode">{{ $t('添加包裹') }}</el-button><!--草稿-->
+    <el-button type="primary" @click="submitForm(1)" v-if="editMode">{{ $t('保存') }}</el-button><!--草稿-->
     <el-button @click="$store.dispatch('tagsView/delCurrentView')">{{ $t('取消') }}</el-button>
     <choose-contact-dialog v-if="!!contactChooseType" :type="2" @choose="onContactChoose"
                            @close="contactChooseType=null"/>
@@ -204,7 +205,7 @@ import ChooseContactDialog from "@/components/ChooseContactDialog/index.vue";
 import QuickCreateCustomer from "@/components/QuickCreateCustomer/index.vue";
 import Selector from "@/components/Selector/index.vue";
 import {getTradeCityList} from "@/api/ecw/region";
-import {createCons, getConsCourierNumber} from "@/api/ecw/cons";
+import {createCons, getCons, getConsCourierNumber, updateCons} from "@/api/ecw/cons";
 import {getExpressPage} from "@/api/ecw/express";
 import Template from "@/views/cms/template/index.vue";
 import ProductSelector from "@/components/ProductSelector/index.vue";
@@ -232,6 +233,7 @@ export default {
       form: {
         consItemVOList: [],
       },
+      isUpdate:false,
       rules: {},
       warehouseList: [],
       tradeCityList: [],
@@ -244,7 +246,12 @@ export default {
       expressList: [],
     }
   },
-  watch: {},
+  watch: {
+    'form.wareId'(val) {
+      this.form.departureId=this.warehouseList.find(item => item.id === val).shi
+      this.getOpenedRouterList()
+    },
+  },
   computed: {
     sum() {
       let sum = {
@@ -312,8 +319,18 @@ export default {
     });
     await this.getTradeCity()
     this.addProduct()
+    if (this.$route.query.id) {
+      console.log('created 加载订单数据')
+      this.isUpdate=true
+      this.getCons()
+    }
   },
   methods: {
+    getCons(){
+      getCons(this.$route.query.id).then(res => {
+        this.form = res.data
+      })
+    },
     submitForm(val) {
       this.form.sumQuantity = Number(this.sum.totalQuatity.toFixed())
       this.$refs["form"].validate(async (valid, errors) => {
@@ -353,7 +370,11 @@ export default {
           cancelButtonText: this.$t('前去检查'),
           type: 'warning'
         }).then(() => {
-          this.createCons()
+          if (val===0){
+            this.createCons()
+          }else {
+            this.updateCons()
+          }
         }).catch(() => {
           this.$message({
             type: 'info',
@@ -365,6 +386,16 @@ export default {
       }
 
     },
+    updateCons() {
+      updateCons(this.form).then(res => {
+        if (res.code === 0){
+          this.$modal.msgSuccess(this.$t("修改成功"));
+          this.$router.back()
+        }else{
+          this.$message.error(res.msg)
+        }
+      })
+    },
     createCons() {
       createCons(this.form).then(res => {
         if (res.code === 0) {
@@ -385,8 +416,8 @@ export default {
         consItemVOList: [],
         wareId: oldForm.wareId,
         customerNumber: '',
-        consignorPhone: '',
-        consignorCountryCode: '',
+        phoneNew: '',
+        areaCode: '',
         transportId: oldForm.transportId,
         departureId: null,
         consigneeCountryId: oldForm.consigneeCountryId,
@@ -396,7 +427,7 @@ export default {
         expressId: null,
         worth: '',
         remarks: '',
-        imgs: []
+        mediaUrl: []
       }
       this.addProduct()
     },
@@ -506,8 +537,8 @@ export default {
       }
       this.$set(this.form, 'customerNumber', contact.customerNumber)
       this.$set(this.form, 'customerId', contact.customerId)
-      this.$set(this.form, this.contactChooseType + 'CountryCode', contact.areaCode.replace('+', ''))
-      this.$set(this.form, this.contactChooseType + 'Phone', contact.phoneNew)
+      this.$set(this.form, 'areaCode', contact.areaCode.replace('+', ''))
+      this.$set(this.form, 'phoneNew', contact.phoneNew)
       if (this.contactChooseType == 'consignor') {
         this.noConsignee = contact.noConsignee
       }