优化移动端阳光村务

src/components/sunVillage/common/header.vue

@@ -95,17 +95,25 @@ export default {
     flex-direction: row;
     display: flex;
     justify-content: space-between;
+    align-items: center;
     .flex_navigation {
       height: 64px;
       line-height: 64px;
       background: #ededed;
       font-size: 32px;
       border-radius: 10px;
-      padding: 0 28px;
+      flex: 1;
+      text-align: center;
+      // display: flex;
+      // align-items: center;
+      margin-right: 20px;
       &.current {
         background: #07c160;
         color: #fff;
       }
+      &:last-child {
+        margin-right: 0;
+      }
     }
   }
 }

src/permission.js

@@ -89,6 +89,9 @@ const whiteList = [
   '/sunVillage/consulting/inquiries',  //民生直通车-咨询
   "/sunVillage/consulting/my_consulting",  //民生直通车-我的咨询详情
   '/sunVillage/consulting/kanban', //民生直通车-民生看板
+  '/sunVillage/consulting/kanban/focusList', //民生直通车-民生看板 -关注民生list
+  '/sunVillage/consulting/kanban/focusDesc', //民生直通车-民生看板 -关注民生详情
+  '/sunVillage/consulting/kanban/affairsList', //民生直通车-民生看板 - 民生办事list
   '/sunVillage/equity', //股权查询-股民信息
   '/sunVillage/equity_desc', // 股权查询-股民信息-详情
   '/sunVillage/shareBonus', //股权查询-股权分红

src/router/index.js

@@ -2639,10 +2639,37 @@ export const constantRoutes = [
     path: '/sunVillage/consulting/kanban',
     name: 'sunVillageKanban',
     meta: {
-      title: '民生直通车', //民生直通车-我的咨询
+      title: '民生直通车', //民生直通车-民生看板
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/index'], resolve)
+  },
+  {
+    path: '/sunVillage/consulting/kanban/focusList',
+    name: 'sunVillageKanbanFocusList',
+    meta: {
+      title: '民生直通车', //民生直通车-民生看板-关注民生列表
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/focusList'], resolve)
+  },
+  {
+    path: '/sunVillage/consulting/kanban/focusDesc',
+    name: 'sunVillageKanbanFocusDesc',
+    meta: {
+      title: '民生直通车', //民生直通车-民生看板-关注民生详情
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/focusDesc'], resolve)
+  },
+  {
+    path: '/sunVillage/consulting/kanban/affairsList',
+    name: 'sunVillageKanbanAffairsList',
+    meta: {
+      title: '民生直通车', //民生直通车-民生看板-民生办事列表
       hidden: true,
     },
-    component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban'], resolve)
+    component: (resolve) => require(['@/views/sunVillage/throughTrain/kanban/affairsList'], resolve)
   },
   {
     path: '/sunVillage/equity',

src/views/sunVillage/equity/info.vue

@@ -133,6 +133,7 @@
         }
         .meberCode {
           flex: 1;
+          font-size: 24px;
           text-align: center;
           .text {
             color: #999;

src/views/sunVillage/throughTrain/kanban/affairsList.vue

@@ -0,0 +1,82 @@
+<template>
+  <div class="home_wrapper">
+    <header-nav :currentNav="2" returnUrl="/sunVillage/index"></header-nav>
+    <sunVillageHeader :serialTag="2"></sunVillageHeader>
+    <div class="kanban_main">
+      <div class="livelihood_desc">
+        <ul>
+          <li
+            @click="
+              skip('/sunVillage/consulting/my_consulting?type=affairsList')
+            "
+          >
+            <div class="title">金融问题咨询</div>
+            <div class="time">2022-02-25 09:00</div>
+          </li>
+          <li
+            @click="
+              skip('/sunVillage/consulting/my_consulting?type=affairsList')
+            "
+          >
+            <div class="title">金融问题咨询</div>
+            <div class="time">2022-02-25 09:00</div>
+          </li>
+          <li
+            @click="
+              skip('/sunVillage/consulting/my_consulting?type=affairsList')
+            "
+          >
+            <div class="title">金融问题咨询</div>
+            <div class="time">2022-02-25 09:00</div>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import headerNav from "@/components/sunVillage/common/header.vue";
+import sunVillageHeader from "@/components/sunVillage/sunVillage_header";
+export default {
+  name: "sunVillageKanban",
+  components: { headerNav, sunVillageHeader },
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {
+    skip(url) {
+      this.$router.push(url);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.home_wrapper {
+  width: 100%;
+  padding-top: 126px;
+  min-height: 100vh;
+  background: #fff;
+  .kanban_main {
+    margin: 0 24px;
+    .livelihood_desc {
+      padding: 20px;
+      li {
+        height: 65px;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .title {
+          font-size: 28px;
+          color: #333;
+        }
+        .time {
+          font-size: 24px;
+          color: #bababa;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/sunVillage/throughTrain/kanban/focusDesc.vue

@@ -0,0 +1,78 @@
+<template>
+  <div class="home_wrapper">
+    <header-nav :currentNav="2" :headings="headingsTitle"></header-nav>
+    <div class="article_main">
+      <div class="title">阳光村务内容1</div>
+      <div class="info_wrap">
+        <div class="publisher">阳光村务公开平台</div>
+        <div class="time">2022-02-25 09:00</div>
+      </div>
+    </div>
+    <div class="particulars_main">
+      <p><img src="@/assets/images/sunVillage/3.jpg" /></p>
+      <p>
+        2月22日,阳光村务内容1
+        阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1
+      </p>
+      <p>
+        阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1阳光村务内容1
+      </p>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+.home_wrapper {
+  width: 100%;
+  padding-top: 198px;
+  min-height: 100vh;
+  background: #fff;
+  .article_main {
+    margin: 0 24px;
+    padding-top: 15px;
+    .title {
+      font-size: 28px;
+      line-height: 45px;
+      margin-bottom: 6px;
+    }
+    .info_wrap {
+      display: flex;
+      line-height: 48px;
+      font-size: 24px;
+      .publisher {
+        color: rgb(92, 107, 140);
+        margin-right: 20px;
+      }
+      .time {
+        color: #999;
+      }
+    }
+  }
+  .particulars_main {
+    margin: 24px 24px 0;
+    font-size: 24px;
+    padding-bottom: 15px;
+    img {
+      max-width: 100%;
+    }
+    p {
+      padding-bottom: 15px;
+    }
+  }
+}
+</style>
+
+<script>
+import headerNav from "@/components/sunVillage/common/header.vue";
+export default {
+  name: "latestReportDesc",
+  components: { headerNav },
+  data() {
+    return {
+      headingsTitle: "民生看板",
+    };
+  },
+  mounted() {},
+  methods: {},
+};
+</script>

src/views/sunVillage/throughTrain/kanban/focusList.vue

@@ -0,0 +1,79 @@
+<template>
+  <div class="home_wrapper">
+    <header-nav :currentNav="2" returnUrl="/sunVillage/index"></header-nav>
+    <sunVillageHeader :serialTag="2"></sunVillageHeader>
+    <div class="news_list">
+      <ul>
+        <li
+          class="item_block"
+          @click="skip('/sunVillage/consulting/kanban/focusDesc')"
+        >
+          <div class="title">阳光村务内容1</div>
+          <div class="insets">
+            <img src="@/assets/images/sunVillage/2.jpg" />
+          </div>
+        </li>
+        <li
+          class="item_block"
+          @click="skip('/sunVillage/consulting/kanban/focusDesc')"
+        >
+          <div class="title">阳光村务内容1</div>
+          <div class="insets">
+            <img src="@/assets/images/sunVillage/2.jpg" />
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import headerNav from "@/components/sunVillage/common/header.vue";
+import sunVillageHeader from "@/components/sunVillage/sunVillage_header";
+export default {
+  name: "sunVillageKanbanFocusList",
+  components: { headerNav, sunVillageHeader },
+  data() {
+    return {};
+  },
+  mounted() {},
+  methods: {
+    skip(url) {
+      this.$router.push(url);
+    },
+  },
+};
+</script>
+
+<style scoped lang="scss">
+.home_wrapper {
+  width: 100%;
+  padding-top: 126px;
+  min-height: 100vh;
+  background: #fff;
+  .news_list {
+    padding-top: 20px;
+    li {
+      display: flex;
+      height: 146px;
+      justify-content: center;
+      align-items: center;
+      padding: 0 33px;
+      .title {
+        padding-left: 8px;
+        flex: 1;
+        font-size: 28px;
+      }
+      .insets {
+        width: 116px;
+        margin-left: 26px;
+        height: 116px;
+        img {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+  }
+}
+</style>

src/views/sunVillage/throughTrain/kanban.vue → src/views/sunVillage/throughTrain/kanban/index.vue

@@ -5,9 +5,17 @@
     <div class="kanban_main">
       <div class="title_main">
         <div class="subtitle">关注民生</div>
-        <div class="more">更多 ></div>
+        <div
+          class="more"
+          @click="skip('/sunVillage/consulting/kanban/focusList')"
+        >
+          更多 >
+        </div>
       </div>
-      <div class="focus_news">
+      <div
+        class="focus_news"
+        @click="skip('/sunVillage/consulting/kanban/focusDesc')"
+      >
         <div class="news_img">
           <img src="@/assets/images/sunVillage/4.jpg" />
         </div>
@@ -15,13 +23,19 @@
       </div>
       <div class="news_list">
         <ul>
-          <li class="item_block">
+          <li
+            class="item_block"
+            @click="skip('/sunVillage/consulting/kanban/focusDesc')"
+          >
             <div class="title">阳光村务内容01</div>
             <div class="insets">
               <img src="@/assets/images/sunVillage/2.jpg" />
             </div>
           </li>
-          <li class="item_block">
+          <li
+            class="item_block"
+            @click="skip('/sunVillage/consulting/kanban/focusDesc')"
+          >
             <div class="title">阳光村务内容01</div>
             <div class="insets">
               <img src="@/assets/images/sunVillage/2.jpg" />
@@ -31,19 +45,30 @@
       </div>
       <div class="title_main">
         <div class="subtitle">民生办事</div>
-        <div class="more">更多 ></div>
+        <div
+          class="more"
+          @click="skip('/sunVillage/consulting/kanban/affairsList')"
+        >
+          更多 >
+        </div>
       </div>
       <div class="livelihood_desc">
         <ul>
-          <li>
+          <li
+            @click="skip('/sunVillage/consulting/my_consulting?type=affairs')"
+          >
             <div class="title">金融问题咨询</div>
             <div class="time">2022-02-25 09:00</div>
           </li>
-          <li>
+          <li
+            @click="skip('/sunVillage/consulting/my_consulting?type=affairs')"
+          >
             <div class="title">金融问题咨询</div>
             <div class="time">2022-02-25 09:00</div>
           </li>
-          <li>
+          <li
+            @click="skip('/sunVillage/consulting/my_consulting?type=affairs')"
+          >
             <div class="title">金融问题咨询</div>
             <div class="time">2022-02-25 09:00</div>
           </li>
@@ -171,7 +196,7 @@ export default {
     .livelihood_desc {
       padding: 20px;
       li {
-        height: 55px;
+        height: 65px;
         display: flex;
         justify-content: space-between;
         align-items: center;

src/views/sunVillage/throughTrain/my_consulting.vue

@@ -2,7 +2,7 @@
   <div class="home_wrapper">
     <header-nav
       :currentNav="2"
-      returnUrl="/sunVillage/consulting"
+      :returnUrl="headingsUrl"
       :headings="headingsTitle"
     ></header-nav>
     <div class="consulting_header">
@@ -115,9 +115,21 @@ export default {
   data() {
     return {
       headingsTitle: "我的咨询",
+      headingsUrl: "/sunVillage/consulting",
     };
   },
-  mounted() {},
+  mounted() {
+    let routerObj = this.$route.query;
+    if (routerObj.type && routerObj.type == "affairs") {
+      //判断当前页面是从民生直通车-民生看板 访问
+      this.headingsTitle = "民生看板";
+      this.headingsUrl = "/sunVillage/consulting/kanban";
+    } else if (routerObj.type && routerObj.type == "affairsList") {
+      //判断当前页面是从民生直通车-民生看板列表 访问
+      this.headingsTitle = "民生看板";
+      this.headingsUrl = "/sunVillage/consulting/kanban/focusList";
+    }
+  },
   methods: {
     skip(url) {
       this.$router.push(url);