115beeed by renchao@pashanhoo.com

Merge branch 'dev'

2 parents 8e3faeb2 f02a1424
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:25:12
* @LastEditTime: 2023-08-24 15:34:27
-->
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="180px">
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="180px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -124,8 +131,14 @@
</el-form-item>
</el-col>
<el-col :span="9">
<el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px">
<el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit|| isJfOperation">
<el-form-item
label="是否存在禁止或者限制转让抵押不动产的约定:"
label-width="350px"
>
<el-radio-group
v-model="ruleForm.diyaq.sfczjzhxz"
:disabled="!viewEdit || isJfOperation"
>
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
......@@ -136,10 +149,22 @@
<el-row :gutter="10">
<el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
<el-form-item label="被担保主债权数额:">
<div style="display:flex">
<el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit|| isJfOperation" style="width:500%"></el-input>
<el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit|| isJfOperation">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<div style="display: flex">
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
:disabled="!viewEdit || isJfOperation"
style="width: 500%"
></el-input>
<el-select
v-model="ruleForm.diyaq.jedw"
:disabled="!viewEdit || isJfOperation"
>
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</div>
......@@ -148,19 +173,30 @@
<el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
<el-form-item label="最高债权额:">
<el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit|| isJfOperation"></el-input>
<el-input
v-model="ruleForm.diyaq.zgzqse"
:disabled="!viewEdit || isJfOperation"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行起始时间:">
<el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit|| isJfOperation" type="date">
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
:disabled="!viewEdit || isJfOperation"
type="date"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间:">
<el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit|| isJfOperation" type="date">
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
:disabled="!viewEdit || isJfOperation"
type="date"
>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -168,22 +204,35 @@
<el-row>
<el-col :span="24">
<el-form-item label="担保范围:">
<el-input v-model="ruleForm.diyaq.dbfw"
:disabled="ruleForm.sldy.djlx == '300'&& !viewEdit|| isJfOperation"></el-input>
<el-input
v-model="ruleForm.diyaq.dbfw"
:disabled="
(ruleForm.sldy.djlx == '300' && !viewEdit) || isJfOperation
"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="最高债权确定事实和数额:">
<el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit|| isJfOperation"></el-input>
<el-input
v-model="ruleForm.diyaq.zgzqqdss"
:disabled="!viewEdit || isJfOperation"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit|| isJfOperation"></el-input>
<el-input
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.diyaq.fj"
:disabled="!viewEdit || isJfOperation"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -195,7 +244,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -207,7 +259,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -215,29 +269,40 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" :disabled="viewEdit" @upDateQlrxxList="upDateQlrxxList"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
</div>
<qlrCommonTable :tableData="ruleForm.ywrList" :disabled="viewEdit" @upDateQlrxxList="upDateYwrxxList" />
<qlrCommonTable
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
@upDateQlrxxList="upDateYwrxxList"
/>
<div class="slxx_title title-block">
登记原因
......@@ -245,19 +310,32 @@
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="!viewEdit"
v-model="ruleForm.diyaq.zxdyyy">
<el-form-item
v-if="ruleForm.sldy.djlx == '400'"
label="注销抵押原因:"
prop="djyy"
>
<el-input
class="textArea"
type="textarea"
:disabled="!viewEdit"
v-model="ruleForm.diyaq.zxdyyy"
>
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.diyaq.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.diyaq.djyy"
>
</el-input>
</el-form-item>
</el-col>
</el-row>
</div>
<el-row class="btn" v-if="viewEdit">
<el-form-item>
......@@ -268,15 +346,15 @@
</div>
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
import { mapGetters } from "vuex";
export default {
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/diyaqFlow.js";
import { mapGetters } from "vuex";
export default {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
if (this.propsParam.djlx == '400') {
if (this.propsParam.djlx == "400") {
this.isJfOperation = true;
}
this.$startLoading();
......@@ -287,33 +365,28 @@
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.ruleForm.diyaq.sfczjzhxz = "0";
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.diyaq.sfczjzhxz = "0";
}
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
this.$endLoading();
})
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
czrOptions: [],
czr:"",
czr: "",
ruleForm: {
slsq: {},
ssQlxx: {},
......@@ -331,8 +404,8 @@
* @description: onSubmitClick
* @author: renchao
*/
onSubmitClick () {
let that = this
onSubmitClick() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -355,7 +428,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -392,7 +466,7 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......@@ -407,27 +481,35 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
}
},
// 更新义务人信息
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
}
}
}
};
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -11,7 +11,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px">
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -77,12 +78,17 @@
<el-form-item label="宗地面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
<el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 20%">
<el-select
disabled
v-model="ruleForm.zdjbxx.mjdw"
style="width: 20%"
>
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"></el-option>
:value="item.dcode"
></el-option>
</el-select>
</div>
</el-form-item>
......@@ -116,13 +122,15 @@
<el-input
v-model="ruleForm.fdcq1.fdcjyjg"
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.fdcq1.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>
......@@ -131,7 +139,12 @@
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.fdcq1.fj" type="textarea" maxlength="500" show-word-limit></el-input>
<el-input
v-model="ruleForm.fdcq1.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -141,7 +154,8 @@
<fdcqxmTable
:ableOperation="viewEdit"
:tableData="ruleForm.fdcqxm"
@updateFdcwxmList="updateFdcwxmList" />
@updateFdcwxmList="updateFdcwxmList"
/>
<div class="slxx_title title-block">
土地用途
<div class="triangle"></div>
......@@ -149,7 +163,8 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -160,7 +175,8 @@
<el-radio-group
:disabled="!viewEdit"
@change="showCZInfo"
v-model="ruleForm.sldy.gyfs">
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -170,20 +186,32 @@
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-col
:span="5"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人1:">
<el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
<el-option
v-for="(item,index) in czrOptions"
:key="index"
:label="item.sqrmc"
:value="item.zjh"></el-option>
:value="item.zjh"
></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -192,7 +220,8 @@
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
<div class="slxx_title title-block">
......@@ -204,7 +233,8 @@
:disabled="viewEdit"
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.qlxx.gyfs" />
:gyfs="ruleForm.qlxx.gyfs"
/>
</div>
<div class="slxx_title title-block">
登记原因
......@@ -219,7 +249,8 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.fdcq1.djyy"></el-input>
v-model="ruleForm.fdcq1.djyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -234,15 +265,15 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import fdcqxmTable from "@/views/workflow/components/fdcqxmTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyq1Flow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -256,10 +287,10 @@
...res.result.qlxxdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
//初始化发证方式,1:小证,2:大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
......@@ -272,12 +303,12 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
czr:'',
czr: "",
ruleForm: {
flow: {
ywh: "",
......@@ -305,7 +336,7 @@
};
},
methods: {
updateFdcwxmList (val) {
updateFdcwxmList(val) {
this.ruleForm.fdcqxm && (this.ruleForm.fdcqxm = _.cloneDeep(val));
this.key++;
},
......@@ -314,7 +345,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -323,17 +354,26 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
},
// /**
// * @description: showCZInfo
// * @author: renchao
// */
// showCZInfo() {
// console.log(this.ruleForm.slsq.gyfs);
// },
// 是否持证人变化
/**
* @description: showCZInfo
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
showCZInfo () {
console.log(this.ruleForm.slsq.gyfs);
updaterow() {
this.czr = "";
},
// 更新权利人信息
/**
......@@ -341,15 +381,15 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
......@@ -381,7 +421,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -429,55 +470,55 @@
});
},
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -486,23 +527,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>
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-23 16:03:51
* @LastEditTime: 2023-08-24 15:32:05
-->
<template>
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -75,12 +81,14 @@
<el-select
disabled
v-model="ruleForm.zdjbxx.mjdw"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -101,7 +109,8 @@
:normalizer="normalizer"
:default-expand-level="1"
:show-count="true"
:options="dictData['A9']" />
:options="dictData['A9']"
/>
</el-form-item>
</el-col>
</el-row>
......@@ -109,17 +118,18 @@
<el-col :span="8">
<el-form-item label="独用土地面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.dytdmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
style="width: 68px">
<el-input
v-model="ruleForm.fdcq2.dytdmj"
:disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<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>
......@@ -128,17 +138,18 @@
<el-col :span="8">
<el-form-item label="分摊土地面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.fttdmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
style="width: 68px">
<el-input
v-model="ruleForm.fdcq2.fttdmj"
:disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<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>
......@@ -151,7 +162,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>
......@@ -167,8 +179,8 @@
placeholder=""
:normalizer="normalizer"
:show-count="true"
:options="dictData['A17']" />
:options="dictData['A17']"
/>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -178,7 +190,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>
......@@ -191,19 +204,27 @@
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd"
:disabled="!viewEdit"></el-date-picker>
:disabled="!viewEdit"
></el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.qlxx">
<el-col :span="8">
<el-form-item label="所在层:">
<el-input v-model="ruleForm.fdcq2.szc" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.fdcq2.szc"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="总层数:">
<el-input :disabled="!viewEdit" v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
<el-input
:disabled="!viewEdit"
v-model.number="ruleForm.fdcq2.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -213,13 +234,15 @@
v-model="ruleForm.fdcq2.fdcjyjg"
style="width: 500%"
:disabled="!viewEdit"
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" :disabled="!viewEdit">
<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>
......@@ -230,17 +253,18 @@
<el-col :span="8">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.jzmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
style="width: 68px">
<el-input
v-model="ruleForm.fdcq2.jzmj"
:disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<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,17 +273,18 @@
<el-col :span="8">
<el-form-item label="专有建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.zyjzmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
style="width: 68px">
<el-input
v-model="ruleForm.fdcq2.zyjzmj"
:disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<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>
......@@ -268,17 +293,18 @@
<el-col :span="8">
<el-form-item label="分摊建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.fdcq2.ftjzmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
style="width: 68px">
<el-input
v-model="ruleForm.fdcq2.ftjzmj"
:disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<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>
......@@ -288,7 +314,13 @@
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.fdcq2.fj" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.fdcq2.fj"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -299,7 +331,8 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -307,8 +340,10 @@
<el-row :gutter="10">
<el-col :span="12" v-if="ruleForm.qlxx">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -320,7 +355,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -328,32 +365,43 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.qlxx.djlx == '200'">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.qlxx" @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
v-if="ruleForm.qlxx"
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs"
/>
</div>
<div class="slxx_title title-block">
登记原因
......@@ -362,8 +410,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.sldy" label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.fdcq2.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.fdcq2.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -378,15 +432,15 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
......@@ -397,27 +451,29 @@
this.ruleForm = {
...res.result,
...res.result.qlxxdatas,
}
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc
this.czr = item.sqrmc;
}
})
});
//初始化发证方式,1:小证,2:大正
this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
})
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"])
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
mjdw: "1",
// 键名转换,方法默认是label和children进行树状渲染
normalizer (node) {
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
......@@ -433,31 +489,29 @@
czr: "",
ruleForm: {
flow: {
ywh: ''
ywh: "",
},
qlxx: {
mj: ''
mj: "",
},
sldy: {
gyfs: ''
},
slsq: {
gyfs: "",
},
slsq: {},
fdcq2: {
zyjzmj: '',
ftjzmj: ''
zyjzmj: "",
ftjzmj: "",
},
zdjbxx: {
ghytmc: ''
}
ghytmc: "",
},
},
//传递参数
propsParam: this.$attrs,
//表单是否可操作
viewEdit: true,
rules: {}
}
rules: {},
};
},
methods: {
/**
......@@ -465,33 +519,42 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
this.ruleForm.tdytqxList = _.cloneDeep(val)
upDateTdytxxList(val) {
this.ruleForm.tdytqxList = _.cloneDeep(val);
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
......@@ -523,7 +586,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -559,66 +623,66 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error"
})
}
})
}
}
type: "error",
});
}
});
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -627,23 +691,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>
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-23 16:04:01
* @LastEditTime: 2023-08-24 15:34:11
-->
<template>
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -48,7 +54,8 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between">
style="justify-content: space-between"
>
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -106,7 +113,11 @@
</el-col>
<el-col :span="8">
<el-form-item label="总层数:">
<el-input disabled v-model.number="ruleForm.fdcq2.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
<el-input
disabled
v-model.number="ruleForm.fdcq2.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -119,17 +130,18 @@
<el-col :span="8">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.qlxx.mj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
<el-input
disabled
v-model="mjdw"
style="width: 68px">
v-model="ruleForm.qlxx.mj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<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>
......@@ -138,17 +150,18 @@
<el-col :span="8">
<el-form-item label="专有建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.zyjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
<el-input
disabled
v-model="mjdw"
style="width: 68px">
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: 68px">
<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>
......@@ -157,17 +170,18 @@
<el-col :span="8">
<el-form-item label="分摊建筑面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.fdcq2.ftjzmj"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
<el-input
disabled
v-model="mjdw"
style="width: 68px">
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: 68px">
<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>
......@@ -181,7 +195,8 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -189,7 +204,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -201,7 +219,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -209,24 +229,31 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="!viewEdit" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateQlrxxList"
:disabled="!viewEdit"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -234,8 +261,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.fdcq2" label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.fdcq2.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.fdcq2.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -250,15 +283,15 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
......@@ -274,11 +307,13 @@
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc
this.czr = item.sqrmc;
}
})
});
//初始化发证方式,1:小证,2:大正
this.ruleForm.slsq.fzfs == null ? this.ruleForm.slsq.fzfs = '1' : this.ruleForm.slsq.fzfs;
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
});
......@@ -287,7 +322,7 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
mjdw: "1",
//表单是否可操作
......@@ -298,7 +333,7 @@
czr: "",
ruleForm: {
flow: {
ywh: ''
ywh: "",
},
slry: "",
slsj: "",
......@@ -306,7 +341,7 @@
djlx: "",
djqx: "",
sldy: {
gyfs: ''
gyfs: "",
},
// 宗地代码
zddm: "",
......@@ -316,31 +351,31 @@
// 自然幢号
zrzh: "",
// 户不动产单元号
hbdcdyh: '',
djzt: '',
hbdcdyh: "",
djzt: "",
// 图幅丘幢号
tfqzh: '',
zl: '',
tfqzh: "",
zl: "",
// 房屋用途
fwyt: '',
fwxz: '',
fwjg: '',
fwyt: "",
fwxz: "",
fwjg: "",
// 权利人信息
// 是否分别持证
sffbcz: "",
// 持证人
czr: "",
djyy: '',
djyy: "",
// 规划用途名称
zdjbxx: {
ghytmc: ''
ghytmc: "",
},
fdcq2: {
fwxzmc: ''
fwxzmc: "",
},
slsq: {
gyfs: ''
}
gyfs: "",
},
},
//传递参数
propsParam: {},
......@@ -352,30 +387,42 @@
* @description: dataSelectClick
* @author: renchao
*/
dataSelectClick () {
this.$popup("房屋所有权", this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
dataSelectClick() {
this.$popup(
"房屋所有权",
this.BASE_API.SERVERAPI + "/rest/ywbl/fdcq2/slxxCompareDetai",
{
formData: {
bsmSldy: this.propsParam.bsmSldy,
qllx: this.propsParam.qllx
qllx: this.propsParam.qllx,
},
}
});
);
},
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
......@@ -386,16 +433,16 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
......@@ -427,7 +474,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -463,7 +511,7 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......@@ -477,68 +525,68 @@
* @description: compare
* @author: renchao
*/
compare () {
compare() {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'FDCQ2',
dqqllx: "FDCQ2",
},
"80%",
true
);
},
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
/deep/.el-form {
display: flex;
flex-direction: column;
height: calc(100vh - 130px);
}
}
/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;
......@@ -547,23 +595,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>
......
<!--
* @Description: 受理信息
* @Autor: renchao
* @LastEditTime: 2023-08-17 14:18:10
* @LastEditTime: 2023-08-24 15:32:19
-->
<template>
<div class="slxx">
......@@ -11,7 +11,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="130px">
label-width="130px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -37,12 +38,18 @@
<el-row :gutter="10" v-if="ruleForm.slsq">
<el-col :span="8" v-if="ruleForm.sldyList.length > 0">
<el-form-item label="权利类型:">
<el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
<el-input
disabled
v-model="ruleForm.sldyList[0].qllxmc"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8" v-if="ruleForm.sldyList.length > 0">
<el-form-item label="登记类型:">
<el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
<el-input
disabled
v-model="ruleForm.sldyList[0].djlxmc"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -60,12 +67,17 @@
<el-form-item label="宗地面积:">
<div class="flex">
<el-input disabled v-model="ruleForm.zdjbxx.zdmj"></el-input>
<el-select disabled v-model="ruleForm.zdjbxx.mjdw" style="width: 68px">
<el-select
disabled
v-model="ruleForm.zdjbxx.mjdw"
style="width: 68px"
>
<el-option
v-for="item in dictData['A7']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"></el-option>
:value="item.dcode"
></el-option>
</el-select>
</div>
</el-form-item>
......@@ -135,12 +147,13 @@
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="12" v-if="ruleForm.sldyList.length>0">
<el-col :span="12" v-if="ruleForm.sldyList.length > 0">
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!viewEdit"
@change="showCZInfo"
v-model="ruleForm.sldyList[0].gyfs">
v-model="ruleForm.sldyList[0].gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -149,27 +162,37 @@
</el-form-item>
</el-col>
<el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0">
<el-col :span="6" v-if="ruleForm.sldyList[0].gyfs != 0">
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldyList[0].sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-if="ruleForm.sldyList[0].gyfs!=0&&ruleForm.sldyList[0].sqfbcz=='0'">
<el-col
:span="6"
v-if="
ruleForm.sldyList[0].gyfs != 0 &&
ruleForm.sldyList[0].sqfbcz == '0'
"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"></el-option>
:value="item.zjh"
></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -178,7 +201,8 @@
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldyList[0].gyfs" />
:gyfs="ruleForm.sldyList[0].gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -192,7 +216,8 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.fdcq2List[0].djyy">
v-model="ruleForm.fdcq2List[0].djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -207,16 +232,16 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import {
BatchInit,
Init,
saveBatchData,
saveData,
} from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
} from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
computed: {
...mapGetters(["dictData", "flag"]),
......@@ -229,10 +254,10 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
data () {
data() {
return {
disabled: true,
tdytOption: [],
......@@ -252,7 +277,7 @@
zdjbxx: {}, //宗地基本信息
},
czrOptions: [],
czr:"",
czr: "",
//传递参数
propsParam: this.$attrs,
//表单是否可操作
......@@ -262,7 +287,7 @@
bsmSlsq: this.$route.query.bsmSlsq, //受理申请标识码
splicingFdcq2: {
//前端根据后台数组组装展示内容
tdxz: "",//土地性质
tdxz: "", //土地性质
fwxz: "", //房屋性质
fwjg: "", //房屋结构
jzmj: "", //建筑面积
......@@ -270,7 +295,7 @@
},
};
},
mounted (callbackfn, thisArg) {
mounted(callbackfn, thisArg) {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -281,20 +306,15 @@
BatchInit(formdata).then((res) => {
if (res.code == 200) {
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.czrOptions = this.ruleForm.qlrList;
this.gyfs = this.ruleForm.sldyList[0].gyfs;
this.splicingFdcq2Info();
}
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
});
},
methods: {
......@@ -303,7 +323,7 @@
* @description: 组装房地产权通用信息
* @author: renchao
*/
splicingFdcq2Info () {
splicingFdcq2Info() {
let fdcq2List = this.ruleForm.fdcq2List;
let fwxzArr = [];
let fwjgArr = [];
......@@ -328,7 +348,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
......@@ -336,24 +356,33 @@
* @description: showCZInfo
* @author: renchao
*/
showCZInfo () {
showCZInfo() {
// console.log(this.ruleForm.slsq.gyfs);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -424,55 +453,55 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -481,23 +510,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>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 16:04:10
* @LastEditTime: 2023-08-24 15:32:28
-->
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" :label-position="flag ? 'top' : ''" :inline="flag"
label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -33,16 +39,38 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型:" prop="qllx">
<el-select disabled v-model="ruleForm.qllx" filterable clearable placeholder="请选择权利类型">
<el-option v-for="item in dictData['A8']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
disabled
v-model="ruleForm.qllx"
filterable
clearable
placeholder="请选择权利类型"
>
<el-option
v-for="item in dictData['A8']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型:" prop="djlx">
<el-select disabled v-model="ruleForm.djlx" filterable clearable placeholder="请选择登记类型">
<el-option v-for="item in dictData['A21']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
disabled
v-model="ruleForm.djlx"
filterable
clearable
placeholder="请选择登记类型"
>
<el-option
v-for="item in dictData['A21']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -88,7 +116,12 @@
<el-col :span="8">
<el-form-item label="登记状态:" prop="djzt">
<el-select disabled v-model="ruleForm.djzt" filterable clearable>
<el-option v-for="item in djztList" :key="item.value" :label="item.label" :value="item.value">
<el-option
v-for="item in djztList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
......@@ -131,7 +164,8 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -149,22 +183,42 @@
<el-col :span="5" v-show="ruleForm.gyfs != '1'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sffbcz" :disabled="!viewEdit">
<el-radio-group
v-model="ruleForm.sffbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz=='0'">
<el-col
:span="5"
v-show="ruleForm.gyfs != '1' && ruleForm.sffbcz == '0'"
>
<el-form-item label="持证人:">
<el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
<el-option
v-for="item in czrOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" :gyfs="ruleForm.gyfs" :disabled="viewEdit" />
<qlrCommonTable
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.gyfs"
:disabled="viewEdit"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -172,7 +226,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit" v-model="ruleForm.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -187,15 +248,15 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init } from "@/api/workflow/fwsyqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
......@@ -209,9 +270,9 @@
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc
this.czr = item.sqrmc;
}
})
});
this.czrOptions = this.ruleForm.qlrList;
}
});
......@@ -220,7 +281,7 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: false,
......@@ -243,22 +304,22 @@
// 自然幢号
zrzh: "",
// 户不动产单元号
ghytmc: '',
djzt: '',
ghytmc: "",
djzt: "",
// 图幅丘幢号
tfqzh: '',
zl: '',
tfqzh: "",
zl: "",
// 房屋用途
fwyt: '',
fwxz: '',
fwjg: '',
fwyt: "",
fwxz: "",
fwjg: "",
// 权利人信息
gyfs: "1",
// 是否分别持证
sffbcz: "",
// 持证人
czr: "",
djyy: ''
djyy: "",
},
//传递参数
propsParam: {},
......@@ -272,20 +333,26 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrData;
this.key++;
},
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: list
* @param {*} bsmSldy
* @author: renchao
*/
list (bsmSldy) {
list(bsmSldy) {
var formdata = new FormData();
formdata.append("bsmSldy", bsmSldy);
formdata.append("isEdit", this.viewEdit);
......@@ -304,9 +371,9 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
......@@ -338,7 +405,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -372,58 +440,58 @@
console.log(res);
//this.ruleForm = { ...res.result, ...res.result.zdjbxxdatas, ...res.result.qlxxdatas, ...res.result.jsydsyqdatas }
}
})
}
}
};
});
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -432,23 +500,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>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-22 16:25:49
* @LastEditTime: 2023-08-24 15:34:16
-->
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" :class="{readonly: editDisabled }"
class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
:class="{ readonly: editDisabled }"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" v-if="isShow" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -73,17 +80,18 @@
<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: 68px">
<el-input
maxlength="12"
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: 68px">
<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>
......@@ -91,15 +99,25 @@
</el-col>
<el-col :span="8">
<el-form-item label="权利设定方式:">
<el-input v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
<el-input maxlength="25" v-model="ruleForm.zdjbxx.qlsdfsmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="取得价格:">
<div style="display:flex">
<el-input v-model="ruleForm.jsydsyq.qdjg" style="width:500%" oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<div style="display: flex">
<el-input
maxlength="11"
v-model="ruleForm.jsydsyq.qdjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</div>
......@@ -115,7 +133,12 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.jsydsyq.fj"></el-input>
<el-input
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.jsydsyq.fj"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -126,7 +149,8 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -134,7 +158,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -146,7 +173,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -154,32 +183,45 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<el-option
v-for="(item,index) in czrOptions"
v-for="(item, index) in czrOptions"
:key="index"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList"
<qlrCommonTable
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList" :key="key" :gyfs="ruleForm.sldy.gyfs" />
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:gyfs="ruleForm.sldy.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable v-if="ruleForm.ywrList" :disabled="viewEdit" :tableData="ruleForm.ywrList" :key="key" @upDateQlrxxList="upDateYwrxxList" />
<qlrCommonTable
v-if="ruleForm.ywrList"
:disabled="viewEdit"
:tableData="ruleForm.ywrList"
:key="key"
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
<div class="slxx_title title-block">
......@@ -189,8 +231,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.jsydsyq.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.jsydsyq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -205,18 +253,18 @@
</div>
</template>
<script>
import { mapGetters } from "vuex"
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js"
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
export default {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
let that = this
let that = this;
this.$startLoading();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
......@@ -224,27 +272,23 @@
Init(formdata).then((res) => {
this.$nextTick(() => {
that.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
that.$endLoading();
that.isShow = true;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
console.log("this.ruleForm.qlrList1", this.ruleForm.qlrList,this.czr);
}
})
})
})
});
});
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
// 根据流程判断表单是否为只读
editDisabled () {
editDisabled() {
if (!this.viewEdit) {
//只读状态
return true;
......@@ -252,12 +296,12 @@
return false;
},
},
data () {
data() {
return {
mjdw: "1",
//表单是否可操作
viewEdit: true,
czr:"",
czr: "",
key: 0,
isShow: false,
disabled: true,
......@@ -265,8 +309,8 @@
ruleForm: {},
//传递参数
propsParam: {},
rules: {}
}
rules: {},
};
},
methods: {
/**
......@@ -274,36 +318,47 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val))
upDateQlrxxList(val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrList;
this.key++
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val))
this.key++
upDateYwrxxList(val) {
this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
this.key++;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
......@@ -334,7 +389,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -372,22 +428,22 @@
this.$message({
showClose: true,
message: "保存成功!",
type: "success"
})
this.$store.dispatch('user/refreshPage', true);
type: "success",
});
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error"
})
}
})
}
}
type: "error",
});
}
});
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -13,7 +13,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px">
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -55,7 +56,8 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between">
style="justify-content: space-between"
>
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -98,16 +100,19 @@
<el-form-item label="取得价格:">
<div style="display: flex">
<el-input
maxlength="11"
v-model="ruleForm.jsydsyq.qdjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
disabled></el-input>
disabled
></el-input>
<el-select v-model="ruleForm.jsydsyq.jedw" disabled>
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</div>
......@@ -124,9 +129,12 @@
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input
type="textarea" maxlength="500" show-word-limit
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.jsydsyq.fj"
:disabled="!viewEdit"></el-input>
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -137,7 +145,8 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
:ableOperation="viewEdit"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -147,7 +156,8 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs">
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -159,7 +169,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -167,17 +179,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
......@@ -187,7 +202,8 @@
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -198,9 +214,11 @@
<el-input
class="textArea"
type="textarea"
maxlength="500" show-word-limit
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.jsydsyq.djyy">
v-model="ruleForm.jsydsyq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -215,14 +233,14 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/jsydsyqFlow.js";
export default {
mixins: [ywmix],
mounted () {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -233,18 +251,13 @@
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.czrOptions = this.ruleForm.qlrList;
}
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
this.$endLoading();
});
},
......@@ -252,13 +265,13 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: false,
disabled: true,
czrOptions: [],
czr:"",
czr: "",
ruleForm: {
slywxx: {},
qlxx: {},
......@@ -276,7 +289,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -285,18 +298,27 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
......@@ -328,7 +350,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -378,23 +401,23 @@
* @description: compare
* @author: renchao
*/
compare () {
compare() {
console.log("this.ruleForm", this.ruleForm);
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'JSYDSYQ',
dqqllx: "JSYDSYQ",
},
"80%",
true
)
}
}
}
);
},
},
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<!--
* @Description: 房屋多幢受理信息
* @Autor: ssq
* @LastEditTime: 2023-08-23 16:04:19
* @LastEditTime: 2023-08-24 15:32:46
-->
<template>
<div class="slxx">
......@@ -11,7 +11,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px">
label-width="140px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -92,7 +93,8 @@
v-for="item in dictData['A45']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -121,7 +123,8 @@
v-for="item in dictData['A26']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -133,7 +136,8 @@
v-for="item in dictData['A52']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -164,7 +168,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="附记:">
<el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input>
<el-input
v-model="ruleForm.lq.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -175,7 +184,8 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -185,7 +195,8 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs">
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -197,7 +208,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -205,17 +218,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<el-option
v-for="(item,index) in czrOptions"
v-for="(item, index) in czrOptions"
:key="index"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -225,7 +241,8 @@
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
<div class="slxx_title title-block">
......@@ -236,7 +253,8 @@
v-if="ruleForm.qlxx"
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
</div>
<div class="slxx_title title-block">
登记原因
......@@ -248,9 +266,11 @@
<el-input
class="textArea"
type="textarea"
maxlength="500" show-word-limit
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.lq.djyy">
v-model="ruleForm.lq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -265,14 +285,14 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/lqFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/lqFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -287,22 +307,22 @@
};
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc
this.czr = item.sqrmc;
}
})
});
//初始化发证方式,1:小证,2:大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
: this.ruleForm.slsq.fzfs;
this.czrOptions = this.ruleForm.qlrList;
}
})
});
},
components: { qlrCommonTable, tdytTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
disabled: true,
tdytOption: [],
......@@ -340,15 +360,24 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
......@@ -358,15 +387,15 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -390,7 +419,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -437,55 +467,55 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -494,23 +524,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>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -100,8 +107,19 @@
</el-col>
<el-col :span="8">
<el-form-item label="土地所有权性质:">
<el-select v-model="ruleForm.nydsyq.tdsyqxzmc" :disabled="!viewEdit" class="width100" filterable clearable>
<el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname">
<el-select
v-model="ruleForm.nydsyq.tdsyqxzmc"
:disabled="!viewEdit"
class="width100"
filterable
clearable
>
<el-option
v-for="item in dictData['A45']"
:key="item.dname"
:label="item.dname"
:value="item.dname"
>
</el-option>
</el-select>
</el-form-item>
......@@ -122,50 +140,102 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="水域滩涂类型:">
<el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx">
<el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="ruleForm.nydsyq.syttlx"
:disabled="!viewEdit"
class="width100"
filterable
clearable
@change="changeSyttlx"
>
<el-option
v-for="item in dictData['A23']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="养殖业方式:">
<el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs">
<el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="ruleForm.nydsyq.yzyfs"
:disabled="!viewEdit"
class="width100"
filterable
clearable
@change="changeYzyfs"
>
<el-option
v-for="item in dictData['A24']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="草原质量:">
<el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.nydsyq.cyzl"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="适宜载畜量:">
<el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-input
v-model="ruleForm.nydsyq.syzcl"
:disabled="!viewEdit"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用地用海分类:">
<el-select v-model="ruleForm.nydsyq.ydyhfl" class="width100" :disabled="!viewEdit" filterable clearable @change="changeYdyhfl">
<el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="ruleForm.nydsyq.ydyhfl"
class="width100"
:disabled="!viewEdit"
filterable
clearable
@change="changeYdyhfl"
>
<el-option
v-for="item in dictData['A51']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地承包合同:">
<el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.nydsyq.tdcbht"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input>
<el-input
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.nydsyq.fj"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -176,7 +246,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group v-model="ruleForm.sldy.gyfs" :disabled="!viewEdit">
<el-radio-group
v-model="ruleForm.sldy.gyfs"
:disabled="!viewEdit"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -188,7 +261,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -196,29 +271,41 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
家庭成员
<div class="triangle"></div>
</div>
<JtcyTable :tableData="ruleForm.jtcyList" @upDateJtcyList="upDateJtcyList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" />
<JtcyTable
:tableData="ruleForm.jtcyList"
@upDateJtcyList="upDateJtcyList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -226,8 +313,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.nydsyq.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.nydsyq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -242,15 +335,15 @@
</div>
</template>
<script>
import { mapGetters } from "vuex"
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import JtcyTable from "@/views/workflow/components/JtcyTable"
export default {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import JtcyTable from "@/views/workflow/components/JtcyTable";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.$startLoading();
var formdata = new FormData();
......@@ -259,49 +352,44 @@
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.ruleForm.czr = item.zjh
}
})
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
this.$endLoading();
})
});
},
components: { qlrCommonTable, JtcyTable },
computed: {
...mapGetters(["dictData", "flag"])
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
disabled: true,
//持证人选项
czrOptions: [],
czr:"",
czr: "",
ruleForm: {
zdjbxx: {
ghytmc: ''
}
ghytmc: "",
},
},
//传递参数
propsParam: {},
//表单是否可操作
viewEdit: true,
rules: {}
}
rules: {},
};
},
methods: {
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -325,7 +413,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -362,7 +451,7 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......@@ -377,28 +466,47 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val)
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: upDateJtcyList
* @param {*} val
* @author: renchao
*/
upDateJtcyList (val) {
this.ruleForm.jtcyList = _.cloneDeep(val)
upDateJtcyList(val) {
this.ruleForm.jtcyList = _.cloneDeep(val);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 水域滩涂类型变化事件
* @param {*} e
* @author: renchao
*/
changeSyttlx (e) {
let itemLx = {}
itemLx = this.dictData['A23'].find((item) => {
return item.dcode == e
})
changeSyttlx(e) {
let itemLx = {};
itemLx = this.dictData["A23"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
},
/**
......@@ -406,11 +514,11 @@
* @param {*} e
* @author: renchao
*/
changeYzyfs (e) {
let itemLx = {}
itemLx = this.dictData['A24'].find((item) => {
return item.dcode == e
})
changeYzyfs(e) {
let itemLx = {};
itemLx = this.dictData["A24"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
},
/**
......@@ -418,17 +526,17 @@
* @param {*} e
* @author: renchao
*/
changeYdyhfl (e) {
let itemLx = {}
itemLx = this.dictData['A51'].find((item) => {
return item.dcode == e
})
changeYdyhfl(e) {
let itemLx = {};
itemLx = this.dictData["A51"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
}
}
}
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -90,18 +97,35 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="发包方名称:">
<el-input v-model="ruleForm.nydsyq.fbfmc" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.nydsyq.fbfmc"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="发包方代码:">
<el-input v-model="ruleForm.nydsyq.fbfdm" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.nydsyq.fbfdm"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地所有权性质:">
<el-select v-model="ruleForm.nydsyq.tdsyqxzmc" class="width100" :disabled="!viewEdit" filterable clearable>
<el-option v-for="item in dictData['A45']" :key="item.dname" :label="item.dname" :value="item.dname">
<el-select
v-model="ruleForm.nydsyq.tdsyqxzmc"
class="width100"
:disabled="!viewEdit"
filterable
clearable
>
<el-option
v-for="item in dictData['A45']"
:key="item.dname"
:label="item.dname"
:value="item.dname"
>
</el-option>
</el-select>
</el-form-item>
......@@ -122,50 +146,102 @@
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="水域滩涂类型:">
<el-select v-model="ruleForm.nydsyq.syttlx" :disabled="!viewEdit" class="width100" filterable clearable @change="changeSyttlx">
<el-option v-for="item in dictData['A23']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="ruleForm.nydsyq.syttlx"
:disabled="!viewEdit"
class="width100"
filterable
clearable
@change="changeSyttlx"
>
<el-option
v-for="item in dictData['A23']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="养殖业方式:">
<el-select v-model="ruleForm.nydsyq.yzyfs" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYzyfs">
<el-option v-for="item in dictData['A24']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="ruleForm.nydsyq.yzyfs"
:disabled="!viewEdit"
class="width100"
filterable
clearable
@change="changeYzyfs"
>
<el-option
v-for="item in dictData['A24']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="草原质量:">
<el-input v-model="ruleForm.nydsyq.cyzl" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.nydsyq.cyzl"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="适宜载畜量:">
<el-input v-model="ruleForm.nydsyq.syzcl" :disabled="!viewEdit" oninput="value=value.replace(/[^\d.]/g,'')"></el-input>
<el-input
v-model="ruleForm.nydsyq.syzcl"
:disabled="!viewEdit"
oninput="value=value.replace(/[^\d.]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用地用海分类:">
<el-select v-model="ruleForm.nydsyq.ydyhfl" :disabled="!viewEdit" class="width100" filterable clearable @change="changeYdyhfl">
<el-option v-for="item in dictData['A51']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-select
v-model="ruleForm.nydsyq.ydyhfl"
:disabled="!viewEdit"
class="width100"
filterable
clearable
@change="changeYdyhfl"
>
<el-option
v-for="item in dictData['A51']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="土地承包合同:">
<el-input v-model="ruleForm.nydsyq.tdcbht" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.nydsyq.tdcbht"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.nydsyq.fj" :disabled="!viewEdit"></el-input>
<el-input
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.nydsyq.fj"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -176,7 +252,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -188,7 +267,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -196,34 +277,50 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" />
<qlrCommonTable
:tableData="ruleForm.ywrList"
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
/>
<div class="slxx_title title-block">
家庭成员
<div class="triangle"></div>
</div>
<JtcyTable :tableData="ruleForm.jtcyList" :disabled="!viewEdit" @upDateJtcyList="upDateJtcyList" :gyfs="ruleForm.slywxx.gyfs" />
<JtcyTable
:tableData="ruleForm.jtcyList"
:disabled="!viewEdit"
@upDateJtcyList="upDateJtcyList"
:gyfs="ruleForm.slywxx.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -231,8 +328,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.nydsyq.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.nydsyq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -247,15 +350,15 @@
</div>
</template>
<script>
import { mapGetters } from "vuex"
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable"
import JtcyTable from "@/views/workflow/components/JtcyTable"
export default {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { Init, saveData } from "@/api/workflow/nydsyqFlow.js";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import JtcyTable from "@/views/workflow/components/JtcyTable";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
......@@ -264,45 +367,39 @@
formdata.append("isEdit", this.viewEdit);
Init(formdata).then((res) => {
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.ruleForm.czr = item.zjh
}
})
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
this.$endLoading();
})
});
},
components: { qlrCommonTable, JtcyTable },
computed: {
...mapGetters(["dictData", "flag"])
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
czrOptions: [],
czr:"",
czr: "",
ruleForm: {},
//传递参数
propsParam: {},
rules: {}
}
rules: {},
};
},
methods: {
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -326,7 +423,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -363,31 +461,40 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
message: res.message,
type: "error"
})
type: "error",
});
}
})
});
},
/**
* @description: 权利人更新
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
this.ruleForm.qlrList = _.cloneDeep(val)
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
//家庭成员更新
......@@ -396,8 +503,8 @@
* @param {*} val
* @author: renchao
*/
upDateJtcyList (val) {
this.ruleForm.jtcyList = _.cloneDeep(val)
upDateJtcyList(val) {
this.ruleForm.jtcyList = _.cloneDeep(val);
},
//水域滩涂类型变化事件
/**
......@@ -405,11 +512,11 @@
* @param {*} e
* @author: renchao
*/
changeSyttlx (e) {
let itemLx = {}
itemLx = this.dictData['A23'].find((item) => {
return item.dcode == e
})
changeSyttlx(e) {
let itemLx = {};
itemLx = this.dictData["A23"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.syttlxmc = itemLx.dname;
},
//养殖业方式变化事件
......@@ -418,11 +525,11 @@
* @param {*} e
* @author: renchao
*/
changeYzyfs (e) {
let itemLx = {}
itemLx = this.dictData['A24'].find((item) => {
return item.dcode == e
})
changeYzyfs(e) {
let itemLx = {};
itemLx = this.dictData["A24"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.yzyfsmc = itemLx.dname;
},
//用地用海变化事件
......@@ -431,17 +538,17 @@
* @param {*} e
* @author: renchao
*/
changeYdyhfl (e) {
let itemLx = {}
itemLx = this.dictData['A51'].find((item) => {
return item.dcode == e
})
changeYdyhfl(e) {
let itemLx = {};
itemLx = this.dictData["A51"].find((item) => {
return item.dcode == e;
});
this.ruleForm.nydsyq.ydyhflmc = itemLx.dname;
},
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
......@@ -11,7 +11,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px">
label-width="140px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -92,7 +93,8 @@
v-for="item in dictData['A45']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -121,7 +123,8 @@
v-for="item in dictData['A26']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -133,7 +136,8 @@
v-for="item in dictData['A52']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode">
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -164,7 +168,12 @@
</el-col>
<el-col :span="8">
<el-form-item label="附记:">
<el-input v-model="ruleForm.lq.fj" type="textarea" maxlength="500" show-word-limit></el-input>
<el-input
v-model="ruleForm.lq.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -175,7 +184,8 @@
<tdytTable
:ableOperation="viewEdit"
:tableData="ruleForm.tdytqxList"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -185,7 +195,8 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs">
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -197,7 +208,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -205,17 +218,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<el-option
v-for="(item,index) in czrOptions"
v-for="(item, index) in czrOptions"
:key="index"
:label="item.sqrmc"
:value="item.zjh">
:value="item.zjh"
>
</el-option>
</el-select>
</el-form-item>
......@@ -225,7 +241,8 @@
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.slsq.djlx == '200'">
<div class="slxx_title title-block">
......@@ -236,7 +253,8 @@
v-if="ruleForm.qlxx"
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
</div>
<div class="slxx_title title-block">
登记原因
......@@ -248,9 +266,11 @@
<el-input
class="textArea"
type="textarea"
maxlength="500" show-word-limit
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.lq.djyy">
v-model="ruleForm.lq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -265,14 +285,14 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/sllmFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import tdytTable from "@/views/workflow/components/tdytTable";
import { Init, saveData } from "@/api/workflow/sllmFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -286,10 +306,10 @@
...res.result.qlxxdatas,
};
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
//初始化发证方式,1:小证,2:大正
this.ruleForm.slsq.fzfs == null
? (this.ruleForm.slsq.fzfs = "1")
......@@ -302,12 +322,12 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
disabled: true,
tdytOption: [],
czrOptions: [],
czr:"",
czr: "",
ruleForm: {
flow: {
ywh: "",
......@@ -340,7 +360,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
},
/**
......@@ -348,25 +368,34 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新业务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -390,7 +419,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -437,55 +467,55 @@
});
},
},
};
};
</script>
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -494,23 +524,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>
......
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-23 16:04:31
* @LastEditTime: 2023-08-24 15:33:20
-->
<template>
<!-- 受理信息 -->
......@@ -13,7 +13,8 @@
ref="ruleForm"
: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">
受理信息
......@@ -93,16 +94,19 @@
<el-input
v-model="ruleForm.tdsyq.nydmj"
:disabled="!viewEdit"
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="mjdw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -114,16 +118,19 @@
<el-input
v-model="ruleForm.tdsyq.gdmj"
:disabled="!viewEdit"
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="mjdw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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,16 +142,19 @@
<el-input
v-model="ruleForm.tdsyq.ldmj"
:disabled="!viewEdit"
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="mjdw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -158,16 +168,19 @@
<el-input
v-model="ruleForm.tdsyq.cdmj"
:disabled="!viewEdit"
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="mjdw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -179,16 +192,19 @@
<el-input
v-model="ruleForm.tdsyq.qtnydmj"
:disabled="!viewEdit"
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="mjdw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -200,16 +216,19 @@
<el-input
v-model="ruleForm.tdsyq.jsydmj"
:disabled="!viewEdit"
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="mjdw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -223,16 +242,19 @@
<el-input
v-model="ruleForm.tdsyq.wlydmj"
:disabled="!viewEdit"
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="mjdw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -246,7 +268,8 @@
<tdytTable
:tableData="ruleForm.tdytqxList"
:ableOperation="viewEdit"
@upDateTdytxxList="upDateTdytxxList" />
@upDateTdytxxList="upDateTdytxxList"
/>
<div class="slxx_title title-block">
权利人信息
<div class="triangle"></div>
......@@ -256,7 +279,8 @@
<el-form-item label="共有方式:">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs">
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -268,7 +292,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -276,17 +302,20 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
......@@ -297,7 +326,8 @@
:disabled="viewEdit"
@upDateQlrxxList="upDateQlrxxList"
:key="key"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
<div v-if="ruleForm.ywrList && ruleForm.ywrList.length > 0">
<div class="slxx_title title-block">
......@@ -309,7 +339,8 @@
:disabled="viewEdit"
:tableData="ruleForm.ywrList"
:key="key"
@upDateQlrxxList="upDateYwrxxList" />
@upDateQlrxxList="upDateYwrxxList"
/>
</div>
<div class="slxx_title title-block">
......@@ -321,10 +352,12 @@
<el-form-item label="登记原因:" prop="djyy">
<el-input
class="textArea"
maxlength="500" show-word-limit
maxlength="500"
show-word-limit
type="textarea"
:disabled="!viewEdit"
v-model="ruleForm.tdsyq.djyy">
v-model="ruleForm.tdsyq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -339,15 +372,15 @@
</div>
</template>
<script>
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index"
import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
export default {
import { mapGetters } from "vuex";
import ywmix from "@/views/ywbl/mixin/index";
import { Init, saveData } from "@/api/workflow/tdsyqFlow.js";
import tdytTable from "@/views/workflow/components/tdytTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
export default {
mixins: [ywmix],
components: { qlrCommonTable, tdytTable },
mounted () {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -359,20 +392,15 @@
Init(formdata).then((res) => {
this.$nextTick(() => {
that.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.czrOptions = this.ruleForm.qlrList;
that.$endLoading();
that.isShow = true;
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc
this.czr = item.sqrmc;
}
})
});
});
});
},
......@@ -380,7 +408,7 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
mjdw: "1",
value2: {
......@@ -412,7 +440,7 @@
* @param {*} val
* @author: renchao
*/
upDateTdytxxList (val) {
upDateTdytxxList(val) {
this.ruleForm.tdytqxList && (this.ruleForm.tdytqxList = _.cloneDeep(val));
this.key++;
},
......@@ -421,7 +449,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList && (this.ruleForm.qlrList = _.cloneDeep(val));
this.czrOptions = this.ruleForm.qlrList;
this.key++;
......@@ -432,17 +460,26 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList && (this.ruleForm.ywrList = _.cloneDeep(val));
this.key++;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
let arr = this.ruleForm.tdytqxList.filter(item => !item.yt)
onSubmit() {
let that = this;
let arr = this.ruleForm.tdytqxList.filter((item) => !item.yt);
if (arr.length > 0) {
this.$message({
showClose: true,
......@@ -474,7 +511,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -525,9 +563,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>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -81,7 +88,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>
......@@ -95,7 +103,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>
......@@ -107,7 +116,10 @@
</el-col>
<el-col :span="8">
<el-form-item label="总层数:">
<el-input v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
<el-input
v-model.number="ruleForm.ygdj.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -119,7 +131,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>
......@@ -128,17 +141,18 @@
<el-col :span="8">
<el-form-item label="建筑面积:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.jzmj" :disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"></el-input>
<el-select
disabled
v-model="mjdw"
style="width: 68px">
<el-input
v-model="ruleForm.ygdj.jzmj"
:disabled="!viewEdit"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select disabled v-model="mjdw" style="width: 68px">
<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>
......@@ -147,16 +161,24 @@
<el-col :span="8">
<el-form-item label="取得价格:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg"></el-input>
<!-- <el-input maxlength="11" v-model="ruleForm.ygdj.qdjg"></el-input> -->
<el-input
maxlength="11"
v-model="ruleForm.ygdj.qdjg"
style="width: 500%"
oninput="value = (value.match(/^\d*(\.?\d{0,2})/g)[0]) || null"
></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!viewEdit"
style="width: 68px">
style="width: 68px"
>
<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>
......@@ -166,7 +188,12 @@
<el-row :gutter="10">
<el-col :span="24">
<el-form-item label="附记:">
<el-input v-model="ruleForm.ygdj.fj" type="textarea" maxlength="500" show-word-limit></el-input>
<el-input
v-model="ruleForm.ygdj.fj"
type="textarea"
maxlength="500"
show-word-limit
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -177,7 +204,10 @@
<el-row :gutter="10">
<el-col :span="12" v-if="ruleForm.qlxx">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -189,7 +219,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -197,30 +229,41 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:tableData="ruleForm.qlrList"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" :tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
:tableData="ruleForm.ywrList"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -228,8 +271,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -244,43 +293,38 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
created() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
this.$startLoading();
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
Init(formdata).then(res => {
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.czrOptions = this.ruleForm.qlrList;
this.$endLoading();
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
}
})
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
mjdw: "1",
//表单是否可操作
......@@ -288,13 +332,13 @@
disabled: true,
tdytOption: [],
czrOptions: [],
czr:"",
czr: "",
ruleForm: {
qlxx: {}
, sldy: {}
, slsq: {}
, ygdj: {}
, zdjbxx: {}
qlxx: {},
sldy: {},
slsq: {},
ygdj: {},
zdjbxx: {},
},
//传递参数
propsParam: this.$attrs,
......@@ -307,24 +351,33 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList
this.czrOptions = this.ruleForm.qlrList;
},
/**
* @description: 更新业务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -348,7 +401,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -384,7 +438,7 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......@@ -395,55 +449,55 @@
});
},
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -452,23 +506,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>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="120px">
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -44,7 +51,8 @@
</el-row>
<div
class="slxx_title title-block flex"
style="justify-content: space-between">
style="justify-content: space-between"
>
不动产单元情况
<el-button @click="compare">变化情况对比+</el-button>
</div>
......@@ -102,7 +110,11 @@
</el-col>
<el-col :span="8">
<el-form-item label="总层数:">
<el-input disabled v-model.number="ruleForm.ygdj.zcs" oninput="value=value.replace(/[^0-9]/g,'')"></el-input>
<el-input
disabled
v-model.number="ruleForm.ygdj.zcs"
oninput="value=value.replace(/[^0-9]/g,'')"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -113,7 +125,10 @@
<el-row :gutter="10">
<el-col :span="12" v-if="ruleForm.qlxx">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -125,7 +140,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -133,30 +150,41 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable @upDateQlrxxList="upDateQlrxxList" :tableData="ruleForm.qlrList" :disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
</div>
<qlrCommonTable @upDateQlrxxList="upDateYwrxxList" :tableData="ruleForm.ywrList" :disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -164,8 +192,14 @@
<el-row :gutter="10">
<el-col>
<el-form-item label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -180,14 +214,14 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index"
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdjFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
......@@ -198,17 +232,12 @@
if (res.code === 200 && res.result) {
this.$endLoading();
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
}
});
},
......@@ -216,14 +245,14 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
tdytOption: [],
czrOptions: [],
czr:"",
czr: "",
ruleForm: {},
//传递参数
propsParam: this.$attrs,
......@@ -235,13 +264,12 @@
* @description: onClick
* @author: renchao
*/
onClick () {
this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai",
{
onClick() {
this.$popup("房屋信息比对", "ywbl/ygdj/slxxCompareDetai", {
formData: {
bsmSldy: this.propsParam.bsmSldy,
qllx: this.propsParam.qllx
}
qllx: this.propsParam.qllx,
},
});
},
/**
......@@ -249,16 +277,25 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: 更新业务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
......@@ -266,8 +303,8 @@
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -291,7 +328,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -327,7 +365,7 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......@@ -341,68 +379,68 @@
* @description: compare
* @author: renchao
*/
compare () {
compare() {
this.$popupDialog(
this.ruleForm.qlxx.qllxmc,
"registerBook/comparison",
{
bsmQlxx: this.ruleForm.qlxx.bsmQlxx,
dqqllx: 'YGDJ',
dqqllx: "YGDJ",
},
"80%",
true
);
},
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
/deep/.el-form {
/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;
......@@ -411,23 +449,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>
......
......@@ -8,7 +8,8 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px">
label-width="120px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -134,31 +135,48 @@
<el-form-item label="是否存在禁止或限制:">
<el-input
v-model="ruleForm.ygdj.sfczjzhxz"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="被担保主债权数额:">
<div class="flex">
<el-input v-model="ruleForm.ygdj.qdjg" :disabled="!viewEdit"></el-input>
<el-select v-model="ruleForm.ygdj.jedw" :disabled="!viewEdit" style="width: 68px">
<el-input
v-model="ruleForm.ygdj.qdjg"
:disabled="!viewEdit"
></el-input>
<el-select
v-model="ruleForm.ygdj.jedw"
:disabled="!viewEdit"
style="width: 68px"
>
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"></el-option>
:value="item.dcode"
></el-option>
</el-select>
</div>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行起始时间:">
<el-date-picker v-model="ruleForm.ygdj.zwlxqssj" :disabled="!viewEdit" type="date"></el-date-picker>
<el-date-picker
v-model="ruleForm.ygdj.zwlxqssj"
:disabled="!viewEdit"
type="date"
></el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间:">
<el-date-picker v-model="ruleForm.ygdj.zwlxjssj" :disabled="!viewEdit" type="date"></el-date-picker>
<el-date-picker
v-model="ruleForm.ygdj.zwlxjssj"
:disabled="!viewEdit"
type="date"
></el-date-picker>
</el-form-item>
</el-col>
</el-row>
......@@ -167,14 +185,21 @@
<el-form-item label="担保范围:">
<el-input
v-model="ruleForm.ygdj.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.ygdj.fj" :disabled="!viewEdit"></el-input>
<el-input
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.ygdj.fj"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -185,7 +210,10 @@
<el-row :gutter="10">
<el-col :span="12">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -195,20 +223,32 @@
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldy.sqfbcz" :disabled="!viewEdit">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="6" v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
<el-option
v-for="item in czrOptions"
:key="item.zjh"
:label="item.sqrmc"
:value="item.zjh"></el-option>
:value="item.zjh"
></el-option>
</el-select>
</el-form-item>
</el-col>
......@@ -217,7 +257,8 @@
@upDateQlrxxList="upDateQlrxxList"
:tableData="ruleForm.qlrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
义务人信息
<div class="triangle"></div>
......@@ -226,7 +267,8 @@
@upDateQlrxxList="upDateYwrxxList"
:tableData="ruleForm.ywrList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs" />
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
......@@ -240,7 +282,8 @@
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.ygdj.djyy"></el-input>
v-model="ruleForm.ygdj.djyy"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -254,13 +297,13 @@
</div>
</template>
<script>
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
import ywmix from "@/views/ywbl/mixin/index";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/ygdyFlow.js";
import { mapGetters } from "vuex";
export default {
mixins: [ywmix],
created () {
created() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -273,17 +316,12 @@
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
setTimeout(() => {
that.loading = false;
}, 300);
......@@ -294,7 +332,7 @@
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: true,
......@@ -302,7 +340,7 @@
disabled: true,
tdytOption: [],
czrOptions: [],
czr:"",
czr: "",
ruleForm: {},
//传递参数
propsParam: this.$attrs,
......@@ -315,7 +353,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
},
......@@ -324,15 +362,24 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
this.ruleForm.ywrList = _.cloneDeep(val);
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit () {
let that = this
onSubmit() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -356,7 +403,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -403,9 +451,9 @@
});
},
},
};
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form class="loadingtext" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="140px">
<el-form
class="loadingtext"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -28,12 +32,18 @@
<el-row :gutter="10" v-if="ruleForm.sldyList">
<el-col :span="8">
<el-form-item label="权利类型:">
<el-input disabled v-model="ruleForm.sldyList[0].qllxmc"></el-input>
<el-input
disabled
v-model="ruleForm.sldyList[0].qllxmc"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型:">
<el-input disabled v-model="ruleForm.sldyList[0].djlxmc"></el-input>
<el-input
disabled
v-model="ruleForm.sldyList[0].djlxmc"
></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -42,8 +52,11 @@
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block" v-if="ruleForm.hlist && ruleForm.hlist.length>0">
抵押户信息列表信息({{ruleForm.hlist.length}} 户)
<div
class="slxx_title title-block"
v-if="ruleForm.hlist && ruleForm.hlist.length > 0"
>
抵押户信息列表信息({{ ruleForm.hlist.length }} 户)
<div class="triangle"></div>
</div>
<qjhTable :tableData="ruleForm.hlist" />
......@@ -51,7 +64,10 @@
抵押信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-row
:gutter="10"
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
>
<el-col :span="8">
<el-form-item label="抵押方式:">
<el-radio-group disabled v-model="ruleForm.diyaqList[0].dyfs">
......@@ -62,15 +78,24 @@
</el-col>
<el-col :span="8">
<el-form-item label="抵押金额类型:">
<el-radio-group v-model="ruleForm.diyaqList[0].dyjelx" :disabled="!viewEdit">
<el-radio-group
v-model="ruleForm.diyaqList[0].dyjelx"
:disabled="!viewEdit"
>
<el-radio label="0">独立抵押</el-radio>
<el-radio label="1">整体抵押</el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px">
<el-radio-group v-model="ruleForm.diyaqList[0].sfczjzhxz" :disabled="!viewEdit">
<el-form-item
label="是否存在禁止或者限制转让抵押不动产的约定:"
label-width="350px"
>
<el-radio-group
v-model="ruleForm.diyaqList[0].sfczjzhxz"
:disabled="!viewEdit"
>
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
......@@ -78,12 +103,26 @@
</el-col>
</el-row>
<el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-row
:gutter="10"
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
>
<el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 1">
<el-form-item label="被担保主债权数额:">
<el-input v-model="ruleForm.diyaqList[0].bdbzzqse" :disabled="!viewEdit"></el-input>
<el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-input
v-model="ruleForm.diyaqList[0].bdbzzqse"
:disabled="!viewEdit"
></el-input>
<el-select
v-model="ruleForm.diyaqList[0].jedw"
:disabled="!viewEdit"
>
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -91,9 +130,20 @@
<el-col :span="8" v-show="ruleForm.diyaqList[0].dyfs == 2">
<el-form-item label="最高债权额:">
<el-input v-model="ruleForm.diyaqList[0].zgzqse" :disabled="!viewEdit"></el-input>
<el-select v-model="ruleForm.diyaqList[0].jedw" :disabled="!viewEdit">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-input
v-model="ruleForm.diyaqList[0].zgzqse"
:disabled="!viewEdit"
></el-input>
<el-select
v-model="ruleForm.diyaqList[0].jedw"
:disabled="!viewEdit"
>
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -101,37 +151,56 @@
<el-col :span="8">
<el-form-item label="债务履行起始时间:">
<el-date-picker v-model="ruleForm.diyaqList[0].zwlxqssj" :disabled="!viewEdit" type="date">
<el-date-picker
v-model="ruleForm.diyaqList[0].zwlxqssj"
:disabled="!viewEdit"
type="date"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间:">
<el-date-picker v-model="ruleForm.diyaqList[0].zwlxjssj" :disabled="!viewEdit" type="date">
<el-date-picker
v-model="ruleForm.diyaqList[0].zwlxjssj"
:disabled="!viewEdit"
type="date"
>
</el-date-picker>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
<el-col :span="24">
<el-form-item label="担保范围:">
<el-input v-model="ruleForm.diyaqList[0].dbfw"
:disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"></el-input>
<el-input
v-model="ruleForm.diyaqList[0].dbfw"
:disabled="ruleForm.sldyList[0].djlx == '300' && !viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
<el-col :span="24">
<el-form-item label="最高债权确定事实和数额:">
<el-input v-model="ruleForm.diyaqList[0].zgzqqdss" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.diyaqList[0].zgzqqdss"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-row v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0">
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaqList[0].fj" :disabled="!viewEdit"></el-input>
<el-input
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.diyaqList[0].fj"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -140,10 +209,16 @@
抵押权人信息
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.sldyList && ruleForm.sldyList.length>0">
<el-row
:gutter="10"
v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
>
<el-col :span="14">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldyList[0].gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldyList[0].gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -154,43 +229,88 @@
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'">
<el-form-item label="是否分别持证:">
<el-radio-group v-model="ruleForm.sldyList[0].sqfbcz" :disabled="!viewEdit">
<el-radio-group
v-model="ruleForm.sldyList[0].sqfbcz"
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio label="1"></el-radio>
<el-radio label="0"></el-radio>
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="5" v-show="ruleForm.sldyList[0].gyfs != '0'&&ruleForm.sldyList[0].sqfbcz == '0' ">
<el-col
:span="5"
v-show="
ruleForm.sldyList[0].gyfs != '0' &&
ruleForm.sldyList[0].sqfbcz == '0'
"
>
<el-form-item label="持证人:">
<el-select v-model="czr" placeholder="持证人" :disabled="!viewEdit">
<el-option v-for="item in czrOptions" :key="item.value" :label="item.label" :value="item.value">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit"
>
<el-option
v-for="item in czrOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
</el-form-item>
</el-col>
</el-row>
<qlrCommonTable v-if="ruleForm.sldyList && ruleForm.sldyList.length>0" :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit" :gyfs="ruleForm.sldyList[0].gyfs" />
<qlrCommonTable
v-if="ruleForm.sldyList && ruleForm.sldyList.length > 0"
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:gyfs="ruleForm.sldyList[0].gyfs"
/>
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
</div>
<qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" />
<qlrCommonTable
:tableData="ruleForm.ywrList"
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
/>
<div class="slxx_title title-block">
登记原因
<div class="triangle"></div>
</div>
<el-row :gutter="10" v-if="ruleForm.diyaqList && ruleForm.diyaqList.length>0">
<el-row
:gutter="10"
v-if="ruleForm.diyaqList && ruleForm.diyaqList.length > 0"
>
<el-col>
<el-form-item v-if="ruleForm.sldyList[0].djlx == '400'" label="注销抵押原因:" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="!viewEdit"
v-model="ruleForm.diyaqList[0].zxdyyy">
<el-form-item
v-if="ruleForm.sldyList[0].djlx == '400'"
label="注销抵押原因:"
prop="djyy"
>
<el-input
class="textArea"
type="textarea"
:disabled="!viewEdit"
v-model="ruleForm.diyaqList[0].zxdyyy"
>
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit"
v-model="ruleForm.diyaqList[0].djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.diyaqList[0].djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -205,13 +325,13 @@
</div>
</template>
<script>
import qjhTable from "@/views/workflow/components/qjhTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
import qjhTable from "@/views/workflow/components/qjhTable";
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { bacthInit, saveBatchData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
......@@ -226,19 +346,19 @@
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if (item.sfczr == 1) {
this.czr = item.sqrmc
this.czr = item.sqrmc;
}
})
});
} else {
this.$message.error(res.message);
}
})
});
},
components: { qlrCommonTable, qjhTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: true,
......@@ -249,7 +369,7 @@
//传递参数
propsParam: {},
rules: {},
tableData: []
tableData: [],
};
},
methods: {
......@@ -257,8 +377,8 @@
* @description: onSubmitClick
* @author: renchao
*/
onSubmitClick () {
let that = this
onSubmitClick() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -281,7 +401,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -317,7 +438,7 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......@@ -327,6 +448,15 @@
}
});
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
// 更新权利人信息
/**
......@@ -334,7 +464,7 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList;
......@@ -346,15 +476,15 @@
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
}
}
}
};
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......
<template>
<!-- 受理信息 -->
<div class="slxx">
<el-form :model="ruleForm" :rules="rules" class="loadingtext" ref="ruleForm" :label-position="flag ? 'top' : ''"
:inline="flag" label-width="140px">
<el-form
:model="ruleForm"
:rules="rules"
class="loadingtext"
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="140px"
>
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
受理信息
......@@ -56,7 +63,8 @@
placeholder=""
:normalizer="normalizer"
:show-count="true"
:options="dictData['A17']" />
:options="dictData['A17']"
/>
</el-form-item>
</el-col>
<el-col :span="8">
......@@ -121,8 +129,14 @@
</el-form-item>
</el-col>
<el-col :span="16">
<el-form-item label="是否存在禁止或者限制转让抵押不动产的约定:" label-width="350px">
<el-radio-group v-model="ruleForm.diyaq.sfczjzhxz" :disabled="!viewEdit">
<el-form-item
label="是否存在禁止或者限制转让抵押不动产的约定:"
label-width="350px"
>
<el-radio-group
v-model="ruleForm.diyaq.sfczjzhxz"
:disabled="!viewEdit"
>
<el-radio label="1">启用</el-radio>
<el-radio label="0">禁用</el-radio>
</el-radio-group>
......@@ -133,9 +147,17 @@
<el-row :gutter="10">
<el-col :span="8" v-show="ruleForm.diyaq.dyfs == 1">
<el-form-item label="被担保主债权数额:">
<el-input v-model="ruleForm.diyaq.bdbzzqse" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.diyaq.bdbzzqse"
:disabled="!viewEdit"
></el-input>
<el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -143,9 +165,17 @@
<el-col :span="8" v-show="ruleForm.diyaq.dyfs == 2">
<el-form-item label="最高债权额:">
<el-input v-model="ruleForm.diyaq.zgzqse" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.diyaq.zgzqse"
:disabled="!viewEdit"
></el-input>
<el-select v-model="ruleForm.diyaq.jedw" :disabled="!viewEdit">
<el-option v-for="item in dictData['A57']" :key="item.dcode" :label="item.dname" :value="item.dcode">
<el-option
v-for="item in dictData['A57']"
:key="item.dcode"
:label="item.dname"
:value="item.dcode"
>
</el-option>
</el-select>
</el-form-item>
......@@ -153,13 +183,21 @@
<el-col :span="8">
<el-form-item label="债务履行起始时间:">
<el-date-picker v-model="ruleForm.diyaq.zwlxqssj" :disabled="!viewEdit" type="date">
<el-date-picker
v-model="ruleForm.diyaq.zwlxqssj"
:disabled="!viewEdit"
type="date"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="债务履行结束时间:">
<el-date-picker v-model="ruleForm.diyaq.zwlxjssj" :disabled="!viewEdit" type="date">
<el-date-picker
v-model="ruleForm.diyaq.zwlxjssj"
:disabled="!viewEdit"
type="date"
>
</el-date-picker>
</el-form-item>
</el-col>
......@@ -168,22 +206,33 @@
<el-row>
<el-col :span="24">
<el-form-item label="担保范围:">
<el-input v-model="ruleForm.diyaq.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"></el-input>
<el-input
v-model="ruleForm.diyaq.dbfw"
:disabled="ruleForm.sldy.djlx == '300' && !viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<el-form-item label="最高债权确定事实和数额:">
<el-input v-model="ruleForm.diyaq.zgzqqdss" :disabled="!viewEdit"></el-input>
<el-input
v-model="ruleForm.diyaq.zgzqqdss"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col>
<el-form-item label="附记:" prop="fj">
<el-input type="textarea" maxlength="500" show-word-limit v-model="ruleForm.diyaq.fj" :disabled="!viewEdit"></el-input>
<el-input
type="textarea"
maxlength="500"
show-word-limit
v-model="ruleForm.diyaq.fj"
:disabled="!viewEdit"
></el-input>
</el-form-item>
</el-col>
</el-row>
......@@ -195,7 +244,10 @@
<el-row :gutter="10">
<el-col :span="14">
<el-form-item label="共有方式:">
<el-radio-group :disabled="!viewEdit" v-model="ruleForm.sldy.gyfs">
<el-radio-group
:disabled="!viewEdit"
v-model="ruleForm.sldy.gyfs"
>
<el-radio label="0">单独所有</el-radio>
<el-radio label="1">共同共有</el-radio>
<el-radio label="2">按份所有</el-radio>
......@@ -207,7 +259,9 @@
<el-form-item label="是否分别持证:">
<el-radio-group
v-model="ruleForm.sldy.sqfbcz"
:disabled="!viewEdit">
:disabled="!viewEdit"
@input="updaterow()"
>
<el-radio :label="1"></el-radio>
<el-radio :label="0"></el-radio>
</el-radio-group>
......@@ -215,28 +269,40 @@
</el-col>
<el-col
:span="6"
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'">
v-show="ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item label="持证人:">
<el-select
v-model="czr"
placeholder="持证人"
:disabled="!viewEdit">
:disabled="!viewEdit"
>
<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>
</el-col>
</el-row>
<qlrCommonTable :tableData="ruleForm.qlrList" @upDateQlrxxList="upDateQlrxxList" :disabled="viewEdit" :gyfs="ruleForm.sldy.gyfs" />
<qlrCommonTable
:tableData="ruleForm.qlrList"
@upDateQlrxxList="upDateQlrxxList"
:disabled="viewEdit"
:gyfs="ruleForm.sldy.gyfs"
/>
<div class="slxx_title title-block">
抵押人信息
<div class="triangle"></div>
</div>
<qlrCommonTable :tableData="ruleForm.ywrList" @upDateQlrxxList="upDateYwrxxList" :disabled="viewEdit" />
<qlrCommonTable
:tableData="ruleForm.ywrList"
@upDateQlrxxList="upDateYwrxxList"
:disabled="viewEdit"
/>
<div class="slxx_title title-block">
登记原因
......@@ -244,14 +310,28 @@
</div>
<el-row :gutter="10">
<el-col>
<el-form-item v-if="ruleForm.sldy.djlx == '400'" label="注销抵押原因:" prop="djyy">
<el-input class="textArea" type="textarea" :disabled="!viewEdit"
v-model="ruleForm.diyaq.zxdyyy">
<el-form-item
v-if="ruleForm.sldy.djlx == '400'"
label="注销抵押原因:"
prop="djyy"
>
<el-input
class="textArea"
type="textarea"
:disabled="!viewEdit"
v-model="ruleForm.diyaq.zxdyyy"
>
</el-input>
</el-form-item>
<el-form-item v-else label="登记原因:" prop="djyy">
<el-input class="textArea" type="textarea" maxlength="500" show-word-limit :disabled="!viewEdit "
v-model="ruleForm.diyaq.djyy">
<el-input
class="textArea"
type="textarea"
maxlength="500"
show-word-limit
:disabled="!viewEdit"
v-model="ruleForm.diyaq.djyy"
>
</el-input>
</el-form-item>
</el-col>
......@@ -266,12 +346,12 @@
</div>
</template>
<script>
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted () {
this.viewEdit = this.$parent.currentSelectTab.ableOperation
import qlrCommonTable from "@/views/workflow/components/qlrCommonTable";
import { Init, saveData } from "@/api/workflow/zjgcdyFlow.js";
import { mapGetters } from "vuex";
export default {
mounted() {
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
this.$startLoading();
......@@ -281,38 +361,33 @@
Init(formdata).then((res) => {
if (res.code === 200 && res.result) {
this.ruleForm = res.result;
this.ruleForm.qlrList.forEach((item, index) => {
if (item.sfczr == 1) {
this.$set(this.ruleForm, "czr", item.zjh)
}
})
this.czrOptions = this.ruleForm.qlrList;
this.ruleForm.qlrList.forEach((item) => {
if(item.sfczr==1){
this.czr=item.sqrmc
if (item.sfczr == 1) {
this.czr = item.sqrmc;
}
})
});
this.$endLoading();
}
})
});
},
components: { qlrCommonTable },
computed: {
...mapGetters(["dictData", "flag"]),
},
data () {
data() {
return {
//表单是否可操作
viewEdit: true,
disabled: true,
czrOptions: [],
czr:"",
czr: "",
ruleForm: {},
//传递参数
propsParam: {},
rules: {},
// 键名转换,方法默认是label和children进行树状渲染
normalizer (node) {
normalizer(node) {
//方法
if (node.children == null || node.children == "null") {
delete node.children;
......@@ -329,8 +404,8 @@
* @description: onSubmitClick
* @author: renchao
*/
onSubmitClick () {
let that = this
onSubmitClick() {
let that = this;
if (this.ruleForm.qlrList.length == 0) {
this.$message({
showClose: true,
......@@ -354,7 +429,8 @@
if (this.ruleForm.qlrList.length <= 1) {
this.$message({
showClose: true,
message: "共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
message:
"共有方式:共同所有,按份所有,其他所有,权利人必须是两个以上",
type: "error",
});
return false;
......@@ -390,7 +466,7 @@
message: "保存成功!",
type: "success",
});
this.$store.dispatch('user/refreshPage', true);
this.$store.dispatch("user/refreshPage", true);
} else {
this.$message({
showClose: true,
......@@ -406,27 +482,36 @@
* @param {*} val
* @author: renchao
*/
upDateQlrxxList (val) {
upDateQlrxxList(val) {
if (!_.isEqual(val, this.ruleForm.qlrList)) {
this.ruleForm.qlrList = _.cloneDeep(val);
this.czrOptions = this.ruleForm.qlrList
this.czrOptions = this.ruleForm.qlrList;
}
},
// 是否持证人变化
/**
* @description: 是否持证人变化
* @param {*} val
* @author: renchao
*/
updaterow() {
this.czr = "";
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList (val) {
upDateYwrxxList(val) {
if (!_.isEqual(val, this.ruleForm.ywrList)) {
this.ruleForm.ywrList = _.cloneDeep(val);
}
}
}
};
},
},
};
</script>
<style scoped lang='scss'>
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
<style scoped lang="scss">
@import "~@/styles/public.scss";
@import "~@/styles/slxx/slxx.scss";
</style>
......