feat:店铺新增送检地址

src/views/shop/create-shop.vue

@@ -1176,6 +1176,23 @@
                   </el-radio>
                 </el-radio-group>
               </el-form-item>
+              <el-form-item label="送检地址管理" prop="tradeStoreDetectionAddress" class="required-label warehouseAdress-wrap" v-if="formData.storeType < 3">
+                <p class="warehouseAdress-tip">(该地址用于机构回寄样本地址，请准确填写)</p>
+                <el-button type="success" class="warehouseAdress-add" size="small" @click="createDetectionAdress(0)">+新增地址</el-button>
+                <div class="detectionAddress" v-show="Object.keys(formData.tradeStoreDetectionAddress).length">
+                  <div class="warehouseAdress-item">
+                <span class="warehouseAdress-main">
+                <span class="warehouseAdress-msg">{{formData.tradeStoreDetectionAddress.receiver}}</span>
+                <span class="warehouseAdress-msg">{{formData.tradeStoreDetectionAddress.receiverMobile}}</span>
+                <span class="warehouseAdress-msg">{{setAddress(formData.tradeStoreDetectionAddress)}}</span>
+              </span>
+                    <span class="warehouseAdress-do">
+                <el-button class="btn-small" @click.prevent="createDetectionAdress(1)">编辑</el-button>
+                 <el-button class="btn-small" @click.prevent="deleteDetectionAdress">删除</el-button>
+              </span>
+                  </div>
+                </div>
+              </el-form-item>
               <el-form-item label="退货支持的物流公司" class="required-label" v-if="formData.storeType < 3">
                 <el-radio-group v-model="formData.expressLimitFlag" @change="changeExpressLimitFlag">
                   <el-radio :label="0">无限制</el-radio>
@@ -1436,6 +1453,7 @@ export default {
         imgUrlC1Date:'',
         repotList:[//仓库地址
         ],
+        tradeStoreDetectionAddress:{}, // 送检地址
         selectedKey: '', //默认收货地址
         expressLimitFlag: 0, //是否限制物流公司
         repotExpressList:[], //支持的物流公司
@@ -1600,6 +1618,9 @@ export default {
         selectedKey: [
           { required: true, message: "请增加地址并选择默认地址", trigger: "change" },
         ],
+        tradeStoreDetectionAddress:[
+           { required: true, message: "请增加地址", trigger: "change" },
+        ],
         repotExpressList: [
           { required: true, message: "请选择物流公司名称", trigger: "change" },
         ],
@@ -1699,6 +1720,7 @@ export default {
       orgScopeLIST:[],
       certifyStatus: '',
       idCardError:false,
+      isDetection:false, // 是否是创建送检地址
     };
   },
   computed: {
@@ -2615,9 +2637,57 @@ export default {
       }
       this.formData.adminList.splice(index, 1);
     },
-    // 创建或编辑地址 type
+    // 创建地址
+    createDetectionAdress(type){
+      this.isDetection = true;
+      this.warehouseAdressType = type;
+      this.warehouseAdressFormTitle = type ? '编辑地址' : '添加地址';
+      this.warehouseAdressIndex = 0;
+      if (type) {
+        Object.assign(this.warehouseAdressForm,this.formData.tradeStoreDetectionAddress);
+        this.getCitiesList();
+        this.getCountiesList();
+        this.getTownsList();
+      } else {
+        this.warehouseAdressForm = {
+          receiver: '',
+          receiverMobile: '',
+          provinceId: '',
+          cityId: '',
+          countyId: '',
+          townId: '',
+          provinceName: '',
+          cityName: '',
+          countyName: '',
+          townName: '',
+          addr: '',
+          address:'',
+          key: ''
+        }
+      }
+      this.warehouseAdressFormVisible = true;
+    },
+    deleteDetectionAdress(){
+      this.$confirm('确定要删除这条地址信息么?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '',
+          type: 'error'
+        }).then(() => {
+          this.formData.tradeStoreDetectionAddress = {}
+          this.$message({
+            type: 'success',
+            message: '删除成功!'
+          });
+        }).catch(() => {
+          this.$message({
+            type: 'info',
+            message: '已取消删除'
+          });
+        });
+    },
     // 编辑第几条数据  index
     createAdress(type,index) {
+      this.isDetection = false;
       this.warehouseAdressType = type;
       this.warehouseAdressFormTitle = type ? '编辑地址' : '添加地址';
       this.warehouseAdressIndex = type ? index : '';
@@ -2805,12 +2875,18 @@ export default {
       const { repotList } = this.formData;
       this.$refs['warehouseAdressForm'].validate((valid) => {
         if (valid) {
-          if (warehouseAdressType) {
+          if(this.isDetection){ // 送检地址
+            this.formData.tradeStoreDetectionAddress = JSON.parse(JSON.stringify(warehouseAdressForm))
+            this.formData.tradeStoreDetectionAddress.address = this.formData.tradeStoreDetectionAddress.addr
+          } else { // 仓库地址
+            if (warehouseAdressType) {
             repotList[warehouseAdressIndex] = JSON.parse(JSON.stringify(warehouseAdressForm));
-          } else {
-            warehouseAdressForm.key = repotList.length + Math.round(Math.random()*1000);
-            repotList.push(JSON.parse(JSON.stringify(warehouseAdressForm)));
+            } else {
+              warehouseAdressForm.key = repotList.length + Math.round(Math.random()*1000);
+              repotList.push(JSON.parse(JSON.stringify(warehouseAdressForm)));
+            }
           }
+
           this.$message({
             type: 'success',
             message: `${warehouseAdressFormTitle}成功!`
@@ -3225,7 +3301,7 @@ export default {
       color: #FFFFFF;
       border-color: #449284;
     }
-    .warehouseAdress-list {
+    .warehouseAdress-list,.detectionAddress {
       display: block;
       margin-top: 20px;
       border: 1px solid #DCDFE6;
@@ -3276,6 +3352,12 @@ export default {
         }
       }
     }
+    .detectionAddress{
+      padding: 0;
+      height: 50px;
+      line-height: 50px;
+      overflow-y: hidden;
+    }
   }
   .warehouseAdress-input {
     width: 500px;