业务代理商-三级区域选择-data-picker多余组件清理

pages/agents/agents.vue

@@ -53,52 +53,61 @@
             <view class="picker-label">省份</view>
             <picker
               :range="provinceList"
+              :value="selectedProvinceIndex"
               range-key="name"
               @change="onProvinceChange"
-              :value="selectedProvinceIndex"
             >
               <view class="picker-display">
-                <text class="picker-text">{{ selectedProvince ? selectedProvince.name : '请选择省份' }}</text>
+                <text class="picker-text">{{
+                  selectedProvince ? selectedProvince.name : '请选择省份'
+                }}</text>
                 <text class="picker-arrow">▼</text>
               </view>
             </picker>
           </view>
 
           <!-- 城市选择 -->
-          <view class="region-picker-item" v-if="selectedProvince">
+          <view v-if="selectedProvince" class="region-picker-item">
             <view class="picker-label">城市</view>
             <picker
               :range="cityList"
+              :value="selectedCityIndex"
               range-key="name"
               @change="onCityChange"
-              :value="selectedCityIndex"
             >
               <view class="picker-display">
-                <text class="picker-text">{{ selectedCity ? selectedCity.name : '请选择城市' }}</text>
+                <text class="picker-text">{{
+                  selectedCity ? selectedCity.name : '请选择城市'
+                }}</text>
                 <text class="picker-arrow">▼</text>
               </view>
             </picker>
           </view>
 
           <!-- 区县选择 -->
-          <view class="region-picker-item" v-if="selectedCity">
+          <view v-if="selectedCity" class="region-picker-item">
             <view class="picker-label">区县</view>
             <picker
               :range="districtList"
+              :value="selectedDistrictIndex"
               range-key="name"
               @change="onDistrictChange"
-              :value="selectedDistrictIndex"
             >
               <view class="picker-display">
-                <text class="picker-text">{{ selectedDistrict ? selectedDistrict.name : '请选择区县' }}</text>
+                <text class="picker-text">{{
+                  selectedDistrict ? selectedDistrict.name : '请选择区县'
+                }}</text>
                 <text class="picker-arrow">▼</text>
               </view>
             </picker>
           </view>
 
           <!-- 显示完整地址 -->
-          <view class="selected-address" v-if="selectedDistrict">
+          <view v-if="selectedDistrict" class="selected-address">
-            <text class="address-text">已选择: {{ selectedProvince.name }} {{ selectedCity.name }} {{ selectedDistrict.name }}</text>
+            <text class="address-text"
+              >已选择: {{ selectedProvince.name }} {{ selectedCity.name }}
+              {{ selectedDistrict.name }}
+            </text>
           </view>
         </view>
 
@@ -128,7 +137,11 @@
 
         <!-- 提交按钮 -->
         <view class="submit-section">
-          <button :disabled="!canSubmit || submitting" class="submit-btn" @click="submitApplication">
+          <button
+            :disabled="!canSubmit || submitting"
+            class="submit-btn"
+            @click="submitApplication"
+          >
             {{ submitting ? '提交中...' : '申请成为代理商' }}
           </button>
         </view>
@@ -156,13 +169,10 @@
 <script>
 import commonEnum from '../../enum/commonEnum'
 import { applyForAgent, getAgentAgreement, getServiceAreas } from '@/api/agents'
-import uniDataPicker from '@/uni_modules/uni-data-picker/components/uni-data-picker/uni-data-picker.vue'
 
 export default {
   name: 'AgentsPage',
-  components: {
+  components: {},
-    uniDataPicker
-  },
   computed: {
     commonEnum() {
       return commonEnum
@@ -244,10 +254,10 @@ export default {
         ]
         // 默认区域ID映射
         this.areaIdMap = {
-          '福建省宁德市福鼎市': 8,
+          福建省宁德市福鼎市: 8,
-          '福建省宁德市霞浦县': 9,
+          福建省宁德市霞浦县: 9,
-          '福建省宁德市古田县': 10,
+          福建省宁德市古田县: 10,
-          '福建省宁德市屏南县': 11,
+          福建省宁德市屏南县: 11,
         }
       }
     },
@@ -257,7 +267,7 @@ export default {
       const names = []
       const idMap = {}
 
-      const extractData = (regionList) => {
+      const extractData = regionList => {
         regionList.forEach(region => {
           names.push(region.name)
           idMap[region.name] = region.id
@@ -405,7 +415,7 @@ export default {
           城市: this.selectedCity?.name,
           区县: this.selectedDistrict?.name,
           完整地址: this.formData.serviceArea,
-          区域ID: regionId
+          区域ID: regionId,
         })
 
         const response = await applyForAgent(requestData)
@@ -482,11 +492,11 @@ export default {
                   { id: 8, name: '福鼎市' },
                   { id: 9, name: '霞浦县' },
                   { id: 10, name: '古田县' },
-                  { id: 11, name: '屏南县' }
+                  { id: 11, name: '屏南县' },
-                ]
+                ],
-              }
+              },
-            ]
+            ],
-          }
+          },
         ]
       }
 
@@ -506,7 +516,7 @@ export default {
     // 初始化区域ID映射
     initAreaIdMap() {
       const idMap = {}
-      const extractIds = (regions) => {
+      const extractIds = regions => {
         regions.forEach(region => {
           idMap[region.name] = region.id
           if (region.children && region.children.length > 0) {
@@ -806,7 +816,7 @@ export default {
 
 .agreement-modal-content {
   flex: 1;
-  padding:50rpx;
+  padding: 50rpx;
   max-width: 500rpx;
   max-height: 600rpx;
   overflow-y: auto;