zhangzl
/
nsgk_mobile
2
0
Atdalīts 0
Kods Problēmas 0 Izmaiņu pieprasījumi 0 Laidieni 0 Vikivietne Aktivitāte
移动端
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
1542 Revīzijas
7 Atzari
79 MiB
 
 
Koks: 024b6ce5f2
Atzari Tagi
${ item.name }
Izveidot atzaru ${ searchTerm }
no '024b6ce5f2'
${ noResults }
nsgk_mobile/src/views/onlineHome/workbench.vue

820 rindas
36 KiB
Neapstrādāts Vainot Vēsture 

  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('freeExit')">

  475.             <div slot="default">

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

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

  478.               </div>

  479.             </div>

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

  481.           </van-grid-item>

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

  483.             <div slot="default">

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

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

  486.               </div>

  487.             </div>

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

  489.           </van-grid-item>

  490.         </van-grid>

  491.       </van-row>

  492. 

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

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

  495.           <template #title>

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

  497.           </template>

  498.         </van-cell>

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

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

  501.             <div slot="default">

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

  503.                 <img src="../../../static/images/onlineHome/icon_Z9.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('utilization')">

  509.             <div slot="default">

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

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

  512.               </div>

  513.             </div>

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

  515.           </van-grid-item>

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

  517.             <div slot="default">

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

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

  520.               </div>

  521.             </div>

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

  523.           </van-grid-item>

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

  525.             <div slot="default">

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

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

  528.               </div>

  529.             </div>

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

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

  532.         </van-grid>

  533.       </van-row>

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

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

  536.           <template #title>

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

  538.           </template>

  539.         </van-cell>

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

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

  542.             <div slot="default">

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

  544.                 <img src="../../../static/images/onlineHome/icon_zzjy.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('czjyList')">

  550.             <div slot="default">

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

  552.                 <img src="../../../static/images/onlineHome/icon_czjy.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('rgjyList')">

  558.             <div slot="default">

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

  560.                 <img src="../../../static/images/onlineHome/icon_rgjy.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('hzjyList')">

  566.             <div slot="default">

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

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

  569.               </div>

  570.             </div>

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

  572.           </van-grid-item>

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

  574.             <div slot="default">

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

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

  577.               </div>

  578.             </div>

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

  580.           </van-grid-item>

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

  582.                       <div slot="default">

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

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

  585.                         </div>

  586.                       </div>

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

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

  589.         </van-grid>

  590.       </van-row>

  591. 

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

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

  594.           <template #title>

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

  596.           </template>

  597.         </van-cell>

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

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

  600.             <div slot="default">

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

  602.                 <img src="../../../static/images/onlineHome/icon_Z11.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('taskReportingList')">

  608.             <div slot="default">

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

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

  611.               </div>

  612.             </div>

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

  614.           </van-grid-item>

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

  616.             <div slot="default">

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

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

  619.               </div>

  620.             </div>

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

  622.           </van-grid-item>

  623.         </van-grid>

  624.       </van-row>

  625. 

  626.       <onlineHomeIndex></onlineHomeIndex>

  627.     </div>

  628. </template>

  629. 

  630. <script>

  631.   import onlineHomeIndex from "../onlineHomeIndex";

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

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

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

  635.     export default {

  636.       components: {

  637.         onlineHomeIndex

  638.       },

  639.         name: "workbench",

  640.       data() {

  641.         return {

  642.           list1: [],

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

  644.           deptName:"",

  645.           queryParams: {

  646.             pageNum: 1,

  647.             pageSize: 100,

  648.           },

  649.           taskList:[],

  650.           //省市区区级list

  651.           hcAreaInfoOption: [],

  652.           //省市区区级显示

  653.           villageVisbile: false,

  654.           //选中的值

  655.           villageValue: "",

  656.           hcAreaInfoFieldName: {

  657.             text: "label",

  658.             value: "value",

  659.             children: "children",

  660.           },

  661.           //角色

  662.           currentUserRole:"",

  663.           //账套列表

  664.           bookVisbile:false,

  665.           bookList:[],

  666.           bookName:"",

  667.           bookId:"",

  668.           book:"",

  669.         };

  670.       },

  671.       created() {

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

  673.           console.log(response.user);

  674.           this.bookName = response.user.bookName

  675.           this.deptName = response.user.deptName

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

  677.         });

  678. 

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

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

  681.             this.hcAreaInfoOption = res.data;

  682.           }

  683.         }),

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

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

  686.           this.taskList = response.rows

  687.         }),

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

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

  690.       },

  691.       methods:{

  692.         applicationList(data){

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

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

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

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

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

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

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

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

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

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

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

  704.             } else if (data == 'freeExit') {

  705.               this.$router.push({ path: "/freeExit" });

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

  707.               console.log("arbitrationList");

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  723.             }else if (data == 'czjyList') {

  724.               this.$router.push({ path: "/czjyList" });

  725.             }else if (data == 'rgjyList') {

  726.               this.$router.push({ path: "/rgjyList" });

  727.             }else if (data == 'hzjyList') {

  728.               this.$router.push({ path: "/hzjyList" });

  729.             }else if (data == 'zzlyList') {

  730.               this.$router.push({ path: "/zzlyList" });

  731.             }

  732.           } else {

  733.             this.$dialog.alert({

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

  735.             });

  736.           }

  737.         },

  738.         onConfirmBook(e){

  739.           this.bookVisbile = false

  740.           this.bookName = e.bookName

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

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

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

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

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

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

  747.               });

  748.             }

  749.           });

  750.         },

  751.         onCancelBook(e){

  752.           this.bookVisbile = false

  753.         },

  754.         getBookList(e){

  755.           let params = {

  756.             loginDeptID:e

  757.           }

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

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

  760.               this.bookList = response.rows;

  761. 

  762.             }

  763.           })

  764.         },

  765.         selectDept(){

  766.           this.villageVisbile = true;

  767.         },

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

  769.         hcAreaInfoClose() {

  770.           this.villageVisbile = false;

  771.         },

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

  773.           // 切换部门

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

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

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

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

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

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

  780.                 });

  781.               }

  782.             });

  783.           this.villageVisbile = false;

  784.         },

  785.       }

  786.     }

  787. </script>

  788. 

  789. <style scoped>

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

  791.     color: #fff;

  792.     font-size: 20px;

  793.     line-height: 144px;

  794.     text-align: center;

  795.   }

  796.   >>>.van-grid-item__content{

  797.     padding:0.213333rem;

  798.   }

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

  800.     border: none;

  801.   }

  802.   >>>.app-container{

  803.     padding:0;

  804.   }

  805.   >>> .icon{

  806.     padding: 15px;

  807.     border-radius: 10px;

  808.     box-sizing: border-box;

  809.     width: 80px;

  810.     height: 80px;

  811.     text-align:center;

  812.   }

  813.   >>> .icon img{

  814.     width:50px;

  815.   }

  816.   >>> .indexCard{

  817.     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

  818.   }

  819. </style>