网格管理

src/apps/AppBuilding/components/searchMap.vue

@@ -21,7 +21,6 @@
           <p>{{item.areaName || ''}}{{item.createAddress}}</p>
         </div>
       </div>
-      <div></div>
     </div>
     <div class="build-btn" @click="toList()">
       <img src="./img/build-icon.png" alt=""> 楼栋<br/>列表

src/apps/AppGridManagement/components/detail.vue

@@ -3,9 +3,8 @@
     <div class="grid-select">
       <span class="label">网格选择</span>
       <div class="value">
-        <!-- <span>新里程社区居委会</span> -->
           <AiTreePicker :ops="treeList" v-model="form.id" @select="handerSelect">
-            <div class="grid-name" :style="{ color: form.gridName ? '' : '#c0c4cc' }">{{form.gridName || '请选择社区居委会'}} <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon></div>
+            <div class="grid-name" :style="{ color: form.girdName ? '' : '#c0c4cc' }">{{form.girdName || '请选择社区居委会'}} <u-icon name="arrow-right" color="#cccccc" size="14"></u-icon></div>
           </AiTreePicker>
       </div>
     </div>
@@ -15,14 +14,14 @@
     <u-popup v-model="show" mode="bottom" border-radius="14">
       <div class="popup">
         <div class="bg"></div>
-        <div class="title">恒大城西社区居委会</div>
+        <div class="title">{{form.girdName}}</div>
         <div class="info-flex">
           <span class="label">网格类型</span>
-          <span class="value">基础网格</span>
+          <span class="value">{{$dict.getLabel('girdType', form.girdType)}}</span>
         </div>
         <div class="info-flex">
           <span class="label">网格层级</span>
-          <span class="value">村/社区</span>
+          <span class="value">{{$dict.getLabel('girdLevel', form.girdLevel)}}</span>
         </div>
         <div class="info-flex">
           <span class="label">网格管理员</span>
@@ -33,7 +32,9 @@
       </div>
     </u-popup>
 
-    <u-select v-model="showSelect" mode="mutil-column-auto" :list="treeList" child-name="girdList" label-name="girdName" value-name="id" @confirm="confirm"></u-select>
+    <div class="footer" @click="view" v-if="form.id && !show">
+      <div class="btn">查看网格信息</div>
+    </div>
   </div>
 </template>
 
@@ -48,7 +49,7 @@ export default {
       lib: '',
       map: null,
       show: false,
-      form: {gridName: '', id: ''},
+      form: {girdName: '', id: ''},
       treeList: [],
       showSelect: false,
       editor: null,
@@ -56,6 +57,7 @@ export default {
   },
   computed: { ...mapState(['user']) },
   mounted() {
+    this.$dict.load('girdType', 'girdLevel')
     this.areaId = this.user.areaId
     this.initMap()
     this.getTreeList()
@@ -64,8 +66,7 @@ export default {
   methods: {
     handerSelect(e) {
       console.log(e)
-      this.form.gridName = e.girdName
-      this.form.id = e.id
+      this.form = e
       this.initMap(e.points)
     },
     initMap(points) {
@@ -121,6 +122,9 @@ export default {
           this.treeList = res.data
         }
       })
+    },
+    view() {
+      this.show = true
     }
     
   }
@@ -206,4 +210,23 @@ ai-tree-picker{
 .grid-name{
   display: inline-block;
 }
+.footer{
+  width: 100%;
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  z-index: 99999;
+  display: flex;
+  font-size: 32px;
+  font-family: PingFangSC-Medium, PingFang SC;
+  font-weight: 500;
+  height: 112px;
+  line-height: 112px;
+  text-align: center;
+  .btn{
+    flex: 2;
+    background: #1365DD;
+    color: #FFF;
+  }
+}
 </style>