新增国内贸易、跨境保税、海外直邮等三大店铺类型业务功能模块

src/views/shop/myshop/index.vue

@@ -167,7 +167,7 @@
               : $t('shop.shopDetail')
         "
         :visible.sync="dialogVisible"
-        width="30%"
+        width="40%"
         center
         :close-on-click-modal="false"
       >
@@ -308,14 +308,20 @@
                   />
                 </el-form-item>
 
-                <el-form-item :label="$t('shop.crossborderornot')">
-                  <el-switch
+                <el-form-item :label="$t('shop.type')">
+<!--                  <el-switch
                     v-model="localIsCross"
                     @change="changeCrossMode()"
                     active-color="#FF7800"
                     inactive-color="#E8EAEC"
                   :disabled="disabled">
-                  </el-switch>
+                  </el-switch>-->
+
+                  <el-radio-group v-model="ruleForm.shopType" @change="onShopTypeChange">
+                    <el-radio :label="1">{{ $t('shop.type-value-1') }}</el-radio>
+                    <el-radio :label="2">{{ $t('shop.type-value-2') }}</el-radio>
+                    <el-radio :label="3">{{ $t('shop.type-value-3') }}</el-radio>
+                  </el-radio-group>
                 </el-form-item>
 
                 <el-form-item
@@ -473,6 +479,7 @@ export default {
         chargePersonName: '', // 店铺负责人
         chargePersonPhone: '', // 负责人电话
         shopAdress: '', // 地址
+        shopType: 1, // 店铺类型
         shopReturn:{
           returnAdress:"",
           returnPerson:"",
@@ -613,6 +620,7 @@ export default {
         chargePersonName: '', // 店铺负责人
         chargePersonPhone: '', // 负责人电话
         shopAdress: '', // 地址
+        shopType: 1, // 店铺类型
         shopReturn:{
           returnAdress:"",
           returnPerson:"",
@@ -827,8 +835,16 @@ export default {
     handleLogoSuccess(response) {
       const { url } = response.data;
       this.ruleForm.shopLogo = url;
-      console.log('handleLogoSuccess--->', this.ruleForm.shopLogo)
     },
+
+    onShopTypeChange(e) {
+      this.localIsCross = e === 2
+      this.ruleForm.isCross = e === 2 ? 1 : 0;
+
+      console.log('onShopTypeChange-->', e)
+      console.log('localIsCross-->', this.localIsCross)
+      console.log('isCross-->', this.ruleForm.isCross)
+    }
   }
 }
 </script>