修改宗地信息流程优化
Showing
1 changed file
with
590 additions
and
554 deletions
1 | <template> | 1 | <template> |
2 | <div class="main"> | 2 | <div class="main"> |
3 | <div class="formMenu"> | 3 | <div class="formMenu"> |
4 | <Qlr ref="qlrxxModule"></Qlr> | 4 | <Qlr ref="qlrxxModule"></Qlr> |
5 | <!-- <el-button | 5 | <!-- <el-button |
6 | type="primary" | 6 | type="primary" |
7 | class="changeBtn" | 7 | class="changeBtn" |
8 | @click="getQlrxxData" | 8 | @click="getQlrxxData" |
... | @@ -14,561 +14,597 @@ | ... | @@ -14,561 +14,597 @@ |
14 | @click="getQlxzData" | 14 | @click="getQlxzData" |
15 | >获取权利性质组件数据</el-button | 15 | >获取权利性质组件数据</el-button |
16 | > --> | 16 | > --> |
17 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> | 17 | <table class="zdjbxxTable" cellspacing="0" cellpadding="0" border="1"> |
18 | <tr> | 18 | <tr> |
19 | <th colspan="12">宗地基本信息</th> | 19 | <th colspan="12">宗地基本信息</th> |
20 | </tr> | 20 | </tr> |
21 | <tr> | 21 | <tr> |
22 | <td colspan="2">行政区</td> | 22 | <td colspan="2">行政区</td> |
23 | <td colspan="2"> | 23 | <td colspan="2"> |
24 | <el-select | 24 | <el-select |
25 | class="formSelect" | 25 | class="formSelect" |
26 | v-model="formData.xzqbsm" | 26 | v-model="formData.xzqbsm" |
27 | @change="changeXzq(formData.xzqbsm)" | 27 | @change="changeXzq(formData.xzqbsm)" |
28 | > | 28 | > |
29 | <el-option | 29 | <el-option |
30 | v-for="item in $store.state.xzqList" | 30 | v-for="item in $store.state.xzqList" |
31 | :key="item.xzqbsm" | 31 | :key="item.xzqbsm" |
32 | :label="item.xzqmc" | 32 | :label="item.xzqmc" |
33 | :value="item.xzqbsm" | 33 | :value="item.xzqbsm" |
34 | > | 34 | > |
35 | </el-option> | 35 | </el-option> |
36 | </el-select> | 36 | </el-select> |
37 | </td> | 37 | </td> |
38 | <td colspan="2">地籍区</td> | 38 | <td colspan="2">地籍区</td> |
39 | <td colspan="2"> | 39 | <td colspan="2"> |
40 | <el-select | 40 | <el-select |
41 | class="formSelect" | 41 | class="formSelect" |
42 | v-model="formData.djqbsm" | 42 | v-model="formData.djqbsm" |
43 | @change="changeDjq(formData.djqbsm)" | 43 | @change="changeDjq(formData.djqbsm)" |
44 | > | 44 | > |
45 | <el-option | 45 | <el-option |
46 | v-for="item in $store.state.djqList" | 46 | v-for="item in $store.state.djqList" |
47 | :key="item.bsm" | 47 | :key="item.bsm" |
48 | :label="item.mc" | 48 | :label="item.mc" |
49 | :value="item.bsm" | 49 | :value="item.bsm" |
50 | > | 50 | > |
51 | </el-option> | 51 | </el-option> |
52 | </el-select> | 52 | </el-select> |
53 | </td> | 53 | </td> |
54 | <td colspan="2">地籍子区</td> | 54 | <td colspan="2">地籍子区</td> |
55 | <td colspan="2"> | 55 | <td colspan="2"> |
56 | <el-select class="formSelect" v-model="formData.djzqbsm"> | 56 | <el-select class="formSelect" v-model="formData.djzqbsm"> |
57 | <el-option | 57 | <el-option |
58 | v-for="item in $store.state.djzqList" | 58 | v-for="item in $store.state.djzqList" |
59 | :key="item.bsm" | 59 | :key="item.bsm" |
60 | :label="item.mc" | 60 | :label="item.mc" |
61 | :value="item.bsm" | 61 | :value="item.bsm" |
62 | > | 62 | > |
63 | </el-option> | 63 | </el-option> |
64 | </el-select> | 64 | </el-select> |
65 | </td> | 65 | </td> |
66 | </tr> | 66 | </tr> |
67 | <tr> | 67 | <tr> |
68 | <td colspan="2">权利类型</td> | 68 | <td colspan="2">权利类型</td> |
69 | <td colspan="4"> | 69 | <td colspan="4"> |
70 | <el-select class="formSelect" v-model="formData.qllxbsm"> | 70 | <el-select class="formSelect" v-model="formData.qllxbsm"> |
71 | <el-option | 71 | <el-option |
72 | v-for="item in $store.state.qllxList" | 72 | v-for="item in $store.state.qllxList" |
73 | :key="item.bsm" | 73 | :key="item.bsm" |
74 | :label="item.mc" | 74 | :label="item.mc" |
75 | :value="item.bsm" | 75 | :value="item.bsm" |
76 | > | 76 | > |
77 | </el-option> | 77 | </el-option> |
78 | </el-select> | 78 | </el-select> |
79 | </td> | 79 | </td> |
80 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> | 80 | <td colspan="2">宗地特征码<i class="requisite">*</i></td> |
81 | <td colspan="4"> | 81 | <td colspan="4"> |
82 | <el-select class="formSelect" v-model="formData.zdtzmbsm"> | 82 | <el-select class="formSelect" v-model="formData.zdtzmbsm"> |
83 | <el-option | 83 | <el-option |
84 | v-for="item in $store.state.zdtzmList" | 84 | v-for="item in $store.state.zdtzmList" |
85 | :key="item.bsm" | 85 | :key="item.bsm" |
86 | :label="item.mc" | 86 | :label="item.mc" |
87 | :value="item.bsm" | 87 | :value="item.bsm" |
88 | > | 88 | > |
89 | </el-option> | 89 | </el-option> |
90 | </el-select> | 90 | </el-select> |
91 | </td> | 91 | </td> |
92 | </tr> | 92 | </tr> |
93 | <tr> | 93 | <tr> |
94 | <td colspan="2">权利设定方式</td> | 94 | <td colspan="2">权利设定方式</td> |
95 | <td colspan="4"> | 95 | <td colspan="4"> |
96 | <el-select class="formSelect" v-model="formData.qlsdfs"> | 96 | <el-select class="formSelect" v-model="formData.qlsdfs"> |
97 | <el-option | 97 | <el-option |
98 | v-for="item in $store.state.qlsdfsList" | 98 | v-for="item in $store.state.qlsdfsList" |
99 | :key="item.bsm" | 99 | :key="item.bsm" |
100 | :label="item.mc" | 100 | :label="item.mc" |
101 | :value="item.bsm" | 101 | :value="item.bsm" |
102 | > | 102 | > |
103 | </el-option> | 103 | </el-option> |
104 | </el-select> | 104 | </el-select> |
105 | </td> | 105 | </td> |
106 | <td colspan="2">宗地代码<i class="requisite">*</i></td> | 106 | <td colspan="2">宗地代码<i class="requisite">*</i></td> |
107 | <td colspan="4" class="psr"> | 107 | <td colspan="4" class="psr"> |
108 | <input | 108 | <input |
109 | type="text" | 109 | type="text" |
110 | class="formInput percent78" | 110 | class="formInput percent78" |
111 | v-model="formData.zddm" | 111 | v-model="formData.zddm" |
112 | /> | 112 | /> |
113 | <el-button type="primary" class="createBtn" @click="generatorCode" | 113 | <el-button type="primary" class="createBtn" @click="generatorCode" |
114 | >生成 | 114 | >生成 |
115 | </el-button | 115 | </el-button> |
116 | > | 116 | </td> |
117 | </td> | 117 | </tr> |
118 | </tr> | 118 | <tr> |
119 | <tr> | 119 | <td colspan="2">地籍号</td> |
120 | <td colspan="2">地籍号</td> | 120 | <td colspan="4"> |
121 | <td colspan="4"> | 121 | <input type="text" class="formInput" v-model="formData.djh" /> |
122 | <input type="text" class="formInput" v-model="formData.djh"/> | 122 | </td> |
123 | </td> | ||
124 | 123 | ||
125 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> | 124 | <td colspan="2">不动产单元号<i class="requisite">*</i></td> |
126 | <td colspan="4" class="psr"> | 125 | <td colspan="4" class="psr"> |
127 | <input | 126 | <input |
128 | type="text" | 127 | type="text" |
129 | class="formInput percent78" | 128 | class="formInput percent78" |
130 | v-model="formData.dyhbsm" | 129 | v-model="formData.dyhbsm" |
131 | /> | 130 | /> |
132 | <el-button type="primary" class="createBtn">生成</el-button> | 131 | <el-button type="primary" class="createBtn">生成</el-button> |
133 | </td> | 132 | </td> |
134 | </tr> | 133 | </tr> |
135 | <tr> | 134 | <tr> |
136 | <td colspan="2">坐落<i class="requisite">*</i></td> | 135 | <td colspan="2">坐落<i class="requisite">*</i></td> |
137 | <td colspan="4"> | 136 | <td colspan="4"> |
138 | <input type="text" class="formInput" v-model="formData.zl"/> | 137 | <input type="text" class="formInput" v-model="formData.zl" /> |
139 | </td> | 138 | </td> |
140 | <td colspan="2">土地权属来源证明材料</td> | 139 | <td colspan="2">土地权属来源证明材料</td> |
141 | <td colspan="4" class="psr"> | 140 | <td colspan="4" class="psr"> |
142 | <input | 141 | <input |
143 | type="text" | 142 | type="text" |
144 | class="formInput " | 143 | class="formInput " |
145 | v-model="formData.tdqslyzmcl" | 144 | v-model="formData.tdqslyzmcl" |
146 | /> | 145 | /> |
147 | </td> | 146 | </td> |
148 | </tr> | 147 | </tr> |
149 | <tr> | 148 | <tr> |
150 | <td colspan="2">国民经济行业分类</td> | 149 | <td colspan="2">国民经济行业分类</td> |
151 | <td colspan="4"> | 150 | <td colspan="4"> |
152 | <el-select class="formSelect" v-model="formData.gmjjhyflbsm"> | 151 | <el-select class="formSelect" v-model="formData.gmjjhyflbsm"> |
153 | <el-option | 152 | <el-option |
154 | v-for="item in $store.state.sshyList" | 153 | v-for="item in $store.state.sshyList" |
155 | :key="item.bsm" | 154 | :key="item.bsm" |
156 | :label="item.mc" | 155 | :label="item.mc" |
157 | :value="item.bsm" | 156 | :value="item.bsm" |
158 | > | 157 | > |
159 | </el-option> | 158 | </el-option> |
160 | </el-select> | 159 | </el-select> |
161 | </td> | 160 | </td> |
162 | <td colspan="2">价格(元)</td> | 161 | <td colspan="2">价格(元)</td> |
163 | <td colspan="4" class="psr"> | 162 | <td colspan="4" class="psr"> |
164 | <input type="text" class="formInput" v-model="formData.jg"/> | 163 | <input type="text" class="formInput" v-model="formData.jg" /> |
165 | </td> | 164 | </td> |
166 | </tr> | 165 | </tr> |
167 | <tr> | 166 | <tr> |
168 | <td colspan="2" rowspan="2">所在图幅号</td> | 167 | <td colspan="2" rowspan="2">所在图幅号</td> |
169 | <td colspan="2">比例尺</td> | 168 | <td colspan="2">比例尺</td> |
170 | <td colspan="8" class="psr"> | 169 | <td colspan="8" class="psr"> |
171 | <input type="text" class="formInput" v-model="formData.blc"/> | 170 | <input type="text" class="formInput" v-model="formData.blc" /> |
172 | </td> | 171 | </td> |
173 | </tr> | 172 | </tr> |
174 | <tr> | 173 | <tr> |
175 | <td colspan="2">图幅号</td> | 174 | <td colspan="2">图幅号</td> |
176 | <td colspan="8" class="psr"> | 175 | <td colspan="8" class="psr"> |
177 | <input type="text" class="formInput" v-model="formData.tfh"/> | 176 | <input type="text" class="formInput" v-model="formData.tfh" /> |
178 | </td> | 177 | </td> |
179 | </tr> | 178 | </tr> |
180 | <tr> | 179 | <tr> |
181 | <td colspan="2">容积率</td> | 180 | <td colspan="2">容积率</td> |
182 | <td colspan="2"> | 181 | <td colspan="2"> |
183 | <el-select class="formSelect" v-model="formData.jyrjl"> | 182 | <el-select class="formSelect" v-model="formData.jyrjl"> |
184 | <el-option | 183 | <el-option |
185 | v-for="item in compareList" | 184 | v-for="item in compareList" |
186 | :key="item.value" | 185 | :key="item.value" |
187 | :label="item.label" | 186 | :label="item.label" |
188 | :value="item.value" | 187 | :value="item.value" |
189 | > | 188 | > |
190 | </el-option> | 189 | </el-option> |
191 | </el-select> | 190 | </el-select> |
192 | </td> | 191 | </td> |
193 | <td colspan="2"> | 192 | <td colspan="2"> |
194 | <input type="text" v-model="formData.rjl" | 193 | <input |
195 | :class="formData.jyrjl=='-'? 'formInput percent47' : 'formInput'"/> | 194 | type="text" |
196 | <span class="percent4" v-show="formData.jyrjl=='-'">-</span> | 195 | v-model="formData.rjl" |
197 | <input type="text" v-show="formData.jyrjl=='-'" v-model="formData.rjl" | 196 | :class=" |
198 | class="formInput percent47"/> | 197 | formData.jyrjl == '-' ? 'formInput percent47' : 'formInput' |
199 | </td> | 198 | " |
200 | <td colspan="2">容积说明</td> | 199 | /> |
201 | <td colspan="4" class="psr"> | 200 | <span class="percent4" v-show="formData.jyrjl == '-'">-</span> |
202 | <input type="text" class="formInput" v-model="formData.rjsm"/> | 201 | <input |
203 | </td> | 202 | type="text" |
204 | </tr> | 203 | v-show="formData.jyrjl == '-'" |
205 | <tr> | 204 | v-model="formData.rjl" |
206 | <td colspan="2">建筑密度</td> | 205 | class="formInput percent47" |
207 | <td colspan="2"> | 206 | /> |
208 | <el-select class="formSelect" v-model="formData.jyjzmd"> | 207 | </td> |
209 | <el-option | 208 | <td colspan="2">容积说明</td> |
210 | v-for="item in compareList" | 209 | <td colspan="4" class="psr"> |
211 | :key="item.value" | 210 | <input type="text" class="formInput" v-model="formData.rjsm" /> |
212 | :label="item.label" | 211 | </td> |
213 | :value="item.value" | 212 | </tr> |
214 | > | 213 | <tr> |
215 | </el-option> | 214 | <td colspan="2">建筑密度</td> |
216 | </el-select> | 215 | <td colspan="2"> |
217 | </td> | 216 | <el-select class="formSelect" v-model="formData.jyjzmd"> |
218 | <td colspan="2"> | 217 | <el-option |
219 | <input type="text" v-model="formData.jzmd" | 218 | v-for="item in compareList" |
220 | :class="formData.jyjzmd=='-'? 'formInput percent47' : 'formInput'"/> | 219 | :key="item.value" |
221 | <span class="percent4" v-show="formData.jyjzmd=='-'">-</span> | 220 | :label="item.label" |
222 | <input type="text" v-show="formData.jyjzmd=='-'" v-model="formData.jzmd" | 221 | :value="item.value" |
223 | class="formInput percent47"/> | 222 | > |
224 | </td> | 223 | </el-option> |
225 | <td colspan="2">建筑密度说明</td> | 224 | </el-select> |
226 | <td colspan="4" class="psr"> | 225 | </td> |
227 | <input type="text" class="formInput" v-model="formData.jzmdsm"/> | 226 | <td colspan="2"> |
228 | </td> | 227 | <input |
229 | </tr> | 228 | type="text" |
230 | <tr> | 229 | v-model="formData.jzmd" |
231 | <td colspan="2">建筑限高</td> | 230 | :class=" |
232 | <td colspan="2"> | 231 | formData.jyjzmd == '-' ? 'formInput percent47' : 'formInput' |
233 | <el-select class="formSelect" v-model="formData.jyjzxg"> | 232 | " |
234 | <el-option | 233 | /> |
235 | v-for="item in compareList" | 234 | <span class="percent4" v-show="formData.jyjzmd == '-'">-</span> |
236 | :key="item.value" | 235 | <input |
237 | :label="item.label" | 236 | type="text" |
238 | :value="item.value" | 237 | v-show="formData.jyjzmd == '-'" |
239 | > | 238 | v-model="formData.jzmd" |
240 | </el-option> | 239 | class="formInput percent47" |
241 | </el-select> | 240 | /> |
242 | </td> | 241 | </td> |
243 | <td colspan="2"> | 242 | <td colspan="2">建筑密度说明</td> |
244 | <input type="text" v-model="formData.jzxg" | 243 | <td colspan="4" class="psr"> |
245 | :class="formData.jyjzxg=='-'? 'formInput percent47' : 'formInput'"/> | 244 | <input type="text" class="formInput" v-model="formData.jzmdsm" /> |
246 | <span class="percent4" v-show="formData.jyjzxg=='-'">-</span> | 245 | </td> |
247 | <input type="text" v-show="formData.jyjzxg=='-'" v-model="formData.jzxg" | 246 | </tr> |
248 | class="formInput percent47"/> | 247 | <tr> |
249 | </td> | 248 | <td colspan="2">建筑限高</td> |
250 | <td colspan="2">建筑限高说明</td> | 249 | <td colspan="2"> |
251 | <td colspan="4" class="psr"> | 250 | <el-select class="formSelect" v-model="formData.jyjzxg"> |
252 | <input type="text" class="formInput" v-model="formData.jzxgsm"/> | 251 | <el-option |
253 | </td> | 252 | v-for="item in compareList" |
254 | </tr> | 253 | :key="item.value" |
255 | <tr> | 254 | :label="item.label" |
256 | <td colspan="2" rowspan="4">宗地四至</td> | 255 | :value="item.value" |
257 | <td colspan="2">北至<i class="requisite">*</i></td> | 256 | > |
258 | <td colspan="8" class="psr"> | 257 | </el-option> |
259 | <input type="text" class="formInput" v-model="formData.zdszb"/> | 258 | </el-select> |
260 | </td> | 259 | </td> |
261 | </tr> | 260 | <td colspan="2"> |
262 | <tr> | 261 | <input |
263 | <td colspan="2">东至<i class="requisite">*</i></td> | 262 | type="text" |
264 | <td colspan="8" class="psr"> | 263 | v-model="formData.jzxg" |
265 | <input type="text" class="formInput" v-model="formData.zdszd"/> | 264 | :class=" |
266 | </td> | 265 | formData.jyjzxg == '-' ? 'formInput percent47' : 'formInput' |
267 | </tr> | 266 | " |
268 | <tr> | 267 | /> |
269 | <td colspan="2">南至<i class="requisite">*</i></td> | 268 | <span class="percent4" v-show="formData.jyjzxg == '-'">-</span> |
270 | <td colspan="8" class="psr"> | 269 | <input |
271 | <input type="text" class="formInput" v-model="formData.zdszn"/> | 270 | type="text" |
272 | </td> | 271 | v-show="formData.jyjzxg == '-'" |
273 | </tr> | 272 | v-model="formData.jzxg" |
274 | <tr> | 273 | class="formInput percent47" |
275 | <td colspan="2">西至<i class="requisite">*</i></td> | 274 | /> |
276 | <td colspan="8" class="psr"> | 275 | </td> |
277 | <input type="text" class="formInput" v-model="formData.zdszx"/> | 276 | <td colspan="2">建筑限高说明</td> |
278 | </td> | 277 | <td colspan="4" class="psr"> |
279 | </tr> | 278 | <input type="text" class="formInput" v-model="formData.jzxgsm" /> |
280 | <tr> | 279 | </td> |
281 | <td colspan="12"> | 280 | </tr> |
282 | <Qlxz ref="qlxzModule"></Qlxz> | 281 | <tr> |
283 | </td> | 282 | <td colspan="2" rowspan="4">宗地四至</td> |
284 | </tr> | 283 | <td colspan="2">北至<i class="requisite">*</i></td> |
285 | <tr> | 284 | <td colspan="8" class="psr"> |
286 | <td colspan="2" rowspan="2">批准面积(㎡)</td> | 285 | <input type="text" class="formInput" v-model="formData.zdszb" /> |
287 | <td colspan="2" rowspan="2"> | 286 | </td> |
288 | <input type="text" class="formInput" v-model="formData.pzmj"/> | 287 | </tr> |
289 | </td> | 288 | <tr> |
290 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> | 289 | <td colspan="2">东至<i class="requisite">*</i></td> |
291 | <td colspan="2" rowspan="2"> | 290 | <td colspan="8" class="psr"> |
292 | <input type="text" class="formInput" v-model="formData.zdmj"/> | 291 | <input type="text" class="formInput" v-model="formData.zdszd" /> |
293 | </td> | 292 | </td> |
294 | <td colspan="2">建筑占地总面积</td> | 293 | </tr> |
295 | <td colspan="2"> | 294 | <tr> |
296 | <input type="text" class="formInput" v-model="formData.jzzdzmj"/> | 295 | <td colspan="2">南至<i class="requisite">*</i></td> |
297 | </td> | 296 | <td colspan="8" class="psr"> |
298 | </tr> | 297 | <input type="text" class="formInput" v-model="formData.zdszn" /> |
299 | <tr> | 298 | </td> |
300 | <td colspan="2">建筑面积(㎡)</td> | 299 | </tr> |
301 | <td colspan="2"> | 300 | <tr> |
302 | <input type="text" class="formInput" v-model="formData.jzzmj"/> | 301 | <td colspan="2">西至<i class="requisite">*</i></td> |
303 | </td> | 302 | <td colspan="8" class="psr"> |
304 | </tr> | 303 | <input type="text" class="formInput" v-model="formData.zdszx" /> |
305 | <tr> | 304 | </td> |
306 | <td colspan="2">共有/共用权利人情况</td> | 305 | </tr> |
307 | <td colspan="10"> | 306 | <tr> |
308 | <input type="text" class="formInput" v-model="formData.gygyqlrqk"/> | 307 | <td colspan="12"> |
309 | </td> | 308 | <Qlxz ref="qlxzModule"></Qlxz> |
310 | </tr> | 309 | </td> |
311 | <tr> | 310 | </tr> |
312 | <td colspan="2" rowspan="2">说明</td> | 311 | <tr> |
313 | <td colspan="10" rowspan="2"> | 312 | <td colspan="2" rowspan="2">批准面积(㎡)</td> |
314 | <input type="text" class="formInput" v-model="formData.sm"/> | 313 | <td colspan="2" rowspan="2"> |
315 | </td> | 314 | <input type="text" class="formInput" v-model="formData.pzmj" /> |
316 | </tr> | 315 | </td> |
317 | </table> | 316 | <td colspan="2" rowspan="2">宗地面积(㎡)</td> |
318 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | 317 | <td colspan="2" rowspan="2"> |
319 | <el-button type="primary" @click="updateZDxx">保存</el-button> | 318 | <input type="text" class="formInput" v-model="formData.zdmj" /> |
320 | </div> | 319 | </td> |
321 | </div> | 320 | <td colspan="2">建筑占地总面积</td> |
322 | </div> | 321 | <td colspan="2"> |
322 | <input type="text" class="formInput" v-model="formData.jzzdzmj" /> | ||
323 | </td> | ||
324 | </tr> | ||
325 | <tr> | ||
326 | <td colspan="2">建筑面积(㎡)</td> | ||
327 | <td colspan="2"> | ||
328 | <input type="text" class="formInput" v-model="formData.jzzmj" /> | ||
329 | </td> | ||
330 | </tr> | ||
331 | <tr> | ||
332 | <td colspan="2">共有/共用权利人情况</td> | ||
333 | <td colspan="10"> | ||
334 | <input type="text" class="formInput" v-model="formData.gygyqlrqk" /> | ||
335 | </td> | ||
336 | </tr> | ||
337 | <tr> | ||
338 | <td colspan="2" rowspan="2">说明</td> | ||
339 | <td colspan="10" rowspan="2"> | ||
340 | <input type="text" class="formInput" v-model="formData.sm" /> | ||
341 | </td> | ||
342 | </tr> | ||
343 | </table> | ||
344 | |||
345 | <div style="min-height: 40px;text-align: center;margin-top: 10px"> | ||
346 | <el-button type="primary" @click="updateZDxx">保存</el-button> | ||
347 | </div> | ||
348 | </div> | ||
349 | </div> | ||
323 | </template> | 350 | </template> |
324 | 351 | ||
325 | <script> | 352 | <script> |
326 | import Qlr from "../../../components/formMenu/qlr"; | 353 | import Qlr from "../../../components/formMenu/qlr"; |
327 | import Qlxz from "../../../components/formMenu/qlxz"; | 354 | import Qlxz from "../../../components/formMenu/qlxz"; |
328 | import { | 355 | import { |
329 | getDdicByMC, | 356 | getDdicByMC, |
330 | getListByXzqbsm, | 357 | getListByXzqbsm, |
331 | getListByPbsm, | 358 | getListByPbsm, |
332 | } from "../../../api/common"; | 359 | } from "../../../api/common"; |
333 | import {getBdcdyh, getQjZdjbxxDetailById,updateQjZdjbxx} from "../../../api/zd"; | 360 | import { |
361 | getBdcdyh, | ||
362 | getQjZdjbxxDetailById, | ||
363 | updateQjZdjbxx, | ||
364 | } from "../../../api/zd"; | ||
334 | 365 | ||
335 | export default { | 366 | export default { |
336 | name: "", | 367 | name: "", |
337 | components: { | 368 | components: { |
338 | Qlr, | 369 | Qlr, |
339 | Qlxz, | 370 | Qlxz, |
340 | }, | 371 | }, |
341 | props: {}, | 372 | props: {}, |
342 | data() { | 373 | data() { |
343 | return { | 374 | return { |
344 | compareList: [ | 375 | compareList: [ |
345 | {label: "<", value: "<"}, | 376 | { label: "<", value: "<" }, |
346 | {label: ">", value: ">"}, | 377 | { label: ">", value: ">" }, |
347 | {label: "=", value: "="}, | 378 | { label: "=", value: "=" }, |
348 | {label: "<=", value: "<="}, | 379 | { label: "<=", value: "<=" }, |
349 | {label: ">=", value: ">="}, | 380 | { label: ">=", value: ">=" }, |
350 | {label: "-", value: "-"} | 381 | { label: "-", value: "-" }, |
351 | ], | 382 | ], |
352 | formData: { | 383 | formData: { |
353 | "bblx": 0, | 384 | bblx: 0, |
354 | "bbsxh": 0, | 385 | bbsxh: 0, |
355 | "bhqkbsm": "", | 386 | bhqkbsm: "", |
356 | "blc": "", | 387 | blc: "", |
357 | "bz": "", | 388 | bz: "", |
358 | "dcrq": "2020-10-22T09:07:38.644Z", | 389 | dcrq: "2020-10-22T09:07:38.644Z", |
359 | "dcy": "", | 390 | dcy: "", |
360 | "dcyj": "", | 391 | dcyj: "", |
361 | "djh": "", | 392 | djh: "", |
362 | "djqbsm": "", | 393 | djqbsm: "", |
363 | "djzqbsm": "", | 394 | djzqbsm: "", |
364 | "dyhbsm": "", | 395 | dyhbsm: "", |
365 | "gmjjhyflbsm": "", | 396 | gmjjhyflbsm: "", |
366 | "gygyqlrqk": "", | 397 | gygyqlrqk: "", |
367 | "jg": 0, | 398 | jg: 0, |
368 | "jyjzmd": ">", | 399 | jyjzmd: ">", |
369 | "jyjzxg": "<", | 400 | jyjzxg: "<", |
370 | "jyrjl": "<", | 401 | jyrjl: "<", |
371 | "jzmd": 0, | 402 | jzmd: 0, |
372 | "jzmdsm": "", | 403 | jzmdsm: "", |
373 | "jzxg": 0, | 404 | jzxg: 0, |
374 | "jzxgsm": "", | 405 | jzxgsm: "", |
375 | "jzzdzmj": 0, | 406 | jzzdzmj: 0, |
376 | "jzzmj": 0, | 407 | jzzmj: 0, |
377 | "mjdw": "", | 408 | mjdw: "", |
378 | "pzmj": 0, | 409 | pzmj: 0, |
379 | "qllxbsm": "", | 410 | qllxbsm: "", |
380 | "qlsdfs": "", | 411 | qlsdfs: "", |
381 | "qszt": "", | 412 | qszt: "", |
382 | "rjl": 0, | 413 | rjl: 0, |
383 | "rjlsm": "", | 414 | rjlsm: "", |
384 | "sfwqfg": "", | 415 | sfwqfg: "", |
385 | "sjly": 0, | 416 | sjly: 0, |
386 | "syqlxbsm": "", | 417 | syqlxbsm: "", |
387 | "tdqslyzmcl": "", | 418 | tdqslyzmcl: "", |
388 | "tfh": "", | 419 | tfh: "", |
389 | "userbsm": "", | 420 | userbsm: "", |
390 | "xmmc": "", | 421 | xmmc: "", |
391 | "xzqbsm": "", | 422 | xzqbsm: "", |
392 | "ydybsm": "", | 423 | ydybsm: "", |
393 | "ysclbsm": "", | 424 | ysclbsm: "", |
394 | "zdbsm": "", | 425 | zdbsm: "", |
395 | "zddm": "", | 426 | zddm: "", |
396 | "zdmj": 0, | 427 | zdmj: 0, |
397 | "zdszb": "北", | 428 | zdszb: "北", |
398 | "zdszd": "东", | 429 | zdszd: "东", |
399 | "zdszn": "南", | 430 | zdszn: "南", |
400 | "zdszx": "西", | 431 | zdszx: "西", |
401 | "zdtzmbsm": "", | 432 | zdtzmbsm: "", |
402 | "zl": "坐落" | 433 | zl: "坐落", |
403 | }, | 434 | }, |
404 | }; | 435 | }; |
405 | }, | 436 | }, |
406 | created() { | 437 | created() { |
407 | this.getZdjbxxData(); | 438 | this.getZdjbxxData(); |
408 | }, | 439 | }, |
409 | mounted() { | 440 | mounted() {}, |
410 | }, | 441 | methods: { |
411 | methods: { | 442 | //根据zdbsm查询基本信息 |
412 | //根据zdbsm查询基本信息 | 443 | getZdjbxxData() { |
413 | getZdjbxxData() { | 444 | getQjZdjbxxDetailById(this.$store.state.zdbsm) |
414 | getQjZdjbxxDetailById(this.$store.state.zdbsm) | 445 | .then((res) => { |
415 | .then((res) => { | 446 | if (res.result) { |
416 | if (res.result) { | 447 | console.log(res.result); |
417 | console.log(res.result); | 448 | this.formData = res.result; |
418 | this.formData = res.result; | 449 | } |
419 | } | 450 | }) |
420 | }) | 451 | .catch((error) => {}); |
421 | .catch((error) => { | 452 | }, |
422 | }); | 453 | //生成宗地代码 |
423 | }, | 454 | generatorCode() { |
424 | //生成宗地代码 | 455 | //前6位是xzqbsm,接着3位djqbsm,3位djzqbsm,最后2位是syqlxbsm 860101555888GB |
425 | generatorCode() { | 456 | getBdcdyh("860101555888GB", "zd") |
426 | //前6位是xzqbsm,接着3位djqbsm,3位djzqbsm,最后2位是syqlxbsm 860101555888GB | 457 | .then((res) => { |
427 | getBdcdyh("860101555888GB", "zd") | 458 | console.log(res); |
428 | .then((res) => { | 459 | this.formData.zddm = res.result.substring(0, 19); |
429 | console.log(res); | 460 | this.formData.dyhbsm = res.result; |
430 | this.formData.zddm = res.result.substring(0, 19); | 461 | }) |
431 | this.formData.dyhbsm = res.result; | 462 | .catch((error) => {}); |
432 | }) | 463 | }, |
433 | .catch((error) => { | 464 | //修改宗地基本信息 |
434 | }); | 465 | updateZDxx() { |
435 | }, | 466 | //获取权利性质数据 |
436 | //修改宗地基本信息 | 467 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); |
437 | updateZDxx(){ | 468 | updateQjZdjbxx(this.formData) |
438 | //获取权利性质数据 | 469 | .then((res) => { |
439 | this.formData.list = this.$refs.qlxzModule.getQlxzDataList(); | 470 | if (res.code == 200) { |
440 | updateQjZdjbxx(this.formData) | 471 | console.log(res); |
441 | .then((res) => { | 472 | this.$message({ |
442 | console.log(res); | 473 | message: '保存成功', |
443 | }) | 474 | type: "success", |
444 | .catch((error) => { | 475 | }); |
445 | }); | 476 | } else { |
446 | }, | 477 | this.$message({ |
447 | getQlrxxData() { | 478 | message: res.message, |
448 | console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据 | 479 | type: "warning", |
449 | console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据 | 480 | }); |
450 | }, | 481 | } |
451 | getQlxzData() { | 482 | }) |
452 | console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 | 483 | .catch((error) => {}); |
453 | }, | 484 | }, |
454 | //行政区划选择 | 485 | getQlrxxData() { |
455 | changeXzq(id) { | 486 | console.log(this.$refs.qlrxxModule.getQlgyfsData()); //权利共有方式数据 |
456 | getListByXzqbsm(id) | 487 | console.log(this.$refs.qlrxxModule.getQlrxxData()); //权利人表格数据 |
457 | .then((res) => { | 488 | }, |
458 | this.formData.djqbsm = ""; | 489 | getQlxzData() { |
459 | this.formData.djzqbsm = ""; | 490 | console.log(this.$refs.qlxzModule.getQlxzDataList()); //权利性质数据 |
460 | this.djqList = res.result; | 491 | }, |
461 | this.$store.state.djqList = res.result; | 492 | //行政区划选择 |
462 | }) | 493 | changeXzq(id) { |
463 | .catch((error) => { | 494 | getListByXzqbsm(id) |
464 | }); | 495 | .then((res) => { |
465 | }, | 496 | this.formData.djqbsm = ""; |
466 | changeDjq(item) { | 497 | this.formData.djzqbsm = ""; |
467 | getListByPbsm(item) | 498 | this.djqList = res.result; |
468 | .then((res) => { | 499 | this.$store.state.djqList = res.result; |
469 | this.formData.djzqbsm = ""; | 500 | }) |
470 | this.djzqList = res.result; | 501 | .catch((error) => {}); |
471 | this.$store.state.djzqList = res.result; | 502 | }, |
472 | }) | 503 | changeDjq(item) { |
473 | .catch((error) => { | 504 | getListByPbsm(item) |
474 | }); | 505 | .then((res) => { |
475 | }, | 506 | this.formData.djzqbsm = ""; |
476 | }, | 507 | this.djzqList = res.result; |
477 | computed: { | 508 | this.$store.state.djzqList = res.result; |
478 | zl() { | 509 | }) |
479 | return this.formData.zl | 510 | .catch((error) => {}); |
480 | }, | 511 | }, |
481 | mj() { | 512 | }, |
482 | return this.formData.zdmj | 513 | computed: { |
483 | }, | 514 | zl() { |
484 | zddm() { | 515 | return this.formData.zl; |
485 | return this.formData.zddm | 516 | }, |
486 | } | 517 | mj() { |
487 | }, | 518 | return this.formData.zdmj; |
488 | watch: { | 519 | }, |
489 | zl: function (val) { | 520 | zddm() { |
490 | this.$store.state.zdzl = val | 521 | return this.formData.zddm; |
491 | }, | 522 | }, |
492 | mj: function (val) { | 523 | }, |
493 | this.$store.state.zdmj = val | 524 | watch: { |
494 | }, | 525 | zl: function(val) { |
495 | zddm: function (val) { | 526 | this.$store.state.zdzl = val; |
496 | this.$store.state.zddm = val | 527 | }, |
497 | } | 528 | mj: function(val) { |
498 | }, | 529 | this.$store.state.zdmj = val; |
499 | }; | 530 | }, |
531 | zddm: function(val) { | ||
532 | this.$store.state.zddm = val; | ||
533 | }, | ||
534 | }, | ||
535 | }; | ||
500 | </script> | 536 | </script> |
501 | <style lang="less" scoped> | 537 | <style lang="less" scoped> |
502 | .main { | 538 | .main { |
503 | box-sizing: border-box; | 539 | box-sizing: border-box; |
504 | padding: 18px; | 540 | padding: 18px; |
505 | height: auto; | 541 | height: auto; |
506 | .formMenu { | 542 | .formMenu { |
507 | width: 80%; | 543 | width: 80%; |
508 | margin: 0 auto; | 544 | margin: 0 auto; |
509 | } | 545 | } |
510 | .zdjbxxTable { | 546 | .zdjbxxTable { |
511 | margin: 10px 0; | 547 | margin: 10px 0; |
512 | background-color: #fff; | 548 | background-color: #fff; |
513 | font-size: 14px; | 549 | font-size: 14px; |
514 | width: 100%; | 550 | width: 100%; |
515 | th { | 551 | th { |
516 | height: 36px; | 552 | height: 36px; |
517 | line-height: 36px; | 553 | line-height: 36px; |
518 | font-size: 16px; | 554 | font-size: 16px; |
519 | } | 555 | } |
520 | td { | 556 | td { |
521 | width: 60px; | 557 | width: 60px; |
522 | text-align: center; | 558 | text-align: center; |
523 | height: 36px; | 559 | height: 36px; |
524 | } | 560 | } |
525 | /deep/ .el-input__inner { | 561 | /deep/ .el-input__inner { |
526 | margin: 0; | 562 | margin: 0; |
527 | height: 36px; | 563 | height: 36px; |
528 | outline: none; | 564 | outline: none; |
529 | border: none; | 565 | border: none; |
530 | color: #606764; | 566 | color: #606764; |
531 | overflow: visible; | 567 | overflow: visible; |
532 | text-align: center; | 568 | text-align: center; |
533 | cursor: text; | 569 | cursor: text; |
534 | } | 570 | } |
535 | .percent78 { | 571 | .percent78 { |
536 | width: 78%; | 572 | width: 78%; |
537 | float: left; | 573 | float: left; |
538 | } | 574 | } |
539 | .percent68 { | 575 | .percent68 { |
540 | width: 68% !important; | 576 | width: 68% !important; |
541 | float: left; | 577 | float: left; |
542 | position: relative; | 578 | position: relative; |
543 | top: 7px; | 579 | top: 7px; |
544 | } | 580 | } |
545 | .percent47 { | 581 | .percent47 { |
546 | width: 45% !important; | 582 | width: 45% !important; |
547 | float: left; | 583 | float: left; |
548 | } | 584 | } |
549 | .percent4 { | 585 | .percent4 { |
550 | height: 20px; | 586 | height: 20px; |
551 | line-height: 20px; | 587 | line-height: 20px; |
552 | width: 4% !important; | 588 | width: 4% !important; |
553 | float: left; | 589 | float: left; |
554 | } | 590 | } |
555 | .percent30 { | 591 | .percent30 { |
556 | width: 30% !important; | 592 | width: 30% !important; |
557 | float: left; | 593 | float: left; |
558 | } | 594 | } |
559 | .createBtn { | 595 | .createBtn { |
560 | position: absolute; | 596 | position: absolute; |
561 | width: 50px; | 597 | width: 50px; |
562 | padding: 6px 4px; | 598 | padding: 6px 4px; |
563 | right: 4px; | 599 | right: 4px; |
564 | top: 4px; | 600 | top: 4px; |
565 | } | 601 | } |
566 | .el-input__icon { | 602 | .el-input__icon { |
567 | line-height: 37px; | 603 | line-height: 37px; |
568 | } | 604 | } |
569 | .el-select { | 605 | .el-select { |
570 | width: 100%; | 606 | width: 100%; |
571 | } | 607 | } |
572 | } | 608 | } |
573 | } | 609 | } |
574 | </style> | 610 | </style> | ... | ... |
-
Please register or sign in to post a comment