Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
e9b26c6c by xiaomiao
Options

--no commit message

1 parent d5ab5c3a
Inline Side-by-side
Showing 11 changed files with 1538 additions and 617 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
})
}
......
......@@ -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>
......
......@@ -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,
ableOperation: false,
};
},
created() {
this.loadData();
},
mounted() {
this.ableOperation=this.$parent.ableOperation
this.ableOperation = this.$parent.ableOperation;
},
methods: {
/**
......@@ -499,29 +584,71 @@
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,
......