style:宗地基本信息
Showing
1 changed file
with
96 additions
and
115 deletions
1 | <!-- | 1 | <!-- |
2 | * @Description :宗地基本信息 | 2 | * @Description :宗地基本信息 |
3 | * @Autor : miaofang | 3 | * @Autor : miaofang |
4 | * @LastEditTime : 2023-07-31 17:21:56 | 4 | * @LastEditTime: 2023-08-04 10:06:45 |
5 | --> | 5 | --> |
6 | <template> | 6 | <template> |
7 | <div class="tableDivCss"> | 7 | <div class="tableDivCss"> |
... | @@ -87,30 +87,11 @@ | ... | @@ -87,30 +87,11 @@ |
87 | <td colspan="3">{{ zdjbxx.zdszb }}</td> | 87 | <td colspan="3">{{ zdjbxx.zdszb }}</td> |
88 | </tr> | 88 | </tr> |
89 | <tr> | 89 | <tr> |
90 | <td>登记时间</td> | ||
91 | <td colspan="2">{{ zdjbxx.bz }}</td> | ||
92 | <td>登簿人</td> | ||
93 | <td>{{ zdjbxx.bz }}</td> | ||
94 | </tr> | ||
95 | |||
96 | <tr> | ||
97 | <td>附记</td> | 90 | <td>附记</td> |
98 | <td colspan="4">{{ zdjbxx.fj }}</td> | 91 | <td colspan="4">{{ zdjbxx.fj }}</td> |
99 | </tr> | 92 | </tr> |
100 | <!-- <tr> | ||
101 | <td>状态</td> | ||
102 | <td colspan="2">{{ zdjbxx.zt }}</td> | ||
103 | <td>区县代码</td> | ||
104 | <td>{{ zdjbxx.qxdm }}</td> | ||
105 | </tr> --> | ||
106 | <tr v-if="showGroup"> | 93 | <tr v-if="showGroup"> |
107 | <td rowspan="4">变化情况</td> | 94 | <td rowspan="4">变化情况</td> |
108 | |||
109 | <!-- <table cellspacing="0" cellpadding="0" :width="bhqkTableWidth"> | ||
110 | <tr v-for="(item, index) in bhqkColumns" :key="index"> | ||
111 | <td class="bhqkTh">{{ item.label }}</td> | ||
112 | </tr> | ||
113 | </table> --> | ||
114 | </tr> | 95 | </tr> |
115 | 96 | ||
116 | <tr v-if="showGroup"> | 97 | <tr v-if="showGroup"> |
... | @@ -130,111 +111,111 @@ | ... | @@ -130,111 +111,111 @@ |
130 | </template> | 111 | </template> |
131 | 112 | ||
132 | <script> | 113 | <script> |
133 | import store from "@/store/index.js"; | 114 | import store from "@/store/index.js"; |
134 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; | 115 | import { getZdjjxxBybdcdyid } from "@/api/djbDetail.js"; |
135 | 116 | ||
136 | export default { | 117 | export default { |
137 | data() { | 118 | data () { |
138 | return { | 119 | return { |
139 | bhqkColumns: [ | 120 | bhqkColumns: [ |
140 | { | 121 | { |
141 | prop: "ssywh", | 122 | prop: "ssywh", |
142 | label: "上手业务号", | 123 | label: "上手业务号", |
143 | }, | 124 | }, |
144 | { | 125 | { |
145 | prop: "zddm", | 126 | prop: "zddm", |
146 | label: "宗地代码", | 127 | label: "宗地代码", |
147 | }, | 128 | }, |
148 | { | 129 | { |
149 | prop: "bhqzddm", | 130 | prop: "bhqzddm", |
150 | label: "变化前宗地代码", | 131 | label: "变化前宗地代码", |
151 | }, | 132 | }, |
152 | { | 133 | { |
153 | prop: "bhnr", | 134 | prop: "bhnr", |
154 | label: "变化内容", | 135 | label: "变化内容", |
155 | }, | 136 | }, |
156 | { | 137 | { |
157 | prop: "bhyy", | 138 | prop: "bhyy", |
158 | label: "变化原因", | 139 | label: "变化原因", |
159 | }, | 140 | }, |
160 | { | 141 | { |
161 | prop: "djsj", | 142 | prop: "djsj", |
162 | label: "登记时间", | 143 | label: "登记时间", |
163 | }, | 144 | }, |
164 | { | 145 | { |
165 | prop: "dbr", | 146 | prop: "dbr", |
166 | label: "登簿人", | 147 | label: "登簿人", |
167 | }, | 148 | }, |
168 | { | 149 | { |
169 | prop: "fj", | 150 | prop: "fj", |
170 | label: "附记", | 151 | label: "附记", |
171 | }, | 152 | }, |
172 | ], | 153 | ], |
173 | bhqkTableWidth: 745, | 154 | bhqkTableWidth: 745, |
174 | zdjbxx: {}, | 155 | zdjbxx: {}, |
175 | zdbhqks: [], | 156 | zdbhqks: [], |
176 | propsParam: this.$attrs, | 157 | propsParam: this.$attrs, |
177 | showGroup: false, | 158 | showGroup: false, |
178 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], | 159 | bdclxList: ["", "宗地", "宗海", "自然幢", "多幢", "构筑物", "林权", "户"], |
179 | foundItemaa: {}, | 160 | foundItemaa: {}, |
180 | foundItemaaa: {}, | 161 | foundItemaaa: {}, |
181 | }; | 162 | }; |
182 | }, | ||
183 | filters: { | ||
184 | dictionary: function (value, param) { | ||
185 | const foundItem = store.getters.dictData[param].find( | ||
186 | (item) => item.dcode === String(value) | ||
187 | ); | ||
188 | if (foundItem) { | ||
189 | return foundItem.dname; | ||
190 | } | ||
191 | }, | 163 | }, |
192 | dicyt: function (value, param) { | 164 | filters: { |
193 | const res = store.getters.dictData[param].filter((item) => { | 165 | dictionary: function (value, param) { |
194 | if (item.dcode === String(value)) { | 166 | const foundItem = store.getters.dictData[param].find( |
195 | return item; | 167 | (item) => item.dcode === String(value) |
196 | } else { | 168 | ); |
197 | if (item.children.length) { | 169 | if (foundItem) { |
198 | const res2 = item.children.filter((items) => { | 170 | return foundItem.dname; |
199 | if (items.dcode === String(value)) { | 171 | } |
200 | return items; | 172 | }, |
173 | dicyt: function (value, param) { | ||
174 | const res = store.getters.dictData[param].filter((item) => { | ||
175 | if (item.dcode === String(value)) { | ||
176 | return item; | ||
177 | } else { | ||
178 | if (item.children.length) { | ||
179 | const res2 = item.children.filter((items) => { | ||
180 | if (items.dcode === String(value)) { | ||
181 | return items; | ||
182 | } | ||
183 | }); | ||
184 | if (res2.length) { | ||
185 | return res2; | ||
186 | |||
201 | } | 187 | } |
202 | }); | ||
203 | if (res2.length) { | ||
204 | return res2; | ||
205 | 188 | ||
206 | } | 189 | } |
207 | |||
208 | } | 190 | } |
191 | }); | ||
192 | if (res[0]) { | ||
193 | return res[0].dname | ||
209 | } | 194 | } |
210 | }); | 195 | }, |
211 | if (res[0]) { | ||
212 | return res[0].dname | ||
213 | } | ||
214 | }, | 196 | }, |
215 | }, | 197 | created () { |
216 | created() { | 198 | this.loadData(); |
217 | this.loadData(); | 199 | }, |
218 | }, | 200 | methods: { |
219 | methods: { | 201 | /** |
220 | /** | 202 | * @description: loadData |
221 | * @description: loadData | 203 | * @author: renchao |
222 | * @author: renchao | 204 | */ |
223 | */ | 205 | loadData () { |
224 | loadData() { | 206 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { |
225 | getZdjjxxBybdcdyid({ bdcdyid: this.propsParam.bdcdyid }).then((res) => { | 207 | if (res.code === 200) { |
226 | if (res.code === 200) { | 208 | this.zdjbxx = res.result.zdjbxx; |
227 | this.zdjbxx = res.result.zdjbxx; | 209 | this.zdbhqks = res.result.zdbhqkList; |
228 | this.zdbhqks = res.result.zdbhqkList; | 210 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { |
229 | if (this.zdbhqks != null && this.zdbhqks.length > 0) { | 211 | this.showGroup = true; |
230 | this.showGroup = true; | 212 | } |
231 | } | 213 | } |
232 | } | 214 | }); |
233 | }); | 215 | }, |
234 | }, | 216 | }, |
235 | }, | 217 | }; |
236 | }; | ||
237 | </script> | 218 | </script> |
238 | <style lang="scss" scoped> | 219 | <style lang="scss" scoped> |
239 | @import "~@/styles/tablecss.scss"; | 220 | @import "~@/styles/tablecss.scss"; |
240 | </style> | 221 | </style> | ... | ... |
-
Please register or sign in to post a comment