454fff5c by xiaomiao

--no commit message

2 parents a882260c 35140902
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:41:20
* @LastEditTime: 2023-08-01 17:33:26
-->
<template>
<div>
......@@ -11,303 +11,301 @@
:key="key"
:heightNumSetting="true"
:minHeight="150"
:data="tableDataList"
>
:data="tableDataList">
</lb-table>
<addQlr
v-model="dialog"
:details="details"
:showButton="showButton"
@updateDetail="handleupdateDetail"
/>
@updateDetail="handleupdateDetail" />
</div>
</template>
<script>
import addQlr from "./dialog/addQlr.vue";
import { mapGetters } from "vuex";
export default {
components: {
addQlr,
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return [];
},
import addQlr from "./dialog/addQlr.vue";
import { mapGetters } from "vuex";
export default {
components: {
addQlr,
},
ableOperation: {
type: Boolean,
default: false,
computed: {
...mapGetters(["dictData"]),
},
gyfs: {
type: String,
default: "1",
props: {
tableData: {
type: Array,
default: function () {
return [];
},
},
ableOperation: {
type: Boolean,
default: false,
},
gyfs: {
type: String,
default: "1",
},
},
},
data() {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.ableOperation,
details: {},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.ableOperation,
details: {},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
render: (h, scope) => {
return (
<div>
{!this.ableOperation ? (
<span>{scope.$index + 1}</span>
) : (
<i
class="el-icon-minus pointer"
onClick={() => {
this.deleClick(scope.$index, scope.row);
}}
></i>
)}
</div>
);
},
},
render: (h, scope) => {
return (
<div>
{!this.ableOperation ? (
<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-button
type="text"
icon="el-icon-tickets"
disabled={!this.ableOperation}
onClick={() => {
this.readClick(scope);
}}
>
读取
</el-button>
);
},
},
},
{
label: "身份证读卡器",
align: "center",
render: (h, scope) => {
return (
<el-button
type="text"
icon="el-icon-tickets"
disabled={!this.ableOperation}
onClick={() => {
this.readClick(scope);
}}
>
读取
</el-button>
);
{
prop: "qlrmc",
label: "姓名/名称",
},
},
{
prop: "qlrmc",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
this.dictData["A30"] &&
this.dictData["A30"].map((option) => {
if (option.dcode == scope.row.zjzl) {
return <span>{option.dname}</span>;
}
})
);
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
this.dictData["A30"] &&
this.dictData["A30"].map((option) => {
if (option.dcode == scope.row.zjzl) {
return <span>{option.dname}</span>;
}
})
);
},
},
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "dh",
label: "联系电话",
},
{
label: "操作",
render: (h, scope) => {
return (
<div>
{!this.showButton ? (
<el-button
icon="el-icon-view"
type="text"
onClick={() => {
this.queryViewClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
{" "}
查看
</el-button>
) : (
<el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => {
this.editClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
编辑
</el-button>
)}
</div>
);
{
prop: "zjh",
label: "证件号",
},
{
prop: "dh",
label: "联系电话",
},
{
label: "操作",
render: (h, scope) => {
return (
<div>
{!this.showButton ? (
<el-button
icon="el-icon-view"
type="text"
onClick={() => {
this.queryViewClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
{" "}
查看
</el-button>
) : (
<el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => {
this.editClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
编辑
</el-button>
)}
</div>
);
},
},
],
column: [],
};
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
qlrmc: "",
dlrzjlx: "",
dlrzjh: "",
fr: "",
},
]);
} else {
that.tableDataList = _.cloneDeep(val);
}
});
},
],
column: [],
};
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
qlrmc: "",
dlrzjlx: "",
dlrzjh: "",
fr: "",
},
]);
immediate: true,
deep: true,
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable);
if (newVal == 0) {
this.column = _.cloneDeep(dataList);
this.tableDataList = _.cloneDeep(this.tableData);
} else if (newVal == "1" || newVal == "3") {
this.column = dataList;
} else {
that.tableDataList = _.cloneDeep(val);
this.column = _.cloneDeep(dataList);
this.column.splice(2, 0, {
prop: "fs",
label: "份数",
});
}
});
},
immediate: true,
deep: true,
},
immediate: true,
deep: true,
},
gyfs: {
handler(newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable);
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList);
} else if (newVal == "1" || newVal == "3") {
this.column = dataList;
methods: {
/**
* @handleupdateDetail: 删除
* @param {*} value
* @author: renchao
*/
handleupdateDetail (value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
} else {
this.column = _.cloneDeep(dataList);
this.column.splice(2, 0, {
prop: "fs",
label: "份数",
});
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
}
this.key++;
},
immediate: true,
},
},
methods: {
/**
* @handleupdateDetail: 删除
* @param {*} value
* @author: renchao
*/
handleupdateDetail(value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
/**
* @description: 新增
* @author: renchao
*/
addClick () {
if (this.gyfs == "0" && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有,无法添加多个权利人");
} else {
this.dialog = true;
this.isaddupdate = true;
}
}
this.key++;
},
// 新增
/**
* @description: 新增
* @author: renchao
*/
addClick() {
if (this.gyfs == "0" && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有,无法添加多个权利人");
} else {
this.dialog = true;
this.isaddupdate = true;
}
},
},
// 删除
/**
* @description: 删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
deleClick(index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.tableData.splice(index, 1);
// 删除
/**
* @description: 删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
deleClick (index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.catch(() => {});
},
.then(() => {
this.tableData.splice(index, 1);
})
.catch(() => { });
},
// 身份证读取
/**
* @description: 身份证读取
* @author: renchao
*/
readClick() {},
// 身份证读取
/**
* @description: 身份证读取
* @author: renchao
*/
readClick () { },
// 身份证读取按钮禁用
/**
* @description: 身份证读取按钮禁用
* @author: renchao
*/
onreadClick() {
this.$message.error("此阶段不可编辑");
},
// 修改
/**
* @description: 修改
* @param {*} index
* @param {*} row
* @author: renchao
*/
editClick(index, row) {
this.dataIndex = index;
this.dialog = true;
this.details = row;
this.isaddupdate = false;
},
/**
* @description: queryViewClick
* @param {*} index
* @param {*} row
* @author: renchao
*/
queryViewClick(index, row) {
this.dialog = true;
this.details = row;
// 身份证读取按钮禁用
/**
* @description: 身份证读取按钮禁用
* @author: renchao
*/
onreadClick () {
this.$message.error("此阶段不可编辑");
},
// 修改
/**
* @description: 修改
* @param {*} index
* @param {*} row
* @author: renchao
*/
editClick (index, row) {
this.dataIndex = index;
this.dialog = true;
this.details = row;
this.isaddupdate = false;
},
/**
* @description: queryViewClick
* @param {*} index
* @param {*} row
* @author: renchao
*/
queryViewClick (index, row) {
this.dialog = true;
this.details = row;
},
},
},
};
};
</script>
<style scoped lang="scss"></style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-05-17 10:41:20
* @LastEditTime: 2023-08-01 18:19:57
-->
<template>
<div>
......@@ -11,294 +11,291 @@
:key="key"
:heightNumSetting="true"
:minHeight="150"
:data="tableDataList"
>
:data="tableDataList">
</lb-table>
<addYwr
v-model="dialog"
:details="details"
:showButton="showButton"
@updateDetail="handleupdateDetail"
/>
@updateDetail="handleupdateDetail" />
</div>
</template>
<script>
import addYwr from "./dialog/addYwr.vue";
import { mapGetters } from "vuex";
export default {
components: {
addYwr,
},
computed: {
...mapGetters(["dictData"]),
},
props: {
tableData: {
type: Array,
default: function () {
return [];
},
import addYwr from "./dialog/addYwr.vue";
import { mapGetters } from "vuex";
export default {
components: {
addYwr,
},
ableOperation: {
type: Boolean,
default: false,
computed: {
...mapGetters(["dictData"]),
},
gyfs: {
type: String,
default: "1",
props: {
tableData: {
type: Array,
default: function () {
return [];
},
},
ableOperation: {
type: Boolean,
default: false,
},
gyfs: {
type: String,
default: "1",
},
},
},
data() {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.ableOperation,
details: {},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
data () {
return {
key: 0,
dataIndex: 0,
dialog: false,
isaddupdate: false,
showButton: this.ableOperation,
details: {},
tableDataList: [],
InformationTable: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{" "}
{!this.ableOperation ? (
"序号"
) : (
<i
class="el-icon-plus pointer"
onClick={() => {
this.addClick();
}}
></i>
)}
</div>
);
},
render: (h, scope) => {
return (
<div>
{!this.ableOperation ? (
<span>{scope.$index + 1}</span>
) : (
<i
class="el-icon-minus pointer"
onClick={() => {
this.deleClick(scope.$index, scope.row);
}}
></i>
)}
</div>
);
},
},
render: (h, scope) => {
return (
<div>
{!this.ableOperation ? (
<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-button
type="text"
icon="el-icon-tickets"
disabled={!this.ableOperation}
onClick={() => {
this.readClick(scope);
}}
>
读取
</el-button>
);
},
},
},
{
label: "身份证读卡器",
align: "center",
render: (h, scope) => {
return (
<el-button
type="text"
icon="el-icon-tickets"
disabled={!this.ableOperation}
onClick={() => {
this.readClick(scope);
}}
>
读取
</el-button>
);
{
prop: "ywrmc",
label: "姓名/名称",
},
},
{
prop: "ywrmc",
label: "姓名/名称",
},
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
this.dictData["A30"] &&
this.dictData["A30"].map((option) => {
if (option.dcode == scope.row.zjzl) {
return <span>{option.dname}</span>;
}
})
);
{
prop: "zjzl",
label: "证件种类",
render: (h, scope) => {
return (
this.dictData["A30"] &&
this.dictData["A30"].map((option) => {
if (option.dcode == scope.row.zjzl) {
return <span>{option.dname}</span>;
}
})
);
},
},
},
{
prop: "zjh",
label: "证件号",
},
{
prop: "dh",
label: "联系电话",
},
{
label: "操作",
render: (h, scope) => {
return (
<div>
{!this.showButton? (
<el-button
icon="el-icon-view"
type="text"
onClick={() => {
this.queryViewClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
{" "}
查看
</el-button>
) : (
<el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => {
this.editClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
编辑
</el-button>
)}
</div>
);
{
prop: "zjh",
label: "证件号",
},
{
prop: "dh",
label: "联系电话",
},
{
label: "操作",
render: (h, scope) => {
return (
<div>
{!this.showButton ? (
<el-button
icon="el-icon-view"
type="text"
onClick={() => {
this.queryViewClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
{" "}
查看
</el-button>
) : (
<el-button
icon="el-icon-edit-outline"
type="text"
onClick={() => {
this.editClick(scope.$index, scope.row);
}}
disabled={!this.ableOperation}
>
编辑
</el-button>
)}
</div>
);
},
},
],
column: [],
};
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
ywrmc: "",
dlrzjlx: "",
dlrzjh: "",
fr: "",
},
]);
} else {
that.tableDataList = _.cloneDeep(val);
}
});
},
],
column: [],
};
},
watch: {
tableData: {
handler: function (val, oldVal) {
let that = this;
this.$nextTick(() => {
if (val.length == 0 || !val) {
that.tableDataList = _.cloneDeep([
{
ywrmc: "",
dlrzjlx: "",
dlrzjh: "",
fr: "",
},
]);
immediate: true,
deep: true,
},
gyfs: {
handler (newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable);
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList);
} else if (newVal == "1" || newVal == "3") {
this.column = dataList;
} else {
that.tableDataList = _.cloneDeep(val);
this.column = _.cloneDeep(dataList);
this.column.splice(2, 0, {
prop: "fs",
label: "份数",
});
}
});
},
immediate: true,
},
immediate: true,
deep: true,
},
gyfs: {
handler(newVal, oldValue) {
let dataList = _.cloneDeep(this.InformationTable);
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList);
} else if (newVal == "1" || newVal == "3") {
this.column = dataList;
methods: {
/**
* @description: handleupdateDetail
* @param {*} value
* @author: renchao
*/
handleupdateDetail (value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
} else {
this.column = _.cloneDeep(dataList);
this.column.splice(2, 0, {
prop: "fs",
label: "份数",
});
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
}
this.key++;
},
immediate: true,
},
},
methods: {
/**
* @description: handleupdateDetail
* @param {*} value
* @author: renchao
*/
handleupdateDetail(value) {
if (this.isaddupdate) {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.tableDataList.length] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
}
} else {
if (!_.isEqual(value, this.tableData)) {
this.tableDataList[this.dataIndex] = _.cloneDeep(value);
this.$emit("upDateQlrxxList", this.tableDataList);
/**
* @description: 新增
* @author: renchao
*/
addClick () {
if (this.gyfs == "0" && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有,无法添加多个权利人");
} else {
this.dialog = true;
this.isaddupdate = true;
}
}
this.key++;
},
// 新增
/**
* @description: 新增
* @author: renchao
*/
addClick() {
if (this.gyfs == "0" && this.tableDataList.length > 0) {
this.$message.warning("当前共有方式为单独所有,无法添加多个权利人");
} else {
this.dialog = true;
this.isaddupdate = true;
}
},
},
// 删除
/**
* @description: 删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
deleClick(index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.then(() => {
this.tableData.splice(index, 1);
// 删除
/**
* @description: 删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
deleClick (index, row) {
this.$confirm("确定要删除吗, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
})
.catch(() => {});
},
.then(() => {
this.tableData.splice(index, 1);
})
.catch(() => { });
},
// 身份证读取
/**
* @description: 身份证读取
* @author: renchao
*/
readClick() {},
// 身份证读取
/**
* @description: 身份证读取
* @author: renchao
*/
readClick () { },
// 修改
/**
* @description: 修改
* @param {*} index
* @param {*} row
* @author: renchao
*/
editClick(index, row) {
this.dataIndex = index;
this.dialog = true;
this.details = row;
this.isaddupdate = false;
},
/**
* @description: queryViewClick
* @param {*} index
* @param {*} row
* @author: renchao
*/
queryViewClick(index, row) {
this.dialog = true;
this.details = row;
// 修改
/**
* @description: 修改
* @param {*} index
* @param {*} row
* @author: renchao
*/
editClick (index, row) {
this.dataIndex = index;
this.dialog = true;
this.details = row;
this.isaddupdate = false;
},
/**
* @description: queryViewClick
* @param {*} index
* @param {*} row
* @author: renchao
*/
queryViewClick (index, row) {
this.dialog = true;
this.details = row;
},
},
},
};
};
</script>
......
......@@ -2,7 +2,7 @@
* @Description:
* @Autor: renchao
:show-message="false"
* @LastEditTime: 2023-06-25 15:52:42
* @LastEditTime: 2023-08-01 18:19:44
-->
<template>
<!-- 受理信息 -->
......@@ -17,8 +17,7 @@
inline-message
:show-message="false"
:class="{ readonly: editDisabled }"
class="loadingtext"
>
class="loadingtext">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -50,29 +49,24 @@
<el-form-item
label="查封不动产权信息:"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules"
>
:rules="rules.ztQlxxrules">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
label="不动产权证书"></el-table-column>
<el-table-column
prop="qlrmc"
label="被执行人"
></el-table-column>
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>
......@@ -87,18 +81,15 @@
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -172,8 +163,7 @@
<el-form-item
label="业务号:"
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
:rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -193,15 +183,13 @@
<el-form-item
label="是否被续封:"
prop="cfdj.sfbxf"
:rules="rules.sfbxfrules"
>
:rules="rules.sfbxfrules">
<el-select v-model="ruleForm.cfdj.sfbxf" @change="djlxchange">
<el-option
v-for="item in sfbxflist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -217,8 +205,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -243,8 +230,7 @@
v-for="item in dictData['A32']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -261,8 +247,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
></el-date-picker>
format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -273,8 +258,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
></el-date-picker>
format="yyyy-MM-dd"></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -300,8 +284,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -310,8 +293,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -319,16 +301,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
placeholder="选择日期"
class="width100"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -372,8 +352,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -388,270 +367,233 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx, 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, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
//表单是否可操作
props: {
label: "bdcqzh",
value: "bdcdyid",
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx, 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, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
propsParam: this.$attrs,
key: 0,
isShow: false,
ssqlxxshow: true,
disabled: true,
czrOptions: [],
ruleForm: {},
rules: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// 是否被续封
sfbxflist: [
{
dcode: "0",
dname: "否",
},
{
dcode: "1",
dname: "是",
},
data () {
return {
//表单是否可操作
props: {
label: "bdcqzh",
value: "bdcdyid",
},
],
ableOperation: false,
//传递参数\
propsParam: this.$attrs,
key: 0,
isShow: false,
ssqlxxshow: true,
disabled: true,
czrOptions: [],
ruleForm: {},
rules: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
ssQlxxList: [],
ztQlxxList: [],
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
sfbxfrules: [
{ required: true, message: "是否被续封", trigger: "change" },
// 是否被续封
sfbxflist: [
{
dcode: "0",
dname: "否",
},
{
dcode: "1",
dname: "是",
},
],
},
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
ableOperation: false,
//传递参数\
ssQlxxList: [],
ztQlxxList: [],
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
sfbxfrules: [
{ required: true, message: "是否被续封", trigger: "change" },
],
},
};
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
created () {
this.loadData();
},
/**
* @description: loadData
* @author: renchao
*/
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;
}
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
mounted () {
this.ableOperation = this.$parent.ableOperation;
},
// // 更新土地用途信息
// 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++;
// },
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
if (valid) {
// if (this.ruleForm.qlrData.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({
// showClose: true,
// message: "共有方式:单独所有,权利人只能是一个人",
// type: "error",
// });
// return false;
// }
// this.ruleForm.qlrData[0].sfczr = "1";
// }
// if (this.ruleForm.qlxx.gyfs == "1") {
// //是否分别持证
// if (this.ruleForm.qlxx.sqfbcz == "1") {
// //是
// this.ruleForm.qlrData.forEach((item, index) => {
// item.sfczr = "1";
// });
// } else {
// this.ruleForm.qlrData.forEach((item, index) => {
// if (item.zjh == this.ruleForm.czr) {
// item.sfczr = "1";
// } else {
// item.sfczr = "0";
// }
// });
// }
// }
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
return false;
this.ssqlxxshow = true;
}
});
},
/**
* @description: loadData
* @author: renchao
*/
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;
}
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
},
// // 更新土地用途信息
// 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++;
// },
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
if (valid) {
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-05 16:15:28
* @LastEditTime: 2023-08-02 08:37:21
-->
<template>
<!-- 受理信息 -->
......@@ -16,8 +16,7 @@
:inline="flag"
label-width="169px"
inline-message
:show-message="false"
>
:show-message="false">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -52,18 +51,15 @@
:table-width="550"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -79,18 +75,15 @@
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -142,7 +135,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="面积:">
<el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
<el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -174,8 +167,7 @@
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -188,13 +180,12 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -227,15 +218,13 @@
<el-input
v-model="ruleForm.diyaq.zgzqse"
style="width: 500%"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.diyaq.jedw">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</div>
</el-form-item>
......@@ -246,24 +235,22 @@
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
style="width: 500%"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-select v-model="ruleForm.diyaq.jedw">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="抵押面积:">
<div class="flex">
<el-col :span="8">
<el-form-item label="抵押面积:">
<div class="flex">
<el-input
v-model="ruleForm.diyaq.dymj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
......@@ -278,54 +265,50 @@
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="债务履行起始时间:"
prop="diyaq.zwlxqssj"
:rules="rules.zwlxqssjrules"
>
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="债务履行结束时间:"
prop="diyaq.zwlxjssj"
:rules="rules.zwlxjssjrules"
>
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="在建建筑物坐落:">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-col :span="8">
<el-form-item
label="债务履行起始时间:"
prop="diyaq.zwlxqssj"
:rules="rules.zwlxqssjrules">
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item
label="债务履行结束时间:"
prop="diyaq.zwlxjssj"
:rules="rules.zwlxjssjrules">
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="在建建筑物坐落:">
<el-input v-model="ruleForm.qlxx.zl"></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<el-form-item label="不动产登记证明号:" prop="bdcqzh">
<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"
......@@ -334,88 +317,82 @@
<el-input v-model="ruleForm.qlxx.qxdm"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="在建建筑物抵押范围:">
<el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="在建建筑物抵押范围:">
<el-input v-model="ruleForm.diyaq.zjjzwdyfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围:">
<el-input v-model="ruleForm.diyaq.dbfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行期限(确定期间):">
<el-input v-model="ruleForm.diyaq.dyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围:">
<el-input v-model="ruleForm.diyaq.dbfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行期限(确定期间):">
<el-input v-model="ruleForm.diyaq.dyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="最高债权确定事实和数额:">
<el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否限制转移约定:">
<el-select v-model="ruleForm.diyaq.sfczjzhxz">
<el-option
v-for="item in dictData['A6']"
: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="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="最高债权确定事实和数额:">
<el-input v-model="ruleForm.diyaq.zgzqqdss"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否限制转移约定:">
<el-select v-model="ruleForm.diyaq.sfczjzhxz">
<el-option
v-for="item in dictData['A6']"
: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="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-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-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-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</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>
</el-form-item>
</el-col>
<el-col :span="8">
<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-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="是否预告登记:">
<el-select v-model="ruleForm.diyaq.sfygdj">
<el-option
......@@ -426,75 +403,70 @@
</el-select>
</el-form-item>
</el-col> -->
<!-- <el-col :span="8">
<!-- <el-col :span="8">
<el-form-item label="在建建筑物坐落:">
<el-input v-model="ruleForm.diyaq.zjzzwzl"></el-input>
</el-form-item>
</el-col> -->
<el-col :span="24">
<el-form-item label="登记原因:">
<el-input v-model="ruleForm.qlxx.djyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.diyaq.fj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销抵押业务号:">
<el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="登记原因:">
<el-input v-model="ruleForm.qlxx.djyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.diyaq.fj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销抵押业务号:">
<el-input v-model="ruleForm.diyaq.zxdyywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item
label="注销时间:"
prop="qlxx.zxsj"
:rules="rules.zxsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
</el-date-picker>
</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-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-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item
label="注销时间:"
prop="qlxx.zxsj"
:rules="rules.zxsjrules">
<el-date-picker
v-model="ruleForm.qlxx.zxsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
</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-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-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-row>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
:disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -502,14 +474,40 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
......@@ -521,8 +519,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -534,290 +531,292 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
mjdw:"1",
props: {
label: "bdcqzh",
value: "bdcdyid",
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import selectTable from "@/components/selectTable/index.vue";
import tdytTable from "@/views/workflow/components/tdytTable";
export default {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
ssqlxxshow: true,
czrOptions: [],
ruleForm: {},
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
data () {
return {
mjdw: "1",
props: {
label: "bdcqzh",
value: "bdcdyid",
},
],
ssQlxxList: [],
ztQlxxList: [],
ableOperation: false,
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
zwlxqssjrules: [
{ required: true, message: "债务履行起始时间", trigger: "blur" },
],
zwlxjssjrules: [
{ required: true, message: "债务履行结束时间", trigger: "blur" },
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
ssqlxxshow: true,
czrOptions: [],
ruleForm: {},
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
zxdyyyrules: [
{ required: true, message: "注销抵押原因", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
zxdbrrules: [
{ required: true, message: "注销登簿人", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
created() {},
mounted() {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
ssQlxxList: [],
ztQlxxList: [],
ableOperation: false,
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
zwlxqssjrules: [
{ required: true, message: "债务履行起始时间", trigger: "blur" },
],
zwlxjssjrules: [
{ required: true, message: "债务履行结束时间", trigger: "blur" },
],
zxdyyyrules: [
{ required: true, message: "注销抵押原因", trigger: "blur" },
],
zxsjrules: [{ required: true, message: "注销时间", trigger: "blur" }],
zxdbrrules: [
{ required: true, message: "注销登簿人", trigger: "blur" },
],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
created () { },
mounted () {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
/**
* @description: loadData
* @author: renchao
*/
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) {
this.ssqlxxshow = false;
}
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
djlxchange (val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
},
/**
* @description: loadData
* @author: renchao
*/
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) {
this.ssqlxxshow = false;
}
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: res.message,
message: "请确认义务人信息",
type: "error",
});
return false;
}
});
} else {
return false;
}
});
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-03 09:59:11
* @LastEditTime: 2023-08-02 08:37:47
-->
<template>
<!-- 受理信息 -->
......@@ -15,8 +15,7 @@
:label-position="flag ? 'top' : ''"
:inline="flag"
:show-message="false"
label-width="150px"
>
label-width="150px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -48,25 +47,21 @@
<el-form-item
label="地役权不动产信息:"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules"
>
:rules="rules.ztQlxxrules">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -82,18 +77,15 @@
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -165,7 +157,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -190,15 +182,13 @@
<el-form-item
label="登记类型: "
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -212,8 +202,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -226,8 +215,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -235,8 +223,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -244,16 +231,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -264,8 +249,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -288,8 +272,7 @@
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -320,8 +303,7 @@
v-for="item in dictData['A30']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
></el-option>
:value="item.dcode"></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -348,8 +330,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -361,8 +342,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -386,8 +366,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -395,14 +374,40 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div>
<div class="slxx_title title-block">
......@@ -414,8 +419,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -427,275 +431,277 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx, 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, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { init, getSsQlxx, getZtQlxx, 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 {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
data () {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
ableOperation: false,
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
created() {},
mounted() {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
ableOperation: false,
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ 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: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
created () { },
mounted () {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
/**
* @description: loadData
* @author: renchao
*/
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;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
},
/**
* @description: loadData
* @author: renchao
*/
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;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: res.message,
message: "请确认义务人信息",
type: "error",
});
return false;
}
});
} else {
return false;
}
});
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-21 09:48:32
* @LastEditTime: 2023-08-02 08:38:11
-->
<template>
<!-- 受理信息 -->
......@@ -116,8 +116,8 @@
<el-col :span="8">
<el-form-item label="独用土地面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.dytdmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input v-model="ruleForm.fdcq2.dytdmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -129,14 +129,14 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分摊土地面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.fttdmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div class="flex">
<el-input v-model="ruleForm.fdcq2.fttdmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -148,7 +148,7 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -165,12 +165,11 @@
</el-col>
<el-col :span="8">
<el-form-item label="房地产交易价格:">
<div class="flex">
<div class="flex">
<el-input
v-model="ruleForm.fdcq2.qjjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select v-model="ruleForm.fdcq2.jedw">
<el-option
v-for="item in dictData['A57']"
......@@ -255,11 +254,11 @@
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div class="flex">
<el-input v-model="ruleForm.fdcq2.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
disabled
v-model="mjdw"
style="width: 20%">
<el-option
......@@ -269,16 +268,16 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专有建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div class="flex">
<el-input v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
disabled
v-model="mjdw"
style="width: 20%">
<el-option
......@@ -288,16 +287,16 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分摊建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
disabled
v-model="mjdw"
style="width: 20%">
<el-option
......@@ -307,19 +306,18 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="竣工时间:">
<el-date-picker
<el-date-picker
v-model="ruleForm.fdcq2.jgsj"
class="width100"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -404,7 +402,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs">
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -412,6 +410,33 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
......@@ -430,11 +455,13 @@
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
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 {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
......@@ -449,7 +476,7 @@
},
data () {
return {
mjdw:"1",
mjdw: "1",
ssqlxxshow: true,
props: {
label: "bdcqzh",
......@@ -698,7 +725,7 @@
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -720,9 +747,9 @@
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
height: 30px !important;
}
width: 100%;
}
.el-table__row {
height: 30px !important;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-25 15:52:42
* @LastEditTime: 2023-08-02 08:38:26
-->
<template>
<!-- 受理信息 -->
......@@ -9,13 +9,12 @@
<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="145px"
>
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -43,25 +42,22 @@
<div class="triangle"></div>
</div>
<el-row :gutter="24">
<el-col :span="8" v-if="ssqlxxshow">
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息:">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -70,7 +66,7 @@
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号:">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
......@@ -94,14 +90,13 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型:" prop="qlxx.djlx" :rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<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"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -113,8 +108,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -133,8 +127,8 @@
<el-col :span="8">
<el-form-item label="使用权面积:">
<div class="flex">
<el-input v-model="ruleForm.jsydsyq.syqmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input v-model="ruleForm.jsydsyq.syqmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -146,7 +140,7 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -174,15 +168,13 @@
<div style="display: flex">
<el-input
v-model="ruleForm.jsydsyq.qdjg"
style="width: 500%"
></el-input>
style="width: 500%"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -193,8 +185,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -211,8 +202,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -220,8 +210,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -229,16 +218,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
<el-date-picker
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -257,8 +244,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
:ableOperation="ableOperation" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -266,10 +252,9 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -277,14 +262,40 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -296,268 +307,270 @@
</div>
</template>
<script>
import store from "@/store/index.js";
import { mapGetters } from "vuex";
import { init,getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
components: { qlrCommonTable, tdytTable,selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
mjdw:"1",
ssqlxxshow:true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
// 键名转换,方法默认是label和children进行树状渲染
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import ywmix from "@/views/ywbl/mixin/index"
import { init, getSsQlxx, save } from "@/api/djbRepair.js";
import qlrCommonTable from "@/views/djbworkflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return {
id: node.dcode,
label: node.dname,
};
return false;
},
//表单是否可操作
propsParam: this.$attrs,
ableOperation:false,
key: 0,
ssQlxxList: [],
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
data () {
return {
mjdw: "1",
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
{
dcode: "500",
dname: "更正登记",
// 键名转换,方法默认是label和children进行树状渲染
normalizer (node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
//表单是否可操作
propsParam: this.$attrs,
ableOperation: false,
key: 0,
ssQlxxList: [],
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
tdxz: null,
isShow: false,
disabled: true,
czrOptions: [],
ruleForm: {},
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// qxdmrules: [{ 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();
},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
tdxz: null,
isShow: false,
disabled: true,
czrOptions: [],
ruleForm: {},
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
],
// qxdmrules: [{ 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" }],
},
};
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
created () {
this.loadData();
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData(val) {
return store.getters.dictData[val];
mounted () {
this.ableOperation = this.$parent.ableOperation
},
/**
* @description: loadData
* @author: renchao
*/
loadData() {
methods: {
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData (val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
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.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 {
this.tdxz = null;
}
this.isShow = true;
}
this.$endLoading();
if (this.ruleForm.tdytqxList.length > 0) {
this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
} else {
this.tdxz = null;
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 保存
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 保存
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-25 15:52:42
* @LastEditTime: 2023-08-02 08:38:41
-->
<template>
<!-- 受理信息 -->
......@@ -15,8 +15,7 @@
:show-message="false"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -44,25 +43,22 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8" v-if="ssqlxxshow">
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息:">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -70,30 +66,28 @@
</select-table>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item label="上手业务号:">
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号:">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
......@@ -114,8 +108,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -123,8 +116,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -141,8 +133,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -153,8 +144,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -173,19 +163,16 @@
<el-input
v-model="ruleForm.tdsyq.nydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -197,19 +184,16 @@
<el-input
v-model="ruleForm.tdsyq.gdmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -221,19 +205,16 @@
<el-input
v-model="ruleForm.tdsyq.ldmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -247,19 +228,16 @@
<el-input
v-model="ruleForm.tdsyq.cdmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -271,19 +249,16 @@
<el-input
v-model="ruleForm.tdsyq.qtnydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -295,19 +270,16 @@
<el-input
v-model="ruleForm.tdsyq.jsydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -321,19 +293,16 @@
<el-input
v-model="ruleForm.tdsyq.wlydmj"
:disabled="!ableOperation"
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,3})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.tdsyq.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -343,16 +312,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -371,8 +338,7 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation"
/>
:ableOperation="ableOperation" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -382,8 +348,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -391,14 +356,40 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -409,337 +400,339 @@
</div>
</template>
<script>
import store from "@/store/index.js";
import { mapGetters } from "vuex";
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, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
// 键名转换,方法默认是label和children进行树状渲染
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import ywmix from "@/views/ywbl/mixin/index"
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 {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return {
id: node.dcode,
label: node.dname,
};
return false;
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
data () {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
{
dcode: "500",
dname: "更正登记",
// 键名转换,方法默认是label和children进行树状渲染
normalizer (node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
}
return {
id: node.dcode,
label: node.dname,
};
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
ableOperation: false,
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// qxdmrules: [{ 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: "change" }],
},
};
},
created() {},
mounted() {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
ableOperation: false,
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
],
// qxdmrules: [{ 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: "change" }],
},
};
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
created () { },
mounted () {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData(val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
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;
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData (val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
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 {
// this.tdxz = null;
// }
this.isShow = true;
}
this.$endLoading();
// if (this.ruleForm.tdytqxList.length > 0) {
// this.tdxz = this.ruleForm.tdytqxList[0].qlxzbm;
// } else {
// this.tdxz = null;
// }
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-form-item__label {
padding: 0;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-radio {
margin-right: 10px;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-select {
width: 100%;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
/deep/.el-form-item {
margin-bottom: 8px;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.marginBot0 {
margin-bottom: 0 !important;
}
.slxx {
box-sizing: border-box;
}
.slxx {
box-sizing: border-box;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
.submit_btn {
height: 50px;
}
.submit_btn {
height: 50px;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
margin-bottom: 10px;
margin-top: 5px;
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
/deep/.el-form-item__label {
padding-bottom: 0px;
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-25 15:52:42
* @LastEditTime: 2023-08-02 08:38:55
:show-message="false"
-->
<template>
......@@ -10,15 +10,14 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
>
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -41,8 +40,8 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
预告抵押登记信息不动产情况
<div class="slxx_title title-block">
预告抵押登记信息不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
......@@ -53,18 +52,15 @@
:table-width="550"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -80,18 +76,15 @@
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -143,7 +136,7 @@
</el-col>
<el-col :span="8">
<el-form-item label="面积:">
<el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
<el-input disabled v-model="ruleForm.ztQlxx.mjmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -163,7 +156,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -185,14 +178,13 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型:" prop="qlxx.djlx" :rules="rules.djlxrules">
<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"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -203,7 +195,7 @@
</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>
......@@ -227,11 +219,10 @@
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
class="width100"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -242,22 +233,20 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="预告登记种类:" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules">
<el-form-item label="预告登记种类:" prop="ygdj.ygdjzlmc" :rules="rules.ygdjlxrules">
<el-select v-model="ruleForm.ygdj.ygdjzlmc">
<el-option
v-for="item in dictData['A29']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -269,13 +258,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="规划用途:">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-option
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -287,13 +275,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质:">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-option
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -305,13 +292,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="房屋结构:">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-option
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -329,20 +315,17 @@
<el-col :span="8">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-input v-model="ruleForm.ygdj.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -360,22 +343,21 @@
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间:">
<el-date-picker
<el-date-picker
v-model="ruleForm.ygdj.zxsj"
type="date"
class="width100"
class="width100"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取得价格/被担保主债权数额:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input v-model="ruleForm.ygdj.qdjg"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
......@@ -423,10 +405,9 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -434,16 +415,42 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrData">
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -453,8 +460,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -466,282 +472,284 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { init,getSsQlxx, getZtQlxx, 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,selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { init, getSsQlxx, getZtQlxx, 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 {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
},
data() {
return {
ssqlxxshow:true,
data () {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
ableOperation:false,
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation=this.$parent.ableOperation
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
ableOperation: false,
};
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
created () {
this.loadData();
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
mounted () {
this.ableOperation = this.$parent.ableOperation
},
/**
* @description: loadData
* @author: renchao
*/
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;
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
});
},
/**
* @description: loadData
* @author: renchao
*/
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;
console.log("this.$refs.ruleForm",this.$refs.ruleForm);
}
});
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
console.log("this.$refs.ruleForm", this.$refs.ruleForm);
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
console.log("this.$refs.ruleForm",this.$refs.ruleForm);
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
console.log("this.$refs.ruleForm", this.$refs.ruleForm);
}
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
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({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-25 15:52:42
* @LastEditTime: 2023-08-02 08:39:13
:show-message="false"
-->
<template>
......@@ -10,15 +10,14 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
class="loadingtext"
:class="{readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
>
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -42,29 +41,26 @@
</el-col>
</el-row>
<div class="slxx_title title-block">
预告买卖登记信息不动产情况
预告买卖登记信息不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8" v-if="ssqlxxshow">
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息:">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -72,37 +68,35 @@
</select-table>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item label="上手业务号:">
<el-input disabled v-model="ruleForm.qlxx.ssywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-col :span="8">
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
</el-row>
<el-row>
<el-col :span="8">
<el-form-item label="不动产单元号:">
<el-input disabled v-model="ruleForm.qlxx.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -122,7 +116,7 @@
</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>
......@@ -145,12 +139,11 @@
<el-form-item label="登记时间:" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
class="width100"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -161,22 +154,20 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="预告登记种类:" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
<el-form-item label="预告登记种类:" prop="ygdj.ygdjlx" :rules="rules.ygdjlxrules">
<el-select v-model="ruleForm.ygdj.ygdjlx">
<el-option
v-for="item in dictData['A29']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -188,13 +179,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="规划用途:">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-select v-model="ruleForm.ygdj.ghyt">
<el-option
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -206,13 +196,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="房屋性质:">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-select v-model="ruleForm.ygdj.fwxz">
<el-option
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -224,13 +213,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="房屋结构:">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-option
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -246,22 +234,19 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积:">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-input v-model="ruleForm.ygdj.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.mjdw"
:disabled="!ableOperation"
style="width: 20%"
>
style="width: 20%">
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -279,22 +264,21 @@
</el-col>
<el-col :span="8" v-if="ruleForm.qlxx.qszt == '2'">
<el-form-item label="注销时间:">
<el-date-picker
<el-date-picker
v-model="ruleForm.ygdj.zxsj"
class="width100"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取得价格/被担保主债权数额:">
<el-form-item label="取得价格/被担保主债权数额:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input v-model="ruleForm.ygdj.qdjg"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
......@@ -342,10 +326,9 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -353,16 +336,42 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrData">
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -372,8 +381,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -385,82 +393,84 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
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,selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
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 {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
},
data() {
return {
ssqlxxshow:true,
data () {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
//传递参数\
rules: {
bdcqzhrules:[
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
//传递参数\
rules: {
bdcqzhrules: [
{ required: true, message: "不动产权证号:", trigger: "blur" },
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
......@@ -490,154 +500,171 @@ export default {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
created () {
this.loadData();
},
/**
* @description: loadData
* @author: renchao
*/
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;
mounted () {
this.ableOperation = this.$parent.ableOperation
},
methods: {
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
});
},
/**
* @description: loadData
* @author: renchao
*/
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;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
return false;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
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({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
});
},
},
},
};
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-06-25 15:52:42
* @LastEditTime: 2023-08-01 18:12:57
-->
<template>
<!-- 受理信息 -->
......@@ -16,8 +16,7 @@
:inline="flag"
inline-message
:show-message="false"
label-width="145px"
>
label-width="145px">
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -49,25 +48,21 @@
<el-form-item
label="抵押不动产信息:"
prop="ztQlxx.bdcqzh"
:rules="rules.ztQlxxrules"
>
:rules="rules.ztQlxxrules">
<select-table
v-model="ruleForm.ztQlxx"
:table-width="550"
:tableData="ztQlxxList"
:props="props"
@change="ztQlxxchange"
>
@change="ztQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -83,18 +78,15 @@
:table-width="550"
:tableData="ssQlxxList"
:props="props"
@change="ssQlxxchange"
>
@change="ssQlxxchange">
<el-table-column
prop="qllxmc"
width="130"
label="权利类型"
></el-table-column>
label="权利类型"></el-table-column>
<el-table-column
prop="bdcqzh"
width="160"
label="不动产权证书"
></el-table-column>
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>
......@@ -166,7 +158,7 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-form-item label="业务号:" prop="qlxx.ywh" :rules="rules.ywhrules">
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -191,15 +183,13 @@
<el-form-item
label="登记类型:"
prop="qlxx.djlx"
:rules="rules.djlxrules"
>
:rules="rules.djlxrules">
<el-select v-model="ruleForm.qlxx.djlx" @change="djlxchange">
<el-option
v-for="item in djlxlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -213,8 +203,7 @@
<el-form-item
label="不动产权证号:"
prop="qlxx.bdcqzh"
:rules="rules.bdcqzhrules"
>
:rules="rules.bdcqzhrules">
<el-input v-model="ruleForm.qlxx.bdcqzh"></el-input>
</el-form-item>
</el-col>
......@@ -227,8 +216,7 @@
<el-form-item
label="登记机构:"
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
:rules="rules.djjgrules">
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
......@@ -236,8 +224,7 @@
<el-form-item
label="登簿人:"
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
:rules="rules.dbrrules">
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
......@@ -245,16 +232,14 @@
<el-form-item
label="登记时间:"
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
:rules="rules.djsjrules">
<el-date-picker
v-model="ruleForm.qlxx.djsj"
class="width100"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -265,8 +250,7 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -310,8 +294,7 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd"
>
format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
</el-col>
......@@ -325,8 +308,7 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.qlxx.gyfs"
>
v-model="ruleForm.qlxx.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -334,14 +316,40 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable
:tableData="ruleForm.qlrData"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:ableOperation="ableOperation"
:gyfs="ruleForm.qlxx.gyfs"
/>
:gyfs="ruleForm.qlxx.gyfs" />
<div v-if="ruleForm.ywrData">
<div class="slxx_title title-block">
义务人信息
......@@ -352,8 +360,7 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList"
/>
@upDateQlrxxList="upDateYwrxxList" />
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -365,277 +372,279 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx, 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,selectTable},
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
},
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { init, getSsQlxx, getZtQlxx, 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 {
mixins: [ywmix],
components: { qlrCommonTable, ywrCommonTable, tdytTable, selectTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
if (!this.ableOperation) {
//只读状态
return true;
}
return false;
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
data () {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
//表单是否可操作
propsParam: this.$attrs,
key: 0,
isShow: false,
disabled: true,
czrOptions: [],
ssQlxxList: [],
ztQlxxList: [],
ruleForm: {},
// 登记类型
djlxlist: [
{
dcode: "100",
dname: "首次登记",
},
{
dcode: "200",
dname: "转移登记",
},
{
dcode: "300",
dname: "变更登记",
},
{
dcode: "500",
dname: "更正登记",
},
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
{
dcode: "901",
dname: "补证",
},
{
dcode: "902",
dname: "换证",
},
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
// 权属状态
qsztlist: [
{
dcode: "1",
dname: "现势",
},
{
dcode: "2",
dname: "历史",
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
ableOperation: false,
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
//传递参数\
rules: {
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
bdcqzhrules: [
{ 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: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
ableOperation: false,
};
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
created () {
this.loadData();
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange(val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
mounted () {
this.ableOperation = this.$parent.ableOperation;
},
/**
* @description: loadData
* @author: renchao
*/
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;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
methods: {
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
this.ruleForm.ztQlxx = val;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "请确认权利人信息",
type: "error",
});
return false;
},
/**
* @description: loadData
* @author: renchao
*/
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;
}
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "请确认义务人信息",
type: "error",
});
return false;
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
message: "请确认权利人信息",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
if (this.ruleForm.ywrData.length == 0) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
message: "请确认义务人信息",
type: "error",
});
return false;
}
});
} else {
return false;
}
});
if (this.ruleForm.qlxx.gyfs == "0") {
if (this.ruleForm.qlrData.length > 1) {
this.$message({
showClose: true,
message: "共有方式:单独所有,权利人只能是一个人",
type: "error",
});
return false;
}
this.ruleForm.qlrData[0].sfczr = "1";
}
if (this.ruleForm.qlxx.gyfs == "1") {
//是否分别持证
if (this.ruleForm.qlxx.sqfbcz == "1") {
//是
this.ruleForm.qlrData.forEach((item, index) => {
item.sfczr = "1";
});
} else {
this.ruleForm.qlrData.forEach((item, index) => {
if (item.zjh == this.ruleForm.czr) {
item.sfczr = "1";
} else {
item.sfczr = "0";
}
});
}
}
save(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$parent.changeywh()
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
} else {
return false;
}
});
},
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-11 09:37:55
* @LastEditTime: 2023-08-01 17:41:49
-->
<template>
<div>
......@@ -52,7 +52,7 @@
width: '50',
renderHeader: (h, scope) => {
return <div> {
this.isDisabled? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
this.isDisabled ? '序号' : <i class="el-icon-plus pointer" onClick={() => { this.addClick() }}></i>
}
</div>
},
......@@ -60,7 +60,7 @@
return (
<div>
{
this.isDisabled? <span>{scope.$index + 1}</span> :
this.isDisabled ? <span>{scope.$index + 1}</span> :
<i class="el-icon-minus pointer" onClick={() => { this.deleClick(scope.$index, scope.row) }}></i>
}
</div>
......@@ -141,11 +141,11 @@
},
gyfs: {
handler (newVal, oldValue) {
console.log(newVal, 'newValnewValnewValnewVal', this.tableData);
let dataList = _.cloneDeep(this.InformationTable)
if (newVal == 0) {
// this.column = _.cloneDeep(dataList).slice(1, dataList.length)
this.column = _.cloneDeep(dataList)
this.tableDataList = _.cloneDeep(this.tableData)
} else if ((newVal == '1' || newVal == '3')) {
this.column = dataList
} else {
......@@ -270,7 +270,7 @@
/deep/.el-table th {
height: 30px !important;
}
/deep/.el-table .cell {
/deep/.el-table .cell {
padding-right: 12px;
}
</style>
......
/*
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-01 18:05:25
*/
export default {
data () {
return {
}
},
watch: {
'ruleForm.sldy.gyfs': {
handler: function (val, oldVal) {
if (val == '0' && this.ruleForm.qlrList.length > 1) {
this.ruleForm.sldy.gyfs = oldVal
this.$message({
message: '单独所有只能选择一个,请先删除再切换',
type: 'warning'
})
}
},
immediate: true
}
},
}
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-11 10:00:43
* @LastEditTime: 2023-08-02 08:34:59
-->
<template>
<!-- 受理信息 -->
......@@ -194,7 +194,7 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
......@@ -204,18 +204,29 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -267,7 +278,7 @@
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
var formdata = new FormData();
if (this.propsParam.djlx == '400') {
if (this.propsParam.djlx == '400') {
this.isJfOperation = true;
}
this.$startLoading();
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023年07月27日 19:38:26
* @LastEditTime: 2023-08-02 08:52:42
-->
<template>
<div class="slxx">
......@@ -134,9 +134,9 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-col :span="12" v-if="ruleForm.qlxx">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" @change="showCZInfo"
<el-radio-group :disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
......@@ -145,16 +145,16 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5">
<!-- <el-col :span="5">
<el-form-item label="发证方式:">
<el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation">
<el-radio label="1">小证</el-radio>
<el-radio label="2">大证</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
......@@ -162,7 +162,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs == '2'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......@@ -205,11 +205,13 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......@@ -285,13 +287,6 @@
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
/**
* @description: showCZInfo
* @author: renchao
*/
showCZInfo () {
console.log(this.ruleForm.slsq.gyfs);
},
// 更新权利人信息
/**
* @description: 更新权利人信息
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-07-21 14:13:57
* @LastEditTime: 2023-08-02 08:53:43
-->
<template>
<div class="slxx">
......@@ -104,9 +104,9 @@
</el-col>
<el-col :span="8">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.qlxx.mj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div class="flex">
<el-input disabled v-model="ruleForm.qlxx.mj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -118,14 +118,14 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专有建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -137,7 +137,7 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
......@@ -145,9 +145,9 @@
<el-col :span="8">
<el-form-item label="分摊建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -159,7 +159,7 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
......@@ -176,9 +176,9 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-col :span="12" v-if="ruleForm.qlxx">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" @change="showCZInfo"
<el-radio-group :disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
......@@ -187,27 +187,38 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5">
<!-- <el-col :span="5">
<el-form-item label="发证方式:">
<el-radio-group v-model="ruleForm.slsq.fzfs" :disabled="!ableOperation">
<el-radio label="1">小证</el-radio>
<el-radio label="2">大证</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
</el-col> -->
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.slsq.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -247,11 +258,13 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......@@ -276,7 +289,7 @@
},
data () {
return {
mjdw:"1",
mjdw: "1",
disabled: true,
tdytOption: [],
czrOptions: [],
......@@ -309,7 +322,6 @@
}
},
methods: {
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
......@@ -319,7 +331,6 @@
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
......@@ -329,14 +340,6 @@
this.ruleForm.qlrList = _.cloneDeep(val);
},
/**
* @description: showCZInfo
* @author: renchao
*/
showCZInfo () {
console.log(this.ruleForm.slsq.gyfs);
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:22:40
* @LastEditTime: 2023-08-02 08:46:35
-->
<template>
<div class="slxx">
......@@ -46,10 +46,9 @@
</el-form-item>
</el-col>
</el-row>
<div
<div
class="slxx_title title-block flex"
style="justify-content: space-between"
>
style="justify-content: space-between">
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -125,8 +124,8 @@
<el-col :span="8">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.qlxx.mj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input disabled v-model="ruleForm.qlxx.mj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -138,14 +137,14 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="专有建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -157,14 +156,14 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="分摊建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -176,7 +175,7 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
......@@ -193,7 +192,7 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
......@@ -203,18 +202,29 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-if="ruleForm.sldy.gyfs && ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sffbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-if="ruleForm.sldy.gyfs && ruleForm.sldy.gyfs == '2'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -245,11 +255,13 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......@@ -276,7 +288,7 @@
},
data () {
return {
mjdw:"1",
mjdw: "1",
//表单是否可操作
ableOperation: true,
disabled: true,
......@@ -397,27 +409,28 @@
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare() {
this.$popupDialog(
/**
* @description: compare
* @author: renchao
*/
compare () {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{ bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'FDCQ2',
},
"80%",
true
);
},
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'FDCQ2',
},
"80%",
true
);
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-07-21 14:16:25
* @LastEditTime: 2023-08-01 18:14:10
-->
<template>
<div class="slxx">
......@@ -111,7 +111,7 @@
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.slsq.gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.slsq.gyfs != '0'">
<el-form-item label="是否分别持证:" v-if="ruleForm.sldyList.length>0">
<el-radio-group v-model="ruleForm.sldyList[0].sqfbcz">
<el-radio label="1"></el-radio>
......@@ -119,7 +119,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.sldyList[0].gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldyList.length>0 && ruleForm.sldyList[0].gyfs != '0'">
<el-form-item label="持证人:">
<el-input v-model="ruleForm.slsq.czr"></el-input>
</el-form-item>
......@@ -150,10 +150,12 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { BatchInit, Init, saveBatchData, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted (callbackfn, thisArg) {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:23:05
* @LastEditTime: 2023-08-01 18:14:28
-->
<template>
<!-- 受理信息 -->
......@@ -186,11 +186,13 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:23:20
* @LastEditTime: 2023-08-02 08:45:57
-->
<template>
<!-- 受理信息 -->
......@@ -72,9 +72,9 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="使用权面积:">
<div class="flex">
<el-input v-model="ruleForm.jsydsyq.syqmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div class="flex">
<el-input v-model="ruleForm.jsydsyq.syqmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
......@@ -86,7 +86,7 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
......@@ -102,7 +102,7 @@
<el-col :span="8">
<el-form-item label="取得价格:">
<div style="display:flex">
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
</el-option>
......@@ -160,18 +160,29 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<el-radio :label=1></el-radio>
<el-radio :label=0></el-radio>
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0'&&ruleForm.sldy.gyfs == '1'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.zjh" :label="item.sqrmc" :value="item.zjh">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -213,10 +224,12 @@
</template>
<script>
import { mapGetters } from "vuex"
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......@@ -249,7 +262,7 @@
},
data () {
return {
mjdw:"1",
mjdw: "1",
//表单是否可操作
ableOperation: true,
key: 0,
......
......@@ -2,7 +2,7 @@
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:23:42
* @LastEditTime: 2023-08-02 08:45:44
-->
<template>
<!-- 受理信息 -->
......@@ -13,8 +13,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -56,8 +55,7 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between"
>
style="justify-content: space-between">
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -102,16 +100,14 @@
<el-input
v-model="ruleForm.jsydsyq.qdjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
disabled
></el-input>
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
disabled></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw" disabled>
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</div>
......@@ -124,27 +120,13 @@
</el-form-item>
</el-col>
</el-row>
<!-- <el-row :gutter="10">
<el-col :span="8">
<el-form-item label="使用期限:">
<el-input disabled v-model="ruleForm.jsydsyq.tdsyqx"></el-input>
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="使用权起止时间:">
<el-input disabled v-model="ruleForm.jsydsyq.syqqzsj"></el-input>
</el-form-item>
</el-col>
</el-row> -->
<el-row :gutter="10">
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input
type="textarea"
v-model="ruleForm.jsydsyq.fj"
:disabled="!ableOperation"
></el-input>
:disabled="!ableOperation"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -155,22 +137,17 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
:ableOperation="ableOperation"
@upDateTdytxxList="upDateTdytxxList"
/>
@upDateTdytxxList="upDateTdytxxList" />
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
</div>
<!-- <el-divider content-position="left"><i
style="background-color:#3498db;font-size:16px;color:#fff !important;border-radius: 5px 5px 5px 0px;margin-bottom:10px;"
class="el-icon-edit-outline">权利人信息</i></el-divider> -->
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!ableOperation"
v-model="ruleForm.sldy.gyfs"
>
v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -178,30 +155,29 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation"
>
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs == '2'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation"
>
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -211,8 +187,7 @@
:tableData="ruleForm.qlrList"
:disabled="!ableOperation"
@upDateQlrxxList="upDateQlrxxList"
:gyfs="ruleForm.sldy.gyfs"
/>
:gyfs="ruleForm.sldy.gyfs" />
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -224,8 +199,7 @@
class="textArea"
type="textarea"
:disabled="!ableOperation"
v-model="ruleForm.jsydsyq.djyy"
>
v-model="ruleForm.jsydsyq.djyy">
</el-input>
</el-form-item>
</el-col>
......@@ -240,109 +214,110 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
mounted() {
this.ableOperation = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
}
this.$endLoading();
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data() {
return {
//表单是否可操作
ableOperation: true,
disabled: true,
czrOptions: [],
ruleForm: {
slywxx: {},
qlxx: {},
zdjbxx: {},
jsydsyq: {},
},
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit() {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.ableOperation);
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
}
this.$endLoading();
});
},
/**
* @description: compare
* @author: renchao
*/
compare() {
console.log("this.ruleForm",this.ruleForm);
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{ bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'JSYDSYQ',
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
return {
//表单是否可操作
ableOperation: true,
disabled: true,
czrOptions: [],
ruleForm: {
slywxx: {},
qlxx: {},
zdjbxx: {},
jsydsyq: {},
},
"80%",
true
)
//传递参数
propsParam: {},
rules: {},
};
},
methods: {
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
saveData(this.ruleForm).then((res) => {
if (res.code === 200) {
this.$message({
showClose: true,
message: "保存成功!",
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error",
});
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare () {
console.log("this.ruleForm", this.ruleForm);
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'JSYDSYQ',
},
"80%",
true
)
}
}
}
}
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -174,7 +174,7 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!ableOperation">
<el-radio label="0">单独所有</el-radio>
......@@ -184,18 +184,29 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -231,10 +242,12 @@
</template>
<script>
import { mapGetters } from "vuex"
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import JtcyTable from "@/views/workflow/components/JtcyTable"
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......
......@@ -174,7 +174,7 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
......@@ -184,18 +184,29 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......@@ -236,10 +247,12 @@
</template>
<script>
import { mapGetters } from "vuex"
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import JtcyTable from "@/views/workflow/components/JtcyTable"
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 09:24:18
* @LastEditTime: 2023-08-01 18:15:20
-->
<template>
<!-- 受理信息 -->
......@@ -264,7 +264,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs == '1'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
......@@ -339,10 +339,12 @@
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
export default {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable },
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation;
......
......@@ -71,8 +71,7 @@
v-for="item in dictData['A17']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -84,8 +83,7 @@
v-for="item in dictData['A19']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
:value="item.dcode">
</el-option>
</el-select>
</el-form-item>
......@@ -94,27 +92,26 @@
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="房屋结构:">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-select v-model="ruleForm.ygdj.fwjg">
<el-option
v-for="item in dictData['A46']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
: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.ygdj.jzmj"></el-input>
<el-input v-model="ruleForm.ygdj.jzmj"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取得价格:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg"></el-input>
<el-select
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
style="width: 20%">
......@@ -125,19 +122,19 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="所在层:">
<el-input v-model="ruleForm.ygdj.szc"></el-input>
<el-input v-model="ruleForm.ygdj.szc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数:">
<el-input v-model="ruleForm.ygdj.zcs"></el-input>
<el-input v-model="ruleForm.ygdj.zcs"></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -156,6 +153,33 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!ableOperation" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.qlxx.gyfs" />
......@@ -188,10 +212,12 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......
......@@ -42,10 +42,9 @@
</el-form-item>
</el-col>
</el-row>
<div
<div
class="slxx_title title-block flex"
style="justify-content: space-between"
>
style="justify-content: space-between">
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -112,7 +111,7 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14" v-if="ruleForm.qlxx">
<el-col :span="12" v-if="ruleForm.qlxx">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
......@@ -122,6 +121,33 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
:gyfs="ruleForm.sldy.gyfs" />
......@@ -154,10 +180,12 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......@@ -245,21 +273,22 @@
}
});
},
/**
* @description: compare
* @author: renchao
*/
compare() {
this.$popupDialog(
/**
* @description: compare
* @author: renchao
*/
compare () {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{ bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'YGDJ',
},
"80%",
true
);
},
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'YGDJ',
},
"80%",
true
);
},
},
};
</script>
......
......@@ -116,9 +116,9 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="被担保主债权数额:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg" :disabled="!ableOperation"></el-input>
<el-select
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg" :disabled="!ableOperation"></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!ableOperation"
style="width: 20%">
......@@ -129,7 +129,7 @@
:value="item.dcode">
</el-option>
</el-select>
</div>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -172,7 +172,7 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="14">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!ableOperation" v-model="ruleForm.sldy.gyfs">
<el-radio label="0">单独所有</el-radio>
......@@ -182,6 +182,33 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="!ableOperation"
:gyfs="ruleForm.sldy.gyfs" />
......@@ -214,10 +241,12 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.propsParam = this.$attrs;
......
......@@ -152,7 +152,8 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
......@@ -160,7 +161,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs == '2'">
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
......
......@@ -196,18 +196,29 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!ableOperation">
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!ableOperation">
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs == '2'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs == '1'">
<el-form-item label="持证人:">
<el-select v-model="ruleForm.czr" placeholder="持证人" :disabled="!ableOperation">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="ruleForm.czr"
placeholder="持证人"
:disabled="!ableOperation">
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh">
</el-option>
</el-select>
</el-form-item>
......