zhangzl
/
nsgk_mobile
2
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
929 Комити
7 Гране
79 MiB
 
 
Дрво: 0506b0a13c
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from '0506b0a13c'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/index.vue

461 lines
17 KiB
Датотека Blame Историја 

  1. <template>

  2.     <div class="home_wrapper">

  3.         <div class="head_main">

  4.             <div class="location">

  5.               <div class="address" @click="villageVisbile = true"><i class="icon"></i>{{deptName}}</div>

  6.               <van-popup v-model="villageVisbile" round position="bottom">

  7.                 <van-cascader

  8.                   v-model="villageValue"

  9.                   title="请选择所在村"

  10.                   :options="hcAreaInfoOption"

  11.                   @close="hcAreaInfoClose"

  12.                   @finish="hcAreaInfoFinish"

  13.                   active-color="#1989fa"

  14.                   :field-names="hcAreaInfoFieldName"

  15.                 />

  16.               </van-popup>

  17. 

  18.               <div class="address" @click="bookVisbile = true">{{bookName}}</div>

  19.               <van-popup v-model="bookVisbile" round position="bottom">

  20.                 <van-picker

  21.                   title="请选择账套"

  22.                   show-toolbar

  23.                   :columns="bookList"

  24.                   @confirm="onConfirmBook"

  25.                   @cancel="onCancelBook"

  26.                   value-key="bookName"

  27.                 />

  28.               </van-popup>

  29. 

  30.             </div>

  31.             <van-popover

  32.               v-model="showPopover"

  33.               trigger="click"

  34.               :actions="actions"

  35.               placement="bottom-end"

  36.               @select="selectChange"

  37.             >

  38.               <template #reference>

  39.                 <div class="exit_btn">

  40.                   <i class="icon"></i>

  41.                 </div>

  42.               </template>

  43.             </van-popover>

  44. <!--          @click="logout"-->

  45.         </div>

  46.         <div class="index_info">

  47.             <div class="title"></div>

  48. 

  49.             <div class="nav_list">

  50.               <div class="nav_list_box">

  51.                 <van-cell :border="false" style="border-radius: 6px;">

  52.                   <template #title>

  53.                     <p style="font-weight: bold;font-size: 18px;display: inline-block">阳光村务</p>

  54.                   </template>

  55.                 </van-cell>

  56.                 <router-link :to="{name:'sunVillageInfoListFinance'}" class="nav_item n_1">财务公开榜</router-link>

  57.                 <router-link :to="{name:'sunVillageInfoListTourists'}" class="nav_item n_2">零工公开榜</router-link>

  58.                 <router-link :to="{name:'sunVillageInfoListRegister'}" class="nav_item n_8">零工登记</router-link>

  59.                 <router-link :to="{name:'sunVillageInfoStatisticalReport'}" class="nav_item n_9">统计填报</router-link>

  60.                 <router-link :to="{name:'sunVillageInfoListIssues'}" class="nav_item n_3">重大事项</router-link>

  61.                 <router-link :to="{name:'sunVillageInfoListVote'}" class="nav_item n_5">发布投票</router-link>

  62.                 <router-link :to="{name:'sunVillageInfoListPhoto'}" class="nav_item n_11">村庄图公开</router-link>

  63.                 <router-link :to="{name:'sunVillageInfoListContract'}" class="nav_item n_12">其他公开</router-link>

  64.               </div>

  65.             </div>

  66. 

  67.             <div class="nav_list">

  68.               <div class="nav_list_box">

  69.                 <van-cell :border="false" style="border-radius: 6px;">

  70.                   <template #title>

  71.                     <p style="font-weight: bold;font-size: 18px;display: inline-block">支出申请</p>

  72.                   </template>

  73.                 </van-cell>

  74.                 <router-link :to="{name:'sunVillageApprovalList'}" class="nav_item n_01">银行卡转账</router-link>

  75.                 <router-link :to="{name:'sunVillageApprovalList2'}" class="nav_item n_02">信用卡还款</router-link>

  76.                 <router-link :to="{name:'sunVillageApprovalList11'}" class="nav_item n_03">备付金支出</router-link>

  77.                 <router-link :to="{name:'sunVillageApprovalList12'}" class="nav_item n_04">汇票支出</router-link>

  78.                 <router-link :to="{name:'sunVillageCollectionList'}" class="nav_item n_05">收款账户</router-link>

  79.                 <router-link :to="{name:'sunVillagePaymentAccountList'}" class="nav_item n_06">付款账户</router-link>

  80.                 <router-link :to="{name:'sunVillageBankOfDepositList'}" class="nav_item n_07">开户行</router-link>

  81.               </div>

  82.             </div>

  83. 

  84.           <div class="nav_list">

  85.             <div class="nav_list_box">

  86.               <van-cell :border="false" style="border-radius: 6px;">

  87.                 <template #title>

  88.                   <p style="font-weight: bold;font-size: 18px;display: inline-block">财务信息</p>

  89.                 </template>

  90.               </van-cell>

  91.               <router-link :to="{name:'sunVillageInfoListBalanceRanking'}" class="nav_item n_4">余额表</router-link>

  92.               <router-link :to="{name:'sunVillageInfoDetailedLedger'}" class="nav_item n_10">明细账</router-link>

  93.               <router-link :to="{name:'sunVillageInfoFixedAssets'}" class="nav_item n_6">固定资产</router-link>

  94.               <router-link :to="{name:'sunVillageInfoInformation'}" class="nav_item n_7">合同信息</router-link>

  95.             </div>

  96.           </div>

  97. 

  98.         </div>

  99.         <div class="footer">

  100.             技术支持：北京农燊高科信息技术有限公司

  101.         </div>

  102.     </div>

  103. </template>

  104. <script>

  105.   import { changeBook , listByDeptId , treeselectByUser } from "@/api/sunVillage_info/fixedAssets";

  106.   import { getInfo } from "@/api/login/index";

  107.   import {changeDept} from "../../api/onlineHome/done";

  108.   import {bookListByDeptId} from "../../api/homestead";

  109.   import Cookies from "js-cookie";

  110.   import {logout} from "../../api/login";

  111.   export default {

  112.     name: "certificateList",

  113.     data() {

  114.       return {

  115.         showPopover: false,

  116.         actions: [

  117.           { text: '个人信息', icon: 'manager-o' , index: 0 },

  118.           { text: '修改密码', icon: 'edit' , index: 1 },

  119.           { text: '退出登录', icon: 'revoke' , index: 2 },

  120.         ],

  121.         deptIdOptions:[],

  122.         villageVisbile:false,

  123.         showBookList:false,

  124.         deptName:'',

  125.         //选中的值

  126.         villageValue: "",

  127.         //省市区区级list

  128.         hcAreaInfoOption: [],

  129.         hcAreaInfoFieldName: {

  130.           text: "label",

  131.           value: "value",

  132.           children: "children",

  133.         },

  134.         bookName:'',

  135.         queryParams: {

  136.           pageNum: 1,

  137.           pageSize: 100,

  138.         },

  139.         //账套列表

  140.         bookVisbile:false,

  141.         bookList:[],

  142.         bookName:"",

  143.         bookId:"",

  144.         book:"",

  145.       };

  146.     },

  147.     created() {

  148.       getInfo().then(response => {

  149.         this.bookName = response.user.bookName

  150.         this.deptName = response.user.deptName

  151.         Cookies.set("bookName", response.user.bookName, {

  152.           expires: 30,

  153.         });

  154.         Cookies.set("deptName", response.user.deptName, {

  155.           expires: 30,

  156.         });

  157.         Cookies.set("bookId", response.user.loginBookId, {

  158.           expires: 30,

  159.         });

  160.         Cookies.set("deptId", response.user.loginDeptId, {

  161.           expires: 30,

  162.         });

  163.         this.getBookList(response.user.loginDeptId);

  164.       });

  165. 

  166.       treeselectByUser().then((res) => {

  167.         if (res.code == 200) {

  168.           this.hcAreaInfoOption = res.data;

  169.         }

  170.       });

  171.       this.$set(this.queryParams, "systemType", '4');

  172.     },

  173.     methods: {

  174.       //关闭选择地址弹窗

  175.       hcAreaInfoClose() {

  176.         this.villageVisbile = false;

  177.       },

  178.       hcAreaInfoFinish({ value, selectedOptions, tabIndex }) {

  179.         // 切换部门

  180.         let Depquery={"loginDeptID":value}

  181.         changeDept(Depquery).then((response) => {

  182.           if (response.code === 200) {

  183.             this.$store.dispatch("GetInfo").then(() => {

  184.               // this.$router.go(0);

  185.               window.location.href = "/sunVillage_info/index";

  186.             });

  187.           }

  188.         });

  189.         this.villageVisbile = false;

  190.       },

  191.       getBookList(e){

  192.         let params = {

  193.           loginDeptID:e

  194.         }

  195.         listByDeptId(params).then((response) => {

  196.           if (response.code == 200) {

  197.             this.bookList = response.rows;

  198.           }

  199.         })

  200.       },

  201.       onConfirmBook(e){

  202.         this.bookVisbile = false

  203.         this.bookName = e.bookName

  204.         let param={"loginBookId":e.id}

  205.         changeBook(param).then((response) => {

  206.           if (response.code === 200) {

  207.             this.$store.dispatch("GetInfo").then(() => {

  208.               // this.$router.go(0);

  209.               window.location.href = "/sunVillage_info/index";

  210.             });

  211.           }

  212.         });

  213.       },

  214.       onCancelBook(e){

  215.         this.bookVisbile = false

  216.       },

  217.       logout(){

  218.         logout().then(res => {

  219.           this.$router.push({path:"/sunVillage_info/index_code",query:{bookId:Cookies.get('bookId'),deptId:Cookies.get('deptId')}})

  220.         })

  221.       },

  222.       selectChange(val){

  223.         val.index == 0 ? this.$router.push({path:"/sunVillage_info/user"}) : val.index == 1 ? this.$router.push({path:"/sunVillage_info/passWord"}) : val.index == 2 ? this.logout() : '';

  224.       }

  225.     },

  226.   }

  227. </script>

  228. <style scoped lang="scss">

  229. .home_wrapper{

  230.     background: #f1f2f2;

  231.     width: 100vw;

  232.     min-height: 100vh;

  233.     .head_main{

  234.         height: 340px;

  235.         background: url('../../assets/images/sunVillage_info/index_head.png') no-repeat;

  236.         background-size: 100% 100%;

  237.         position: relative;

  238.         .location{

  239.             height: 42px;

  240.             line-height: 42px;

  241.             position: absolute;

  242.             left: 38px;

  243.             top: 72px;

  244.             display: flex;

  245.             .address{

  246.                 padding:0 18px;

  247.                 background:rgba(255,255,255,0.75);

  248.                 border-radius: 42px;

  249.                 font-size: 28px;

  250.                 color: #3f3d56;

  251.                 margin-right: 12px;

  252.                 display: flex;

  253.                 align-items:center;

  254.                 .icon{

  255.                     display: block;

  256.                     width: 20px;

  257.                     height: 26px;

  258.                     background: url('../../assets/images/sunVillage_info/index_icon_1.png') no-repeat;

  259.                     background-size: 100% 100%;

  260.                     margin-right: 10px;

  261.                 }

  262.             }

  263.         }

  264.         /deep/ .van-popover__wrapper{

  265.           position: absolute;

  266.           top: 64px;

  267.           right: 36px;

  268.         }

  269.         .exit_btn{

  270.             width: 61px;

  271.             height: 61px;

  272.             /*background: #3f3d56;*/

  273.             border-radius: 50%;

  274.             display: flex;

  275.             align-items: center;

  276.             justify-content: center;

  277.             /*position: absolute;*/

  278.             /*top: 64px;*/

  279.             /*right: 36px;*/

  280.             .icon{

  281.                 width: 100%;

  282.                 height: 100%;

  283.                 background: url('../../assets/images/sunVillage_info/login_head_h.png') no-repeat;

  284.                 background-size: 100% 100%;

  285.             }

  286.         }

  287.     }

  288.     .index_info{

  289.         padding-top: 4.1vh;

  290.         .title{

  291.             width: 521px;

  292.             height: 52px;

  293.             background: url('../../assets/images/sunVillage_info/index_title.png') no-repeat;

  294.             background-size: 100% 100%;

  295.             margin:0 auto;

  296.         }

  297.         .nav_list{

  298.             margin-top: 6vh;

  299.             padding:0 38px;

  300.           &:nth-child(3){

  301.             margin-top: 3vh;

  302.           }

  303.           &:nth-child(4){

  304.             margin-top: 3vh;

  305.           }

  306.           .van-cell{

  307.             background: transparent;

  308.           }

  309.           .nav_list_box{

  310.             display: flex;

  311.             flex-flow: wrap;

  312.             box-shadow: 0px 0px 18px rgba(63,68,75,0.2);

  313.             /*padding: 0 0 20PX;*/

  314.             border-radius: 15PX;

  315.             overflow: hidden;

  316.             background: #ffffff;

  317.           }

  318.           .nav_box{

  319.             box-shadow: 0px 0px 18px rgba(63,68,75,0.2);

  320.             margin-bottom: 40PX;

  321.             border-radius: 15PX;

  322.             overflow: hidden;

  323.             /deep/ .van-grid-item__content{

  324.               background: transparent;

  325.               padding-top: 0;

  326.             }

  327.           }

  328.           .nav_item{

  329.                 width: 25%;

  330.                 /*height: 180px;*/

  331.                 border-radius: 30px;

  332.                 font-size: 24px;

  333.                 color: #3f3d56;

  334.                 text-align: center;

  335.                 display: flex;

  336.                 align-items: center;

  337.                 justify-content: center;

  338.                 padding-top: 100px;

  339.                 &.n_1{

  340.                     background: url('../../assets/images/sunVillage_info/index_block_01.png') no-repeat center top;

  341.                     background-size: 50%;

  342.                     margin-bottom: 20PX;

  343.                 }

  344.                  &.n_2{

  345.                     background: url('../../assets/images/sunVillage_info/index_block_02.png') no-repeat center top;

  346.                     background-size: 50%;

  347.                     margin-bottom: 20PX;

  348.                 }

  349.                 &.n_3 {

  350.                     background: url('../../assets/images/sunVillage_info/index_block_03.png') no-repeat center top;

  351.                     background-size: 50%;

  352.                     margin-bottom: 20PX;

  353.                 }

  354.                 &.n_4 {

  355.                     background: url('../../assets/images/sunVillage_info/index_block_04.png') no-repeat center top;

  356.                     background-size: 50%;

  357.                     margin-bottom: 20PX;

  358.                 }

  359.                 &.n_5 {

  360.                     background: url('../../assets/images/sunVillage_info/index_block_05.png') no-repeat center top;

  361.                     background-size: 50%;

  362.                     margin-bottom: 20PX;

  363.                 }

  364.                 &.n_6 {

  365.                     background: url('../../assets/images/sunVillage_info/index_block_06.png') no-repeat center top;

  366.                     background-size: 50%;

  367.                     margin-bottom: 20PX;

  368.                 }

  369.                 &.n_7 {

  370.                     background: url('../../assets/images/sunVillage_info/index_block_07.png') no-repeat center top;

  371.                     background-size: 50%;

  372.                     margin-bottom: 20PX;

  373.                 }

  374.                 &.n_8 {

  375.                     background: url('../../assets/images/sunVillage_info/index_block_08.png') no-repeat center top;

  376.                     background-size: 50%;

  377.                     margin-bottom: 20PX;

  378.                 }

  379.                 &.n_9 {

  380.                     background: url('../../assets/images/sunVillage_info/index_block_09.png') no-repeat center top;

  381.                     background-size: 50%;

  382.                     margin-bottom: 20PX;

  383. 

  384.                 }

  385.                 &.n_10 {

  386.                     background: url('../../assets/images/sunVillage_info/index_block_10.png') no-repeat center top;

  387.                     background-size: 50%;

  388.                     margin-bottom: 20PX;

  389.                 }

  390.                 &.n_11 {

  391.                     background: url('../../assets/images/sunVillage_info/index_block_11.png') no-repeat center top;

  392.                     background-size: 50%;

  393.                     margin-bottom: 20PX;

  394.                 }

  395.                 &.n_12 {

  396.                     background: url('../../assets/images/sunVillage_info/index_block_12.png') no-repeat center top;

  397.                     background-size: 50%;

  398.                     margin-bottom: 20PX;

  399.                 }

  400. 

  401. 

  402.                 &.n_01 {

  403.                   background: url('../../assets/images/sunVillage_info/index_icon_01.png') no-repeat center top;

  404.                   background-size: 50%;

  405.                   margin-bottom: 20PX;

  406.                 }

  407.                 &.n_02 {

  408.                   background: url('../../assets/images/sunVillage_info/index_icon_02.png') no-repeat center top;

  409.                   background-size: 50%;

  410.                   margin-bottom: 20PX;

  411.                 }

  412.                 &.n_03 {

  413.                   background: url('../../assets/images/sunVillage_info/index_icon_03.png') no-repeat center top;

  414.                   background-size: 50%;

  415.                   margin-bottom: 20PX;

  416.                 }

  417.                 &.n_04 {

  418.                   background: url('../../assets/images/sunVillage_info/index_icon_04.png') no-repeat center top;

  419.                   background-size: 50%;

  420.                   margin-bottom: 20PX;

  421.                 }

  422.                 &.n_05 {

  423.                   background: url('../../assets/images/sunVillage_info/index_icon_05.png') no-repeat center top;

  424.                   background-size: 50%;

  425.                   margin-bottom: 20PX;

  426.                 }

  427.                 &.n_06 {

  428.                   background: url('../../assets/images/sunVillage_info/index_icon_06.png') no-repeat center top;

  429.                   background-size: 50%;

  430.                   margin-bottom: 20PX;

  431.                 }

  432.                 &.n_07 {

  433.                   background: url('../../assets/images/sunVillage_info/index_icon_07.png') no-repeat center top;

  434.                   background-size: 50%;

  435.                   margin-bottom: 20PX;

  436.                 }

  437.             }

  438.           .icon{

  439.             padding: 15px;

  440.             border-radius: 10px;

  441.             box-sizing: border-box;

  442.             width: 80px;

  443.             height: 80px;

  444.             text-align:center;

  445.           }

  446.           .icon img{

  447.             width:50px;

  448.           }

  449.         }

  450.     }

  451.     .footer{

  452.       width: 100%;

  453.       font-size: 22px;

  454.       color: #3f3d56;

  455.       text-align: center;

  456.       padding-top: 20px;

  457.       padding-bottom: 25PX;

  458.     }

  459. }

  460. </style>