BUG 27200

src/saas/AppGridManagement/AppGridManagement.vue

@@ -1,12 +1,12 @@
 <template>
   <div class="AppGridManagement">
     <div class="pad-t32" v-if="component != 'Map' && isAdmin"></div>
-    <div class="select-gird" v-if="component != 'Map' && isAdmin">
-      <img src="./components/img/gird-icon.png" alt="" class="gird-icon">
-      <div @click="linkTo('./SelectGird')">
-        {{ params.girdName }}
-        <img src="./components/img/down-icon.png" alt="" class="down-icon">
-      </div>
+    <div class="select-gird" v-if="component != 'Map' && isAdmin" flex>
+      <AiPagePicker type="gird" class="fill" :selected="[params]" @select="handleSelectGird">
+        <img src="./components/img/gird-icon.png" alt="" class="gird-icon">
+        <div v-text="params.girdName"/>
+        <u-icon name="arrow-down" color="#999" class="down-icon" size="20"/>
+      </AiPagePicker>
       <span @click="linkTo('./SetGird')" v-if="checkType == 2">网格配置</span>
     </div>
     <component v-if="refresh && isAdmin" :is="component" @change="onChange" :params="params"></component>
@@ -31,7 +31,6 @@ import Map from './Map.vue'
 export default {
   name: 'AppGridManagement',
   appName: '网格管理',
-
   data() {
     return {
       component: 'Statistics',
@@ -63,7 +62,6 @@ export default {
       checkType: ''
     }
   },
-
   components: {
     Organization,
     Statistics,
@@ -75,18 +73,20 @@ export default {
       this.params = e.params
       this.component = e.type
     },
-    tabClick(index, component) {
-      this.tabIndex = index
-      this.component = component
+    refreshHome() {
       this.refresh = false
       this.$nextTick(() => {
         this.refresh = true
       })
+    }, tabClick(index, component) {
+      this.tabIndex = index
+      this.component = component
+      this.refreshHome();
     },
     isGirdUser() {
       this.isAdmin = false
       this.$http.post('/app/appgirdmemberinfo/checkLogOnUser').then((res) => {
-        if (res.code == 0) {
+        if (res?.data) {
           if (res.data.checkType != '0') {
             this.isAdmin = true
             this.checkType = res.data.checkType
@@ -98,9 +98,12 @@ export default {
     linkTo(url) {
       uni.navigateTo({url})
     },
+    handleSelectGird(v) {
+      this.params = v?.[0] || {}
+      this.refreshHome()
+    }
   },
   onLoad() {
-
     this.isGirdUser()
     uni.$on('hideTab', () => {
       this.isTab = false
@@ -108,10 +111,6 @@ export default {
     uni.$on('showTab', () => {
       this.isTab = true
     })
-
-    uni.$on('goback', (res) => {
-      this.params = res
-    })
   },
   onShow() {
     document.title = '网格管理'
@@ -149,8 +148,7 @@ export default {
 
   div {
     display: inline-block;
-    width: calc(100% - 144px);
-    padding-left: 20px;
+    padding: 0 20px;
     box-sizing: border-box;
     font-size: 32px;
     font-family: PingFangSC-Medium, PingFang SC;