|
|
@@ -4,9 +4,16 @@
|
|
|
title="新增实有居住人员信息"
|
|
|
:visible.sync="dialogVisible"
|
|
|
width="50%"
|
|
|
- :before-close="handleClose">
|
|
|
+ @close="closeDialogs('form')"
|
|
|
+ :before-close="handleClose">{{form}}
|
|
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px" size="small">
|
|
|
<el-row>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-form-item label="详细地址" prop="dzXz" style="display: table;width: 100%;">
|
|
|
+ <el-input v-model="form.dzXz"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+
|
|
|
<el-form-item label="人员信息类型" >
|
|
|
<!-- <el-input v-model="form.type" ></el-input>-->
|
|
|
<div @click="clickType(index,item.value)" class="typediv" :class="{'isactive':isclick==index}" v-for="(item,index) in typeList">
|
|
|
@@ -14,6 +21,7 @@
|
|
|
<span style="display: block">{{item.name}}</span>
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
+
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
<el-col :span="12">
|
|
|
@@ -24,7 +32,6 @@
|
|
|
<i class="el-icon-plus" style="font-size: 50px;color: #D4D6D9;line-height: 80px"></i>
|
|
|
</div>
|
|
|
<img v-else :src="form.ryZp" style="width: 100%">
|
|
|
-
|
|
|
</div>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -73,11 +80,14 @@
|
|
|
</el-row>
|
|
|
|
|
|
<el-row>
|
|
|
- <el-col :span="12">
|
|
|
+ <el-col :span="11">
|
|
|
<el-form-item label="公民身份号码" prop="rySfzh">
|
|
|
- <el-input v-model="form.rySfzh"></el-input>
|
|
|
+ <el-input @change="getidCard" v-model="form.rySfzh"></el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
+ <el-col :span="1">
|
|
|
+ <el-button type="text" style="margin-left: 5px;position:relative;top: -3px"> 查询</el-button>
|
|
|
+ </el-col>
|
|
|
<el-col :span="12">
|
|
|
<el-form-item label="婚姻状况" prop="ryHyzk">
|
|
|
<el-select v-model="form.ryHyzk" placeholder="婚姻状况" style="width:99%">
|
|
|
@@ -139,9 +149,9 @@
|
|
|
<el-row>
|
|
|
<el-col :span="24">
|
|
|
<el-form-item label="电话微信同号">
|
|
|
- <el-radio-group v-model="form.isth">
|
|
|
- <el-radio label="是"></el-radio>
|
|
|
- <el-radio label="否"></el-radio>
|
|
|
+ <el-radio-group v-model="form.isth" @change="handleRadioChange">
|
|
|
+ <el-radio label="是" value="1"></el-radio>
|
|
|
+ <el-radio label="否" value="0"></el-radio>
|
|
|
</el-radio-group>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -163,9 +173,7 @@
|
|
|
</el-col>
|
|
|
<el-col :offset="2" :span="22" v-show="form.iszjxy=='是'" class="iserea">
|
|
|
<el-form-item label="" prop="zjxy">
|
|
|
- <el-checkbox-group v-model="form.zjxy">
|
|
|
- <el-checkbox v-for="titem in zjxy" :label="titem.label" :name="titem.value" :key="titem.value"></el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
+ <el-checkbox v-for="(item,index) in zjxyLst" :label="item.label" :key="index" :value="item.value" @change="handleCheckAllChange(item,'zjxy')"></el-checkbox>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
@@ -214,9 +222,7 @@
|
|
|
</el-col>
|
|
|
<el-col :offset="2" :span="22" v-show="form.istsrq=='是'" class="iserea">
|
|
|
<el-form-item label="">
|
|
|
- <el-checkbox-group v-model="form.ryTsLb">
|
|
|
- <el-checkbox v-for="(titem,index) in tsrq" :label="titem.label" :name="titem.value" :key="index"></el-checkbox>
|
|
|
- </el-checkbox-group>
|
|
|
+ <el-checkbox v-for="(item,index) in tsrq" :label="item.label" :key="index" @change="handleCheckAllChange(item,'tsrq')"></el-checkbox>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="具体情况" style="padding-left: 120px">
|
|
|
<el-input placeholder="请描述具体情况，非必填，限2000字符" type="textarea" v-model="form.ryTsJtqk"></el-input>
|
|
|
@@ -228,14 +234,14 @@
|
|
|
|
|
|
|
|
|
<span slot="footer" class="dialog-footer">
|
|
|
- <el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
|
|
+ <el-button size="small" @click="closeDialogs('form')">取 消</el-button>
|
|
|
<el-button size="small" type="primary" @click="submitok">确 定</el-button>
|
|
|
</span>
|
|
|
|
|
|
</el-dialog>
|
|
|
|
|
|
|
|
|
- <registry_sure @closeDialog="dialogVisible = false" :PostData="form" ref="registry_sure"/>
|
|
|
+ <registry_sure @closeDialog="closeDialogs('form')" :PostData="form" ref="registry_sure"/>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -243,10 +249,9 @@
|
|
|
import registry_sure from "./registry_sure";
|
|
|
import {baseUrl} from '@/config/env'
|
|
|
import {putfile,dictionaryList,saveRy} from "../../../../api/fwbzdz/fwbzdz";
|
|
|
-
|
|
|
export default {
|
|
|
name: "add",
|
|
|
- props:{},
|
|
|
+ props:['parentData','status'],
|
|
|
components:{registry_sure},
|
|
|
data(){
|
|
|
return{
|
|
|
@@ -262,6 +267,7 @@ export default {
|
|
|
{name:'未落常人口',value:'wlrk',icon:require('../asset/icon_type_not.svg')}
|
|
|
],
|
|
|
form:{
|
|
|
+ isth:'',
|
|
|
ryType:'',
|
|
|
ryZp:'',
|
|
|
ryTsLb:'',
|
|
|
@@ -282,6 +288,7 @@ export default {
|
|
|
ryTsJtqk:'',
|
|
|
ryMzDm:'',
|
|
|
ryXb:'',
|
|
|
+ dzXz:''
|
|
|
},
|
|
|
tsrq:[],
|
|
|
gjOp:[],
|
|
|
@@ -292,22 +299,61 @@ export default {
|
|
|
hyzk:[],
|
|
|
zzmm:[],
|
|
|
byzk:[],
|
|
|
- zjxy:[],
|
|
|
+ zjxyLst:[],
|
|
|
dwLb:[],
|
|
|
dialogVisible:false
|
|
|
}
|
|
|
},
|
|
|
+ watch:{
|
|
|
+ parentData:{
|
|
|
+ handler(val){
|
|
|
+ if(val&&val.length>0){
|
|
|
+ this.form.fwId=val[0].fwId
|
|
|
+ this.form.dzbm=val[0].dzbm
|
|
|
+ this.form.dzXz=val[0].dzXz
|
|
|
+ }
|
|
|
+ //this.form = val[0]
|
|
|
+ }
|
|
|
+ },
|
|
|
+ status:{
|
|
|
+ handler(val){
|
|
|
+ if(status=='update'){
|
|
|
+ this.form = val
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
mounted() {
|
|
|
- this.inits()
|
|
|
+
|
|
|
},
|
|
|
computed:{
|
|
|
|
|
|
},
|
|
|
methods:{
|
|
|
+ handleRadioChange(v){
|
|
|
+ if(v=='1'){
|
|
|
+ this.form.vx=this.form.ryDh
|
|
|
+ }
|
|
|
+ },
|
|
|
+ closeDialogs(formRef){
|
|
|
+ this.dialogVisible = false;
|
|
|
+ this.isclick=null
|
|
|
+ this.$refs[formRef].resetFields();
|
|
|
+ this.$emit('reload')
|
|
|
+ },
|
|
|
+ handleCheckAllChange(item,code){
|
|
|
+ if(code=='zjxy'){
|
|
|
+ this.form.zjxy = item.value
|
|
|
+ }
|
|
|
+ if(code=='tsrq'){
|
|
|
+ this.form.tsrq = item.value
|
|
|
+ }
|
|
|
+ },
|
|
|
inits(){
|
|
|
+ var _this = this;
|
|
|
dictionaryList().then(res => {
|
|
|
const data = res.data.data
|
|
|
- console.log('dictionaryList', data)
|
|
|
+ //console.log('dictionaryList', data)
|
|
|
this.options = data
|
|
|
this.gjOp = data.gjdq
|
|
|
this.tsrq = data.tsrq
|
|
|
@@ -317,12 +363,10 @@ export default {
|
|
|
this.hyzk=data.hyzk
|
|
|
this.zzmm=data.zzmm
|
|
|
this.byzk=data.byzk
|
|
|
- this.zjxy=data.zjxy
|
|
|
- this.dwLb=data.dwLb
|
|
|
+ this.zjxyLst=data.zjxy
|
|
|
+ this.dwLb=data.dwlb
|
|
|
|
|
|
- }).finally(() => {
|
|
|
-
|
|
|
- })
|
|
|
+ }).finally(() => {})
|
|
|
},
|
|
|
getfile(e){
|
|
|
var _this = this
|
|
|
@@ -340,11 +384,53 @@ export default {
|
|
|
_this.photoLoading=false
|
|
|
_this.photoLoadingText=''
|
|
|
})
|
|
|
-
|
|
|
},
|
|
|
submitok(){
|
|
|
this.$refs.registry_sure.dialogVisible=true
|
|
|
},
|
|
|
+ getidCard(e){
|
|
|
+ if(this.regCard(e)){
|
|
|
+ }else{
|
|
|
+ this.form.rySfzh=''
|
|
|
+ }
|
|
|
+ },
|
|
|
+ regCard(idCard){
|
|
|
+ var _this = this;
|
|
|
+ var regIdCard =
|
|
|
+ /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;
|
|
|
+ if (regIdCard.test(idCard)) {
|
|
|
+ if (idCard.length == 18) {
|
|
|
+ var idCardWi = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10,
|
|
|
+ 5, 8, 4, 2);
|
|
|
+ var idCardY = new Array(1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2);
|
|
|
+ var idCardWiSum = 0;
|
|
|
+ for (var i = 0; i < 17; i++) {
|
|
|
+ idCardWiSum += idCard.substring(i, i + 1) * idCardWi[i];
|
|
|
+ }
|
|
|
+ var idCardMod = idCardWiSum % 11;
|
|
|
+ var idCardLast = idCard.substring(17);
|
|
|
+ if (idCardMod == 2) {
|
|
|
+ if (idCardLast == "X" || idCardLast == "x") {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ _this.$message.error('身份证号码错误！')
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ if (idCardLast == idCardY[idCardMod]) {
|
|
|
+ return true;
|
|
|
+ } else {
|
|
|
+ _this.$message.error('身份证号码错误！')
|
|
|
+ return false;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+ } else {
|
|
|
+ _this.$message.error('请输入有效的身份证号码！')
|
|
|
+ }
|
|
|
+ },
|
|
|
clickType(index,value){
|
|
|
this.$set(this.form,'ryType',value)
|
|
|
this.isclick = index
|
chenchhuanbao
