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.
892 Incheckningar
7 Grenar
79 MiB
 
 
Träd: 297433d501
Grenar Taggar
${ item.name }
Skapa branchen ${ searchTerm }
från '297433d501'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/paidExit/paidExitDetail.vue

811 rader
33 KiB
Rå Blame Historik 

  1. <template>

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

  3.       <van-nav-bar

  4.         left-arrow

  5.         fixed

  6.         placeholder

  7.         @click-left="$router.back(-1)"

  8.       >

  9.         <template #title>

  10.           <p style="font-weight: bold;">有偿退出</p>

  11.         </template>

  12.       </van-nav-bar>

  13.       <div class="main_box">

  14.         <!--        <van-field v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>-->

  15.         <van-field  readonly v-model="circulation.sqrxm" label="申请人姓名" placeholder="申请人姓名" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" />

  16.         <div id="dropList" v-show="showDropList"  style="width: 92vw; position: absolute; z-index: 99; left: 50%; margin-left: -46vw; border: 1px solid #E2E0E0;" >

  17.           <van-cell id="vanCell"  v-for="(item, index) in getObligeeOptions" :key="index" @click="shyqrdmxmChange(item)" style="position: relative; z-index: 999;">

  18.             {{item.sqrxm}}

  19.           </van-cell>

  20.         </div>

  21.         <!--        <van-field-->

  22.         <!--          readonly-->

  23.         <!--          clickable-->

  24.         <!--          v-model="circulation.zjddm"-->

  25.         <!--          label="宅基地代码"-->

  26.         <!--          placeholder="请选择"-->

  27.         <!--          @click="remoteProposerMethod"-->

  28.         <!--          input-align="right"-->

  29.         <!--          right-icon="arrow-down" :rules="[{ required: true }]" required-->

  30.         <!--        />-->

  31.         <!--        <van-popup v-model="showzjddm" position="bottom">-->

  32.         <!--          <van-picker-->

  33.         <!--            show-toolbar-->

  34.         <!--            :columns="zjdDictionaries"-->

  35.         <!--            value-key="zjddm"-->

  36.         <!--            @confirm="onConfirmZjddm"-->

  37.         <!--            @cancel="showzjddm = false"-->

  38.         <!--          />-->

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

  40.         <van-field

  41.           readonly

  42.           v-model="circulation.zjddm"

  43.           label="宅基地代码"

  44.           input-align="right"

  45.         >

  46.           <template #button>

  47.             <van-button size="small" @click="mapLook"  type="primary">选择宅基地</van-button>

  48.           </template>

  49.         </van-field>

  50.         <field-select

  51.           readonly

  52.           v-model="circulation.xb"

  53.           label="性別"

  54.           value-key="dictLabel"

  55.           data-key="dictValue"

  56.           placeholder="选择现状"

  57.           :rules="[{ required: true }]"

  58.           required

  59.           remote-url="/system/dict/data/type/sys_user_sex"

  60.           :on-remote-response="'data'"

  61.         />

  62. 

  63.         <van-field readonly v-model="circulation.sqrzjhm" label="申请人证件号码" placeholder="申请人证件号码" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  64.         <van-field readonly v-model="circulation.lxdh" label="联系电话" placeholder="联系电话" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  65.         <field-select

  66.           readonly

  67.           v-model="circulation.gyqk"

  68.           label="共有情况"

  69.           value-key="dictLabel"

  70.           data-key="dictValue"

  71.           placeholder="选择共有情况"

  72.           :rules="[{ required: true }]"

  73.           required

  74.           remote-url="/system/dict/data/type/house_yes_no"

  75.           :on-remote-response="'data'"

  76.         />

  77.         <van-field readonly v-model="circulation.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  78.       </div>

  79.               <div v-if="circulation.jtcyqkList">

  80.                 <p class="main_title">家庭成员情况</p>

  81. 

  82.                 <div >

  83.                   <van-tabs v-if="circulation.jtcyqkList && circulation.jtcyqkList.length > 0" v-model="familyMembersActive" ref="memberTabs">

  84.                     <van-tab :title="(index + 1) + '. ' + item.xm" v-for="(item , index) in circulation.jtcyqkList" :key="index" swipeable>

  85.                       <div class="familyList">

  86.                         <div class="main_box" style="margin-bottom: 20px">

  87. <!--                          <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteFamily(index)" />-->

  88.                           <van-field readonly required v-model="item.xm" label="姓名" placeholder="姓名" input-align="right" :rules="[{ required: true }]"/>

  89.                           <van-field readonly required v-model="item.nl" label="年龄" placeholder="年龄" input-align="right" :rules="[{ required: true }]"/>

  90.                           <field-select

  91.                             v-model="item.yhzgx"

  92.                             readonly

  93.                             label="与户主关系"

  94.                             value-key="dictLabel"

  95.                             data-key="dictValue"

  96.                             placeholder="选择与户主关系"

  97.                             :rules="[{ required: true }]"

  98.                             required

  99.                             remote-url="/system/dict/data/type/family_status"

  100.                             :on-remote-response="'data'"

  101.                           />

  102.                           <van-field readonly required v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right" :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]" @input="updateMemberInfo(index)"/>

  103.                           <van-field readonly required v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" :rules="[{ required: true }]"/>

  104.                         </div>

  105.                       </div>

  106.                     </van-tab>

  107.                   </van-tabs>

  108.                 </div>

  109.               </div>

  110.       <div v-if="circulation.gyrqkList">

  111.         <p class="main_title">共有人情况</p>

  112. 

  113.         <div >

  114.           <van-tabs v-if="circulation.gyrqkList && circulation.gyrqkList.length > 0" v-model="familyMembersActive" ref="memberTabs">

  115.             <van-tab :title="(index + 1) + '. ' + item.xm" v-for="(item , index) in circulation.gyrqkList" :key="index" swipeable>

  116.               <div class="familyList">

  117.                 <div class="main_box" style="margin-bottom: 20px">

  118. <!--                  <van-button icon="minus" size="mini" type="danger" class="deleteFamily" native-type="button" v-if="index!=0" @click="deleteFamily(index)" />-->

  119.                   <van-field readonly required v-model="item.xm" label="姓名" placeholder="姓名" input-align="right" :rules="[{ required: true }]"/>

  120.                   <van-field readonly required v-model="item.nl" label="年龄" placeholder="年龄" input-align="right" :rules="[{ required: true }]"/>

  121.                   <field-select

  122.                     v-model="item.yhzgx"

  123.                     label="与户主关系"

  124.                     value-key="dictLabel"

  125.                     data-key="dictValue"

  126.                     placeholder="选择与户主关系"

  127.                     :rules="[{ required: true }]"

  128.                     required

  129.                     readonly

  130.                     remote-url="/system/dict/data/type/family_status"

  131.                     :on-remote-response="'data'"

  132.                   />

  133.                   <van-field readonly required v-model="item.sfzh" label="身份证号" placeholder="身份证号" input-align="right" :rules="[{pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/}]" @input="updateMemberInfo(index)"/>

  134.                   <van-field readonly required v-model="item.hkszd" label="户口所在地" placeholder="户口所在地" input-align="right" :rules="[{ required: true }]"/>

  135.                 </div>

  136.               </div>

  137.             </van-tab>

  138.           </van-tabs>

  139.         </div>

  140.       </div>

  141.       <p class="main_title">拟申请退出宅基地-面积</p>

  142.       <van-field readonly v-model="circulation.tcmj" label="面积(㎡)" placeholder="请输入面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  143.       <field-select

  144.         readonly

  145.         v-model="circulation.xz"

  146.         label="现状"

  147.         value-key="dictLabel"

  148.         data-key="dictValue"

  149.         placeholder="选择现状"

  150.         :rules="[{ required: true }]"

  151.         required

  152.         remote-url="/system/dict/data/type/dsxz"

  153.         :on-remote-response="'data'"

  154.       />

  155.       <p class="main_title">拟申请退出宅基地-四至</p>

  156.       <van-field readonly v-model="circulation.zjdszd" label="东至" placeholder="东至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  157.       <van-field readonly v-model="circulation.zjdszn" label="南至" placeholder="南至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  158.       <van-field  readonly v-model="circulation.zjdszx" label="西至" placeholder="西至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  159.       <van-field readonly v-model="circulation.zjdszb" label="北至" placeholder="北至" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

  160.       <p class="main_title">拟申请退出宅基地情况-地类</p>

  161.       <field-select

  162.         readonly

  163.         v-model="circulation.dldm"

  164.         label="地类"

  165.         value-key="dictLabel"

  166.         data-key="dictValue"

  167.         placeholder="选择现状"

  168.         :rules="[{ required: true }]"

  169.         required

  170.         remote-url="/system/dict/data/type/geographic_type"

  171.         :on-remote-response="'data'"

  172.       />

  173.       <p class="main_title">退出宅基地情况</p>

  174.       <van-field readonly v-model="circulation.tcmj" label="退出面积(㎡)" placeholder="请输入退出面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  175.       <van-field readonly v-model="circulation.jzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  176.       <div class="main_box">

  177.         <van-field

  178.           readonly

  179.           clickable

  180.           v-model="tcqllx"

  181.           label="退出权利类型"

  182.           placeholder="请选择退出权利类型"

  183.           input-align="right"

  184.           right-icon="arrow-down"

  185.           label-width="auto" :rules="[{ required: true }]" required

  186.         />

  187.         <van-popup v-model="showtcqllx" position="bottom">

  188.           <van-picker

  189.             show-toolbar

  190.             :columns="tcqllxDictionaries"

  191.             @cancel="showtcqllx = false"

  192.           />

  193.         </van-popup>

  194. 

  195.         <!--<van-field

  196.           readonly

  197.           clickable

  198.           v-model="tclx"

  199.           label="退出类型"

  200.           placeholder="请选择退出类型"

  201.           @click="showtclx = true"

  202.           input-align="right"

  203.           right-icon="arrow-down"

  204.           label-width="auto" :rules="[{ required: true }]" required

  205.         />

  206.         <van-popup v-model="showtclx" position="bottom">

  207.           <van-picker

  208.             show-toolbar

  209.             :columns="tclxDictionaries"

  210.             @confirm="onConfirmTclx"

  211.             @cancel="showtclx = false"

  212.           />

  213.         </van-popup>-->

  214. 

  215.         <van-field

  216.           readonly

  217.           clickable

  218.           v-model="tcfs"

  219.           label="退出方式"

  220.           placeholder="请选择退出方式"

  221.           input-align="right"

  222.           right-icon="arrow-down"

  223.           label-width="auto" :rules="[{ required: true }]" required

  224.         />

  225.         <van-popup v-model="showtcfs" position="bottom">

  226.           <van-picker

  227.             show-toolbar

  228.             :columns="tcfsDictionaries"

  229.             @cancel="showtcfs = false"

  230.           />

  231.         </van-popup>

  232. 

  233.         <van-field v-model="circulation.tcqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />

  234.       </div>

  235.       <p class="main_title">现居住情况</p>

  236.       <van-field readonly v-model="circulation.xjzmj" label="建筑面积(㎡)" placeholder="请输入建筑面积㎡" input-align="right" label-width="auto" :rules="[{ required: true }]" required type="number"/>

  237.       <van-field readonly v-model="circulation.xqszsh" label="权属证书号" placeholder="请输入权属证书号" input-align="right" label-width="auto" />

  238.       <van-field readonly v-model="circulation.xjzdd" label="居住地点" placeholder="请输入居住地点" input-align="right" label-width="auto" />

  239.       <p class="main_title">其他</p>

  240. 

  241.       <van-field readonly v-model="circulation.sqly" label="申请理由" placeholder="请输入申请理由" input-align="right" label-width="auto"/>

  242.       <field-date-picker

  243.         readonly

  244.         v-model="circulation.sqrq"

  245.         label="申请日期"

  246.         placeholder="选择日期"

  247.         :rules="[{ required: true }]"

  248.         formatter="yyyy-MM-dd"

  249.         required

  250.       />

  251.       <van-field readonly v-model="circulation.jbrxm" label="经办人姓名" placeholder="请输入经办人姓名" input-align="right" label-width="auto"/>

  252.       <field-date-picker

  253.         readonly

  254.         v-model="circulation.pzrq"

  255.         label="批准日期"

  256.         placeholder="选择日期"

  257.         :rules="[{ required: true }]"

  258.         formatter="yyyy-MM-dd"

  259.         required

  260.       />

  261.       <field-date-picker

  262.         v-model="circulation.barq"

  263.         label="备案日期"

  264.         placeholder="选择日期"

  265.         :rules="[{ required: true }]"

  266.         formatter="yyyy-MM-dd"

  267.         required

  268.       />

  269. 

  270.       <van-dialog v-model="mapShow" show-cancel-button>

  271.         <MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.sqrxm" :landStatus="landStatus" :deptId="circulation.deptId" @closeMoule="closeMoule"></MapGisObtainTc>

  272.       </van-dialog>

  273.       <!-- 3组附件 -->

  274.       <van-popup

  275.         v-model="attachmentVisible"

  276.         closeable

  277.         position="top"

  278.         :style="{ height: '61.8%' }"

  279.         :close-on-click-overlay="proposerStatus == 1"

  280.         :lazy-render="false"

  281.       >

  282.         <van-tabs type="card" style="padding-top: 1.35rem;" color="#1D6FE9" :lazy-render="false" v-model="attachmentActive" ref="attachmentDialog">

  283.           <van-tab title="退出附件" key="0">

  284.             <home-apply-upload-comp

  285.               :business-type="houseApplyUploadComp.businessType"

  286.               :house-apply-status="houseApplyUploadComp.homeApplyStatus"

  287.               :process-key="houseApplyUploadComp.processKey"

  288.               :proposer-id="houseApplyUploadComp.proposerId"

  289.               :table-name="houseApplyUploadComp.tableName"

  290.               :readonly="houseApplyUploadComp.readonly"

  291.               :userName="houseApplyUploadComp.createBy"

  292.               :full="houseApplyUploadComp.full"

  293.             >

  294.             </home-apply-upload-comp>

  295.           </van-tab>

  296.         </van-tabs>

  297.       </van-popup>

  298.       <!-- 审批 -->

  299. 

  300.         <div class="main_box examine_box" v-if="showCjt">

  301.           <van-row type="flex" justify="space-between" align="center">

  302.             <van-col span="5">村集体<br/>经济组<br/>织或村<br/>民委员<br/>会意见</van-col>

  303.             <van-col span="19">

  304.               <van-field required :readonly="approval.type !== 'todo' || !cjtspOperation" v-model="circulation.cjzzscyj" rows="2" autosize type="textarea" placeholder="审核意见"/>

  305.               <van-cell title="负责人:"  :rules="[{ required: true }]">

  306.                 <van-image

  307.                   v-if="circulation.cjzzscr !='' && circulation.cjzzscr !=null && circulation.cjzzscr.endsWith('png')"

  308.                   width="100"

  309.                   height="50"

  310.                   :src="$store.getters.baseRoutingUrl+circulation.cjzzscr"

  311.                 ></van-image>

  312.                 <div  v-if="circulation.cjzzscr !='' && circulation.cjzzscr !=null && !circulation.cjzzscr.endsWith('png')">{{circulation.cjzzscr}}</div>

  313.               </van-cell>

  314.               <field-date-picker

  315.                 v-model="circulation.cjzzscsj"

  316.                 label="审批日期"

  317.                 placeholder="选择日期"

  318.                 :readonly="approval.type !== 'todo' || !cjtspOperation"

  319.                 :rules="[{ required: true }]"

  320.                 formatter="yyyy-MM-dd"

  321.                 required

  322.               />

  323.             </van-col>

  324. 

  325.           </van-row>

  326.         </div>

  327. 

  328.         <div class="main_box examine_box" v-if="showZjsp">

  329.           <van-row type="flex" justify="space-between" align="center">

  330.             <van-col span="5">镇级人<br/>民镇府<br/>意见</van-col>

  331.             <van-col span="19">

  332.               <van-field required :readonly="approval.type !== 'todo'" v-model="circulation.xzzfshpzyj" rows="2" autosize type="textarea" placeholder="审核意见"/>

  333.               <van-cell title="负责人:"  :rules="[{ required: true }]">

  334.                 <van-image

  335.                   v-if="circulation.xzzfshpzrxm !='' && circulation.xzzfshpzrxm !=null && circulation.xzzfshpzrxm.endsWith('png')"

  336.                   width="100"

  337.                   height="50"

  338.                   :src="$store.getters.baseRoutingUrl+circulation.xzzfshpzrxm"

  339.                 ></van-image>

  340.                 <div v-if="circulation.xzzfshpzrxm !='' && circulation.xzzfshpzrxm !=null && !circulation.xzzfshpzrxm.endsWith('png')">{{circulation.xzzfshpzrxm}}</div>

  341.               </van-cell>

  342.               <field-date-picker

  343.                 v-model="circulation.xzzfshpzsj"

  344.                 label="审批日期"

  345.                 placeholder="选择日期"

  346.                 :rules="[{ required: true }]"

  347.                 :readonly="approval.type !== 'todo'"

  348.                 formatter="yyyy-MM-dd"

  349.                 required

  350.               />

  351.             </van-col>

  352. 

  353.           </van-row>

  354.         </div>

  355.       <div class="clear"></div>

  356.       <van-goods-action style="z-index: 999;">

  357.         <van-goods-action-icon icon="label-o" text="附件" @click="openAttachment" color="#1D6FE9" />

  358.         <van-goods-action-button type="info" text="同意" v-if="approval.type == 'todo'"  @click="complete(true)" />

  359.         <van-goods-action-button type="danger" text="驳回" v-if="approval.type == 'todo'"  @click="complete(false)"/>

  360.       </van-goods-action>

  361.     </div>

  362. </template>

  363. 

  364. <script>

  365.   import {  getZyyctc,getShyqrs,zyyctcEdit,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";

  366.   import HomeApplyUploadComp from "@/components/home/HomeApplyUploadComp";

  367.   import FieldSelect from "@/components/form/FieldSelect";

  368.   import FieldDatePicker from "@/components/form/FieldDatePicker";

  369.   import {formatDate} from "element-ui/src/utils/date-util.js";

  370.   import { } from "@/api/onlineHome/homestead/paidExit";

  371.   import {Notify} from "vant";

  372.   import MapGisObtainTc from "@/components/Map/MapGisObtainTc";

  373. import request from '@/utils/request';

  374.   const PROPOSER_VIEW = 1;

  375.   // 工作流名称

  376.   const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc';

  377.   // 附件表名

  378.   const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc';

  379.   // 其他

  380.   const PROPOSER_MODULE = 'home';

  381. export default {

  382.   name: "paidExitDetail",

  383.   components: { MapGisObtainTc,FieldSelect,FieldDatePicker,HomeApplyUploadComp },

  384.   data() {

  385.     return {

  386.       tcqllxDictionaries:[],//退出权利类型

  387.       tclxDictionaries:[],//退出类型

  388.       tcfsDictionaries:[],//退出方式

  389.       xbDictionaries:[],//申请人证件类型

  390.       zjlxDictionaries:[],

  391.       bcfsDictionaries:[],//补偿方式

  392.       zjdDictionaries:[],//宅基地代码

  393.       getObligeeOptions:[],//下拉框列表

  394.       tcqllx:'',

  395.       tclx:'',

  396.       tcfs:'',

  397.       xb:'',

  398.       bcfs:'',

  399.       zjddm:'',

  400.       landStatus:"1",

  401.       nickName:this.$route.query.nickName,

  402.       electronicSignature:this.$route.query.electronicSignature,

  403.       showtcqllx: false,

  404.       showtclx: false,

  405.       showtcfs: false,

  406.       showxb: false,

  407.       showbcfs: false,

  408.       showzjddm: false,

  409.       showZjsp: false,

  410.       showCjt:false,

  411.       cjtspOperation:false,

  412.       showDropList: false,//是否显示下拉框

  413.       mapShow: false,

  414.       attachmentVisible:false,

  415.       // 家庭成员tab

  416.       familyMembersActive: 0,

  417.       active: 0,

  418.       // 表单意图

  419.       proposerStatus: PROPOSER_VIEW,

  420.       circulation:{},

  421.       // 当前附件tab

  422.       attachmentActive: 0,

  423.       // 申请附件树

  424.       houseApplyUploadComp: {

  425.         businessType: PROPOSER_MODULE,

  426.         proposerId: this.$route.query.id,

  427.         homeApplyStatus: "11",

  428.         processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,

  429.         tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,

  430.         attachmentList: [],

  431.         readonly: true,

  432.         full: false,

  433.       },

  434.       approval: {

  435.         taskId: null,

  436.         instanceId: null,

  437.         type: null,

  438.         id: null,

  439.         comment: '',

  440.       },

  441.     };

  442.   },

  443.   created() {

  444.     this.approval.id = this.$route.query.id;

  445.     this.approval.instanceId = this.$route.query.instanceId;

  446.     this.approval.type = this.$route.query.type;

  447.     this.approval.taskId = this.$route.query.taskId;

  448.     this.getDetail();

  449.   },

  450.   methods: {

  451.     // 获取日期, yyyy-MM-dd

  452.     getDate(d) {

  453.       return formatDate(d ? d : new Date(), 'yyyy-MM-dd');

  454.     },

  455.     getDetail(){

  456.       getZyyctc(this.$route.query.id).then(response => {

  457.         this.circulation = response.data;

  458.         if(this.circulation.jtcyqkList != null){

  459.           for(let i = 0; i < this.circulation.jtcyqkList.length; i++)

  460.           {

  461.             this.updateMemberInfo(i);

  462.           }

  463.         }

  464.         if(this.circulation.gyrqkList != null){

  465.           for(let i = 0; i < this.circulation.gyrqkList.length; i++)

  466.           {

  467.             this.updateMemberInfoGy(i);

  468.           }

  469.         }

  470.         if(this.approval.type === "todo"){

  471.           if(response.data.auditStatus === "1" || response.data.auditStatus === "2"){

  472.             if(this.electronicSignature != null){

  473.               this.$set(this.circulation, "cjzzscr", this.electronicSignature);

  474.             }else{

  475.               this.$set(this.circulation, "cjzzscr", this.nickName);

  476.             }

  477.             let handlerTime = this.getDate();

  478.             this.$set(this.circulation, "cjzzscsj", handlerTime);

  479.             this.cjtspOperation = true;

  480.             this.showCjt = true;

  481. 

  482.           }else if(response.data.auditStatus === "3"){

  483.             this.showZjsp = true;

  484.             this.showCjt = true;

  485.             if(this.electronicSignature != null){

  486.               this.zzfdzqmShow = true;

  487.               this.$set(this.circulation, "xzzfshpzrxm", this.electronicSignature);

  488.             }else{

  489.               this.$set(this.circulation, "xzzfshpzrxm", this.nickName);

  490.             }

  491.             let handlerTime = this.getDate();

  492.             this.$set(this.circulation, "xzzfshpzsj", handlerTime);

  493.           }

  494.         }else{

  495.           if(response.data.auditStatus === "4" ){

  496.             this.showCjt = true;

  497.             this.showZjsp = true;

  498.           }else if(response.data.auditStatus === "0" || response.data.auditStatus === "1"){

  499.             this.showCjt = false;

  500.           }else{

  501.             this.showCjt = true;

  502.           }

  503.         }

  504. 

  505.         //退出权利类型

  506.         this.houseGetDicts("tcqllx").then((res) => {

  507.           for (var i = 0; i < res.data.length; i++) {

  508.             this.tcqllxDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  509.           }

  510.           this.tcqllx = this.selectDictLabel(res.data, response.data.tcqllx);

  511.         });

  512.         //退出方式

  513.         this.houseGetDicts("tcfs").then((res) => {

  514.           for (var i = 0; i < res.data.length; i++) {

  515.             this.tcfsDictionaries.push({text: res.data[i].dictLabel, value: res.data[i].dictValue});

  516.           }

  517.           this.tcfs = this.selectDictLabel(res.data, response.data.tcfs);

  518.         });

  519.         //审核状态

  520.         this.houseGetDicts("audit_status").then((res) => {

  521.           this.circulation.auditStatus = this.selectDictLabel(res.data, response.data.auditStatus);

  522.         });

  523.       });

  524.     },

  525.     parseIDCard(idcard) {

  526.       if(!idcard)

  527.         return false;

  528.       if(idcard.length !== 18)

  529.         return false;

  530.       if(!/^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(idcard))

  531.         return false;

  532.       let sex = (parseInt(idcard.substr(16, 1)) % 2) ^ 1;

  533.       let now = new Date().getFullYear();

  534.       let y = parseInt(idcard.substr(6, 4));

  535.       let age = Math.max(now - y, 0);

  536.       return [sex, age];

  537.     },

  538.     updateMemberInfo(index) {

  539.       let res = this.parseIDCard(this.circulation.jtcyqkList[index].sfzh);

  540.       if(res)

  541.       {

  542.         this.$set(this.circulation.jtcyqkList[index], 'nl', res[1]);

  543.       }

  544.     },

  545.     updateMemberInfoGy(index) {

  546.       let res = this.parseIDCard(this.circulation.gyrqkList[index].sfzh);

  547.       if(res)

  548.       {

  549.         this.$set(this.circulation.gyrqkList[index], 'nl', res[1]);

  550.       }

  551.     },

  552.     remoteProposerMethod() {

  553.       this.showzjddm = true;

  554.       this.zjdDictionaries = [];

  555.       if (this.circulation.sqrxm) {

  556.         getShyqrs({shyqrdbxm:this.circulation.sqrxm}).then(response => {

  557.           this.zjdDictionaries = response.data.map(item => {

  558.             return {

  559.               zjddm: item.zjddm,

  560.               shyqrdbxm: item.shyqrdbxm,

  561.               shyqrdbzjlx: item.shyqrdbzjlx,

  562.               shyqrdbzjhm: item.shyqrdbzjhm

  563.             }

  564.           });

  565.         });

  566.       } else {

  567.         this.zjdDictionaries = [];

  568.       }

  569.     },

  570.     /** 模糊查询人员信息 */

  571.     remoteTransfereeMethod(query) {

  572.       if (query !== "") {

  573.         getShyqrs({shyqrdbxm:query,status:1}).then((response) => {

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

  575.             this.getObligeeOptions = response.rows.map(function (item) {

  576.               return {

  577.                 sqrxm:item.shyqrdbxm,

  578.                 sqrxb:item.xb,

  579.                 sqrzjhm:item.shyqrdbzjhm,

  580.                 sqrzjlx:item.shyqrdbzjlx,

  581.                 sqrdh:item.dh,

  582.                 gyfs:item.gyfs,

  583.                 dz:item.dz,

  584.                 deptId:item.deptId,

  585.                 deptName:item.deptName,

  586.               }

  587.             })

  588.             //设置模糊查询的下拉框和滚动条

  589.             if (this.getObligeeOptions.length > 0) {

  590.               this.showDropList = true;   // div显示会阻挡下边的选择框和输入框，showDropList控制下拉框是否显示

  591.               //设置模糊查询的和滚动条

  592.               this.$nextTick(() => {

  593.                 if (this.getObligeeOptions.length > 4) {

  594.                   let height = document.getElementById("vanCell").offsetHeight * 4;

  595.                   document.getElementById("dropList").style.height = height + "px";

  596.                   document.getElementById("dropList").style.overflow = "scroll";

  597.                 } else {

  598.                   document.getElementById("dropList").style.height = "";

  599.                   document.getElementById("dropList").style.overflow = "visible";

  600.                 }

  601.               });

  602.             } else {

  603.               this.showDropList = false;

  604.             }

  605.           }

  606.         });

  607.       } else {

  608.         this.getObligeeOptions = [];

  609.         this.showDropList = false;

  610.       }

  611.     },

  612.     shyqrdmxmChange(val){

  613.       console.info(val);

  614.       this.$set(this.circulation, "sqrxm", val.sqrxm);

  615.       this.$set(this.circulation, "deptId", val.deptId);

  616.       this.$set(this.circulation, "deptName", val.deptId);

  617.       this.$set(this.circulation, "sqrzjhm", val.sqrzjhm);

  618.       this.$set(this.circulation, "sqrzjlx", val.sqrzjlx);

  619.       this.$set(this.circulation, "gyqk", val.gyfs);

  620.       this.$set(this.circulation, "xb", val.sqrxb);

  621.       this.$set(this.circulation, "lxdh", val.sqrdh);

  622.       this.$set(this.circulation, "hkszd", val.dz);

  623.       this.getObligeeOptions=[];

  624.       this.showDropList = false;

  625.     },

  626.     /** 查找地图中宅基地 */

  627.     closeMoule: function (data) {

  628.       this.circulation.zjddm = data;

  629.       let _this = this;

  630.       let handlerTime = this.getDate();

  631.       this.$set(this.circulation, "sqrq", handlerTime);

  632.       this.$set(this.circulation, "pzrq", handlerTime);

  633.       this.$set(this.circulation, "barq", handlerTime);

  634.       getByLyZjddm(data).then((response) => {

  635.         this.$set(this.circulation, "ntcmj", response.data.zdmj);

  636.         this.$set(this.circulation, "tcmj", response.data.zdmj);

  637.         this.$set(this.circulation, "zjdszd", response.data.zdszd);

  638.         this.$set(this.circulation, "zjdszn", response.data.zdszn);

  639.         this.$set(this.circulation, "zjdszx", response.data.zdszx);

  640.         this.$set(this.circulation, "zjdszb", response.data.zdszb);

  641.         this.$set(this.circulation, "theGeomJson", response.data.theGeomJson);

  642.         this.$set(this.circulation, "tcqszsh", response.data.zsh);

  643.         listHomesteadnmfw({zjddm: data}).then((response) => {

  644.           response.rows.map(function(item){

  645.             _this.$set(_this.circulation, "jzmj", Number(_this.circulation.jzmj) + Number(item.jzmj));

  646.             _this.$set(_this.circulation, "xjzmj", Number(_this.circulation.xjzmj) + Number(item.jzmj));

  647.           });

  648.         });

  649.         // const baseImgUrl = this.$store.getters.baseRoutingUrl;

  650.         if(response.rows[0].zdt != null && response.rows[0].zdt !== ""){

  651.           this.$set(this.form, "xzzp", response.rows[0].zdt);

  652.         }

  653.       });

  654.     },

  655.     mapLook(){

  656.       this.mapShow = true;

  657.       setTimeout(() => {

  658.         this.$refs.zjdProductResh.drawingLyPaceCountryDarw();

  659.       },1000);

  660.     },

  661.     // 打开附件树

  662.     openAttachment() {

  663.       this.attachmentVisible = true;

  664.       if(this.attachmentActive == this.active)

  665.         this.$nextTick(() => {

  666.           this.$refs.attachmentDialog.scrollTo(this.active);

  667.         });

  668.     },

  669.     complete(pass) {

  670.       if(this.circulation.auditStatus === "1" || this.circulation.auditStatus === "2"){

  671.         this.approval.comment = this.circulation.cjzzscyj;

  672.       }else{

  673.         this.approval.comment = this.circulation.xzzfshpzyj;

  674.       }

  675.       if(!this.approval.taskId || !this.approval.instanceId || this.approval.type !== 'todo')

  676.       {

  677.         console.error("无效操作");

  678.         return false;

  679.       }

  680.       if(!this.approval.comment)

  681.       {

  682.         this.notify("请填写审批意见", 'danger');

  683.         return false;

  684.       }

  685.       /*let data = {

  686.         taskId: this.approval.taskId,

  687.         instanceId: this.approval.instanceId,

  688.         variables: JSON.stringify({

  689.           pass: pass ? "true" : "false",

  690.           comment: this.approval.comment ? this.approval.comment : (pass ? '同意' : '驳回'),

  691.         }),

  692.       };

  693.       request({

  694.         url: "/activiti/process/complete",

  695.         method: "post",

  696.         params: data,

  697.       }).then((response) => {

  698.         this.notify("操作成功", 'success');

  699.         this.$router.back();

  700.       }).catch(e => {

  701.         this.notify("操作失败!", 'danger');

  702.       });*/

  703.       if (pass) {

  704.         let data = {

  705.           taskId: this.approval.taskId,

  706.           instanceId: this.approval.instanceId,

  707.           variables: JSON.stringify({

  708.             pass: "true",

  709.             comment: this.approval.comment ? this.approval.comment : "同意",

  710.           }),

  711.         };

  712.         zyyctcEdit(this.circulation).then(response => {

  713.           request({

  714.             url: "/activiti/process/complete",

  715.             method: "post",

  716.             params: data,

  717.           }).then((response) => {

  718.             this.notify("操作成功", 'success');

  719.             this.$router.back();

  720.           }).catch(e => {

  721.             this.notify("操作失败!", 'danger');

  722.           });

  723.         });

  724. 

  725.       } else {

  726.         let _this = this;

  727.         _this.$dialog.confirm({

  728.           message: '是否确认驳回此条申请',

  729.         }).then(() => {

  730.           let data = {

  731.             taskId: _this.approval.taskId,

  732.             instanceId: _this.approval.instanceId,

  733.             variables: JSON.stringify({

  734.               pass: "false",

  735.               comment: _this.approval.comment ? _this.approval.comment : "驳回",

  736.             }),

  737.           };

  738.           zyyctcEdit(this.circulation).then(response => {

  739.             request({

  740.               url: "/activiti/process/complete",

  741.               method: "post",

  742.               params: data,

  743.             }).then((response) => {

  744.               _this.notify("操作成功", 'success');

  745.               _this.$router.back();

  746.             }).catch(e => {

  747.               _this.notify("操作失败!", 'danger');

  748.             });

  749.           });

  750.         });

  751.       }

  752.       return true;

  753.     },

  754.     notify(message, type) {

  755.       Notify.clear();

  756.       Notify({ type: type || 'primary', message: message });

  757.     },

  758.   },

  759. }

  760. </script>

  761. 

  762. <style scoped lang="scss">

  763.   .app-container {

  764.     padding: 2% 0;

  765.   }

  766.   .main_title{

  767.     font-size: 0.4rem;

  768.     color: #1D6FE9;

  769.     margin: 0.2rem 6%;

  770.     position: relative;

  771.   }

  772.   .main_box{

  773.     width: 96%;

  774.     margin: 0 auto;

  775.     border-radius: 6px;

  776.     box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);

  777.     overflow: hidden;

  778.     background-color: #FFF;

  779.   }

  780.   .submitButton{

  781.     width: 80%;

  782.     margin: 0 auto;

  783.     background-color: #1D6FE9;

  784. 

  785.   }

  786.   .clear{

  787.     height: 80px;

  788.   }

  789.   .examine_box{

  790.     background-color: #1D6FE9!important;

  791.     padding: 0.18rem!important;

  792.     padding-left: 0!important;

  793.     border-radius: 0.15rem!important;

  794.     margin-top: 0.3rem!important;

  795.     .van-col:first-child{

  796.       color: #FFF!important;

  797.       font-size: 0.45rem!important;

  798.       text-align: center!important;

  799.     }

  800.     .van-col:last-child{

  801.       background-color: #FFF!important;

  802.       border-radius: 0.15rem!important;

  803.       overflow: hidden!important;

  804.       .van-radio-group--horizontal{

  805.         padding: 0.2rem 0;

  806.         border-bottom: 1px solid #eee;

  807.       }

  808.     }

  809.   }

  810. </style>