首页

src/project/saas/AppHome/AppHome.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="AppHome">
-    <!-- <Home></Home> -->
     <component :is="tabList[tabIndex].component"/>
     <div class="tab-list">
       <div class="tab-item" v-for="(item, index) in tabList" :key="index" @click="tabClick(index)">

src/project/saas/AppHome/components/App.vue

@@ -3,14 +3,14 @@
     <div class="content">
       <div class="app-list">
         <div class="title">网格管理</div>
-        <div class="item" v-for="(item, index) in gridAppList" :key="index">
+        <div class="item" v-for="(item, index) in gridAppList" :key="index" @click="linkTo(item.linkUrl)">
           <img :src="item.img" alt="">
           <p>{{ item.title }}</p>
         </div>
       </div>
       <div class="app-list">
         <div class="title">日常办公</div>
-        <div class="item" v-for="(item, index) in officeAppList" :key="index">
+        <div class="item" v-for="(item, index) in officeAppList" :key="index" @click="linkTo(item.linkUrl)">
           <img :src="item.img" alt="">
           <p>{{ item.title }}</p>
         </div>
@@ -27,51 +27,63 @@ export default {
       gridAppList: [
         {
           img: require('../img/app/app-jmda-icon.png'),
-          title: '居民档案'
+          title: '居民档案',
+          linkUrl: '/apps/AppGridManagement/AppGridManagement'
         },
         {
           img: require('../img/app/app-wggl-icon.png'),
-          title: '网格管理'
+          title: '网格管理',
+          linkUrl: '/apps/AppGridManagement/AppGridManagement'
         },
         {
           img: require('../img/app/app-tsrq-icon.png'),
-          title: '特殊人群'
+          title: '特殊人群',
+          linkUrl: '/apps/AppSpecialGroups/AppSpecialGroups'
         },
         {
           img: require('../img/app/app-rfdt-icon.png'),
-          title: '人房地图'
+          title: '人房地图',
+          linkUrl: '/apps/AppBuilding/AppBuilding'
         }
       ],
       officeAppList: [
         {
           img: require('../img/app/app-mdtj-icon.png'),
-          title: '矛盾调解'
+          title: '矛盾调解',
+          linkUrl: '/apps/AppConflictMediation/AppConflictMediation'
         },
         {
           img: require('../img/app/app-zfww-icon.png'),
-          title: '走访慰问'
+          title: '走访慰问',
+          linkUrl: '/apps/AppWalkask/AppWalkask'
         },
         {
           img: require('../img/app/app-swjl-icon.png'),
-          title: '事务记录'
+          title: '事务记录',
+          linkUrl: '/apps/AppInterview/AppInterview'
         },
         {
           img: require('../img/app/app-xtxf-icon.png'),
-          title: '协同宣发'
+          title: '协同宣发',
+          linkUrl: '/apps/AppCooperationPropaganda/AppCooperationPropaganda'
         },
         {
           img: require('../img/app/app-tzgg-icon.png'),
-          title: '通知公告'
+          title: '通知公告',
+          linkUrl: '/apps/AppNotification/AppNotification'
         },
         {
           img: require('../img/app/app-wgyjf-icon.png'),
-          title: '网格员积分'
+          title: '网格员积分',
+          linkUrl: '/apps/AppBuilding/AppBuilding'
         },
       ]
     }
   },
   methods: {
-    
+    linkTo(url) {
+      uni.navigateTo({ url })
+    }
   },
   created() {
     

src/project/saas/AppHome/components/Grid.vue

@@ -4,7 +4,7 @@
       <img src="../img/grid/grid-banner.png" alt="">
     </div>
     <div class="content">
-      <div class="item" v-for="(item, index) in appList" :key="index">
+      <div class="item" v-for="(item, index) in appList" :key="index" @click="linkTo(item.linkUrl)">
         <div class="title">{{ item.title }}</div>
         <div class="text">{{ item.text }}</div>
         <img :src="item.img" alt="">
@@ -22,28 +22,34 @@ export default {
         {
           img: require('../img/grid/grid-jmda.png'),
           title: '居民档案',
-          text: '辖区居民信息全览'
+          text: '辖区居民信息全览',
+          linkUrl: ''
         },
         {
           img: require('../img/grid/grid-tsrq.png'),
           title: '特殊人群',
-          text: '特殊居民标签化管理'
+          text: '特殊居民标签化管理',
+          linkUrl: '/apps/AppSpecialGroups/AppSpecialGroups'
         },
         {
           img: require('../img/grid/grid-wggl.png'),
           title: '网格管理',
-          text: '基层网格化精细治理'
+          text: '基层网格化精细治理',
+          linkUrl: '/apps/AppGridManagement/AppGridManagement'
         },
         {
           img: require('../img/grid/grid-rfdt.png'),
           title: '人房地图',
-          text: '图属结合更直观'
+          text: '图属结合更直观',
+          linkUrl: '/apps/AppBuilding/AppBuilding'
         }
       ]
     }
   },
   methods: {
-    
+    linkTo(url) {
+      uni.navigateTo({ url })
+    }
   },
   created() {
     

src/project/saas/AppHome/components/Home.vue

@@ -6,15 +6,16 @@
     <div class="content">
       <div class="user-info">
         <div class="left">
-          <img src="../img/avatva.jpg" alt="">
+          <img :src="user.avatar" alt="" v-if="user.avatar">
+          <img src="../img/user-icon.png" alt="" v-else>
         </div>
         <div class="right">
-          <p class="name">你好，汪周文</p>
+          <p class="name">你好，<AiOpenData v-if="user.wxUserId" type="userName" :openid="user.wxUserId"></AiOpenData></p>
           <p class="time">您已加入慧政务 <span>15</span>天</p>
         </div>
       </div>
       <div class="app-list">
-        <div class="item" v-for="(item, index) in appList" :key="index">
+        <div class="item" v-for="(item, index) in appList" :key="index" @click="linkTo(item.linkUrl)">
           <img :src="item.img" alt="">
           <p>{{ item.title }}</p>
         </div>
@@ -33,6 +34,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 import echarts from 'echarts'
 export default {
   name: "Home",
@@ -41,19 +43,23 @@ export default {
       appList: [
         {
           img: require('../img/home/home-jmgl-icon.png'),
-          title: '居民管理'
+          title: '居民管理',
+          linkUrl: '/apps/AppResidentDocument/AppResidentDocument'
         },
         {
           img: require('../img/home/home-zfww-icon.png'),
-          title: '走访慰问'
+          title: '走访慰问',
+          linkUrl: '/apps/AppWalkask/AppWalkask'
         },
         {
           img: require('../img/home/home-mdtj-icon.png'),
-          title: '矛盾调解'
+          title: '矛盾调解',
+          linkUrl: '/apps/AppConflictMediation/AppConflictMediation'
         },
         {
           img: require('../img/home/home-xftj-icon.png'),
-          title: '宣发统计'
+          title: '宣发统计',
+          linkUrl: '/apps/AppCooperationPropaganda/AppCooperationPropaganda'
         }
       ],
       tabStatistics: [
@@ -77,6 +83,7 @@ export default {
       echartData: null
     }
   },
+  computed: { ...mapState(['user']) },
   methods: {
     chartInit() {
       this.echartData = echarts.init(document.getElementById('statistic'))
@@ -112,6 +119,9 @@ export default {
         ]
       };
       this.echartData.setOption(option)
+    },
+    linkTo(url) {
+      uni.navigateTo({ url })
     }
   },
   created() {

src/project/saas/AppHome/components/My.vue

@@ -4,10 +4,11 @@
       <div class="user-info">
         <img src="../img/my/my-bg-user.png" alt="" class="bg-img">
         <div class="top">
-          <div>汪周文</div>
+          <div><AiOpenData v-if="user.wxUserId" type="userName" :openid="user.wxUserId"></AiOpenData></div>
-          <img src="../img/avatva.jpg" alt="">
+          <img :src="user.avatar" alt="" v-if="user.avatar">
+          <img src="../img/user-icon.png" alt="" v-else>
         </div>
-        <div class="bottom">武汉中卫慧通</div>
+        <div class="bottom">{{ user.corpName }}</div>
       </div>
       <div class="link" v-for="(item, index) in linkList" :key="index">
         <div class="left">
@@ -21,6 +22,7 @@
 </template>
 
 <script>
+import { mapState } from 'vuex'
 export default {
   name: "My",
   data() {
@@ -45,8 +47,11 @@ export default {
       ]
     }
   },
+  computed: { ...mapState(['user']) },
   methods: {
-    
+    linkTo(url) {
+      uni.navigateTo({ url })
+    }
   },
   created() {