Merge branch 'dev'
Showing
15 changed files
with
540 additions
and
60 deletions
1 | /* | 1 | /* |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-10 10:34:55 | 4 | * @LastEditTime: 2023-11-14 13:28:47 |
5 | */ | 5 | */ |
6 | import { mapGetters } from 'vuex' | 6 | import { mapGetters } from 'vuex' |
7 | import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; | 7 | import { defaultParameters } from "../../views/ywbl/ywsq/javascript/publicDefaultPar"; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-10 10:55:05 | 4 | * @LastEditTime: 2023-11-14 13:25:36 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -362,7 +362,7 @@ | ... | @@ -362,7 +362,7 @@ |
362 | height: 66px; | 362 | height: 66px; |
363 | line-height: 75px; | 363 | line-height: 75px; |
364 | color: #fff; | 364 | color: #fff; |
365 | background-color: rgb(239, 239, 239); | 365 | background-color: #ccc; |
366 | border-radius: 50%; | 366 | border-radius: 50%; |
367 | cursor: pointer; | 367 | cursor: pointer; |
368 | text-align: center; | 368 | text-align: center; | ... | ... |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-10 10:55:18 | 4 | * @LastEditTime: 2023-11-14 13:25:42 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -361,7 +361,7 @@ | ... | @@ -361,7 +361,7 @@ |
361 | height: 66px; | 361 | height: 66px; |
362 | line-height: 75px; | 362 | line-height: 75px; |
363 | color: #fff; | 363 | color: #fff; |
364 | background-color: rgb(239, 239, 239); | 364 | background-color: #ccc; |
365 | border-radius: 50%; | 365 | border-radius: 50%; |
366 | cursor: pointer; | 366 | cursor: pointer; |
367 | text-align: center; | 367 | text-align: center; | ... | ... |
... | @@ -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-10-12 09:56:45 | 4 | * @LastEditTime: 2023-11-14 13:25:49 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -165,7 +165,7 @@ | ... | @@ -165,7 +165,7 @@ |
165 | height: 66px; | 165 | height: 66px; |
166 | line-height: 75px; | 166 | line-height: 75px; |
167 | color: #fff; | 167 | color: #fff; |
168 | background-color: rgb(239, 239, 239); | 168 | background-color: #ccc; |
169 | border-radius: 50%; | 169 | border-radius: 50%; |
170 | cursor: pointer; | 170 | cursor: pointer; |
171 | text-align: center; | 171 | 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 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-10 10:53:37 | 4 | * @LastEditTime: 2023-11-14 13:25:52 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="rlPopup"> | 7 | <div class="rlPopup"> |
... | @@ -363,7 +363,7 @@ | ... | @@ -363,7 +363,7 @@ |
363 | height: 66px; | 363 | height: 66px; |
364 | line-height: 75px; | 364 | line-height: 75px; |
365 | color: #fff; | 365 | color: #fff; |
366 | background-color: rgb(239, 239, 239); | 366 | background-color: #ccc; |
367 | border-radius: 50%; | 367 | border-radius: 50%; |
368 | cursor: pointer; | 368 | cursor: pointer; |
369 | text-align: center; | 369 | text-align: center; | ... | ... |
1 | <!-- | ||
2 | * @Description: | ||
3 | * @Autor: renchao | ||
4 | * @LastEditTime: 2023-11-14 15:15:10 | ||
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-col :span="6"> | ||
25 | <el-form-item label="坐落" label-width="60px"> | ||
26 | <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> | ||
27 | </el-input> | ||
28 | </el-form-item> | ||
29 | </el-col> | ||
30 | <el-col :span="4" class="btnColRight"> | ||
31 | <el-form-item> | ||
32 | <el-button type="primary" @click="handleSearch">查询</el-button> | ||
33 | </el-form-item> | ||
34 | </el-col> | ||
35 | </el-row> | ||
36 | </el-form> | ||
37 | </div> | ||
38 | <!-- 表格 --> | ||
39 | <div class="mergeTable loadingtext"> | ||
40 | <el-table | ||
41 | :data="tableData.data" | ||
42 | height="230" | ||
43 | border | ||
44 | :cell-style="{ textAlign: 'center' }" | ||
45 | :header-cell-style="{textAlign: 'center'}" | ||
46 | @row-click="handleRowClick" | ||
47 | style="width: 100%"> | ||
48 | <el-table-column | ||
49 | label="选择" | ||
50 | width="50"> | ||
51 | <template slot-scope="scope"> | ||
52 | <el-radio v-model="radioVal" @change="handleSelect" @click.native.stop :label="scope.row.bdcdyh">{{''}}</el-radio> | ||
53 | </template> | ||
54 | </el-table-column> | ||
55 | <el-table-column | ||
56 | type="index" | ||
57 | label="序号" | ||
58 | width="50"> | ||
59 | </el-table-column> | ||
60 | <el-table-column | ||
61 | label="状态" | ||
62 | width="150"> | ||
63 | <template slot-scope="scope"> | ||
64 | <a style='color:#3498db;' v-show="scope.row.djblzt==1">正在办理</a> | ||
65 | <span v-show="scope.row.zjgcdyzt==1">>,在建工程抵押</span> | ||
66 | <span v-show="scope.row.ycfzt==1">>,已预查封</span> | ||
67 | <span v-show="scope.row.ycfzt==1">>,已预查封</span> | ||
68 | <span v-show="scope.row.cfzt==1">>,已查封</span> | ||
69 | <span v-show="scope.row.diyizt==1">>,已地役</span> | ||
70 | <span v-show="scope.row.yyzt==1">>,异议中</span> | ||
71 | <span v-show="scope.row.xzzt==1">,已限制</span> | ||
72 | <span v-show="scope.row.ygmmzt==1">>,已预告买卖</span> | ||
73 | <span v-show="scope.row.ygdyzt==1">>,已预告抵押</span> | ||
74 | <span v-show="scope.row.dyzt==1">>,已抵押</span> | ||
75 | </template> | ||
76 | </el-table-column> | ||
77 | <el-table-column | ||
78 | property="qllxmc" | ||
79 | label="权利类型"> | ||
80 | </el-table-column> | ||
81 | <el-table-column | ||
82 | property="bdcdyh" | ||
83 | label="不动产单元号" | ||
84 | width="150"> | ||
85 | </el-table-column> | ||
86 | <el-table-column | ||
87 | property="bdcqzh" | ||
88 | label="不动产权证号" | ||
89 | width="160"> | ||
90 | </el-table-column> | ||
91 | <el-table-column | ||
92 | property="gyqk" | ||
93 | label="共有情况"> | ||
94 | </el-table-column> | ||
95 | <el-table-column | ||
96 | property="qlrmc" | ||
97 | label="权利人"> | ||
98 | </el-table-column> | ||
99 | <el-table-column | ||
100 | property="qlrzjhm" | ||
101 | label="证件号"> | ||
102 | </el-table-column> | ||
103 | <el-table-column | ||
104 | property="qlxzmc" | ||
105 | label="权利性质"> | ||
106 | </el-table-column> | ||
107 | <el-table-column | ||
108 | property="qlytmc" | ||
109 | label="用途"> | ||
110 | </el-table-column> | ||
111 | <el-table-column | ||
112 | property="qlmjmc" | ||
113 | label="面积"> | ||
114 | </el-table-column> | ||
115 | <el-table-column | ||
116 | property="zl" | ||
117 | label="坐落"> | ||
118 | </el-table-column> | ||
119 | <el-table-column | ||
120 | label="操作" | ||
121 | width="80"> | ||
122 | <template slot-scope="scope"> | ||
123 | <el-button type="text" icon="el-icon-edit-outline" @click="openBook(scope.row)">登记薄</el-button> | ||
124 | </template> | ||
125 | </el-table-column> | ||
126 | </el-table> | ||
127 | |||
128 | </div> | ||
129 | <div class="mergeTable loadingtext"> | ||
130 | 房屋变化情况 | ||
131 | <lb-table ref="table" :pagination=false :calcHeight="450" :column="tableData.columns1" | ||
132 | :data="tableData.datastwo"> | ||
133 | </lb-table> | ||
134 | </div> | ||
135 | <div class="submit_button"> | ||
136 | <el-button @click="$popupCacel">取消</el-button> | ||
137 | <el-button type="primary" plain @click="submitForm" :loading="loading">发起申请</el-button> | ||
138 | </div> | ||
139 | </div> | ||
140 | </template> | ||
141 | <script> | ||
142 | //首次登记 | ||
143 | import jump from "./mixin/jump"; | ||
144 | import store from '@/store/index.js' | ||
145 | import table from "@/utils/mixin/table"; | ||
146 | import { ywPopupDialog } from "@/utils/popup.js"; | ||
147 | import { datas, sendThis } from "../javascript/selectFwfgSplitMerge.js"; | ||
148 | import { defaultParameters } from "../javascript/publicDefaultPar.js"; | ||
149 | import { selectJsydQlxxSplitMergeBefore, selectZdjbxxSplitMerge } from "@/api/ywsq.js"; | ||
150 | import { startBusinessFlow } from "@/api/workFlow.js"; | ||
151 | export default { | ||
152 | mixins: [table, jump], | ||
153 | props: { | ||
154 | isJump: { type: Boolean, default: false }, | ||
155 | sqywInfo: { type: Object, default: () => { } }, | ||
156 | }, | ||
157 | data () { | ||
158 | return { | ||
159 | loading: false, | ||
160 | queryForm: defaultParameters.defaultParameters(), | ||
161 | // 表格数据 | ||
162 | tableData: { | ||
163 | data: [], | ||
164 | columns1: datas.columns(), | ||
165 | datastwo: [] | ||
166 | }, | ||
167 | bdcdysz: [], | ||
168 | radioVal: "" | ||
169 | } | ||
170 | }, | ||
171 | mounted () { | ||
172 | sendThis(this) | ||
173 | }, | ||
174 | methods: { | ||
175 | /** | ||
176 | * @description: 单选事件 | ||
177 | * @author: renchao | ||
178 | */ | ||
179 | handleSelect () { | ||
180 | this.tableData.data.forEach(item => { | ||
181 | if (this.radioVal == item.bdcdyh) { | ||
182 | item.bglx = '1' | ||
183 | this.bdcdysz[0] = item | ||
184 | this.queryForm.bhqkbsm = item.bhqkbsm | ||
185 | } | ||
186 | }) | ||
187 | selectZdjbxxSplitMerge({ ...this.queryForm }).then((res) => { | ||
188 | this.$endLoading(); | ||
189 | if (res.code === 200) { | ||
190 | this.tableData.datastwo = res.result | ||
191 | this.tableData.datastwo.forEach(item => { | ||
192 | item.bsm = item.zdbsm; | ||
193 | }) | ||
194 | this.bdcdysz = this.tableData.datastwo | ||
195 | } | ||
196 | }) | ||
197 | }, | ||
198 | /** | ||
199 | * @description: queryClick | ||
200 | * @author: renchao | ||
201 | */ | ||
202 | queryClick () { | ||
203 | this.$startLoading(); | ||
204 | this.queryForm.sqywbm = this.sqywInfo.djywbm; | ||
205 | selectJsydQlxxSplitMergeBefore({ ...this.queryForm, ...this.pageData }).then((res) => { | ||
206 | this.$endLoading(); | ||
207 | if (res.code === 200) { | ||
208 | this.tableData.data = res.result | ||
209 | } | ||
210 | }); | ||
211 | }, | ||
212 | /** | ||
213 | * @description: submitForm | ||
214 | * @author: renchao | ||
215 | */ | ||
216 | submitForm () { | ||
217 | this.loading = true | ||
218 | startBusinessFlow({ | ||
219 | bsmSqyw: this.sqywInfo.bsmSqyw, | ||
220 | bdcdysz: this.bdcdysz, | ||
221 | }).then((res) => { | ||
222 | this.loading = false | ||
223 | if (res.code == 200) { | ||
224 | this.$message({ | ||
225 | showClose: true, | ||
226 | message: "发起申请成功", | ||
227 | type: "success", | ||
228 | }); | ||
229 | if (!this.isJump) { | ||
230 | this.jump(res.result, this.sqywInfo.djywbm); | ||
231 | } else { | ||
232 | store.dispatch('user/refreshPage', true); | ||
233 | } | ||
234 | this.$popupCacel() | ||
235 | } else { | ||
236 | if (res.result && res.result.length > 0) { | ||
237 | ywPopupDialog("申请错误明细", "components/ywdialog", { result: res.result }, '36%', true) | ||
238 | } else { | ||
239 | ywPopupDialog("申请错误明细", "components/ywdialog", { message: res.message }, '36%', true) | ||
240 | } | ||
241 | } | ||
242 | }).catch(() => { | ||
243 | this.loading = false | ||
244 | }) | ||
245 | }, | ||
246 | /** | ||
247 | * @description: openBook | ||
248 | * @param {*} row | ||
249 | * @author: renchao | ||
250 | */ | ||
251 | openBook (row) { | ||
252 | var param = { | ||
253 | bdcdyid: row.bdcdyid, | ||
254 | qllx: row.qllx, | ||
255 | bdcdyh: row.bdcdyh, | ||
256 | bsmQlxx: row.bsmQlxx, | ||
257 | }; | ||
258 | this.$popup("登记簿详情", "registerBook/djbFrame", { | ||
259 | formData: param | ||
260 | }) | ||
261 | }, | ||
262 | /** | ||
263 | * @description: select | ||
264 | * @param {*} selection | ||
265 | * @param {*} row | ||
266 | * @author: renchao | ||
267 | */ | ||
268 | select (selection, row) { | ||
269 | if (this.sqywInfo.sqywdylx == "1") { | ||
270 | // 清除 所有勾选项 | ||
271 | this.$refs.table.clearSelection() | ||
272 | // 当表格数据都没有被勾选的时候 就返回 | ||
273 | // 主要用于将当前勾选的表格状态清除 | ||
274 | if (selection.length == 0) return | ||
275 | this.$refs.table.toggleRowSelection(row, true); | ||
276 | } | ||
277 | }, | ||
278 | /** | ||
279 | * @description: handleRowClick | ||
280 | * @param {*} row | ||
281 | * @author: renchao | ||
282 | */ | ||
283 | handleRowClick (row) { | ||
284 | this.queryForm.bhqkbsm = row.bhqkbsm | ||
285 | this.radioVal = row.bdcdyh | ||
286 | row.bglx = '1' | ||
287 | selectZdjbxxSplitMerge({ ...this.queryForm }).then((res) => { | ||
288 | this.$endLoading(); | ||
289 | if (res.code === 200) { | ||
290 | this.tableData.datastwo = res.result | ||
291 | this.tableData.datastwo.forEach(item => { | ||
292 | item.bsm = item.zdbsm; | ||
293 | }) | ||
294 | this.bdcdysz = this.tableData.datastwo | ||
295 | } | ||
296 | }) | ||
297 | } | ||
298 | } | ||
299 | } | ||
300 | </script> | ||
301 | <style scoped lang="scss"> | ||
302 | @import "~@/styles/mixin.scss"; | ||
303 | @import "~@/styles/public.scss"; | ||
304 | .mergeTable { | ||
305 | margin-top: 5px; | ||
306 | } | ||
307 | /deep/.el-radio__label { | ||
308 | display: none; | ||
309 | } | ||
310 | </style> |
1 | <!-- | 1 | <!-- |
2 | * @Description: | 2 | * @Description: |
3 | * @Autor: renchao | 3 | * @Autor: renchao |
4 | * @LastEditTime: 2023-11-14 13:23:26 | 4 | * @LastEditTime: 2023-11-14 15:16:22 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="from-clues"> | 7 | <div class="from-clues"> |
... | @@ -45,7 +45,7 @@ | ... | @@ -45,7 +45,7 @@ |
45 | </el-form> | 45 | </el-form> |
46 | </div> | 46 | </div> |
47 | <!-- 表格 --> | 47 | <!-- 表格 --> |
48 | <div class="from-clues-content loadingtext"> | 48 | <div class="mergeTable loadingtext"> |
49 | <el-table | 49 | <el-table |
50 | :data="tableData.data" | 50 | :data="tableData.data" |
51 | height="230" | 51 | height="230" |
... | @@ -123,9 +123,9 @@ | ... | @@ -123,9 +123,9 @@ |
123 | </el-table> | 123 | </el-table> |
124 | 124 | ||
125 | </div> | 125 | </div> |
126 | <div class="from-clues-content loadingtext"> | 126 | <div class="mergeTable loadingtext"> |
127 | 土地变化情况 | 127 | 土地变化情况 |
128 | <lb-table ref="table" :pagination=false :calcHeight="500" :column="tableData.columns1" | 128 | <lb-table ref="table" :pagination=false :calcHeight="450" :column="tableData.columns1" |
129 | :data="tableData.datastwo"> | 129 | :data="tableData.datastwo"> |
130 | </lb-table> | 130 | </lb-table> |
131 | </div> | 131 | </div> |
... | @@ -298,6 +298,9 @@ | ... | @@ -298,6 +298,9 @@ |
298 | <style scoped lang="scss"> | 298 | <style scoped lang="scss"> |
299 | @import "~@/styles/mixin.scss"; | 299 | @import "~@/styles/mixin.scss"; |
300 | @import "~@/styles/public.scss"; | 300 | @import "~@/styles/public.scss"; |
301 | .mergeTable { | ||
302 | margin-top: 5px; | ||
303 | } | ||
301 | /deep/.el-radio__label { | 304 | /deep/.el-radio__label { |
302 | display: none; | 305 | display: none; |
303 | } | 306 | } | ... | ... |
... | @@ -216,10 +216,9 @@ | ... | @@ -216,10 +216,9 @@ |
216 | this.$popup("登记簿详情", "registerBook/djbFrame", { | 216 | this.$popup("登记簿详情", "registerBook/djbFrame", { |
217 | formData: param | 217 | formData: param |
218 | }) | 218 | }) |
219 | }, | 219 | } |
220 | 220 | } | |
221 | }, | 221 | } |
222 | }; | ||
223 | </script> | 222 | </script> |
224 | <style scoped lang="scss"> | 223 | <style scoped lang="scss"> |
225 | @import "~@/styles/mixin.scss"; | 224 | @import "~@/styles/mixin.scss"; | ... | ... |
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-11-14 13:10:27 | 4 | * @LastEditTime: 2023-11-14 13:48:11 |
5 | */ | 5 | */ |
6 | import filter from '@/utils/filter.js' | 6 | import filter from '@/utils/filter.js' |
7 | let vm = null | 7 | let vm = null |
... | @@ -41,11 +41,12 @@ class data extends filter { | ... | @@ -41,11 +41,12 @@ class data extends filter { |
41 | }, | 41 | }, |
42 | { | 42 | { |
43 | prop: "qllxmc", | 43 | prop: "qllxmc", |
44 | width: 140, | ||
44 | label: "权利类型", | 45 | label: "权利类型", |
45 | }, | 46 | }, |
46 | { | 47 | { |
47 | label: "不动产单元号", | 48 | label: "不动产单元号", |
48 | width: '150', | 49 | width: 170, |
49 | render: (h, scope) => { | 50 | render: (h, scope) => { |
50 | return ( | 51 | return ( |
51 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | 52 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> |
... | @@ -56,7 +57,7 @@ class data extends filter { | ... | @@ -56,7 +57,7 @@ class data extends filter { |
56 | }, | 57 | }, |
57 | { | 58 | { |
58 | label: "不动产权证号", | 59 | label: "不动产权证号", |
59 | width: '150', | 60 | width: 170, |
60 | render: (h, scope) => { | 61 | render: (h, scope) => { |
61 | return ( | 62 | return ( |
62 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | 63 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> |
... | @@ -75,7 +76,7 @@ class data extends filter { | ... | @@ -75,7 +76,7 @@ class data extends filter { |
75 | }, | 76 | }, |
76 | { | 77 | { |
77 | prop: "qlxzmc", | 78 | prop: "qlxzmc", |
78 | width: '80', | 79 | width: 100, |
79 | label: "权利性质", | 80 | label: "权利性质", |
80 | }, | 81 | }, |
81 | { | 82 | { |
... | @@ -129,37 +130,38 @@ class datatwo extends filter { | ... | @@ -129,37 +130,38 @@ class datatwo extends filter { |
129 | } | 130 | } |
130 | }, | 131 | }, |
131 | { | 132 | { |
132 | label: "状态", | 133 | label: "变更类型", |
133 | width: '130', | 134 | width: 80, |
134 | render: (h, scope) => { | 135 | render: (h, scope) => { |
135 | return ( | 136 | return ( |
136 | <div> | 137 | <div> |
137 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> | 138 | { |
138 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> | 139 | scope.row.bglx == '1' ? <span>变更前</span> : <span>变更后</span> |
140 | } | ||
139 | </div> | 141 | </div> |
140 | ) | 142 | ) |
141 | } | 143 | } |
142 | }, | 144 | }, |
143 | { | 145 | { |
144 | label: "变更类型", | 146 | label: "状态", |
145 | width: 80, | 147 | width: '130', |
146 | render: (h, scope) => { | 148 | render: (h, scope) => { |
147 | return ( | 149 | return ( |
148 | <div> | 150 | <div> |
149 | { | 151 | <a style='color:#3498db;' v-show={scope.row.djblzt == 1}>{this.yWstatus(scope.row)}</a> |
150 | scope.row.bglx == '1' ? <span>变更前</span> : <span>变更后</span> | 152 | <span v-show={scope.row.djblzt != 1}>{this.yWstatus(scope.row)}</span> |
151 | } | ||
152 | </div> | 153 | </div> |
153 | ) | 154 | ) |
154 | } | 155 | } |
155 | }, | 156 | }, |
156 | { | 157 | { |
157 | prop: "qllxmc", | 158 | prop: "qllxmc", |
159 | width: 140, | ||
158 | label: "权利类型", | 160 | label: "权利类型", |
159 | }, | 161 | }, |
160 | { | 162 | { |
161 | label: "不动产单元号", | 163 | label: "不动产单元号", |
162 | width: '150', | 164 | width: 170, |
163 | render: (h, scope) => { | 165 | render: (h, scope) => { |
164 | return ( | 166 | return ( |
165 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> | 167 | <el-tooltip effect="dark" content={scope.row.bdcdyh} placement="top" popper-class="tooltip-width "> |
... | @@ -170,7 +172,7 @@ class datatwo extends filter { | ... | @@ -170,7 +172,7 @@ class datatwo extends filter { |
170 | }, | 172 | }, |
171 | { | 173 | { |
172 | label: "不动产权证号", | 174 | label: "不动产权证号", |
173 | width: '150', | 175 | width: 170, |
174 | render: (h, scope) => { | 176 | render: (h, scope) => { |
175 | return ( | 177 | return ( |
176 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> | 178 | <el-tooltip effect="dark" content={scope.row.bdcqzh} placement="top" popper-class="tooltip-width "> |
... | @@ -186,15 +188,16 @@ class datatwo extends filter { | ... | @@ -186,15 +188,16 @@ class datatwo extends filter { |
186 | { | 188 | { |
187 | prop: "qlrzjhm", | 189 | prop: "qlrzjhm", |
188 | label: "证件号", | 190 | label: "证件号", |
191 | width: 150, | ||
189 | }, | 192 | }, |
190 | { | 193 | { |
191 | prop: "qlxzmc", | 194 | prop: "qlxzmc", |
192 | width: '80', | 195 | width: 100, |
193 | label: "权利性质", | 196 | label: "权利性质", |
194 | }, | 197 | }, |
195 | { | 198 | { |
196 | prop: "qlmjmc", | 199 | prop: "qlmjmc", |
197 | width: '100', | 200 | width: 100, |
198 | label: "使用权面积", | 201 | label: "使用权面积", |
199 | }, | 202 | }, |
200 | { | 203 | { | ... | ... |
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": | ... | ... |
-
Please register or sign in to post a comment