Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
36d104a2 by 单帅旗
Options

Merge remote-tracking branch 'origin/dev' into dev

2 parents 5decaa34 99463226
Inline Side-by-side
Showing 17 changed files with 1713 additions and 1652 deletions
......@@ -135,10 +135,22 @@ export function getZtQlxx (params) {
* @author: renchao
*/
export function getShList (data) {
console.log(data);
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/getShList?bsmRepair='+data.bsmRepair,
method: 'post',
data
})
}
/**
* @description:初始化内容
* @param {*} data
* @author: renchao
*/
export function getQlxxByQlxxBsm (params) {
return request({
url: SERVER.SERVERAPI + '/rest/djbRepair/getQlxxByQlxxBsm',
method: 'get',
params
})
}
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-25 16:08:30
* @LastEditTime: 2023-08-03 14:50:08
-->
<template>
<transition name="msgbox-fade">
......@@ -136,7 +136,6 @@
}
.ls-mask-window {
background: white;
position: relative;
left: 50%;
top: 50%;
......@@ -162,6 +161,7 @@
}
.mask-content {
background: #ffffff;
padding: 20px;
width: 100%;
min-height: 30%;
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-28 09:34:54
-->
<template>
<div class="clmlmx-box">
<div class="title">申请材料目录</div>
<lb-table :column="column" :key="key" :heightNumSetting="true" :pagination="false" :data="formData.data">
</lb-table>
<div class="text-center">
<el-button @click="$popupCacel">取消</el-button>
</div>
</div>
</template>
<script>
import store from '@/store/index.js'
import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
export default {
props: {
formData: {
type: Object,
default: () => {
return {}
}
}
},
data () {
return {
column: [
{
width: "50",
label: '序号',
type: 'index'
},
{
prop: "isrequired",
label: "是否必选",
width: "80",
render: (h, scope) => {
if (scope.row.sfxjcl === "1") {
return (
<div>
<span>可选</span>
</div>
);
}
else {
return (
<div>
<span>必选</span>
</div>
);
}
},
},
{
prop: "sjmc",
label: "材料名称",
},
{
prop: "sjlx",
label: "材料类型",
width: "80",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
</div>
);
},
},
{
prop: "sjsl",
label: "份数",
width: "50"
},
{
prop: "smzt",
label: "扫描状态",
width: "80",
render: (h, scope) => {
if (scope.row.children && scope.row.children.length > 0) {
return (
<div>
<span>已扫描</span>
</div>
);
} else {
return (
<div>
<span>未扫描</span>
</div>
);
}
},
},
{
label: "扫描页数",
width: "80",
render: (h, scope) => {
if (scope.row.children && scope.row.children.length > 0) {
return (
<div>
<span>{scope.row.children.length}</span>
</div>
);
} else {
return (
<div>
<span>0</span>
</div>
);
}
},
},
{
label: "操作",
width: "80",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
disabled={scope.$index == 0}
onClick={() => {
this.moveUpward(scope.$index, scope.row);
}}
>
上移
</el-button>
<el-button
type="text"
disabled={scope.$index + 1 == this.tableData.length}
onClick={() => {
this.moveDown(scope.$index, scope.row);
}}
>
下移
</el-button>
</div>
);
},
},
],
key: 0,
tableData: []
}
},
created () {
console.log(this.formData.data, 'formData');
},
methods: {
// 材料目录明细初始化
/**
* @description: 材料目录明细初始化
* @author: renchao
*/
clmlInitList () {
return new Promise(resolve => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
formdata.append("bsmSlsq", this.$route.query.bsmSlsq);
formdata.append("clfl", 2);
InitClml(formdata).then((res) => {
if (res.code == 200) {
resolve(res.code)
if (res.result && res.result.length > 0) {
this.data = res.result;
} else {
this.data = []
}
} else {
this.$message.error(res.message)
}
})
})
},
// 上移
/**
* @description: 上移
* @param {*} index
* @param {*} row
* @author: renchao
*/
moveUpward (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "UP",
};
// 接口待调
/**
* @description: 接口待调
* @param {*} obj
* @author: renchao
*/
moveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) {
this.$message({
message: '上移成功',
type: 'success'
})
this.$parent.setTableData(this.data)
}
} else {
this.$message.error(res.message);
}
})
},
// 下移
/**
* @description: 下移
* @param {*} index
* @param {*} row
* @author: renchao
*/
moveDown (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "DOWN",
}
// 接口待调
/**
* @description: 接口待调
* @param {*} obj
* @author: renchao
*/
moveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) {
this.$message({
message: '下移成功',
type: 'success'
})
}
} else {
this.$message.error(res.message);
}
})
},
// 材料目录删除
/**
* @description: 材料目录删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
handleDelete (index, row) {
let that = this
this.$confirm('此操作将永久删除该 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
if (res.code == 200) {
let res = await that.clmlInitList()
if (res == 200) {
that.$message({
message: "删除成功",
type: "success",
})
// this.$parent.setTableData(this.data)
}
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
// 字典
/**
* @description: 字典
* @param {*} val
* @param {*} code
* @author: renchao
*/
dicStatus (val, code) {
let data = store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname;
}
});
return name;
}
}
}
}
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
</style>
......@@ -17,7 +17,8 @@
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">
补录信息
......@@ -49,24 +50,29 @@
<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>
......@@ -75,21 +81,28 @@
</el-col>
<el-col :span="8" v-if="ruleForm.cfdj.sfbxf == '1'">
<el-form-item label="上手权利信息：">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -163,7 +176,8 @@
<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>
......@@ -183,13 +197,15 @@
<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>
......@@ -205,7 +221,8 @@
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>
......@@ -230,7 +247,8 @@
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>
......@@ -247,7 +265,8 @@
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">
......@@ -258,7 +277,8 @@
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">
......@@ -284,7 +304,8 @@
<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>
......@@ -293,7 +314,8 @@
<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>
......@@ -301,14 +323,16 @@
<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>
......@@ -352,7 +376,8 @@
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>
......@@ -367,18 +392,18 @@
</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 {
import { mapGetters } from "vuex";
import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, 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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -386,7 +411,7 @@
return false;
},
},
data () {
data() {
return {
//表单是否可操作
props: {
......@@ -461,6 +486,9 @@
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产登记证明号", trigger: "blur" },
],
......@@ -474,10 +502,10 @@
},
};
},
created () {
created() {
this.loadData();
},
mounted () {
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
......@@ -486,7 +514,7 @@
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
......@@ -494,16 +522,65 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.cfdj) {
if (
this.ruleForm.cfdj[key] == "" ||
this.ruleForm.cfdj[key] == null
) {
this.ruleForm.cfdj[key] = this.nowlist.cfdj[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
})
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -514,7 +591,7 @@
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
......@@ -526,23 +603,28 @@
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// // 更新土地用途信息
// upDateTdytxxList(val) {
......@@ -564,7 +646,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
console.log("valid", valid);
if (valid) {
......@@ -575,7 +657,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -591,9 +673,9 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
export function deleteCollectBiz (bsmSqyw) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/BusinessApply/deleteCollectBiz?bsmSqyw=' + bsmSqyw,
method: 'post'
})
}
......@@ -16,7 +16,8 @@
: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">
补录信息
......@@ -45,21 +46,28 @@
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="抵押不动产信息：" prop="ztQlxx.bdcqzh" :rules="rules.ztQlxxrules">
<el-form-item
label="抵押不动产信息："
prop="ztQlxx.bdcqzh"
: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>
......@@ -69,21 +77,28 @@
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -161,13 +176,18 @@
</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"></el-option>
:value="item.dcode"
></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -180,12 +200,17 @@
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>
......@@ -218,13 +243,15 @@
<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>
......@@ -235,13 +262,15 @@
<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>
......@@ -253,15 +282,15 @@
<div class="flex">
<el-input
v-model="ruleForm.diyaq.dymj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
v-model="ruleForm.diyaq.jedw"
style="width: 20%">
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select v-model="ruleForm.diyaq.jedw" 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>
......@@ -272,13 +301,15 @@
<el-form-item
label="债务履行起始时间："
prop="diyaq.zwlxqssj"
:rules="rules.zwlxqssjrules">
: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">
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -286,13 +317,15 @@
<el-form-item
label="债务履行结束时间："
prop="diyaq.zwlxjssj"
:rules="rules.zwlxjssjrules">
: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">
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -346,7 +379,8 @@
v-for="item in dictData['A6']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -355,7 +389,8 @@
<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>
......@@ -364,7 +399,8 @@
<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>
......@@ -372,7 +408,8 @@
<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>
......@@ -380,14 +417,16 @@
<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>
......@@ -429,13 +468,15 @@
<el-form-item
label="注销时间："
prop="qlxx.zxsj"
:rules="rules.zxsjrules">
: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">
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -443,7 +484,8 @@
<el-form-item
label="注销登簿人："
prop="qlxx.zxdbr"
:rules="rules.zxdbrrules">
:rules="rules.zxdbrrules"
>
<el-input v-model="ruleForm.qlxx.zxdbr"></el-input>
</el-form-item>
</el-col>
......@@ -451,11 +493,11 @@
<el-form-item
label="注销抵押原因："
prop="diyaq.zxdyyy"
:rules="rules.zxdyyyrules">
:rules="rules.zxdyyyrules"
>
<el-input v-model="ruleForm.diyaq.zxdyyy"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
权利人信息
......@@ -466,7 +508,8 @@
<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>
......@@ -478,7 +521,8 @@
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation">
:disabled="!ableOperation"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -486,17 +530,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.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.zjh"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -507,7 +554,8 @@
@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">
......@@ -519,7 +567,8 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList" />
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -531,20 +580,20 @@
</div>
</template>
<script>
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 {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, 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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -552,7 +601,7 @@
return false;
},
},
data () {
data() {
return {
mjdw: "1",
props: {
......@@ -610,6 +659,9 @@
ztQlxxList: [],
ableOperation: false,
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
......@@ -639,8 +691,8 @@
},
};
},
created () { },
mounted () {
created() {},
mounted() {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
......@@ -650,7 +702,7 @@
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
......@@ -658,11 +710,70 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.diyaq) {
if (
this.ruleForm.diyaq[key] == "" ||
this.ruleForm.diyaq[key] == null
) {
this.ruleForm.diyaq[key] = this.nowlist.diyaq[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
djlxchange (val) {
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -673,7 +784,7 @@
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
......@@ -685,23 +796,28 @@
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
......@@ -709,7 +825,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -719,7 +835,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -730,7 +846,7 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
......@@ -738,7 +854,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
......@@ -792,7 +908,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -808,15 +924,15 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
}
.el-table__row {
height: 30px !important;
}
}
</style>
......
......@@ -71,7 +71,7 @@
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-form-item label="上手权利信息：" prop="ssQlxx.bdcqzh" :rules="rules.ssQlxxrules">
<select-table
v-model="ruleForm.ssQlxx"
:table-width="550"
......@@ -433,7 +433,7 @@
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { init, getSsQlxx, getZtQlxx, save } from "@/api/djbRepair.js";
import { init, getSsQlxx, getZtQlxx, getQlxxByQlxxBsm,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";
......@@ -510,6 +510,9 @@
ableOperation: false,
//传递参数\
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
......@@ -546,6 +549,64 @@
ssQlxxchange (val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog (val)
},
// 弹框事件
ssQlxxchangediolog (val) {
console.log("确定了",this.ruleForm)
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.dyiq) {
if (
this.ruleForm.dyiq[key] == "" ||
this.ruleForm.dyiq[key] == null
) {
this.ruleForm.dyiq[key] = this.nowlist.dyiq[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
......@@ -576,23 +637,28 @@
}
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
......
......@@ -16,7 +16,8 @@
:inline="flag"
:show-message="false"
inline-message
label-width="145px">
label-width="145px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
补录信息
......@@ -43,23 +44,30 @@
房地产权（独幢、层、套、间房屋）
<div class="triangle"></div>
</div>
<el-row :gutter="10" class="ssqlxx">
<el-row :gutter="24">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -75,7 +83,11 @@
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="业务号：">
<el-form-item
label="业务号："
prop="qlxx.ywh"
:rules="rules.ywhrules"
>
<el-input v-model="ruleForm.qlxx.ywh"></el-input>
</el-form-item>
</el-col>
......@@ -92,13 +104,18 @@
</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>
......@@ -116,17 +133,17 @@
<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-select
disabled
v-model="mjdw"
style="width: 20%">
<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" 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>
......@@ -135,17 +152,17 @@
<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>
<el-select
disabled
v-model="mjdw"
style="width: 20%">
<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" 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>
......@@ -160,7 +177,8 @@
placeholder=""
:normalizer="normalizer"
:show-count="true"
:options="dictData['A9']" />
:options="dictData['A9']"
/>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -169,13 +187,15 @@
<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']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</div>
......@@ -188,7 +208,8 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -200,7 +221,8 @@
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>
......@@ -222,7 +244,8 @@
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>
......@@ -231,13 +254,15 @@
<el-form-item
label="房屋结构："
prop="fdcq2.fwjg"
:rules="rules.fwjgrules">
:rules="rules.fwjgrules"
>
<el-select v-model="ruleForm.fdcq2.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>
......@@ -255,17 +280,17 @@
<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>
<el-select
disabled
v-model="mjdw"
style="width: 20%">
<el-input
v-model="ruleForm.fdcq2.jzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" 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>
......@@ -274,17 +299,17 @@
<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>
<el-select
disabled
v-model="mjdw"
style="width: 20%">
<el-input
v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" 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>
......@@ -293,17 +318,17 @@
<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-select
disabled
v-model="mjdw"
style="width: 20%">
<el-input
v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" 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>
......@@ -317,7 +342,8 @@
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>
......@@ -326,7 +352,8 @@
<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>
......@@ -343,7 +370,8 @@
<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>
......@@ -351,7 +379,8 @@
<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>
......@@ -359,14 +388,16 @@
<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>
......@@ -392,7 +423,8 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation" />
:ableOperation="ableOperation"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -402,7 +434,8 @@
<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>
......@@ -414,7 +447,8 @@
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation">
:disabled="!ableOperation"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -422,17 +456,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.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.zjh"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -443,7 +480,8 @@
@upDateQlrxxList="upDateQlrxxList"
:ableOperation="ableOperation"
:key="key"
:gyfs="ruleForm.qlxx.gyfs" />
:gyfs="ruleForm.qlxx.gyfs"
/>
</div>
<el-row class="btn" v-if="ableOperation">
<el-form-item>
......@@ -454,19 +492,19 @@
</div>
</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 {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getQlxxByQlxxBsm, 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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -474,7 +512,7 @@
return false;
},
},
data () {
data() {
return {
mjdw: "1",
ssqlxxshow: true,
......@@ -483,7 +521,7 @@
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer (node) {
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
......@@ -543,12 +581,15 @@
ssQlxxList: [],
ruleForm: {
fdcq2: {
ftjzmj: ''
}
ftjzmj: "",
},
},
ableOperation: false,
//传递参数\
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
......@@ -558,11 +599,12 @@
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
fwjgrules: [{ required: true, message: "房屋结构", trigger: "change" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
},
};
},
created () { },
mounted () {
created() {},
mounted() {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
......@@ -572,16 +614,76 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm, val);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.fdcq2) {
if (
this.ruleForm.fdcq2[key] == "" ||
this.ruleForm.fdcq2[key] == null
) {
this.ruleForm.fdcq2[key] = this.nowlist.fdcq2[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -592,7 +694,7 @@
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
......@@ -602,25 +704,26 @@
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.ruleForm.fdcq2.jedw = "1";
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,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
......@@ -628,7 +731,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -638,7 +741,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -649,7 +752,7 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
......@@ -657,7 +760,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
......@@ -725,7 +828,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -741,15 +844,15 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
.el-date-editor.el-input {
width: 100%;
}
.el-table__row {
}
.el-table__row {
height: 30px !important;
}
}
</style>
......
......@@ -9,12 +9,13 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
: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,21 +44,28 @@
</div>
<el-row :gutter="24">
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -90,13 +98,18 @@
</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>
......@@ -108,7 +121,8 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -127,17 +141,17 @@
<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-select
disabled
v-model="mjdw"
style="width: 20%">
<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" 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>
......@@ -168,13 +182,15 @@
<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>
......@@ -185,7 +201,8 @@
<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>
......@@ -202,7 +219,8 @@
<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>
......@@ -210,7 +228,8 @@
<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>
......@@ -218,14 +237,16 @@
<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>
......@@ -244,7 +265,8 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation" />
:ableOperation="ableOperation"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -254,7 +276,8 @@
<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>
......@@ -266,7 +289,8 @@
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation">
:disabled="!ableOperation"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -274,17 +298,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.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.zjh"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -295,8 +322,8 @@
@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>
......@@ -307,20 +334,20 @@
</div>
</template>
<script>
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 {
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx,getQlxxByQlxxBsm, 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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -328,7 +355,7 @@
return false;
},
},
data () {
data() {
return {
mjdw: "1",
ssqlxxshow: true,
......@@ -337,7 +364,7 @@
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer (node) {
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
......@@ -398,6 +425,9 @@
ruleForm: {},
//传递参数\
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
......@@ -409,11 +439,11 @@
},
};
},
created () {
created() {
this.loadData();
},
mounted () {
this.ableOperation = this.$parent.ableOperation
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
......@@ -421,16 +451,74 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.jsydsyq) {
if (
this.ruleForm.jsydsyq[key] == "" ||
this.ruleForm.jsydsyq[key] == null
) {
this.ruleForm.jsydsyq[key] = this.nowlist.jsydsyq[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -443,14 +531,14 @@
* @param {*} val
* @author: renchao
*/
getDictData (val) {
getDictData(val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
......@@ -467,17 +555,18 @@
this.tdxz = null;
}
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
......@@ -485,7 +574,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -495,7 +584,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -505,7 +594,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
......@@ -552,7 +641,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -568,9 +657,9 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -15,7 +15,8 @@
: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,21 +45,28 @@
</div>
<el-row :gutter="10">
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -75,13 +83,15 @@
<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>
......@@ -108,7 +118,8 @@
<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>
......@@ -116,7 +127,8 @@
<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>
......@@ -133,7 +145,8 @@
<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>
......@@ -144,7 +157,8 @@
v-for="item in qsztlist"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -163,16 +177,19 @@
<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>
......@@ -184,16 +201,19 @@
<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>
......@@ -205,16 +225,19 @@
<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>
......@@ -228,16 +251,19 @@
<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>
......@@ -249,16 +275,19 @@
<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>
......@@ -270,16 +299,19 @@
<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>
......@@ -293,16 +325,19 @@
<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>
......@@ -312,14 +347,16 @@
<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>
......@@ -338,7 +375,8 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList"
:ableOperation="ableOperation" />
:ableOperation="ableOperation"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -348,7 +386,8 @@
<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>
......@@ -360,7 +399,8 @@
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation">
:disabled="!ableOperation"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -368,17 +408,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.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.zjh"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -389,7 +432,8 @@
@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>
......@@ -400,20 +444,20 @@
</div>
</template>
<script>
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 {
import { mapGetters } from "vuex";
import store from "@/store/index.js";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx,getQlxxByQlxxBsm, 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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -421,7 +465,7 @@
return false;
},
},
data () {
data() {
return {
ssqlxxshow: true,
props: {
......@@ -429,7 +473,7 @@
value: "bdcdyid",
},
// 键名转换，方法默认是label和children进行树状渲染
normalizer (node) {
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
......@@ -489,6 +533,9 @@
ableOperation: false,
//传递参数\
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
bdcqzhrules: [
{ required: true, message: "不动产权证号：", trigger: "blur" },
],
......@@ -500,8 +547,8 @@
},
};
},
created () { },
mounted () {
created() {},
mounted() {
this.loadData();
this.ableOperation = this.$parent.ableOperation;
},
......@@ -511,16 +558,74 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.tdsyq) {
if (
this.ruleForm.tdsyq[key] == "" ||
this.ruleForm.tdsyq[key] == null
) {
this.ruleForm.tdsyq[key] = this.nowlist.tdsyq[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
djlxchange(val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
......@@ -535,14 +640,14 @@
* @param {*} val
* @author: renchao
*/
getDictData (val) {
getDictData(val) {
return store.getters.dictData[val];
},
/**
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
......@@ -553,23 +658,19 @@
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;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
......@@ -577,7 +678,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -587,7 +688,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -596,7 +697,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
......@@ -643,7 +744,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -659,55 +760,55 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
@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 {
/deep/.el-form-item__label {
padding: 0;
}
}
/deep/.el-radio {
/deep/.el-radio {
margin-right: 10px;
}
}
/deep/.el-select {
/deep/.el-select {
width: 100%;
}
}
/deep/.el-form-item {
/deep/.el-form-item {
margin-bottom: 8px;
}
}
.marginBot0 {
.marginBot0 {
margin-bottom: 0 !important;
}
}
.slxx {
.slxx {
box-sizing: border-box;
}
}
.slxx_con {
.slxx_con {
flex: 1;
height: 100%;
background-color: #ffffff;
overflow-y: auto;
padding-right: 3px;
overflow-x: hidden;
}
}
.submit_btn {
.submit_btn {
height: 50px;
}
}
.slxx_title {
.slxx_title {
border-bottom: 1px solid $borderColor;
padding-left: 10px;
padding-bottom: 5px;
......@@ -716,23 +817,23 @@
font-size: 16px;
font-weight: 500;
color: #4a4a4a;
}
}
.btn {
.btn {
text-align: center;
padding-top: 10px;
height: 36px;
background-color: #ffffff;
padding: 5px 0;
}
}
.textArea {
.textArea {
/deep/.el-textarea__inner {
min-height: 90px !important;
}
}
}
/deep/.el-form-item__label {
/deep/.el-form-item__label {
padding-bottom: 0px;
}
}
</style>
......
......@@ -10,14 +10,15 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
: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">
补录信息
......@@ -46,21 +47,28 @@
</div>
<el-row :gutter="10">
<el-col :span="8" v-if="ztQlxxList">
<el-form-item label="抵押不动产信息：" prop="ztQlxx" :rules="rules.ztQlxxrules">
<el-form-item
label="抵押不动产信息："
prop="ztQlxx"
: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>
......@@ -70,21 +78,28 @@
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -156,7 +171,11 @@
</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>
......@@ -178,13 +197,18 @@
</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>
......@@ -195,7 +219,11 @@
</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>
......@@ -205,24 +233,37 @@
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.djsj"
type="date"
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>
......@@ -233,20 +274,26 @@
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-select v-model="ruleForm.ygdj.ygdjzlmc">
<el-form-item
label="预告登记种类："
prop="ygdj.ygdjzl"
:rules="rules.ygdjzlrules"
>
<el-select v-model="ruleForm.ygdj.ygdjzl">
<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>
......@@ -263,7 +310,8 @@
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>
......@@ -280,7 +328,8 @@
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>
......@@ -297,7 +346,8 @@
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>
......@@ -315,17 +365,21 @@
<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"
v-model="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>
......@@ -349,41 +403,63 @@
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="取得价格/被担保主债权数额：">
<el-form-item>
<span slot="label" style="display: inline-block">
<el-tooltip
content="取得价格被担保主债权数额："
placement="top"
effect="light"
>
<span type="text" style="color: #444" size="mini"
>取得价格被担保...</span
>
</el-tooltip>
</span>
<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"
style="width: 20%">
style="width: 20%"
>
<el-option
v-for="item in dictData['A7']"
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="金额单位：">
<el-input v-model="ruleForm.ygdj.jedw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
<el-form-item>
<span slot="label" style="display: inline-block">
<el-tooltip
content="是否存在禁止或限制转让抵押不动产的约定："
placement="top"
effect="light"
>
<span type="text" style="color: #444" size="mini"
>是否存在禁止或限制...</span
>
</el-tooltip>
</span>
<el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
</el-form-item>
</el-col>
......@@ -407,7 +483,8 @@
<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>
......@@ -419,7 +496,8 @@
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation">
:disabled="!ableOperation"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -427,17 +505,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.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.zjh"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -448,7 +529,8 @@
@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">
......@@ -460,7 +542,8 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList" />
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -472,20 +555,20 @@
</div>
</template>
<script>
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 {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx, getZtQlxx,getQlxxByQlxxBsm, 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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -493,13 +576,14 @@
return false;
},
},
data () {
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
mjdw: "1",
//表单是否可操作
propsParam: this.$attrs,
key: 0,
......@@ -560,19 +644,23 @@
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
ygdjzlrules: [
{ required: true, message: "预告登记种类", trigger: "change" },
],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
},
ableOperation: false,
};
},
created () {
created() {
this.loadData();
},
mounted () {
this.ableOperation = this.$parent.ableOperation
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
......@@ -580,7 +668,7 @@
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
......@@ -588,16 +676,76 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
})
.then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.ygdj) {
if (
this.ruleForm.ygdj[key] == "" ||
this.ruleForm.ygdj[key] == null
) {
this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -608,9 +756,9 @@
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
......@@ -618,29 +766,30 @@
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.ruleForm.ygdj.jedw = "1";
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).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) => {
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
console.log("this.$refs.ruleForm", this.$refs.ruleForm);
}
});
}
});
},
// 更新土地用途信息
/**
......@@ -648,7 +797,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -658,7 +807,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -669,7 +818,7 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
......@@ -677,7 +826,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
......@@ -731,7 +880,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -747,9 +896,9 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -10,14 +10,15 @@
<el-form
:model="ruleForm"
:rules="rules"
:class="{readonly: editDisabled }"
: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">
补录信息
......@@ -44,23 +45,30 @@
预告买卖登记信息不动产情况
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-row :gutter="24">
<el-col :span="24" v-if="ssqlxxshow">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -68,6 +76,8 @@
</select-table>
</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.qlxx.ssywh"></el-input>
......@@ -77,26 +87,30 @@
<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-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>
......@@ -116,7 +130,11 @@
</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>
......@@ -126,24 +144,37 @@
</el-form-item>
</el-col> -->
<el-col :span="8">
<el-form-item label="登记机构：" prop="qlxx.djjg" :rules="rules.djjgrules">
<el-form-item
label="登记机构："
prop="qlxx.djjg"
:rules="rules.djjgrules"
>
<el-input v-model="ruleForm.qlxx.djjg"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登簿人：" prop="qlxx.dbr" :rules="rules.dbrrules">
<el-form-item
label="登簿人："
prop="qlxx.dbr"
:rules="rules.dbrrules"
>
<el-input v-model="ruleForm.qlxx.dbr"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记时间：" prop="qlxx.djsj" :rules="rules.djsjrules">
<el-form-item
label="登记时间："
prop="qlxx.djsj"
:rules="rules.djsjrules"
>
<el-date-picker
v-model="ruleForm.qlxx.djsj"
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>
......@@ -154,20 +185,26 @@
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-select v-model="ruleForm.ygdj.ygdjlx">
<el-form-item
label="预告登记种类："
prop="ygdj.ygdjzl"
:rules="rules.ygdjzlrules"
>
<el-select v-model="ruleForm.ygdj.ygdjzl">
<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>
......@@ -184,7 +221,8 @@
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>
......@@ -201,7 +239,8 @@
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>
......@@ -218,7 +257,8 @@
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>
......@@ -236,17 +276,21 @@
<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"
v-model="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>
......@@ -270,41 +314,69 @@
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>
<span slot="label" style="display: inline-block">
<el-tooltip
content="取得价格被担保主债权数额："
placement="top"
effect="light"
>
<span
type="text"
style="color: #444"
size="mini"
>取得价格被担保...</span>
</el-tooltip>
</span>
<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"
style="width: 20%">
style="width: 20%"
>
<el-option
v-for="item in dictData['A7']"
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="金额单位：">
<el-input v-model="ruleForm.ygdj.jedw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="担保范围：">
<el-input v-model="ruleForm.ygdj.dbfw"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或限制转让抵押不动产的约定：">
<el-form-item>
<span slot="label" style="display: inline-block">
<el-tooltip
content="是否存在禁止或限制转让抵押不动产的约定："
placement="top"
effect="light"
>
<span
type="text"
style="color: #444"
size="mini"
>是否存在禁止或限制...</span>
</el-tooltip>
</span>
<el-input v-model="ruleForm.ygdj.sfczjzhxz"></el-input>
</el-form-item>
</el-col>
......@@ -328,7 +400,8 @@
<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>
......@@ -340,7 +413,8 @@
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation">
:disabled="!ableOperation"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -348,17 +422,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.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.zjh"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -369,7 +446,8 @@
@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">
......@@ -381,7 +459,8 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList" />
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -393,20 +472,20 @@
</div>
</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 ywrCommonTable from "@/views/djbworkflow/components/ywrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import selectTable from "@/components/selectTable/index.vue";
export default {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { init, getSsQlxx,getQlxxByQlxxBsm, 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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -414,13 +493,14 @@
return false;
},
},
data () {
data() {
return {
ssqlxxshow: true,
props: {
label: "bdcqzh",
value: "bdcdyid",
},
mjdw: "1",
//表单是否可操作
propsParam: this.$attrs,
key: 0,
......@@ -477,18 +557,23 @@
djjgrules: [{ required: true, message: "登记机构", trigger: "blur" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
ygdjlxrules: [{ required: true, message: "预告登记种类", trigger: "change" }],
ygdjzlrules: [
{ required: true, message: "预告登记种类", trigger: "change" },
],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
},
ableOperation: false,
};
},
created () {
created() {
this.loadData();
},
mounted () {
this.ableOperation = this.$parent.ableOperation
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
......@@ -496,32 +581,74 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
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;
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
}).then(() => {
getQlxxByQlxxBsm({ qlxxBsm: val.bsmQlxx }).then((res) => {
if (res.code == 200) {
this.nowlist = res.result;
console.log("his.nowlist", this.nowlist);
console.log("this.ruleForm", this.ruleForm);
for (var key in this.ruleForm.ygdj) {
if (
this.ruleForm.ygdj[key] == "" ||
this.ruleForm.ygdj[key] == null
) {
this.ruleForm.ygdj[key] = this.nowlist.ygdj[key];
}
}
for (var key in this.ruleForm.qlxx) {
if (
(this.ruleForm.qlxx[key] == null && key != "ywh") ||
this.ruleForm.qlxx[key] == null
) {
console.log("this.ruleForm.qlxx[key]", key);
if (key != "ywh") {
this.ruleForm.qlxx[key] = this.nowlist.qlxx[key];
}
}
}
if (!this.ruleForm.tdytqxList.length) {
this.ruleForm.tdytqxList = this.nowlist.tdytqxList;
}
if (!this.ruleForm.qlrData.length) {
this.ruleForm.qlrData = this.nowlist.qlrData;
}
if (!this.ruleForm.ywrData.length) {
this.ruleForm.ywrData = this.nowlist.ywrData;
}
console.log("this.ruleForm", this.ruleForm);
this.$message({
type: "success",
message: "同步成功!",
});
}
});
}).catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
djlxchange(val) {
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
......@@ -532,9 +659,9 @@
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
......@@ -542,19 +669,21 @@
if (djlx == null || djlx == 100) {
this.ssqlxxshow = false;
}
this.ruleForm.ygdj.jedw = "1";
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
......@@ -562,7 +691,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -572,7 +701,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -583,7 +712,7 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
......@@ -591,7 +720,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
......@@ -645,7 +774,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -661,10 +790,17 @@
});
},
},
}
}
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
form /deep/ .el-form-item__label {
width: 145px !important;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 32px;
float: none;
}
</style>
......
......@@ -16,7 +16,8 @@
: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">
补录信息
......@@ -48,21 +49,25 @@
<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>
......@@ -72,21 +77,28 @@
</el-col>
<el-col :span="8" v-if="ssqlxxshow">
<el-form-item label="上手权利信息：">
<el-form-item
label="上手权利信息："
prop="ssQlxx.bdcqzh"
:rules="rules.ssQlxxrules"
>
<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>
......@@ -158,7 +170,11 @@
</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>
......@@ -183,13 +199,15 @@
<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>
......@@ -203,7 +221,8 @@
<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>
......@@ -216,7 +235,8 @@
<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>
......@@ -224,7 +244,8 @@
<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>
......@@ -232,14 +253,16 @@
<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>
......@@ -250,14 +273,15 @@
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="异议事项：">
<el-form-item label="异议事项：" prop="yydj.yysx" :rules="rules.yysxrules">
<el-input v-model="ruleForm.yydj.yysx"></el-input>
</el-form-item>
</el-col>
......@@ -294,7 +318,8 @@
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>
......@@ -308,7 +333,8 @@
<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>
......@@ -320,7 +346,8 @@
<el-form-item label="是否分别持证：">
<el-radio-group
v-model="ruleForm.qlxx.sqfbcz"
:disabled="!ableOperation">
:disabled="!ableOperation"
>
<el-radio :label="1">是</el-radio>
<el-radio :label="0">否</el-radio>
</el-radio-group>
......@@ -328,17 +355,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'">
v-show="ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.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.zjh"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -349,7 +379,8 @@
@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">
义务人信息
......@@ -360,7 +391,8 @@
:tableData="ruleForm.ywrData"
:key="key"
:ableOperation="ableOperation"
@upDateQlrxxList="upDateYwrxxList" />
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
</div>
<el-row class="btn" v-if="ableOperation">
......@@ -372,20 +404,20 @@
</div>
</template>
<script>
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 {
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 () {
editDisabled() {
if (!this.ableOperation) {
//只读状态
return true;
......@@ -393,7 +425,7 @@
return false;
},
},
data () {
data() {
return {
ssqlxxshow: true,
props: {
......@@ -450,6 +482,9 @@
],
//传递参数\
rules: {
ssQlxxrules: [
{ required: true, message: "上手权利信息", trigger: "blur" },
],
ztQlxxrules: [
{ required: true, message: "抵押不动产信息", trigger: "blur" },
],
......@@ -460,16 +495,17 @@
djjgrules: [{ required: true, message: "登记机构", trigger: "change" }],
dbrrules: [{ required: true, message: "登簿人", trigger: "blur" }],
djsjrules: [{ required: true, message: "登记时间", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "blur" }],
djlxrules: [{ required: true, message: "登记类型", trigger: "change" }],
ywhrules: [{ required: true, message: "业务号", trigger: "blur" }],
yysxrules: [{ required: true, message: "异议事项", trigger: "blur" }],
},
ableOperation: false,
};
},
created () {
created() {
this.loadData();
},
mounted () {
mounted() {
this.ableOperation = this.$parent.ableOperation;
},
methods: {
......@@ -478,7 +514,7 @@
* @param {*} val
* @author: renchao
*/
ztQlxxchange (val) {
ztQlxxchange(val) {
this.ruleForm.ztQlxx = val;
},
/**
......@@ -486,28 +522,52 @@
* @param {*} val
* @author: renchao
*/
ssQlxxchange (val) {
ssQlxxchange(val) {
this.ruleForm.ssQlxx = val;
this.ruleForm.qlxx.ssywh = val.ywh;
this.ssQlxxchangediolog(val);
},
// 弹框事件
ssQlxxchangediolog(val) {
console.log("确定了", this.ruleForm);
this.$confirm("是否将上手权利信息同步到表单", "提示", {
iconClass: "el-icon-question", //自定义图标样式
confirmButtonText: "确认", //确认按钮文字更换
cancelButtonText: "取消", //取消按钮文字更换
showClose: true, //是否显示右上角关闭按钮
type: "warning",
})
.then(() => {
// this.ruleForm.qlxx.ssywh = "1111111111111";
this.$message({
type: "success",
message: "同步成功!",
});
})
.catch(() => {
this.$message({
type: "info",
message: "已取消同步",
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange (val) {
console.log("val", val);
if (val == null || val == 100) {
this.ssqlxxshow = false;
} else {
this.ssqlxxshow = true;
}
djlxchange(val) {
// if (val == null || val == 100) {
// this.ssqlxxshow = false;
// } else {
// this.ssqlxxshow = true;
// }
},
/**
* @description: loadData
* @author: renchao
*/
loadData () {
loadData() {
this.$startLoading();
this.propsParam.isEdit = this.$parent.isEdit;
init(this.propsParam).then((res) => {
......@@ -519,23 +579,28 @@
}
this.$endLoading();
this.isShow = true;
}
});
//获取主体信息
getSsQlxx({
bdcdyid: this.propsParam.bdcdyid,
qllx: this.propsParam.qllx,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ssQlxxList = res.result;
}
});
//获取上手信息
getZtQlxx({ bdcdyid: this.propsParam.bdcdyid }).then((res) => {
getZtQlxx({
bdcdyid: this.propsParam.bdcdyid,
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
}).then((res) => {
if (res.code == 200) {
this.ztQlxxList = res.result;
}
});
}
});
},
// 更新土地用途信息
/**
......@@ -543,7 +608,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -553,7 +618,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrData && (this.ruleForm.qlrData = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
......@@ -564,7 +629,7 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrData && (this.ruleForm.ywrData = _.cloneDeep(val));
this.key++;
},
......@@ -572,7 +637,7 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
onSubmit() {
this.$refs.ruleForm.validate((valid) => {
if (valid) {
if (this.ruleForm.qlrData.length == 0) {
......@@ -626,7 +691,7 @@
message: "保存成功！",
type: "success",
});
this.$parent.changeywh()
this.$parent.changeywh();
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
......@@ -642,9 +707,9 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -97,6 +97,8 @@ export default {
yjsqOptions: {
handler(val) {
console.log("val", val);
console.log("this.tableData[this.currentindex]",this.tableData[this.currentindex]);
this.add(val);
},
deep: true,
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-28 09:35:31
-->
<template>
<div class="clxx">
<div class="left">
<div v-for="item in menuList" :key="item.id" :class="['item', checkedId == item.id ? 'active' : '']"
@click="menuClick(item)">
{{ item.label }}
</div>
</div>
<div class="right">
<!-- 材料目录明细 -->
<div class="clmlmx-box" v-if="checkedId == '1'">
<div class="title">申请材料目录</div>
<lb-table :column="column" :key="key" :heightNum="150" :pagination="false" :data="tableData">
</lb-table>
</div>
<!-- 材料预览 -->
<div class="clyl-box" v-else>
<div class="menu-tree">
<div class="item">
材料目录({{tableData.length}})
<div>
<div v-for="(item,index) in tableData" :key="item.bsmSj"
:class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
<span v-if="item.isrequired==1" class="required">必选</span>
{{ item.sjmc }}
<span class="cl_number">({{item.children.length}})</span>
</div>
</div>
</div>
</div>
<image-preview ref='imageRef' v-if="tableData.length>0" :ableOperation="ableOperation" :previewImg="previewImg" @updateList="updateList"
@nextPriview="nextPriview"
@prevPriview="prevPriview" />
</div>
</div>
<clxxAddDialog v-model="isDialog" />
</div>
</template>
<script>
import { mapGetters } from "vuex";
import clxxAddDialog from "../dialog/clxxAddDialog.vue";
import imagePreview from '@/views/components/imagePreview.vue'
import { InitClml, saveClml, deleteSjClml, moveClml } from "@/api/clxx.js";
export default {
components: { clxxAddDialog, imagePreview },
data () {
return {
//表单是否可操作
ableOperation: true,
isDialog: false,
menuList: [
{
id: "1",
label: "材料目录明细",
},
{
id: "2",
label: "材料预览",
},
],
iclass: "",
// 材料目录选中
treeCheckIndex: 0,
treeCheckId: "",
checkedId: "1",
column: [
{
width: "50",
renderHeader: (h, scope) => {
return (
<div>
{
this.ableOperation ? '序号' :
<i
class="el-icon-plus pointer"
onClick={() => {
this.handleAdd()
}}
></i>
}
</div>
)
},
render: (h, scope) => {
// 新建的材料,可删除
// v-show='scope.row.sfxjcl == 1'
return (
<div>
{
this.ableOperation ? <span>{scope.$index + 1}</span> :
<i
class="el-icon-minus pointer"
onClick={() => {
this.handleDelete(scope.$index, scope.row);
}}
></i>
}
</div>
)
}
},
{
prop: "isrequired",
label: "是否必选",
width: "50",
render: (h, scope) => {
if (scope.row.sfxjcl === "1") {
return (
<div>
<span>可选</span>
</div>
);
}
else {
return (
<div>
<span>必选</span>
</div>
);
}
},
},
{
prop: "sjmc",
label: "材料名称",
},
{
prop: "sjlx",
label: "材料类型",
width: "80",
render: (h, scope) => {
return (
<div>
<span>{this.dicStatus(scope.row.sjlx, "A40")}</span>
</div>
);
},
},
{
prop: "sjsl",
label: "份数",
width: "50"
},
{
prop: "smzt",
label: "扫描状态",
width: "80",
render: (h, scope) => {
if (scope.row.children.length > 0) {
return (
<div>
<span>已扫描</span>
</div>
);
} else {
return (
<div>
<span>未扫描</span>
</div>
);
}
},
},
{
prop: "ys",
label: "扫描页数",
width: "50"
},
{
label: "操作",
width: "80",
render: (h, scope) => {
return (
<div>
<el-button
type="text"
disabled={scope.$index == 0}
onClick={() => {
this.moveUpward(scope.$index, scope.row);
}}
>
上移
</el-button>
<el-button
type="text"
disabled={scope.$index + 1 == this.tableData.length}
onClick={() => {
this.moveDown(scope.$index, scope.row);
}}
>
下移
</el-button>
</div>
);
},
},
],
key: 0,
tableData: [],
previewImg: {
// 收件标识码
bsmSj: '',
bsmSlsq: this.$parent.bsmSlsq,
index: 0,
selectedIndex: 0,
imgList: []
}
}
},
computed: {
...mapGetters(["dictData"])
},
created () {
this.ableOperation = this.$parent.currentSelectTab.ableOperation
this.clmlInitList()
},
methods: {
// 自动预览
/**
* @description: 自动预览
* @author: renchao
*/
nextPriview () {
if (this.treeCheckIndex < this.tableData.length) {
this.treeCheckIndex++
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = 0
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
}
},
/**
* @description: prevPriview
* @author: renchao
*/
prevPriview () {
if (this.treeCheckIndex >= 1) {
this.treeCheckIndex--
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = this.previewImg.imgList.length
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
}
},
// 材料目录明细初始化
/**
* @description: 材料目录明细初始化
* @author: renchao
*/
clmlInitList () {
return new Promise(resolve => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
formdata.append("bsmSlsq", this.$parent.bsmSlsq);
formdata.append("clfl", 2);
InitClml(formdata).then((res) => {
if (res.result.code == 200) {
resolve(res.code)
if (res.result.result && res.result.result.length > 0) {
this.tableData = res.result.result;
this.treeCheckId = this.tableData[0].bsmSj;
this.title = this.tableData[0].sjmc;
this.titleYs = 1;
this.titleNum = this.tableData[0].children.length;
this.previewImg.imgList = this.tableData[0]?.children;
this.previewImg.bsmSj = this.tableData[0]?.bsmSj;
}
} else {
this.$message.error(res.result.message)
}
})
})
},
/**
* @description: updateList
* @param {*} val
* @author: renchao
*/
updateList (val) {
let that = this
if (val != null) { //删除最后一张图片时 val=null
this.tableData.forEach(item => {
if (item.bsmSj === val.bsmSj) {
item.children = val.children
}
})
this.previewImg.imgList = _.cloneDeep(val.children)
if (this.previewImg.index == this.previewImg.imgList.length) {
this.previewImg.index = this.previewImg.index - 1
}
} else {
this.previewImg.imgList = []
this.tableData.forEach((item, index) => {
if (this.treeCheckId == item.bsmSj) {
item.children = []
that.treeCheckIndex = index
}
})
}
},
// 左侧菜单点击
/**
* @description: 左侧菜单点击
* @param {*} item
* @author: renchao
*/
menuClick (item) {
this.checkedId = item.id
},
// 添加材料目录
/**
* @description: 添加材料目录
* @author: renchao
*/
handleAdd () {
this.isDialog = true;
},
// 上移
/**
* @description: 上移
* @param {*} index
* @param {*} row
* @author: renchao
*/
moveUpward (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "UP",
};
// 接口待调
moveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) this.$message({
message: '上移成功',
type: 'success'
})
} else {
this.$message.error(res.message);
}
})
},
// 下移
/**
* @description: 下移
* @param {*} index
* @param {*} row
* @author: renchao
*/
moveDown (index, row) {
let obj = {
xh: row.xh,
bsmSlsq: row.bsmSlsq,
moveDirection: "DOWN",
}
// 接口待调
moveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) this.$message({
message: '下移成功',
type: 'success'
})
} else {
this.$message.error(res.message);
}
})
},
// 新增弹窗保存
/**
* @description: 新增弹窗保存
* @param {*} data
* @author: renchao
*/
addSave (data) {
let obj = {
bsmSlsq: this.$parent.bsmSlsq,
isrequired: "1",
sjmc: data.clmc,
sjsl: 0,
smzt: '',
ys: 0,
sjlx: data.cllx,
sfxjcl: "1", // 是否必选
};
saveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList()
if (res == 200) this.$message({
message: "新增成功",
type: "success",
})
}
});
},
// 材料目录删除
/**
* @description: 材料目录删除
* @param {*} index
* @param {*} row
* @author: renchao
*/
handleDelete (index, row) {
let that = this
this.$confirm('此操作将永久删除该 是否继续?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(() => {
deleteSjClml({ sjBsm: row.bsmSj }).then(async (res) => {
if (res.code == 200) {
let res = await that.clmlInitList()
if (res == 200) that.$message({
message: "删除成功",
type: "success",
})
}
})
}).catch(() => {
this.$message({
type: 'info',
message: '已取消删除'
})
})
},
// 材料目录点击选中
/**
* @description: 材料目录点击选中
* @param {*} item
* @param {*} index
* @author: renchao
*/
treeClick (item, index) {
this.previewImg.index = 0
this.treeCheckId = item?.bsmSj
this.treeCheckIndex = index
this.previewImg.imgList = item.children ? item.children : []
this.previewImg.bsmSj = item?.bsmSj
},
// 小图片点击
/**
* @description: 小图片点击
* @param {*} item
* @param {*} index
* @author: renchao
*/
imgClick (item, index) {
this.showImg = item;
this.titleYs = index + 1;
},
// 字典
/**
* @description: 字典
* @param {*} val
* @param {*} code
* @author: renchao
*/
dicStatus (val, code) {
let data = this.$store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname;
}
});
return name;
}
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
.active {
background: $light-blue !important;
color: #fff;
}
.required {
font-size: 12px;
color: $pink;
float: left;
}
.cl_number {
float: right;
}
.clxx {
width: 100%;
display: flex;
padding-left: 5px;
height: calc(100vh - 125px);
.left {
display: flex;
flex-direction: column;
justify-content: space-between;
.item {
width: 28px;
height: 49%;
@include flex-center;
background-color: #e4e7ed;
border-bottom-right-radius: 10px;
padding: 5px;
cursor: pointer;
transition: all 0.3s;
&:hover {
@extend .active;
}
}
}
.right {
width: 100%;
height: 100%;
.clmlmx-box {
margin: 0 auto;
.title {
text-align: center;
height: 60px;
line-height: 60px;
border: 1px solid #dfe6ec;
font-size: 20px;
background: #81d3f81a;
margin-bottom: -1px;
}
}
.clyl-box {
width: 100%;
height: 100%;
display: flex;
.menu-tree {
width: 20%;
min-width: 160px;
height: 100%;
margin-right: 10px;
border-right: 1px dotted #d9d9d9;
padding: 0 15px;
.item {
line-height: 30px;
padding-top: 5px;
border-bottom: 1px solid #e8e8e8;
font-size: 16px;
text-align: center;
color: $light-blue;
.itemIcon {
float: right;
line-height: 60px;
cursor: pointer;
}
.child {
line-height: 32px;
border-bottom: 1px solid #e8e8e8;
padding-left: 10px;
color: #6b6b6b;
cursor: pointer;
box-sizing: border-box;
border-radius: 6px;
line-height: 20px;
transition: all 0.3s;
padding: 8px 0;
}
.child:hover {
color: $light-blue;
transform: scale(1.1);
}
.checked {
border: 1px solid $light-blue;
color: $light-blue;
}
}
}
.clyl-img {
width: 75%;
height: 100%;
background: #f3f4f7;
margin: 0 auto;
position: relative;
}
}
}
}
</style>
......@@ -9,39 +9,73 @@
<!-- 材料预览 -->
<div class="clyl-box">
<div class="menu-tree">
<el-button type="primary" native-type="submit" @click="viewDetail" style="width:100%;margin-top:10px;">查看明细</el-button>
<el-button
type="primary"
native-type="submit"
@click="viewDetail"
style="width: 100%; margin-top: 10px"
>查看明细</el-button
>
<div class="item">
材料目录({{tableData.length}})
<div style="margin-top:10px">
<div style="text-align: center;line-height:20px;color:black;font-size:14px" v-if="tableData.length == 0">暂无数据</div>
<div v-for="(item,index) in tableData" :key="item.bsmSj"
:class="['child', treeCheckId == item.bsmSj ? 'checked' : '']" @click="treeClick(item,index)">
<span v-if="item.isrequired==1" class="required">必选</span>
材料目录({{ tableData.length }})
<div style="margin-top: 10px">
<div
style="
text-align: center;
line-height: 20px;
color: black;
font-size: 14px;
"
v-if="tableData.length == 0"
>
暂无数据
</div>
<div
v-for="(item, index) in tableData"
:key="item.bsmSj"
:class="['child', treeCheckId == item.bsmSj ? 'checked' : '']"
@click="treeClick(item, index)"
>
<span v-if="item.isrequired == 1" class="required">必选</span>
{{ item.sjmc }}
<span class="cl_number">({{item.children ? item.children.length : 0}})</span>
<span class="cl_number"
>({{ item.children ? item.children.length : 0 }})</span
>
</div>
</div>
</div>
<el-button type="primary" native-type="submit" style="width:100%" @click="handleAdd()"
v-if="ableOperation">新增</el-button>
<el-button
type="primary"
native-type="submit"
style="width: 100%"
@click="handleAdd()"
v-if="ableOperation"
>新增</el-button
>
</div>
<image-preview ref='imageRef' v-if="tableData.length>0" :previewImg="previewImg" :ableOperation="ableOperation" @updateList="updateList"
<image-preview
ref="imageRef"
v-if="tableData.length > 0"
:previewImg="previewImg"
:ableOperation="ableOperation"
@updateList="updateList"
@nextPriview="nextPriview"
@prevPriview="prevPriview" />
@prevPriview="prevPriview"
/>
</div>
</div>
<clxxAddDialog v-model="isDialog" />
</div>
</template>
<script>
import { mapGetters } from "vuex";
import clxxAddDialog from "../dialog/clxxAddDialog.vue";
import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
import imagePreview from '@/views/components/imagePreview.vue'
import { InitClml, saveClml } from "@/api/clxx.js";
export default {
import { mapGetters } from "vuex";
import clxxAddDialog from "../dialog/clxxAddDialog.vue";
import clxxDetailDialog from "../dialog/clxxDetailDialog.vue";
import imagePreview from "@/views/components/imagePreview.vue";
import { InitClml, saveClml } from "@/api/clxx.js";
export default {
components: { clxxAddDialog, imagePreview, clxxDetailDialog },
data () {
data() {
return {
//表单是否可操作
ableOperation: true,
......@@ -54,32 +88,40 @@
tableData: [],
previewImg: {
// 收件标识码
bsmSj: '',
bsmSj: "",
bsmSlsq: this.$parent.bsmSlsq,
index: 0,
selectedIndex: 0,
imgList: []
}
}
imgList: [],
},
};
},
computed: {
...mapGetters(["dictData"])
...mapGetters(["dictData"]),
},
created () {
this.clmlInitList(1)
created() {
this.clmlInitList(1);
},
computed: {
...mapGetters(['workFresh'])
...mapGetters(["workFresh"]),
},
watch: {
workFresh: {
handler (newVal, oldVal) {
if (newVal) this.clmlInitList(1)
}
}
handler(newVal, oldVal) {
if (newVal) this.clmlInitList(1);
},
},
mounted () {
this.ableOperation = this.$parent.ableOperation
},
mounted() {
console.log(
"bestepid: this.$route.query.bestepid,",
this.$route.query.bestepid
);
console.log(
"bestepid: this.$route.query.sqywbm,",
this.$route.query.sqywbm
);
this.ableOperation = this.$parent.ableOperation;
},
methods: {
// 自动预览
......@@ -87,26 +129,26 @@
* @description: 自动预览
* @author: renchao
*/
nextPriview () {
nextPriview() {
if (this.treeCheckIndex < this.tableData.length) {
this.treeCheckIndex++
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = 0
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
this.treeCheckIndex++;
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
this.previewImg.index = 0;
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children;
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
}
},
/**
* @description: prevPriview
* @author: renchao
*/
prevPriview () {
prevPriview() {
if (this.treeCheckIndex >= 1) {
this.treeCheckIndex--
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj
this.previewImg.index = this.previewImg.imgList.length
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj
this.treeCheckIndex--;
this.treeCheckId = this.tableData[this.treeCheckIndex].bsmSj;
this.previewImg.index = this.previewImg.imgList.length;
this.previewImg.imgList = this.tableData[this.treeCheckIndex].children;
this.previewImg.bsmSj = this.tableData[this.treeCheckIndex].bsmSj;
}
},
// 材料目录明细初始化
......@@ -115,38 +157,48 @@
* @param {*} type
* @author: renchao
*/
clmlInitList (type) {
clmlInitList(type) {
//type 1：列表初始化 2：新增材料
return new Promise(resolve => {
return new Promise((resolve) => {
this.unitData = this.$parent.unitData;
var formdata = new FormData();
formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
formdata.append("bsmSlsq", this.$parent.bsmSlsq);
if (this.$route.query.sqywbm == "DJBBL") {
formdata.append("bsmSldy", this.$parent.bsmRepair);
formdata.append("clfl", 3);
} else {
formdata.append("bsmSldy", this.unitData[0]?.bsmSldy);
formdata.append("clfl", 2);
}
InitClml(formdata).then((res) => {
if (res.code == 200) {
resolve(res.code)
resolve(res.code);
if (res.result && res.result.length > 0) {
this.tableData = res.result;
if (type == 1) {
this.treeClick(this.tableData[0], 0);
} else {
//新增材料后刷新列表焦点置于新增的对象上
this.treeClick(this.tableData[this.tableData.length - 1], this.tableData.length - 1);
this.treeClick(
this.tableData[this.tableData.length - 1],
this.tableData.length - 1
);
}
}
} else {
this.$message.error(res.message)
this.$message.error(res.message);
}
})
})
});
});
},
/**
* @description: setChecked
* @param {*} item
* @author: renchao
*/
setChecked (item) {
setChecked(item) {
this.treeCheckId = item.bsmSj;
this.title = item.sjmc;
this.titleYs = 1;
......@@ -159,26 +211,27 @@
* @param {*} val
* @author: renchao
*/
updateList (val) {
let that = this
if (val.children.length != 0) { //删除最后一张图片时 val=null
this.tableData.forEach(item => {
updateList(val) {
let that = this;
if (val.children.length != 0) {
//删除最后一张图片时 val=null
this.tableData.forEach((item) => {
if (item.bsmSj === val.bsmSj) {
item.children = val.children
item.children = val.children;
}
})
this.previewImg.imgList = _.cloneDeep(val.children)
});
this.previewImg.imgList = _.cloneDeep(val.children);
if (this.previewImg.index == this.previewImg.imgList.length) {
this.previewImg.index = this.previewImg.index - 1
this.previewImg.index = this.previewImg.index - 1;
}
} else {
this.previewImg.imgList = []
this.previewImg.imgList = [];
this.tableData.forEach((item, index) => {
if (this.treeCheckId == item.bsmSj) {
item.children = []
that.treeCheckIndex = index
item.children = [];
that.treeCheckIndex = index;
}
})
});
}
},
// 添加材料目录
......@@ -186,7 +239,7 @@
* @description: 添加材料目录
* @author: renchao
*/
handleAdd () {
handleAdd() {
this.isDialog = true;
},
// 新增弹窗保存
......@@ -195,24 +248,25 @@
* @param {*} data
* @author: renchao
*/
addSave (data) {
addSave(data) {
let obj = {
bsmSlsq: this.$parent.bsmSlsq,
isrequired: "1",
sjmc: data.clmc,
sjsl: 0,
smzt: '',
smzt: "",
ys: 0,
sjlx: data.cllx,
sfxjcl: "1", // 是否必选
};
saveClml(obj).then(async (res) => {
if (res.code == 200) {
let res = await this.clmlInitList(2)
if (res == 200) this.$message({
let res = await this.clmlInitList(2);
if (res == 200)
this.$message({
message: "新增成功",
type: "success",
})
});
}
});
},
......@@ -223,12 +277,12 @@
* @param {*} index
* @author: renchao
*/
treeClick (item, index) {
this.previewImg.index = 0
this.treeCheckId = item?.bsmSj
this.treeCheckIndex = index
this.previewImg.imgList = item.children ? item.children : []
this.previewImg.bsmSj = item?.bsmSj
treeClick(item, index) {
this.previewImg.index = 0;
this.treeCheckId = item?.bsmSj;
this.treeCheckIndex = index;
this.previewImg.imgList = item.children ? item.children : [];
this.previewImg.bsmSj = item?.bsmSj;
},
// 小图片点击
/**
......@@ -237,7 +291,7 @@
* @param {*} index
* @author: renchao
*/
imgClick (item, index) {
imgClick(item, index) {
this.showImg = item;
this.titleYs = index + 1;
},
......@@ -248,55 +302,61 @@
* @param {*} code
* @author: renchao
*/
dicStatus (val, code) {
dicStatus(val, code) {
let data = this.$store.getters.dictData[code],
name = "暂无";
if (data) {
data.map((item) => {
if (item.dcode == val) {
name = item.dname
name = item.dname;
}
});
return name
return name;
}
},
//查看明细
viewDetail () {
this.$store.dispatch('user/reWorkFresh', false)
this.$popupDialog("查看明细", "workflow/components/dialog/clxxDetailDialog", {
viewDetail() {
this.$store.dispatch("user/reWorkFresh", false);
this.$popupDialog(
"查看明细",
"workflow/components/dialog/clxxDetailDialog",
{
data: this.tableData,
unitData: this.$parent.unitData,
ableOperation: this.$parent.ableOperation
}, "60%", true)
ableOperation: this.$parent.ableOperation,
},
"60%",
true
);
},
//设置tableData
setTableData (tableData) {
this.$nextTick(res => {
setTableData(tableData) {
this.$nextTick((res) => {
this.tableData = tableData;
})
});
},
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/mixin.scss";
<style scoped lang="scss">
@import "~@/styles/mixin.scss";
.active {
.active {
background: $light-blue !important;
color: #fff;
}
}
.required {
.required {
font-size: 12px;
color: $pink;
float: left;
}
}
.cl_number {
.cl_number {
float: right;
}
}
.clxx {
.clxx {
width: 100%;
display: flex;
padding-left: 5px;
......@@ -402,5 +462,5 @@
}
}
}
}
}
</style>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-07-28 15:46:24
* @LastEditTime: 2023-08-03 14:13:59
-->
<template>
<div class="szxx">
......@@ -202,10 +202,9 @@
width: 300px;
margin-top: 10px;
margin-right: 10px;
.szxx_body {
height: 240px;
}
// .szxx_body {
// height: 240px;
// }
}
}
......