zhangzl
/
nsgk_mobile
2
0
Креирај огранак 0
Код Дискусије 0 Захтеви за спајање 0 Издања 0 Вики Activity
移动端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1100 Комити
7 Гране
571 MiB
 
 
Дрво: 8f4bc849f1
Гране Ознаке
${ item.name }
Create branch ${ searchTerm }
from '8f4bc849f1'
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/shyqrAdd.vue

540 lines
18 KiB
Датотека 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;height:2rem;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:30px 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. 

  58.         <van-field v-model="form.nhdm" label="农户代码" placeholder="农户代码" input-align="right" label-width="auto" :rules="[{ required: true }]" required @input="remoteTransfereeMethod" />

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

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

  61.             {{item.hzxm}}-{{item.nhdm}}

  62.           </van-cell>

  63.         </div>

  64.         <van-field

  65.           v-model="form.zjddm"

  66.           label="宅基地代码"

  67.           placeholder="宅基地代码"

  68.           input-align="right"

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

  70.           required

  71.         />

  72.         <van-field

  73.           readonly

  74.           clickable

  75.           label="农民房屋代码"

  76.           placeholder="请选择"

  77.           v-model="form.nmfwdm"

  78.           @click="shownmfwdm = true"

  79.           input-align="right"

  80.           right-icon="arrow-down"

  81.         />

  82.         <van-popup v-model="shownmfwdm" position="bottom">

  83.           <van-picker

  84.             show-toolbar

  85.             :columns="nmfwDictionaries"

  86.             value-key="nmfwdm"

  87.             @confirm="onConfirmnmfwdm"

  88.             @cancel="shownmfwdm = false"

  89.           />

  90.         </van-popup>

  91.         <van-field

  92.           autocomplete="off"

  93.           input-align="right"

  94.           v-model="form.bdcdyh"

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

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

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

  98.         />

  99.         <van-field

  100.           autocomplete="off"

  101.           input-align="right"

  102.           v-model="form.bdcqzh"

  103.           name="不动产权证号"

  104.           label="不动产权证号"

  105.           placeholder="不动产权证号"

  106.         />

  107.         <van-field

  108.           autocomplete="off"

  109.           input-align="right"

  110.           v-model="form.qzysxlh"

  111.           name="权证印刷号"

  112.           label="权证印刷号"

  113.           placeholder="权证印刷序列号"

  114.         />

  115.         <van-field

  116.           autocomplete="off"

  117.           input-align="right"

  118.           v-model="form.fzjg"

  119.           name="发证机关"

  120.           label="发证机关"

  121.           placeholder="发证机关"

  122.         />

  123. 

  124.         <van-field

  125.           input-align="right"

  126.           v-model="form.shyqrdbxm"

  127.           name="代表姓名"

  128.           label="代表姓名"

  129.           placeholder="请输入使用权人代表姓名"

  130.           maxlength="50"

  131.           autocomplete="off"

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

  133.           required

  134.         />

  135.         <field-select

  136.           v-model="form.shyqrdbzjlx"

  137.           label="证件类型"

  138.           value-key="dictLabel"

  139.           data-key="dictValue"

  140.           placeholder="请输入使用权人证件类型"

  141.           remote-url="/open/zdzh/list/zjlx"

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

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

  144.           required

  145.         />

  146.         <van-field

  147.           input-align="right"

  148.           v-model="form.shyqrdbzjhm"

  149.           name="证件号码"

  150.           label="证件号码"

  151.           placeholder="请输入使用权人证件号码"

  152.           maxlength="50"

  153.           autocomplete="off"

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

  155.           readonly

  156.           required

  157.         />

  158.         <field-select

  159.           v-model="form.xb"

  160.           label="性别"

  161.           value-key="dictLabel"

  162.           data-key="dictValue"

  163.           placeholder="选择性别"

  164.           remote-url="/open/zdzh/list/sys_user_sex"

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

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

  167.           required

  168.         />

  169.         <van-field

  170.           input-align="right"

  171.           v-model="form.dh"

  172.           name="联系电话"

  173.           label="联系电话"

  174.           placeholder="请输入联系电话"

  175.           maxlength="50"

  176.           autocomplete="off"

  177.         />

  178.         <FieldRadio

  179.           v-model="form.sfbncjtjjzzcy"

  180.           label="是否本集体经济组织成员"

  181.           value-key="dictLabel"

  182.           data-key="dictValue"

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

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

  185.         />

  186.         <field-select

  187.           v-model="form.hklx"

  188.           label="户口类型"

  189.           value-key="dictLabel"

  190.           data-key="dictValue"

  191.           placeholder="选择性别"

  192.           remote-url="/open/zdzh/list/account_type"

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

  194.         />

  195.         <van-field

  196.           input-align="right"

  197.           v-model="form.dz"

  198.           name="地址"

  199.           label="地址"

  200.           placeholder="请输入地址"

  201.           maxlength="50"

  202.           autocomplete="off"

  203.         />

  204.         <field-select

  205.           v-model="form.qlrlx"

  206.           label="权利人类型"

  207.           value-key="dictLabel"

  208.           data-key="dictValue"

  209.           placeholder="选择权利人类型"

  210.           remote-url="/open/zdzh/list/obligee_type"

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

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

  213.           required

  214.         />

  215.         <field-select

  216.           v-model="form.sshy"

  217.           label="所属行业"

  218.           value-key="dictLabel"

  219.           data-key="dictValue"

  220.           placeholder="请选择所属行业"

  221.           remote-url="/open/zdzh/list/gmjjhy"

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

  223.         />

  224.         <field-select

  225.           v-model="form.gj"

  226.           label="国家/地区"

  227.           value-key="dictLabel"

  228.           data-key="dictValue"

  229.           placeholder="请选择国家/地区"

  230.           remote-url="/open/zdzh/list/country_or_region"

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

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

  233.           required

  234.         />

  235.         <field-select

  236.           v-model="form.hjszss"

  237.           label="户籍所在省市"

  238.           value-key="dictLabel"

  239.           data-key="dictValue"

  240.           placeholder="请选择户籍所在省市"

  241.           remote-url="/open/zdzh/list/province_code"

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

  243.         />

  244.         <FieldRadio

  245.           v-model="form.sfsyqrzjgy"

  246.           label="使用权人之间共有"

  247.           value-key="dictLabel"

  248.           data-key="dictValue"

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

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

  251.         />

  252.         <field-select

  253.           v-model="form.gyfs"

  254.           label="共有方式"

  255.           value-key="dictLabel"

  256.           data-key="dictValue"

  257.           placeholder="请选择共有方式"

  258.           remote-url="/open/zdzh/list/common_mode"

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

  260.         />

  261.         <FieldRadio

  262.           v-model="form.sfczr"

  263.           label="持证人"

  264.           value-key="dictLabel"

  265.           data-key="dictValue"

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

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

  268.         />

  269.         <van-field

  270.           input-align="right"

  271.           v-model="form.qlbl"

  272.           name="权利比例(%)"

  273.           label="权利比例(%)"

  274.           placeholder="请输入权利比例(%)"

  275.           maxlength="50"

  276.           autocomplete="off"

  277.         />

  278.         <van-field

  279.           input-align="right"

  280.           v-model="form.bz"

  281.           name="备注"

  282.           label="备注"

  283.           placeholder="请输入备注"

  284.           maxlength="50"

  285.           autocomplete="off"

  286.         />

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

  288.           <MapGisObtainTc ref="zjdProductResh" :shqrxm="hzxm" :landStatus="landStatus" :deptId="deptId" @closeMoule="closeMoule"></MapGisObtainTc>

  289.         </van-dialog>

  290.       </div>

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

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

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

  294.       </div>

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

  296.     </van-form>

  297.   </div>

  298. </template>

  299. 

  300. <script>

  301. import {listShyqr,addShyqr,updateShyqr,delShyqr,setSyqrInfo} from "@/api/homesteadSurvey/shyqr";

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

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

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

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

  306. import {listZrz,addZrz,updateZrz,getZrzZjdDmList,delZrz,updateZrzStatus} from "@/api/homesteadSurvey/zrz";

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

  308. import {listSuyqr,addSuyqr,updateSuyqr} from "@/api/homesteadSurvey/suyqr";

  309. import {listNhhncy,addNhhncy,updateNhhncy,delNhhncy} from "@/api/homesteadSurvey/nhhncy";

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

  311. import {listFsss,addFsss,updateFsss,delFsss,getFsssZjdDmList,updateFsssStatus} from "@/api/homesteadSurvey/fsss";

  312. import { listTown, getTown } from "@/api/homesteadSurvey/town";

  313. import { listVillage} from "@/api/homesteadSurvey/village";

  314. import { sysConfig} from "@/api/homesteadSurvey/index";

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

  316. import axios from "axios";

  317. export default {

  318.   components: {FieldSelect, FieldRadio,MapGisObtainTc},

  319.   name: "shyqrAdd",

  320.   data() {

  321.     return {

  322.       active:2,

  323.       // 使用权人列表

  324.       syqrlist:[

  325.         {

  326.           shyqrdbxm :'测试测试',

  327.           shyqrdbzjhm :'12324648564',

  328.           nhdm :'777888999',

  329.         }

  330.       ],

  331.       permission:false,

  332.       shownhdm:false,

  333.       showDropList:false,

  334.       shownmfwdm:false,

  335.       hzxm:null,

  336.       landStatus:"1",

  337.       deptId:JSON.parse(localStorage.getItem("surveyItem")).deptId,

  338.       nhdmDictionaries:[],

  339.       nmfwDictionaries:[],

  340.       mapShow: false,

  341.       form:{}

  342.     };

  343.   },

  344.   created(){

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

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

  347.     this.form = data;

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

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

  350.       this.$set(this.form, 'shyqrdbzjlx', "01");

  351.       this.$set(this.form, 'xb', "1");

  352.       this.$set(this.form, 'sfbncjtjjzzcy', "1");

  353.       this.$set(this.form, 'hklx', "01");

  354.       this.$set(this.form, 'qlrlx', "10");

  355.       this.$set(this.form, 'sshy', "A");

  356.       this.$set(this.form, 'gj', "1");

  357.       this.$set(this.form, 'hjszss', "110000");

  358.       this.$set(this.form, 'sfsyqrzjgy', "1");

  359.       this.$set(this.form, 'gyfs', "1");

  360.       this.$set(this.form, 'sfczr', "1");

  361. 

  362.     }

  363.     this.$set(this.form, 'zjddm', this.zjdzdxx.zjddm);

  364.     listZjdzd({zjddm:this.zjdzdxx.zjddm}).then(response => {

  365.       this.form.bdcdyh = response.rows[0].bdcdyh;

  366.     });

  367.     listNmfw({zjddm:this.zjdzdxx.zjddm}).then(response => {

  368.       this.nmfwDictionaries = response.rows;

  369.     });

  370.     // this.getList();

  371.   },

  372.   mounted(){

  373. 

  374.   },

  375.   methods: {

  376.     getList(){

  377.       listNh({}).then(response => {

  378.         this.nhdmDictionaries = response.rows;

  379.       });

  380.     },

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

  382.     remoteTransfereeMethod(query) {

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

  384.         listNh({hzxm:query}).then((response) => {

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

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

  387.               return {

  388.                 hzxm:item.hzxm,

  389.                 sqrxb:item.xb,

  390.                 hzzjhm:item.hzzjhm,

  391.                 nhdm:item.nhdm,

  392.                 hzzjlx:item.hzzjlx,

  393.                 lxdh:item.lxdh,

  394.                 deptId:item.deptId,

  395.                 deptName:item.deptName,

  396.               }

  397.             })

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

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

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

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

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

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

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

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

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

  407.                 } else {

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

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

  410.                 }

  411.               });

  412.             } else {

  413.               this.showDropList = false;

  414.             }

  415.           }

  416.         });

  417.       } else {

  418.         this.nhdmDictionaries = [];

  419.         this.showDropList = false;

  420.       }

  421.     },

  422.     shyqrdmxmChange(val){

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

  424.       this.$set(this.form, "shyqrdbzjhm", val.hzzjhm);

  425.       this.showDropList = false;

  426.     },

  427.     submitzjd(){

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

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

  430.         addShyqr(this.form).then(response => {

  431.           let _this =this

  432.           this.$toast({

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

  434.             message: '保存成功',

  435.             duration:"1000",

  436.             onClose:function(){

  437.               _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}});

  438.             }

  439.           })

  440.         });

  441.       }else{

  442.         updateShyqr(this.form).then(response => {

  443.           let _this =this

  444.           this.$toast({

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

  446.             message: '保存成功',

  447.             duration:"1000",

  448.             onClose:function(){

  449.               _this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: _this.form.zjddm}});

  450.             }

  451.           })

  452.         });

  453.       }

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

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

  456.       });

  457.     },

  458.     mapLook(){

  459.       this.mapShow = true;

  460.       setTimeout(() => {

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

  462.       },1000);

  463.     },

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

  465.     closeMoule: function (data) {

  466.       this.form.zjddm = data;

  467.     },

  468.     cancel(){

  469.       this.$router.push({path:'/homesteadSurvey/add2',query: {zjddm: this.form.zjddm}});

  470.     },

  471.     onConfirmnhdm(val){

  472.       this.form.nhdm = val.nhdm;

  473.       this.hzxm = val.hzxm;

  474.       this.shownhdm =false;

  475.     },

  476.     onConfirmnmfwdm(val){

  477.       this.form.nmfwdm = val.nmfwdm;

  478.       this.shownmfwdm = false;

  479.     },

  480.     guidProduct(){

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

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

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

  484.         return v.toString(16);

  485.       });

  486.     },

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

  488.     MapTag: function (data) {

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

  490.     },

  491.     goBack(){

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

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

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

  495.         }else{

  496.           this.backMap.backMapZjdAData = this.form;

  497.         }

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

  499.       } else {

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

  501.       }

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

  503.       // }

  504.     },

  505.   }

  506. }

  507. </script>

  508. 

  509. <style scoped>

  510. >>> .bannerBg{

  511.   width: 100%;

  512.   color:#fff;

  513.   padding:10px;

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

  515. }

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

  517.   border-bottom-width: 0;

  518. }

  519. >>> .title:before

  520. {

  521.   content:"";

  522.   width: 6px;

  523.   height: 20PX;

  524.   background: #7ac943;

  525.   border-radius: 3px;

  526.   position:absolute;

  527.   left:0;

  528.   bottom:0;

  529. }

  530. >>> .delete-button {

  531.   height: 100%;

  532. }

  533. >>> .van-swipe-cell__wrapper{

  534.   margin-right:-3px;

  535. }

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

  537.   font-weight: bold;

  538. }

  539. </style>