zhangzl
/
nsgk_mobile
2
0
フォーク 0
コード 課題 0 プルリクエスト 0 リリース 0 Wiki アクティビティ
移动端
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。
1175 コミット
7 ブランチ
79 MiB
 
 
ツリー: 52bb3fe798
ブランチ タグ
${ item.name }
ブランチ ${ searchTerm } を作成
'52bb3fe798' から
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/nmfwAdd.vue

906 行
29 KiB
Raw Blame 履歴 

  1. <template>

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

  3.     <van-sticky style="position:relative;">

  4.       <div class="bannerBg">

  5.         <van-nav-bar

  6.           style="background:transparent;border-bottom-width:0;margin-bottom:.5rem;"

  7.           @click-left="goBack()"

  8.         >

  9.           <template #left>

  10.             <van-icon name="arrow-left" size="18" color="#fff" />

  11.           </template>

  12.           <template #title>

  13.             <p style="color:#fff">入户调查</p>

  14.           </template>

  15.         </van-nav-bar>

  16.       </div>

  17.       <div style="width:95%;left:2.5%;position:absolute;background:#fff;border-radius:15px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);padding: .3rem;top:1.2rem">

  18.         <van-row>

  19.           <van-col span="4" :offset="1" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add'})">

  20.               <van-icon :name="require('../../assets/images/housesteadSurvey/zjd'+(active==1?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  21.               <p :style="{color:(active==1?'rgb(34, 183, 242)':'#000')}">宅基地</p>

  22.           </van-col>

  23.           <van-col span="2">

  24.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  25.           </van-col>

  26.           <van-col span="4"  style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add2'})" >

  27.             <van-icon :name="require('../../assets/images/housesteadSurvey/nhxx'+(active==2?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  28.             <p :style="{color:(active==2?'rgb(34, 183, 242)':'#000')}">农户</p>

  29.           </van-col>

  30.           <van-col span="2">

  31.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  32.           </van-col>

  33.           <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add3'})" >

  34.             <van-icon :name="require('../../assets/images/housesteadSurvey/fwxx'+(active==3?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  35.             <p  :style="{color:(active==3?'rgb(34, 183, 242)':'#000')}">房屋</p>

  36.           </van-col>

  37.           <van-col span="2">

  38.             <div style="border-top: 2px dashed #b5b4b4;margin-top: 20px;"></div>

  39.           </van-col>

  40.           <van-col span="4" style="text-align:center;" @click="$router.push({path:'/homesteadSurvey/add4'})">

  41.             <van-icon :name="require('../../assets/images/housesteadSurvey/fsss'+(active==4?'A':'D')+'.png')" size="1rem" style="margin-top:0px;"/>

  42.             <p :style="{color:(active==4?'rgb(34, 183, 242)':'#000')}">附属物</p>

  43.           </van-col>

  44.         </van-row>

  45.       </div>

  46.     </van-sticky>

  47.     <van-form ref = "form">

  48.       <div style="margin:1.6rem auto;background: #ffffff;width: 95%;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.16);border-radius:15px;padding-top: 20px;">

  49.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">农民房屋信息</p>

  50.         <!--<van-field

  51.           v-model="form.deptId"

  52.           name="行政区划名称"

  53.           label="行政区划名称"

  54.           placeholder="行政区划名称"

  55.           :rules="[{ required: true, message: '' }]"

  56.         />-->

  57.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">基本信息</p>

  58.         <van-field

  59.           input-align="right"

  60.           v-model="form.nmfwzh"

  61.           name="房屋幢号"

  62.           label="房屋幢号"

  63.           placeholder="房屋幢号"

  64.           maxlength="50"

  65.           autocomplete="off"

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

  67.           required

  68.         />

  69.         <van-field

  70.           readonly

  71.           clickable

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

  73.           required

  74.           label="农户代码"

  75.           placeholder="请选择"

  76.           v-model="form.nhdm"

  77.           @click="shownhdm = true"

  78.           input-align="right"

  79.           right-icon="arrow-down"

  80.         />

  81.         <van-popup v-model="shownhdm" position="bottom">

  82.           <van-search v-model="nhdmSearch" placeholder="请输入搜索关键词" @input="onSearch"/>

  83.           <van-picker

  84.             show-toolbar

  85.             :columns="newList"

  86.             value-key="shyqrdbxm"

  87.             @confirm="shyqrdmxmChange"

  88.             @cancel="shownhdm = false"

  89.           />

  90.         </van-popup>

  91.         <van-field

  92.           input-align="right"

  93.           v-model="form.sjcs"

  94.           name="实际层数"

  95.           label="实际层数"

  96.           placeholder="实际层数"

  97.           maxlength="50"

  98.           autocomplete="off"

  99.           type="number"

  100.         />

  101.         <van-field

  102.           input-align="right"

  103.           v-model="form.hh"

  104.           name="户号"

  105.           label="户号"

  106.           placeholder="户号"

  107.           maxlength="50"

  108.           autocomplete="off"

  109.         />

  110.         <field-select

  111.           v-model="form.hx"

  112.           label="户型"

  113.           value-key="dictLabel"

  114.           data-key="dictValue"

  115.           placeholder="请选择户型"

  116.           remote-url="/open/zdzh/list/nmfwhx"

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

  118.         />

  119.         <field-select

  120.           v-model="form.hxjg"

  121.           label="户型结构"

  122.           value-key="dictLabel"

  123.           data-key="dictValue"

  124.           placeholder="请选择户型结构"

  125.           remote-url="/open/zdzh/list/nmfwhxjg"

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

  127.         />

  128.         <van-field

  129.           v-model="form.nmfwmj"

  130.           label="房屋面积(m²)"

  131.           placeholder="请输入房屋面积"

  132.           input-align="right"

  133.           label-width="auto"

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

  135.           required

  136.           type="number"/>

  137. 

  138.         <van-field

  139.           v-model="form.fjzdmj"

  140.           label="房基占地面积(m²)"

  141.           placeholder="请输入房基占地面积"

  142.           input-align="right"

  143.           label-width="auto"

  144.           type="number"/>

  145. 

  146.         <van-field

  147.           v-model="form.jzmj"

  148.           label="建筑面积(m²)"

  149.           placeholder="请输入建筑面积"

  150.           input-align="right"

  151.           label-width="auto"

  152.           type="number"/>

  153.         <field-select

  154.           v-model="form.fwlx"

  155.           label="房屋类型"

  156.           value-key="dictLabel"

  157.           data-key="dictValue"

  158.           placeholder="请选择房屋类型"

  159.           remote-url="/open/zdzh/list/fwlx"

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

  161.         />

  162.         <field-select

  163.           v-model="form.fwxz"

  164.           label="房屋性质"

  165.           value-key="dictLabel"

  166.           data-key="dictValue"

  167.           placeholder="请选择房屋性质"

  168.           remote-url="/open/zdzh/list/fwxz"

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

  170.         />

  171.         <field-select

  172.           v-model="form.fwjg"

  173.           label="房屋结构"

  174.           value-key="dictLabel"

  175.           data-key="dictValue"

  176.           placeholder="请选择房屋结构"

  177.           remote-url="/open/zdzh/list/housing_structure"

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

  179.         />

  180.         <van-field

  181.           input-align="right"

  182.           v-model="form.zl"

  183.           name="坐落"

  184.           label="坐落"

  185.           placeholder="坐落"

  186.           maxlength="50"

  187.           autocomplete="off"

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

  189.           required

  190.         />

  191.         <field-select

  192.           v-model="form.sjly"

  193.           label="数据来源"

  194.           value-key="dictLabel"

  195.           data-key="dictValue"

  196.           placeholder="请选择数据来源"

  197.           remote-url="/open/zdzh/list/sjly"

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

  199.         />

  200.         <van-field

  201.           input-align="right"

  202.           v-model="form.bz"

  203.           name="备注"

  204.           label="备注"

  205.           placeholder="备注"

  206.           maxlength="50"

  207.           autocomplete="off"

  208.         />

  209.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">不动产信息</p>

  210.         <van-field

  211.           input-align="right"

  212.           v-model="form.bdcdyh"

  213.           name="不动产单元号"

  214.           label="不动产单元号"

  215.           placeholder="不动产单元号"

  216.           maxlength="50"

  217.           autocomplete="off"

  218.         />

  219.         <van-field

  220.           input-align="right"

  221.           v-model="form.fwbm"

  222.           name="房屋编码"

  223.           label="房屋编码"

  224.           placeholder="房屋编码"

  225.           maxlength="50"

  226.           autocomplete="off"

  227.         />

  228.         <van-field

  229.           input-align="right"

  230.           v-model="form.zrzh"

  231.           name="自然幢号"

  232.           label="自然幢号"

  233.           placeholder="自然幢号"

  234.           maxlength="50"

  235.           autocomplete="off"

  236.         />

  237.         <van-field

  238.           input-align="right"

  239.           v-model="form.ch"

  240.           name="层号"

  241.           label="层号"

  242.           placeholder="层号"

  243.           maxlength="50"

  244.           autocomplete="off"

  245.         />

  246.         <van-field

  247.           input-align="right"

  248.           v-model="form.sjc"

  249.           name="实际层"

  250.           label="实际层"

  251.           placeholder="实际层"

  252.           maxlength="50"

  253.           autocomplete="off"

  254.           type="number"

  255.         />

  256.         <van-field

  257.           input-align="right"

  258.           v-model="form.myc"

  259.           name="名义层"

  260.           label="名义层"

  261.           placeholder="名义层"

  262.           maxlength="50"

  263.           autocomplete="off"

  264.           type="number"

  265.         />

  266.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">证书信息</p>

  267.         <FieldRadio

  268.           v-model="form.sffz"

  269.           label="是否发证"

  270.           value-key="dictLabel"

  271.           data-key="dictValue"

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

  273.           @change="onSffzChanged"

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

  275.         />

  276.         <van-field

  277.           v-if="showFzxx"

  278.           input-align="right"

  279.           v-model="form.zsh"

  280.           name="证书号"

  281.           label="证书号"

  282.           placeholder="证书号"

  283.           maxlength="150"

  284.           required

  285.           :rules="[{ required: true, message: '' }]"

  286.         />

  287.         <van-field

  288.           v-if="showFzxx"

  289.           input-align="right"

  290.           v-model="form.djjg"

  291.           name="登记机构"

  292.           label="登记机构"

  293.           placeholder="登记机构"

  294.           maxlength="50"

  295.           autocomplete="off"

  296.           required

  297.           :rules="[{ required: true, message: '' }]"

  298.         />

  299.         <van-field

  300.           v-if="showFzxx"

  301.           autocomplete="off"

  302.           input-align="right"

  303.           v-model="form.djsj"

  304.           name="登记时间"

  305.           label="登记时间"

  306.           placeholder="登记时间"

  307.           required

  308.           :rules="[{ required: true, message: '' }]"

  309.           readonly

  310.           @click="showDjsj = true"

  311.         />

  312.         <van-popup v-model:show="showDjsj" position="bottom">

  313.           <van-datetime-picker

  314.             :value="new Date"

  315.             type="date"

  316.             title="选择年月日"

  317.             @confirm="onConfirmDjsj"

  318.             @cancel="showDjsj = false"

  319.           />

  320.         </van-popup>

  321.         <FieldRadio

  322.           v-model="form.sfjf"

  323.           label="是否纠纷"

  324.           value-key="dictLabel"

  325.           data-key="dictValue"

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

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

  328.         />

  329.         <FieldRadio

  330.           v-model="form.sfcf"

  331.           label="是否查封"

  332.           value-key="dictLabel"

  333.           data-key="dictValue"

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

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

  336.           @change="onSfcfChanged"

  337.         />

  338.         <van-field

  339.           v-if="showCfxx"

  340.           autocomplete="off"

  341.           input-align="right"

  342.           v-model="form.cfqssj"

  343.           name="查封起始时间"

  344.           label="查封起始时间"

  345.           placeholder="查封起始时间"

  346.           required

  347.           :rules="[{ required: true, message: '' }]"

  348.           readonly

  349.           @click="showCfqssj = true"

  350.         />

  351.         <van-popup v-model:show="showCfqssj" position="bottom">

  352.           <van-datetime-picker

  353.             :value="new Date"

  354.             type="date"

  355.             title="选择年月日"

  356.             @confirm="onConfirmCfqssj"

  357.             @cancel="showCfqssj = false"

  358.           />

  359.         </van-popup>

  360.         <van-field

  361.           v-if="showCfxx"

  362.           autocomplete="off"

  363.           input-align="right"

  364.           v-model="form.cfjssj"

  365.           name="查封结束时间"

  366.           label="查封结束时间"

  367.           placeholder="查封结束时间"

  368.           required

  369.           :rules="[{ required: true, message: '' }]"

  370.           readonly

  371.           @click="showCfjssj = true"

  372.         />

  373.         <van-popup v-model:show="showCfjssj" position="bottom">

  374.           <van-datetime-picker

  375.             :value="new Date"

  376.             type="date"

  377.             title="选择年月日"

  378.             @confirm="onConfirmCfjssj"

  379.             @cancel="showCfjssj = false"

  380.           />

  381.         </van-popup>

  382.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">利用情况</p>

  383.         <field-select

  384.           v-model="form.lyzk"

  385.           label="房屋利用状况"

  386.           value-key="dictLabel"

  387.           data-key="dictValue"

  388.           placeholder="请选择房屋利用状况"

  389.           remote-url="/open/zdzh/list/nmfwlyzk"

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

  391.         />

  392.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">抵押情况</p>

  393.         <FieldRadio

  394.           v-model="form.sfdy"

  395.           label="是否抵押"

  396.           value-key="dictLabel"

  397.           data-key="dictValue"

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

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

  400.           @change="onSfdyChanged"

  401.         />

  402.         <van-field

  403.           v-if="showDyxx"

  404.           input-align="right"

  405.           v-model="form.dyqlr"

  406.           name="抵押权利人"

  407.           label="抵押权利人"

  408.           placeholder="抵押权利人"

  409.           maxlength="50"

  410.           autocomplete="off"

  411.           required

  412.           :rules="[{ required: true, message: '' }]"

  413.         />

  414.         <van-field

  415.           v-if="showDyxx"

  416.           input-align="right"

  417.           v-model="form.dyje"

  418.           name="抵押金额"

  419.           label="抵押金额"

  420.           placeholder="抵押金额"

  421.           maxlength="50"

  422.           autocomplete="off"

  423.           type="number"

  424.           required

  425.           :rules="[{ required: true, message: '' }]"

  426.         />

  427.         <van-field

  428.           v-if="showDyxx"

  429.           autocomplete="off"

  430.           input-align="right"

  431.           v-model="form.zwlxsjStart"

  432.           name="债务履行开始时间"

  433.           label="债务履行开始时间"

  434.           placeholder="债务履行开始时间"

  435.           required

  436.           :rules="[{ required: true, message: '' }]"

  437.           readonly

  438.           @click="showZwlvqssj = true"

  439.         />

  440.         <van-popup v-model:show="showZwlvqssj" position="bottom">

  441.           <van-datetime-picker

  442.             :value="new Date"

  443.             type="date"

  444.             title="选择年月日"

  445.             @confirm="onConfirmZwlvqssj"

  446.             @cancel="showZwlvqssj = false"

  447.           />

  448.         </van-popup>

  449.         <van-field

  450.           v-if="showDyxx"

  451.           autocomplete="off"

  452.           input-align="right"

  453.           v-model="form.zwlxsjEnd"

  454.           name="债务履行结束时间"

  455.           label="债务履行结束时间"

  456.           placeholder="债务履行结束时间"

  457.           required

  458.           :rules="[{ required: true, message: '' }]"

  459.           readonly

  460.           @click="showZwlvjssj = true"

  461.         />

  462.         <van-popup v-model:show="showZwlvjssj" position="bottom">

  463.           <van-datetime-picker

  464.             :value="new Date"

  465.             type="date"

  466.             title="选择年月日"

  467.             @confirm="onConfirmZwlvjssj"

  468.             @cancel="showZwlvjssj = false"

  469.           />

  470.         </van-popup>

  471.         <p class="title" style="position:relative;padding-left:10px;line-height:20px;font-size: 16px;margin-left: 3%;margin-bottom: 5px;">其他信息</p>

  472.         <van-field

  473.           input-align="right"

  474.           v-model="form.jznd"

  475.           name="建筑年代"

  476.           label="建筑年代"

  477.           placeholder="建筑年代"

  478.           maxlength="50"

  479.           autocomplete="off"

  480.         />

  481.         <field-select

  482.           v-model="form.fwaqxjddj"

  483.           label="房屋安全性鉴定等级"

  484.           value-key="dictLabel"

  485.           data-key="dictValue"

  486.           placeholder="请选择房屋安全性鉴定等级"

  487.           remote-url="/open/zdzh/list/fwaqxjddj"

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

  489.         />

  490.         <field-select

  491.           v-model="form.fwzt"

  492.           label="房屋状态"

  493.           value-key="dictLabel"

  494.           data-key="dictValue"

  495.           placeholder="请选择房房屋状态"

  496.           remote-url="/open/zdzh/list/fwzt"

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

  498.         />

  499.         <field-select

  500.           v-model="form.fwyt"

  501.           label="房屋用途"

  502.           value-key="dictLabel"

  503.           data-key="dictValue"

  504.           placeholder="请选择房房屋状态"

  505.           remote-url="/open/zdzh/list/fwyt"

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

  507.         />

  508.         <FieldRadio

  509.           v-model="form.sfytrgy"

  510.           label="与其他人共有"

  511.           value-key="dictLabel"

  512.           data-key="dictValue"

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

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

  515.         />

  516.       </div>

  517.       <div style="margin: 16px;display: flex;justify-content: space-around;">

  518.         <van-button v-if="permission == 'true'" round color="#22B7F2" style="width:45%" @click="submitzjd">保存</van-button>

  519.         <van-button plain color="#22B7F2" style="width:45%" round type="info" @click="cancel">取消</van-button>

  520.       </div>

  521.       <div style="height: 50px;"></div>

  522.     </van-form>

  523.   </div>

  524. </template>

  525. 

  526. <script>

  527. import {listZjdzd,getZjdzd,updateZjdzd,addZjdzd,uploadFile,getQueryLand,submitOnly} from "@/api/homesteadSurvey/zjdzd";

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

  529. import FieldRadio from "@/components/form/FieldRadio";

  530. import CommonMap from "@/components/house/CommonMap";

  531. import {getShyqrs} from "@/api/homesteadSurvey/shyqr";

  532. import {addNh, delNh, exportNh, getNh, listNh, updateNh,setNhInfo} from "@/api/homesteadSurvey/nh";

  533. import {listNmfw,addNmfw,updateNmfw,delNmfw} from "@/api/homesteadSurvey/nmfw";

  534. 

  535. import { Notify, Dialog, Toast } from 'vant';

  536. import axios from "axios";

  537. export default {

  538.   components: {FieldSelect, FieldRadio,CommonMap},

  539.   name: "zrzAdd",

  540.   data() {

  541.     return {

  542.       active:3,

  543.       // 使用权人列表

  544.       permission:false,

  545.       shownhdm:false,

  546.       showDjsj:false,

  547.       syqrlist:[

  548.         {

  549.           shyqrdbxm :'测试测试',

  550.           shyqrdbzjhm :'12324648564',

  551.           nhdm :'777888999',

  552.         }

  553.       ],

  554.       showDyxx:false,

  555.       showFzxx:false,

  556.       showCfxx:false,

  557.       showCfqssj:false,

  558.       showCfjssj:false,

  559.       showZwlvqssj:false,

  560.       showZwlvjssj:false,

  561.       zjdzdxxItem:{},

  562.       // 地图绘制

  563.       drawInsert: null,

  564.       nhdmSearch:null,

  565.       showDropList:false,

  566.       nhdmDictionaries:[],

  567.       newList:[],

  568.       // 当前位置信息

  569.       tGeoOrganizationLat: null,

  570.       tGeoOrganizationLng: null,

  571.       minDate: new Date(),

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

  573.       showZgqrzrq:false,

  574.       form:{}

  575.     };

  576.   },

  577.   created(){

  578.     let data = this.$route.query;

  579.     this.form = data;

  580.     this.permission = localStorage.getItem("executePermission");

  581.     this.zjdzdxxItem = JSON.parse(localStorage.getItem("zjdzdxxItem"));

  582.     if(this.form.id == null){

  583.       this.$set(this.form, 'hx', "01");

  584.       this.$set(this.form, 'hxjg', "01");

  585.       this.$set(this.form, 'fwlx', "01");

  586.       this.$set(this.form, 'fwxz', "6");

  587.       this.$set(this.form, 'fwjg', "01");

  588.       this.$set(this.form, 'sjly', "01");

  589.       this.$set(this.form, 'sffz', "0");

  590.       this.$set(this.form, 'sfjf', "0");

  591.       this.$set(this.form, 'sfcf', "0");

  592.       this.$set(this.form, 'lyzk', "11");

  593.       this.$set(this.form, 'sfdy', "0");

  594.       this.$set(this.form, 'fwaqxjddj', "01");

  595.       this.$set(this.form, 'fwzt', "01");

  596.       this.$set(this.form, 'fwyt', "10");

  597.       this.$set(this.form, 'sfytrgy', "0");

  598.     }else{

  599.       if(this.form.sffz === "1"){

  600.         this.showFzxx = true;

  601.       }else{

  602.         this.showWbzyy = true;

  603.       }

  604.       if(this.form.sfcf === "1"){

  605.         this.showCfxx = true;

  606.       }

  607.       if(this.form.sfdy === "1"){

  608.         this.showDyxx = true;

  609.       }

  610.       if(this.form.jznd != null){

  611.         this.form.jznd = this.form.jznd.substr(0,10);

  612.       }

  613.     }

  614.     this.getList();

  615.   },

  616.   mounted(){

  617. 

  618.   },

  619.   methods: {

  620.     getList(){

  621.        getShyqrs({zjddm:this.form.zjddm}).then(response => {

  622.         this.nhdmDictionaries = response.rows.map(function(item){

  623.           item.shyqrdbxm = item.shyqrdbxm + item.nhdm;

  624.           return {

  625.             shyqrdbxm:item.shyqrdbxm,

  626.             nhdm:item.nhdm,

  627.           };

  628.         });

  629.         this.newList = this.nhdmDictionaries;

  630.       });

  631.     },

  632.     submitzjd(){

  633.       this.$refs.form.validate().then(() => {

  634.       if(this.form.id == null){

  635.         addNmfw(this.form).then(response => {

  636.             let _this =this

  637.             this.$toast({

  638.               icon: 'success', // 找到自己需要的图标

  639.               message: '保存成功',

  640.               duration:"1000",

  641.               onClose:function(){

  642.                 _this.$router.push({path:'/homesteadSurvey/nmfwList',query: {nmfwzh:_this.form.nmfwzh}});

  643.               }

  644.             })

  645.         })

  646.       }else{

  647.         updateNmfw(this.form).then(response => {

  648.           let _this =this

  649.           this.$toast({

  650.             icon: 'success', // 找到自己需要的图标

  651.             message: '保存成功',

  652.             duration:"1000",

  653.             onClose:function(){

  654.               _this.$router.push({path:'/homesteadSurvey/nmfwList',query: {nmfwzh:_this.form.nmfwzh}});

  655.             }

  656.           })

  657.         });

  658.       }

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

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

  661.       });

  662.     },

  663.     /**是否发证*/

  664.     onSffzChanged(val){

  665.       if(val === '1'){

  666.         this.showFzxx = true;

  667.         this.$set(this.form, 'zsh', this.zjdzdxxItem.zsh);

  668.       }else{

  669.         this.showFzxx = false;

  670.         this.$set(this.form, 'zsh', null);

  671.         this.$set(this.form, 'djjg', null);

  672.         this.$set(this.form, 'djsj', null);

  673.       }

  674.     },

  675.     /**是否查封*/

  676.     onSfcfChanged(val){

  677.       if(val === '1'){

  678.         this.showCfxx = true;

  679.       }else{

  680.         this.showCfxx = false;

  681.         this.$set(this.form, 'cfqssj', null);

  682.         this.$set(this.form, 'cfjssj', null);

  683.       }

  684.     },

  685.     /**是否抵押*/

  686.     onSfdyChanged(val){

  687.       if(val === '1'){

  688.         this.showDyxx = true;

  689.       }else{

  690.         this.showDyxx = false;

  691.         this.$set(this.form, 'dyqlr', null);

  692.         this.$set(this.form, 'dyje', null);

  693.         this.$set(this.form, 'zwlxsjStart', null);

  694.         this.$set(this.form, 'zwlxsjEnd', null);

  695.       }

  696.     },

  697.     onConfirmDjsj(data){

  698.       this.form.djsj = this.getNowFormatDate(data).substr(0,10);

  699.       this.showDjsj = false;

  700.     },

  701.     onConfirmCfqssj(data){

  702.       this.form.cfqssj = this.getNowFormatDate(data).substr(0,10);

  703.       this.showCfqssj = false;

  704.     },

  705.     onConfirmCfjssj(data){

  706.       this.form.cfjssj = this.getNowFormatDate(data).substr(0,10);

  707.       this.showCfjssj = false;

  708.     },

  709.     onConfirmZwlvqssj(data){

  710.       this.form.zwlxsjStart = this.getNowFormatDate(data).substr(0,10);

  711.       this.showZwlvqssj = false;

  712.     },

  713.     onConfirmZwlvjssj(data){

  714.       this.form.zwlxsjEnd = this.getNowFormatDate(data).substr(0,10);

  715.       this.showZwlvjssj = false;

  716.     },

  717.     onSearch(val) {

  718.       console.info(val);

  719.       if(this.nhdmDictionaries.length>0){

  720.         this.newList = []

  721.         for(let j = 0 ;j<this.nhdmDictionaries.length;j++){

  722.           if(this.nhdmDictionaries[j].shyqrdbxm.indexOf(val)>-1){

  723.             this.newList.push(this.nhdmDictionaries[j]);

  724.           }

  725.         }

  726.       }

  727.       if(val==""){

  728.         this.getList()

  729.       }

  730.     },

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

  732.     remoteTransfereeMethod(query) {

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

  734.         console.info(this.form.zjddm);

  735.         getShyqrs({zjddm:this.form.zjddm,shyqrdbxm:query,}).then((response) => {

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

  737.             if(response.rows.length === 0){

  738.               this.form.nhdm = null;

  739.             }

  740.             this.nhdmDictionaries = response.rows.map(function (item) {

  741.               return {

  742.                 shyqrdbxm:item.shyqrdbxm,

  743.                 nhdm:item.nhdm

  744.               }

  745.             })

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

  747.             if (this.nhdmDictionaries.length > 0) {

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

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

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

  751.                 if (this.nhdmDictionaries.length > 4) {

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

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

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

  755.                 } else {

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

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

  758.                 }

  759.               });

  760.             } else {

  761.               this.showDropList = false;

  762.             }

  763.           }

  764.         });

  765.       } else {

  766.         this.nhdmDictionaries = [];

  767.         this.showDropList = false;

  768.       }

  769.     },

  770.     shyqrdmxmChange(val){

  771.       this.$set(this.form, "nhdm", val.nhdm);

  772.       this.shownhdm = false;

  773.     },

  774.     // 绘制申请地图

  775.     pointDarw(data) {

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

  777.         let map = this.$refs.pointDarwMap;

  778.         if(data === null)

  779.             data = this.form.theGeomJson;

  780.             this.setMapData(map, data);

  781. 

  782.       });

  783.     },

  784.     // 通用设置地图数据函数

  785.     setMapData(map, data) {

  786.       //console.log(map, data ? true : false);

  787.       if(!map) return;

  788.       if(data)

  789.       {

  790.         map.setLayer('pointDarwLayer', data);

  791.       }

  792.       else {

  793.         this.getLandCoord((lng, lat) => {

  794.           map.setCoord(this.tGeoOrganizationLng, this.tGeoOrganizationLat);

  795.         });

  796.       }

  797.     },

  798.     // 当地图绘制完成时

  799.     onMapDrawFinished(data) {

  800.       console.info(data);

  801.      this.drawInsert = data;

  802.       this.form.theGeomJson = JSON.stringify(this.drawInsert);

  803.     },

  804.     // 当申请地图被重置时

  805.     onMapDrawReseted() {

  806.       this.drawInsert = null;

  807.       if(this.form.theGeomJson)

  808.       {

  809.         let lastData = JSON.parse(this.form.theGeomJson);

  810.         if(lastData.hasOwnProperty('coordinates')) // 从后台获取的

  811.           this.drawInsert = lastData.coordinates;

  812.       }

  813.     },

  814.     cancel(){

  815.       this.$router.push({path:'/homesteadSurvey/nmfwList',query: {nmfwzh:this.form.nmfwzh}});

  816.     },

  817.     // 获取登录人位置坐标

  818.     getLandCoord(func) {

  819.       if (func

  820.         && this.tGeoOrganizationLng !== null && this.tGeoOrganizationLng !== ''

  821.         && this.tGeoOrganizationLat !== null && this.tGeoOrganizationLat !== '') {

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

  823.           func(this.tGeoOrganizationLng, this.tGeoOrganizationLat);

  824.         })

  825.       }

  826.       else {

  827.         console.info(this.deptId);

  828.         getQueryLand(this.deptId).then((response) => {

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

  830.             let InsertCode = response.data;

  831.             this.form.orgCode = InsertCode.orgCode;

  832.             this.tGeoOrganizationLat = InsertCode.lat;

  833.             this.tGeoOrganizationLng = InsertCode.lng;

  834.             if(func)

  835.             {

  836.               func(this.tGeoOrganizationLng, this.tGeoOrganizationLat);

  837.             }

  838.           }

  839.         });

  840.       }

  841.     },

  842.     guidProduct(){

  843.       return 'xxxxxxxxxxxx4xxxyxxxxxxxxxxxxxxx'.replace(/[xy]/g, function (c) {

  844.         var r = Math.random() * 16 | 0,

  845.           v = c == 'x' ? r : (r & 0x3 | 0x8);

  846.         return v.toString(16);

  847.       });

  848.     },

  849.     /** 查找地图中定位点 */

  850.     MapTag: function (data) {

  851.       this.$refs[this.zjdProductResh].drawingPaceCountryDarw();

  852.     },

  853.     onConfirmZgqrzrq(data){

  854.       this.form.jgrq = this.getNowFormatDate(data).substr(0,10);

  855.       this.showZgqrzrq = false;

  856.     },

  857.     goBack(){

  858.       if(this.ztMap && this.enterMap ==1){

  859.         if(this.form.id == null){

  860.           this.backMap.backMapZjdAData.theGeom= "";

  861.         }else{

  862.           this.backMap.backMapZjdAData = this.form;

  863.         }

  864.         this.$cookies.set("search",this.backMap);

  865.       } else {

  866.         this.$cookies.set("search","");

  867.       }

  868.       this.$router.push({name: this.$router.back(-1)});

  869.       // }

  870.     },

  871.   }

  872. }

  873. </script>

  874. 

  875. <style scoped>

  876. >>> .bannerBg{

  877.   width: 100%;

  878.   color:#fff;

  879.   padding:10px;

  880.   background: linear-gradient(134deg,#7ac943 1%, #22b7f2);

  881. }

  882. >>> .van-hairline--bottom::after {

  883.   border-bottom-width: 0;

  884. }

  885. >>> .title:before

  886. {

  887.   content:"";

  888.   width: 6px;

  889.   height: 20PX;

  890.   background: #7ac943;

  891.   border-radius: 3px;

  892.   position:absolute;

  893.   left:0;

  894.   bottom:0;

  895. }

  896. >>> .delete-button {

  897.   height: 100%;

  898. }

  899. >>> .van-swipe-cell__wrapper{

  900.   margin-right:-3px;

  901. }

  902. >>> .label-class .van-collapse-item__title--expanded{

  903.   font-weight: bold;

  904. }

  905. </style>