Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
6615c85f by 杨威
Options

权利人信息表单字段校对，代理人增删

1 parent 5b34823b
Inline Side-by-side
Showing 2 changed files with 172 additions and 57 deletions
......@@ -59,13 +59,21 @@
</td>
<td colspan="2">权利人类型<i class="requisite">*</i></td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.qlrlx" />
<el-select class="formSelect" v-model="formData.qlrlxbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2">证件类型<i class="requisite">*</i></td>
<td colspan="3">
<el-select class="formSelect" v-model="formData.qlrzjlx">
<el-select class="formSelect" v-model="formData.zjzlbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
......@@ -77,13 +85,13 @@
</td>
<td colspan="2">证件号<i class="requisite">*</i></td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.qlrzjh" />
<input type="text" class="formInput" v-model="formData.zjh" />
</td>
</tr>
<tr>
<td colspan="2">电话<i class="requisite">*</i></td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.qlrdh" />
<input type="text" class="formInput" v-model="formData.dh" />
</td>
<td colspan="2">地址<i class="requisite">*</i></td>
<td colspan="3">
......@@ -93,17 +101,41 @@
<tr>
<td colspan="2">国家</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.gj" />
<el-select class="formSelect" v-model="formData.gjbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
</td>
<td colspan="2">户籍所在省市</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.hjszss" />
<el-select class="formSelect" v-model="formData.hjszssbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
</td>
</tr>
<tr>
<td colspan="2">性别</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.xb" />
<el-select class="formSelect" v-model="formData.xbbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
</td>
<td colspan="2">邮编</td>
<td colspan="3">
......@@ -113,7 +145,15 @@
<tr>
<td colspan="2">所属行业</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.sshy" />
<el-select class="formSelect" v-model="formData.sshy">
<el-option
v-for="item in qllxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
</td>
<td colspan="2">电子邮件</td>
<td colspan="3">
......@@ -126,11 +166,15 @@
<tr>
<td colspan="2">法定代表人或负责人姓名</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.frxm" />
<input
type="text"
class="formInput"
v-model="formData.fr.dlrfrmc"
/>
</td>
<td colspan="2">证件类型</td>
<td colspan="3">
<el-select class="formSelect" v-model="formData.frzjlx">
<el-select class="formSelect" v-model="formData.fr.zjzlbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
......@@ -144,24 +188,39 @@
<tr>
<td colspan="2">证件号码</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.xzq" />
<input type="text" class="formInput" v-model="formData.fr.zjh" />
</td>
<td colspan="2">电话</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.dzyj" />
<input type="text" class="formInput" v-model="formData.fr.dh" />
</td>
</tr>
<tr>
<td colspan="10">代理人信息</td>
</tr>
<tr>
<td colspan="2">代理人姓名</td>
<template v-for="(item, index) in formData.dlr">
<tr :key="item.zjh">
<td rowspan="2" class="btnCol">
<el-button
type="primary"
class="changeBtn"
@click="handleClick(item, index, 'add')"
>+</el-button
>
<el-button
type="primary"
class="changeBtn"
@click="handleClick(item, index, 'minus')"
>-</el-button
>
</td>
<td>代理人姓名</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.xzq" />
<input type="text" class="formInput" v-model="item.dlrfrmc" />
</td>
<td colspan="2">证件类型</td>
<td colspan="3">
<el-select class="formSelect" v-model="formData.dlrzjlx">
<el-select class="formSelect" v-model="item.zjzlbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
......@@ -172,43 +231,53 @@
</el-select>
</td>
</tr>
<tr>
<td colspan="2">证件号码</td>
<tr :key="item.dh">
<td>证件号码</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.xzq" />
<input type="text" class="formInput" v-model="item.zjh" />
</td>
<td colspan="2">电话</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.dzyj" />
<input type="text" class="formInput" v-model="item.dh" />
</td>
</tr>
</template>
<tr>
<td colspan="10">权利信息</td>
</tr>
<tr>
<td colspan="2">共有方式</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.xzq" />
<el-select class="formSelect" v-model="formData.gyfsbsm">
<el-option
v-for="item in qllxList"
:key="item.bsm"
:label="item.mc"
:value="item.bsm"
>
</el-option>
</el-select>
</td>
<td colspan="2">权利比例(%)</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.dzyj" />
<input type="text" class="formInput" v-model="formData.qlbl" />
</td>
</tr>
<tr>
<td colspan="2">房产证号</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.xzq" />
<input type="text" class="formInput" v-model="formData.fczh" />
</td>
<td colspan="2">土地证号</td>
<td colspan="3">
<input type="text" class="formInput" v-model="formData.dzyj" />
<input type="text" class="formInput" v-model="formData.tdzh" />
</td>
</tr>
<tr>
<td colspan="2">共有情况</td>
<td colspan="8">
<input type="text" class="formInput" v-model="formData.xzq" />
<input type="text" class="formInput" v-model="formData.gyqk" />
</td>
</tr>
</table>
......@@ -247,39 +316,47 @@ export default {
multipleSelection: {},
dialogVisible: false,
formData: {
xzq: "",
djq: "",
djzq: "",
qllx: "",
zdtzm: "",
qlsdfs: "",
zddm: "",
djh: "",
bdcdyh: "",
zl: "",
tdqslyzmcl: "",
gmjjhyfl: "",
jg: "",
blc: "",
tfh: "",
rjl: "",
rjsm: "",
jzmd: "",
jzmdsm: "",
jzxg: "",
jzxgsm: "",
dlr: [
{
dh: "",
dlrfrmc: "",
qlrbsm: "",
zjh: "",
zjzlbsm: "",
},
],
fr: {
dh: "",
dlrfrmc: "",
qlrbsm: "",
zjh: "",
zjzlbsm: "",
},
bz: "",
dh: "",
dz: "",
nz: "",
xz: "",
pzmj: "",
zdmj: "",
jzzdmj: "",
jzmj: "",
gyqlrqk: "",
sm: "",
dzyj: "",
fczh: "",
fzjg: "",
gjbsm: "",
glbsm: "",
gyfsbsm: "",
gyqk: "",
gzdw: "",
hjszssbsm: "",
isdel: 0,
qlbl: "",
qlrlxbsm: "",
qlrmc: "",
sshy: "",
sxh: 0,
tdzh: "",
xbbsm: "",
yb: "",
zjh: "",
zjzlbsm: "",
},
qllxList:[],
qllxList: [],
};
},
methods: {
......@@ -341,6 +418,25 @@ export default {
getQlrxxData() {
return this.tableData;
},
//增删代理人
handleClick(obj, ind, type) {
if (type === "add") {
this.formData.dlr.push({
id: Math.random(),
dh: "",
dlrfrmc: "",
qlrbsm: "",
zjh: "",
zjzlbsm: "",
});
} else {
this.formData.dlr.forEach((item, index) => {
if (index == ind && this.formData.dlr.length > 1) {
this.formData.dlr.splice(ind, 1);
}
});
}
},
},
};
</script>
......@@ -415,13 +511,32 @@ export default {
font-size: 14px;
width: 100%;
border-bottom: 1px solid #000;
.btnCol {
position: relative;
width: 60px;
.changeBtn {
width: 30px;
height: 30px;
font-size: 25px;
padding: 0px 0px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -32px;
margin-left: -15px;
}
.el-button + .el-button {
margin-left: -15px;
margin-top: 2px;
}
}
th {
height: 36px;
line-height: 36px;
font-size: 16px;
}
td {
width: 60px;
text-align: center;
height: 36px;
padding: 0;
......
......@@ -243,7 +243,7 @@ export default {
});
} else {
this.countList.forEach((item, index) => {
if (item.id == id && this.countList.length > 1) {
if (index == ind && this.countList.length > 1) {
this.countList.splice(index, 1);
}
});
......