Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
bdc
/
bdcdj-web
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
7f9095f1
authored
2023-08-04 11:00:13 +0800
by
renchao@pashanhoo.com
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
style:权利人信息
1 parent
4d37d9af
Hide whitespace changes
Inline
Side-by-side
Showing
10 changed files
with
2610 additions
and
2790 deletions
src/views/djbworkflow/djbBook/components/blxxtabs/dyaq.vue
src/views/djbworkflow/djbBook/components/blxxtabs/dyiq.vue
src/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue
src/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue
src/views/djbworkflow/djbBook/components/blxxtabs/tdsyq.vue
src/views/djbworkflow/djbBook/components/blxxtabs/ygdydj.vue
src/views/djbworkflow/djbBook/components/blxxtabs/ygmmdj.vue
src/views/djbworkflow/djbBook/components/blxxtabs/yydj.vue
src/views/ywbl/slsqxx/jsydsyq/slxx.vue
src/views/ywbl/slsqxx/tdsyq/slxx.vue
src/views/djbworkflow/djbBook/components/blxxtabs/dyaq.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 10:59:22
* @LastEditTime: 2023-08-0
4 10:59:01
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -16,8 +16,7 @@
:inline="flag"
label-width="169px"
inline-message
:show-message="false"
>
:show-message="false">
<div
class=
"slxx_con"
v-if=
"isShow"
:class=
"flag ? 'formMarginBot0' : ''"
>
<div
class=
"slxx_title title-block"
>
补录信息
...
...
@@ -49,25 +48,21 @@
<el-form-item
label=
"抵押不动产信息:"
prop=
"ztQlxx.bdcqzh"
:rules=
"rules.ztQlxxrules"
>
:rules=
"rules.ztQlxxrules"
>
<select-table
v-model=
"ruleForm.ztQlxx"
:table-width=
"550"
:tableData=
"ztQlxxList"
:props=
"props"
@
change=
"ztQlxxchange"
>
@
change=
"ztQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -80,25 +75,21 @@
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
:tableData=
"ssQlxxList"
:props=
"props"
@
change=
"ssQlxxchange"
>
@
change=
"ssQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -179,15 +170,13 @@
<el-form-item
label=
"登记类型:"
prop=
"qlxx.djlx"
:rules=
"rules.djlxrules"
>
:rules=
"rules.djlxrules"
>
<el-select
v-model=
"ruleForm.qlxx.djlx"
@
change=
"djlxchange"
>
<el-option
v-for=
"item in djlxlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
></el-option>
:value=
"item.dcode"
></el-option>
</el-select>
</el-form-item>
</el-col>
...
...
@@ -200,8 +189,7 @@
v-for=
"item in qsztlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
></el-option>
:value=
"item.dcode"
></el-option>
</el-select>
</el-form-item>
</el-col>
...
...
@@ -209,8 +197,7 @@
<el-form-item
label=
"业务号:"
prop=
"qlxx.ywh"
:rules=
"rules.ywhrules"
>
:rules=
"rules.ywhrules"
>
<el-input
v-model=
"ruleForm.qlxx.ywh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -243,15 +230,13 @@
<el-input
v-model=
"ruleForm.diyaq.zgzqse"
style=
"width: 500%"
oninput=
"value=value.replace(/[^\d.]/g,'')"
></el-input>
oninput=
"value=value.replace(/[^\d.]/g,'')"
></el-input>
<el-select
v-model=
"ruleForm.diyaq.jedw"
>
<el-option
v-for=
"item in dictData['A57']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
></el-option>
:value=
"item.dcode"
></el-option>
</el-select>
</div>
</el-form-item>
...
...
@@ -262,15 +247,13 @@
<el-input
v-model=
"ruleForm.diyaq.bdbzzqse"
style=
"width: 500%"
oninput=
"value=value.replace(/[^\d.]/g,'')"
></el-input>
oninput=
"value=value.replace(/[^\d.]/g,'')"
></el-input>
<el-select
v-model=
"ruleForm.diyaq.jedw"
>
<el-option
v-for=
"item in dictData['A57']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
></el-option>
:value=
"item.dcode"
></el-option>
</el-select>
</div>
</el-form-item>
...
...
@@ -282,15 +265,13 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.diyaq.dymj"
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.diyaq.jedw"
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -301,15 +282,13 @@
<el-form-item
label=
"债务履行起始时间:"
prop=
"diyaq.zwlxqssj"
:rules=
"rules.zwlxqssjrules"
>
:rules=
"rules.zwlxqssjrules"
>
<el-date-picker
v-model=
"ruleForm.diyaq.zwlxqssj"
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -317,15 +296,13 @@
<el-form-item
label=
"债务履行结束时间:"
prop=
"diyaq.zwlxjssj"
:rules=
"rules.zwlxjssjrules"
>
:rules=
"rules.zwlxjssjrules"
>
<el-date-picker
v-model=
"ruleForm.diyaq.zwlxjssj"
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -379,8 +356,7 @@
v-for=
"item in dictData['A6']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -389,8 +365,7 @@
<el-form-item
label=
"不动产登记证明号:"
prop=
"qlxx.bdcqzh"
:rules=
"rules.bdcqzhrules"
>
:rules=
"rules.bdcqzhrules"
>
<el-input
v-model=
"ruleForm.qlxx.bdcqzh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -399,8 +374,7 @@
<el-form-item
label=
"登记机构:"
prop=
"qlxx.djjg"
:rules=
"rules.djjgrules"
>
:rules=
"rules.djjgrules"
>
<el-input
v-model=
"ruleForm.qlxx.djjg"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -408,8 +382,7 @@
<el-form-item
label=
"登簿人:"
prop=
"qlxx.dbr"
:rules=
"rules.dbrrules"
>
:rules=
"rules.dbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.dbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -417,16 +390,14 @@
<el-form-item
label=
"登记时间:"
prop=
"qlxx.djsj"
:rules=
"rules.djsjrules"
>
:rules=
"rules.djsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.djsj"
type=
"date"
class=
"width100"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -468,15 +439,13 @@
<el-form-item
label=
"注销时间:"
prop=
"qlxx.zxsj"
:rules=
"rules.zxsjrules"
>
:rules=
"rules.zxsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.zxsj"
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -484,8 +453,7 @@
<el-form-item
label=
"注销登簿人:"
prop=
"qlxx.zxdbr"
:rules=
"rules.zxdbrrules"
>
:rules=
"rules.zxdbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.zxdbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -493,8 +461,7 @@
<el-form-item
label=
"注销抵押原因:"
prop=
"diyaq.zxdyyy"
:rules=
"rules.zxdyyyrules"
>
:rules=
"rules.zxdyyyrules"
>
<el-input
v-model=
"ruleForm.diyaq.zxdyyy"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -508,8 +475,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.qlxx.gyfs"
>
v-model=
"ruleForm.sldy.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -517,12 +483,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.qlxx.sqfbcz"
:disabled=
"!ableOperation"
>
v-model=
"ruleForm.sldy.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
</el-radio-group>
...
...
@@ -530,20 +495,17 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show=
"ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
placeholder=
"持证人"
:disabled=
"!ableOperation"
>
:disabled=
"!ableOperation"
>
<el-option
v-for=
"item in czrOptions"
:key=
"item.zjh"
:label=
"item.sqrmc"
:value=
"item.zjh"
>
:value=
"item.zjh"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -554,8 +516,7 @@
@
upDateQlrxxList=
"upDateQlrxxList"
:key=
"key"
:ableOperation=
"ableOperation"
:gyfs=
"ruleForm.qlxx.gyfs"
/>
:gyfs=
"ruleForm.qlxx.gyfs"
/>
<div
v-if=
"ruleForm.ywrData"
>
<div
class=
"slxx_title title-block"
>
...
...
@@ -567,8 +528,7 @@
:tableData=
"ruleForm.ywrData"
:key=
"key"
:ableOperation=
"ableOperation"
@
upDateQlrxxList=
"upDateYwrxxList"
/>
@
upDateQlrxxList=
"upDateYwrxxList"
/>
</div>
</div>
<el-row
class=
"btn"
v-if=
"ableOperation"
>
...
...
@@ -580,359 +540,359 @@
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getZtQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
},
data
()
{
return
{
mjdw
:
"1"
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getZtQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
ssqlxxshow
:
true
,
czrOptions
:
[],
ruleForm
:
{},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
data
()
{
return
{
mjdw
:
"1"
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
],
ssQlxxList
:
[],
ztQlxxList
:
[],
ableOperation
:
false
,
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
ztQlxxrules
:
[
{
required
:
true
,
message
:
"抵押不动产信息"
,
trigger
:
"blur"
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产登记证明号"
,
trigger
:
"blur"
},
],
qxdmrules
:
[{
required
:
true
,
message
:
"区县代码"
,
trigger
:
"blur"
}],
zwlxqssjrules
:
[
{
required
:
true
,
message
:
"债务履行起始时间"
,
trigger
:
"blur"
},
],
zwlxjssjrules
:
[
{
required
:
true
,
message
:
"债务履行结束时间"
,
trigger
:
"blur"
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
ssqlxxshow
:
true
,
czrOptions
:
[],
ruleForm
:
{},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
zxdyyyrules
:
[
{
required
:
true
,
message
:
"注销抵押原因"
,
trigger
:
"blur"
},
],
zxsjrules
:
[{
required
:
true
,
message
:
"注销时间"
,
trigger
:
"blur"
}],
zxdbrrules
:
[
{
required
:
true
,
message
:
"注销登簿人"
,
trigger
:
"blur"
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"change"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
},
};
},
created
()
{},
mounted
()
{
this
.
loadData
();
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange
(
val
)
{
this
.
ruleForm
.
ztQlxx
=
val
;
ssQlxxList
:
[],
ztQlxxList
:
[],
ableOperation
:
false
,
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
ztQlxxrules
:
[
{
required
:
true
,
message
:
"抵押不动产信息"
,
trigger
:
"blur"
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产登记证明号"
,
trigger
:
"blur"
},
],
qxdmrules
:
[{
required
:
true
,
message
:
"区县代码"
,
trigger
:
"blur"
}],
zwlxqssjrules
:
[
{
required
:
true
,
message
:
"债务履行起始时间"
,
trigger
:
"blur"
},
],
zwlxjssjrules
:
[
{
required
:
true
,
message
:
"债务履行结束时间"
,
trigger
:
"blur"
},
],
zxdyyyrules
:
[
{
required
:
true
,
message
:
"注销抵押原因"
,
trigger
:
"blur"
},
],
zxsjrules
:
[{
required
:
true
,
message
:
"注销时间"
,
trigger
:
"blur"
}],
zxdbrrules
:
[
{
required
:
true
,
message
:
"注销登簿人"
,
trigger
:
"blur"
},
],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"change"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
}
}
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
mounted
()
{
this
.
loadData
();
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
methods
:
{
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange
(
val
)
{
this
.
ruleForm
.
ztQlxx
=
val
;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
diyaq
)
{
if
(
this
.
ruleForm
.
diyaq
[
key
]
==
""
||
this
.
ruleForm
.
diyaq
[
key
]
==
null
)
{
this
.
ruleForm
.
diyaq
[
key
]
=
this
.
nowlist
.
diyaq
[
key
];
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
for
(
var
key
in
this
.
ruleForm
.
diyaq
)
{
if
(
this
.
ruleForm
.
diyaq
[
key
]
==
""
||
this
.
ruleForm
.
diyaq
[
key
]
==
null
)
{
this
.
ruleForm
.
diyaq
[
key
]
=
this
.
nowlist
.
diyaq
[
key
];
}
}
}
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
}
}
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
});
}).
catch
(()
=>
{
});
}).
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
this
.
$endLoading
();
this
.
isShow
=
true
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
});
},
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认权利人信息"
,
type
:
"error"
,
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
this
.
$endLoading
();
this
.
isShow
=
true
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认义务人信息"
,
type
:
"error"
,
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
});
},
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
共有方式:单独所有,权利人只能是一个人
"
,
message
:
"
请确认权利人信息
"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"1"
)
{
//是否分别持证
if
(
this
.
ruleForm
.
qlxx
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认义务人信息"
,
type
:
"error"
,
});
return
false
;
}
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
message
:
"共有方式:单独所有,权利人只能是一个人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
else
{
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
});
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
});
},
},
};
})
}
}
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
.el-date-editor.el-input
{
width
:
100%
;
}
.el-table__row
{
height
:
30px
!important
;
}
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
.el-date-editor.el-input
{
width
:
100%
;
}
.el-table__row
{
height
:
30px
!important
;
}
</
style
>
...
...
src/views/djbworkflow/djbBook/components/blxxtabs/dyiq.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 11:00:09
* @LastEditTime: 2023-08-0
4 10:59:11
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -71,7 +71,7 @@
</el-col>
<el-col
:span=
"8"
v-if=
"ssqlxxshow"
>
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
...
...
@@ -366,7 +366,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.
qlxx
.gyfs"
>
v-model=
"ruleForm.
sldy
.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -374,10 +374,10 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.
qlxx
.sqfbcz"
v-model=
"ruleForm.
sldy
.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
...
...
@@ -386,7 +386,7 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1
'"
>
v-show=
"ruleForm.
sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0
'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
...
...
@@ -433,7 +433,7 @@
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
import
{
init
,
getSsQlxx
,
getZtQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
{
init
,
getSsQlxx
,
getZtQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
...
...
@@ -549,65 +549,65 @@
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
)
this
.
ssQlxxchangediolog
(
val
)
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
)
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
)
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
dyiq
)
{
if
(
this
.
ruleForm
.
dyiq
[
key
]
==
""
||
this
.
ruleForm
.
dyiq
[
key
]
==
null
)
{
this
.
ruleForm
.
dyiq
[
key
]
=
this
.
nowlist
.
dyiq
[
key
];
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
dyiq
)
{
if
(
this
.
ruleForm
.
dyiq
[
key
]
==
""
||
this
.
ruleForm
.
dyiq
[
key
]
==
null
)
{
this
.
ruleForm
.
dyiq
[
key
]
=
this
.
nowlist
.
dyiq
[
key
];
}
}
}
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
}
}
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
});
}).
catch
(()
=>
{
});
}).
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
});
},
/**
* @description: djlxchange
* @param {*} val
...
...
@@ -638,28 +638,28 @@
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
}
});
},
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
...
...
@@ -714,7 +714,7 @@
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
...
...
@@ -724,16 +724,23 @@
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"1"
)
{
}
else
{
//是否分别持证
if
(
this
.
ruleForm
.
qlxx
.
sqfbcz
==
"1"
)
{
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlr
Data
.
forEach
((
item
,
index
)
=>
{
this
.
ruleForm
.
qlr
List
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
});
}
else
{
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
...
...
src/views/djbworkflow/djbBook/components/blxxtabs/fdcq.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 08:38:11
* @LastEditTime: 2023-08-0
4 10:59:16
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -16,8 +16,7 @@
:inline="flag"
:show-message="false"
inline-message
label-width="145px"
>
label-width="145px">
<div
class=
"slxx_con"
v-if=
"isShow"
:class=
"flag ? 'formMarginBot0' : ''"
>
<div
class=
"slxx_title title-block"
>
补录信息
...
...
@@ -49,25 +48,21 @@
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
:tableData=
"ssQlxxList"
:props=
"props"
@
change=
"ssQlxxchange"
>
@
change=
"ssQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -86,8 +81,7 @@
<el-form-item
label=
"业务号:"
prop=
"qlxx.ywh"
:rules=
"rules.ywhrules"
>
:rules=
"rules.ywhrules"
>
<el-input
v-model=
"ruleForm.qlxx.ywh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -107,15 +101,13 @@
<el-form-item
label=
"登记类型:"
prop=
"qlxx.djlx"
:rules=
"rules.djlxrules"
>
:rules=
"rules.djlxrules"
>
<el-select
v-model=
"ruleForm.qlxx.djlx"
@
change=
"djlxchange"
>
<el-option
v-for=
"item in djlxlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -135,15 +127,13 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.fdcq2.dytdmj"
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
disabled
v-model=
"mjdw"
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -154,15 +144,13 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.fdcq2.fttdmj"
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
disabled
v-model=
"mjdw"
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -177,8 +165,7 @@
placeholder=
""
:normalizer=
"normalizer"
:show-count=
"true"
:options=
"dictData['A9']"
/>
:options=
"dictData['A9']"
/>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
...
...
@@ -187,15 +174,13 @@
<el-input
v-model=
"ruleForm.fdcq2.qjjg"
style=
"width: 500%"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,2})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,2})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.fdcq2.jedw"
>
<el-option
v-for=
"item in dictData['A57']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -208,8 +193,7 @@
v-for=
"item in qsztlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -221,8 +205,7 @@
v-for=
"item in dictData['A17']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -244,8 +227,7 @@
v-for=
"item in dictData['A19']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -254,15 +236,13 @@
<el-form-item
label=
"房屋结构:"
prop=
"fdcq2.fwjg"
:rules=
"rules.fwjgrules"
>
:rules=
"rules.fwjgrules"
>
<el-select
v-model=
"ruleForm.fdcq2.fwjg"
>
<el-option
v-for=
"item in dictData['A46']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -282,15 +262,13 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.fdcq2.jzmj"
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
disabled
v-model=
"mjdw"
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -301,15 +279,13 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.fdcq2.zyjzmj"
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
disabled
v-model=
"mjdw"
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -320,15 +296,13 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.fdcq2.ftjzmj"
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
disabled
v-model=
"mjdw"
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -342,8 +316,7 @@
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -352,8 +325,7 @@
<el-form-item
label=
"不动产权证号:"
prop=
"qlxx.bdcqzh"
:rules=
"rules.bdcqzhrules"
>
:rules=
"rules.bdcqzhrules"
>
<el-input
v-model=
"ruleForm.qlxx.bdcqzh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -370,8 +342,7 @@
<el-form-item
label=
"登记机构:"
prop=
"qlxx.djjg"
:rules=
"rules.djjgrules"
>
:rules=
"rules.djjgrules"
>
<el-input
v-model=
"ruleForm.qlxx.djjg"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -379,8 +350,7 @@
<el-form-item
label=
"登簿人:"
prop=
"qlxx.dbr"
:rules=
"rules.dbrrules"
>
:rules=
"rules.dbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.dbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -388,16 +358,14 @@
<el-form-item
label=
"登记时间:"
prop=
"qlxx.djsj"
:rules=
"rules.djsjrules"
>
:rules=
"rules.djsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.djsj"
type=
"date"
class=
"width100"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -423,8 +391,7 @@
<tdytTable
:tableData=
"ruleForm.tdytqxList"
@
upDateTdytxxList=
"upDateTdytxxList"
:ableOperation=
"ableOperation"
/>
:ableOperation=
"ableOperation"
/>
<div
class=
"slxx_title title-block"
>
权利人信息
<div
class=
"triangle"
></div>
...
...
@@ -434,8 +401,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.qlxx.gyfs"
>
v-model=
"ruleForm.sldy.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -443,12 +409,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.qlxx.sqfbcz"
:disabled=
"!ableOperation"
>
v-model=
"ruleForm.sldy.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
</el-radio-group>
...
...
@@ -456,20 +421,17 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show=
"ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
placeholder=
"持证人"
:disabled=
"!ableOperation"
>
:disabled=
"!ableOperation"
>
<el-option
v-for=
"item in czrOptions"
:key=
"item.zjh"
:label=
"item.sqrmc"
:value=
"item.zjh"
>
:value=
"item.zjh"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -480,8 +442,7 @@
@
upDateQlrxxList=
"upDateQlrxxList"
:ableOperation=
"ableOperation"
:key=
"key"
:gyfs=
"ruleForm.qlxx.gyfs"
/>
:gyfs=
"ruleForm.qlxx.gyfs"
/>
</div>
<el-row
class=
"btn"
v-if=
"ableOperation"
>
<el-form-item>
...
...
@@ -492,367 +453,374 @@
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
},
data
()
{
return
{
mjdw
:
"1"
,
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
// 键名转换,方法默认是label和children进行树状渲染
normalizer
(
node
)
{
//方法
if
(
node
.
children
==
null
||
node
.
children
==
"null"
)
{
delete
node
.
children
;
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
{
id
:
node
.
dcode
,
label
:
node
.
dname
,
};
return
false
;
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
data
()
{
return
{
mjdw
:
"1"
,
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
// 键名转换,方法默认是label和children进行树状渲染
normalizer
(
node
)
{
//方法
if
(
node
.
children
==
null
||
node
.
children
==
"null"
)
{
delete
node
.
children
;
}
return
{
id
:
node
.
dcode
,
label
:
node
.
dname
,
};
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
key
:
0
,
tdxz
:
null
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ruleForm
:
{
fdcq2
:
{
ftjzmj
:
""
,
},
},
ableOperation
:
false
,
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
fwjgrules
:
[{
required
:
true
,
message
:
"房屋结构"
,
trigger
:
"change"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
},
};
},
created
()
{},
mounted
()
{
this
.
loadData
();
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
key
:
0
,
tdxz
:
null
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ruleForm
:
{
fdcq2
:
{
ftjzmj
:
""
,
},
},
ableOperation
:
false
,
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
fwjgrules
:
[{
required
:
true
,
message
:
"房屋结构"
,
trigger
:
"change"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
},
};
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
,
val
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
created
()
{
},
mounted
()
{
this
.
loadData
();
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
,
val
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
fdcq2
)
{
if
(
this
.
ruleForm
.
fdcq2
[
key
]
==
""
||
this
.
ruleForm
.
fdcq2
[
key
]
==
null
)
{
this
.
ruleForm
.
fdcq2
[
key
]
=
this
.
nowlist
.
fdcq2
[
key
];
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
fdcq2
)
{
if
(
this
.
ruleForm
.
fdcq2
[
key
]
==
""
||
this
.
ruleForm
.
fdcq2
[
key
]
==
null
)
{
this
.
ruleForm
.
fdcq2
[
key
]
=
this
.
nowlist
.
fdcq2
[
key
];
}
}
}
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
}
}
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
});
}).
catch
(()
=>
{
});
}).
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
ruleForm
.
fdcq2
.
jedw
=
"1"
;
this
.
$endLoading
();
if
(
this
.
ruleForm
.
tdytqxList
.
length
>
0
)
{
this
.
tdxz
=
this
.
ruleForm
.
tdytqxList
[
0
].
qlxzbm
;
}
else
{
this
.
tdxz
=
null
;
}
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认权利人信息"
,
type
:
"error"
,
});
return
false
;
}
if
(
this
.
ruleForm
.
tdytqxList
.
length
==
0
&&
!
this
.
tdxz
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请补充土地用途信息"
,
type
:
"error"
,
});
return
false
;
}
if
(
!
this
.
tdxz
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请补充土地性质"
,
type
:
"error"
,
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
ruleForm
.
fdcq2
.
jedw
=
"1"
;
this
.
$endLoading
();
if
(
this
.
ruleForm
.
tdytqxList
.
length
>
0
)
{
this
.
tdxz
=
this
.
ruleForm
.
tdytqxList
[
0
].
qlxzbm
;
}
else
{
this
.
tdxz
=
null
;
}
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
return
false
;
}
this
.
ruleForm
.
tdytqxList
=
this
.
ruleForm
.
tdytqxList
.
map
((
item
)
=>
{
return
{
...
item
,
qlxzbm
:
this
.
tdxz
,
};
});
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
共有方式:单独所有,权利人只能是一个人
"
,
message
:
"
请确认权利人信息
"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
// if (this.ruleForm.qlxx.gyfs == "1") {
// //是否分别持证
// if (this.ruleForm.qlxx.sqfbcz == "1") {
// //是
// this.ruleForm.qlrData.forEach((item, index) => {
// item.sfczr = "1";
// });
// } else {
// this.ruleForm.qlrData.forEach((item, index) => {
// if (item.zjh == this.ruleForm.czr) {
// item.sfczr = "1";
// } else {
// item.sfczr = "0";
// }
// });
// }
// }
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
if
(
this
.
ruleForm
.
tdytqxList
.
length
==
0
&&
!
this
.
tdxz
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
保存成功!
"
,
type
:
"
success
"
,
message
:
"
请补充土地用途信息
"
,
type
:
"
error
"
,
});
this
.
$parent
.
changeywh
()
;
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
return
false
;
}
if
(
!
this
.
tdxz
)
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
message
:
"请补充土地性质"
,
type
:
"error"
,
});
return
false
;
}
});
}
else
{
return
false
;
}
});
this
.
ruleForm
.
tdytqxList
=
this
.
ruleForm
.
tdytqxList
.
map
((
item
)
=>
{
return
{
...
item
,
qlxzbm
:
this
.
tdxz
,
};
});
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
message
:
"共有方式:单独所有,权利人只能是一个人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
else
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
});
},
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
.el-date-editor.el-input
{
width
:
100%
;
}
.el-table__row
{
height
:
30px
!important
;
}
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
.el-date-editor.el-input
{
width
:
100%
;
}
.el-table__row
{
height
:
30px
!important
;
}
</
style
>
...
...
src/views/djbworkflow/djbBook/components/blxxtabs/jsydsyq.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 11:01:16
* @LastEditTime: 2023-08-0
4 10:59:24
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -14,8 +14,7 @@
ref="ruleForm"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="145px"
>
label-width="145px">
<div
class=
"slxx_con"
v-if=
"isShow"
:class=
"flag ? 'formMarginBot0' : ''"
>
<div
class=
"slxx_title title-block"
>
补录信息
...
...
@@ -47,25 +46,21 @@
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
:tableData=
"ssQlxxList"
:props=
"props"
@
change=
"ssQlxxchange"
>
@
change=
"ssQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -101,15 +96,13 @@
<el-form-item
label=
"登记类型:"
prop=
"qlxx.djlx"
:rules=
"rules.djlxrules"
>
:rules=
"rules.djlxrules"
>
<el-select
v-model=
"ruleForm.qlxx.djlx"
@
change=
"djlxchange"
>
<el-option
v-for=
"item in djlxlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -121,8 +114,7 @@
v-for=
"item in qsztlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -143,15 +135,13 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.jsydsyq.syqmj"
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
disabled
v-model=
"mjdw"
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -182,15 +172,13 @@
<div
style=
"display: flex"
>
<el-input
v-model=
"ruleForm.jsydsyq.qdjg"
style=
"width: 500%"
></el-input>
style=
"width: 500%"
></el-input>
<el-select
v-model=
"ruleForm.jsydsyq.jedw"
>
<el-option
v-for=
"item in dictData['A57']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -201,8 +189,7 @@
<el-form-item
label=
"不动产权证号:"
prop=
"qlxx.bdcqzh"
:rules=
"rules.bdcqzhrules"
>
:rules=
"rules.bdcqzhrules"
>
<el-input
v-model=
"ruleForm.qlxx.bdcqzh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -219,8 +206,7 @@
<el-form-item
label=
"登记机构:"
prop=
"qlxx.djjg"
:rules=
"rules.djjgrules"
>
:rules=
"rules.djjgrules"
>
<el-input
v-model=
"ruleForm.qlxx.djjg"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -228,8 +214,7 @@
<el-form-item
label=
"登簿人:"
prop=
"qlxx.dbr"
:rules=
"rules.dbrrules"
>
:rules=
"rules.dbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.dbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -237,16 +222,14 @@
<el-form-item
label=
"登记时间:"
prop=
"qlxx.djsj"
:rules=
"rules.djsjrules"
>
:rules=
"rules.djsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.djsj"
type=
"date"
class=
"width100"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -265,8 +248,7 @@
<tdytTable
:tableData=
"ruleForm.tdytqxList"
@
upDateTdytxxList=
"upDateTdytxxList"
:ableOperation=
"ableOperation"
/>
:ableOperation=
"ableOperation"
/>
<div
class=
"slxx_title title-block"
>
权利人信息
<div
class=
"triangle"
></div>
...
...
@@ -276,8 +258,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.qlxx.gyfs"
>
v-model=
"ruleForm.sldy.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -285,12 +266,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.qlxx.sqfbcz"
:disabled=
"!ableOperation"
>
v-model=
"ruleForm.sldy.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
</el-radio-group>
...
...
@@ -298,20 +278,17 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show=
"ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
placeholder=
"持证人"
:disabled=
"!ableOperation"
>
:disabled=
"!ableOperation"
>
<el-option
v-for=
"item in czrOptions"
:key=
"item.zjh"
:label=
"item.sqrmc"
:value=
"item.zjh"
>
:value=
"item.zjh"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -322,8 +299,7 @@
@
upDateQlrxxList=
"upDateQlrxxList"
:key=
"key"
:ableOperation=
"ableOperation"
:gyfs=
"ruleForm.qlxx.gyfs"
/>
:gyfs=
"ruleForm.qlxx.gyfs"
/>
</div>
<el-row
class=
"btn"
v-if=
"ableOperation"
>
<el-form-item>
...
...
@@ -334,332 +310,346 @@
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
store
from
"@/store/index.js"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
},
data
()
{
return
{
mjdw
:
"1"
,
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
// 键名转换,方法默认是label和children进行树状渲染
normalizer
(
node
)
{
//方法
if
(
node
.
children
==
null
||
node
.
children
==
"null"
)
{
delete
node
.
children
;
import
{
mapGetters
}
from
"vuex"
;
import
store
from
"@/store/index.js"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
{
id
:
node
.
dcode
,
label
:
node
.
dname
,
};
return
false
;
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
ableOperation
:
false
,
key
:
0
,
ssQlxxList
:
[],
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
data
()
{
return
{
mjdw
:
"1"
,
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
// 键名转换,方法默认是label和children进行树状渲染
normalizer
(
node
)
{
//方法
if
(
node
.
children
==
null
||
node
.
children
==
"null"
)
{
delete
node
.
children
;
}
return
{
id
:
node
.
dcode
,
label
:
node
.
dname
,
};
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
ableOperation
:
false
,
key
:
0
,
ssQlxxList
:
[],
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
tdxz
:
null
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ruleForm
:
{},
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"blur"
}],
},
};
},
created
()
{
this
.
loadData
();
},
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
tdxz
:
null
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ruleForm
:
{},
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"blur"
}],
},
};
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
jsydsyq
)
{
if
(
this
.
ruleForm
.
jsydsyq
[
key
]
==
""
||
this
.
ruleForm
.
jsydsyq
[
key
]
==
null
)
{
this
.
ruleForm
.
jsydsyq
[
key
]
=
this
.
nowlist
.
jsydsyq
[
key
];
created
()
{
this
.
loadData
();
},
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
jsydsyq
)
{
if
(
this
.
ruleForm
.
jsydsyq
[
key
]
==
""
||
this
.
ruleForm
.
jsydsyq
[
key
]
==
null
)
{
this
.
ruleForm
.
jsydsyq
[
key
]
=
this
.
nowlist
.
jsydsyq
[
key
];
}
}
}
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
}
}
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
});
}).
catch
(()
=>
{
});
}).
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData
(
val
)
{
return
store
.
getters
.
dictData
[
val
];
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
$endLoading
();
if
(
this
.
ruleForm
.
tdytqxList
.
length
>
0
)
{
this
.
tdxz
=
this
.
ruleForm
.
tdytqxList
[
0
].
qlxzbm
;
}
else
{
this
.
tdxz
=
null
;
}
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 保存
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认权利人信息"
,
type
:
"error"
,
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData
(
val
)
{
return
store
.
getters
.
dictData
[
val
];
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
$endLoading
();
if
(
this
.
ruleForm
.
tdytqxList
.
length
>
0
)
{
this
.
tdxz
=
this
.
ruleForm
.
tdytqxList
[
0
].
qlxzbm
;
}
else
{
this
.
tdxz
=
null
;
}
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 保存
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
共有方式:单独所有,权利人只能是一个人
"
,
message
:
"
请确认权利人信息
"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"1"
)
{
//是否分别持证
if
(
this
.
ruleForm
.
qlxx
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
if
(
this
.
ruleForm
.
qlrData
.
length
!=
0
&&
this
.
ruleForm
.
sldy
.
sqfbcz
==
0
&&
this
.
ruleForm
.
czr
==
''
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请选择持证人信息"
,
type
:
"error"
,
});
return
false
;
}
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
message
:
"共有方式:单独所有,权利人只能是一个人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
else
{
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
});
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
});
},
},
};
});
}
}
}
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
</
style
>
...
...
src/views/djbworkflow/djbBook/components/blxxtabs/tdsyq.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 11:01:0
8
* @LastEditTime: 2023-08-0
4 10:59:2
8
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -15,8 +15,7 @@
:show-message="false"
:label-position="flag ? 'top' : ''"
:inline="flag"
label-width="120px"
>
label-width="120px">
<div
class=
"slxx_con"
v-if=
"isShow"
:class=
"flag ? 'formMarginBot0' : ''"
>
<div
class=
"slxx_title title-block"
>
补录信息
...
...
@@ -48,25 +47,21 @@
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
:tableData=
"ssQlxxList"
:props=
"props"
@
change=
"ssQlxxchange"
>
@
change=
"ssQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -83,15 +78,13 @@
<el-form-item
label=
"登记类型:"
prop=
"qlxx.djlx"
:rules=
"rules.djlxrules"
>
:rules=
"rules.djlxrules"
>
<el-select
v-model=
"ruleForm.qlxx.djlx"
@
change=
"djlxchange"
>
<el-option
v-for=
"item in djlxlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -118,8 +111,7 @@
<el-form-item
label=
"登簿人:"
prop=
"qlxx.dbr"
:rules=
"rules.dbrrules"
>
:rules=
"rules.dbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.dbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -127,8 +119,7 @@
<el-form-item
label=
"登记机构:"
prop=
"qlxx.djjg"
:rules=
"rules.djjgrules"
>
:rules=
"rules.djjgrules"
>
<el-input
v-model=
"ruleForm.qlxx.djjg"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -145,8 +136,7 @@
<el-form-item
label=
"不动产权证号:"
prop=
"qlxx.bdcqzh"
:rules=
"rules.bdcqzhrules"
>
:rules=
"rules.bdcqzhrules"
>
<el-input
v-model=
"ruleForm.qlxx.bdcqzh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -157,8 +147,7 @@
v-for=
"item in qsztlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -177,19 +166,16 @@
<el-input
v-model=
"ruleForm.tdsyq.nydmj"
:disabled=
"!ableOperation"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.tdsyq.mjdw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -201,19 +187,16 @@
<el-input
v-model=
"ruleForm.tdsyq.gdmj"
:disabled=
"!ableOperation"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.tdsyq.mjdw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -225,19 +208,16 @@
<el-input
v-model=
"ruleForm.tdsyq.ldmj"
:disabled=
"!ableOperation"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.tdsyq.mjdw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -251,19 +231,16 @@
<el-input
v-model=
"ruleForm.tdsyq.cdmj"
:disabled=
"!ableOperation"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,2})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,2})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.tdsyq.mjdw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -275,19 +252,16 @@
<el-input
v-model=
"ruleForm.tdsyq.qtnydmj"
:disabled=
"!ableOperation"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.tdsyq.mjdw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -299,19 +273,16 @@
<el-input
v-model=
"ruleForm.tdsyq.jsydmj"
:disabled=
"!ableOperation"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.tdsyq.mjdw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -325,19 +296,16 @@
<el-input
v-model=
"ruleForm.tdsyq.wlydmj"
:disabled=
"!ableOperation"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,3})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.tdsyq.mjdw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -347,16 +315,14 @@
<el-form-item
label=
"登记时间:"
prop=
"qlxx.djsj"
:rules=
"rules.djsjrules"
>
:rules=
"rules.djsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.djsj"
type=
"date"
class=
"width100"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -375,8 +341,7 @@
<tdytTable
:tableData=
"ruleForm.tdytqxList"
@
upDateTdytxxList=
"upDateTdytxxList"
:ableOperation=
"ableOperation"
/>
:ableOperation=
"ableOperation"
/>
<div
class=
"slxx_title title-block"
>
权利人信息
<div
class=
"triangle"
></div>
...
...
@@ -386,8 +351,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.qlxx.gyfs"
>
v-model=
"ruleForm.sldy.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -395,12 +359,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.qlxx.sqfbcz"
:disabled=
"!ableOperation"
>
v-model=
"ruleForm.sldy.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
</el-radio-group>
...
...
@@ -408,20 +371,17 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show=
"ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
placeholder=
"持证人"
:disabled=
"!ableOperation"
>
:disabled=
"!ableOperation"
>
<el-option
v-for=
"item in czrOptions"
:key=
"item.zjh"
:label=
"item.sqrmc"
:value=
"item.zjh"
>
:value=
"item.zjh"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -432,8 +392,7 @@
@
upDateQlrxxList=
"upDateQlrxxList"
:key=
"key"
:ableOperation=
"ableOperation"
:gyfs=
"ruleForm.qlxx.gyfs"
/>
:gyfs=
"ruleForm.qlxx.gyfs"
/>
</div>
<el-row
class=
"btn"
v-if=
"ableOperation"
>
<el-form-item>
...
...
@@ -444,396 +403,402 @@
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
store
from
"@/store/index.js"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
// 键名转换,方法默认是label和children进行树状渲染
normalizer
(
node
)
{
//方法
if
(
node
.
children
==
null
||
node
.
children
==
"null"
)
{
delete
node
.
children
;
import
{
mapGetters
}
from
"vuex"
;
import
store
from
"@/store/index.js"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
{
id
:
node
.
dcode
,
label
:
node
.
dname
,
};
return
false
;
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
// 键名转换,方法默认是label和children进行树状渲染
normalizer
(
node
)
{
//方法
if
(
node
.
children
==
null
||
node
.
children
==
"null"
)
{
delete
node
.
children
;
}
return
{
id
:
node
.
dcode
,
label
:
node
.
dname
,
};
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ruleForm
:
{},
ableOperation
:
false
,
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
},
};
},
created
()
{},
mounted
()
{
this
.
loadData
();
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ruleForm
:
{},
ableOperation
:
false
,
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
},
};
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
tdsyq
)
{
if
(
this
.
ruleForm
.
tdsyq
[
key
]
==
""
||
this
.
ruleForm
.
tdsyq
[
key
]
==
null
)
{
this
.
ruleForm
.
tdsyq
[
key
]
=
this
.
nowlist
.
tdsyq
[
key
];
created
()
{
},
mounted
()
{
this
.
loadData
();
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
tdsyq
)
{
if
(
this
.
ruleForm
.
tdsyq
[
key
]
==
""
||
this
.
ruleForm
.
tdsyq
[
key
]
==
null
)
{
this
.
ruleForm
.
tdsyq
[
key
]
=
this
.
nowlist
.
tdsyq
[
key
];
}
}
}
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
}
}
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
});
}).
catch
(()
=>
{
});
}).
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
console
.
log
(
"val"
,
val
);
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
},
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
console
.
log
(
"val"
,
val
);
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
},
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData
(
val
)
{
return
store
.
getters
.
dictData
[
val
];
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
// 字典
/**
* @description: 字典
* @param {*} val
* @author: renchao
*/
getDictData
(
val
)
{
return
store
.
getters
.
dictData
[
val
];
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认权利人信息"
,
type
:
"error"
,
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
共有方式:单独所有,权利人只能是一个人
"
,
message
:
"
请确认权利人信息
"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"1"
)
{
//是否分别持证
if
(
this
.
ruleForm
.
qlxx
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
});
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
message
:
"共有方式:单独所有,权利人只能是一个人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
else
{
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
});
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
});
});
},
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
/
deep
/
.el-form
{
display
:
flex
;
flex-direction
:
column
;
height
:
calc
(
100vh
-
130px
);
}
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
/
deep
/
.el-form
{
display
:
flex
;
flex-direction
:
column
;
height
:
calc
(
100vh
-
130px
);
}
/
deep
/
.el-form-item__label
{
padding
:
0
;
}
/
deep
/
.el-form-item__label
{
padding
:
0
;
}
/
deep
/
.el-radio
{
margin-right
:
10px
;
}
/
deep
/
.el-radio
{
margin-right
:
10px
;
}
/
deep
/
.el-select
{
width
:
100%
;
}
/
deep
/
.el-select
{
width
:
100%
;
}
/
deep
/
.el-form-item
{
margin-bottom
:
8px
;
}
/
deep
/
.el-form-item
{
margin-bottom
:
8px
;
}
.marginBot0
{
margin-bottom
:
0
!important
;
}
.marginBot0
{
margin-bottom
:
0
!important
;
}
.slxx
{
box-sizing
:
border-box
;
}
.slxx
{
box-sizing
:
border-box
;
}
.slxx_con
{
flex
:
1
;
height
:
100%
;
background-color
:
#ffffff
;
overflow-y
:
auto
;
padding-right
:
3px
;
overflow-x
:
hidden
;
}
.slxx_con
{
flex
:
1
;
height
:
100%
;
background-color
:
#ffffff
;
overflow-y
:
auto
;
padding-right
:
3px
;
overflow-x
:
hidden
;
}
.submit_btn
{
height
:
50px
;
}
.submit_btn
{
height
:
50px
;
}
.slxx_title
{
border-bottom
:
1px
solid
$
borderColor
;
padding-left
:
10px
;
padding-bottom
:
5px
;
margin-bottom
:
10px
;
margin-top
:
5px
;
font-size
:
16px
;
font-weight
:
500
;
color
:
#4a4a4a
;
}
.slxx_title
{
border-bottom
:
1px
solid
$
borderColor
;
padding-left
:
10px
;
padding-bottom
:
5px
;
margin-bottom
:
10px
;
margin-top
:
5px
;
font-size
:
16px
;
font-weight
:
500
;
color
:
#4a4a4a
;
}
.btn
{
text-align
:
center
;
padding-top
:
10px
;
height
:
36px
;
background-color
:
#ffffff
;
padding
:
5px
0
;
}
.btn
{
text-align
:
center
;
padding-top
:
10px
;
height
:
36px
;
background-color
:
#ffffff
;
padding
:
5px
0
;
}
.textArea
{
/deep/.el-textarea__inner
{
min-height
:
90px
!important
;
.textArea
{
/deep/.el-textarea__inner
{
min-height
:
90px
!important
;
}
}
}
/
deep
/
.el-form-item__label
{
padding-bottom
:
0px
;
}
/
deep
/
.el-form-item__label
{
padding-bottom
:
0px
;
}
</
style
>
...
...
src/views/djbworkflow/djbBook/components/blxxtabs/ygdydj.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 11:00:54
* @LastEditTime: 2023-08-0
4 10:59:33
:show-message="false"
-->
<
template
>
...
...
@@ -17,8 +17,7 @@
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
>
label-width="145px">
<div
class=
"slxx_con"
v-if=
"isShow"
:class=
"flag ? 'formMarginBot0' : ''"
>
<div
class=
"slxx_title title-block"
>
补录信息
...
...
@@ -50,25 +49,21 @@
<el-form-item
label=
"抵押不动产信息:"
prop=
"ztQlxx"
:rules=
"rules.ztQlxxrules"
>
:rules=
"rules.ztQlxxrules"
>
<select-table
v-model=
"ruleForm.ztQlxx"
:table-width=
"550"
:tableData=
"ztQlxxList"
:props=
"props"
@
change=
"ztQlxxchange"
>
@
change=
"ztQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -81,25 +76,21 @@
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
:tableData=
"ssQlxxList"
:props=
"props"
@
change=
"ssQlxxchange"
>
@
change=
"ssQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -174,8 +165,7 @@
<el-form-item
label=
"业务号:"
prop=
"qlxx.ywh"
:rules=
"rules.ywhrules"
>
:rules=
"rules.ywhrules"
>
<el-input
v-model=
"ruleForm.qlxx.ywh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -200,15 +190,13 @@
<el-form-item
label=
"登记类型:"
prop=
"qlxx.djlx"
:rules=
"rules.djlxrules"
>
:rules=
"rules.djlxrules"
>
<el-select
v-model=
"ruleForm.qlxx.djlx"
@
change=
"djlxchange"
>
<el-option
v-for=
"item in djlxlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -222,8 +210,7 @@
<el-form-item
label=
"不动产权证号:"
prop=
"qlxx.bdcqzh"
:rules=
"rules.bdcqzhrules"
>
:rules=
"rules.bdcqzhrules"
>
<el-input
v-model=
"ruleForm.qlxx.bdcqzh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -236,8 +223,7 @@
<el-form-item
label=
"登记机构:"
prop=
"qlxx.djjg"
:rules=
"rules.djjgrules"
>
:rules=
"rules.djjgrules"
>
<el-input
v-model=
"ruleForm.qlxx.djjg"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -245,8 +231,7 @@
<el-form-item
label=
"登簿人:"
prop=
"qlxx.dbr"
:rules=
"rules.dbrrules"
>
:rules=
"rules.dbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.dbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -254,16 +239,14 @@
<el-form-item
label=
"登记时间:"
prop=
"qlxx.djsj"
:rules=
"rules.djsjrules"
>
:rules=
"rules.djsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.djsj"
type=
"date"
class=
"width100"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -274,8 +257,7 @@
v-for=
"item in qsztlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -285,15 +267,13 @@
<el-form-item
label=
"预告登记种类:"
prop=
"ygdj.ygdjzl"
:rules=
"rules.ygdjzlrules"
>
:rules=
"rules.ygdjzlrules"
>
<el-select
v-model=
"ruleForm.ygdj.ygdjzl"
>
<el-option
v-for=
"item in dictData['A29']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -310,8 +290,7 @@
v-for=
"item in dictData['A17']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -328,8 +307,7 @@
v-for=
"item in dictData['A19']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -346,8 +324,7 @@
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>
...
...
@@ -367,19 +344,16 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.ygdj.jzmj"
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=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -403,8 +377,7 @@
class=
"width100"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -414,29 +387,23 @@
<el-tooltip
content=
"取得价格被担保主债权数额:"
placement=
"top"
effect=
"light"
>
<span
type=
"text"
style=
"color: #444"
size=
"mini"
>
取得价格被担保...
</span
>
effect=
"light"
>
<span
type=
"text"
style=
"color: #444"
size=
"mini"
>
取得价格被担保...
</span>
</el-tooltip>
</span>
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.ygdj.qdjg"
oninput=
"value = (value.match(/^\d*(\.?\d
{0,2})/g)[0]) || null"
>
</el-input>
oninput=
"value = (value.match(/^\d*(\.?\d
{0,2})/g)[0]) || null">
</el-input>
<el-select
v-model=
"ruleForm.ygdj.jedw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A57']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -453,11 +420,8 @@
<el-tooltip
content=
"是否存在禁止或限制转让抵押不动产的约定:"
placement=
"top"
effect=
"light"
>
<span
type=
"text"
style=
"color: #444"
size=
"mini"
>
是否存在禁止或限制...
</span
>
effect=
"light"
>
<span
type=
"text"
style=
"color: #444"
size=
"mini"
>
是否存在禁止或限制...
</span>
</el-tooltip>
</span>
<el-input
v-model=
"ruleForm.ygdj.sfczjzhxz"
></el-input>
...
...
@@ -483,8 +447,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.qlxx.gyfs"
>
v-model=
"ruleForm.sldy.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -492,12 +455,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.qlxx.sqfbcz"
:disabled=
"!ableOperation"
>
v-model=
"ruleForm.sldy.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
</el-radio-group>
...
...
@@ -505,20 +467,17 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show=
"ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
placeholder=
"持证人"
:disabled=
"!ableOperation"
>
:disabled=
"!ableOperation"
>
<el-option
v-for=
"item in czrOptions"
:key=
"item.zjh"
:label=
"item.sqrmc"
:value=
"item.zjh"
>
:value=
"item.zjh"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -529,8 +488,7 @@
@
upDateQlrxxList=
"upDateQlrxxList"
:key=
"key"
:ableOperation=
"ableOperation"
:gyfs=
"ruleForm.qlxx.gyfs"
/>
:gyfs=
"ruleForm.qlxx.gyfs"
/>
<div
v-if=
"ruleForm.ywrData"
>
<div
class=
"slxx_title title-block"
>
...
...
@@ -542,8 +500,7 @@
:tableData=
"ruleForm.ywrData"
:key=
"key"
:ableOperation=
"ableOperation"
@
upDateQlrxxList=
"upDateYwrxxList"
/>
@
upDateQlrxxList=
"upDateYwrxxList"
/>
</div>
</div>
<el-row
class=
"btn"
v-if=
"ableOperation"
>
...
...
@@ -555,350 +512,357 @@
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getZtQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getZtQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
mjdw
:
"1"
,
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ztQlxxList
:
[],
ruleForm
:
{},
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
mjdw
:
"1"
,
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ztQlxxList
:
[],
ruleForm
:
{},
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
//传递参数\
rules
:
{
ztQlxxrules
:
[
{
required
:
true
,
message
:
"抵押不动产信息"
,
trigger
:
"blur"
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产登记证明号"
,
trigger
:
"blur"
},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
ygdjzlrules
:
[
{
required
:
true
,
message
:
"预告登记种类"
,
trigger
:
"change"
},
],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
},
ableOperation
:
false
,
};
},
created
()
{
this
.
loadData
();
},
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange
(
val
)
{
this
.
ruleForm
.
ztQlxx
=
val
;
//传递参数\
rules
:
{
ztQlxxrules
:
[
{
required
:
true
,
message
:
"抵押不动产信息"
,
trigger
:
"blur"
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产登记证明号"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
ygdjzlrules
:
[
{
required
:
true
,
message
:
"预告登记种类"
,
trigger
:
"change"
},
],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
},
ableOperation
:
false
,
};
},
created
()
{
this
.
loadData
();
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
})
.
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
ygdj
)
{
if
(
this
.
ruleForm
.
ygdj
[
key
]
==
""
||
this
.
ruleForm
.
ygdj
[
key
]
==
null
)
{
this
.
ruleForm
.
ygdj
[
key
]
=
this
.
nowlist
.
ygdj
[
key
];
methods
:
{
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange
(
val
)
{
this
.
ruleForm
.
ztQlxx
=
val
;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
})
.
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
ygdj
)
{
if
(
this
.
ruleForm
.
ygdj
[
key
]
==
""
||
this
.
ruleForm
.
ygdj
[
key
]
==
null
)
{
this
.
ruleForm
.
ygdj
[
key
]
=
this
.
nowlist
.
ygdj
[
key
];
}
}
}
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
}
}
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
});
})
.
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
ruleForm
.
ygdj
.
jedw
=
"1"
;
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
})
.
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认权利人信息"
,
type
:
"error"
,
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
ruleForm
.
ygdj
.
jedw
=
"1"
;
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认义务人信息"
,
type
:
"error"
,
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
共有方式:单独所有,权利人只能是一个人
"
,
message
:
"
请确认权利人信息
"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"1"
)
{
//是否分别持证
if
(
this
.
ruleForm
.
qlxx
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认义务人信息"
,
type
:
"error"
,
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
message
:
"共有方式:单独所有,权利人只能是一个人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
else
{
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
});
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
});
});
},
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
</
style
>
...
...
src/views/djbworkflow/djbBook/components/blxxtabs/ygmmdj.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 11:00:48
* @LastEditTime: 2023-08-0
4 10:59:42
:show-message="false"
-->
<
template
>
...
...
@@ -17,8 +17,7 @@
:show-message="false"
:inline="flag"
inline-message
label-width="145px"
>
label-width="145px">
<div
class=
"slxx_con"
v-if=
"isShow"
:class=
"flag ? 'formMarginBot0' : ''"
>
<div
class=
"slxx_title title-block"
>
补录信息
...
...
@@ -50,25 +49,21 @@
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
:tableData=
"ssQlxxList"
:props=
"props"
@
change=
"ssQlxxchange"
>
@
change=
"ssQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -87,15 +82,13 @@
<el-form-item
label=
"登记类型:"
prop=
"qlxx.djlx"
:rules=
"rules.djlxrules"
>
:rules=
"rules.djlxrules"
>
<el-select
v-model=
"ruleForm.qlxx.djlx"
@
change=
"djlxchange"
>
<el-option
v-for=
"item in djlxlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -109,8 +102,7 @@
<el-form-item
label=
"业务号:"
prop=
"qlxx.ywh"
:rules=
"rules.ywhrules"
>
:rules=
"rules.ywhrules"
>
<el-input
v-model=
"ruleForm.qlxx.ywh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -133,8 +125,7 @@
<el-form-item
label=
"不动产权证号:"
prop=
"qlxx.bdcqzh"
:rules=
"rules.bdcqzhrules"
>
:rules=
"rules.bdcqzhrules"
>
<el-input
v-model=
"ruleForm.qlxx.bdcqzh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -147,8 +138,7 @@
<el-form-item
label=
"登记机构:"
prop=
"qlxx.djjg"
:rules=
"rules.djjgrules"
>
:rules=
"rules.djjgrules"
>
<el-input
v-model=
"ruleForm.qlxx.djjg"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -156,8 +146,7 @@
<el-form-item
label=
"登簿人:"
prop=
"qlxx.dbr"
:rules=
"rules.dbrrules"
>
:rules=
"rules.dbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.dbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -165,16 +154,14 @@
<el-form-item
label=
"登记时间:"
prop=
"qlxx.djsj"
:rules=
"rules.djsjrules"
>
:rules=
"rules.djsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.djsj"
class=
"width100"
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -185,8 +172,7 @@
v-for=
"item in qsztlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -196,15 +182,13 @@
<el-form-item
label=
"预告登记种类:"
prop=
"ygdj.ygdjzl"
:rules=
"rules.ygdjzlrules"
>
:rules=
"rules.ygdjzlrules"
>
<el-select
v-model=
"ruleForm.ygdj.ygdjzl"
>
<el-option
v-for=
"item in dictData['A29']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -221,8 +205,7 @@
v-for=
"item in dictData['A17']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -239,8 +222,7 @@
v-for=
"item in dictData['A19']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -257,8 +239,7 @@
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>
...
...
@@ -278,19 +259,16 @@
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.ygdj.jzmj"
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=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<el-option
v-for=
"item in dictData['A7']"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</div>
...
...
@@ -314,43 +292,37 @@
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
<el-col
:span=
"8"
>
<el-col
:span=
"8"
>
<el-form-item>
<span
slot=
"label"
style=
"display: inline-block"
>
<el-tooltip
content=
"取得价格被担保主债权数额:"
placement=
"top"
effect=
"light"
>
effect=
"light"
>
<span
type=
"text"
style=
"color: #444"
size=
"mini"
>
取得价格被担保...
</span>
size=
"mini"
>
取得价格被担保...
</span>
</el-tooltip>
</span>
<div
class=
"flex"
>
<div
class=
"flex"
>
<el-input
v-model=
"ruleForm.ygdj.qdjg"
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.ygdj.jedw"
:disabled=
"!ableOperation"
style=
"width: 20%"
>
style=
"width: 20%"
>
<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>
...
...
@@ -368,13 +340,11 @@
<el-tooltip
content=
"是否存在禁止或限制转让抵押不动产的约定:"
placement=
"top"
effect=
"light"
>
effect=
"light"
>
<span
type=
"text"
style=
"color: #444"
size=
"mini"
>
是否存在禁止或限制...
</span>
size=
"mini"
>
是否存在禁止或限制...
</span>
</el-tooltip>
</span>
<el-input
v-model=
"ruleForm.ygdj.sfczjzhxz"
></el-input>
...
...
@@ -400,8 +370,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.qlxx.gyfs"
>
v-model=
"ruleForm.sldy.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -409,12 +378,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.qlxx.sqfbcz"
:disabled=
"!ableOperation"
>
v-model=
"ruleForm.sldy.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
</el-radio-group>
...
...
@@ -422,20 +390,17 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show=
"ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
placeholder=
"持证人"
:disabled=
"!ableOperation"
>
:disabled=
"!ableOperation"
>
<el-option
v-for=
"item in czrOptions"
:key=
"item.zjh"
:label=
"item.sqrmc"
:value=
"item.zjh"
>
:value=
"item.zjh"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -446,8 +411,7 @@
@
upDateQlrxxList=
"upDateQlrxxList"
:key=
"key"
:ableOperation=
"ableOperation"
:gyfs=
"ruleForm.qlxx.gyfs"
/>
:gyfs=
"ruleForm.qlxx.gyfs"
/>
<div
v-if=
"ruleForm.ywrData"
>
<div
class=
"slxx_title title-block"
>
...
...
@@ -459,8 +423,7 @@
:tableData=
"ruleForm.ywrData"
:key=
"key"
:ableOperation=
"ableOperation"
@
upDateQlrxxList=
"upDateYwrxxList"
/>
@
upDateQlrxxList=
"upDateYwrxxList"
/>
</div>
</div>
<el-row
class=
"btn"
v-if=
"ableOperation"
>
...
...
@@ -472,335 +435,342 @@
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getQlxxByQlxxBsm
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
mjdw
:
"1"
,
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ruleForm
:
{},
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
mjdw
:
"1"
,
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ruleForm
:
{},
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
//传递参数\
rules
:
{
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
ygdjzlrules
:
[
{
required
:
true
,
message
:
"预告登记种类"
,
trigger
:
"change"
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
},
ableOperation
:
false
,
};
},
created
()
{
this
.
loadData
();
}
,
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
)
;
//传递参数\
rules
:
{
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产权证号:"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"blur"
}]
,
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
ygdjzlrules
:
[
{
required
:
true
,
message
:
"预告登记种类"
,
trigger
:
"change"
},
],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
},
ableOperation
:
false
,
}
;
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
ygdj
)
{
if
(
this
.
ruleForm
.
ygdj
[
key
]
==
""
||
this
.
ruleForm
.
ygdj
[
key
]
==
null
)
{
this
.
ruleForm
.
ygdj
[
key
]
=
this
.
nowlist
.
ygdj
[
key
];
created
()
{
this
.
loadData
();
},
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
}).
then
(()
=>
{
getQlxxByQlxxBsm
({
qlxxBsm
:
val
.
bsmQlxx
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
nowlist
=
res
.
result
;
console
.
log
(
"his.nowlist"
,
this
.
nowlist
);
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
for
(
var
key
in
this
.
ruleForm
.
ygdj
)
{
if
(
this
.
ruleForm
.
ygdj
[
key
]
==
""
||
this
.
ruleForm
.
ygdj
[
key
]
==
null
)
{
this
.
ruleForm
.
ygdj
[
key
]
=
this
.
nowlist
.
ygdj
[
key
];
}
}
}
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
for
(
var
key
in
this
.
ruleForm
.
qlxx
)
{
if
(
(
this
.
ruleForm
.
qlxx
[
key
]
==
null
&&
key
!=
"ywh"
)
||
this
.
ruleForm
.
qlxx
[
key
]
==
null
)
{
console
.
log
(
"this.ruleForm.qlxx[key]"
,
key
);
if
(
key
!=
"ywh"
)
{
this
.
ruleForm
.
qlxx
[
key
]
=
this
.
nowlist
.
qlxx
[
key
];
}
}
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
if
(
!
this
.
ruleForm
.
tdytqxList
.
length
)
{
this
.
ruleForm
.
tdytqxList
=
this
.
nowlist
.
tdytqxList
;
}
if
(
!
this
.
ruleForm
.
qlrData
.
length
)
{
this
.
ruleForm
.
qlrData
=
this
.
nowlist
.
qlrData
;
}
if
(
!
this
.
ruleForm
.
ywrData
.
length
)
{
this
.
ruleForm
.
ywrData
=
this
.
nowlist
.
ywrData
;
}
console
.
log
(
"this.ruleForm"
,
this
.
ruleForm
);
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
}
});
}).
catch
(()
=>
{
});
}).
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
ruleForm
.
ygdj
.
jedw
=
"1"
;
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
if
(
val
==
null
||
val
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
else
{
this
.
ssqlxxshow
=
true
;
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认权利人信息"
,
type
:
"error"
,
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
ruleForm
.
ygdj
.
jedw
=
"1"
;
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认义务人信息"
,
type
:
"error"
,
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
共有方式:单独所有,权利人只能是一个人
"
,
message
:
"
请确认权利人信息
"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"1"
)
{
//是否分别持证
if
(
this
.
ruleForm
.
qlxx
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认义务人信息"
,
type
:
"error"
,
});
return
false
;
}
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
message
:
"共有方式:单独所有,权利人只能是一个人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
else
{
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
});
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
});
});
},
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
form
/
deep
/
.el-form-item__label
{
width
:
145px
!important
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
height
:
32px
;
float
:
none
;
}
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
form
/
deep
/
.el-form-item__label
{
width
:
145px
!important
;
overflow
:
hidden
;
white-space
:
nowrap
;
text-overflow
:
ellipsis
;
height
:
32px
;
float
:
none
;
}
</
style
>
...
...
src/views/djbworkflow/djbBook/components/blxxtabs/yydj.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 11:00:40
* @LastEditTime: 2023-08-0
4 10:13:26
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -16,8 +16,7 @@
:inline="flag"
inline-message
:show-message="false"
label-width="145px"
>
label-width="145px">
<div
class=
"slxx_con"
v-if=
"isShow"
:class=
"flag ? 'formMarginBot0' : ''"
>
<div
class=
"slxx_title title-block"
>
补录信息
...
...
@@ -49,25 +48,21 @@
<el-form-item
label=
"抵押不动产信息:"
prop=
"ztQlxx.bdcqzh"
:rules=
"rules.ztQlxxrules"
>
:rules=
"rules.ztQlxxrules"
>
<select-table
v-model=
"ruleForm.ztQlxx"
:table-width=
"550"
:tableData=
"ztQlxxList"
:props=
"props"
@
change=
"ztQlxxchange"
>
@
change=
"ztQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -80,25 +75,21 @@
<el-form-item
label=
"上手权利信息:"
prop=
"ssQlxx.bdcqzh"
:rules=
"rules.ssQlxxrules"
>
:rules=
"rules.ssQlxxrules"
>
<select-table
v-model=
"ruleForm.ssQlxx"
:table-width=
"550"
:tableData=
"ssQlxxList"
:props=
"props"
@
change=
"ssQlxxchange"
>
@
change=
"ssQlxxchange"
>
<el-table-column
prop=
"qllxmc"
width=
"130"
label=
"权利类型"
></el-table-column>
label=
"权利类型"
></el-table-column>
<el-table-column
prop=
"bdcqzh"
width=
"160"
label=
"不动产权证书"
></el-table-column>
label=
"不动产权证书"
></el-table-column>
<el-table-column
prop=
"qlrmc"
label=
"权利人"
></el-table-column>
<el-table-column
prop=
"mjmc"
label=
"面积"
></el-table-column>
<el-table-column
prop=
"ytmc"
label=
"用途"
></el-table-column>
...
...
@@ -173,8 +164,7 @@
<el-form-item
label=
"业务号:"
prop=
"qlxx.ywh"
:rules=
"rules.ywhrules"
>
:rules=
"rules.ywhrules"
>
<el-input
v-model=
"ruleForm.qlxx.ywh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -199,15 +189,13 @@
<el-form-item
label=
"登记类型:"
prop=
"qlxx.djlx"
:rules=
"rules.djlxrules"
>
:rules=
"rules.djlxrules"
>
<el-select
v-model=
"ruleForm.qlxx.djlx"
@
change=
"djlxchange"
>
<el-option
v-for=
"item in djlxlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -221,8 +209,7 @@
<el-form-item
label=
"不动产权证号:"
prop=
"qlxx.bdcqzh"
:rules=
"rules.bdcqzhrules"
>
:rules=
"rules.bdcqzhrules"
>
<el-input
v-model=
"ruleForm.qlxx.bdcqzh"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -235,8 +222,7 @@
<el-form-item
label=
"登记机构:"
prop=
"qlxx.djjg"
:rules=
"rules.djjgrules"
>
:rules=
"rules.djjgrules"
>
<el-input
v-model=
"ruleForm.qlxx.djjg"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -244,8 +230,7 @@
<el-form-item
label=
"登簿人:"
prop=
"qlxx.dbr"
:rules=
"rules.dbrrules"
>
:rules=
"rules.dbrrules"
>
<el-input
v-model=
"ruleForm.qlxx.dbr"
></el-input>
</el-form-item>
</el-col>
...
...
@@ -253,16 +238,14 @@
<el-form-item
label=
"登记时间:"
prop=
"qlxx.djsj"
:rules=
"rules.djsjrules"
>
:rules=
"rules.djsjrules"
>
<el-date-picker
v-model=
"ruleForm.qlxx.djsj"
class=
"width100"
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -273,8 +256,7 @@
v-for=
"item in qsztlist"
:key=
"item.dcode"
:label=
"item.dname"
:value=
"item.dcode"
>
:value=
"item.dcode"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -318,8 +300,7 @@
type=
"date"
placeholder=
"选择日期"
value-format=
"yyyy-MM-dd HH:mm:ss"
format=
"yyyy-MM-dd"
>
format=
"yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
</el-col>
...
...
@@ -333,8 +314,7 @@
<el-form-item
label=
"共有方式:"
>
<el-radio-group
:disabled=
"!ableOperation"
v-model=
"ruleForm.qlxx.gyfs"
>
v-model=
"ruleForm.sldy.gyfs"
>
<el-radio
label=
"0"
>
单独所有
</el-radio>
<el-radio
label=
"1"
>
共同共有
</el-radio>
<el-radio
label=
"2"
>
按份所有
</el-radio>
...
...
@@ -342,12 +322,11 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.
qlxx
.gyfs != '0'"
>
<el-col
:span=
"6"
v-show=
"ruleForm.
sldy
.gyfs != '0'"
>
<el-form-item
label=
"是否分别持证:"
>
<el-radio-group
v-model=
"ruleForm.qlxx.sqfbcz"
:disabled=
"!ableOperation"
>
v-model=
"ruleForm.sldy.sqfbcz"
:disabled=
"!ableOperation"
>
<el-radio
:label=
"1"
>
是
</el-radio>
<el-radio
:label=
"0"
>
否
</el-radio>
</el-radio-group>
...
...
@@ -355,20 +334,17 @@
</el-col>
<el-col
:span=
"6"
v-show=
"ruleForm.qlxx.sqfbcz == '0' && ruleForm.qlxx.gyfs == '1'"
>
v-show=
"ruleForm.sldy.sqfbcz == '0' && ruleForm.sldy.gyfs != '0'"
>
<el-form-item
label=
"持证人:"
>
<el-select
v-model=
"ruleForm.czr"
placeholder=
"持证人"
:disabled=
"!ableOperation"
>
:disabled=
"!ableOperation"
>
<el-option
v-for=
"item in czrOptions"
:key=
"item.zjh"
:label=
"item.sqrmc"
:value=
"item.zjh"
>
:value=
"item.zjh"
>
</el-option>
</el-select>
</el-form-item>
...
...
@@ -379,8 +355,7 @@
@
upDateQlrxxList=
"upDateQlrxxList"
:key=
"key"
:ableOperation=
"ableOperation"
:gyfs=
"ruleForm.qlxx.gyfs"
/>
:gyfs=
"ruleForm.qlxx.gyfs"
/>
<div
v-if=
"ruleForm.ywrData"
>
<div
class=
"slxx_title title-block"
>
义务人信息
...
...
@@ -391,8 +366,7 @@
:tableData=
"ruleForm.ywrData"
:key=
"key"
:ableOperation=
"ableOperation"
@
upDateQlrxxList=
"upDateYwrxxList"
/>
@
upDateQlrxxList=
"upDateYwrxxList"
/>
</div>
</div>
<el-row
class=
"btn"
v-if=
"ableOperation"
>
...
...
@@ -404,312 +378,319 @@
</div>
</
template
>
<
script
>
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getZtQlxx
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
import
{
mapGetters
}
from
"vuex"
;
import
ywmix
from
"@/views/ywbl/mixin/index"
;
import
{
init
,
getSsQlxx
,
getZtQlxx
,
save
}
from
"@/api/djbRepair.js"
;
import
qlrCommonTable
from
"@/views/djbworkflow/components/qlrCommonTable"
;
import
ywrCommonTable
from
"@/views/djbworkflow/components/ywrCommonTable"
;
import
tdytTable
from
"@/views/workflow/components/tdytTable"
;
import
selectTable
from
"@/components/selectTable/index.vue"
;
export
default
{
mixins
:
[
ywmix
],
components
:
{
qlrCommonTable
,
ywrCommonTable
,
tdytTable
,
selectTable
},
computed
:
{
...
mapGetters
([
"dictData"
,
"flag"
]),
// 根据流程判断表单是否为只读
editDisabled
()
{
if
(
!
this
.
ableOperation
)
{
//只读状态
return
true
;
}
return
false
;
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ztQlxxList
:
[],
ruleForm
:
{},
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
data
()
{
return
{
ssqlxxshow
:
true
,
props
:
{
label
:
"bdcqzh"
,
value
:
"bdcdyid"
,
},
//表单是否可操作
propsParam
:
this
.
$attrs
,
key
:
0
,
isShow
:
false
,
disabled
:
true
,
czrOptions
:
[],
ssQlxxList
:
[],
ztQlxxList
:
[],
ruleForm
:
{},
// 登记类型
djlxlist
:
[
{
dcode
:
"100"
,
dname
:
"首次登记"
,
},
{
dcode
:
"200"
,
dname
:
"转移登记"
,
},
{
dcode
:
"300"
,
dname
:
"变更登记"
,
},
{
dcode
:
"500"
,
dname
:
"更正登记"
,
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
{
dcode
:
"901"
,
dname
:
"补证"
,
},
{
dcode
:
"902"
,
dname
:
"换证"
,
},
],
ztQlxxrules
:
[
{
required
:
true
,
message
:
"抵押不动产信息"
,
trigger
:
"blur"
},
// 权属状态
qsztlist
:
[
{
dcode
:
"1"
,
dname
:
"现势"
,
},
{
dcode
:
"2"
,
dname
:
"历史"
,
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产登记证明号"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"change"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
yysxrules
:
[{
required
:
true
,
message
:
"异议事项"
,
trigger
:
"blur"
}],
},
ableOperation
:
false
,
};
},
created
()
{
this
.
loadData
();
},
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
methods
:
{
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange
(
val
)
{
this
.
ruleForm
.
ztQlxx
=
val
;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
})
.
then
(()
=>
{
// this.ruleForm.qlxx.ssywh = "1111111111111";
this
.
$message
({
type
:
"success"
,
message
:
"同步成功!"
,
});
})
.
catch
(()
=>
{
this
.
$message
({
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
// if (val == null || val == 100) {
// this.ssqlxxshow = false;
// } else {
// this.ssqlxxshow = true;
// }
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
}
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
//传递参数\
rules
:
{
ssQlxxrules
:
[
{
required
:
true
,
message
:
"上手权利信息"
,
trigger
:
"blur"
},
],
ztQlxxrules
:
[
{
required
:
true
,
message
:
"抵押不动产信息"
,
trigger
:
"blur"
},
],
bdcqzhrules
:
[
{
required
:
true
,
message
:
"不动产登记证明号"
,
trigger
:
"blur"
},
],
// qxdmrules: [{ required: true, message: "区县代码", trigger: "blur" }],
djjgrules
:
[{
required
:
true
,
message
:
"登记机构"
,
trigger
:
"change"
}],
dbrrules
:
[{
required
:
true
,
message
:
"登簿人"
,
trigger
:
"blur"
}],
djsjrules
:
[{
required
:
true
,
message
:
"登记时间"
,
trigger
:
"blur"
}],
djlxrules
:
[{
required
:
true
,
message
:
"登记类型"
,
trigger
:
"change"
}],
ywhrules
:
[{
required
:
true
,
message
:
"业务号"
,
trigger
:
"blur"
}],
yysxrules
:
[{
required
:
true
,
message
:
"异议事项"
,
trigger
:
"blur"
}],
},
ableOperation
:
false
,
};
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
created
()
{
this
.
loadData
();
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
mounted
()
{
this
.
ableOperation
=
this
.
$parent
.
ableOperation
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
methods
:
{
/**
* @description: ztQlxxchange
* @param {*} val
* @author: renchao
*/
ztQlxxchange
(
val
)
{
this
.
ruleForm
.
ztQlxx
=
val
;
},
/**
* @description: ssQlxxchange
* @param {*} val
* @author: renchao
*/
ssQlxxchange
(
val
)
{
this
.
ruleForm
.
ssQlxx
=
val
;
this
.
ruleForm
.
qlxx
.
ssywh
=
val
.
ywh
;
this
.
ssQlxxchangediolog
(
val
);
},
// 弹框事件
ssQlxxchangediolog
(
val
)
{
console
.
log
(
"确定了"
,
this
.
ruleForm
);
this
.
$confirm
(
"是否将上手权利信息同步到表单"
,
"提示"
,
{
iconClass
:
"el-icon-question"
,
//自定义图标样式
confirmButtonText
:
"确认"
,
//确认按钮文字更换
cancelButtonText
:
"取消"
,
//取消按钮文字更换
showClose
:
true
,
//是否显示右上角关闭按钮
type
:
"warning"
,
})
.
then
(()
=>
{
// this.ruleForm.qlxx.ssywh = "1111111111111";
this
.
$message
({
showClose
:
true
,
message
:
"请确认权利人信息"
,
type
:
"error"
,
type
:
"success"
,
message
:
"同步成功!"
,
});
return
false
;
}
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
})
.
catch
(()
=>
{
this
.
$message
({
showClose
:
true
,
message
:
"请确认义务人信息"
,
type
:
"error"
,
type
:
"info"
,
message
:
"已取消同步"
,
});
});
},
/**
* @description: djlxchange
* @param {*} val
* @author: renchao
*/
djlxchange
(
val
)
{
// if (val == null || val == 100) {
// this.ssqlxxshow = false;
// } else {
// this.ssqlxxshow = true;
// }
},
/**
* @description: loadData
* @author: renchao
*/
loadData
()
{
this
.
$startLoading
();
this
.
propsParam
.
isEdit
=
this
.
$parent
.
isEdit
;
init
(
this
.
propsParam
).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ruleForm
=
res
.
result
;
let
djlx
=
this
.
ruleForm
.
qlxx
.
djlx
;
if
(
djlx
==
null
||
djlx
==
100
)
{
this
.
ssqlxxshow
=
false
;
}
this
.
$endLoading
();
this
.
isShow
=
true
;
//获取主体信息
getSsQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
qllx
:
this
.
propsParam
.
qllx
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ssQlxxList
=
res
.
result
;
}
});
//获取上手信息
getZtQlxx
({
bdcdyid
:
this
.
propsParam
.
bdcdyid
,
bsmQlxx
:
this
.
ruleForm
.
qlxx
.
bsmQlxx
,
}).
then
((
res
)
=>
{
if
(
res
.
code
==
200
)
{
this
.
ztQlxxList
=
res
.
result
;
}
});
return
false
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
});
},
// 更新土地用途信息
/**
* @description: 更新土地用途信息
* @param {*} val
* @author: renchao
*/
upDateTdytxxList
(
val
)
{
this
.
ruleForm
.
tdytqxList
&&
(
this
.
ruleForm
.
tdytqxList
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
// 更新权利人信息
/**
* @description: 更新权利人信息
* @param {*} val
* @author: renchao
*/
upDateQlrxxList
(
val
)
{
this
.
ruleForm
.
qlrData
&&
(
this
.
ruleForm
.
qlrData
=
_
.
cloneDeep
(
val
));
this
.
czrOptions
=
this
.
ruleForm
.
qlrData
;
this
.
key
++
;
},
// 更新义务人信息
/**
* @description: 更新义务人信息
* @param {*} val
* @author: renchao
*/
upDateYwrxxList
(
val
)
{
this
.
ruleForm
.
ywrData
&&
(
this
.
ruleForm
.
ywrData
=
_
.
cloneDeep
(
val
));
this
.
key
++
;
},
/**
* @description: onSubmit
* @author: renchao
*/
onSubmit
()
{
this
.
$refs
.
ruleForm
.
validate
((
valid
)
=>
{
if
(
valid
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
共有方式:单独所有,权利人只能是一个人
"
,
message
:
"
请确认权利人信息
"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
qlxx
.
gyfs
==
"1"
)
{
//是否分别持证
if
(
this
.
ruleForm
.
qlxx
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
});
}
else
{
this
.
ruleForm
.
qlrData
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
if
(
this
.
ruleForm
.
ywrData
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
message
:
"
保存成功!
"
,
type
:
"
success
"
,
message
:
"
请确认义务人信息
"
,
type
:
"
error
"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
return
false
;
}
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrData
.
length
>
1
)
{
this
.
$message
({
showClose
:
true
,
message
:
"共有方式:单独所有,权利人只能是一个人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrData
[
0
].
sfczr
=
"1"
;
}
else
{
this
.
$message
({
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
});
}
else
{
return
false
;
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
;
}
});
}
}
});
save
(
this
.
ruleForm
).
then
((
res
)
=>
{
if
(
res
.
code
===
200
)
{
this
.
$message
({
showClose
:
true
,
message
:
"保存成功!"
,
type
:
"success"
,
});
this
.
$parent
.
changeywh
();
this
.
$store
.
dispatch
(
"user/refreshPage"
,
true
);
}
else
{
this
.
$message
({
showClose
:
true
,
message
:
res
.
message
,
type
:
"error"
,
});
}
});
}
else
{
return
false
;
}
});
},
},
},
};
};
</
script
>
<
style
scoped
lang=
"scss"
>
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
@import
"~@/styles/public.scss"
;
@import
"~@/styles/slxx/slxx.scss"
;
</
style
>
...
...
src/views/ywbl/slsqxx/jsydsyq/slxx.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
2 08:45:57
* @LastEditTime: 2023-08-0
4 10:56:39
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -312,6 +312,7 @@
* @author: renchao
*/
onSubmit
()
{
let
that
=
this
if
(
this
.
ruleForm
.
qlrList
.
length
==
0
)
{
this
.
$message
({
showClose
:
true
,
...
...
@@ -320,7 +321,6 @@
});
return
false
;
}
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"0"
)
{
if
(
this
.
ruleForm
.
qlrList
.
length
>
1
)
{
this
.
$message
({
...
...
@@ -331,21 +331,29 @@
return
false
;
}
this
.
ruleForm
.
qlrList
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"1"
)
{
}
else
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
'1'
)
{
//是
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
item
.
sfczr
=
"1"
item
.
sfczr
=
"1"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
item
.
sfczr
=
"1"
;
}
else
{
item
.
sfczr
=
"0"
item
.
sfczr
=
"0"
;
}
})
})
;
}
}
/**
...
...
src/views/ywbl/slsqxx/tdsyq/slxx.vue
View file @
7f9095f
<!--
* @Description:
* @Autor: renchao
* @LastEditTime: 2023-08-0
1 18:15:20
* @LastEditTime: 2023-08-0
4 10:59:55
-->
<
template
>
<!-- 受理信息 -->
...
...
@@ -449,8 +449,7 @@
return
false
;
}
this
.
ruleForm
.
qlrList
[
0
].
sfczr
=
"1"
;
}
if
(
this
.
ruleForm
.
sldy
.
gyfs
==
"1"
)
{
}
else
{
//是否分别持证
if
(
this
.
ruleForm
.
sldy
.
sqfbcz
==
"1"
)
{
//是
...
...
@@ -458,6 +457,14 @@
item
.
sfczr
=
"1"
;
});
}
else
{
if
(
!
that
.
ruleForm
.
czr
)
{
that
.
$message
({
showClose
:
true
,
message
:
"请选择持证人"
,
type
:
"error"
,
});
return
false
;
}
this
.
ruleForm
.
qlrList
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
zjh
==
this
.
ruleForm
.
czr
)
{
item
.
sfczr
=
"1"
;
...
...
Please
register
or
sign in
to post a comment