zhangzl
/
nsgk_mobile
2
0
Форкнуть 0
Код Задачи 0 Pull Request'ы 0 Релизы 0 Вики Активность
移动端
Вы не можете выбрать более 25 тем Темы должны начинаться с буквы или цифры, могут содержать дефисы(-) и должны содержать не более 35 символов.
1206 коммитов
7 Ветки
571 MiB
 
 
Дерево: c0d14d2297
Ветки Теги
${ item.name }
Создать ветку ${ searchTerm }
из 'c0d14d2297'
${ noResults }
nsgk_mobile/src/views/sunVillage_info/paidExit/paidExitAdd.vue

732 строки
27 KiB
Исходник Вина История 

  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. 

  14.       <div class="header_main">

  15.         添加有偿退出

  16.         <div class="return_btn" @click="onClickLeft"></div>

  17.         <!--      <div class="add_btn" @click="goAdd"></div>-->

  18.       </div>

  19. 

  20.       <p class="main_title">申请人基本信息</p>

  21.       <van-form ref="_Form">

  22.       <div class="main_box">

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

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

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

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

  27.             {{item.sqrxm}}

  28.           </van-cell>

  29.         </div>

  30. <!--        <van-field-->

  31. <!--          readonly-->

  32. <!--          clickable-->

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

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

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

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

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

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

  39. <!--        />-->

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

  41. <!--          <van-picker-->

  42. <!--            show-toolbar-->

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

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

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

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

  47. <!--          />-->

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

  49.         <van-field

  50.           v-model="circulation.zjddm"

  51.           label="宅基地代码"

  52.           input-align="right"

  53.         >

  54.           <template #button>

  55.             <van-icon name="../../../static/images/22.png"  color="#539FFD" size="20" @click="mapLook"/>

  56.           </template>

  57.         </van-field>

  58.         <van-field

  59.           readonly

  60.           clickable

  61.           v-model="xb"

  62.           label="性别"

  63.           placeholder="请选择"

  64.           @click="showxb = true"

  65.           input-align="right"

  66.           right-icon="arrow-down"

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

  68.         />

  69.         <van-popup v-model="showxb" position="bottom">

  70.           <van-picker

  71.             show-toolbar

  72.             :columns="xbDictionaries"

  73.             @confirm="onConfirmXb"

  74.             @cancel="showxb = false"

  75.           />

  76.         </van-popup>

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

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

  79.         <field-select

  80.           v-model="circulation.gyqk"

  81.           label="共有情况"

  82.           value-key="dictLabel"

  83.           data-key="dictValue"

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

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

  86.           required

  87.           remote-url="/open/zdzh/list/house_yes_no"

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

  89.         />

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

  91.       </div>

  92. 

  93.         <p class="main_title">拟申请退出宅基地</p>

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

  95.         <field-select

  96.           v-model="circulation.xz"

  97.           label="现状"

  98.           value-key="dictLabel"

  99.           data-key="dictValue"

  100.           placeholder="选择现状"

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

  102.           required

  103.           remote-url="/open/zdzh/list/dsxz"

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

  105.         />

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

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

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

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

  110.         <field-select

  111.           v-model="circulation.dldm"

  112.           label="地类"

  113.           value-key="dictLabel"

  114.           data-key="dictValue"

  115.           placeholder="选择现状"

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

  117.           required

  118.           remote-url="/open/zdzh/list/geographic_type"

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

  120.         />

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

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

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

  124.       <div class="main_box">

  125.         <van-field

  126.           readonly

  127.           clickable

  128.           v-model="tcqllx"

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

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

  131.           @click="showtcqllx = true"

  132.           input-align="right"

  133.           right-icon="arrow-down"

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

  135.         />

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

  137.           <van-picker

  138.             show-toolbar

  139.             :columns="tcqllxDictionaries"

  140.             @confirm="onConfirmTcqllx"

  141.             @cancel="showtcqllx = false"

  142.           />

  143.         </van-popup>

  144. 

  145.         <!--<van-field

  146.           readonly

  147.           clickable

  148.           v-model="tclx"

  149.           label="退出类型"

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

  151.           @click="showtclx = true"

  152.           input-align="right"

  153.           right-icon="arrow-down"

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

  155.         />

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

  157.           <van-picker

  158.             show-toolbar

  159.             :columns="tclxDictionaries"

  160.             @confirm="onConfirmTclx"

  161.             @cancel="showtclx = false"

  162.           />

  163.         </van-popup>-->

  164. 

  165.         <van-field

  166.           readonly

  167.           clickable

  168.           v-model="tcfs"

  169.           label="退出方式"

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

  171.           @click="showtcfs = true"

  172.           input-align="right"

  173.           right-icon="arrow-down"

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

  175.         />

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

  177.           <van-picker

  178.             show-toolbar

  179.             :columns="tcfsDictionaries"

  180.             @confirm="onConfirmTcfs"

  181.             @cancel="showtcfs = false"

  182.           />

  183.         </van-popup>

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

  185.       </div>

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

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

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

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

  190.         <p class="main_title">补偿信息</p>

  191.         <van-field v-model="circulation.bcje" label="宅基地补偿" placeholder="宅基地补偿" input-align="right" label-width="auto"  type="number"/>

  192.         <van-field v-model="circulation.dmfzwbc" label="地面附着物补偿" placeholder="地面附着物补偿" input-align="right" label-width="auto"  type="number"/>

  193.         <field-select

  194.           v-model="circulation.yctcfs"

  195.           label="退出类型"

  196.           value-key="dictLabel"

  197.           data-key="dictValue"

  198.           placeholder="选择退出类型"

  199.           remote-url="/open/zdzh/list/yctcfs"

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

  201.         />

  202.         <field-select

  203.           v-model="circulation.bcfs"

  204.           label="补偿方式"

  205.           value-key="dictLabel"

  206.           data-key="dictValue"

  207.           placeholder="选择退出类型"

  208.           remote-url="/open/zdzh/list/bcfs"

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

  210.         />

  211.         <field-date-picker

  212.           v-model="circulation.bcsj"

  213.           label="补偿时间"

  214.           placeholder="选择日期"

  215.           formatter="yyyy-MM-dd"

  216.         />

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

  218. 

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

  220.         <field-date-picker

  221.           v-model="circulation.sqrq"

  222.           label="申请日期"

  223.           placeholder="选择日期"

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

  225.           formatter="yyyy-MM-dd"

  226.           required

  227.         />

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

  229.         <field-date-picker

  230.           v-model="circulation.pzrq"

  231.           label="批准日期"

  232.           placeholder="选择日期"

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

  234.           formatter="yyyy-MM-dd"

  235.           required

  236.         />

  237.         <field-date-picker

  238.           v-model="circulation.barq"

  239.           label="备案日期"

  240.           placeholder="选择日期"

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

  242.           formatter="yyyy-MM-dd"

  243.           required

  244.         />

  245. 

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

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

  248.         </van-dialog>

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

  250.         <van-popup

  251.           v-model="attachmentVisible"

  252.           closeable

  253.           position="top"

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

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

  256.           :lazy-render="false"

  257.         >

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

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

  260.               <home-apply-upload-comp

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

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

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

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

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

  266.                 :readonly="houseApplyUploadComp.readonly"

  267.                 :userName="sysFarmer.memberName"

  268.                 :full="houseApplyUploadComp.full"

  269.                 @uploadFinished="onUploadFinished"

  270.               >

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

  272.             </van-tab>

  273.           </van-tabs>

  274.         </van-popup>

  275.       </van-form>

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

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

  278.           <van-goods-action-button type="info" text="保存"  @click="goSubmit(false)" />

  279.           <van-goods-action-button type="info" text="提交"  @click="goSubmit(true)"/>

  280.       </van-goods-action>

  281.     </div>

  282. </template>

  283. 

  284. <script>

  285. import {  getShyqrs,dyAdd,zyyctcApply,getByLyZjddm,listHomesteadnmfw} from "@/api/sunVillage_info/homestead/paidExit";

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

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

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

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

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

  291. import {Notify} from "vant";

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

  293. import Cookies from "js-cookie";

  294. const PROPOSER_VIEW = 1;

  295. // 工作流名称

  296. const PROPOSER_STAGE_BASE_APPLY_ACTIVITY = 'home_usetc';

  297. // 附件表名

  298. const PROPOSER_STAGE_BASE_APPLY_TABLE = 't_homeuse_zyyctc';

  299. // 其他

  300. const PROPOSER_MODULE = 'home';

  301. export default {

  302.   name: "paidExitAdd",

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

  304.   data() {

  305.     return {

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

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

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

  309.       yctcfsDictionaries:[],//有偿退出方式

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

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

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

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

  314.       sysFarmer:JSON.parse(Cookies.get('user')),

  315.       tcqllx:'整体退出',

  316.       tclx:'有偿退出',

  317.       tcfs:'使用权',

  318.       yctcfs:'暂时退出',

  319.       xb:'男',

  320.       bcfs:'',

  321.       zjddm:'',

  322.       landStatus:"1",

  323.       showtcqllx: false,

  324.       showtclx: false,

  325.       showtcfs: false,

  326.       showyctcfs: false,

  327.       showxb: false,

  328.       showbcfs: false,

  329.       showzjddm: false,

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

  331.       attachmentVisible:false,

  332.       active: 0,

  333.       // 表单意图

  334.       proposerStatus: PROPOSER_VIEW,

  335.       // 家庭成员tab

  336.       familyMembersActive: 0,

  337.       circulation:{

  338.         // 申请类型  1-宅基地退出

  339.         sqlx: '1',

  340.         xb:"1",

  341.         gyqk:"1",

  342.         xz:"1",

  343.         tcfs:"01",

  344.         jzmj:0.00,

  345.         tcqllx:"01",

  346.         xjzmj:0.00,

  347.         dldm:"10",

  348.         // 退出类型  01-有偿退出   02-无偿退出

  349.         tclx: '01',

  350.       },

  351.       // 当前附件tab

  352.       attachmentActive: 0,

  353.       // 申请附件树

  354.       houseApplyUploadComp: {

  355.         businessType: PROPOSER_MODULE,

  356.         proposerId: -1,

  357.         homeApplyStatus: "11",

  358.         processKey: PROPOSER_STAGE_BASE_APPLY_ACTIVITY,

  359.         tableName: PROPOSER_STAGE_BASE_APPLY_TABLE,

  360.         attachmentList: [],

  361.         readonly: false,

  362.         full: false,

  363.       },

  364.       mapShow: false,

  365.     };

  366.   },

  367.   created() {

  368.     this.getDictionaries();

  369.     getShyqrs({shyqrdbzjhm:this.sysFarmer.idcard,status:1}).then((response) => {

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

  371.         this.shyqrdmxmChange(response.rows[0]);

  372.         this.closeMoule(response.rows[0].zjddm);

  373.       }

  374.     });

  375.   },

  376.   methods: {

  377.     getDictionaries(){

  378.       //退出权利类型

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

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

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

  382.         }

  383.       });

  384.       //退出类型

  385.       /*this.houseGetDicts("tclx").then((res) => {

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

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

  388.         }

  389.       });*/

  390.       //退出方式

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

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

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

  394.         }

  395.       });

  396.       //申请人证件类型

  397.       this.houseGetDicts("sys_user_sex").then((res) => {

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

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

  400.         }

  401.       });

  402.       //补偿方式

  403.       this.houseGetDicts("bcfs").then((res) => {

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

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

  406.         }

  407.       });

  408.       this.$set(this.circulation, 'yctcfs', "1");

  409.       this.$set(this.circulation, 'bcfs', "01");

  410.       this.$set(this.circulation, 'bcje', 0.00);

  411.       this.$set(this.circulation, 'dmfzwbc', 0.00);

  412.       //宅基地代码

  413.       /*zjdzd().then(zjdRes => {

  414.         for( let i = 0 ; i < zjdRes.rows.length ; i++){

  415.           this.zjdDictionaries.push(zjdRes.rows[i].zjddm);

  416.         }

  417.         if(this.zjdDictionaries.length > 0)

  418.           this.onConfirmZjddm(this.zjdDictionaries[0]);

  419.       });*/

  420.       // getExitProposerDetail().then(res => {

  421.       //   if (res.data) {

  422.       //     let data = res.data;

  423.       //     this.$set(this.circulation, 'sqrxm', data.shyqrdbxm);

  424.       //     this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);

  425.       //     this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);

  426.       //     if(data.shyqrdbzjlx) {

  427.       //       let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);

  428.       //       if(val)

  429.       //         this.zjlx = val.text;

  430.       //     }

  431.       //   }

  432.       // });

  433.     },

  434.     /*onConfirmZjddm(data){

  435.       console.log(data)

  436.       this.circulation.zjddm = data;

  437.       this.showzjddm = false;

  438.       getByZjddm({zjddm: data,}).then(qlrRes => {

  439.         let data = qlrRes.data;

  440.         console.log(data)

  441.         this.$set(this.circulation, 'sqrxm', data.shyqrdbxm);

  442.         this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);

  443.         this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);

  444.         if(data.shyqrdbzjlx)

  445.         {

  446.           let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);

  447.           if(val)

  448.             this.zjlx = val.text;

  449.         }

  450.         this.$forceUpdate();

  451.       });

  452.     },*/

  453.     // 初次申请草稿的附件上传

  454.     onUploadFinished(fileIdList) {

  455.       this.$set(this.circulation, "fileList", fileIdList);

  456.     },

  457.     onConfirmZjddm(data){

  458.       console.log(data);

  459.       this.showzjddm = false;

  460.       if (data) {

  461.         this.$set(this.circulation, 'zjddm', data.zjddm);

  462.         this.$set(this.circulation, 'sqrzjhm', data.shyqrdbzjhm);

  463.         this.$set(this.circulation, 'sqrzjlx', data.shyqrdbzjlx);

  464.         if(data.shyqrdbzjlx)

  465.         {

  466.           let val = this.zjlxDictionaries.find((x) => x.value == data.shyqrdbzjlx);

  467.           if(val)

  468.             this.zjlx = val.text;

  469.         }

  470.       }

  471.       // this.$forceUpdate();

  472.     },

  473.     onConfirmXb(data){

  474.       this.xb = data.text;

  475.       this.circulation.xb = data.value;

  476.       this.showxb = false;

  477.     },

  478.     onConfirmTcqllx(data){

  479.       this.tcqllx = data.text;

  480.       this.circulation.tcqllx = data.value;

  481.       this.showtcqllx = false;

  482.     },

  483.     /*onConfirmTclx(data){

  484.       this.tclx = data.text;

  485.       this.circulation.tclx = data.value;

  486.       this.showtclx = false;

  487.     },*/

  488.     onConfirmTcfs(data){

  489.       this.tcfs = data.text;

  490.       this.circulation.tcfs = data.value;

  491.       this.showtcfs = false;

  492.     },

  493.     onConfirmYctcfs(data){

  494.       this.yctcfs = data.text;

  495.       this.circulation.yctcfs = data.value;

  496.       this.showyctcfs = false;

  497.     },

  498.     onConfirmBcfs(data){

  499.       this.bcfs = data.text;

  500.       this.circulation.bcfs = data.value;

  501.       this.showbcfs = false;

  502.     },

  503.     goSubmit(submit){

  504.       console.log(this.circulation);

  505.       this.$refs._Form.validate().then(() => {

  506.         // 设置初始状态为草稿，0 代表草稿

  507.         this.$set(this.circulation, "auditStatus", '0');

  508.       dyAdd(this.circulation).then(response => {

  509.         if(response.code = 200){

  510.           if(submit)

  511.           {

  512.             zyyctcApply(response.data).then((resp) => {

  513.               this.$toast.success('提交成功');

  514.               this.back();

  515.             });

  516.           }

  517.           else {

  518.             this.$toast.success('保存成功');

  519.             this.back();

  520.           }

  521.         }

  522.       })

  523.       }).catch((e) => {

  524.         Notify({ type: 'danger', message: '请填写完整的表单项' });

  525.       });

  526.     },

  527.     back() {

  528.       setTimeout(() => this.$router.back(-1), 1000)

  529.     },

  530.     remoteProposerMethod() {

  531.       this.showzjddm = true;

  532.       this.zjdDictionaries = [];

  533.       if (this.circulation.sqrxm) {

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

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

  536.             return {

  537.               zjddm: item.zjddm,

  538.               shyqrdbxm: item.shyqrdbxm,

  539.               shyqrdbzjlx: item.shyqrdbzjlx,

  540.               shyqrdbzjhm: item.shyqrdbzjhm

  541.             }

  542.           });

  543.         });

  544.       } else {

  545.         this.zjdDictionaries = [];

  546.       }

  547.     },

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

  549.     remoteTransfereeMethod(query) {

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

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

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

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

  554.             return {

  555.                       sqrxm:item.shyqrdbxm,

  556.                       sqrxb:item.xb,

  557.                       sqrzjhm:item.shyqrdbzjhm,

  558.                       sqrnhdm:item.nhdm,

  559.                       sqrzjlx:item.shyqrdbzjlx,

  560.                       sqrdh:item.dh,

  561.                       gyfs:item.gyfs,

  562.                       dz:item.dz,

  563.                       deptId:item.deptId,

  564.                       deptName:item.deptName,

  565.                     }

  566.             })

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

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

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

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

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

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

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

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

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

  576.                 } else {

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

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

  579.                 }

  580.               });

  581.             } else {

  582.               this.showDropList = false;

  583.             }

  584.           }

  585.         });

  586.       } else {

  587.         this.getObligeeOptions = [];

  588.         this.showDropList = false;

  589.       }

  590.     },

  591.     // 打开附件树

  592.     openAttachment() {

  593.       this.attachmentVisible = true;

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

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

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

  597.         });

  598.     },

  599.     shyqrdmxmChange(val){

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

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

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

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

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

  605.       this.$set(this.circulation, "sqrnhdm", val.nhdm);

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

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

  608.       this.$set(this.circulation, "lxdh", val.dh);

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

  610.       this.$set(this.circulation, "zjddm", val.zjddm);

  611.       this.getObligeeOptions=[];

  612.       this.showDropList = false;

  613.     },

  614.     mapLook(){

  615.       this.mapShow = true;

  616.       setTimeout(() => {

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

  618.       },1000);

  619.     },

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

  621.     getDate(d) {

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

  623.     },

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

  625.     closeMoule: function (data) {

  626.       this.circulation.zjddm = data;

  627.       let _this = this;

  628.       let handlerTime = this.getDate();

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

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

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

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

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

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

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

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

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

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

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

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

  641.         listHomesteadnmfw({zjddm: data}).then((res) => {

  642.           res.rows.map(function(item){

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

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

  645.           });

  646.         });

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

  648.         if(response.data.zdt != null && response.data.zdt !== ""){

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

  650.         }

  651.       });

  652.     },

  653.   },

  654. }

  655. </script>

  656. 

  657. <style scoped lang="scss">

  658.   .app-container {

  659.     padding-bottom: 2%;

  660.     .header_main{

  661.       height: 116px;

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

  663.       background-size: 100% 100%;

  664.       position: fixed;

  665.       top: 0;

  666.       left: 0;

  667.       width: 100%;

  668.       font-size: 36px;

  669.       line-height: 116px;

  670.       text-align: center;

  671.       color: #fff;

  672.       position: relative;

  673.       margin-bottom: 2%;

  674.       .return_btn{

  675.         width: 24px;

  676.         height: 43.2px;

  677.         background: url('../../../assets/images/sunVillage_info/list_icon_5.png') center center no-repeat;

  678.         background-size: 20px 36px;

  679.         position: absolute;

  680.         left: 38px;

  681.         top: 36px;

  682.       }

  683.       .add_btn{

  684.         width: 56.4px;

  685.         height: 40.8px;

  686.         background: url('../../../assets/images/sunVillage_info/list_icon_9.png') center center no-repeat;

  687.         background-size: 47px 34px;

  688.         position: absolute;

  689.         right: 38px;

  690.         top: 36px;

  691.       }

  692.     }

  693.   }

  694.   .main_title{

  695.     font-size: 0.4rem;

  696.     color: #1D6FE9;

  697.     margin: 0.2rem 6%;

  698.     position: relative;

  699.   }

  700.   .main_box{

  701.     width: 96%;

  702.     margin: 0 auto;

  703.     border-radius: 6px;

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

  705.     overflow: hidden;

  706.     background-color: #FFF;

  707.   }

  708.   .submitButton{

  709.     width: 80%;

  710.     margin: 0 auto;

  711.     background-color: #1D6FE9;

  712. 

  713.   }

  714.   /*#dropList::-webkit-scrollbar {*/

  715.   /*  !*滚动条整体样式*!*/

  716.   /*  width: 5px;     !*高宽分别对应横竖滚动条的尺寸*!*/

  717.   /*  height: 1px;*/

  718.   /*}*/

  719.   /*#dropList::-webkit-scrollbar-thumb {*/

  720.   /*  !*滚动条里面小方块*!*/

  721.   /*  border-radius: 10px;*/

  722.   /*  background: #fff;*/

  723.   /*  box-shadow: inset 0 0 5px rgb(0, 122, 204);*/

  724.   /*}*/

  725.   /*#dropList::-webkit-scrollbar-track {*/

  726.   /*  border-radius: 10px;*/

  727.   /*  background: #fff;*/

  728.   /*  !*滚动条里面轨道*!*/

  729.   /*  box-shadow: inset 0 0 5px rgba( 0, 0, 0, .1);*/

  730.   /*}*/

  731. </style>