Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
964c8442 by xiaomiao
Options

--no commit message

1 parent 9824c866
Expand all
Inline Side-by-side
Showing 10 changed files with 416 additions and 117 deletions
/*
* @Description:
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-04 11:13:36
*/
const state = {
yjsqOptions: {},
yjsqOptions: "",
}
const mutations = {
......
......@@ -15,6 +15,7 @@
:inline="flag"
label-width="145px"
inline-message
:show-message="false"
:class="{readonly: editDisabled }"
class="loadingtext"
>
......@@ -209,7 +210,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="不动产权证号："
prop="qlxx.bdcqzh"
......@@ -217,7 +218,7 @@
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="查封机关：">
<el-input v-model="ruleForm.cfdj.cfjg"></el-input>
......@@ -260,7 +261,7 @@
<el-input v-model="ruleForm.cfdj.cffw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
......@@ -268,7 +269,7 @@
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item
label="登记机构："
......@@ -442,12 +443,12 @@ export default {
ztQlxxList: [],
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
},
};
},
......@@ -473,12 +474,14 @@ export default {
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
this.$endLoading();
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
......@@ -500,22 +503,22 @@ export default {
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
// // 更新土地用途信息
// upDateTdytxxList(val) {
// this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
// this.key++;
// },
// // 更新权利人信息
// upDateQlrxxList(val) {
// this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
// this.czrOptions = this.ruleForm.qlrData;
// this.key++;
// },
// // 更新义务人信息
// upDateYwrxxList(val) {
// this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
// this.key++;
// },
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
......
......@@ -9,13 +9,14 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
class="loadingtext"
:class="{ readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="169px"
inline-message
:show-message="false"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
......@@ -167,7 +168,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
......@@ -279,11 +280,15 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行起始时间：" prop="diyaq.zwlxqssj" :rules="rules.zwlxqssjrules">
<el-form-item
label="债务履行起始时间："
prop="diyaq.zwlxqssj"
:rules="rules.zwlxqssjrules"
>
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
type="date"
placeholder="选择日期"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
......@@ -291,11 +296,15 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间：" prop="diyaq.zwlxjssj" :rules="rules.zwlxjssjrules">
<el-form-item
label="债务履行结束时间："
prop="diyaq.zwlxjssj"
:rules="rules.zwlxjssjrules"
>
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
type="date"
placeholder="选择日期"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
......@@ -312,11 +321,15 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
:rules="rules.qxdmrules"
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="在建建筑物抵押范围：">
<el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
......@@ -353,23 +366,39 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="不动产登记证明号：" prop="qlxx.bdcqzh" :rules="rules.bdcqzhrules">
<el-form-item
label="不动产登记证明号："
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
......@@ -415,7 +444,11 @@
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间：" prop="qlxx.zxsj" :rules="rules.zxsjrules">
<el-form-item
label="注销时间："
prop="qlxx.zxsj"
:rules="rules.zxsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
type="date"
......@@ -427,12 +460,20 @@
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销登簿人：" prop="qlxx.zxdbr" :rules="rules.zxdbrrules">
<el-form-item
label="注销登簿人："
prop="qlxx.zxdbr"
:rules="rules.zxdbrrules"
>
<el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="24" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销抵押原因：" prop="diyaq.zxdyyy" :rules="rules.zxdyyyrules">
<el-form-item
label="注销抵押原因："
prop="diyaq.zxdyyy"
:rules="rules.zxdyyyrules"
>
<el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
</el-form-item>
</el-col>
......@@ -494,7 +535,7 @@ export default {
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -557,7 +598,7 @@ export default {
],
ssQlxxList: [],
ztQlxxList: [],
ableOperation:false,
ableOperation: false,
rules: {
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
......@@ -570,20 +611,24 @@ export default {
{ required: true, message: "债务履行结束时间", trigger: "blur" },
],
zxdyyyrules: [{ required: true, message: "注销抵押原因", trigger: "blur" }],
zxdyyyrules: [
{ required: true, message: "注销抵押原因", trigger: "blur" },
],
zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
zxdbrrules: [{ required: true, message: "注销登簿人", trigger: "blur" }],
zxdbrrules: [
{ required: true, message: "注销登簿人", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
created() {
this.loadData();
},
created() {},
mounted() {
this.ableOperation=this.$parent.ableOperation
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
ztQlxxchange(val) {
......@@ -601,10 +646,12 @@ export default {
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.$endLoading();
this.isShow = true;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
......@@ -655,7 +702,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......@@ -717,5 +771,4 @@ export default {
.el-table__row {
height: 30px !important;
}
</style>
......
......@@ -14,7 +14,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
inline-message
:show-message="false"
label-width="150px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
......@@ -43,6 +43,34 @@
地役权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
......@@ -56,7 +84,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -72,8 +100,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型： " prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -94,11 +122,11 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
......@@ -273,13 +301,13 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbRepair.js";
import { getSjlx, getDictLeabel } from "@/utils/dictionary.js";
import { init,getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
components: { qlrCommonTable, ywrCommonTable, tdytTable ,selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
......@@ -293,12 +321,18 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
......@@ -343,30 +377,59 @@ export default {
//传递参数\
rules: {
bdcqzhrules:[
{ required: true, message: "不动产登记证明号", trigger: "change" },
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
created() {
this.loadData();
},
mounted() {
this.loadData();
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......@@ -395,7 +458,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......
......@@ -14,6 +14,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
:show-message="false"
inline-message
label-width="145px"
>
......@@ -56,7 +57,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -67,8 +68,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -157,7 +158,7 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
......@@ -165,7 +166,7 @@
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item
label="登记机构："
......@@ -298,6 +299,11 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer(node) {
//方法
......@@ -313,6 +319,7 @@ export default {
propsParam: this.$attrs,
ableOperation:false,
key: 0,
ssQlxxList: [],
// 登记类型
djlxlist: [
{
......@@ -360,12 +367,13 @@ export default {
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
......@@ -376,16 +384,29 @@ export default {
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
// 字典
getDictData(val) {
return store.getters.dictData[val];
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
......@@ -394,6 +415,15 @@ export default {
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......
......@@ -9,11 +9,12 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
inline-message
label-width="145px"
>
......@@ -43,6 +44,34 @@
土地所有权信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
......@@ -56,7 +85,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -67,8 +96,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -97,7 +126,7 @@
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item
label="区县代码："
prop="qlxx.qxdm"
......@@ -105,7 +134,7 @@
>
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item
label="不动产权证号："
......@@ -306,11 +335,12 @@
<script>
import store from "@/store/index.js";
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbRepair.js";
import { init,getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable, tdytTable },
components: { qlrCommonTable, tdytTable ,selectTable},
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
......@@ -324,6 +354,11 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer(node) {
//方法
......@@ -381,36 +416,58 @@ export default {
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
ableOperation:false,
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
};
},
created() {
this.loadData();
},
mounted() {
this.loadData();
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
// 字典
getDictData(val) {
return store.getters.dictData[val];
},
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
......@@ -419,6 +476,15 @@ export default {
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......@@ -431,11 +497,11 @@ export default {
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
// // 更新义务人信息
// upDateYwrxxList(val) {
// this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
// this.key++;
// },
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
......@@ -503,9 +569,5 @@ export default {
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.loadingtext{
/deep/.el-form-item__content{
pointer-events: none!important;
}
}
</style>
......
......@@ -14,6 +14,7 @@
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
......@@ -44,6 +45,34 @@
预告登记信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
<el-table-column prop="qlrmc" label="权利人"></el-table-column>
<el-table-column prop="mjmc" label="面积"></el-table-column>
<el-table-column prop="ytmc" label="用途"></el-table-column>
<el-table-column prop="zl" label="坐落"></el-table-column>
</select-table>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号：">
......@@ -57,7 +86,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -73,8 +102,8 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型：">
<el-select v-model="ruleForm.qlxx.djlx">
<el-form-item label="登记类型：" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
......@@ -95,11 +124,11 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
......@@ -312,12 +341,13 @@
</template>
<script>
import { mapGetters } from "vuex";
import { init, save } from "@/api/djbRepair.js";
import { init,getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable },
components: { qlrCommonTable, ywrCommonTable, tdytTable,selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
......@@ -331,12 +361,18 @@ export default {
},
data() {
return {
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
......@@ -380,13 +416,14 @@ export default {
//传递参数\
rules: {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "change" },
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
},
ableOperation:false,
};
......@@ -398,14 +435,41 @@ export default {
this.ableOperation=this.$parent.ableOperation
},
methods: {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ssywh;
},
djlxchange(val) {
console.log("val",val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
loadData() {
this.$startLoading();
this.propsParam.isEdit=this.$parent.isEdit
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
let djlx = this.ruleForm.qlxx.djlx;
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
upDateTdytxxList(val) {
......@@ -434,7 +498,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......
......@@ -15,6 +15,7 @@
:label-position="flag ? 'top' : ''"
:inline="flag"
inline-message
:show-message="false"
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
......@@ -56,7 +57,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="上手业务号：">
<el-input v-model="ruleForm.qlxx.ssywh"></el-input>
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -94,11 +95,11 @@
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="区县代码：" prop="qlxx.qxdm" :rules="rules.qxdmrules">
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
......@@ -300,7 +301,7 @@ export default {
bdcqzhrules:[
{ required: true, message: "不动产权证号：", trigger: "change" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "change" }],
......@@ -316,10 +317,12 @@ export default {
},
methods: {
loadData() {
this.$startLoading();
this.propsParam.isEdit=this.$parent.isEdit
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.$endLoading();
this.isShow = true;
}
});
......@@ -351,7 +354,14 @@ export default {
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
......