🐞 fix: 修复地址选一半的bug

config/index.js

@@ -12,8 +12,8 @@ module.exports = {
     proxyTable: {
       '/api': {
         // target: 'http://192.168.0.150:9007', // 测试
-        // target: 'https://nsappapi.tuanfengkeji.cn', // 测试
-        target: 'http://192.168.0.91:9107', // 测试
+        target: 'https://nsappapi.tuanfengkeji.cn', // 线上
+        // target: 'http://192.168.0.91:9107', // 本地
         changeOrigin: true,
         pathRewrite: {
           '^/api': '/'

src/views/moblie/mEnterprise.vue

@@ -56,17 +56,20 @@
             <div class="time-select-container" v-show="personalForm.shopType === '2'">
               <div class="inputItem">
                 <div class="labelTit"><label><i>*</i>营业开始时间</label></div>
-                <input type="text" v-model="personalForm.startTime" placeholder="请选择营业开始时间" @click="startTimeShow = true">
+                <input @focus="noBomBox" type="text" v-model="personalForm.startTime" placeholder="请选择营业开始时间"
+                  @click="startTimeShow = true">
               </div>
 
               <div class="inputItem">
                 <div class="labelTit"><label><i>*</i>营业结束时间</label></div>
-                <input type="text" v-model="personalForm.endtime" placeholder="请选择营业开始时间" @click="endTimeShow = true">
+                <input @focus="noBomBox" type="text" v-model="personalForm.endtime" placeholder="请选择营业开始时间"
+                  @click="endTimeShow = true">
               </div>
             </div>
             <div class="inputItem">
               <div class="labelTit"><label><i>*</i>店铺分类</label></div>
-              <input type="text"  @focus="noBomBox" placeholder="请选择店铺所属分类" v-model="selectShopCategoryStr" @click="show2 = true">
+              <input type="text" @focus="noBomBox" placeholder="请选择店铺所属分类" v-model="selectShopCategoryStr"
+                @click="show2 = true">
               <van-popup v-model="show2" round position="bottom">
                 <div v-show="isQueryShopCategory" class="loading-container"><van-loading color="#ee0a24" type="spinner" />
                 </div>
@@ -77,12 +80,13 @@
             </div>
             <div class="inputItem arrow" style="margin-top: 20px;">
               <div class="labelTit"><label><i>*</i>请选择地址</label></div>
-              <div class="input" style="background-color: #a4a4a41f;" @click="show1 = true">
+              <div class="input" style="background-color: #a4a4a41f;  overflow: hidden; white-space: nowrap; " @click="show1 = true">
                 {{ fieldValue || '请选择地区' }}
               </div>
               <!-- <span class="iconfont">&#xe6ab;</span> -->
               <input type="text" v-model="personalForm.storeAddressDetail" placeholder="请输入详细地址">
-              <van-popup v-model="show1" round position="bottom">
+              <van-popup :close-on-click-overlay="false" @close="handleClosePopup('areaId')" v-model="show1" round
+                position="bottom">
                 <!-- v-if="isRequestAddres" sb玩意不动态刷新，现在换了给方法，强行重新赋值，不完全完美的解决问题 -->
                 <van-cascader v-model="personalForm.areaId" title="请选择所在地区" :options="options" @close="show1 = false"
                   @change="onAddresChange" :field-names="{ text: 'name', value: 'id', children: 'children' }" />
@@ -805,11 +809,11 @@ export default {
           addresString += selectedOptions[i].name + ' / '
         }
       }
-      this.fieldValue = addresString
       if (selectedOptions.length === 4) {
         this.personalForm.shopAdressProvince = selectedOptions[0].name
         this.personalForm.shopAdressCity = selectedOptions[1].name
         this.show1 = false
+        this.fieldValue = addresString
       }
       // this.sendReq({ // 获取可选择的分公司/策划师
       //   url: api.selectAnd,
@@ -917,7 +921,19 @@ export default {
     // 删除广告图
     handleDeleteAdvertisement(_, { index }) {
       this.personalForm.advertisement.splice(index, 1)
-    }
+    },
+
+    handleClosePopup(type) {
+      if (type === 'areaId') {
+        if (!this.personalForm.shopAdressProvince || !this.personalForm.shopAdressCity) {
+          this.personalForm.areaId = null
+          this.fieldValue = ''
+          this.personalForm.shopAdressProvince = ''
+          this.personalForm.shopAdressCity = ''
+          this.personalForm.storeAddressDetail = ''
+        }
+      }
+    },
   }
 }
 </script>

src/views/moblie/mUinitBusiness.vue

@@ -89,7 +89,7 @@
             </div>
             <div class="inputItem arrow" style="margin-top: 20px;">
               <div class="labelTit"><label><i>*</i>请选择地址</label></div>
-              <div class="input" style="background-color: #a4a4a41f;" @click="show1 = true">
+              <div class="input" style="background-color: #a4a4a41f; overflow: hidden; white-space: nowrap; " @click="show1 = true">
                 {{ fieldValue || '请选择地区' }}
               </div>
               <!-- <span class="iconfont">&#xe6ab;</span> -->
@@ -669,6 +669,9 @@ export default {
         if (!this.personalForm.shopAdressProvince || !this.personalForm.shopAdressCity) {
           this.personalForm.areaId = null
           this.fieldValue = ''
+          this.personalForm.shopAdressProvince = ''
+          this.personalForm.shopAdressCity = ''
+          this.personalForm.storeAddressDetail = ''
         }
       }
     },
@@ -831,6 +834,7 @@ export default {
       })
     },
     onAddresChange({ value, selectedOptions, tabIndex }) { // 选择完地址后转为显示的字符串
+      this.fieldValue = ''
       let cacheArray = []
       let addresString = ''
       let level = ''
@@ -862,8 +866,8 @@ export default {
           addresString += selectedOptions[i].name + ' / '
         }
       }
-      this.fieldValue = addresString
       if (selectedOptions.length === 4) {
+        this.fieldValue = addresString
         this.personalForm.shopAdressProvince = selectedOptions[0].name
         this.personalForm.shopAdressCity = selectedOptions[1].name
         this.show1 = false