新增和联调完成“农技专家”之选择专家功能

agrcloud-api/expertsmodal.js

@@ -26,3 +26,20 @@ export function expertsModalViewData(query) {
     data: query
   });
 }
+
+// 专业领域数据
+export function expertsMainFieldListData() {
+  return request({
+    url: '/system/Professor/professorFieldList',
+    method: 'GET'
+  });
+}
+
+// 专家列表
+export function expertsMainListData(query) {
+  return request({
+    url: '/system/Professor/professorData',
+    method: 'GET',
+    data: query
+  });
+}

pages/experts/index.vue

@@ -1,13 +1,75 @@
 <template>
   <view class="page-content experts">
-    <view class="page-header experts-header"></view>
+    <view class="page-header experts-header">
+      <view class="experts-header-field">
+        <picker @change="bindPickerChange" :value="expertsFieldIndex" :range="expertsFieldList">
+          <view class="field-content">
+            <view class="field-img">
+              <u-icon name="list" size="54" class="field-icon"></u-icon>
+            </view>
+            <view class="field-text">{{ expertsFieldList[expertsFieldIndex] }}</view>
+          </view>
+        </picker>
+      </view>
+    </view>
     <view class="page-main experts-content">
+      <view class="experts-content-main">
+        <scroll-view scroll-y="true" class="scroll-Y" @scrolltolower="handleScrolltolower">
+          <view class="experts-content-main-listbody">
+            <template v-if="expertsMainObj.list_empty">
+              <view class="experts-content-main-nodata">
+                <text class="expertsmain-nodata">暂无数据</text>
+              </view>
+            </template>
+            <template>
+              <u-row gutter="16" class="listbody-row">
+                <u-col
+                  span="12"
+                  class="listbody-col"
+                  v-for="expertsModalItem in expertsMainObj.expertsModalList"
+                  :key="expertsModalItem.id"
+                >
+                  <view class="listbody-item">
+                    <view class="item-content">
+                      <view class="item-content-sub item-content-left">
+                        <text class="item-content-text">姓名：{{ expertsModalItem.professorName }}</text>
+                      </view>
+                      <view class="item-content-sub item-content-right">
+                        <text class="item-content-text">职称：{{ expertsModalItem.title }}</text>
+                      </view>
+                    </view>
+
+                    <view class="item-content">
+                      <view class="item-content-sub item-content-left">
+                        <text class="item-content-text">年龄：{{ expertsModalItem.age }}</text>
+                      </view>
+                      <view class="item-content-sub item-content-right">
+                        <text class="item-content-text">性别：{{ expertsModalItem.sex }}</text>
+                      </view>
+                    </view>
+
+                    <view class="item-content">
+                      <view class="item-content-sub item-content-field">
+                        <text class="item-content-text">专业领域：{{ expertsModalItem.professorField }}</text>
+                      </view>
+                    </view>
+
+                    <view class="item-content">
+                      <view class="item-content-sub item-content-institution">
+                        <text class="item-content-text">供职单位：{{ expertsModalItem.institution }}</text>
+                      </view>
+                    </view>
+                  </view>
+                </u-col>
+              </u-row>
+            </template>
+            <uni-load-more :status="expertsMainObj.loadStatus" v-if="!expertsMainObj.list_empty"></uni-load-more>
+          </view>
+        </scroll-view>
+      </view>
       <view class="experts-content-btn">
         <view class="experts-consultbtn">
-          <view class="consultbtn-text"
-            @click="handleConsultExpertsClick">
-            咨询专家
-          </view>
+          <view class="consultbtn-text" @click="handleConsultExpertsClick">咨询专家</view>
         </view>
       </view>
     </view>
@@ -15,59 +77,269 @@
 </template>
 
 <script>
-  export default {
-    name: 'complaints',
-    data() {
-      return {};
+import {
+  expertsMainListData,
+  expertsMainFieldListData
+} from '@/agrcloud-api/expertsmodal';
+import uniLoadMore from "@/agrcloud-components/uni-load-more/uni-load-more"
+
+export default {
+  name: 'experts',
+  components: {
+    uniLoadMore
+  },
+  data() {
+    return {
+      expertsFieldIndex: 0,
+      expertsFieldList: ["全部"],
+      currExpertsFieldValue: '',
+      expertsMainObj: {
+        loadStatus: 'more',
+        list_empty: false,
+        pageTotal: 0,
+        pageCount: 0,
+        pagination: {
+          pageNum: 1,
+          pageSize: 10
+        },
+        listData: []
+      }
+    };
+  },
+  onLoad() {
+    this.initData();
+  },
+  methods: {
+    initData() {
+      this.getExpertsMainFieldListData();
+    },
+    getExpertsMainFieldListData() {
+      expertsMainFieldListData().then((res) => {
+        this.expertsFieldList = [...this.expertsFieldList, ...res.data || []];
+        this.getExpertsMainListData();
+      });
     },
-    onLoad() {},
-    methods: {
-      handleConsultExpertsClick() {
-        uni.navigateTo({
-          url: '/pages/experts/modal/index'
-        });
+    bindPickerChange: function (e) {
+      this.expertsFieldIndex = e.target.value;
+      const currPickerChangeField = this.expertsFieldList[e.target.value];
+      this.currExpertsFieldValue = (currPickerChangeField != '全部') ? currPickerChangeField : '';
+      this.expertsMainObj.pagination.pageNum = 1;
+      this.getExpertsMainListData();
+    },
+    getExpertsMainListData() {
+      this.expertsMainObj = {
+        ...this.expertsMainObj,
+        list_empty: false,
+        loadStatus: 'loading',
+        pageTotal: 0
+      };
+
+      // 请求获取列表数据
+      expertsMainListData({
+        ...this.expertsMainObj.pagination,
+        professorField: this.currExpertsFieldValue
+      }).then(res => {
+        // 数据总条数
+        this.expertsMainObj.pageTotal = res.total || 0;
+
+        // 如果列表为第一页，返回列表数据清空
+        if (this.expertsMainObj.pagination.pageNum == 1) {
+          this.expertsMainObj.expertsModalList = [];
+        };
+
+        // 处理返回结果
+        if ((res.rows || []).length <= 0) { // 返回结果没有数据
+          if ((this.expertsMainObj.expertsModalList || []).length <= 0) {
+            this.expertsMainObj.loadStatus = 'noMores';
+            this.expertsMainObj.list_empty = true;
+          } else {
+            this.expertsMainObj.loadStatus = 'noMores';
+          }
+        } else { //返回结果有数据
+          //返回历史咨询列表存在
+          this.expertsMainObj.list_empty = false;
+
+          // 获取列表数据分页数量
+          this.expertsMainObj.pageCount = Math.ceil((res.total || 0) / this.expertsMainObj.pagination.pageSize);
+          if ((res.total || 0) % this.expertsMainObj.pagination.pageSize == 0) {
+            this.expertsMainObj.pageCount = Math.ceil((res.total || 0) / this.expertsMainObj.pagination.pageSize);
+            if (this.expertsMainObj.pageCount == 1) {
+              this.expertsMainObj.pageCount--;
+            }
+          } else {
+            this.expertsMainObj.pageCount--;
+          };
+
+          // 处理页面状态
+          if (this.expertsMainObj.pageCount === 0) {
+            this.expertsMainObj.loadStatus = 'noMores'
+          } else {
+            this.expertsMainObj.loadStatus = 'more'
+          }
+
+          // 组装返回数据
+          this.expertsMainObj.expertsModalList.push.apply(this.expertsMainObj.expertsModalList, res.rows || []);
+
+          uni.stopPullDownRefresh();
+        }
+
+      }).catch(err => {
+        this.expertsMainObj.loadStatus = 'noMores';
+      });
+    },
+    handleScrolltolower() {
+      this.expertsMainObj.loadStatus = 'loading'
+      if (this.expertsMainObj.pagination.pageNum - 1 >= this.expertsMainObj.pageCount) {
+        this.expertsMainObj.loadStatus = 'noMores';
+        return
+      } else {
+        this.expertsMainObj.pagination.pageNum++;
+        this.getExpertsMainListData();
       }
+    },
+    handleConsultExpertsClick() {
+      uni.navigateTo({
+        url: '/pages/experts/modal/index'
+      });
     }
   }
+}
 </script>
 
 <style lang="scss"
   scoped>
-  .experts {
-    padding: 0;
+.experts {
+  padding: 0;
 
-    &-header {}
+  &-header {
+    width: 100%;
+    background: #ffffff;
 
-    &-content {
+    &-field {
+      margin: 24rpx;
       width: 100%;
+      height: 56rpx;
+      line-height: 56rpx;
 
-      &-btn {
-        width: 100%;
-        position: fixed;
-        bottom: 64rpx;
-        padding: 16rpx 32rpx;
-
-        .experts-consultbtn {
-          width: 686rpx;
-          height: 88rpx;
-          background: #53A0FD;
-          border-radius: 4rpx;
-          width: 100%;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-
-          .consultbtn-text {
-            height: 50rpx;
-            font-size: 36rpx;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #FFFFFF;
-            line-height: 50rpx;
+      .field-content {
+        display: flex;
+
+        .field-img {
+          flex: 1;
+          margin-top: 4rpx;
+        }
+
+        .field-text {
+          flex: 10;
+          height: 56rpx;
+          font-size: 34rpx;
+          font-family: PingFangSC-Medium, PingFang SC;
+          font-weight: 500;
+          color: #333333;
+          line-height: 56rpx;
+        }
+      }
+    }
+  }
+
+  &-content {
+    width: 100%;
+
+    .experts-content-main {
+      .scroll-Y {
+        height: calc(
+          100vh - 88rpx - 236rpx - env(safe-area-inset-bottom) -
+            var(--status-bar-height)
+        );
+      }
+
+      .experts-content-main-listbody {
+        .experts-content-main-nodata {
+          text-align: center;
+          margin-top: 20rpx;
+
+          .expertsmain-nodata {
+            font-size: 30rpx;
+            color: #777777;
           }
         }
+
+        .listbody-row {
+          .listbody-col {
+            padding: 24rpx 0 0 0 !important;
+
+            .listbody-item {
+              background: #ffffff;
+              min-height: 288rpx;
+              width: 100%;
+              padding-bottom: 24rpx;
+
+              .item-content {
+                display: flex;
+                padding-top: 24rpx;
+
+                &-sub {
+                  flex: 1;
+                }
+
+                &-left {
+                  padding-left: 24rpx;
+                }
+
+                &-right {
+                  padding-right: 24rpx;
+                }
+
+                &-field {
+                  padding: 0rpx 24rpx 0rpx 24rpx;
+                }
+
+                &-institution {
+                  padding: 0rpx 24rpx 0rpx 24rpx;
+                }
+
+                &-text {
+                  height: 42rpx;
+                  font-size: 30rpx;
+                  font-family: PingFangSC-Regular, PingFang SC;
+                  font-weight: 400;
+                  color: #666666;
+                  line-height: 42rpx;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+
+    &-btn {
+      width: 100%;
+      position: fixed;
+      bottom: 40rpx;
+      padding: 16rpx 32rpx;
+
+      .experts-consultbtn {
+        width: 686rpx;
+        height: 88rpx;
+        background: #53a0fd;
+        border-radius: 4rpx;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+
+        .consultbtn-text {
+          height: 50rpx;
+          font-size: 36rpx;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 50rpx;
+        }
       }
     }
   }
+}
 </style>

pages/experts/modal/index.vue

@@ -70,15 +70,15 @@
                 height="298"
                 placeholder="请输入不少于10个字的描述"
                 :placeholder-style="custPlaceholderStyle"
-                @input="handleSumPlacontentNum"
+                @input="handleSumMatcontentNum"
               />
-              <text class="formitem-sumplacontentnum">{{ sumPlacontentNum }}/200</text>
+              <text class="formitem-summatcontentnum">{{ sumMatcontentNum }}/200</text>
             </u-form-item>
           </u-form>
           <view class="expertsmodalform-footer">
             <u-button
               type="primary"
-              @click="handleComplaintsformSubmit"
+              @click="handleExpertsModalformSubmit"
               class="complaint-submitbtn"
             >提交</u-button>
           </view>
@@ -88,7 +88,7 @@
         <view class="history-expertsmodal">
           <scroll-view scroll-y="true" class="scroll-Y" @scrolltolower="handleScrolltolower">
             <view class="history-expertsmodal-listbody">
-              <template v-if="hisComplaintsObj.list_empty">
+              <template v-if="hisExpertsModalObj.list_empty">
                 <view class="history-expertsmodal-nodata">
                   <text class="expertsmodal-nodata">暂无数据</text>
                 </view>
@@ -98,9 +98,9 @@
                   <u-col
                     span="12"
                     class="listbody-col"
-                    v-for="expertsModalItem in hisComplaintsObj.expertsModalList"
+                    v-for="expertsModalItem in hisExpertsModalObj.expertsModalList"
                     :key="expertsModalItem.plaId"
-                    @click="handleComplaintsDetails(expertsModalItem)"
+                    @click="handleExpertsModalDetails(expertsModalItem)"
                   >
                     <view class="listbody-item">
                       <view class="item-title">
@@ -125,8 +125,8 @@
                 </u-row>
               </template>
               <uni-load-more
-                :status="hisComplaintsObj.loadStatus"
-                v-if="!hisComplaintsObj.list_empty"
+                :status="hisExpertsModalObj.loadStatus"
+                v-if="!hisExpertsModalObj.list_empty"
               ></uni-load-more>
             </view>
           </scroll-view>
@@ -142,7 +142,7 @@ import {
   expertsModalAddData,
   expertsModalListData
 } from '@/agrcloud-api/expertsmodal';
-import uniLoadMore from "@/agrcloud-components/uni-load-more/uni-load-more.vue"
+import uniLoadMore from "@/agrcloud-components/uni-load-more/uni-load-more"
 
 export default {
   name: 'expertsmodal',
@@ -202,7 +202,7 @@ export default {
         }
         ]
       },
-      sumPlacontentNum: 0,
+      sumMatcontentNum: 0,
       custLabelStyle: {
 
         'font-size': '30rpx',
@@ -210,7 +210,7 @@ export default {
         'font-weight': '400',
       },
       custPlaceholderStyle: 'font-size: 34rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;',
-      hisComplaintsObj: {
+      hisExpertsModalObj: {
         loadStatus: 'more',
         list_empty: false,
         pageTotal: 0,
@@ -240,15 +240,15 @@ export default {
           return;
         }
 
-        this.hisComplaintsObj.pagination.pageNum = 1;
-        this.getComplaintsListData();
+        this.hisExpertsModalObj.pagination.pageNum = 1;
+        this.getExpertsModalListData();
       }
       this.currentTabs = index;
     },
     /** 获取历史咨询列表 */
-    getComplaintsListData() {
-      this.hisComplaintsObj = {
-        ...this.hisComplaintsObj,
+    getExpertsModalListData() {
+      this.hisExpertsModalObj = {
+        ...this.hisExpertsModalObj,
         list_empty: false,
         loadStatus: 'loading',
         pageTotal: 0
@@ -256,59 +256,59 @@ export default {
 
       // 请求获取列表数据
       expertsModalListData({
-        ...this.hisComplaintsObj.pagination,
+        ...this.hisExpertsModalObj.pagination,
         matUser: this.expertsModalForm.matUser,
         matPhone: this.expertsModalForm.matPhone
       }).then(res => {
         // 数据总条数
-        this.hisComplaintsObj.pageTotal = res.total || 0;
+        this.hisExpertsModalObj.pageTotal = res.total || 0;
 
         // 如果列表为第一页，返回列表数据清空
-        if (this.hisComplaintsObj.pagination.pageNum == 1) {
-          this.hisComplaintsObj.expertsModalList = [];
+        if (this.hisExpertsModalObj.pagination.pageNum == 1) {
+          this.hisExpertsModalObj.expertsModalList = [];
         };
 
         // 处理返回结果
         if ((res.rows || []).length <= 0) { // 返回结果没有数据
-          if ((this.hisComplaintsObj.expertsModalList || []).length <= 0) {
-            this.hisComplaintsObj.loadStatus = 'noMores';
-            this.hisComplaintsObj.list_empty = true;
+          if ((this.hisExpertsModalObj.expertsModalList || []).length <= 0) {
+            this.hisExpertsModalObj.loadStatus = 'noMores';
+            this.hisExpertsModalObj.list_empty = true;
           } else {
-            this.hisComplaintsObj.loadStatus = 'noMores';
+            this.hisExpertsModalObj.loadStatus = 'noMores';
           }
         } else { //返回结果有数据
           //返回历史咨询列表存在
-          this.hisComplaintsObj.list_empty = false;
+          this.hisExpertsModalObj.list_empty = false;
 
           // 获取列表数据分页数量
-          this.hisComplaintsObj.pageCount = Math.ceil((res.total || 0) / this.hisComplaintsObj.pagination.pageSize);
-          if ((res.total || 0) % this.hisComplaintsObj.pagination.pageSize == 0) {
-            this.hisComplaintsObj.pageCount = Math.ceil((res.total || 0) / this.hisComplaintsObj.pagination.pageSize);
-            if (this.hisComplaintsObj.pageCount == 1) {
-              this.hisComplaintsObj.pageCount--;
+          this.hisExpertsModalObj.pageCount = Math.ceil((res.total || 0) / this.hisExpertsModalObj.pagination.pageSize);
+          if ((res.total || 0) % this.hisExpertsModalObj.pagination.pageSize == 0) {
+            this.hisExpertsModalObj.pageCount = Math.ceil((res.total || 0) / this.hisExpertsModalObj.pagination.pageSize);
+            if (this.hisExpertsModalObj.pageCount == 1) {
+              this.hisExpertsModalObj.pageCount--;
             }
           } else {
-            this.hisComplaintsObj.pageCount--;
+            this.hisExpertsModalObj.pageCount--;
           };
 
           // 处理页面状态
-          if (this.hisComplaintsObj.pageCount === 0) {
-            this.hisComplaintsObj.loadStatus = 'noMores'
+          if (this.hisExpertsModalObj.pageCount === 0) {
+            this.hisExpertsModalObj.loadStatus = 'noMores'
           } else {
-            this.hisComplaintsObj.loadStatus = 'more'
+            this.hisExpertsModalObj.loadStatus = 'more'
           }
 
           // 组装返回数据
-          this.hisComplaintsObj.expertsModalList.push.apply(this.hisComplaintsObj.expertsModalList, res.rows || []);
+          this.hisExpertsModalObj.expertsModalList.push.apply(this.hisExpertsModalObj.expertsModalList, res.rows || []);
 
           uni.stopPullDownRefresh();
         }
 
       }).catch(err => {
-        this.hisComplaintsObj.loadStatus = 'noMores';
+        this.hisExpertsModalObj.loadStatus = 'noMores';
       });
     },
-    handleComplaintsformSubmit() {
+    handleExpertsModalformSubmit() {
       this.$refs.expertsModalFormRef && this.$refs.expertsModalFormRef.validate(valid => {
         if (valid) {
           expertsModalAddData(this.expertsModalForm).then(
@@ -328,22 +328,22 @@ export default {
       });
     },
     handleScrolltolower() {
-      this.hisComplaintsObj.loadStatus = 'loading'
-      if (this.hisComplaintsObj.pagination.pageNum - 1 >= this.hisComplaintsObj.pageCount) {
-        this.hisComplaintsObj.loadStatus = 'noMores';
+      this.hisExpertsModalObj.loadStatus = 'loading'
+      if (this.hisExpertsModalObj.pagination.pageNum - 1 >= this.hisExpertsModalObj.pageCount) {
+        this.hisExpertsModalObj.loadStatus = 'noMores';
         return
       } else {
-        this.hisComplaintsObj.pagination.pageNum++;
-        this.getComplaintsListData();
+        this.hisExpertsModalObj.pagination.pageNum++;
+        this.getExpertsModalListData();
       }
     },
-    handleSumPlacontentNum() {
-      this.sumPlacontentNum = this.expertsModalForm.matContent.length;
-      if (this.sumPlacontentNum == 200) {
+    handleSumMatcontentNum() {
+      this.sumMatcontentNum = this.expertsModalForm.matContent.length;
+      if (this.sumMatcontentNum == 200) {
         this.$msgbox('最多只能输入240个字！', 'none');
       }
     },
-    handleComplaintsDetails(param) {
+    handleExpertsModalDetails(param) {
       this.$store.dispatch("SetExpertsDetails", param).then(() => {
         uni.navigateTo({
           url: '/pages/experts/modal/details'
@@ -382,7 +382,7 @@ export default {
       padding-left: 24rpx;
       background: #ffffff;
 
-      .formitem-sumplacontentnum {
+      .formitem-summatcontentnum {
         position: absolute;
         bottom: 0;
         right: 0;
@@ -398,10 +398,6 @@ export default {
     }
   }
 
-  .hiscomplaint-item {
-    background: #ffffff;
-  }
-
   .history-expertsmodal {
     .scroll-Y {
       height: calc(
@@ -410,7 +406,7 @@ export default {
       );
     }
 
-    .history-expertsmodal-listbody {
+    &-listbody {
       .history-expertsmodal-nodata {
         text-align: center;
         margin-top: 20rpx;

pages/index/index-bak.vue

@@ -1,171 +0,0 @@
-<template>
-  <view>
-    <uni-page-head class="cust-uni-page-head">
-      <view class="cust-agrcloud-uni-page-head uni-page-head">
-        <view class="uni-page-head-hd cust-agrcloud-uni-page-head-hd">
-          <view class="uni-page-head-btn">
-            <image class="uni-btn-icon cust-head-icon"
-              src="@/static/agrcloud-images/agrcloud-head-dir-img.png"></image>
-          </view>
-        </view>
-        <view class="uni-page-head-bd">
-          <view class="uni-page-head__title"
-            style="font-size: 16px; opacity: 1;">修文农业云公共服务系统
-          </view>
-        </view>
-      </view>
-    </uni-page-head>
-
-    <view class="page-content">
-      <view class="title">
-        <image class="weather-densefog"
-          src="@/static/agrcloud-images/agrcloud-weather-densefog-img.png"></image>
-        <u-notice-bar class="title-content"
-          mode="horizontal"
-          type="none"
-          :volume-icon="true"
-          :more-icon="true"
-          :is-circular="true"
-          :list="titleContentList"></u-notice-bar>
-      </view>
-      <view class="main-content">
-        <u-waterfall v-model="flowList">
-          <template v-slot:left="{leftList}">
-            <view class="main-warter"
-              v-for="item in leftList"
-              :key="item.id"
-              @click="handleWarterClick(item)">
-              <view class="water-title">
-                {{item.title}}
-              </view>
-            </view>
-          </template>
-          <template v-slot:right="{rightList}">
-            <view class="main-warter"
-              v-for="item in rightList"
-              :key="item.id"
-              @click="handleWarterClick(item)">
-              <view class="water-title">
-                {{item.title}}
-              </view>
-            </view>
-          </template>
-        </u-waterfall>
-      </view>
-      <view id="custcontainer">
-      </view>
-    </view>
-  </view>
-</template>
-
-<script>
-  import mapinfo from '@/agrcloud-utils/mapinfo';
-
-  export default {
-    data() {
-      return {
-        title: 'Hello',
-        titleContentList: ['气象预警：修文县气象台2020年x月x日x时x分发布大雾'],
-        mainNavigateToObj: {
-          QualitySafetyComplaints: '/pages/complaints/index',
-          MeteorologicalServices: '',
-          PoliciesRegulations: '/pages/regulations/index',
-          AgriculturalTechnologyExpert: '/pages/experts/index',
-          NoticeAnnouncement: '/pages/notice/index',
-          MonitoringInformation: '/pages/monitoring/index'
-        },
-        flowList: [{
-          id: 'QualitySafetyComplaints',
-          title: '质量安全投诉',
-          image: 'http://pic.sc.chinaz.com/Files/pic/pic9/202002/zzpic23327_s.jpg',
-        }, {
-          id: 'MeteorologicalServices',
-          title: '气象服务',
-          image: 'http://pic.sc.chinaz.com/Files/pic/pic9/202002/zzpic23327_s.jpg',
-        }, {
-          id: 'AgriculturalTechnologyExpert',
-          title: '农技专家',
-          image: 'http://pic.sc.chinaz.com/Files/pic/pic9/202002/zzpic23327_s.jpg',
-        }, {
-          id: 'PoliciesRegulations',
-          title: '政策法规',
-          image: 'http://pic.sc.chinaz.com/Files/pic/pic9/202002/zzpic23327_s.jpg',
-        }, {
-          id: 'NoticeAnnouncement',
-          title: '通知公告',
-          image: 'http://pic.sc.chinaz.com/Files/pic/pic9/202002/zzpic23327_s.jpg',
-        }, {
-          id: 'MonitoringInformation',
-          title: '监测信息',
-          image: 'http://pic.sc.chinaz.com/Files/pic/pic9/202002/zzpic23327_s.jpg',
-        }]
-      };
-    },
-    onLoad() {
-      // #ifdef H5
-      mapinfo().then((res) => {
-        debugger
-      });
-      // #endif
-    },
-    methods: {
-      handleWarterClick(itemData) {
-        if (!itemData.id || !this.mainNavigateToObj[itemData.id]) {
-          this.$msgbox('模块建设中...');
-          return;
-        }
-        uni.navigateTo({
-          url: this.mainNavigateToObj[itemData.id]
-        });
-      }
-    }
-  };
-</script>
-
-<style lang="scss"
-  scoped>
-  .page-content {
-    .title {
-      width: 100%;
-
-      .title-logo {
-        padding-top: 9rpx;
-        height: 52rpx;
-        width: 30rpx;
-        float: left;
-      }
-
-      .weather-densefog {
-        padding-top: 6rpx;
-        float: left;
-        width: 36rpx;
-        height: 36rpx;
-      }
-
-      .title-content {
-        width: calc(100% - 36rpx);
-      }
-    }
-
-    .main-content {
-      padding-top: 20rpx;
-      width: 100%;
-
-      .main-warter {
-        width: 100%;
-
-        .water-title {
-          margin: 20rpx;
-          height: 300rpx;
-          border-radius: 20rpx;
-          border: 1rpx solid #c6c6c6;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
-        }
-      }
-    }
-  }
-</style>