4d37d9af by renchao@pashanhoo.com

style:宗地基本信息

1 parent a31b350b
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>
......