zhangzl
/
nsgk_mobile
2
0
Форк 0
Код Проблеми 0 Запити на злиття 0 Релізи 0 Вікі Активність
移动端
Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.
970 Коміти
7 Гілки
571 MiB
 
 
Дерево: a5170b9d9e
Гілки Теги
${ item.name }
Створити гілку ${ searchTerm }
з 'a5170b9d9e'
${ noResults }
nsgk_mobile/src/views/yinnong/homestead/circulation/circulationModify.vue

695 рядки
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.     <p class="main_title">转出方信息</p>

  14.     <div class="main_box">

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

  16.       <field-select

  17.         readonly

  18.         v-if="houseOwnershipOpen"

  19.         v-model="circulation.houseOwnership"

  20.         label="转出方归属"

  21.         value-key="dictLabel"

  22.         data-key="dictValue"

  23.         placeholder="请选择"

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

  25.         required

  26.         @confirm="onConfirmGsf"

  27.         remote-url="/system/dict/data/type/house_ownership  "

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

  29.       />

  30.       <van-field readonly v-if = "shyqxmShow" v-model="circulation.shyqrxm" label="村集体代表姓名"  input-align="right" label-width="auto" :rules="[{ required: true }]" required />

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

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

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

  34.           {{item.sqrxm}}

  35.         </van-cell>

  36.       </div>

  37.       <!--        <van-field-->

  38.       <!--          readonly-->

  39.       <!--          clickable-->

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

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

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

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

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

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

  46.       <!--        />-->

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

  48.       <!--          <van-picker-->

  49.       <!--            show-toolbar-->

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

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

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

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

  54.       <!--          />-->

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

  56.       <van-field

  57.         v-model="circulation.zjddm"

  58.         readonly

  59.         label="宅基地代码"

  60.         input-align="right"

  61.       >

  62.         <template #button>

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

  64.         </template>

  65.       </van-field>

  66.       <field-select

  67.         v-model="circulation.phlyms"

  68.         readonly

  69.         label="盘活利用模式"

  70.         value-key="dictLabel"

  71.         data-key="dictValue"

  72.         placeholder="请选择"

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

  74.         required

  75.         remote-url="/system/dict/data/type/phlyms  "

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

  77.       />

  78.       <van-field

  79.         readonly

  80.         clickable

  81.         v-model="lzfs"

  82.         label="流转方式"

  83.         placeholder="请选择"

  84.         @click="showLzfs = true"

  85.         input-align="right"

  86.         right-icon="arrow-down" :rules="[{ required: true }]" required

  87.       />

  88.       <van-popup v-model="showLzfs" position="bottom">

  89.         <van-picker

  90.           show-toolbar

  91.           :columns="lzfsDictionaries"

  92.           @confirm="onConfirmLzfs"

  93.           @cancel="showLzfs = false"

  94.         />

  95.       </van-popup>

  96.       <van-field v-if="!xjdShow" v-model="circulation.zcfxjd" label="现居地" placeholder="现居地" input-align="right" label-width="auto" :rules="[{ required: true }]" required/>

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

  98.       <van-cell  v-if="!sfjtjjzzShow" title="是否本集体经济组织成员">

  99.         <template #right-icon>

  100.           <van-radio-group v-model="circulation.zcfsfbjtjjzzcy" direction="horizontal">

  101.             <van-radio name="1">是</van-radio>

  102.             <van-radio name="0">否</van-radio>

  103.           </van-radio-group>

  104.         </template>

  105.       </van-cell>

  106.     </div>

  107.     <p class="main_title">转入方信息</p>

  108.     <div class="main_box">

  109.       <van-field

  110.         v-model="circulation.zrfdbxm"

  111.         label="转入方代表名称"

  112.         placeholder="请输入转入方代表名称"

  113.         label-width="auto"

  114.         input-align="right"

  115.         @input="remoteTransfereeMethodTwo"

  116.       />

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

  118.         <van-cell id="vanCellZrf"  v-for="(item, index) in getZrfObligeeOptions" :key="index" @click="zrfdmxmChange(item)" style="position: relative; z-index: 999;">

  119.           {{item.sqrxm}}

  120.         </van-cell>

  121.       </div>

  122.       <!--          <van-popup v-model="showZrfdbmc" position="bottom">-->

  123.       <!--            <van-picker-->

  124.       <!--              show-toolbar-->

  125.       <!--              :columns="zrfdbmcDictionaries"-->

  126.       <!--              @confirm="onConfirmZrfdbmc"-->

  127.       <!--              @cancel="showZrfdbmc = false"-->

  128.       <!--            />-->

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

  130.       <van-field

  131.         v-model="circulation.zjddm"

  132.         v-if="circulation.lzfs =='03'"

  133.         readonly

  134.         label="宅基地代码"

  135.         input-align="right"

  136.       >

  137.         <template #button>

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

  139.         </template>

  140.       </van-field>

  141.       <field-select

  142.         readonly

  143.         v-model="circulation.zrfdbzjlx"

  144.         label="转入方代表证件类型"

  145.         value-key="dictLabel"

  146.         data-key="dictValue"

  147.         placeholder="请选择"

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

  149.         required

  150.         remote-url="/system/dict/data/type/zjlx"

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

  152.       />

  153.       <van-field label="转入方代表证件号码" v-model="circulation.zrfdbzjhm" placeholder="请输入证件号码" input-align="right" label-width="auto"/>

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

  155.       <van-cell title="是否本集体经济组织成员">

  156.         <template #right-icon>

  157.           <van-radio-group  v-model="circulation.zrfsfbjtjjzzcy" direction="horizontal">

  158.             <van-radio name="1">是</van-radio>

  159.             <van-radio name="0">否</van-radio>

  160.           </van-radio-group>

  161.         </template>

  162.       </van-cell>

  163.     </div>

  164.     <p class="main_title">流转信息</p>

  165.     <div class="main_box">

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

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

  168.       <van-field label="流转单价(元)" v-model="circulation.lzdj" placeholder="请输入流转单价(元)" input-align="right" label-width="auto"/>

  169.       <van-field label="流转费用(元)" v-model="circulation.lzfy" placeholder="请输入流转费用(元)" input-align="right" label-width="auto"/>

  170.       <van-field label="集合收益金额(元)" v-model="circulation.jtsyje" placeholder="请输入集体收益金额(元)" input-align="right" label-width="auto"/>

  171.       <van-field

  172.         readonly

  173.         clickable

  174.         v-model="circulation.htqdrq"

  175.         label="合同签订日期"

  176.         placeholder="请选择合同签订日期"

  177.         @click="showhtqdrq = true"

  178.         input-align="right"

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

  180.         required

  181.         right-icon="arrow-down"

  182.       />

  183.       <van-popup v-model="showhtqdrq" position="bottom">

  184.         <van-datetime-picker

  185.           v-model="currentDate"

  186.           type="date"

  187.           title="选择年月日"

  188.           :min-date="minDate"

  189.           :max-date="maxDate"

  190.           @confirm="onConfirmHtqdrq"

  191.         />

  192.       </van-popup>

  193.       <van-field

  194.         readonly

  195.         clickable

  196.         v-if="qsrqOpen"

  197.         v-model="circulation.lzqsrq"

  198.         label="流转起始时间"

  199.         placeholder="请选择起始时间"

  200.         @click="showlzqsrq = true"

  201.         input-align="right"

  202.         right-icon="arrow-down"

  203.       />

  204.       <van-popup v-model="showlzqsrq" position="bottom">

  205.         <van-datetime-picker

  206.           v-model="currentDate"

  207.           type="date"

  208.           title="选择年月日"

  209.           :min-date="minDate"

  210.           :max-date="maxDate"

  211.           @confirm="onConfirmLzqsrq"

  212.         />

  213.       </van-popup>

  214. 

  215.       <van-field

  216.         readonly

  217.         clickable

  218.         v-model="circulation.lzjsrq"

  219.         v-if="jsrqOpen"

  220.         label="流转结束时间"

  221.         placeholder="请选择结束时间"

  222.         @click="showlzjsrq = true"

  223.         input-align="right"

  224.         right-icon="arrow-down"

  225.       />

  226.       <van-popup v-model="showlzjsrq" position="bottom">

  227.         <van-datetime-picker

  228.           v-model="currentDate"

  229.           type="date"

  230.           title="选择年月日"

  231.           :min-date="minDate"

  232.           :max-date="maxDate"

  233.           @confirm="onConfirmLzjsrq"

  234.         />

  235.       </van-popup>

  236. 

  237.       <van-field

  238.         readonly

  239.         clickable

  240.         v-model="lzqfwyt"

  241.         label="流转前房屋用途"

  242.         placeholder="请选择流转前房屋用途"

  243.         @click="showLzqfwyt = true"

  244.         input-align="right"

  245.         right-icon="arrow-down"

  246.         label-width="auto"

  247.       />

  248.       <van-popup v-model="showLzqfwyt" position="bottom">

  249.         <van-picker

  250.           show-toolbar

  251.           :columns="lzqfwytDictionaries"

  252.           @confirm="onConfirmLzqfwyt"

  253.           @cancel="showLzqfwyt = false"

  254.         />

  255.       </van-popup>

  256. 

  257.       <van-field

  258.         readonly

  259.         clickable

  260.         v-model="lzhfwyt"

  261.         label="流转后房屋用途"

  262.         placeholder="请选择流转后房屋用途"

  263.         @click="showLzhfwyt = true"

  264.         input-align="right"

  265.         right-icon="arrow-down"

  266.         label-width="auto"

  267.       />

  268.       <van-popup v-model="showLzhfwyt" position="bottom">

  269.         <van-picker

  270.           show-toolbar

  271.           :columns="lzhfwytDictionaries"

  272.           @confirm="onConfirmLzhfwyt"

  273.           @cancel="showLzhfwyt = false"

  274.         />

  275.       </van-popup>

  276.       <van-field v-if="zrnxOpen" label="转入年限" v-model="circulation.zrnx" placeholder="请输入转入年限" input-align="right" label-width="auto"/>

  277.     </div>

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

  279.     <div class="main_box">

  280.       <van-field label="所有权人代表姓名" v-model="circulation.suyqrdbxm" placeholder="请输入姓名" input-align="right" label-width="auto"/>

  281.       <van-field label="村集体意见" v-model="circulation.suyqryj" placeholder="请输入内容" input-align="right" label-width="auto"/>

  282.       <van-field label="备注" v-model="circulation.bz" placeholder="请输入备注" input-align="right" label-width="auto"/>

  283.     </div>

  284.     <van-dialog v-if="circulation.lzfs == '01' || circulation.lzfs == '02'" v-model="mapShow" show-cancel-button>

  285.       <MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.zrfdbxm" :landStatus="landStatus" :deptId="sysFarmer.deptId"></MapGisObtainTc>

  286.     </van-dialog>

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

  288.       <MapGisObtainTc ref="zjdProductResh" :shqrxm="circulation.shyqrxm" :landStatus="landStatus" :deptId="sysFarmer.deptId"></MapGisObtainTc>

  289.     </van-dialog>

  290.     <van-dialog v-show="circulation.lzfs == '03'" v-model="hhMapShow" show-cancel-button>

  291.       <MapGisObtainTc ref="zjdZrfProductResh" :shqrxm="circulation.zrfdbxm" :landStatus="landStatus" :deptId="sysFarmer.deptId"></MapGisObtainTc>

  292.     </van-dialog>

  293.     <div style="padding: 16px 0;">

  294.       <van-row>

  295.         <van-col span="24" align="center">

  296.           <van-button type="info" native-type="submit" class="submitButton" @click="goAdd">保<i style="margin-right: 1em;"></i>存</van-button>

  297.         </van-col>

  298.       </van-row>

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

  300.     </div>

  301.   </div>

  302. </template>

  303. 

  304. <script>

  305.   import { getLz , zjdzd , getByZjddm , edit , goApply,homeLzAdd } from "@/api/onlineHome/homestead/circulation";

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

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

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

  309.   export default {

  310.     name: "circulationAdd",

  311.     components: { MapGisObtainTc,FieldSelect },

  312.     data() {

  313.       return {

  314.         lzfsDictionaries: [],//流转方式

  315.         shyqrdmDictionaries: [],//转出方使用权人代码

  316.         lzqfwytDictionaries: [],//流转前房屋类型

  317.         lzhfwytDictionaries: [],//流转后房屋类型

  318.         zrfdbmcDictionaries: [],//转入方代表名称

  319.         zrfdbzjlxDictionaries: [],//转入方证件类型

  320.         zjdDictionaries: [],//宅基地列表

  321.         getObligeeOptions:[],

  322.         getZrfObligeeOptions:[],

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

  324.         xb:'男',

  325.         lzfs: '转让',//流转方式

  326.         shyqrdm: '',//转出方使用权人代码

  327.         lzqfwyt: '',//流转前房屋类型

  328.         lzhfwyt: '',//流转后房屋类型

  329.         zrfdbmc: '',//转入方代表名称

  330.         zrfdbzjlx: '',//转入方证件类型

  331.         sysFarmer:{deptId:this.$store.state.user.loginDeptId,memberName:""},

  332.         landStatus:"1",

  333.         zjd: [],//宅基地列表

  334.         sfjtjjzzShow:false,

  335.         zcfhkszdShow:false,

  336.         xjdShow:false,

  337.         qsrqOpen:false,

  338.         shyqxmShow:false,

  339.         houseOwnershipOpen:false,

  340.         jsrqOpen:false,

  341.         zrnxOpen:false,

  342.         showhtqdrq:false,

  343.         showDropList:false,

  344.         showZrfList:false,

  345.         showxb: false,

  346.         showLzfs: false,

  347.         showShyqrdm: false,

  348.         showLzqfwyt: false,

  349.         showLzhfwyt: false,

  350.         showZrfdbmc: false,

  351.         showZrfdbzjlx: false,

  352.         showZjd:false,

  353.         showlzqsrq:false,

  354.         showlzjsrq:false,

  355.         minDate: new Date(),

  356.         maxDate: new Date(2025, 10, 1),

  357.         currentDate: new Date(),

  358.         circulation: {jzmj:0.00,zcfsfbjtjjzzcy:"Y",zrfsfbjtjjzzcy:"Y",lzfs:"01",houseOwnership:"2",phlyms:"10"},

  359.         mapShow: false,

  360.         hhMapShow:false,

  361.       };

  362.     },

  363.     created() {

  364.       this.getDetail();

  365.     },

  366.     methods: {

  367.       onConfirmGsf(val){

  368.         if(val === "1"){

  369.           this.$set(this.circulation, "shyqrxm", this.$store.state.user.deptName+"村集体");

  370.           this.landStatus  = "2";

  371.           this.shyqxmShow = true;

  372.           this.sfjtjjzzShow=true;

  373.           this.zcfhkszdShow=true;

  374.           this.xjdShow=true;

  375.           this.zjddm = null;

  376.         }else{

  377.           this.shyqxmShow = false;

  378.           this.sfjtjjzzShow=false;

  379.           this.zcfhkszdShow=false;

  380.           this.xjdShow=false;

  381.         }

  382.       },

  383.       getDetail(){

  384.         getLz(this.$route.query.id).then(response => {

  385. 

  386.           if(response.data.houseOwnership === "1"){

  387.             this.shyqxmShow = true;

  388.             this.sfjtjjzzShow=true;

  389.             this.zcfhkszdShow=true;

  390.             this.xjdShow=true;

  391.             this.houseOwnershipOpen = true;

  392.             this.qsrqOpen = true;

  393.             this.jsrqOpen = true;

  394.             this.zrnxOpen = true;

  395.           }

  396.           //流转方式

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

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

  399.               if(res.data[i].dictSort < 6){

  400.                 this.lzfsDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue})

  401.               }

  402.             }

  403.             this.lzfs = this.selectDictLabel(res.data, response.data.lzfs);

  404.           });

  405.           //转入方证件类型

  406.           this.houseGetDicts("zjlx").then((res) => {

  407.             for( let i = 0 ; i < res.data.length ; i++){

  408.               this.zrfdbzjlxDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue})

  409.             }

  410.             this.zrfdbzjlx = this.selectDictLabel(res.data, response.data.zrfdbzjlx);

  411.           });

  412.           //流转前房屋用途

  413.           this.houseGetDicts("fwyt").then((res) => {//流转前房屋用途

  414.             console.log(res)

  415.             for( let i = 0 ; i < res.data.length ; i++){

  416.               this.lzqfwytDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue})

  417.             }

  418.             this.lzqfwyt = this.selectDictLabel(res.data, response.data.lzqfwyt);

  419.           });

  420.           //流转后房屋用途

  421.           this.houseGetDicts("fwyt").then((res) => {//流转后房屋用途

  422.             for( let i = 0 ; i < res.data.length ; i++){

  423.               this.lzhfwytDictionaries.push({text:res.data[i].dictLabel,value:res.data[i].dictValue})

  424.             }

  425.             this.lzhfwyt = this.selectDictLabel(res.data, response.data.lzhfwyt);

  426.           });

  427. 

  428.           this.circulation = response.data;

  429.           if(response.data.lzfs === "04" || response.data.lzfs === "05"){

  430.             this.landStatus  = "4";

  431.           }else {

  432.             this.landStatus  = "1";

  433.           }

  434.         });

  435.       },

  436.       onConfirmLzfs(value) {

  437.         if(value.value === "04" || value.value === "05"){

  438.           this.houseOwnershipOpen = true;

  439.           this.qsrqOpen = true;

  440.           this.jsrqOpen = true;

  441.           this.zrnxOpen = true;

  442.         }else{

  443.           this.houseOwnershipOpen = false;

  444.           this.qsrqOpen = false;

  445.           this.jsrqOpen = false;

  446.           this.zrnxOpen = false;

  447.           this.$set(this.circulation, "houseOwnership", "2");

  448.         }

  449.         this.lzfs = value.text;

  450.         this.circulation.lzfs = value.value;

  451.         this.showLzfs = false;

  452.       }, //流转方式

  453.       onConfirmZjd(value) {

  454.         this.circulation.zjddm = value;

  455.         var form = {};

  456.         form.zjddm = value;

  457.         getByZjddm(form).then(qlrRes => {

  458.           console.log(qlrRes.data.shyqrdm)

  459.           this.circulation.shyqrdm = qlrRes.data.shyqrdm;

  460.           this.$forceUpdate();

  461.         });

  462.         this.showZjd = false;

  463. 

  464.       },

  465.       mapLook(){

  466.         this.mapShow = true;

  467.         setTimeout(() => {

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

  469.         },1000);

  470.       },

  471.       hhMapLook(){

  472.         this.hhMapShow = true;

  473.         setTimeout(() => {

  474.           this.$refs.zjdZrfProductResh.drawingLyPaceCountryDarw();

  475.         },1000);

  476.       },

  477.       onConfirmXb(data){

  478.         this.xb = data.text;

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

  480.         this.showxb = false;

  481.       },

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

  483.       remoteTransfereeMethod(query) {

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

  485.           getShyqrs({shyqrdbxm:query,status:1,deptId:this.sysFarmer.deptId}).then((response) => {

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

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

  488.                 return {

  489.                   sqrxm:item.shyqrdbxm,

  490.                   sqrxb:item.xb,

  491.                   sqrzjhm:item.shyqrdbzjhm,

  492.                   sqrnhdm:item.nhdm,

  493.                   sqrzjlx:item.shyqrdbzjlx,

  494.                   sqrdh:item.dh,

  495.                   gyfs:item.gyfs,

  496.                   dz:item.dz,

  497.                   deptId:item.deptId,

  498.                   deptName:item.deptName,

  499.                   zjddm:item.zjddm,

  500.                   sfbncjtjjzzcy:item.sfbncjtjjzzcy,

  501.                   shyqrdm:item.shyqrdm,

  502.                 }

  503.               })

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

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

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

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

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

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

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

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

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

  513.                   } else {

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

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

  516.                   }

  517.                 });

  518.               } else {

  519.                 this.showDropList = false;

  520.               }

  521.             }

  522.           });

  523.         } else {

  524.           this.getObligeeOptions = [];

  525.           this.showDropList = false;

  526.         }

  527.       },

  528. 

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

  530.       remoteTransfereeMethodTwo(query) {

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

  532.           getShyqrs({shyqrdbxm:query,status:1,deptId:this.sysFarmer.deptId}).then((response) => {

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

  534.               this.getZrfObligeeOptions = response.rows.map(function (item) {

  535.                 return {

  536.                   sqrxm:item.shyqrdbxm,

  537.                   sqrxb:item.xb,

  538.                   sqrzjhm:item.shyqrdbzjhm,

  539.                   sqrnhdm:item.nhdm,

  540.                   sqrzjlx:item.shyqrdbzjlx,

  541.                   sqrdh:item.dh,

  542.                   gyfs:item.gyfs,

  543.                   dz:item.dz,

  544.                   deptId:item.deptId,

  545.                   deptName:item.deptName,

  546.                   zjddm:item.zjddm,

  547.                   sfbncjtjjzzcy:item.sfbncjtjjzzcy,

  548.                 }

  549.               })

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

  551.               if (this.getZrfObligeeOptions.length > 0) {

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

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

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

  555.                   if (this.getZrfObligeeOptions.length > 4) {

  556.                     let height = document.getElementById("vanCellZrf").offsetHeight * 4;

  557.                     document.getElementById("zrfList").style.height = height + "px";

  558.                     document.getElementById("zrfList").style.overflow = "scroll";

  559.                   } else {

  560.                     document.getElementById("zrfList").style.height = "";

  561.                     document.getElementById("zrfList").style.overflow = "visible";

  562.                   }

  563.                 });

  564.               } else {

  565.                 this.showZrfList = false;

  566.               }

  567.             }

  568.           });

  569.         } else {

  570.           this.getZrfObligeeOptions = [];

  571.           this.showZrfList = false;

  572.         }

  573.       },

  574.       shyqrdmxmChange(val){

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

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

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

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

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

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

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

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

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

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

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

  586.         this.$set(this.circulation, "zcfsfbjtjjzzcy", val.sfbncjtjjzzcy);

  587.         this.$set(this.circulation, "shyqrdm", val.shyqrdm);

  588.         this.getObligeeOptions=[];

  589.         this.showDropList = false;

  590.       },

  591. 

  592.       zrfdmxmChange(val){

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

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

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

  596.         this.$set(this.circulation, "zrfnhdm", val.sqrnhdm);

  597.         this.$set(this.circulation, "zrfsfbjtjjzzcy", val.sfbncjtjjzzcy);

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

  599.         this.getObligeeOptions=[];

  600.         this.showZrfList = false;

  601.       },

  602. 

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

  604.       closeMoule: function (data) {

  605.         this.circulation.zjddm = data;

  606.         let _this = this;

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

  608.           this.$set(this.circulation, "lzmj", response.data.zdmj);

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

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

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

  612.             });

  613.           });

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

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

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

  617.           }

  618.         });

  619.       },

  620.       //宅基地列表

  621.       onConfirmShyqrdm(value) {

  622.         this.showShyqrdm = false;

  623.       }, //转出方使用权人代码

  624.       onConfirmLzqfwyt(value) {

  625.         this.lzqfwyt = value.text;

  626.         this.circulation.lzqfwyt = value.value;

  627.         this.showLzqfwyt = false;

  628.       }, //流转前房屋用途

  629.       onConfirmLzhfwyt(value) {

  630.         this.lzhfwyt = value.text;

  631.         this.circulation.lzhfwyt = value.value;

  632.         this.showLzhfwyt = false;

  633.       }, //流转后房屋用途

  634.       onConfirmZrfdbmc(value) {

  635.         this.value = value;

  636.         this.showZrfdbmc = false;

  637.       }, //转入方代表名称

  638.       onConfirmZrfdbzjlx(value) {

  639.         this.zrfdbzjlx = value.text;

  640.         this.circulation.zrfdbzjlx = value.value;

  641.         this.showZrfdbzjlx = false;

  642.       }, //转入方代表证件类型

  643.       onConfirmLzqsrq(value) {

  644.         this.circulation.lzqsrq = this.getNowFormatDate(value).substr(0,10);

  645.         this.showlzqsrq = false;

  646.       }, //流转起始时间onConfirmHtqdrq

  647.       onConfirmHtqdrq(value) {

  648.         this.circulation.htqdrq = this.getNowFormatDate(value).substr(0,10);

  649.         this.showhtqdrq = false;

  650.       },

  651.       onConfirmLzjsrq(value) {

  652.         this.circulation.lzjsrq = this.getNowFormatDate(value).substr(0,10);

  653.         this.showlzjsrq = false;

  654.       }, //流转结束时间

  655.       goAdd(){

  656.         homeLzAdd(this.circulation).then(response => {

  657.           if(response.code = 200){

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

  659.             this.back();

  660. 

  661.           }

  662.         });

  663.       },

  664.       back() {

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

  666.       },

  667.     },

  668.   }

  669. </script>

  670. 

  671. <style scoped lang="scss">

  672.   .app-container {

  673.   }

  674.   .main_title{

  675.     font-size: 0.4rem;

  676.     color: #1D6FE9;

  677.     margin: 0.2rem 6%;

  678.     position: relative;

  679.   }

  680.   .main_box{

  681.     width: 96%;

  682.     margin: 0 auto;

  683.     border-radius: 6px;

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

  685.     overflow: hidden;

  686.     background-color: #FFF;

  687.   }

  688.   .submitButton{

  689.     width: 80%;

  690.     margin: 0 auto;

  691.     background-color: #1D6FE9;

  692. 

  693.   }

  694. </style>