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