车辆信息修改

main
wanglei 2 years ago
parent cfc3836af0
commit a8398a42cb

@ -100,8 +100,6 @@
<el-table v-loading="loading" :data="carinfoList" @selection-change="handleSelectionChange" border> <el-table v-loading="loading" :data="carinfoList" @selection-change="handleSelectionChange" border>
<el-table-column type="selection" width="55" align="center" /> <el-table-column type="selection" width="55" align="center" />
<!-- <el-table-column label="主键id" align="center" prop="id" />-->
<!-- <el-table-column label="车主id" align="center" prop="ownerId" />-->
<el-table-column label="车主姓名" align="center" prop="ownerName" /> <el-table-column label="车主姓名" align="center" prop="ownerName" />
<el-table-column label="联系方式" align="center" prop="phone" /> <el-table-column label="联系方式" align="center" prop="phone" />
<el-table-column label="车牌号" align="center" prop="carNo" /> <el-table-column label="车牌号" align="center" prop="carNo" />

@ -301,7 +301,6 @@
<el-table v-loading="loading" :data="jminfoList" @selection-change="handleSelectionChange" border> <el-table v-loading="loading" :data="jminfoList" @selection-change="handleSelectionChange" border>
<el-table-column type="selection" width="45" align="center" fixed/> <el-table-column type="selection" width="45" align="center" fixed/>
<!-- <el-table-column label="居民ID" align="center" prop="id" fixed/>-->
<el-table-column label="身份证号" align="center" prop="cardId" min-width="180" fixed/> <el-table-column label="身份证号" align="center" prop="cardId" min-width="180" fixed/>
<el-table-column label="姓名" align="center" prop="name" min-width="100" fixed/> <el-table-column label="姓名" align="center" prop="name" min-width="100" fixed/>
<el-table-column label="曾用名" align="center" prop="oldName" min-width="100"/> <el-table-column label="曾用名" align="center" prop="oldName" min-width="100"/>
@ -321,10 +320,10 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="籍贯" align="center" prop="jg" min-width="180" show-overflow-tooltip/> <el-table-column label="籍贯" align="center" prop="jg" min-width="180" show-overflow-tooltip/>
<el-table-column label="核查状态" align="center" prop="hcStatus" > <el-table-column label="核查状态" align="center" prop="hcStatus" min-width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.hcStatus==='0'"></span> <el-link v-if="scope.row.hcStatus==='0'" icon="el-icon-thumb" type="primary" @click="handleCheck(scope.row)"></el-link>
<span v-if="scope.row.hcStatus==='1'"></span> <el-link v-if="scope.row.hcStatus==='1'" type="success"></el-link>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="户信息" align="center"> <el-table-column label="户信息" align="center">
@ -409,8 +408,10 @@
<el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" style="margin-left: 6px"> <el-dropdown size="mini" @command="(command) => handleCommand(command, scope.row)" style="margin-left: 6px">
<el-button size="mini" type="text">更多操作</el-button> <el-button size="mini" type="text">更多操作</el-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="handleJmtag" >人员标签</el-dropdown-item> <el-dropdown-item command="handleJmtag">人员标签</el-dropdown-item>
<el-dropdown-item command="handleBankInfo" >银行卡信息</el-dropdown-item> <el-dropdown-item command="handleBankInfo">银行卡信息</el-dropdown-item>
<el-dropdown-item command="handleHzbg">户主变更</el-dropdown-item>
<el-dropdown-item command="handleClxx">车辆信息</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
</template> </template>
@ -433,9 +434,9 @@
<el-col :span="8"> <el-col :span="8">
<el-form-item label="户号" prop="acountNo"> <el-form-item label="户号" prop="acountNo">
<el-input <el-input
placeholder="请输入户号查询" placeholder="请选择户主"
v-model="form.acountNo"> v-model="form.acountNo">
<el-button slot="append" icon="el-icon-search" @click="acountNoQuery"></el-button> <el-button slot="append" icon="el-icon-search" @click="acountNoQuery(1)"></el-button>
</el-input> </el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -854,6 +855,220 @@
</div> </div>
</el-dialog> </el-dialog>
<!-- 户主变更 -->
<el-dialog title="户主变更" :visible.sync="hzbg.visible" width="600px" append-to-body>
<el-form ref="form" :model="hzbg.form" :rules="hzbg.rules" label-width="120px">
<el-form-item label="居民姓名" prop="name">
<el-input v-model="hzbg.form.name" placeholder="请输入居民姓名" disabled/>
</el-form-item>
<el-form-item label="居民身份证号" prop="idCard">
<el-input v-model="hzbg.form.idCard" placeholder="请输入居民身份证号" disabled/>
</el-form-item>
<el-form-item label="原户主姓名" prop="yName">
<el-input v-model="hzbg.form.yName" placeholder="请输入原户主姓名" disabled/>
</el-form-item>
<el-form-item label="原户主身份证号" prop="yIdCard">
<el-input v-model="hzbg.form.yIdCard" placeholder="请输入原户主身份证号" disabled/>
</el-form-item>
<el-form-item label="变更原因" prop="bgReason">
<el-select
v-model="hzbg.form.bgReason"
placeholder="变更原因"
clearable
style="width:100%"
>
<el-option
v-for="dict in dict.type.szxc_hkbg_reason"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="变更时间" prop="bgTime">
<el-date-picker clearable style="width: 100%"
v-model="hzbg.form.bgTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择变更时间">
</el-date-picker>
</el-form-item>
<el-form-item label="新户主姓名" prop="xName">
<el-input
readonly
placeholder="请选择新户主"
v-model="hzbg.form.xName">
<el-button slot="append" icon="el-icon-search" @click="acountNoQuery(2)"></el-button>
</el-input>
</el-form-item>
<el-form-item label="新户主身份证号" prop="xIdCard">
<el-input v-model="hzbg.form.xIdCard" placeholder="请输入新户主身份证号" disabled/>
</el-form-item>
<el-form-item label="户号" prop="acountNo">
<el-input v-model="hzbg.form.acountNo" placeholder="请输入户号" disabled/>
</el-form-item>
<el-form-item label="所属网格" prop="deptName">
<el-input v-model="hzbg.form.deptName" placeholder="请输入所属网格" disabled/>
</el-form-item>
<el-form-item label="户籍地址" prop="hjAddress">
<el-input v-model="hzbg.form.hjAddress" placeholder="请输入户籍地址" disabled/>
</el-form-item>
<el-form-item label="户籍性质" prop="jgNature">
<el-select
v-model="hzbg.form.jgNature"
placeholder="户籍性质"
clearable
style="width:100%"
>
<el-option
v-for="dict in dict.type.szxc_hjxz"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="与户主关系" prop="relation">
<el-select
v-model="hzbg.form.relation"
placeholder="与户主关系"
clearable
style="width:100%"
>
<el-option
v-for="dict in dict.type.szxc_hzgx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="是否常住" prop="longLive">
<el-select
v-model="hzbg.form.longLive"
placeholder="是否常住"
clearable
style="width:100%"
>
<el-option
v-for="dict in dict.type.szxc_yes_no"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="hzbg.form.remark" type="textarea" placeholder="请输入备注" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="hzbgSubmit"> </el-button>
</div>
</el-dialog>
<el-dialog title="车辆信息" :visible.sync="clxx.visible" width="1000px" append-to-body>
<el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="clxxAdd"
v-hasPermi="['szxc:bankinfo:add']"
>添加</el-button>
</el-col>
</el-row>
<el-table v-loading="clxx.loading" :data="clxx.list" border>
<el-table-column label="车主姓名" align="center" prop="ownerName" />
<el-table-column label="联系方式" align="center" prop="phone" />
<el-table-column label="车牌号" align="center" prop="carNo" />
<el-table-column label="车类型" align="center" prop="carType" >
<template slot-scope="scope">
<dict-tag :options="dict.type.szxc_cartype" :value="scope.row.carType"/>
</template>
</el-table-column>
<el-table-column label="颜色" align="center" prop="colour" />
<el-table-column label="品牌" align="center" prop="carBand" />
<el-table-column label="车辆照片" align="center" prop="carPicture" >
<template slot-scope="scope">
<image-preview :src="scope.row.carPicture" :width="50" :height="50"/>
</template>
</el-table-column>
<el-table-column label="所属网格" align="center" prop="deptName" />
<el-table-column label="备注" align="center" prop="remark" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" min-width="100px">
<template slot-scope="scope">
<el-button
size="mini"
type="text"
icon="el-icon-edit"
@click="clxxUpdate(scope.row)"
v-hasPermi="['szxc:bankinfo:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="clxxDelete(scope.row)"
v-hasPermi="['szxc:bankinfo:remove']"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</el-dialog>
<!-- 添加或修改车辆信息对话框 -->
<el-dialog :title="clxx.title" :visible.sync="clxx.open" width="500px" append-to-body>
<el-form ref="clxxForm" :model="clxx.form" :rules="clxx.rules" label-width="100px">
<el-form-item label="车主姓名" prop="ownerName">
<el-input v-model="clxx.form.ownerName" placeholder="请输入联系方式" disabled/>
</el-form-item>
<el-form-item label="所属网格" prop="deptId">
<treeselect v-model="clxx.form.deptId" :options="deptOptions" :disable-branch-nodes="true"
disabled placeholder="请选择所属网格" style="width:100%;"/>
</el-form-item>
<el-form-item label="联系方式" prop="phone">
<el-input v-model="clxx.form.phone" placeholder="请输入联系方式" />
</el-form-item>
<el-form-item label="车牌号" prop="carNo">
<el-input v-model="clxx.form.carNo" placeholder="请输入车牌号" />
</el-form-item>
<el-form-item label="车类型" prop="carType">
<el-select
v-model="clxx.form.carType"
placeholder="车类型"
clearable
style="width:100%"
>
<el-option
v-for="dict in dict.type.szxc_cartype"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="颜色" prop="colour">
<el-input v-model="clxx.form.colour" placeholder="请输入颜色" />
</el-form-item>
<el-form-item label="品牌" prop="carBand">
<el-input v-model="clxx.form.carBand" placeholder="请输入品牌" />
</el-form-item>
<el-form-item label="车辆照片" prop="carPicture">
<image-upload v-model="clxx.form.carPicture"/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="clxx.form.remark" type="textarea" placeholder="请输入备注" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="clxxSubmit"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
@ -863,6 +1078,8 @@ import { listAddress } from "@/api/szxc/address";
import { listJmtag, addAllJmtag } from "@/api/szxc/jmtag"; import { listJmtag, addAllJmtag } from "@/api/szxc/jmtag";
import { listTag } from "@/api/szxc/tag"; import { listTag } from "@/api/szxc/tag";
import { listBankinfo, editDefault, addBankinfo, updateBankinfo, delBankinfo } from "@/api/szxc/bankinfo"; import { listBankinfo, editDefault, addBankinfo, updateBankinfo, delBankinfo } from "@/api/szxc/bankinfo";
import { listCarinfo, delCarinfo, addCarinfo, updateCarinfo } from "@/api/szxc/carinfo";
import { addRecard } from "@/api/szxc/recard";
import { addOffrecard } from "@/api/szxc/offrecard"; import { addOffrecard } from "@/api/szxc/offrecard";
import { deptTreeSelect } from "@/api/system/user"; import { deptTreeSelect } from "@/api/system/user";
import Treeselect from "@riophae/vue-treeselect"; import Treeselect from "@riophae/vue-treeselect";
@ -872,7 +1089,7 @@ export default {
name: "Jminfo", name: "Jminfo",
components: { Treeselect }, components: { Treeselect },
dicts: ['szxc_hjxz', 'szxc_gj', 'szxc_head', 'szxc_hzgx', 'szxc_yes_no', 'szxc_off', 'szxc_gj', 'sys_user_sex', dicts: ['szxc_hjxz', 'szxc_gj', 'szxc_head', 'szxc_hzgx', 'szxc_yes_no', 'szxc_off', 'szxc_gj', 'sys_user_sex',
'szxc_brqk', 'szxc_hyzk', 'szxc_xueli', 'szxc_zjxy', 'szxc_jkzk', 'szxc_zzmm'], 'szxc_brqk', 'szxc_hyzk', 'szxc_xueli', 'szxc_zjxy', 'szxc_jkzk', 'szxc_zzmm', 'szxc_hkbg_reason', 'szxc_cartype'],
data() { data() {
return { return {
queryMore: false, queryMore: false,
@ -1015,6 +1232,8 @@ export default {
loading: false, loading: false,
// //
total: 0, total: 0,
// 1 2
type: 1,
// //
queryParams:{ queryParams:{
pageNum: 1, pageNum: 1,
@ -1083,7 +1302,113 @@ export default {
{ required: true, message: "注销原因不能为空", trigger: "blur" } { required: true, message: "注销原因不能为空", trigger: "blur" }
], ],
} }
},
//
hzbg: {
visible: false,
form:{
id: null,
acountNo: null,
jmId: null,
name: null,
idCard: null,
yJmId: null,
yName: null,
yIdCard: null,
bgReason: null,
xJmId: null,
xName: null,
xIdCard: null,
relation: null,
bgTime: null,
hjAddress: null,
jgNature: null,
longLive: null,
remark: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
deptId: null,
userId: null,
deptName: null
},
rules: {
name: [
{ required: true, message: "居民姓名不能为空", trigger: "blur" }
],
idCard: [
{ required: true, message: "居民身份证号不能为空", trigger: "blur" }
],
yName: [
{ required: true, message: "原户主姓名不能为空", trigger: "blur" }
],
yIdCard: [
{ required: true, message: "原户主身份证号不能为空", trigger: "blur" }
],
bgReason: [
{ required: true, message: "变更原因不能为空", trigger: "blur" }
],
xName: [
{ required: true, message: "新户主姓名不能为空", trigger: "blur" }
],
xIdCard: [
{ required: true, message: "新户主身份证号不能为空", trigger: "blur" }
],
acountNo: [
{ required: true, message: "户号不能为空", trigger: "blur" }
],
deptName: [
{ required: true, message: "所属网格不能为空", trigger: "blur" }
],
hjAddress: [
{ required: true, message: "户籍地址不能为空", trigger: "blur" }
],
jgNature: [
{ required: true, message: "户籍性质不能为空", trigger: "blur" }
],
relation: [
{ required: true, message: "与户主关系不能为空", trigger: "blur" }
],
longLive: [
{ required: true, message: "是否常住不能为空", trigger: "blur" }
],
} }
},
//
clxx: {
visible: false,
//
loading: false,
//
list: [],
//
title: '',
//
open: false,
//
form: {},
//
jminRow: null,
//
rules: {
ownerName: [
{ required: true, message: "车主姓名不能为空", trigger: "blur" }
],
carNo: [
{ required: true, message: "车牌号不能为空", trigger: "blur" }
],
carType: [
{ required: true, message: "车类型不能为空", trigger: "change" }
],
colour: [
{ required: true, message: "颜色不能为空", trigger: "blur" }
],
deptId: [
{ required: true, message: "所属网格不能为空", trigger: "blur" }
],
},
},
}; };
}, },
created() { created() {
@ -1101,7 +1426,8 @@ export default {
this.form.deptId = node.id; this.form.deptId = node.id;
this.form.deptName = node.label; this.form.deptName = node.label;
}, },
acountNoQuery(){ acountNoQuery(type){
this.hzInfo.type = type
this.hzInfo.visible = true; this.hzInfo.visible = true;
this.getlistAddress() this.getlistAddress()
}, },
@ -1227,6 +1553,17 @@ export default {
...this.queryParams ...this.queryParams
}, `jminfo_${new Date().getTime()}.xlsx`) }, `jminfo_${new Date().getTime()}.xlsx`)
}, },
//
handleCheck(row){
this.$modal.confirm('是否确认身份证号【"' + row.cardId + '"】的数据项已核查没问题?').then(()=>{
const detail = row
detail.hcStatus = '1';
updateJminfo(detail).then(response => {
this.$modal.msgSuccess("核查成功");
this.getList();
});
})
},
// //
handleCommand(command, row) { handleCommand(command, row) {
switch (command) { switch (command) {
@ -1236,6 +1573,12 @@ export default {
case "handleBankInfo": case "handleBankInfo":
this.handleBankInfo(row); this.handleBankInfo(row);
break; break;
case "handleHzbg":
this.handleHzbg(row);
break;
case "handleClxx":
this.handleClxx(row);
break;
default: default:
break; break;
} }
@ -1249,6 +1592,7 @@ export default {
this.hzInfo.loading = false; this.hzInfo.loading = false;
}); });
}, },
//
hzInfoQuery(){ hzInfoQuery(){
this.hzInfo.queryParams.pageNum = 1; this.hzInfo.queryParams.pageNum = 1;
this.getlistAddress(); this.getlistAddress();
@ -1256,10 +1600,20 @@ export default {
// //
hzInfoDblclick(row) { hzInfoDblclick(row) {
this.hzInfo.selectRow = row; this.hzInfo.selectRow = row;
if(this.hzInfo.type===1){
this.form.acountNo = row.acountNo; this.form.acountNo = row.acountNo;
this.form.deptId = row.deptId; this.form.deptId = row.deptId;
this.form.deptName = row.deptName; this.form.deptName = row.deptName;
this.form.hjAddress = row.hjAddress; this.form.hjAddress = row.hjAddress;
}else if(this.hzInfo.type===2){
this.hzbg.form.acountNo = row.acountNo;
this.hzbg.form.xJmId = row.jmId;
this.hzbg.form.xName = row.name;
this.hzbg.form.xIdCard = row.idCard;
this.hzbg.form.deptId = row.deptId;
this.hzbg.form.deptName = row.deptName;
this.hzbg.form.hjAddress = row.hjAddress;
}
this.hzInfo.visible = false this.hzInfo.visible = false
}, },
// //
@ -1336,7 +1690,7 @@ export default {
this.bankInfo.visible = true; this.bankInfo.visible = true;
this.getlistBankinfo(); this.getlistBankinfo();
}, },
/** 查询关联人员标签列表 */ /** 查询银行卡信息列表 */
getlistBankinfo() { getlistBankinfo() {
listBankinfo({ listBankinfo({
pageNum: 1, pageNum: 1,
@ -1432,7 +1786,108 @@ export default {
this.zxInfo.visible = false; this.zxInfo.visible = false;
this.getList(); this.getList();
}); });
},
//
handleHzbg(row){
listAddress({
pageNum: 1,
pageSize: 10000,
acountNo: row.acountNo
}).then(response => {
this.hzbg.form.acountNo = row.acountNo;
this.hzbg.form.jmId = row.id;
this.hzbg.form.name = row.name;
this.hzbg.form.idCard = row.cardId;
this.hzbg.form.yJmId = response.rows[0].yJmId;
this.hzbg.form.yName = response.rows[0].name;
this.hzbg.form.yIdCard = response.rows[0].idCard;
this.hzbg.visible = true;
});
},
//
hzbgSubmit(){
addRecard(this.hzbg.form).then(response => {
this.$modal.msgSuccess("变更成功");
this.hzbg.visible = false;
this.getList();
});
},
//
handleClxx(row){
this.clxx.jminRow = row;
this.clxx.visible = true;
this.getlistClxx();
},
/** 查询银行卡信息列表 */
getlistClxx() {
listCarinfo({
pageNum: 1,
pageSize: 100000000,
ownerId: this.clxx.jminRow.id
}).then(response => {
this.clxx.list = response.rows
});
},
//
clxxAdd(){
this.resetForm("clxxForm");
this.clxx.form = {
id: null,
ownerId: this.clxx.jminRow.id,
ownerName: this.clxx.jminRow.name,
phone: null,
carNo: null,
carType: null,
colour: null,
carBand: null,
carPicture: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
deptId: this.clxx.jminRow.deptId,
deptName: this.clxx.jminRow.deptName,
userId: null,
remark: null
};
this.clxx.title = '添加车辆';
this.clxx.open = true;
},
/** 修改按钮操作 */
clxxUpdate(row) {
this.clxx.form = row;
this.clxx.title = '修改车辆';
this.clxx.open = true;
},
/** 删除按钮操作 */
clxxDelete(row) {
this.$modal.confirm('是否确认删除车辆车牌号为【"' + row.carNo + '"】的数据项?').then(function() {
return delCarinfo(row.id);
}).then(() => {
this.getlistClxx();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
//
clxxSubmit(){
this.$refs["clxxForm"].validate(valid => {
if (valid) {
if (this.clxx.form.id != null) {
updateCarinfo(this.clxx.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.clxx.open = false;
this.getlistClxx();
});
} else {
addCarinfo(this.clxx.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.clxx.open = false;
this.getlistClxx();
});
}
} }
});
},
} }
}; };
</script> </script>

@ -1,22 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="110px">
<el-form-item label="户号" prop="acountNo">
<el-input
v-model="queryParams.acountNo"
placeholder="请输入户号"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="居民id" prop="jmId">
<el-input
v-model="queryParams.jmId"
placeholder="请输入居民id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="居民姓名" prop="name"> <el-form-item label="居民姓名" prop="name">
<el-input <el-input
v-model="queryParams.name" v-model="queryParams.name"
@ -33,14 +17,6 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="原居民id" prop="yJmId">
<el-input
v-model="queryParams.yJmId"
placeholder="请输入原居民id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="原户主姓名" prop="yName"> <el-form-item label="原户主姓名" prop="yName">
<el-input <el-input
v-model="queryParams.yName" v-model="queryParams.yName"
@ -57,21 +33,16 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="变更原因(字典)" prop="bgReason"> <el-form-item label="变更原因" prop="bgReason">
<el-input <el-select v-model="queryParams.bgReason" placeholder="变更原因"
v-model="queryParams.bgReason" clearable style="width:100%">
placeholder="请输入变更原因(字典)" <el-option
clearable v-for="dict in dict.type.szxc_hkbg_reason"
@keyup.enter.native="handleQuery" :key="dict.value"
/> :label="dict.label"
</el-form-item> :value="dict.value"
<el-form-item label="新居民id" prop="xJmId">
<el-input
v-model="queryParams.xJmId"
placeholder="请输入新居民id"
clearable
@keyup.enter.native="handleQuery"
/> />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="新户主姓名" prop="xName"> <el-form-item label="新户主姓名" prop="xName">
<el-input <el-input
@ -89,14 +60,25 @@
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="与户主关系" prop="relation"> <el-form-item label="户号" prop="acountNo">
<el-input <el-input
v-model="queryParams.relation" v-model="queryParams.acountNo"
placeholder="请输入与户主关系" placeholder="请输入户号"
clearable clearable
@keyup.enter.native="handleQuery" @keyup.enter.native="handleQuery"
/> />
</el-form-item> </el-form-item>
<el-form-item label="与户主关系" prop="relation">
<el-select v-model="queryParams.relation" placeholder="与户主关系"
clearable style="width:100%">
<el-option
v-for="dict in dict.type.szxc_hzgx"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/>
</el-select>
</el-form-item>
<el-form-item label="变更时间" prop="bgTime"> <el-form-item label="变更时间" prop="bgTime">
<el-date-picker clearable <el-date-picker clearable
v-model="queryParams.bgTime" v-model="queryParams.bgTime"
@ -114,44 +96,38 @@
/> />
</el-form-item> </el-form-item>
<el-form-item label="户籍性质" prop="jgNature"> <el-form-item label="户籍性质" prop="jgNature">
<el-input <el-select
v-model="queryParams.jgNature" v-model="queryParams.jgNature"
placeholder="请输入户籍性质" placeholder="户籍性质"
clearable clearable
@keyup.enter.native="handleQuery" style="width:100%"
>
<el-option
v-for="dict in dict.type.szxc_hjxz"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/> />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="是否常住" prop="longLive"> <el-form-item label="是否常住" prop="longLive">
<el-input <el-select
v-model="queryParams.longLive" v-model="queryParams.longLive"
placeholder="请输入是否常住" placeholder="是否常住"
clearable clearable
@keyup.enter.native="handleQuery" style="width:100%"
>
<el-option
v-for="dict in dict.type.szxc_yes_no"
:key="dict.value"
:label="dict.label"
:value="dict.value"
/> />
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="部门id" prop="deptId"> <el-form-item label="所属网格" prop="deptId">
<el-input <treeselect v-model="queryParams.deptId" :options="deptOptions" :disable-branch-nodes="true" style="width:215px;"
v-model="queryParams.deptId" placeholder="请选择所属网格"/>
placeholder="请输入部门id"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="创建者ID" prop="userId">
<el-input
v-model="queryParams.userId"
placeholder="请输入创建者ID"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item>
<el-form-item label="所属网格" prop="deptName">
<el-input
v-model="queryParams.deptName"
placeholder="请输入所属网格"
clearable
@keyup.enter.native="handleQuery"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"></el-button> <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"></el-button>
@ -160,96 +136,46 @@
</el-form> </el-form>
<el-row :gutter="10" class="mb8"> <el-row :gutter="10" class="mb8">
<el-col :span="1.5">
<el-button
type="primary"
plain
icon="el-icon-plus"
size="mini"
@click="handleAdd"
v-hasPermi="['szxc:recard:add']"
>新增</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="success"
plain
icon="el-icon-edit"
size="mini"
:disabled="single"
@click="handleUpdate"
v-hasPermi="['szxc:recard:edit']"
>修改</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="danger"
plain
icon="el-icon-delete"
size="mini"
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['szxc:recard:remove']"
>删除</el-button>
</el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['szxc:recard:export']"
>导出</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="recardList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="recardList" border>
<el-table-column type="selection" width="55" align="center" /> <el-table-column label="ID" align="center" prop="id" min-width="45"/>
<el-table-column label="id" align="center" prop="id" /> <el-table-column label="户号" align="center" prop="acountNo"/>
<el-table-column label="户号" align="center" prop="acountNo" />
<el-table-column label="居民id" align="center" prop="jmId" />
<el-table-column label="居民姓名" align="center" prop="name" /> <el-table-column label="居民姓名" align="center" prop="name" />
<el-table-column label="居民身份证号" align="center" prop="idCard" /> <el-table-column label="居民身份证号" align="center" prop="idCard" min-width="140" show-overflow-tooltip/>
<el-table-column label="原居民id" align="center" prop="yJmId" />
<el-table-column label="原户主姓名" align="center" prop="yName" /> <el-table-column label="原户主姓名" align="center" prop="yName" />
<el-table-column label="原户主身份证号" align="center" prop="yIdCard" /> <el-table-column label="原户主身份证号" align="center" prop="yIdCard" min-width="140" show-overflow-tooltip/>
<el-table-column label="变更原因(字典)" align="center" prop="bgReason" /> <el-table-column label="变更原因" align="center" prop="bgReason">
<el-table-column label="新居民id" align="center" prop="xJmId" /> <template slot-scope="scope">
<dict-tag :options="dict.type.szxc_hkbg_reason" :value="scope.row.bgReason"/>
</template>
</el-table-column>
<el-table-column label="新户主姓名" align="center" prop="xName" /> <el-table-column label="新户主姓名" align="center" prop="xName" />
<el-table-column label="新户主身份证号" align="center" prop="xIdCard" /> <el-table-column label="新户主身份证号" align="center" prop="xIdCard" min-width="140" show-overflow-tooltip/>
<el-table-column label="与户主关系" align="center" prop="relation" /> <el-table-column label="与户主关系" align="center" prop="relation">
<el-table-column label="变更时间" align="center" prop="bgTime" width="180"> <template slot-scope="scope">
<dict-tag :options="dict.type.szxc_hzgx" :value="scope.row.relation"/>
</template>
</el-table-column>
<el-table-column label="变更时间" align="center" prop="bgTime">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ parseTime(scope.row.bgTime, '{y}-{m}-{d}') }}</span> <span>{{ parseTime(scope.row.bgTime, '{y}-{m}-{d}') }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="户籍地址" align="center" prop="hjAddress" /> <el-table-column label="户籍地址" align="center" prop="hjAddress" />
<el-table-column label="户籍性质" align="center" prop="jgNature" /> <el-table-column label="户籍性质" align="center" prop="jgNature">
<el-table-column label="是否常住" align="center" prop="longLive" /> <template slot-scope="scope">
<el-table-column label="备注" align="center" prop="remark" /> <dict-tag :options="dict.type.szxc_hjxz" :value="scope.row.jgNature"/>
<el-table-column label="部门id" align="center" prop="deptId" /> </template>
<el-table-column label="创建者ID" align="center" prop="userId" /> </el-table-column>
<el-table-column label="所属网格" align="center" prop="deptName" /> <el-table-column label="所属网格" align="center" prop="deptName" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <el-table-column label="是否常住" align="center" prop="longLive" min-width="70">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <dict-tag :options="dict.type.szxc_yes_no" :value="scope.row.longLive"/>
size="mini"
type="text"
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['szxc:recard:edit']"
>修改</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['szxc:recard:remove']"
>删除</el-button>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="备注" align="center" prop="remark" />
</el-table> </el-table>
<pagination <pagination
@ -259,109 +185,32 @@
:limit.sync="queryParams.pageSize" :limit.sync="queryParams.pageSize"
@pagination="getList" @pagination="getList"
/> />
<!-- 添加或修改户口变更记录对话框 -->
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="户号" prop="acountNo">
<el-input v-model="form.acountNo" placeholder="请输入户号" />
</el-form-item>
<el-form-item label="居民id" prop="jmId">
<el-input v-model="form.jmId" placeholder="请输入居民id" />
</el-form-item>
<el-form-item label="居民姓名" prop="name">
<el-input v-model="form.name" placeholder="请输入居民姓名" />
</el-form-item>
<el-form-item label="居民身份证号" prop="idCard">
<el-input v-model="form.idCard" placeholder="请输入居民身份证号" />
</el-form-item>
<el-form-item label="原居民id" prop="yJmId">
<el-input v-model="form.yJmId" placeholder="请输入原居民id" />
</el-form-item>
<el-form-item label="原户主姓名" prop="yName">
<el-input v-model="form.yName" placeholder="请输入原户主姓名" />
</el-form-item>
<el-form-item label="原户主身份证号" prop="yIdCard">
<el-input v-model="form.yIdCard" placeholder="请输入原户主身份证号" />
</el-form-item>
<el-form-item label="变更原因(字典)" prop="bgReason">
<el-input v-model="form.bgReason" placeholder="请输入变更原因(字典)" />
</el-form-item>
<el-form-item label="新居民id" prop="xJmId">
<el-input v-model="form.xJmId" placeholder="请输入新居民id" />
</el-form-item>
<el-form-item label="新户主姓名" prop="xName">
<el-input v-model="form.xName" placeholder="请输入新户主姓名" />
</el-form-item>
<el-form-item label="新户主身份证号" prop="xIdCard">
<el-input v-model="form.xIdCard" placeholder="请输入新户主身份证号" />
</el-form-item>
<el-form-item label="与户主关系" prop="relation">
<el-input v-model="form.relation" placeholder="请输入与户主关系" />
</el-form-item>
<el-form-item label="变更时间" prop="bgTime">
<el-date-picker clearable
v-model="form.bgTime"
type="date"
value-format="yyyy-MM-dd"
placeholder="请选择变更时间">
</el-date-picker>
</el-form-item>
<el-form-item label="户籍地址" prop="hjAddress">
<el-input v-model="form.hjAddress" placeholder="请输入户籍地址" />
</el-form-item>
<el-form-item label="户籍性质" prop="jgNature">
<el-input v-model="form.jgNature" placeholder="请输入户籍性质" />
</el-form-item>
<el-form-item label="是否常住" prop="longLive">
<el-input v-model="form.longLive" placeholder="请输入是否常住" />
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" placeholder="请输入备注" />
</el-form-item>
<el-form-item label="部门id" prop="deptId">
<el-input v-model="form.deptId" placeholder="请输入部门id" />
</el-form-item>
<el-form-item label="创建者ID" prop="userId">
<el-input v-model="form.userId" placeholder="请输入创建者ID" />
</el-form-item>
<el-form-item label="所属网格" prop="deptName">
<el-input v-model="form.deptName" placeholder="请输入所属网格" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel"> </el-button>
</div>
</el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { listRecard, getRecard, delRecard, addRecard, updateRecard } from "@/api/szxc/recard"; import { listRecard } from "@/api/szxc/recard";
import { deptTreeSelect } from "@/api/system/user";
import Treeselect from "@riophae/vue-treeselect";
import "@riophae/vue-treeselect/dist/vue-treeselect.css";
export default { export default {
name: "Recard", name: "Recard",
components: { Treeselect },
dicts: ['szxc_hjxz', 'szxc_gj', 'szxc_head', 'szxc_hzgx', 'szxc_yes_no', 'szxc_off', 'szxc_gj', 'sys_user_sex',
'szxc_brqk', 'szxc_hyzk', 'szxc_xueli', 'szxc_zjxy', 'szxc_jkzk', 'szxc_zzmm', 'szxc_hkbg_reason'],
data() { data() {
return { return {
// //
loading: true, loading: true,
//
ids: [],
//
single: true,
//
multiple: true,
// //
showSearch: true, showSearch: true,
// //
total: 0, total: 0,
// //
recardList: [], recardList: [],
// //
title: "", deptOptions: undefined,
//
open: false,
// //
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
@ -386,23 +235,19 @@
userId: null, userId: null,
deptName: null deptName: null
}, },
//
form: {},
//
rules: {
acountNo: [
{ required: true, message: "户号不能为空", trigger: "blur" }
],
deptId: [
{ required: true, message: "部门id不能为空", trigger: "blur" }
],
}
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.getDeptTree();
}, },
methods: { methods: {
/** 查询组织下拉树结构 */
getDeptTree() {
deptTreeSelect().then(response => {
this.deptOptions = response.data;
});
},
/** 查询户口变更记录列表 */ /** 查询户口变更记录列表 */
getList() { getList() {
this.loading = true; this.loading = true;
@ -417,37 +262,6 @@
this.open = false; this.open = false;
this.reset(); this.reset();
}, },
//
reset() {
this.form = {
id: null,
acountNo: null,
jmId: null,
name: null,
idCard: null,
yJmId: null,
yName: null,
yIdCard: null,
bgReason: null,
xJmId: null,
xName: null,
xIdCard: null,
relation: null,
bgTime: null,
hjAddress: null,
jgNature: null,
longLive: null,
remark: null,
createBy: null,
createTime: null,
updateBy: null,
updateTime: null,
deptId: null,
userId: null,
deptName: null
};
this.resetForm("form");
},
/** 搜索按钮操作 */ /** 搜索按钮操作 */
handleQuery() { handleQuery() {
this.queryParams.pageNum = 1; this.queryParams.pageNum = 1;
@ -458,64 +272,6 @@
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
}, },
//
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.multiple = !selection.length
},
/** 新增按钮操作 */
handleAdd() {
this.reset();
this.open = true;
this.title = "添加户口变更记录";
},
/** 修改按钮操作 */
handleUpdate(row) {
this.reset();
const id = row.id || this.ids
getRecard(id).then(response => {
this.form = response.data;
this.open = true;
this.title = "修改户口变更记录";
});
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
if (valid) {
if (this.form.id != null) {
updateRecard(this.form).then(response => {
this.$modal.msgSuccess("修改成功");
this.open = false;
this.getList();
});
} else {
addRecard(this.form).then(response => {
this.$modal.msgSuccess("新增成功");
this.open = false;
this.getList();
});
}
}
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除户口变更记录编号为"' + ids + '"的数据项?').then(function() {
return delRecard(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
},
/** 导出按钮操作 */
handleExport() {
this.download('szxc/recard/export', {
...this.queryParams
}, `recard_${new Date().getTime()}.xlsx`)
}
} }
}; };
</script> </script>

Loading…
Cancel
Save