zhangzl
/
nsgk_mobile
2
0
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Publicaties 0 Wiki Activiteit
移动端
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.
1751 Commits
7 Branches
79 MiB
 
 
Tree: 37c076e840
Branches Labels
${ item.name }
Maak branch ${ searchTerm }
van '37c076e840'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/index.vue

480 regels
17 KiB
Ruw Blame Geschiedenis 

  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 v-model="villageValue" title="请选择所在村" :options="hcAreaInfoOption" @close="hcAreaInfoClose" @finish="hcAreaInfoFinish" active-color="#1989fa" :field-names="hcAreaInfoFieldName"/>

  8.               </van-popup>

  9. 

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

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

  12.                 <van-picker title="请选择账套" show-toolbar :columns="bookList" @confirm="onConfirmBook" @cancel="onCancelBook" value-key="bookName"/>

  13.               </van-popup>

  14. 

  15.             </div>

  16.             <van-popover v-model="showPopover" trigger="click" placement="bottom-end" @select="selectChange">

  17.               <div style="width: 4rem;">

  18.                   <van-cell :title="item.text" @click="selectChange(item)" :border="false" :icon="item.icon" v-for="(item,index) in actions" :key="index" />

  19.               </div>

  20.               <template #reference>

  21.                 <div class="exit_btn">

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

  23.                 </div>

  24.               </template>

  25.             </van-popover>

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

  27.         </div>

  28.         <img src="../../../static/images/sunVillage_info/sunVillage_info_index_header.png" style="display:block;width:94%;margin:2vh auto 0;" alt="">

  29.         <div class="index_info">

  30.             <div class="nav_list" v-for="(item,idx) in menusList" :key="idx">

  31.               <div class="nav_list_box">

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

  33.                   <template #title>

  34.                     <p style="font-weight: bold;font-size: 18px;display: inline-block">{{item.modleName}}</p>

  35.                   </template>

  36.                 </van-cell>

  37.                 <router-link

  38.                   v-for="(childrenItem,childrenIdx) in item.menus"

  39.                   :key="childrenItem.id"

  40.                   :to="{name:childrenItem.menuUrl,query:{typeX:childrenItem.urlPara}}"

  41.                   class="nav_item n_13"

  42.                   v-if="childrenItem.menuIcon!=null"

  43.                   :style="`background:url(${require('@/assets/images/sunVillage_info/' + childrenItem.menuIcon)}) no-repeat center top;background-size: 50%;`"

  44.                 >

  45.                   {{childrenItem.menuName}}

  46.                 </router-link>

  47.               </div>

  48.             </div>

  49. 

  50.         </div>

  51.         <div class="footer">

  52.           {{configValue == ""?'技术支持：公司':configValue}}

  53.         </div>

  54. 

  55.     </div>

  56. </template>

  57. <script>

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

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

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

  61.   import Cookies from "js-cookie";

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

  63.   import { sysConfig } from "@/api/homesteadSurvey/index";

  64.   import {removeToken} from "@/utils/auth";

  65.   import { getConfigKey } from "@/api/system/config";

  66.   export default {

  67.     name: "certificateList",

  68.     data() {

  69.       return {

  70.         showPopover: false,

  71.         actions: [

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

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

  74.           { text: '事项审批', icon: 'todo-list-o' , index: 2 },

  75.           { text: '宅基地调查', icon: 'newspaper-o' , index: 3 },

  76.           { text: '确权延包调查', icon: 'orders-o' , index: 4 },

  77.           { text: '农业行政执法', icon: 'label-o' , index: 5 },

  78.           { text: '生产托管', icon: 'notes-o' , index: 6 },

  79.           { text: '产权交易', icon: 'home-o' , index: 7 },

  80.           { text: '退出登录', icon: 'revoke' , index: 8 },

  81.         ],

  82.         deptIdOptions:[],

  83.         villageVisbile:false,

  84.         showBookList:false,

  85.         deptName:'',

  86.         //选中的值

  87.         villageValue: "",

  88.         //省市区区级list

  89.         hcAreaInfoOption: [],

  90.         hcAreaInfoFieldName: {

  91.           text: "label",

  92.           value: "value",

  93.           children: "children",

  94.         },

  95.         bookName:'',

  96.         queryParams: {

  97.           pageNum: 1,

  98.           pageSize: 100,

  99.         },

  100.         //账套列表

  101.         bookVisbile:false,

  102.         bookList:[],

  103.         bookName:"",

  104.         bookId:"",

  105.         book:"",

  106.         ygcwList:[],

  107.         zcsqList:[],

  108.         cwxxList:[],

  109.         menusList:[],

  110. 

  111.         configValue:''

  112.       };

  113.     },

  114.     created() {

  115.       getConfigKey("system.app.yinnongExclusive").then(response => {

  116.         if(response.msg == "Y"){

  117.           this.actions=[

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

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

  120.             { text: '事项审批', icon: 'todo-list-o' , index: 2 },

  121.             { text: '退出登录', icon: 'revoke' , index: 8 },

  122.           ];

  123.         }

  124.       });

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

  126.         this.bookName = response.user.bookName

  127.         this.deptName = response.user.deptName

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

  129.           expires: 30,

  130.         });

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

  132.           expires: 30,

  133.         });

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

  135.           expires: 30,

  136.         });

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

  138.           expires: 30,

  139.         });

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

  141.       });

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

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

  144.           this.hcAreaInfoOption = res.data;

  145.         }

  146.       });

  147. 

  148.       let query = {

  149.         identityType:3

  150.       }

  151.       menus(query).then((res) => {

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

  153.           this.menusList = res.data;

  154.           // this.ygcwList = res.data[0].menus;

  155.           // this.zcsqList = res.data[1].menus;

  156.           // this.cwxxList = res.data[2].menus;

  157.         }

  158.       });

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

  160.       let params={

  161.         configKey: "system.company.name"}

  162.       sysConfig(params).then((res) => {

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

  164.           this.configValue = res.rows[0].configValue;

  165.         }

  166.       });

  167.     },

  168.     methods: {

  169.       getPath(url){

  170.         // '@/assets/images/sunVillage_info/index_block_13.png'

  171.         return require( '@/assets/images/sunVillage_info/' + url );

  172.       },

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

  174.       hcAreaInfoClose() {

  175.         this.villageVisbile = false;

  176.       },

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

  178.         // 切换部门

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

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

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

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

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

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

  185.             });

  186.           }

  187.         });

  188.         this.villageVisbile = false;

  189.       },

  190.       getBookList(e){

  191.         let params = {

  192.           loginDeptID:e

  193.         }

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

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

  196.             this.bookList = response.rows;

  197.           }

  198.         })

  199.       },

  200.       onConfirmBook(e){

  201.         this.bookVisbile = false

  202.         this.bookName = e.bookName

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

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

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

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

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

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

  209.             });

  210.           }

  211.         });

  212.       },

  213.       onCancelBook(e){

  214.         this.bookVisbile = false

  215.       },

  216.       logout(){

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

  218.           removeToken();

  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.icon === 'manager-o' ? this.$router.push({path:"/sunVillage_info/user"}) :

  224.           val.icon === 'edit' ? this.$router.push({path:"/sunVillage_info/passWord"}) :

  225.             val.icon === 'todo-list-o' ? this.$router.push({path:"../yinnong/my"}) :

  226.               val.icon === 'newspaper-o' ? this.$router.push({path:"../homesteadSurvey/index"}) :

  227.                 val.icon === 'orders-o' ? this.$router.push({path:"../contracted/index"}) :

  228.                   val.icon === 'label-o' ? this.$router.push({path:"../lawEnforcement/index_new"}) :

  229.                     val.icon === 'notes-o' ? this.$router.push({path:"../agriculturalTrusteeship/index"}) :

  230.                       val.icon === 'home-o' ? this.$router.push({path:"../index"}) :

  231.                         val.icon === 'revoke' ? this.logout() : '';

  232.       }

  233.     },

  234.   }

  235. </script>

  236. <style scoped lang="scss">

  237. .home_wrapper{

  238.     width: 100vw;

  239.     min-height: 100vh;

  240.     background: #F5F6F9 url('../../../static/images/sunVillage_info/page_bg.png') no-repeat top center;

  241.     background-size: 100% auto;

  242.     .head_main{

  243.         position: relative;

  244.         display: flex;

  245.         align-items: self-start;

  246.         justify-content: space-between;

  247.         width: 94%;

  248.         margin: 0 auto;

  249.         padding: 2vh 0 0;

  250.         .location{

  251.             /*height: 42px;*/

  252.             line-height: 42px;

  253.             display: flex;

  254.             flex-direction: column;

  255.             align-items: self-start;

  256.             .address{

  257.                 padding:0 18PX;

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

  259.                 border-radius: 42px;

  260.                 font-size: 28px;

  261.                 color: #3f3d56;

  262.                 margin-right: 12px;

  263.                 display: flex;

  264.                 align-items:center;

  265.                 margin-bottom: 10PX;

  266.                 .icon{

  267.                     display: block;

  268.                     width: 20px;

  269.                     height: 26px;

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

  271.                     background-size: 100% 100%;

  272.                     margin-right: 10PX;

  273.                 }

  274.             }

  275.         }

  276.         /deep/ .van-popover__wrapper{

  277. 

  278.         }

  279.         /deep/ .van-popover__action{

  280.           width: 4rem;

  281.         }

  282.         .exit_btn{

  283.             width: 61px;

  284.             height: 61px;

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

  286.             border-radius: 50%;

  287.             display: flex;

  288.             align-items: center;

  289.             justify-content: center;

  290.             /*position: absolute;*/

  291.             /*top: 64px;*/

  292.             /*right: 36px;*/

  293.             .icon{

  294.                 width: 100%;

  295.                 height: 100%;

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

  297.                 background-size: 100% 100%;

  298.             }

  299.         }

  300.     }

  301.     .index_info{

  302.         /*padding-top: 4.1vh;*/

  303.         .title{

  304.             width: 521px;

  305.             height: 52px;

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

  307.             background-size: 100% 100%;

  308.             margin:0 auto;

  309.         }

  310.         .nav_list{

  311.           width: 94%;

  312.           margin: 3vh auto 0;

  313.           /*&:nth-child(2){*/

  314.           /*  margin-top: 6vh;*/

  315.           /*}*/

  316.           .van-cell{

  317.             background: transparent;

  318.           }

  319.           .nav_list_box{

  320.             display: flex;

  321.             flex-flow: wrap;

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

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

  324.             border-radius: 15PX;

  325.             overflow: hidden;

  326.             background: #ffffff;

  327.           }

  328.           .nav_box{

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

  330.             margin-bottom: 40PX;

  331.             border-radius: 15PX;

  332.             overflow: hidden;

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

  334.               background: transparent;

  335.               padding-top: 0;

  336.             }

  337.           }

  338.           .nav_item{

  339.                 width: 25%;

  340.                 /*height: 180px;*/

  341.                 border-radius: 30px;

  342.                 font-size: 24px;

  343.                 color: #3f3d56;

  344.                 text-align: center;

  345.                 display: flex;

  346.                 align-items: center;

  347.                 justify-content: center;

  348.                 padding-top: 100px;

  349.                 &.n_1{

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

  351.                     background-size: 50%;

  352.                     margin-bottom: 20PX;

  353.                 }

  354.                  &.n_2{

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

  356.                     background-size: 50%;

  357.                     margin-bottom: 20PX;

  358.                 }

  359.                 &.n_3 {

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

  361.                     background-size: 50%;

  362.                     margin-bottom: 20PX;

  363.                 }

  364.                 &.n_4 {

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

  366.                     background-size: 50%;

  367.                     margin-bottom: 20PX;

  368.                 }

  369.                 &.n_5 {

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

  371.                     background-size: 50%;

  372.                     margin-bottom: 20PX;

  373.                 }

  374.                 &.n_6 {

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

  376.                     background-size: 50%;

  377.                     margin-bottom: 20PX;

  378.                 }

  379.                 &.n_7 {

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

  381.                     background-size: 50%;

  382.                     margin-bottom: 20PX;

  383.                 }

  384.                 &.n_8 {

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

  386.                     background-size: 50%;

  387.                     margin-bottom: 20PX;

  388.                 }

  389.                 &.n_9 {

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

  391.                     background-size: 50%;

  392.                     margin-bottom: 20PX;

  393. 

  394.                 }

  395.                 &.n_10 {

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

  397.                     background-size: 50%;

  398.                     margin-bottom: 20PX;

  399.                 }

  400.                 &.n_11 {

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

  402.                     background-size: 50%;

  403.                     margin-bottom: 20PX;

  404.                 }

  405.                 &.n_12 {

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

  407.                     background-size: 50%;

  408.                     margin-bottom: 20PX;

  409.                 }

  410.                 &.n_13 {

  411.                     background-size: 50%;

  412.                     margin-bottom: 20PX;

  413.                 }

  414.                 &.n_14 {

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

  416.                     background-size: 50%;

  417.                     margin-bottom: 20PX;

  418.                 }

  419. 

  420. 

  421.                 &.n_01 {

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

  423.                   background-size: 50%;

  424.                   margin-bottom: 20PX;

  425.                 }

  426.                 &.n_02 {

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

  428.                   background-size: 50%;

  429.                   margin-bottom: 20PX;

  430.                 }

  431.                 &.n_03 {

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

  433.                   background-size: 50%;

  434.                   margin-bottom: 20PX;

  435.                 }

  436.                 &.n_04 {

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

  438.                   background-size: 50%;

  439.                   margin-bottom: 20PX;

  440.                 }

  441.                 &.n_05 {

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

  443.                   background-size: 50%;

  444.                   margin-bottom: 20PX;

  445.                 }

  446.                 &.n_06 {

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

  448.                   background-size: 50%;

  449.                   margin-bottom: 20PX;

  450.                 }

  451.                 &.n_07 {

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

  453.                   background-size: 50%;

  454.                   margin-bottom: 20PX;

  455.                 }

  456.             }

  457.           .icon{

  458.             padding: 15px;

  459.             border-radius: 10px;

  460.             box-sizing: border-box;

  461.             width: 80px;

  462.             height: 80px;

  463.             text-align:center;

  464.           }

  465.           .icon img{

  466.             width:50px;

  467.           }

  468.         }

  469.     }

  470.     .footer{

  471.       width: 100%;

  472.       font-size: 22px;

  473.       color: #3f3d56;

  474.       text-align: center;

  475.       padding-top: 20px;

  476.       padding-bottom: 25PX;

  477.     }

  478. }

  479. </style>