zhangzl
/
nsgk_mobile
2
0
Förgrening 0
Kod Ärenden 0 Pull-förfrågningar 0 Släpp 0 Wiki Aktiviteter
移动端
Du kan inte välja fler än 25 ämnen Ämnen måste starta med en bokstav eller siffra, kan innehålla bindestreck ('-') och vara max 35 tecken långa.
623 Incheckningar
7 Grenar
79 MiB
 
 
Träd: 59d3a1bdb7
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '59d3a1bdb7'
${ noResults }
nsgk_mobile/src/views/onlineHome/workbench.vue

802 rader
35 KiB
Rå Blame Historik 

  1. <template>

  2.     <div class="app-container">

  3.       <van-sticky>

  4.       <van-nav-bar

  5.         title="宅基地管理"

  6.       >

  7.         <template #left>

  8.             <van-icon name="location" color="3A80FB" size="16"/>

  9.             <p  style="color: #878787;margin-left: 5px" @click="selectDept">{{deptName}}</p>

  10.           <van-popup v-model="villageVisbile" round position="bottom" style="bottom: 2rem;">

  11.             <van-cascader

  12.               v-model="villageValue"

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

  14.               :options="hcAreaInfoOption"

  15.               @close="hcAreaInfoClose"

  16.               @finish="hcAreaInfoFinish"

  17.               active-color="#1989fa"

  18.               :field-names="hcAreaInfoFieldName"

  19.             />

  20.           </van-popup>

  21.         </template>

  22. <!--        <template #right>-->

  23. <!--&lt;!&ndash;          <van-icon name="wap-nav" color="#000" size="18"/>&ndash;&gt;-->

  24. <!--          <p  style="color: #878787;margin-left: 5px" @click="bookVisbile = true">{{bookName}}</p>-->

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

  26. <!--            <van-picker-->

  27. <!--              title="请选择账套"-->

  28. <!--              show-toolbar-->

  29. <!--              :columns="bookList"-->

  30. <!--              @confirm="onConfirmBook"-->

  31. <!--              @cancel="onCancelBook"-->

  32. <!--              value-key="bookName"-->

  33. <!--            />-->

  34. <!--          </van-popup>-->

  35. <!--        </template>-->

  36.       </van-nav-bar>

  37.       </van-sticky>

  38.       <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white" style="width: 96%;margin: 2%;height:120px;border-radius: 6px;">

  39.         <van-swipe-item v-for="(image,index) in images" :key="index">

  40.           <img :src="image" style="width:100%;height: 120px"/>

  41.         </van-swipe-item>

  42.       </van-swipe>

  43.       <van-row style="min-height: 100px;" class="indexCard">

  44.         <van-cell style="border-radius: 6px;" is-link to="done">

  45.           <template #title>

  46.             <p style="display:inline-block;background: #EC4B2C;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>

  47.             <p style="font-weight: bold;font-size: 18px;display: inline-block;">待办</p>

  48.           </template>

  49.           <template #label>

  50.             <p style="padding-left: 10px;">

  51.               {{taskList&&taskList.length>0?taskList[0].projectName+'等，共'+taskList.length+'条':'暂无待办事项'}}

  52.             </p>

  53.           </template>

  54.         </van-cell>

  55.       </van-row>

  56. 

  57.       <!--

  58.       <van-row  class="indexCard">

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

  60.           <template #title>

  61.             <p style="display:inline-block;background: #FFA63E;height:20px;width: 20px;border-radius: 2px;margin-right: 10px;float: left"></p>

  62.             <p style="font-weight: bold;font-size: 18px;display: inline-block">业务申请</p>

  63.           </template>

  64.         </van-cell>

  65.           <van-grid :border="false">

  66.             <van-grid-item text="用章申请" >

  67.               <div slot="default" class="icon" style="background:#FFA63E;" >

  68.                 <img src="../../../static/images/onlineHome/icon1.png" style="height: 25px;vertical-align: center;" alt />

  69.               </div>

  70.               <p style="margin-top: 5px;color: #666666;">用章申请</p>

  71.             </van-grid-item>

  72.             <van-grid-item text="宅基地申请" >

  73.               <div slot="default">

  74.                 <div class="icon" style="background:#539FFD;">

  75.                   <img src="../../../static/images/onlineHome/icon_Z1.png" style="width: 25px" alt />

  76.                 </div>

  77.               </div>

  78.               <p style="margin-top: 5px;color: #666666;">宅基地申请</p>

  79.             </van-grid-item>

  80.             <van-grid-item text="宅基地流转" >

  81.               <div slot="default">

  82.                 <div class="icon" style="background:#FFA63E;">

  83.                   <img src="../../../static/images/onlineHome/icon_Z2.png" style="width: 25px;" alt />

  84.                 </div>

  85.               </div>

  86.               <p style="margin-top: 5px;color: #666666;">宅基地流转</p>

  87.             </van-grid-item>

  88.             <van-grid-item text="宅基地退出" >

  89.               <div slot="default">

  90.                 <div class="icon" style="background:#539FFD;">

  91.                   <img src="../../../static/images/onlineHome/icon_Z3.png" style="width: 25px" alt />

  92.                 </div>

  93.               </div>

  94.               <p style="margin-top: 5px;color: #666666;">宅基地退出</p>

  95.             </van-grid-item>

  96.             <van-grid-item text="付款申请" >

  97.               <div slot="default">

  98.                 <div class="icon" style="background:#FF4646;">

  99.                   <img src="../../../static/images/onlineHome/icon5.png" style="width: 25px" alt />

  100.                 </div>

  101.               </div>

  102.               <p style="margin-top: 5px;color: #666666;">付款申请</p>

  103.             </van-grid-item>

  104.             <van-grid-item text="项目申报" >

  105.               <div slot="default">

  106.                 <div class="icon" style="background:#FF6464;">

  107.                   <img src="../../../static/images/onlineHome/icon6.png" style="width: 25px" alt />

  108.                 </div>

  109.               </div>

  110.               <p style="margin-top: 5px;color: #666666;">项目申报</p>

  111.             </van-grid-item>

  112.             <van-grid-item text="拨付申请" >

  113.               <div slot="default">

  114.                 <div class="icon" style="background:#FF7E45;">

  115.                   <img src="../../../static/images/onlineHome/icon7.png" style="width: 25px" alt />

  116.                 </div>

  117.               </div>

  118.               <p style="margin-top: 5px;color: #666666;">拨付申请</p>

  119.             </van-grid-item>

  120.             <van-grid-item text="验收申请" >

  121.               <div slot="default">

  122.                 <div class="icon" style="background:#7DDA4F;">

  123.                   <img src="../../../static/images/onlineHome/icon8.png" style="width: 25px" alt />

  124.                 </div>

  125.               </div>

  126.               <p style="margin-top: 5px;color: #666666;">验收申请</p>

  127.             </van-grid-item>

  128.           </van-grid>

  129.       </van-row>

  130. 

  131.       <van-row  class="indexCard">

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

  133.           <template #title>

  134.             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村三资管理</p>

  135.           </template>

  136.         </van-cell>

  137.         <van-grid :border="false">

  138.           <van-grid-item text="支出明细" to="expenditureDetail">

  139.             <div class="icon" slot="default" style="background:#FF4646;" >

  140.               <img src="../../../static/images/onlineHome/icon9.png" style="height: 25px;vertical-align: center;" alt />

  141.             </div>

  142.             <p style="margin-top: 5px;color: #666666;">支出明细</p>

  143.           </van-grid-item>

  144.           <van-grid-item text="收入明细" to="incomeDetail">

  145.             <div slot="default">

  146.               <div class="icon" style="background:#FF4646;">

  147.                 <img src="../../../static/images/onlineHome/icon10.png" style="width: 25px" alt />

  148.               </div>

  149.             </div>

  150.             <p style="margin-top: 5px;color: #666666;">收入明细</p>

  151.           </van-grid-item>

  152.           <van-grid-item text="收支明细" to="inAndOutDetail">

  153.             <div slot="default">

  154.               <div class="icon" style="background:#FF4646;">

  155.                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px;" alt />

  156.               </div>

  157.             </div>

  158.             <p style="margin-top: 5px;color: #666666;">收支明细</p>

  159.           </van-grid-item>

  160.           <van-grid-item text="现金银行" >

  161.             <div slot="default">

  162.               <div class="icon" style="background:#3AC2DB;">

  163.                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px" alt />

  164.               </div>

  165.             </div>

  166.             <p style="margin-top: 5px;color: #666666;">现金银行</p>

  167.           </van-grid-item>

  168.         </van-grid>

  169.       </van-row>

  170. 

  171.       <van-row  class="indexCard">

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

  173.           <template #title>

  174.             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权交易管理</p>

  175.           </template>

  176.         </van-cell>

  177.         <van-grid :border="false">

  178.           <van-grid-item text="挂牌项目" >

  179.             <div class="icon" slot="default" style="background:#FF4646;" >

  180.               <img src="../../../static/images/onlineHome/icon13.png" style="width: 25px;" alt />

  181.             </div>

  182.             <p style="margin-top: 5px;color: #666666;">挂牌项目</p>

  183.           </van-grid-item>

  184.           <van-grid-item text="成交公示" >

  185.             <div slot="default">

  186.               <div class="icon" style="background:#C5685F;">

  187.                 <img src="../../../static/images/onlineHome/icon14.png" style="width: 25px" alt />

  188.               </div>

  189.             </div>

  190.             <p style="margin-top: 5px;color: #666666;">成交公示</p>

  191.           </van-grid-item>

  192.           <van-grid-item text="合同管理" >

  193.             <div slot="default">

  194.               <div class="icon" style="background:#539FFD;">

  195.                 <img src="../../../static/images/onlineHome/icon15.png" style="width: 25px;" alt />

  196.               </div>

  197.             </div>

  198.             <p style="margin-top: 5px;color: #666666;">合同管理</p>

  199.           </van-grid-item>

  200.           <van-grid-item text="招标管理" >

  201.             <div slot="default">

  202.               <div class="icon" style="background:#3AC2DB;">

  203.                 <img src="../../../static/images/onlineHome/icon16.png" style="width: 25px" alt />

  204.               </div>

  205.             </div>

  206.             <p style="margin-top: 5px;color: #666666;">招标管理</p>

  207.           </van-grid-item>

  208.         </van-grid>

  209.       </van-row>

  210. 

  211.       <van-row  class="indexCard">

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

  213.           <template #title>

  214.             <p style="font-weight: bold;font-size: 18px;display: inline-block">宅基地业务</p>

  215.           </template>

  216.         </van-cell>

  217.         <van-grid :border="false">

  218.           <van-grid-item text="宅基地申请" :to="{name:'applicationList'}">

  219.             <div slot="default"class="icon"  style="background:#539FFD;" >

  220.               <img src="../../../static/images/onlineHome/icon_Z1.png" style="width: 25px;" alt />

  221.             </div>

  222.             <p style="margin-top: 5px;color: #666666;">宅基地申请</p>

  223.           </van-grid-item>

  224.           <van-grid-item text="证书查看" :to="{name:'houseLicense'}">

  225.             <div slot="default">

  226.               <div class="icon" style="background:#7790FE;">

  227.                 <img src="../../../static/images/onlineHome/icon12.png" style="width: 25px" alt />

  228.               </div>

  229.             </div>

  230.             <p style="margin-top: 5px;color: #666666;">证书查看</p>

  231.           </van-grid-item>

  232.           <van-grid-item text="公示查询" :to="{name:'houseAnnounce'}">

  233.             <div slot="default">

  234.               <div class="icon" style="background:#C5685F;">

  235.                 <img src="../../../static/images/onlineHome/icon11.png" style="width: 25px;" alt />

  236.               </div>

  237.             </div>

  238.             <p style="margin-top: 5px;color: #666666;">公示查询</p>

  239.           </van-grid-item>

  240.           <van-grid-item text="巡查执法" >

  241.             <div slot="default">

  242.               <div class="icon" style="background:#1D6FE9;">

  243.                 <img src="../../../static/images/onlineHome/icon16.png" style="width: 25px" alt />

  244.               </div>

  245.             </div>

  246.             <p style="margin-top: 5px;color: #666666;">巡查执法</p>

  247.           </van-grid-item>

  248.           <van-grid-item text="村庄规划" >

  249.             <div slot="default">

  250.               <div class="icon" style="background:#FFCE05;">

  251.                 <img src="../../../static/images/onlineHome/icon17.png" style="width: 25px" alt />

  252.               </div>

  253.             </div>

  254.             <p style="margin-top: 5px;color: #666666;">村庄规划</p>

  255.           </van-grid-item>

  256.           <van-grid-item text="基础档案" >

  257.             <div slot="default">

  258.               <div class="icon" style="background:#FF7E45;">

  259.                 <img src="../../../static/images/onlineHome/icon18.png" style="width: 25px;" alt />

  260.               </div>

  261.             </div>

  262.             <p style="margin-top: 5px;color: #666666;">基础档案</p>

  263.           </van-grid-item>

  264.           <van-grid-item text="盘活利用" >

  265.             <div slot="default">

  266.               <div class="icon" style="background:#7DDA4F;">

  267.                 <img src="../../../static/images/onlineHome/icon19.png" style="width: 25px" alt />

  268.               </div>

  269.             </div>

  270.             <p style="margin-top: 5px;color: #666666;">盘活利用</p>

  271.           </van-grid-item>

  272.         </van-grid>

  273.       </van-row>

  274. 

  275.       <van-row  class="indexCard">

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

  277.           <template #title>

  278.             <p style="font-weight: bold;font-size: 18px;display: inline-block">农村产权制度改革管理</p>

  279.           </template>

  280.         </van-cell>

  281.         <van-grid :border="false">

  282.           <van-grid-item text="财务管理" >

  283.             <div slot="default" class="icon"  style="background:#FF4646;" >

  284.               <img src="../../../static/images/onlineHome/icon17.png" style="width: 25px;" alt />

  285.             </div>

  286.             <p style="margin-top: 5px;color: #666666;">财务管理</p>

  287.           </van-grid-item>

  288.           <van-grid-item text="资产管理" >

  289.             <div slot="default">

  290.               <div class="icon" style="background:#FF6464;">

  291.                 <img src="../../../static/images/onlineHome/icon18.png" style="width: 25px" alt />

  292.               </div>

  293.             </div>

  294.             <p style="margin-top: 5px;color: #666666;">资产管理</p>

  295.           </van-grid-item>

  296.           <van-grid-item text="合同管理" >

  297.             <div slot="default">

  298.               <div class="icon" style="background:#539FFD;">

  299.                 <img src="../../../static/images/onlineHome/icon15.png" style="width: 25px;" alt />

  300.               </div>

  301.             </div>

  302.             <p style="margin-top: 5px;color: #666666;">合同管理</p>

  303.           </van-grid-item>

  304.           <van-grid-item text="股权管理" >

  305.             <div slot="default">

  306.               <div class="icon" style="background:#FFA63E;">

  307.                 <img src="../../../static/images/onlineHome/icon19.png" style="width: 25px" alt />

  308.               </div>

  309.             </div>

  310.             <p style="margin-top: 5px;color: #666666;">股权管理</p>

  311.           </van-grid-item>

  312.         </van-grid>

  313.       </van-row>

  314. 

  315.       <van-row  class="indexCard">

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

  317.           <template #title>

  318.             <p style="font-weight: bold;font-size: 18px;display: inline-block">农民专业合作社管理</p>

  319.           </template>

  320.         </van-cell>

  321.         <van-grid :border="false">

  322.           <van-grid-item text="财务管理" >

  323.             <div slot="default" class="icon"  style="background:#FF4646;" >

  324.               <img src="../../../static/images/onlineHome/icon17.png" style="width: 25px;" alt />

  325.             </div>

  326.             <p style="margin-top: 5px;color: #666666;">财务管理</p>

  327.           </van-grid-item>

  328.           <van-grid-item text="资产管理" >

  329.             <div slot="default">

  330.               <div class="icon" style="background:#FF6464;">

  331.                 <img src="../../../static/images/onlineHome/icon18.png" style="width: 25px" alt />

  332.               </div>

  333.             </div>

  334.             <p style="margin-top: 5px;color: #666666;">资产管理</p>

  335.           </van-grid-item>

  336.           <van-grid-item text="合同管理" >

  337.             <div slot="default">

  338.               <div class="icon" style="background:#539FFD;">

  339.                 <img src="../../../static/images/onlineHome/icon15.png" style="width: 25px;" alt />

  340.               </div>

  341.             </div>

  342.             <p style="margin-top: 5px;color: #666666;">合同管理</p>

  343.           </van-grid-item>

  344.           <van-grid-item text="盈余分配" >

  345.             <div slot="default">

  346.               <div class="icon" style="background:#FFA63E;">

  347.                 <img src="../../../static/images/onlineHome/icon20.png" style="width: 25px" alt />

  348.               </div>

  349.             </div>

  350.             <p style="margin-top: 5px;color: #666666;">盈余分配</p>

  351.           </van-grid-item>

  352.         </van-grid>

  353.       </van-row>

  354.       -->

  355. 

  356. <!--      <van-row  class="indexCard">-->

  357. <!--        <van-cell style="border-radius: 6px;">-->

  358. <!--          <template #title>-->

  359. <!--            <p style="font-weight: bold;font-size: 18px;display: inline-block">银农支付</p>-->

  360. <!--          </template>-->

  361. <!--        </van-cell>-->

  362. <!--        <van-grid :border="false">-->

  363. <!--          <van-grid-item text="村户转账" :to="{name:'approvalList'}" >-->

  364. <!--            <div class="icon" slot="default" style="background:#FF4646;" >-->

  365. <!--              <img src="../../../static/images/onlineHome/icon_Y1.png" alt />-->

  366. <!--            </div>-->

  367. <!--            <p style="margin-top: 5px;color: #666666;">村户转账</p>-->

  368. <!--          </van-grid-item>-->

  369. <!--          <van-grid-item text="代管转账" :to="{name:'approvalList4'}" >-->

  370. <!--            <div class="icon" slot="default" style="background:#c568f5;" >-->

  371. <!--              <img src="../../../static/images/onlineHome/icon_Y4.png" alt />-->

  372. <!--            </div>-->

  373. <!--            <p style="margin-top: 5px;color: #666666;">代管转账</p>-->

  374. <!--          </van-grid-item>-->

  375. <!--          <van-grid-item text="公务卡转账" :to="{name:'approvalList2'}" >-->

  376. <!--            <div class="icon" slot="default" style="background:#3ac2db;" >-->

  377. <!--              <img src="../../../static/images/onlineHome/icon_Y2.png" alt />-->

  378. <!--            </div>-->

  379. <!--            <p style="margin-top: 5px;color: #666666;">公务卡转账</p>-->

  380. <!--          </van-grid-item>-->

  381. <!--          &lt;!&ndash;-->

  382. <!--          <van-grid-item text="虚拟挂账" :to="{name:'approvalList3'}" >-->

  383. <!--            <div class="icon" slot="default" style="background:#FFA63E;" >-->

  384. <!--              <img src="../../../static/images/onlineHome/icon_Y3.png" alt />-->

  385. <!--            </div>-->

  386. <!--            <p style="margin-top: 5px;color: #666666;">虚拟挂账</p>-->

  387. <!--          </van-grid-item>-->

  388. 

  389. <!--          <van-grid-item text="母子转账" :to="{name:'approvalList5'}" >-->

  390. <!--            <div class="icon" slot="default" style="background:#1D6FE9;" >-->

  391. <!--              <img src="../../../static/images/onlineHome/icon_Y5.png" alt />-->

  392. <!--            </div>-->

  393. <!--            <p style="margin-top: 5px;color: #666666;">母子转账</p>-->

  394. <!--          </van-grid-item>-->

  395. <!--          &ndash;&gt;-->

  396. <!--          <van-grid-item text="现金提现" :to="{name:'approvalList10'}" >-->

  397. <!--            <div class="icon" slot="default" style="background:#FF6464;" >-->

  398. <!--              <img src="../../../static/images/onlineHome/icon_Y6.png" alt />-->

  399. <!--            </div>-->

  400. <!--            <p style="margin-top: 5px;color: #666666;">现金提现</p>-->

  401. <!--          </van-grid-item>-->

  402. <!--          <van-grid-item text="现金使用" :to="{name:'approvalList11'}" >-->

  403. <!--            <div class="icon" slot="default" style="background:#7790FE;" >-->

  404. <!--              <img src="../../../static/images/onlineHome/icon_Y7.png" alt />-->

  405. <!--            </div>-->

  406. <!--            <p style="margin-top: 5px;color: #666666;">现金使用</p>-->

  407. <!--          </van-grid-item>-->

  408. <!--          <van-grid-item text="汇票支出" :to="{name:'approvalList12'}" >-->

  409. <!--            <div class="icon" slot="default" style="background:#539ffd;" >-->

  410. <!--              <img src="../../../static/images/onlineHome/icon_Y8.png" alt />-->

  411. <!--            </div>-->

  412. <!--            <p style="margin-top: 5px;color: #666666;">汇票支出</p>-->

  413. <!--          </van-grid-item>-->

  414. <!--          <van-grid-item text="收款账户" :to="{name:'collectionList'}" >-->

  415. <!--            <div class="icon" slot="default" style="background:#7dda4f;" >-->

  416. <!--              <img src="../../../static/images/onlineHome/icon_Y9.png" alt />-->

  417. <!--            </div>-->

  418. <!--            <p style="margin-top: 5px;color: #666666;">收款账户</p>-->

  419. <!--          </van-grid-item>-->

  420. <!--          <van-grid-item text="付款账户" :to="{name:'paymentAccountList'}" >-->

  421. <!--            <div class="icon" slot="default" style="background:#FF4646;" >-->

  422. <!--              <img src="../../../static/images/onlineHome/icon_Y10.png" alt />-->

  423. <!--            </div>-->

  424. <!--            <p style="margin-top: 5px;color: #666666;">付款账户</p>-->

  425. <!--          </van-grid-item>-->

  426. <!--        </van-grid>-->

  427. <!--      </van-row>-->

  428. 

  429.       <van-row  class="indexCard">

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

  431.           <template #title>

  432.             <p style="font-weight: bold;font-size: 18px;display: inline-block">申请审批</p>

  433.           </template>

  434.         </van-cell>

  435.         <van-grid :border="false">

  436.           <van-grid-item text="宅基地申请" @click="applicationList('applicationList')">

  437.             <div class="icon" slot="default" style="background:#539ffd;" >

  438.               <img src="../../../static/images/onlineHome/icon_Z1.png" alt />

  439.             </div>

  440.             <p style="margin-top: 5px;color: #666666;">宅基地申请</p>

  441.           </van-grid-item>

  442.           <van-grid-item text="证书查看" @click="applicationList('certificateList')">

  443.             <div slot="default">

  444.               <div class="icon" style="background:#7790fe;">

  445.                 <img src="../../../static/images/onlineHome/icon_Z7.png" alt />

  446.               </div>

  447.             </div>

  448.             <p style="margin-top: 5px;color: #666666;">证书查看</p>

  449.           </van-grid-item>

  450.           <van-grid-item text="使用权流转"  @click="applicationList('circulationList')">

  451.             <div slot="default">

  452.               <div class="icon" style="background:#ffa63e;">

  453.                 <img src="../../../static/images/onlineHome/icon_Z2.png" alt />

  454.               </div>

  455.             </div>

  456.             <p style="margin-top: 5px;color: #666666;">使用权流转</p>

  457.           </van-grid-item>

  458.           <van-grid-item text="使用权抵押"  @click="applicationList('mortgage')">

  459.             <div slot="default">

  460.               <div class="icon" style="background:#3ac2db;">

  461.                 <img src="../../../static/images/onlineHome/icon_Z4.png" alt />

  462.               </div>

  463.             </div>

  464.             <p style="margin-top: 5px;color: #666666;">使用权抵押</p>

  465.           </van-grid-item>

  466.           <van-grid-item text="有偿退出" @click="applicationList('paidExit')">

  467.             <div slot="default">

  468.               <div class="icon" style="background:#539ffd;">

  469.                 <img src="../../../static/images/onlineHome/icon_Z3.png" alt />

  470.               </div>

  471.             </div>

  472.             <p style="margin-top: 5px;color: #666666;">有偿退出</p>

  473.           </van-grid-item>

  474.           <van-grid-item text="纠纷调请"  @click="applicationList('arbitrationList')">

  475.             <div slot="default">

  476.               <div class="icon" style="background:#1D6FE9;">

  477.                 <img src="../../../static/images/onlineHome/icon_Z13.png"  alt />

  478.               </div>

  479.             </div>

  480.             <p style="margin-top: 5px;color: #666666;">纠纷调解</p>

  481.           </van-grid-item>

  482.         </van-grid>

  483.       </van-row>

  484. 

  485.       <van-row  class="indexCard">

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

  487.           <template #title>

  488.             <p style="font-weight: bold;font-size: 18px;display: inline-block">管理利用</p>

  489.           </template>

  490.         </van-cell>

  491.         <van-grid :border="false">

  492.           <van-grid-item text="有偿使用" @click="applicationList('paidUtilizeList')">

  493.             <div slot="default">

  494.               <div class="icon" style="background:#FFA63E;">

  495.                 <img src="../../../static/images/onlineHome/icon_Z9.png" alt />

  496.               </div>

  497.             </div>

  498.             <p style="margin-top: 5px;color: #666666;">有偿使用</p>

  499.           </van-grid-item>

  500.           <van-grid-item text="农房利用" @click="applicationList('utilization')">

  501.             <div slot="default">

  502.               <div class="icon" style="background:#7dda4f;">

  503.                 <img src="../../../static/images/onlineHome/icon_Z5.png" alt />

  504.               </div>

  505.             </div>

  506.             <p style="margin-top: 5px;color: #666666;">农房利用</p>

  507.           </van-grid-item>

  508.           <van-grid-item text="宅基地利用" @click="applicationList('homesteadUtilize')">

  509.             <div slot="default">

  510.               <div class="icon" style="background:#7dda4f;">

  511.                 <img src="../../../static/images/onlineHome/icon_Z6.png" alt />

  512.               </div>

  513.             </div>

  514.             <p style="margin-top: 5px;color: #666666;">宅基地利用</p>

  515.           </van-grid-item>

  516. <!--          <van-grid-item text="公示信息" :to="{name:'informationList'}" >

  517.             <div slot="default">

  518.               <div class="icon" style="background:#c568f5">

  519.                 <img src="../../../static/images/onlineHome/icon_Z8.png" alt />

  520.               </div>

  521.             </div>

  522.             <p style="margin-top: 5px;color: #666666;">公示信息</p>

  523.           </van-grid-item>-->

  524.         </van-grid>

  525.       </van-row>

  526.       <van-row  class="indexCard">

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

  528.           <template #title>

  529.             <p style="font-weight: bold;font-size: 18px;display: inline-block">盘活方式</p>

  530.           </template>

  531.         </van-cell>

  532.         <van-grid :border="false">

  533.           <van-grid-item text="自主经营" @click="applicationList('zzjyList')">

  534.             <div slot="default">

  535.               <div class="icon" style="background:#FFA63E;">

  536.                 <img src="../../../static/images/onlineHome/icon_zzjy.png" alt />

  537.               </div>

  538.             </div>

  539.             <p style="margin-top: 5px;color: #666666;">自主经营</p>

  540.           </van-grid-item>

  541.           <van-grid-item text="出租经营" @click="applicationList('utilization')">

  542.             <div slot="default">

  543.               <div class="icon" style="background:#7dda4f;">

  544.                 <img src="../../../static/images/onlineHome/icon_czjy.png" alt />

  545.               </div>

  546.             </div>

  547.             <p style="margin-top: 5px;color: #666666;">出租经营</p>

  548.           </van-grid-item>

  549.           <van-grid-item text="入股经营" @click="applicationList('homesteadUtilize')">

  550.             <div slot="default">

  551.               <div class="icon" style="background:#7790FE;">

  552.                 <img src="../../../static/images/onlineHome/icon_rgjy.png" alt />

  553.               </div>

  554.             </div>

  555.             <p style="margin-top: 5px;color: #666666;">入股经营</p>

  556.           </van-grid-item>

  557.           <van-grid-item text="合作经营" @click="applicationList('homesteadUtilize')">

  558.             <div slot="default">

  559.               <div class="icon" style="background:#3AC2DB;">

  560.                 <img src="../../../static/images/onlineHome/icon_hzjy.png" alt />

  561.               </div>

  562.             </div>

  563.             <p style="margin-top: 5px;color: #666666;">合作经营</p>

  564.           </van-grid-item>

  565.           <van-grid-item text="整治利用" @click="applicationList('homesteadUtilize')">

  566.             <div slot="default">

  567.               <div class="icon" style="background:#FF6446;">

  568.                 <img src="../../../static/images/onlineHome/icon_zzly.png" alt />

  569.               </div>

  570.             </div>

  571.             <p style="margin-top: 5px;color: #666666;">整治利用</p>

  572.           </van-grid-item>

  573.           <!--          <van-grid-item text="公示信息" :to="{name:'informationList'}" >

  574.                       <div slot="default">

  575.                         <div class="icon" style="background:#c568f5">

  576.                           <img src="../../../static/images/onlineHome/icon_Z8.png" alt />

  577.                         </div>

  578.                       </div>

  579.                       <p style="margin-top: 5px;color: #666666;">公示信息</p>

  580.                     </van-grid-item>-->

  581.         </van-grid>

  582.       </van-row>

  583. 

  584.       <van-row  class="indexCard">

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

  586.           <template #title>

  587.             <p style="font-weight: bold;font-size: 18px;display: inline-block">综合执法</p>

  588.           </template>

  589.         </van-cell>

  590.         <van-grid :border="false">

  591.           <van-grid-item text="任务发布"  @click="applicationList('task')">

  592.             <div slot="default">

  593.               <div class="icon" style="background:#1D6FE9;">

  594.                 <img src="../../../static/images/onlineHome/icon_Z11.png"  alt />

  595.               </div>

  596.             </div>

  597.             <p style="margin-top: 5px;color: #666666;">任务发布</p>

  598.           </van-grid-item>

  599.           <van-grid-item text="任务上报"  @click="applicationList('taskReportingList')">

  600.             <div slot="default">

  601.               <div class="icon" style="background:#1D6FE9">

  602.                 <img src="../../../static/images/onlineHome/icon_Z10.png" alt />

  603.               </div>

  604.             </div>

  605.             <p style="margin-top: 5px;color: #666666;">任务上报</p>

  606.           </van-grid-item>

  607.           <van-grid-item text="违法监管" @click="applicationList('supervisionList')">

  608.             <div slot="default">

  609.               <div class="icon" style="background:#1D6FE9;">

  610.                 <img src="../../../static/images/onlineHome/icon_Z12.png"  alt />

  611.               </div>

  612.             </div>

  613.             <p style="margin-top: 5px;color: #666666;">违法监管</p>

  614.           </van-grid-item>

  615.         </van-grid>

  616.       </van-row>

  617. 

  618.       <onlineHomeIndex></onlineHomeIndex>

  619.     </div>

  620. </template>

  621. 

  622. <script>

  623.   import onlineHomeIndex from "../onlineHomeIndex";

  624.   import {getInfo} from "../../api/login";

  625.   import {changeDept, ListTodo,changeBook} from "../../api/onlineHome/done";

  626.   import {treeselectByUser,bookListByDeptId} from "../../api/homestead";

  627.     export default {

  628.       components: {

  629.         onlineHomeIndex

  630.       },

  631.         name: "workbench",

  632.       data() {

  633.         return {

  634.           list1: [],

  635.           images:['../../../static/images/onlineHome/home_img.png'],

  636.           deptName:"",

  637.           queryParams: {

  638.             pageNum: 1,

  639.             pageSize: 100,

  640.           },

  641.           taskList:[],

  642.           //省市区区级list

  643.           hcAreaInfoOption: [],

  644.           //省市区区级显示

  645.           villageVisbile: false,

  646.           //选中的值

  647.           villageValue: "",

  648.           hcAreaInfoFieldName: {

  649.             text: "label",

  650.             value: "value",

  651.             children: "children",

  652.           },

  653.           //角色

  654.           currentUserRole:"",

  655.           //账套列表

  656.           bookVisbile:false,

  657.           bookList:[],

  658.           bookName:"",

  659.           bookId:"",

  660.           book:"",

  661.         };

  662.       },

  663.       created() {

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

  665.           console.log(response.user);

  666.           this.bookName = response.user.bookName

  667.           this.deptName = response.user.deptName

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

  669.         });

  670. 

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

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

  673.             this.hcAreaInfoOption = res.data;

  674.           }

  675.         }),

  676.           this.$set(this.queryParams, "systemType", '11'); // 4

  677.         ListTodo(this.queryParams).then((response) => {

  678.           this.taskList = response.rows

  679.         }),

  680.         this.currentUserRole = this.$store.getters.roles[0];

  681.         console.log("当前用户角色: " + this.currentUserRole);

  682.       },

  683.       methods:{

  684.         applicationList(data){

  685.           if(this.currentUserRole !="nature_resource" && this.currentUserRole !="building" && this.currentUserRole !="agriculture" && this.currentUserRole !="town_leader"){

  686.             if(data == 'applicationList'){

  687.               this.$router.push({ path: "/applicationList" });

  688.             } else if (data == 'certificateList') {

  689.               this.$router.push({ path: "/certificateList" });

  690.             } else if (data == 'circulationList') {

  691.               this.$router.push({ path: "/circulationList" });

  692.             } else if (data == 'mortgage') {

  693.               this.$router.push({ path: "/mortgage" });

  694.             } else if (data == 'paidExit') {

  695.               this.$router.push({ path: "/paidExit" });

  696.             } else if (data == 'arbitrationList') {

  697.               console.log("arbitrationList");

  698.               this.$router.push({ path: "/onlineHome/arbitrationList" });

  699.             } else if (data == 'utilization') {

  700.               this.$router.push({ path: "/utilization" });

  701.             } else if (data == 'homesteadUtilize') {

  702.               this.$router.push({ path: "/homesteadUtilize" });

  703.             } else if (data == 'task') {

  704.               this.$router.push({ path: "/task" });

  705.             } else if (data == 'taskReportingList') {

  706.               this.$router.push({ path: "/taskReportingList" });

  707.             } else if (data == 'supervisionList') {

  708.               this.$router.push({ path: "/supervisionList" });

  709.             } else if (data == 'paidUtilizeList') {

  710.               this.$router.push({ path: "/paidUtilizeList" });

  711.             }else if (data == 'zzjyList') {

  712.               this.$router.push({ path: "/zzjyList" });

  713.             }

  714.           } else {

  715.             this.$dialog.alert({

  716.               message: "当前用户无操作权限",

  717.             });

  718.           }

  719.         },

  720.         onConfirmBook(e){

  721.           this.bookVisbile = false

  722.           this.bookName = e.bookName

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

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

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

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

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

  728.                 window.location.href = "/onlineHome/workbench";

  729.               });

  730.             }

  731.           });

  732.         },

  733.         onCancelBook(e){

  734.           this.bookVisbile = false

  735.         },

  736.         getBookList(e){

  737.           let params = {

  738.             loginDeptID:e

  739.           }

  740.           bookListByDeptId(params).then((response) => {

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

  742.               this.bookList = response.rows;

  743. 

  744.             }

  745.           })

  746.         },

  747.         selectDept(){

  748.           this.villageVisbile = true;

  749.         },

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

  751.         hcAreaInfoClose() {

  752.           this.villageVisbile = false;

  753.         },

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

  755.           // 切换部门

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

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

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

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

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

  761.                   window.location.href = "/onlineHome/workbench";

  762.                 });

  763.               }

  764.             });

  765.           this.villageVisbile = false;

  766.         },

  767.       }

  768.     }

  769. </script>

  770. 

  771. <style scoped>

  772.     >>>.my-swipe .van-swipe-item {

  773.     color: #fff;

  774.     font-size: 20px;

  775.     line-height: 144px;

  776.     text-align: center;

  777.   }

  778.   >>>.van-grid-item__content{

  779.     padding:0.213333rem;

  780.   }

  781.   >>>.van-cell::after{

  782.     border: none;

  783.   }

  784.   >>>.app-container{

  785.     padding:0;

  786.   }

  787.   >>> .icon{

  788.     padding: 15px;

  789.     border-radius: 10px;

  790.     box-sizing: border-box;

  791.     width: 80px;

  792.     height: 80px;

  793.     text-align:center;

  794.   }

  795.   >>> .icon img{

  796.     width:50px;

  797.   }

  798.   >>> .indexCard{

  799.     margin:2%;width:96%;padding:20px 0;padding:20px 0;border-radius: 6px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);background: #fff

  800.   }

  801. </style>