27435

src/saas/AppGridManagement/Map.vue

@@ -1,11 +1,15 @@
 <template>
   <div class="detail">
     <div class="grid-select">
-      <span class="label">网格选择</span>
-      <div class="grid-select__right" @click="toChoose">
-        <span>{{ form.girdName || '请选择' }}</span>
-        <u-icon name="arrow-right" color="#cccccc" size="26" style="margin-left:4px;"></u-icon>
-      </div>
+      <AiPagePicker type="gird" class="fill" :selected="[form]" @select="handleSelectGird" :isDisabledOneGird="true">
+        <div class="gird-content">
+          <div class="label">网格选择</div>
+          <div class="grid-select__right">
+            <span>{{ form.girdName || '请选择' }}</span>
+            <u-icon name="arrow-right" color="#cccccc" size="26" style="margin-left:4px;"></u-icon>
+          </div>
+        </div>
+      </AiPagePicker>
     </div>
     <div class="map-content">
       <AiTMap ref="AiTMap" :map.sync="map" :lib.sync="lib" :libraries="['geometry','service', 'tools']"/>
@@ -92,6 +96,10 @@ export default {
   },
 
   methods: {
+    handleSelectGird(v) {
+      this.form = v?.[0]
+      this.getGridList(v?.[0].id, true)
+    },
     toChoose() {
       uni.navigateTo({
         url: './SelectGird?isFormMap=1'
@@ -308,8 +316,13 @@ ai-tree-picker {
     color: #333;
 
     .grid-select__right {
+      width: calc(100% - 140px);
+      text-align: right;
+    }
+
+    .gird-content{
       display: flex;
-      align-items: center;
+      justify-content: space-between;
     }
 
     .label {