订单批量导入，初始化上传文件，详情地址回显特殊处理

src/views/system/order/components/orderDetail.vue

@@ -178,11 +178,8 @@
             <el-input size="mini" v-model="addressForm.tel" placeholder="请输入联系电话"></el-input>
           </el-form-item>
           <el-form-item label="收货地址：">
-            <el-cascader v-model="addressForm.areaList" :props='props' @change="handleChanges" ref="ssqCascader" placeholder="请选择具体的省市区" style="width:100%"></el-cascader>
+            <el-cascader class="only-eidt-placeholder" v-model="addressForm.areaList" :props='props' @change="handleChanges" ref="ssqCascader" :placeholder="addOrEditPlaceholder" style="width:100%"></el-cascader>
           </el-form-item>
-<!--          <el-form-item label="省市区：" prop="address_ids">-->
-<!--            <el-cascader v-model="areaList" :props='props' @change="handleChanges" placeholder="请选择具体的省市区" style="width:100%"></el-cascader>-->
-<!--          </el-form-item>-->
           <el-form-item label="街道：">
             <el-input size="mini" v-model="addressForm.street" placeholder="请输入街道"></el-input>
           </el-form-item>
@@ -318,6 +315,8 @@ export default {
         label: 'name',
         leaf: 'leaf'
       },
+      addOrEditPlaceholder: '',
+      onlyEidtPlaceholder: false,
       goShippingNum: 0, // 发货类型
       goods_ids: null, // 发货的商品订单 id
     }
@@ -587,6 +586,7 @@ export default {
         street: '',
         areaList: []
       }
+
       if(this.orderDetail.real_name) {
         this.addressForm.shipping_name = this.orderDetail.real_name;
       }
@@ -594,12 +594,15 @@ export default {
         this.addressForm.tel = this.orderDetail.mobile;
       }
 
+      // 因为 后台返回的省市区 每个字段都是 汉字，所以这样处理，通过 placeholder 去回显 后台返回的数据，
       if(this.orderDetail.provice && this.orderDetail.city && this.orderDetail.district) {
-        this.addressForm.areaList[0] = Number(this.orderDetail.provice)
-        this.addressForm.areaList[1] = Number(this.orderDetail.city)
-        this.addressForm.areaList[2] = Number(this.orderDetail.district)
         //console.log(66,this.addressForm.areaList);
+        this.addOrEditPlaceholder = this.orderDetail.provice + '/' + this.orderDetail.city + '/' + this.orderDetail.district;
+        this.addressForm.areaList[0] = this.orderDetail.provice
+        this.addressForm.areaList[1] = this.orderDetail.city
+        this.addressForm.areaList[2] = this.orderDetail.district
       }else {
+        this.addOrEditPlaceholder = "请选择具体的省市区"
         this.addressForm.areaList = []
       }
 
@@ -663,10 +666,13 @@ export default {
         return
       }
 
-      // 省市区 转化
+      //debugger
+      // 省市区 转化  onlyEidtPlaceholder
       let ssqLabelList = [];
-      if(this.addressForm.areaList && this.addressForm.areaList.length > 1) {
+      if(this.onlyEidtPlaceholder) {
         ssqLabelList = this.$refs['ssqCascader'].getCheckedNodes()[0].pathLabels;
+      }else {
+        ssqLabelList = this.addressForm.areaList;
       }
 
       let params = {
@@ -688,6 +694,8 @@ export default {
           })
           this.modifyinfoDialog = false
           this.handleInfo()
+        }else {
+          this.$message({type:'error',message:res.message ? res.message : '修改失败'});
         }
       })
     },
@@ -793,7 +801,8 @@ export default {
     },
     handleChanges(value) {
       this.addressForm.areaList = value;
-      console.log(797,value);
+      //
+      this.onlyEidtPlaceholder = true // 说明操作下拉进行完整的选择值操作了，即 this.addressForm.areaList 是数组，元素为id
     },
   }
 }
@@ -885,4 +894,18 @@ export default {
   .remark-con .remark-text {
 
   }
+  /deep/.only-eidt-placeholder .el-input input::-webkit-input-placeholder, /deep/.only-eidt-placeholder .el-input textarea::-webkit-input-placeholder{
+    color: #666;
+  }
+  /deep/.only-eidt-placeholder .el-input input:-moz-placeholder, /deep/.only-eidt-placeholder .el-input textarea:-moz-placeholder {
+    color: #666;
+    opacity: 1;
+  }
+  /deep/.only-eidt-placeholder .el-input input::-moz-placeholder, /deep/.only-eidt-placeholder .el-input textarea::-moz-placeholder {
+    color: #666;
+    opacity: 1;
+  }
+  /deep/.only-eidt-placeholder .el-input input:-ms-input-placeholder, /deep/.only-eidt-placeholder .el-input textarea::-ms-input-placeholder {
+    color: #666;
+  }
 </style>

src/views/system/order/index.vue

@@ -609,6 +609,7 @@
             if (res.code === 1) {
               this.isDeliveryOpen = false;
               this.excelList = [];
+              this.$refs.upload.clearFiles();
               this.$message({type: 'success', message: '批量发货成功'});
               this.getListOrder();
             } else {