Task 财务公开

src/permission.js

@@ -187,7 +187,9 @@ const whiteList = [
   '/plotPremisesMobile/index',//闲置资源
 
 
-  '/sunVillage_info/login_farmer',   //详情页
+  '/sunVillage_info/login_farmer',   //村民登录
+  '/sunVillage_info/index_farmer',   //村民主页
+  '/sunVillage_info/financeOpen',   //村民主页
 
 
   //承包地确权

src/router/index.js

@@ -5927,7 +5927,7 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/contracted/user/passWord'], resolve)
   },
-  { ////阳光村务（一村一码）-- 村民登录
+  { // 阳光村务（一村一码）-- 村民登录
     path: '/sunVillage_info/login_farmer',
     name: 'sunVillageInfoFarmerLogin',
     meta: {
@@ -5936,6 +5936,24 @@ export const constantRoutes = [
     },
     component: (resolve) => require(['@/views/sunVillage_info/login_farmer'], resolve)
   },
+  { // 阳光村务（一村一码）-- 村民主页
+    path: '/sunVillage_info/index_farmer',
+    name: 'sunVillageInfoFarmerIndex',
+    meta: {
+      title: '阳光村务',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/index_farmer'], resolve)
+  },
+  { ////阳光村务（一村一码）-- 财务公开榜
+    path: '/sunVillage_info/financeOpen',
+    name: 'sunVillageInfoFinanceOpen',
+    meta: {
+      title: '财务公开榜',
+      hidden: true,
+    },
+    component: (resolve) => require(['@/views/sunVillage_info/financeOpen'], resolve)
+  },
 ];
 
 

src/views/sunVillage_info/financeOpen.vue

@@ -0,0 +1,289 @@
+<template>
+  <div class="home_wrapper">
+    <div class="header_main">
+      财务公开
+      <div class="return_btn" @click="back"></div>
+      <div class="filter-btn" @click="filterList"></div>
+    </div>
+    <p class="top_head_title">{{openName}}</p>
+
+    <div class="center_box">
+
+      <van-row class="table-header">
+        <van-col class="col-item" :span="10">具体事由</van-col>
+        <van-col class="col-item" :span="7">收入金额</van-col>
+        <van-col class="col-item" :span="7">支出金额</van-col>
+      </van-row>
+
+      <van-cell-group class="table-body" v-for="(item,index) in dataList" :key="index">
+        <van-row class="row-item">
+          <van-col class="col-item summary-part" :span="10">{{item.voucherSummary}}</van-col>
+          <van-col class="col-item amount-part" :span="7"><template v-if="item.jieAmount">￥{{item.jieAmount}}</template></van-col>
+          <van-col class="col-item amount-part" :span="7"><template v-if="item.daiAmount">￥{{item.daiAmount}}</template></van-col>
+        </van-row>
+      </van-cell-group>
+
+      <van-row class="table-foot">
+        <van-col class="col-item summary-part" :span="10">本月合计：</van-col>
+        <van-col class="col-item amount-part" :span="7">￥{{applicationSummary.jie}}</van-col>
+        <van-col class="col-item amount-part" :span="7">￥{{applicationSummary.dai}}</van-col>
+      </van-row>
+
+      <div class="clear"></div>
+    </div>
+
+    <van-popup v-model="dateVisible" position="bottom">
+      <van-datetime-picker
+        ref="picker"
+        v-model="currentDate"
+        type="year-month"
+        title="请选择账期"
+        :min-date="minDate"
+        :max-date="maxDate"
+        @confirm="onConfirm"
+      />
+    </van-popup>
+  </div>
+</template>
+
+<script>
+import {bookInfo, financialAmountPublicMonthList} from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+import {date, date_format, strtotime} from "@/utils";
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        dataList:[],
+        applicationSummary: {},
+        loading: false,
+        queryParams: {
+          yearMonth: date_format('yyyy-MM'),
+          bookId: '',
+          deptId: '',
+          all: false
+        },
+        deptName: '',
+        dateVisible: false,
+        minDate: null,
+        maxDate: null,
+        currentDate: new Date(),
+      };
+    },
+    created() {
+      this.queryParams.bookId = Cookies.get('bookId');
+      this.queryParams.deptId = Cookies.get('deptId');
+      this.deptName = Cookies.get('deptName');
+
+      bookInfo(this.queryParams.bookId).then((res) => {
+        if(res.data.startDay)
+          this.minDate = strtotime(res.data.startDay, 'yyyy-MM');
+        if(res.data.currentDay)
+          this.maxDate = strtotime(res.data.currentDay, 'yyyy-MM');
+        if(res.data.currentDay)
+        {
+          this.currentDate = strtotime(res.data.currentDay, 'yyyy-MM');
+          this.queryParams.yearMonth = res.data.currentDay;
+        }
+        this.getList();
+      });
+    },
+    methods: {
+      getList(){
+        this.$toast.loading({
+          forbidClick: true,
+          duration: 0,
+        });
+        this.loading = true;
+        financialAmountPublicMonthList(this.queryParams).then(response => {
+            this.dataList = response.rows;
+            this.applicationSummary = response.summary;
+        }).finally(() => {
+          this.$toast.clear();
+          this.loading = false;
+        });
+      },
+      back() {
+        this.$router.back();
+      },
+      filterList() {
+        this.dateVisible = true;
+      },
+      onConfirm(data) {
+        this.dateVisible = false;
+        this.queryParams.yearMonth = date_format(data, 'yyyy-MM');
+        this.getList();
+      },
+    },
+    computed: {
+      openName() {
+        return date(this.queryParams.yearMonth, 'yyyy-MM', 'yyyy年MM月') + '财务公开';
+      },
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+  .home_wrapper{
+    background: #e9e9e9;
+    min-height: 100vh;
+    width: 100vw;
+    .header_main{
+      height: 116px;
+      background: url('../../assets/images/sunVillage_info/list_head.png') no-repeat;
+      background-size: 100% 100%;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      font-size: 36px;
+      line-height: 116px;
+      text-align: center;
+      color: #fff;
+      position: relative;
+      .return_btn{
+        width: 24px;
+        height: 43.2px;
+        background: url('../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;
+        background-size: 20px 36px;
+        position: absolute;
+        left: 38px;
+        top: 36px;
+      }
+      .filter-btn{
+        width: 56.4px;
+        height: 40.8px;
+        background: url('../../assets/images/sunVillage_info/icon-s-filter.png') center center no-repeat;
+        background-size: 47px 34px;
+        position: absolute;
+        right: 38px;
+        top: 36px;
+      }
+    }
+  }
+  .top_head_title{
+    font-size: 16PX;
+    text-align: center;
+    padding: 15PX 0;
+  }
+  .center_box{
+    padding: 0 2% 0.2rem;
+  }
+  .table-header {
+    background-color: #2facfe;
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0.2rem 0.1rem;
+    overflow: hidden;
+    color: #323233;
+    line-height: 0.36rem;
+    font-weight: bold;
+
+    .col-item {
+      position: relative;
+      box-sizing: border-box;
+      padding: 0.2rem 0.1rem;
+      overflow: hidden;
+      color: #ffffff;
+      font-size: 0.36rem;
+      line-height: 0.36rem;
+      text-align: center;
+    }
+  }
+  .table-body {
+    .row-item {
+      position: relative;
+      display: -webkit-box;
+      display: -webkit-flex;
+      display: flex;
+      box-sizing: border-box;
+      width: 100%;
+      padding: 0.2rem 0.1rem;
+      overflow: hidden;
+      color: #323233;
+      font-size: 14px;
+      line-height: 0.32rem;
+      background-color: #fff;
+
+      .col-item {
+        position: relative;
+        box-sizing: border-box;
+        padding: 0.2rem 0.1rem;
+        overflow: hidden;
+        color: #323233;
+        font-size: 14px;
+        line-height: 24px;
+        background-color: #fff;
+        display: -webkit-box;
+        display: -webkit-flex;
+        display: flex;
+        align-items: center;
+
+        &:nth-child(1) {
+          border-right: 0.005rem solid #DDDDDD;
+        }
+
+        &:nth-child(3) {
+          border-left: 0.005rem solid #DDDDDD;
+        }
+      }
+
+      .summary-part {
+        font-size: 0.33rem;
+      }
+
+      .amount-part {
+        justify-content: end;
+        text-align: right;
+        font-size: 0.36rem;
+      }
+    }
+  }
+
+  .table-foot {
+    position: relative;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    box-sizing: border-box;
+    width: 100%;
+    padding: 0.2rem 0.1rem;
+    overflow: hidden;
+    color: #FF0000;
+    font-size: 14px;
+    line-height: 0.32rem;
+    background-color: rgba(47,172,254,0.2);
+    font-weight: bold;
+
+    .col-item {
+      position: relative;
+      box-sizing: border-box;
+      padding: 0.2rem 0.1rem;
+      overflow: hidden;
+      font-size: 0.32rem;
+      line-height: 0.32rem;
+
+      &:nth-child(1) {
+        border-right: 0.005rem solid #EEEEEE;
+      }
+
+      &:nth-child(3) {
+        border-left: 0.005rem solid #EEEEEE;
+      }
+    }
+
+    .summary-part {
+      font-size: 0.33rem;
+      text-align: center;
+    }
+
+    .amount-part {
+      text-align: right;
+      font-size: 0.36rem;
+    }
+  }
+</style>

src/views/sunVillage_info/index_farmer.vue

@@ -0,0 +1,297 @@
+<template>
+    <div class="home_wrapper">
+        <div class="head_main">
+            <div class="location">
+
+              <div class="address"><i class="icon"></i>{{deptName}}</div>
+
+              <div class="address">{{bookName}}</div>
+
+            </div>
+            <div class="exit_btn" @click="goOut">
+                <p>{{userName}}</p>
+                <i class="icon"></i>
+            </div>
+        </div>
+        <div class="index_info">
+            <div class="title"></div>
+            <div class="nav_box" style="margin-top: 3vh;" v-for="(item,idx) in menusList" :key="idx">
+              <p class="nav_tit">{{item.modleName}}</p>
+              <div class="nav_list">
+                <router-link
+                  v-for="(childrenItem,childrenIdx) in item.menus"
+                  :key="childrenItem.id"
+                  :to="{name:childrenItem.menuUrl,query:{type:'code',typeX:childrenItem.urlPara}}"
+                  class="nav_item"
+                  :style="`background:url(${require('@/assets/images/sunVillage_info/' + childrenItem.menuIcon)}) no-repeat center top;background-size: 50%;`"
+                >
+                  {{childrenItem.menuName}}
+                </router-link>
+              </div>
+            </div>
+        </div>
+        <div class="footer">
+          {{configValue == ""?'技术支持：北京农燊高科信息技术有限公司':configValue}}
+        </div>
+    </div>
+</template>
+<script>
+  import {bookInfo, nologinMenus} from "@/api/sunVillage_info/fixedAssets";
+  import Cookies from "js-cookie";
+  import {sysConfig} from "@/api/homesteadSurvey";
+  export default {
+    name: "certificateList",
+    data() {
+      return {
+        wdqlList:[],
+        qqbzList:[],
+        deptIdOptions:[],
+        villageVisbile:false,
+        showBookList:false,
+        deptName:'',
+        //选中的值
+        villageValue: "",
+        //省市区区级list
+        hcAreaInfoOption: [],
+        hcAreaInfoFieldName: {
+          text: "label",
+          value: "value",
+          children: "children",
+        },
+        bookName:'',
+        queryParams: {
+          pageNum: 1,
+          pageSize: 100,
+        },
+        //账套列表
+        bookVisbile:false,
+        bookList:[],
+        bookId:"",
+        deptId:"",
+        book:"",
+        userName:"",
+        menusList:[],
+
+        configValue:''
+      };
+    },
+    created() {
+      this.deptId = Cookies.get('deptId')
+      this.bookId = Cookies.get('bookId')
+      if(this.bookId)
+      {
+        bookInfo(this.bookId).then((res) => {
+          if (res.code == 200) {
+            this.deptName = res.data.deptName;
+            this.bookName = res.data.bookName;
+          }
+        });
+      }
+
+      const user = Cookies.get('user');
+      if(user){
+        this.userName = JSON.parse(user).memberName
+      }
+
+      let query = {
+        identityType:2
+      }
+      nologinMenus(query).then((res) => {
+        if (res.code == 200) {
+          this.menusList = res.data;
+        }
+      });
+      let params={
+        configKey: "system.company.name"}
+      sysConfig(params).then((res) => {
+        if (res.code == 200) {
+          this.configValue = res.rows[0].configValue;
+        }
+      });
+    },
+    methods: {
+      goOut(){
+        // Cookies.remove("memberName");
+        // Cookies.remove("idcard");
+        Cookies.remove("user");
+        this.$router.push({name:'sunVillageInfoFarmerLogin',query:{deptId:this.deptId,bookId:this.bookId}})
+      }
+    },
+  }
+</script>
+<style scoped lang="scss">
+  .fixed_btn{
+    position: fixed;
+    right: 0;
+    width: 115PX;
+    bottom: 15%;
+    border-top-left-radius: 115PX;
+    border-bottom-left-radius: 115PX;
+    box-shadow: 0px 2px 5px #ccc;
+  }
+.home_wrapper{
+    background: #f1f2f2;
+    width: 100vw;
+    min-height: 100vh;
+    .head_main{
+        height: 340px;
+        background: url('../../assets/images/sunVillage_info/index_head_green.png') no-repeat;
+        background-size: 100% 100%;
+        position: relative;
+        .location{
+            height: 42px;
+            line-height: 42px;
+            position: absolute;
+            left: 38px;
+            top: 72px;
+            display: flex;
+            .address{
+                padding:0 18px;
+                background:rgba(132,131,147,0.75);
+                border-radius: 42px;
+                font-size: 28px;
+                color: #ffffff;
+                margin-right: 12px;
+                display: flex;
+                align-items:center;
+                .icon{
+                    display: block;
+                    width: 20px;
+                    height: 26px;
+                    background: url('../../assets/images/sunVillage_info/index_icon_1_green.png') no-repeat;
+                    background-size: 100% 100%;
+                    margin-right: 10px;
+                }
+            }
+          .user{
+            .icon{
+              width: 32px;
+              height: 32px;
+              background: url('../../assets/images/sunVillage_info/user_icon.png') no-repeat!important;
+              background-size: 100% 100%;
+            }
+          }
+        }
+        .exit_btn{
+            border-radius: 50%;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            position: absolute;
+            top: 64px;
+            right: 36px;
+            p{
+              background: #3f3d56;
+              color: #ffffff;
+              padding: 3PX 15PX;
+              position: relative;
+              right: -6PX;
+              border-top-left-radius: 20PX;
+              border-bottom-left-radius: 20PX;
+              box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3);
+            }
+            .icon{
+                width: 61px;
+                height: 61px;
+                background: url('../../assets/images/sunVillage_info/login_head_h_rights.png') no-repeat;
+                background-size: 100% 100%;
+                box-shadow: -3PX 2PX 4PX rgba(0,0,0,0.3);
+                border-radius: 100%;
+            }
+        }
+    }
+    .index_info{
+        padding-top: 4.1vh;
+        .title{
+            width: 521px;
+            height: 52px;
+            background: url('../../assets/images/sunVillage_info/index_title2_rights.png') no-repeat;
+            background-size: 100% 100%;
+            margin:0 auto;
+        }
+        .nav_box{
+          margin: 0 auto;
+          width: calc(100% - 60px);
+          background: #ffffff;
+          padding: 30px 30px 40px;
+          border-radius: 15PX;
+          box-shadow: 0px 2px 10px #cccccc;
+          .nav_tit{
+            font-size: 35px;
+            margin-bottom: 15PX;
+            font-weight: bold;
+          }
+          .nav_list{
+            display: flex;
+            flex-flow: wrap;
+            /*justify-content: space-between;*/
+            .nav_item{
+              font-size: 24px;
+              color: #333333;
+              text-align: center;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              padding-top: 45PX;
+              width: 25%;
+              &:nth-child(3){
+                margin-right: 0;
+              }
+              &:nth-child(4n+1){
+                margin-top: 15PX;
+              }
+              &:nth-child(5n+1){
+                 margin-top: 15PX;
+               }
+              &:nth-child(6n+1){
+                margin-top: 15PX;
+              }
+              &:nth-child(1){
+                margin-top: 0PX;
+              }
+              &.n_1{
+                background: url('../../assets/images/sunVillage_info/index_block_1_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_2{
+                background: url('../../assets/images/sunVillage_info/index_block_2_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_3 {
+                background: url('../../assets/images/sunVillage_info/index_block_3_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_4 {
+                background: url('../../assets/images/sunVillage_info/index_block_4_rights.png') no-repeat center top;
+                background-size: 34.5PX;
+              }
+              &.n_5 {
+                background: url('../../assets/images/sunVillage_info/index_block_5.png') no-repeat;
+                background-size: 100% 100%;
+              }
+              &.n_6 {
+                 background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top;
+                 background-size: 34.5PX;
+               }
+              &.n_66 {
+                 background: url('../../assets/images/sunVillage_info/tcIcon.png') no-repeat center top;
+                 background-size: 44.5PX;
+               }
+              &.n_77 {
+                 background: url('../../assets/images/sunVillage_info/index_block_77.png') no-repeat center top;
+                 background-size: 34.5PX;
+               }
+            }
+          }
+        }
+    }
+    .footer{
+        margin-top: 15PX;
+        bottom: 5.5vh;
+        width: 100%;
+        font-size: 22px;
+        color: #3f3d56;
+        text-align: center;
+    }
+}
+</style>

src/views/sunVillage_info/login_farmer.vue

@@ -144,11 +144,11 @@
                 path: '/sunVillage_info/identity_check',
                 query: {
                   responseData: response.data,
-                  redirectPath: '/sunVillage_info/index_code',
+                  redirectPath: '/sunVillage_info/index_farmer',
                 }});
             }
             else
-              this.$router.push({path:'/sunVillage_info/index_code_rights'});
+              this.$router.push({path:'/sunVillage_info/index_farmer'});
           });
         });
       },