zhangzl
/
nsgk_mobile
2
0
Rozštěpit 0
Zdrojový kód Úkoly 0 Požadavky na natažení 0 Vydání 0 Wiki Aktivita
移动端
Nelze vybrat více než 25 témat Téma musí začínat písmenem nebo číslem, může obsahovat pomlčky („-“) a může být dlouhé až 35 znaků.
1086 Revize
7 Větve
79 MiB
 
 
Strom: ed261d226e
Větve Značky
${ item.name }
Vytvořit větev ${ searchTerm }
z „ed261d226e“
${ noResults }
nsgk_mobile/src/views/homesteadSurvey/nhAdd.vue

421 řádky
14 KiB
Surový Blame Historie 

  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.         <van-field

  58.           input-align="right"

  59.           v-model="form.xm"

  60.           name="姓名"

  61.           label="姓名"

  62.           placeholder="请输入姓名"

  63.           maxlength="50"

  64.           autocomplete="off"

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

  66.           required

  67.         />

  68.         <field-select

  69.           v-model="form.zjlx"

  70.           label="证件类型"

  71.           value-key="dictLabel"

  72.           data-key="dictValue"

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

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

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

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

  77.           required

  78.         />

  79.         <van-field

  80.           input-align="right"

  81.           v-model="form.zjhm"

  82.           name="证件号码"

  83.           label="证件号码"

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

  85.           maxlength="50"

  86.           autocomplete="off"

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

  88.           required

  89.         />

  90.         <field-select

  91.           v-model="form.yhzgx"

  92.           label="与户主关系"

  93.           value-key="dictLabel"

  94.           data-key="dictValue"

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

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

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

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

  99.           required

  100.         />

  101.         <field-select

  102.           v-model="form.xb"

  103.           label="性别"

  104.           value-key="dictLabel"

  105.           data-key="dictValue"

  106.           placeholder="选择性别"

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

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

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

  110.           required

  111.         />

  112.         <field-select

  113.           v-model="form.hklx"

  114.           label="户口类型"

  115.           value-key="dictLabel"

  116.           data-key="dictValue"

  117.           placeholder="选择户口类型"

  118.           remote-url="/system/dict/data/type/account_type"

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

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

  121.           required

  122.         />

  123.         <van-field

  124.           input-align="right"

  125.           v-model="form.lxdh"

  126.           name="联系电话"

  127.           label="联系电话"

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

  129.           maxlength="50"

  130.           autocomplete="off"

  131.         />

  132.         <field-select

  133.           v-model="form.hyzk"

  134.           label="婚姻状况"

  135.           value-key="dictLabel"

  136.           data-key="dictValue"

  137.           placeholder="选择性别"

  138.           remote-url="/system/dict/data/type/hyzk"

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

  140.         />

  141.         <van-field

  142.           input-align="right"

  143.           v-model="form.hkszd"

  144.           name="户口所在地"

  145.           label="户口所在地"

  146.           placeholder="请输入户口所在地"

  147.           maxlength="50"

  148.           autocomplete="off"

  149.         />

  150. 

  151.         <field-select

  152.           v-model="form.cybz"

  153.           label="成员备注"

  154.           value-key="dictLabel"

  155.           data-key="dictValue"

  156.           placeholder="选择成员备注"

  157.           remote-url="/system/dict/data/type/cybz"

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

  159.         />

  160.         <van-field

  161.           input-align="right"

  162.           v-model="form.cybzsm"

  163.           name="备注说明"

  164.           label="备注说明"

  165.           placeholder="请输入备注说明"

  166.           maxlength="50"

  167.           autocomplete="off"

  168.         />

  169.         <field-select

  170.           v-model="form.sjly"

  171.           label="数据来源"

  172.           value-key="dictLabel"

  173.           data-key="dictValue"

  174.           placeholder="选择数据来源"

  175.           remote-url="/system/dict/data/type/sjly"

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

  177.         />

  178.         <FieldRadio

  179.           v-model="form.sfbjtjjzzcy"

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

  181.           value-key="dictLabel"

  182.           data-key="dictValue"

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

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

  185.         />

  186.         <FieldRadio

  187.           v-model="form.sfjbzgq"

  188.           label="具备资格权"

  189.           value-key="dictLabel"

  190.           data-key="dictValue"

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

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

  193.         />

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

  195. 

  196.         <FieldRadio

  197.           v-model="form.sfwbh"

  198.           label="是否五保户"

  199.           value-key="dictLabel"

  200.           data-key="dictValue"

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

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

  203.         />

  204.         <FieldRadio

  205.           v-model="form.sfpkh"

  206.           label="是否贫困户"

  207.           value-key="dictLabel"

  208.           data-key="dictValue"

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

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

  211.         />

  212.         <FieldRadio

  213.           v-model="form.zqtczsfyzf"

  214.           label="在其他村庄有住房"

  215.           value-key="dictLabel"

  216.           data-key="dictValue"

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

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

  219.         />

  220.         <FieldRadio

  221.           v-model="form.jzhcssfyzf"

  222.           label="在集镇或城市有住房"

  223.           value-key="dictLabel"

  224.           data-key="dictValue"

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

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

  227.         />

  228.         <FieldRadio

  229.           v-model="form.sfbccm"

  230.           label="本村村民"

  231.           value-key="dictLabel"

  232.           data-key="dictValue"

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

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

  235.         />

  236.         <field-select

  237.           v-model="form.occupation"

  238.           label="职业"

  239.           value-key="dictLabel"

  240.           data-key="dictValue"

  241.           placeholder="选择职业"

  242.           remote-url="/system/dict/data/type/occupation"

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

  244.         />

  245.         <field-select

  246.           v-model="form.jzqk"

  247.           label="居住情况"

  248.           value-key="dictLabel"

  249.           data-key="dictValue"

  250.           placeholder="选择居住情况"

  251.           remote-url="/system/dict/data/type/living_condition"

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

  253.         />

  254.         <van-field

  255.           input-align="right"

  256.           v-model="form.txdz"

  257.           name="通讯地址"

  258.           label="通讯地址"

  259.           placeholder="请输入通讯地址"

  260.           maxlength="50"

  261.           autocomplete="off"

  262.         />

  263.       </div>

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

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

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

  267.       </div>

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

  269.     </van-form>

  270.   </div>

  271. </template>

  272. 

  273. <script>

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

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

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

  277. 

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

  279. import axios from "axios";

  280. export default {

  281.   components: {FieldSelect, FieldRadio},

  282.   name: "nhAdd",

  283.   data() {

  284.     return {

  285.       active:2,

  286.       permission:false,

  287.       // 使用权人列表

  288.       syqrlist:[

  289.         {

  290.           shyqrdbxm :'测试测试',

  291.           shyqrdbzjhm :'12324648564',

  292.           nhdm :'777888999',

  293.         }

  294.       ],

  295.       minDate: new Date(),

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

  297.       showZgqrzrq:false,

  298.       form:{}

  299.     };

  300.   },

  301.   created(){

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

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

  304.     this.form = data;

  305.     if(this.form.nhdm == null){

  306.       this.$set(this.form, 'zjlx', "01");

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

  308.       this.$set(this.form, 'yhzgx', "22");

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

  310.       this.$set(this.form, 'hyzk', "01");

  311.       this.$set(this.form, 'cybz', "9");

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

  313.       this.$set(this.form, 'sfbjtjjzzcy', "1");

  314.       this.$set(this.form, 'sfjbzgq', "1");

  315.       this.$set(this.form, 'sfwbh', "0");

  316.       this.$set(this.form, 'sfpkh', "0");

  317.       this.$set(this.form, 'zqtczsfyzf', "0");

  318.       this.$set(this.form, 'jzhcssfyzf', "0");

  319.       this.$set(this.form, 'sfbccm', "1");

  320.       this.$set(this.form, 'occupation', "1");

  321.       this.$set(this.form, 'jzqk', "1");

  322.     }else{

  323.       this.getList();

  324.     }

  325. 

  326.   },

  327.   mounted(){

  328. 

  329.   },

  330.   methods: {

  331.     getList(){

  332.       listNhhncy({yhzgx:"02",nhdm:this.form.nhdm}).then(response => {

  333.         this.form = response.rows[0];

  334.       });

  335.     },

  336.     submitzjd(){

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

  338.         updateNhhncy(this.form).then(response => {

  339.         let _this =this

  340.         this.$toast({

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

  342.           message: '保存成功',

  343.           duration:"1000",

  344.           onClose:function(){

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

  346.           }

  347.         })

  348.       });

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

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

  351.       });

  352.     },

  353.     cancel(){

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

  355.     },

  356.     guidProduct(){

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

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

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

  360.         return v.toString(16);

  361.       });

  362.     },

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

  364.     MapTag: function (data) {

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

  366.     },

  367.     onConfirmZgqrzrq(data){

  368.       this.form.zgqrzrq = this.getNowFormatDate(data).substr(0,10);

  369.       this.showZgqrzrq = false;

  370.     },

  371.     goBack(){

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

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

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

  375.         }else{

  376.           this.backMap.backMapZjdAData = this.form;

  377.         }

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

  379.       } else {

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

  381.       }

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

  383.       // }

  384.     },

  385.   }

  386. }

  387. </script>

  388. 

  389. <style scoped>

  390. >>> .bannerBg{

  391.   width: 100%;

  392.   color:#fff;

  393.   padding:10px;

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

  395. }

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

  397.   border-bottom-width: 0;

  398. }

  399. >>> .title:before

  400. {

  401.   content:"";

  402.   width: 6px;

  403.   height: 20PX;

  404.   background: #7ac943;

  405.   border-radius: 3px;

  406.   position:absolute;

  407.   left:0;

  408.   bottom:0;

  409. }

  410. 

  411. >>> .delete-button {

  412.   height: 100%;

  413. }

  414. >>> .van-swipe-cell__wrapper{

  415.   margin-right:-3px;

  416. }

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

  418.   font-weight: bold;

  419. }

  420. </style>