8367df41 by xiaomiao

--no commit message

1 parent 2636844e
......@@ -4,27 +4,60 @@
* @LastEditTime: 2023-05-17 10:39:47
-->
<template>
<dialogBox title="申请人信息" width="60%" isMain v-model="myValue" :isFullscreen="false" @submitForm="submitForm"
@closeDialog="closeDialog" :isButton="showButton">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="120px">
<dialogBox
title="权利人信息"
width="60%"
isMain
v-model="myValue"
:isFullscreen="false"
@submitForm="submitForm"
@closeDialog="closeDialog"
:isButton="showButton"
>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="120px"
>
<el-row>
<el-col :span="8">
<el-form-item label="权利人类型1" prop="sqrlx">
<el-select clearable v-model="ruleForm.sqrlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A36']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-form-item label="权利人类型" prop="qlrlx">
<el-select
clearable
v-model="ruleForm.qlrlx"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A36']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="姓名/名称" prop="sqrmc">
<el-input v-model="ruleForm.sqrmc" maxlegth="15"></el-input>
<el-form-item label="姓名/名称" prop="qlrmc">
<el-input v-model="ruleForm.qlrmc" maxlegth="15"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="证件种类" prop="zjzl">
<el-select clearable v-model="ruleForm.zjzl" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
clearable
v-model="ruleForm.zjzl"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -33,18 +66,36 @@
<el-row>
<el-col :span="8">
<el-form-item label="证件号" prop="zjh">
<el-input v-model="ruleForm.zjh" maxlength="15" oninput="value=value.replace(/[^\X0-9]/g,'')"></el-input>
<el-input
v-model="ruleForm.zjh"
maxlength="15"
oninput="value=value.replace(/[^\X0-9]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="联系电话" prop="dh">
<el-input v-model="ruleForm.dh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input
v-model="ruleForm.dh"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="性别">
<el-select clearable v-model="ruleForm.xb" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A43']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
clearable
v-model="ruleForm.xb"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A43']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -115,7 +166,11 @@
<el-row>
<el-col :span="8">
<el-form-item label="联系电话">
<el-input v-model="ruleForm.lxdh" maxlength="11" oninput="value=value.replace(/[^\d]/g,'')"></el-input>
<el-input
v-model="ruleForm.lxdh"
maxlength="11"
oninput="value=value.replace(/[^\d]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -125,8 +180,18 @@
</el-col>
<el-col :span="8">
<el-form-item label="代理人证件类型">
<el-select clearable v-model="ruleForm.dlrzjlx" class="width100" placeholder="请选择">
<el-option v-for="item in dictData['A30']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
clearable
v-model="ruleForm.dlrzjlx"
class="width100"
placeholder="请选择"
>
<el-option
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -143,83 +208,115 @@
</dialogBox>
</template>
<script>
import { mapGetters } from "vuex";
export default {
props: {
value: { type: Boolean, default: false },
details: { type: Object, default: {} },
showButton: { type: Boolean, default: false }
},
computed: {
...mapGetters(["dictData"]),
},
data () {
return {
myValue: this.value,
ruleForm: {
sqrlx: "",
sqrmc: "",
zjzl: "",
zjh: "",
dh: "",
xb: "",
frmc: "",
gjdq: "",
szss: "",
txdz: "",
yb: "",
fzjg: "",
dzyj: "",
qlbl: "",
gzdw: "",
dljg: "",
dlrxm: "",
dlrzjlx: "",
dlrzjh: "",
},
rules: {
sqrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
sqrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
zjh: [{ required: true, message: "证件号", trigger: "blur" }],
},
};
},
watch: {
value (val) {
this.myValue = _.cloneDeep(val);
import { mapGetters } from "vuex";
export default {
props: {
value: { type: Boolean, default: false },
details: { type: Object, default: {} },
showButton: { type: Boolean, default: false },
},
computed: {
...mapGetters(["dictData"]),
},
data() {
return {
myValue: this.value,
ruleForm: {
sqrlx: "",
sqrmc: "",
zjzl: "",
zjh: "",
dh: "",
xb: "",
frmc: "",
gjdq: "",
szss: "",
txdz: "",
yb: "",
fzjg: "",
dzyj: "",
qlbl: "",
gzdw: "",
dljg: "",
dlrxm: "",
dlrzjlx: "",
dlrzjh: "",
},
details: {
handler: function (val, oldVal) {
this.ruleForm = val;
},
deep: true,
ruleForm: {
bsmBdcqz: "",
bsmQlr: "",
bsmQlxx: "",
bz: "",
cbfbm: "",
dh: "",
dlrdhhm: "",
dlrjgmc: "",
dlrxm: "",
dlrzjh: "",
dlrzjlx: "",
dz: "",
dzyj: "",
fbfbm: "",
frdh: "",
frmc: "",
fzjg: "",
gj: "",
gzdw: "",
hjszss: "",
qlrlx: "",
qlrmc: "",
qlrtz: "",
sfczr: "",
sshy: "",
sxh: 0,
xb: "",
yb: "",
zjh: "",
zjzl: "",
},
},
methods: {
closeDialog () {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
rules: {
qlrlx: [{ required: true, message: "权利人类型", trigger: "change" }],
qlrmc: [{ required: true, message: "姓名/名称", trigger: "blur" }],
zjzl: [{ required: true, message: "证件种类", trigger: "change" }],
zjh: [{ required: true, message: "证件号", trigger: "blur" }],
},
submitForm () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
this.$emit("input", false);
this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
} else {
return false;
}
});
};
},
watch: {
value(val) {
this.myValue = _.cloneDeep(val);
},
details: {
handler: function (val, oldVal) {
this.ruleForm = val;
},
deep: true,
},
},
methods: {
closeDialog() {
this.$emit("input", false);
this.$refs["ruleForm"].resetFields();
},
submitForm() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
this.$emit("input", false);
this.$emit("updateDetail", _.cloneDeep(this.ruleForm));
} else {
return false;
}
});
},
};
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/dialogBoxheader.scss";
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
@import "~@/styles/dialogBoxheader.scss";
.submit-button {
text-align: center;
height: 52px;
padding-top: 10px;
background-color: #fff;
}
</style>
......
......@@ -42,7 +42,7 @@
<div>请选择查封不动产信息,请选择上手权利信息</div>
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利人:">
<el-input disabled v-model="ruleForm.ztQlxx.qlrmc"></el-input>
......@@ -59,7 +59,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="权利类型:">
<el-input disabled v-model="ruleForm.ztQlxx.qllxmc"></el-input>
......@@ -76,7 +76,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.ztQlxx!=null">
<el-row :gutter="10" v-if="ruleForm.ztQlxx != null">
<el-col :span="8">
<el-form-item label="不动产单元号:">
<el-input disabled v-model="ruleForm.ztQlxx.bdcdyh"></el-input>
......@@ -115,7 +115,7 @@
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="权利类型:">
<el-input disabled v-model="ruleForm.qlxx.qllxmc"></el-input>
</el-form-item>
......@@ -141,6 +141,53 @@
<el-form-item label="不动产权证号:">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构:">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封机关">
<el-input v-model="ruleForm.cfdj.cfjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封类型">
<el-select v-model="ruleForm.cfdj.cflx">
<el-option
v-for="item in dictData['A32']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封文号">
<el-input v-model="ruleForm.cfdj.cfwh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封起始时间">
<el-input v-model="ruleForm.cfdj.cfqssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封结束时间">
<el-input v-model="ruleForm.cfdj.cfjssj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封期限">
<el-input v-model="ruleForm.cfdj.cfqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="查封范围">
<el-input v-model="ruleForm.cfdj.cffw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="区县代码:">
......@@ -152,6 +199,36 @@
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="解封业务号">
<el-input v-model="ruleForm.cfdj.jfywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="解封机关">
<el-input v-model="ruleForm.cfdj.jfjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="解封文件">
<el-input v-model="ruleForm.cfdj.jfwj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="解封文号">
<el-input v-model="ruleForm.cfdj.jfwh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="解封登簿人">
<el-input v-model="ruleForm.cfdj.jfdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="解封登记时间">
<el-input v-model="ruleForm.cfdj.jfdjsj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人:">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
......
......@@ -203,7 +203,7 @@
/>
</div>
</div>
<el-row class="btn">
<el-row class="btn" v-if="!$route.query.viewtype && ableOperation">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
......
......@@ -5,15 +5,77 @@
-->
<template>
<div>
<lb-table
:column="InformationTable"
<el-table
:data="tableDataList"
border
:pagination="false"
:key="key"
:heightNumSetting="true"
:minHeight="150"
:data="tableDataList"
height="150"
style="width: 100%"
>
</lb-table>
<el-table-column
prop="index"
width="50"
:render-header="renderHeader"
>
<template slot-scope="scope">
<i
class="el-icon-minus pointer"
@click="deleClick(scope.$index, scope.row)"
></i>
</template>
</el-table-column>
<el-table-column prop="yt" label="土地用途" min-width="100">
<template slot-scope="scope">
<treeselect
v-model="tdyt"
noOptionsText="暂无数据"
placeholder=""
:show-count="true"
:options="dictData['tdyt']"
:normalizer="normalizer"
:appendToBody="true" z-index="9999"
@input="addrow(scope.row)"
/>
</template>
</el-table-column>
<el-table-column prop="qssj" label="土地使用起始时间" min-width="100">
<template slot-scope="scope">
<el-date-picker
v-model='scope.row.qssj'
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
@blur="addrow(scope.row)">
</el-date-picker>
</template>
</el-table-column>
<el-table-column prop="jssj" label="土地使用结束时间" min-width="100">
<template slot-scope="scope">
<el-date-picker
v-model='scope.row.jssj'
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd"
@blur="addrow(scope.row)">
</el-date-picker>
</template>
</el-table-column>
<el-table-column prop="syqx" label="土地使用期限" min-width="100">
<template slot-scope="scope">
<el-input
class="item"
v-model="scope.row.syqx"
placeholder="请输入内容"
@blur="addrow(scope.row)">
></el-input>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
......@@ -32,6 +94,8 @@ export default {
},
data() {
return {
// 键名转换,方法默认是label和children进行树状渲染
tdyt:null,
key: 0,
newdata: {
yt: "",
......@@ -40,118 +104,15 @@ export default {
syqx: "",
},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{this.$route.query.viewtype == 1 ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
render: (h, scope) => {
return (
<div>
{this.$route.query.viewtype == 1 ? (
<span>{scope.$index + 1}</span>
) : (
<i
class="el-icon-minus pointer"
onClick={() => {
this.deleClick(scope.$index, scope.row);
}}
></i>
)}
</div>
);
},
},
{
label: "土地用途",
align: "center",
render: (h, scope) => {
return (
<el-select
value={scope.row.yt}
onChange={(val) => {
scope.row.yt = val;
}}
clearable
onblur={() => {
this.addrow(scope);
}}
>
{this.dictData["tdyt"].map((option) => {
return (
<el-option
label={option.dname}
value={option.dcode}
></el-option>
);
})}
</el-select>
);
},
},
{
label: "土地使用起始时间",
render: (h, scope) => {
return (
<el-date-picker
v-model={scope.row.qssj}
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd HH:mm:ss"
onblur={() => {
this.addrow(scope.row);
}}
></el-date-picker>
);
},
},
{
label: "土地使用结束时间",
render: (h, scope) => {
return (
<el-date-picker
v-model={scope.row.jssj}
type="date"
placeholder="选择日期"
value-format="yyyy/MM/dd HH:mm:ss"
format="yyyy/MM/dd HH:mm:ss"
onblur={() => {
this.addrow(scope.row);
}}
></el-date-picker>
);
},
},
{
label: "土地使用期限",
render: (h, scope) => {
return (
<el-input
v-model={scope.row.syqx}
onblur={() => {
this.addrow(scope.row);
}}
></el-input>
);
},
},
],
normalizer(node) {
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
};
},
watch: {
......@@ -160,6 +121,7 @@ export default {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
console.log("看见1");
that.tableDataList = _.cloneDeep([
{
yt: "",
......@@ -168,8 +130,19 @@ export default {
syqx: "",
},
]);
if( that.tableDataList.length>0){
this.tdyt=that.tableDataList[0].yt
}else{
this.tdyt=null
}
} else {
console.log("看见2");
that.tableDataList = _.cloneDeep(val);
if( that.tableDataList.length>0){
this.tdyt=that.tableDataList[0].yt
}else{
this.tdyt=null
}
}
});
},
......@@ -178,15 +151,39 @@ export default {
},
},
methods: {
renderHeader() {
return (
<div>
{" "}
{this.$route.query.viewtype == 1 ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
// 修改事件
addrow() {
console.log("this.$parent.bsmqlxx",this.$parent.$parent.bsmqlxx);
console.log("this.$parent.bsmqlxx", this.$parent.$parent.bsmqlxx);
this.tableDataList = this.tableDataList.map((item) => {
return{
...item,
yt:this.tdyt
}
})
console.log("this.tableDataList",this.tableDataList);
this.$emit("upDateTdytxxList", this.tableDataList);
},
// 新增
addClick() {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(this.newdata);
this.$emit("upDateTdytxxList", this.tableDataList);
},
......
......@@ -15,7 +15,7 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="业务号:">
<el-form-item label="业务号111:">
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -131,14 +131,14 @@
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="下拉表格测试:">
<select-table v-model="value2" :table-width="600" :props="props" @change="change">
<el-table-column prop="id" label="ID" width="180"></el-table-column>
<el-table-column prop="user" label="姓名"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-col> -->
</el-row>
<div class="slxx_title title-block">
......