Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
6dca9923 by renchao@pashanhoo.com
Options

style:登记薄详情

1 parent 7976445b
Inline Side-by-side
Showing 7 changed files with 503 additions and 26 deletions
...@@ -70,7 +70,7 @@ ...@@ -70,7 +70,7 @@
70 <style lang="scss" scoped> 70 <style lang="scss" scoped>
71 .djbfm { 71 .djbfm {
72 width: 100%; 72 width: 100%;
73 height: 80%; 73 height: 100%;
74 background: #fff; 74 background: #fff;
75 line-height: 45px; 75 line-height: 45px;
76 text-align: center; 76 text-align: center;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-10 10:41:04 4 * @LastEditTime: 2023-11-14 15:10:12
5 --> 5 -->
6 <template> 6 <template>
7 <div class="content"> 7 <div class="content">
...@@ -11,6 +11,7 @@ ...@@ -11,6 +11,7 @@
11 :data="treedata" 11 :data="treedata"
12 :props="defaultProps" 12 :props="defaultProps"
13 @node-click="handleNodeClick" 13 @node-click="handleNodeClick"
14 :highlight-current="highlight"
14 :default-expand-all="true" 15 :default-expand-all="true"
15 :expand-on-click-node="false" 16 :expand-on-click-node="false"
16 node-key="id" 17 node-key="id"
...@@ -24,7 +25,8 @@ ...@@ -24,7 +25,8 @@
24 :key="index" 25 :key="index"
25 :name="index"> 26 :name="index">
26 <template slot="title"> 27 <template slot="title">
27 <span class="text" :class="[titleActive == index ? 'nameSelect' : '']" @click="tap(item, index)"> 28 <!-- nameSelect -->
29 <span class="text" :class="[titleActive == index ? 'curentSelect' : '']" @click="tap(item, index)">
28 <span> {{ item.label }}</span> 30 <span> {{ item.label }}</span>
29 </span> 31 </span>
30 </template> 32 </template>
...@@ -63,6 +65,7 @@ ...@@ -63,6 +65,7 @@
63 }, 65 },
64 data () { 66 data () {
65 return { 67 return {
68 highlight: true,
66 activeName: 0, 69 activeName: 0,
67 titleActive: "", 70 titleActive: "",
68 //接收参数 71 //接收参数
...@@ -101,6 +104,7 @@ ...@@ -101,6 +104,7 @@
101 * 点击不动产单元号事件 104 * 点击不动产单元号事件
102 */ 105 */
103 getBdcdyh (val) { 106 getBdcdyh (val) {
107 this.highlight = false
104 this.addloadData(val); 108 this.addloadData(val);
105 }, 109 },
106 /** 110 /**
...@@ -118,12 +122,9 @@ ...@@ -118,12 +122,9 @@
118 return item.bdcdyid == val.bdcdyid 122 return item.bdcdyid == val.bdcdyid
119 }) 123 })
120 this.activeName = index 124 this.activeName = index
121 this.titleActive = -1
122 this.titleActive = this.activeName
123 } else { 125 } else {
124 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid)) 126 this.sfqdata.push(loadsfqData(res.result, val.bdcdyh, val.bdcdyid))
125 this.activeName = this.sfqdata.length - 1 127 this.activeName = this.sfqdata.length - 1
126 this.titleActive = this.activeName
127 } 128 }
128 129
129 this.$nextTick(function () { 130 this.$nextTick(function () {
...@@ -135,6 +136,7 @@ ...@@ -135,6 +136,7 @@
135 this.sfqdata[0].children.forEach((item, index) => { 136 this.sfqdata[0].children.forEach((item, index) => {
136 if (item.id == this.defaultNode.id) { 137 if (item.id == this.defaultNode.id) {
137 this.isActive = index 138 this.isActive = index
139 this.titleActive = -1
138 this.loadComponent(item.form) 140 this.loadComponent(item.form)
139 } 141 }
140 }) 142 })
...@@ -172,9 +174,10 @@ ...@@ -172,9 +174,10 @@
172 if (item.id == this.defaultNode.id) { 174 if (item.id == this.defaultNode.id) {
173 this.loadComponent(item.form); 175 this.loadComponent(item.form);
174 this.isActive = index; 176 this.isActive = index;
177 this.titleActive = -1
175 } 178 }
176 }); 179 })
177 }); 180 })
178 } 181 }
179 }); 182 });
180 this.currentSelectProps = { 183 this.currentSelectProps = {
...@@ -190,6 +193,9 @@ ...@@ -190,6 +193,9 @@
190 * @author: renchao 193 * @author: renchao
191 */ 194 */
192 handleNodeClick (data) { 195 handleNodeClick (data) {
196 this.highlight = true
197 this.titleActive = -1
198 this.isActive = -1
193 this.loadComponent(data.form); 199 this.loadComponent(data.form);
194 }, 200 },
195 /** 201 /**
...@@ -203,10 +209,13 @@ ...@@ -203,10 +209,13 @@
203 this.isActive = -1 209 this.isActive = -1
204 this.titleActive = index 210 this.titleActive = index
205 this.loadComponent(data.form); 211 this.loadComponent(data.form);
212 this.highlight = false
206 }, 213 },
207 taplist (data, index) { 214 taplist (data, index) {
208 this.loadComponent(data.form); 215 this.loadComponent(data.form);
209 this.isActive = index; 216 this.isActive = index;
217 this.titleActive = -1
218 this.highlight = false
210 }, 219 },
211 /** 220 /**
212 * @description: loadComponent 221 * @description: loadComponent
...@@ -221,6 +230,26 @@ ...@@ -221,6 +230,26 @@
221 } 230 }
222 </script> 231 </script>
223 <style scoped lang="scss"> 232 <style scoped lang="scss">
233 /deep/.el-collapse-item__header .el-collapse-item__arrow:hover {
234 transition: transform 0.3s;
235 transform: scale(1.3);
236 z-index: 1;
237 color: #0079fe;
238 font-weight: 700;
239 }
240 /deep/.el-tree--highlight-current
241 .el-tree-node.is-current
242 > .el-tree-node__content {
243 background-color: #f5f5f5;
244 color: #0079fe;
245 border-right: 4px solid #0079fe;
246 }
247 .curentSelect {
248 background-color: #f5f5f5;
249 color: #0079fe;
250 border-right: 4px solid #0079fe;
251 border-bottom: 1px solid #ffffff;
252 }
224 .content { 253 .content {
225 width: 100%; 254 width: 100%;
226 height: 100%; 255 height: 100%;
...@@ -238,8 +267,6 @@ ...@@ -238,8 +267,6 @@
238 .right { 267 .right {
239 width: calc(100% - 256px); 268 width: calc(100% - 256px);
240 height: 704px; 269 height: 704px;
241 // overflow-y: scroll;
242 // overflow: auto;
243 background-color: #f5f5f5; 270 background-color: #f5f5f5;
244 border: 1px solid rgb(228, 228, 228); 271 border: 1px solid rgb(228, 228, 228);
245 } 272 }
...@@ -255,22 +282,10 @@ ...@@ -255,22 +282,10 @@
255 height: 45px; 282 height: 45px;
256 } 283 }
257 284
258 /deep/ .el-tree-node:focus > .el-tree-node__content {
259 // background-color: #f5f5f5;
260 // color: #0079fe;
261 // border-right: 4px solid #0079fe;
262 }
263
264 /deep/.el-tree-node { 285 /deep/.el-tree-node {
265 white-space: pre-wrap; 286 white-space: pre-wrap;
266 } 287 }
267 288
268 /deep/ .is-current > .el-tree-node__content {
269 // background-color: #f5f5f5;
270 // color: #0079fe;
271 // border-right: 4px solid #0079fe;
272 }
273
274 /deep/.el-collapse-item__header { 289 /deep/.el-collapse-item__header {
275 width: 100%; 290 width: 100%;
276 cursor: pointer; 291 cursor: pointer;
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-10-10 09:11:05 4 * @LastEditTime: 2023-11-14 14:50:46
5 --> 5 -->
6 <template> 6 <template>
7 <div class="djbfm"> 7 <div class="djbfm">
...@@ -75,7 +75,7 @@ ...@@ -75,7 +75,7 @@
75 <style lang="scss" scoped> 75 <style lang="scss" scoped>
76 .djbfm { 76 .djbfm {
77 width: 100%; 77 width: 100%;
78 height: 80%; 78 height: 100%;
79 position: relative; 79 position: relative;
80 .print { 80 .print {
81 z-index: 10; 81 z-index: 10;
......
1 <!--
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-11-14 14:21:57
5 -->
6 <template>
7 <div class="from-clues">
8 <!-- 表单部分 -->
9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" label-width="100px">
11 <el-row>
12 <el-col :span="7">
13 <el-form-item label="不动产权证号">
14 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable class="width100">
15 </el-input>
16 </el-form-item>
17 </el-col>
18 <el-col :span="7">
19 <el-form-item label="不动产单元号">
20 <el-input placeholder="请输入不动产单元号" v-model="queryForm.bdcdyh" clearable maxlength="28" class="width100">
21 </el-input>
22 </el-form-item>
23 </el-col>
24 </el-row>
25 <el-row>
26 <el-col :span="6">
27 <el-form-item label="坐落">
28 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
29 </el-input>
30 </el-form-item>
31 </el-col>
32 <el-col :span="4" class="btnColRight">
33 <el-form-item>
34 <el-button type="primary" @click="handleSearch">查询</el-button>
35 </el-form-item>
36 </el-col>
37 </el-row>
38 </el-form>
39 </div>
40 <!-- 表格 -->
41 <div class="mergeTable loadingtext">
42 <el-table
43 :data="tableData.data"
44 height="230"
45 border
46 :cell-style="{ textAlign: 'center' }"
47 :header-cell-style="{textAlign: 'center'}"
48 @row-click="handleRowClick"
49 style="width: 100%">
50 <el-table-column
51 label="选择"
52 width="50">
53 <template slot-scope="scope">
54 <el-radio v-model="radioVal" @change="handleSelect" @click.native.stop :label="scope.row.bdcdyh">{{''}}</el-radio>
55 </template>
56 </el-table-column>
57 <el-table-column
58 type="index"
59 label="序号"
60 width="50">
61 </el-table-column>
62 <el-table-column
63 label="状态"
64 width="150">
65 <template slot-scope="scope">
66 <a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a>
67 <span v-show="scope.row.zjgcdyzt==1">>,在建工程抵押</span>
68 <span v-show="scope.row.ycfzt==1">>,已预查封</span>
69 <span v-show="scope.row.ycfzt==1">>,已预查封</span>
70 <span v-show="scope.row.cfzt==1">>,已查封</span>
71 <span v-show="scope.row.diyizt==1">>,已地役</span>
72 <span v-show="scope.row.yyzt==1">>,异议中</span>
73 <span v-show="scope.row.xzzt==1">,已限制</span>
74 <span v-show="scope.row.ygmmzt==1">>,已预告买卖</span>
75 <span v-show="scope.row.ygdyzt==1">>,已预告抵押</span>
76 <span v-show="scope.row.dyzt==1">>,已抵押</span>
77 </template>
78 </el-table-column>
79 <el-table-column
80 property="qllxmc"
81 label="权利类型">
82 </el-table-column>
83 <el-table-column
84 property="bdcdyh"
85 label="不动产单元号"
86 width="150">
87 </el-table-column>
88 <el-table-column
89 property="bdcqzh"
90 label="不动产权证号"
91 width="160">
92 </el-table-column>
93 <el-table-column
94 property="gyqk"
95 label="共有情况">
96 </el-table-column>
97 <el-table-column
98 property="qlrmc"
99 label="权利人">
100 </el-table-column>
101 <el-table-column
102 property="qlrzjhm"
103 label="证件号">
104 </el-table-column>
105 <el-table-column
106 property="qlxzmc"
107 label="权利性质">
108 </el-table-column>
109 <el-table-column
110 property="qlytmc"
111 label="用途">
112 </el-table-column>
113 <el-table-column
114 property="qlmjmc"
115 label="面积">
116 </el-table-column>
117 <el-table-column
118 property="zl"
119 label="坐落">
120 </el-table-column>
121 <el-table-column
122 label="操作"
123 width="80">
124 <template slot-scope="scope">
125 <el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button>
126 </template>
127 </el-table-column>
128 </el-table>
129
130 </div>
131 <div class="mergeTable loadingtext">
132 房屋变化情况
133 <lb-table ref="table" :pagination=false :calcHeight="450" :column="tableData.columns1"
134 :data="tableData.datastwo">
135 </lb-table>
136 </div>
137 <div class="submit_button">
138 <el-button @click="$popupCacel">取消</el-button>
139 <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button>
140 </div>
141 </div>
142 </template>
143 <script>
144 //首次登记
145 import jump from "./mixin/jump";
146 import store from '@/store/index.js'
147 import table from "@/utils/mixin/table";
148 import { ywPopupDialog } from "@/utils/popup.js";
149 import { datas, sendThis } from "../javascript/selectFwfgSplitMerge.js";
150 import { defaultParameters } from "../javascript/publicDefaultPar.js";
151 import { selectJsydQlxxSplitMergeBefore, selectZdjbxxSplitMerge } from "@/api/ywsq.js";
152 import { startBusinessFlow } from "@/api/workFlow.js";
153 export default {
154 mixins: [table, jump],
155 props: {
156 isJump: { type: Boolean, default: false },
157 sqywInfo: { type: Object, default: () => { } },
158 },
159 data () {
160 return {
161 loading: false,
162 queryForm: defaultParameters.defaultParameters(),
163 // 表格数据
164 tableData: {
165 data: [],
166 columns1: datas.columns1(),
167 datastwo: []
168 },
169 bdcdysz: [],
170 radioVal: ""
171 }
172 },
173 mounted () {
174 sendThis(this)
175 },
176 methods: {
177 /**
178 * @description: 单选事件
179 * @author: renchao
180 */
181 handleSelect () {
182 this.tableData.data.forEach(item => {
183 if (this.radioVal == item.bdcdyh) {
184 item.bglx = '1'
185 this.bdcdysz[0] = item
186 this.queryForm.bhqkbsm = item.bhqkbsm
187 }
188 })
189 selectZdjbxxSplitMerge({ ...this.queryForm }).then((res) => {
190 this.$endLoading();
191 if (res.code === 200) {
192 this.tableData.datastwo = res.result
193 this.tableData.datastwo.forEach(item => {
194 item.bsm = item.zdbsm;
195 })
196 this.bdcdysz = this.tableData.datastwo
197 }
198 })
199 },
200 /**
201 * @description: queryClick
202 * @author: renchao
203 */
204 queryClick () {
205 this.$startLoading();
206 this.queryForm.sqywbm = this.sqywInfo.djywbm;
207 selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => {
208 this.$endLoading();
209 if (res.code === 200) {
210 this.tableData.data = res.result
211 }
212 });
213 },
214 /**
215 * @description: submitForm
216 * @author: renchao
217 */
218 submitForm () {
219 this.loading = true
220 startBusinessFlow({
221 bsmSqyw: this.sqywInfo.bsmSqyw,
222 bdcdysz: this.bdcdysz,
223 }).then((res) => {
224 this.loading = false
225 if (res.code == 200) {
226 this.$message({
227 showClose: true,
228 message: "发起申请成功",
229 type: "success",
230 });
231 if (!this.isJump) {
232 this.jump(res.result, this.sqywInfo.djywbm);
233 } else {
234 store.dispatch('user/refreshPage', true);
235 }
236 this.$popupCacel()
237 } else {
238 if (res.result && res.result.length > 0) {
239 ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true)
240 } else {
241 ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true)
242 }
243 }
244 }).catch(() => {
245 this.loading = false
246 })
247 },
248 /**
249 * @description: openBook
250 * @param {*} row
251 * @author: renchao
252 */
253 openBook (row) {
254 var param = {
255 bdcdyid: row.bdcdyid,
256 qllx: row.qllx,
257 bdcdyh: row.bdcdyh,
258 bsmQlxx: row.bsmQlxx,
259 };
260 this.$popup("登记簿详情", "registerBook/djbFrame", {
261 formData: param
262 })
263 },
264 /**
265 * @description: select
266 * @param {*} selection
267 * @param {*} row
268 * @author: renchao
269 */
270 select (selection, row) {
271 if (this.sqywInfo.sqywdylx == "1") {
272 // 清除 所有勾选项
273 this.$refs.table.clearSelection()
274 // 当表格数据都没有被勾选的时候 就返回
275 // 主要用于将当前勾选的表格状态清除
276 if (selection.length == 0) return
277 this.$refs.table.toggleRowSelection(row, true);
278 }
279 },
280 /**
281 * @description: handleRowClick
282 * @param {*} row
283 * @author: renchao
284 */
285 handleRowClick (row) {
286 this.queryForm.bhqkbsm = row.bhqkbsm
287 this.radioVal = row.bdcdyh
288 row.bglx = '1'
289 selectZdjbxxSplitMerge({ ...this.queryForm }).then((res) => {
290 this.$endLoading();
291 if (res.code === 200) {
292 this.tableData.datastwo = res.result
293 this.tableData.datastwo.forEach(item => {
294 item.bsm = item.zdbsm;
295 })
296 this.bdcdysz = this.tableData.datastwo
297 }
298 })
299 }
300 }
301 }
302 </script>
303 <style scoped lang="scss">
304 @import "~@/styles/mixin.scss";
305 @import "~@/styles/public.scss";
306 .mergeTable {
307 margin-top: 5px;
308 }
309 /deep/.el-radio__label {
310 display: none;
311 }
312 </style>
1 /*
2 * @Description:
3 * @Autor: renchao
4 * @LastEditTime: 2023-11-14 14:16:21
5 */
6 import filter from '@/utils/filter.js'
7 let vm = null
8
9 const sendThis = (_this) => {
10 vm = _this
11 }
12 class data extends filter {
13 constructor() {
14 super()
15 }
16 columns () {
17 return [
18 {
19 type: 'selection',
20 label: '全选',
21 },
22 {
23 label: '序号',
24 type: 'index',
25 width: '50',
26 render: (h, scope) => {
27 return (
28 <div>
29 {(vm.pageData.currentPage - 1) * vm.pageData.pageSize + scope.$index + 1}
30 </div>
31 )
32 }
33 },
34 {
35 prop: "status",
36 label: "状态",
37 width: '130',
38 render: (h, scope) => {
39 return (
40 <div>
41 <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a>
42 <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span>
43 </div>
44 )
45 }
46 },
47 {
48 prop: "qllxmc",
49 label: "权利类型",
50 minWidth: '130'
51 },
52 {
53 prop: "bdcdyh",
54 label: "不动产单元号",
55 minWidth: '130'
56 },
57 {
58 label: "不动产权证号",
59 width: '150',
60 render: (h, scope) => {
61 return (
62 <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width ">
63 <span class="ellipsis-table"> {scope.row.bdcqzh}</span>
64 </el-tooltip>
65 )
66 }
67 },
68 {
69 prop: "gyqk",
70 label: "共有情况",
71 },
72 {
73 label: "权利人",
74 width: '120',
75 render: (h, scope) => {
76 return (
77 <el-tooltip effect="dark" content={scope.row.qlrmc} placement="top" popper-class="tooltip-width ">
78 <span class="ellipsis-table"> {scope.row.qlrmc}</span>
79 </el-tooltip>
80 )
81 }
82 },
83 {
84 label: "证件号",
85 witdth: '100',
86 render: (h, scope) => {
87 return (
88 <el-tooltip effect="dark" content={scope.row.qlrzjhm} placement="top" popper-class="tooltip-width ">
89 <span class="ellipsis-table"> {scope.row.qlrzjhm}</span>
90 </el-tooltip>
91 )
92 }
93 },
94 {
95 prop: "qlxzmc",
96 label: "权利性质",
97 },
98 {
99 label: "用途",
100 width: '120',
101 render: (h, scope) => {
102 return (
103 <el-tooltip effect="dark" content={scope.row.qlytmc} placement="top" popper-class="tooltip-width ">
104 <span class="ellipsis-table"> {scope.row.qlytmc}</span>
105 </el-tooltip>
106 )
107 }
108 },
109 {
110 prop: "qlmjmc",
111 label: "面积",
112 },
113 {
114 label: "坐落",
115 minWidth: '150',
116 render: (h, scope) => {
117 return (
118 <el-tooltip effect="dark" content={scope.row.zl} placement="top" popper-class="tooltip-width ">
119 <span class="ellipsis-table"> {scope.row.zl}</span>
120 </el-tooltip>
121 )
122 }
123 },
124 {
125 label: '操作',
126 width: '80',
127 align: 'center',
128 fixed: 'right',
129 render: (h, scope) => {
130 return (
131 <div>
132 <el-button type="text" icon="el-icon-edit-outline" onClick={() => { vm.openBook(scope.row) }}>登记薄</el-button>
133 </div>
134 )
135 }
136 }
137 ]
138 }
139 }
140 let datas = new data()
141 export {
142 datas,
143 sendThis
144 }
1 /* 1 /*
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-10-31 08:50:23 4 * @LastEditTime: 2023-11-14 14:15:21
5 */ 5 */
6 import filter from '@/utils/filter.js' 6 import filter from '@/utils/filter.js'
7 let vm = null 7 let vm = null
......
1 export function queueDjywmc (djywbm, djqxbm) { 1 export function queueDjywmc (djywbm, djqxbm) {
2 console.log(djywbm, 'djywbm'); 2 console.log(djywbm, 'djywbm', 'djqxbm', djqxbm);
3 // 土地分割
3 if (djqxbm == "A0320099" || djqxbm == "A0330099") { 4 if (djqxbm == "A0320099" || djqxbm == "A0330099") {
4 return "selectJsydsyqSplitMerge"; 5 return "selectJsydsyqSplitMerge";
5 } 6 }
7 // 房屋分割
8 if (['A04300S1', 'A04200S1', 'A04300S2'].includes(djqxbm)) {
9 return "selectFwfgSplitMerge";
10 }
6 if (djqxbm == "A37100S2") { 11 if (djqxbm == "A37100S2") {
7 return "selectYgdy"; 12 return "selectYgdy";
8 } 13 }
...@@ -47,6 +52,7 @@ export function queueDjywmc (djywbm, djqxbm) { ...@@ -47,6 +52,7 @@ export function queueDjywmc (djywbm, djqxbm) {
47 case "B37100": // 在建工程抵押权 || 首次登记 52 case "B37100": // 在建工程抵押权 || 首次登记
48 vm = "fwsyq"; 53 vm = "fwsyq";
49 break; 54 break;
55 // 房屋分割
50 case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记 56 case "A04200": //国有建设用地使用权/房屋所有权 || 转移登记
51 case "A04300": 57 case "A04300":
52 case "A04400": 58 case "A04400":
......