Skip to content

任超 / js.CadastralSystem

Go to a project
Toggle navigation
Toggle navigation pinning
b3866baa by weimo934
Options

style(fg,hb,zrz):修改表格样式,自然幢添加附件材料

1 parent 07b87cf8
Inline Side-by-side
Showing 3 changed files with 243 additions and 200 deletions
...@@ -7,52 +7,58 @@ ...@@ -7,52 +7,58 @@
7 <div class="table"> 7 <div class="table">
8 <span class="tips">分割前宗地信息</span> 8 <span class="tips">分割前宗地信息</span>
9 <table border="1"> 9 <table border="1">
10 <tr> 10 <tr>
11 <th>序号</th> 11 <th class="xh">序号</th>
12 <th>宗地代码</th> 12 <th class="zddm">宗地代码</th>
13 <th>不动产单元号</th> 13 <th class="bdcdyh">不动产单元号</th>
14 <th>项目名称</th> 14 <th class="xmmc">项目名称</th>
15 <th>不动产权证号</th> 15 <th class="bdcqzh">不动产权证号</th>
16 <th>权利人</th> 16 <th class="qlr">权利人</th>
17 <th>坐落</th> 17 <th class="zl">坐落</th>
18 </tr> 18 </tr>
19 <tr v-if="Object.keys(bgqData)==0"> 19 <tr v-if="Object.keys(bgqData)==0">
20 <td colspan="7"> 20 <td colspan="7">
21 <span class="noData">暂无数据</span> 21 <span class="noData">暂无数据</span>
22 </td> 22 </td>
23 </tr> 23 </tr>
24 <tr v-else> 24 <tr v-else>
25 <td>1</td> 25 <td class="xh">1</td>
26 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/> 26 <td class="zddm"><input type="text" class="formInput" v-model="bgqData.zddm"
27 </td> 27 readonly="readonly"/>
28 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/> 28 </td>
29 </td> 29 <td class="bdcdyh"><input type="text" class="formInput" v-model="bgqData.bdcdyh"
30 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/> 30 readonly="readonly"/>
31 </td> 31 </td>
32 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/> 32 <td class="xmmc"><input type="text" class="formInput" v-model="bgqData.xmmc"
33 </td> 33 readonly="readonly"/>
34 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/> 34 </td>
35 </td> 35 <td class="bdcqzh"><input type="text" class="formInput" v-model="bgqData.bdcqzh"
36 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td> 36 readonly="readonly"/>
37 </tr> 37 </td>
38 </table> 38 <td class="qlr"><input type="text" class="formInput" v-model="bgqData.qlr"
39 readonly="readonly"/>
40 </td>
41 <td class="zl"><input type="text" class="formInput" v-model="bgqData.zl"
42 readonly="readonly"/></td>
43 </tr>
44 </table>
39 </div> 45 </div>
40 <div class="fgh"> 46 <div class="fgh">
41 <span class="tips">分割后宗地信息</span> 47 <span class="tips">分割后宗地信息</span>
42 <table border="1"> 48 <table border="1">
43 <tr> 49 <tr>
44 <th>操作</th> 50 <th class="cz">操作</th>
45 <th>行政区</th> 51 <th class="xzq">行政区</th>
46 <th>地籍区</th> 52 <th class="djq">地籍区</th>
47 <th>地籍子区</th> 53 <th class="djzq">地籍子区</th>
48 <th>所有权类型</th> 54 <th class="syqlx">所有权类型</th>
49 <th>土地特征码</th> 55 <th class="tdtzm">土地特征码</th>
50 <th>项目名称</th> 56 <th class="xmmc">项目名称</th>
51 <th>幢信息</th> 57 <th class="zxx">幢信息</th>
52 </tr> 58 </tr>
53 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 59 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
54 <td @click="delRow(index)">-</td> 60 <td @click="delRow(index)" class="cz">-</td>
55 <td> 61 <td class="xzq">
56 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> 62 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
57 <el-option 63 <el-option
58 v-for="i in xzq" 64 v-for="i in xzq"
...@@ -62,7 +68,7 @@ ...@@ -62,7 +68,7 @@
62 ></el-option> 68 ></el-option>
63 </el-select> 69 </el-select>
64 </td> 70 </td>
65 <td> 71 <td class="djq">
66 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)"> 72 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
67 <el-option 73 <el-option
68 v-for="i in djq" 74 v-for="i in djq"
...@@ -72,7 +78,7 @@ ...@@ -72,7 +78,7 @@
72 ></el-option> 78 ></el-option>
73 </el-select> 79 </el-select>
74 </td> 80 </td>
75 <td> 81 <td class="syqlx">
76 <el-select v-model="item.djzqbsm"> 82 <el-select v-model="item.djzqbsm">
77 <el-option 83 <el-option
78 v-for="i in djzq" 84 v-for="i in djzq"
...@@ -82,7 +88,7 @@ ...@@ -82,7 +88,7 @@
82 ></el-option> 88 ></el-option>
83 </el-select> 89 </el-select>
84 </td> 90 </td>
85 <td> 91 <td class="tdtzm">
86 <el-select v-model="item.syqlxbsm"> 92 <el-select v-model="item.syqlxbsm">
87 <el-option 93 <el-option
88 v-for="i in syq" 94 v-for="i in syq"
...@@ -92,7 +98,7 @@ ...@@ -92,7 +98,7 @@
92 ></el-option> 98 ></el-option>
93 </el-select> 99 </el-select>
94 </td> 100 </td>
95 <td> 101 <td class="syqlx">
96 <el-select v-model="item.zdtzmbsm"> 102 <el-select v-model="item.zdtzmbsm">
97 <el-option 103 <el-option
98 v-for="i in tdtzm" 104 v-for="i in tdtzm"
...@@ -102,10 +108,10 @@ ...@@ -102,10 +108,10 @@
102 ></el-option> 108 ></el-option>
103 </el-select> 109 </el-select>
104 </td> 110 </td>
105 <td> 111 <td class="xmmc">
106 <input type="text" v-model="item.xmmc" class="formInput"/> 112 <input type="text" v-model="item.xmmc" class="formInput"/>
107 </td> 113 </td>
108 <td> 114 <td class="zxx">
109 <!-- {{item.fwlist.zbsm}}--> 115 <!-- {{item.fwlist.zbsm}}-->
110 <span @click="xzzrz(index)" class="xz">选择</span> 116 <span @click="xzzrz(index)" class="xz">选择</span>
111 </td> 117 </td>
...@@ -164,7 +170,7 @@ ...@@ -164,7 +170,7 @@
164 </div> 170 </div>
165 </el-dialog> 171 </el-dialog>
166 172
167 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" 173 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :isZdClose="true"
168 @close="close"></query-data> 174 @close="close"></query-data>
169 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 175 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
170 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 176 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
...@@ -175,16 +181,16 @@ ...@@ -175,16 +181,16 @@
175 <div class="fg-tabs"> 181 <div class="fg-tabs">
176 <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> 182 <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
177 <div class="table"> 183 <div class="table">
178 <span class="tips">分割前宗地信息</span> 184 <span class="tips">分割前多幢信息</span>
179 <table border="1"> 185 <table border="1">
180 <tr> 186 <tr>
181 <th>序号</th> 187 <th class="xh">序号</th>
182 <th>宗地代码</th> 188 <th class="zddm">宗地代码</th>
183 <th>不动产单元号</th> 189 <th class="bdcdyh">不动产单元号</th>
184 <th>项目名称</th> 190 <th class="xmmc">项目名称</th>
185 <th>不动产权证号</th> 191 <th class="bdcqzh">不动产权证号</th>
186 <th>权利人</th> 192 <th class="qlr">权利人</th>
187 <th>坐落</th> 193 <th class="zl">坐落</th>
188 </tr> 194 </tr>
189 <tr v-if="Object.keys(bgqData)==0"> 195 <tr v-if="Object.keys(bgqData)==0">
190 <td colspan="7"> 196 <td colspan="7">
...@@ -192,37 +198,43 @@ ...@@ -192,37 +198,43 @@
192 </td> 198 </td>
193 </tr> 199 </tr>
194 <tr v-else> 200 <tr v-else>
195 <td>1</td> 201 <td class="xh">1</td>
196 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/> 202 <td class="zddm"><input type="text" class="formInput" v-model="bgqData.zddm"
203 readonly="readonly"/>
197 </td> 204 </td>
198 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/> 205 <td class="bdcdyh"><input type="text" class="formInput" v-model="bgqData.bdcdyh"
206 readonly="readonly"/>
199 </td> 207 </td>
200 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/> 208 <td class="xmmc"><input type="text" class="formInput" v-model="bgqData.xmmc"
209 readonly="readonly"/>
201 </td> 210 </td>
202 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/> 211 <td class="bdcqzh"><input type="text" class="formInput" v-model="bgqData.bdcqzh"
212 readonly="readonly"/>
203 </td> 213 </td>
204 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/> 214 <td class="qlr"><input type="text" class="formInput" v-model="bgqData.qlr"
215 readonly="readonly"/>
205 </td> 216 </td>
206 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td> 217 <td class="zl"><input type="text" class="formInput" v-model="bgqData.zl"
218 readonly="readonly"/></td>
207 </tr> 219 </tr>
208 </table> 220 </table>
209 </div> 221 </div>
210 <div class="fgh"> 222 <div class="fgh">
211 <span class="tips">分割后宗地信息</span> 223 <span class="tips">分割后多幢信息</span>
212 <table border="1"> 224 <table border="1">
213 <tr> 225 <tr>
214 <th>操作</th> 226 <th class="cz">操作</th>
215 <th>行政区</th> 227 <th class="xzq">行政区</th>
216 <th>地籍区</th> 228 <th class="djq">地籍区</th>
217 <th>地籍子区</th> 229 <th class="djzq">地籍子区</th>
218 <th>所有权类型</th> 230 <th class="syqlx">所有权类型</th>
219 <th>土地特征码</th> 231 <th class="tdtzm">土地特征码</th>
220 <th>项目名称</th> 232 <th class="xmmc">项目名称</th>
221 <th>幢信息</th> 233 <th class="zxx">幢信息</th>
222 </tr> 234 </tr>
223 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 235 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
224 <td @click="delRow(index)">-</td> 236 <td @click="delRow(index)" class="cz">-</td>
225 <td> 237 <td class="xzq">
226 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> 238 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
227 <el-option 239 <el-option
228 v-for="i in xzq" 240 v-for="i in xzq"
...@@ -232,7 +244,7 @@ ...@@ -232,7 +244,7 @@
232 ></el-option> 244 ></el-option>
233 </el-select> 245 </el-select>
234 </td> 246 </td>
235 <td> 247 <td class="djq">
236 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)"> 248 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
237 <el-option 249 <el-option
238 v-for="i in djq" 250 v-for="i in djq"
...@@ -242,7 +254,7 @@ ...@@ -242,7 +254,7 @@
242 ></el-option> 254 ></el-option>
243 </el-select> 255 </el-select>
244 </td> 256 </td>
245 <td> 257 <td class="syqlx">
246 <el-select v-model="item.djzqbsm"> 258 <el-select v-model="item.djzqbsm">
247 <el-option 259 <el-option
248 v-for="i in djzq" 260 v-for="i in djzq"
...@@ -252,7 +264,7 @@ ...@@ -252,7 +264,7 @@
252 ></el-option> 264 ></el-option>
253 </el-select> 265 </el-select>
254 </td> 266 </td>
255 <td> 267 <td class="tdtzm">
256 <el-select v-model="item.syqlxbsm"> 268 <el-select v-model="item.syqlxbsm">
257 <el-option 269 <el-option
258 v-for="i in syq" 270 v-for="i in syq"
...@@ -262,7 +274,7 @@ ...@@ -262,7 +274,7 @@
262 ></el-option> 274 ></el-option>
263 </el-select> 275 </el-select>
264 </td> 276 </td>
265 <td> 277 <td class="syqlx">
266 <el-select v-model="item.zdtzmbsm"> 278 <el-select v-model="item.zdtzmbsm">
267 <el-option 279 <el-option
268 v-for="i in tdtzm" 280 v-for="i in tdtzm"
...@@ -272,10 +284,10 @@ ...@@ -272,10 +284,10 @@
272 ></el-option> 284 ></el-option>
273 </el-select> 285 </el-select>
274 </td> 286 </td>
275 <td> 287 <td class="xmmc">
276 <input type="text" v-model="item.xmmc" class="formInput"/> 288 <input type="text" v-model="item.xmmc" class="formInput"/>
277 </td> 289 </td>
278 <td> 290 <td class="zxx">
279 <!-- {{item.fwlist.zbsm}}--> 291 <!-- {{item.fwlist.zbsm}}-->
280 <span @click="xzzrz(index)" class="xz">选择</span> 292 <span @click="xzzrz(index)" class="xz">选择</span>
281 </td> 293 </td>
...@@ -334,6 +346,7 @@ ...@@ -334,6 +346,7 @@
334 </el-dialog> 346 </el-dialog>
335 347
336 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']" 348 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['dz']"
349 :isZdClose="true"
337 @close="close"></query-data> 350 @close="close"></query-data>
338 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 351 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
339 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 352 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
...@@ -344,16 +357,16 @@ ...@@ -344,16 +357,16 @@
344 <div class="fg-tabs"> 357 <div class="fg-tabs">
345 <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button> 358 <el-button type="primary" class="addBtn" @click="newAdd">新增</el-button>
346 <div class="table"> 359 <div class="table">
347 <span class="tips">分割前宗地信息</span> 360 <span class="tips">分割前户信息</span>
348 <table border="1"> 361 <table border="1">
349 <tr> 362 <tr>
350 <th>序号</th> 363 <th class="xh">序号</th>
351 <th>宗地代码</th> 364 <th class="zddm">宗地代码</th>
352 <th>不动产单元号</th> 365 <th class="bdcdyh">不动产单元号</th>
353 <th>项目名称</th> 366 <th class="xmmc">项目名称</th>
354 <th>不动产权证号</th> 367 <th class="bdcqzh">不动产权证号</th>
355 <th>权利人</th> 368 <th class="qlr">权利人</th>
356 <th>坐落</th> 369 <th class="zl">坐落</th>
357 </tr> 370 </tr>
358 <tr v-if="Object.keys(bgqData)==0"> 371 <tr v-if="Object.keys(bgqData)==0">
359 <td colspan="7"> 372 <td colspan="7">
...@@ -361,37 +374,43 @@ ...@@ -361,37 +374,43 @@
361 </td> 374 </td>
362 </tr> 375 </tr>
363 <tr v-else> 376 <tr v-else>
364 <td>1</td> 377 <td class="xh">1</td>
365 <td><input type="text" class="formInput" v-model="bgqData.zddm" readonly="readonly"/> 378 <td class="zddm"><input type="text" class="formInput" v-model="bgqData.zddm"
379 readonly="readonly"/>
366 </td> 380 </td>
367 <td><input type="text" class="formInput" v-model="bgqData.bdcdyh" readonly="readonly"/> 381 <td class="bdcdyh"><input type="text" class="formInput" v-model="bgqData.bdcdyh"
382 readonly="readonly"/>
368 </td> 383 </td>
369 <td><input type="text" class="formInput" v-model="bgqData.xmmc" readonly="readonly"/> 384 <td class="xmmc"><input type="text" class="formInput" v-model="bgqData.xmmc"
385 readonly="readonly"/>
370 </td> 386 </td>
371 <td><input type="text" class="formInput" v-model="bgqData.bdcqzh" readonly="readonly"/> 387 <td class="bdcqzh"><input type="text" class="formInput" v-model="bgqData.bdcqzh"
388 readonly="readonly"/>
372 </td> 389 </td>
373 <td><input type="text" class="formInput" v-model="bgqData.qlr" readonly="readonly"/> 390 <td class="qlr"><input type="text" class="formInput" v-model="bgqData.qlr"
391 readonly="readonly"/>
374 </td> 392 </td>
375 <td><input type="text" class="formInput" v-model="bgqData.zl" readonly="readonly"/></td> 393 <td class="zl"><input type="text" class="formInput" v-model="bgqData.zl"
394 readonly="readonly"/></td>
376 </tr> 395 </tr>
377 </table> 396 </table>
378 </div> 397 </div>
379 <div class="fgh"> 398 <div class="fgh">
380 <span class="tips">分割后宗地信息</span> 399 <span class="tips">分割后户信息</span>
381 <table border="1"> 400 <table border="1">
382 <tr> 401 <tr>
383 <th>操作</th> 402 <th class="cz">操作</th>
384 <th>行政区</th> 403 <th class="xzq">行政区</th>
385 <th>地籍区</th> 404 <th class="djq">地籍区</th>
386 <th>地籍子区</th> 405 <th class="djzq">地籍子区</th>
387 <th>所有权类型</th> 406 <th class="syqlx">所有权类型</th>
388 <th>土地特征码</th> 407 <th class="tdtzm">土地特征码</th>
389 <th>项目名称</th> 408 <th class="xmmc">项目名称</th>
390 <th>幢信息</th> 409 <th class="zxx">幢信息</th>
391 </tr> 410 </tr>
392 <tr v-for="(item,index) in fghData.newZdlist" :key="index"> 411 <tr v-for="(item,index) in fghData.newZdlist" :key="index">
393 <td @click="delRow(index)">-</td> 412 <td @click="delRow(index)" class="cz">-</td>
394 <td> 413 <td class="xzq">
395 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)"> 414 <el-select v-model="item.xzqbsm" @change="changeXzq(item.xzqbsm,index)">
396 <el-option 415 <el-option
397 v-for="i in xzq" 416 v-for="i in xzq"
...@@ -401,7 +420,7 @@ ...@@ -401,7 +420,7 @@
401 ></el-option> 420 ></el-option>
402 </el-select> 421 </el-select>
403 </td> 422 </td>
404 <td> 423 <td class="djq">
405 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)"> 424 <el-select v-model="item.djqbsm" @change="changeDjq(item.djqbsm,index)">
406 <el-option 425 <el-option
407 v-for="i in djq" 426 v-for="i in djq"
...@@ -411,7 +430,7 @@ ...@@ -411,7 +430,7 @@
411 ></el-option> 430 ></el-option>
412 </el-select> 431 </el-select>
413 </td> 432 </td>
414 <td> 433 <td class="syqlx">
415 <el-select v-model="item.djzqbsm"> 434 <el-select v-model="item.djzqbsm">
416 <el-option 435 <el-option
417 v-for="i in djzq" 436 v-for="i in djzq"
...@@ -421,7 +440,7 @@ ...@@ -421,7 +440,7 @@
421 ></el-option> 440 ></el-option>
422 </el-select> 441 </el-select>
423 </td> 442 </td>
424 <td> 443 <td class="tdtzm">
425 <el-select v-model="item.syqlxbsm"> 444 <el-select v-model="item.syqlxbsm">
426 <el-option 445 <el-option
427 v-for="i in syq" 446 v-for="i in syq"
...@@ -431,7 +450,7 @@ ...@@ -431,7 +450,7 @@
431 ></el-option> 450 ></el-option>
432 </el-select> 451 </el-select>
433 </td> 452 </td>
434 <td> 453 <td class="syqlx">
435 <el-select v-model="item.zdtzmbsm"> 454 <el-select v-model="item.zdtzmbsm">
436 <el-option 455 <el-option
437 v-for="i in tdtzm" 456 v-for="i in tdtzm"
...@@ -441,10 +460,10 @@ ...@@ -441,10 +460,10 @@
441 ></el-option> 460 ></el-option>
442 </el-select> 461 </el-select>
443 </td> 462 </td>
444 <td> 463 <td class="xmmc">
445 <input type="text" v-model="item.xmmc" class="formInput"/> 464 <input type="text" v-model="item.xmmc" class="formInput"/>
446 </td> 465 </td>
447 <td> 466 <td class="zxx">
448 <!-- {{item.fwlist.zbsm}}--> 467 <!-- {{item.fwlist.zbsm}}-->
449 <span @click="xzzrz(index)" class="xz">选择</span> 468 <span @click="xzzrz(index)" class="xz">选择</span>
450 </td> 469 </td>
...@@ -503,6 +522,7 @@ ...@@ -503,6 +522,7 @@
503 </el-dialog> 522 </el-dialog>
504 523
505 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']" 524 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" :dylxs="['h']"
525 :isZdClose="true"
506 @close="close"></query-data> 526 @close="close"></query-data>
507 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 527 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
508 <el-button type="primary" class="saveBtn" @click="save">保存</el-button> 528 <el-button type="primary" class="saveBtn" @click="save">保存</el-button>
...@@ -629,7 +649,7 @@ ...@@ -629,7 +649,7 @@
629 oldZdbsm: "", 649 oldZdbsm: "",
630 newZdlist: [] 650 newZdlist: []
631 }, 651 },
632 fgBoxWidth:0, 652 fgBoxWidth: 0,
633 } 653 }
634 }, 654 },
635 created() { 655 created() {
...@@ -637,7 +657,7 @@ ...@@ -637,7 +657,7 @@
637 mounted() { 657 mounted() {
638 this.getXzqList(); 658 this.getXzqList();
639 this.getzdtzm(); 659 this.getzdtzm();
640 this.$nextTick(()=>{ 660 this.$nextTick(() => {
641 this.fgBoxWidth = this.$refs.fgBox.clientWidth; 661 this.fgBoxWidth = this.$refs.fgBox.clientWidth;
642 }) 662 })
643 }, 663 },
...@@ -802,47 +822,48 @@ ...@@ -802,47 +822,48 @@
802 } 822 }
803 </script> 823 </script>
804 <style scoped lang="less"> 824 <style scoped lang="less">
805 .fg{ 825 .fg {
806 .menu{ 826 .menu {
807 /deep/.el-tabs__content{ 827 /deep/ .el-tabs__content {
808 position: unset; 828 position: unset;
809 margin-top: 62px; 829 margin-top: 62px;
810 overflow: visible; 830 overflow: visible;
811 } 831 }
812 /deep/.el-tabs__header{ 832 /deep/ .el-tabs__header {
813 position: -webkit-fixed; 833 position: -webkit-fixed;
814 position: fixed; 834 position: fixed;
815 top: 120px; 835 top: 120px;
816 z-index: 999; 836 z-index: 999;
817 width: 100%; 837 width: 100%;
818 margin-bottom: 0; 838 margin-bottom: 0;
819 border: 0; 839 border: 0;
820 /deep/.el-tabs__nav-scroll{ 840 /deep/ .el-tabs__nav-scroll {
821 height: 50px; 841 height: 50px;
822 box-sizing: border-box; 842 box-sizing: border-box;
823 padding-left: 20px; 843 padding-left: 20px;
824 .el-tabs__active-bar{ 844 .el-tabs__active-bar {
825 display: none; 845 display: none;
826 }
827 >.el-tabs__nav{
828 border: 0;
829 >.el-tabs__item{
830 border: 1px solid #DEDEDE;
831 height: 36px;
832 line-height: 36px;
833 padding: 0 20px;
834 margin: 9px 10px 9px 0;
835 background-color: #ffffff;
836 } 846 }
837 .is-active{ 847 > .el-tabs__nav {
838 color: #006CFF; 848 border: 0;
839 border: 1px solid #006CFF; 849 > .el-tabs__item {
850 border: 1px solid #DEDEDE;
851 height: 36px;
852 line-height: 36px;
853 padding: 0 20px;
854 margin: 9px 10px 9px 0;
855 background-color: #ffffff;
856 }
857 .is-active {
858 color: #006CFF;
859 border: 1px solid #006CFF;
860 }
840 } 861 }
841 } 862 }
842 } 863 }
843 } 864 }
844 } 865 }
845 } 866
846 .v-model { 867 .v-model {
847 z-index: 99 !important; 868 z-index: 99 !important;
848 } 869 }
...@@ -851,12 +872,12 @@ ...@@ -851,12 +872,12 @@
851 height: auto; 872 height: auto;
852 width: 100%; 873 width: 100%;
853 position: relative; 874 position: relative;
854 .table{ 875 .table {
855 margin-top: 12px; 876 margin-top: 12px;
856 box-sizing: border-box; 877 box-sizing: border-box;
857 padding: 18px; 878 padding: 18px;
858 } 879 }
859 .addBtn{ 880 .addBtn {
860 position: absolute; 881 position: absolute;
861 right: 30px; 882 right: 30px;
862 top: -46px; 883 top: -46px;
...@@ -867,9 +888,9 @@ ...@@ -867,9 +888,9 @@
867 background-color: #fff; 888 background-color: #fff;
868 font-size: 14px; 889 font-size: 14px;
869 width: 100%; 890 width: 100%;
870 tr:nth-of-type(odd){ 891 tr:nth-of-type(odd) {
871 background: #FAFAFA; 892 background: #FAFAFA;
872 th{ 893 th {
873 height: 36px; 894 height: 36px;
874 } 895 }
875 } 896 }
...@@ -883,6 +904,9 @@ ...@@ -883,6 +904,9 @@
883 text-align: center; 904 text-align: center;
884 cursor: text; 905 cursor: text;
885 } 906 }
907 tr:hover {
908 background-color: #F5F7FA;
909 }
886 910
887 } 911 }
888 912
...@@ -919,18 +943,28 @@ ...@@ -919,18 +943,28 @@
919 grid-template-columns: 70% 30%; 943 grid-template-columns: 70% 30%;
920 grid-template-rows: 1fr; 944 grid-template-rows: 1fr;
921 } 945 }
922 .tips{ 946 .tips {
923 color: #9B9B9B; 947 color: #9B9B9B;
924 } 948 }
925 } 949 }
926 .saveBtn{ 950
951 .saveBtn {
927 background-color: #00CACD; 952 background-color: #00CACD;
928 border-color: #00CACD; 953 border-color: #00CACD;
929 padding: 10px 30px; 954 padding: 10px 30px;
930 margin-top: 8px; 955 margin-top: 8px;
931 } 956 }
932 .saveBtn:hover{ 957
958 .saveBtn:hover {
933 background-color: rgba(0, 202, 205, .8); 959 background-color: rgba(0, 202, 205, .8);
934 border-color: rgba(0, 202, 205, .8); 960 border-color: rgba(0, 202, 205, .8);
961 }
962
963 .cz, .xh {
964 width: 100px;
965 }
966
967 .xzq, .djq, djzq {
968 width: 150px;
935 } 969 }
936 </style> 970 </style>
......
...@@ -13,13 +13,13 @@ ...@@ -13,13 +13,13 @@
13 <div class="table"> 13 <div class="table">
14 <table border="1"> 14 <table border="1">
15 <tr> 15 <tr>
16 <td>序号</td> 16 <td class="xh">序号</td>
17 <td>宗地代码</td> 17 <td class="zddm">宗地代码</td>
18 <td>不动产单元号</td> 18 <td class="bdcdyh">不动产单元号</td>
19 <td>项目名称</td> 19 <td class="xmmc">项目名称</td>
20 <td>不动产权证号</td> 20 <td class="bdcqzh">不动产权证号</td>
21 <td>权利人</td> 21 <td class="qlr">权利人</td>
22 <td>坐落</td> 22 <td class="zl">坐落</td>
23 </tr> 23 </tr>
24 <tr v-if="bgqData.length==0"> 24 <tr v-if="bgqData.length==0">
25 <td colspan="7"> 25 <td colspan="7">
...@@ -27,19 +27,19 @@ ...@@ -27,19 +27,19 @@
27 </td> 27 </td>
28 </tr> 28 </tr>
29 <tr v-else v-for="(item,index) in bgqData" :key="index"> 29 <tr v-else v-for="(item,index) in bgqData" :key="index">
30 <td>{{index+1}}</td> 30 <td class="xh">{{index+1}}</td>
31 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td> 31 <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
32 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td> 32 <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
33 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td> 33 <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
34 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td> 34 <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
35 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td> 35 <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
36 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> 36 <td class="zl"><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
37 </tr> 37 </tr>
38 </table> 38 </table>
39 </div> 39 </div>
40 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible" 40 <query-data @getData="getData" :centerDialogVisible.sync="centerDialogVisible"
41 @close="close"></query-data> 41 @close="close"></query-data>
42 42
43 <div class="header-button" :style="{width:fgBoxWidth+'px'}"> 43 <div class="header-button" :style="{width:fgBoxWidth+'px'}">
44 <el-button type="primary" class="saveBtn">保存</el-button> 44 <el-button type="primary" class="saveBtn">保存</el-button>
45 </div> 45 </div>
...@@ -55,13 +55,13 @@ ...@@ -55,13 +55,13 @@
55 <div class="table"> 55 <div class="table">
56 <table border="1"> 56 <table border="1">
57 <tr> 57 <tr>
58 <td>序号</td> 58 <td class="xh">序号</td>
59 <td>宗地代码</td> 59 <td class="zddm">宗地代码</td>
60 <td>不动产单元号</td> 60 <td class="bdcdyh">不动产单元号</td>
61 <td>项目名称</td> 61 <td class="xmmc">项目名称</td>
62 <td>不动产权证号</td> 62 <td class="bdcqzh">不动产权证号</td>
63 <td>权利人</td> 63 <td class="qlr">权利人</td>
64 <td>坐落</td> 64 <td class="zl">坐落</td>
65 </tr> 65 </tr>
66 <tr v-if="bgqData.length==0"> 66 <tr v-if="bgqData.length==0">
67 <td colspan="7"> 67 <td colspan="7">
...@@ -69,13 +69,13 @@ ...@@ -69,13 +69,13 @@
69 </td> 69 </td>
70 </tr> 70 </tr>
71 <tr v-else v-for="(item,index) in bgqData" :key="index"> 71 <tr v-else v-for="(item,index) in bgqData" :key="index">
72 <td>{{index+1}}</td> 72 <td class="xh">{{index+1}}</td>
73 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td> 73 <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
74 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td> 74 <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
75 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td> 75 <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
76 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td> 76 <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
77 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td> 77 <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
78 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> 78 <td class="zl"><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
79 </tr> 79 </tr>
80 </table> 80 </table>
81 </div> 81 </div>
...@@ -96,13 +96,13 @@ ...@@ -96,13 +96,13 @@
96 <div class="table"> 96 <div class="table">
97 <table border="1"> 97 <table border="1">
98 <tr> 98 <tr>
99 <td>序号</td> 99 <td class="xh">序号</td>
100 <td>宗地代码</td> 100 <td class="zddm">宗地代码</td>
101 <td>不动产单元号</td> 101 <td class="bdcdyh">不动产单元号</td>
102 <td>项目名称</td> 102 <td class="xmmc">项目名称</td>
103 <td>不动产权证号</td> 103 <td class="bdcqzh">不动产权证号</td>
104 <td>权利人</td> 104 <td class="qlr">权利人</td>
105 <td>坐落</td> 105 <td class="zl">坐落</td>
106 </tr> 106 </tr>
107 <tr v-if="bgqData.length==0"> 107 <tr v-if="bgqData.length==0">
108 <td colspan="7"> 108 <td colspan="7">
...@@ -110,13 +110,13 @@ ...@@ -110,13 +110,13 @@
110 </td> 110 </td>
111 </tr> 111 </tr>
112 <tr v-else v-for="(item,index) in bgqData" :key="index"> 112 <tr v-else v-for="(item,index) in bgqData" :key="index">
113 <td>{{index+1}}</td> 113 <td class="xh">{{index+1}}</td>
114 <td><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td> 114 <td class="zddm"><input type="text" class="formInput" v-model="item.zddm" readonly="readonly"/></td>
115 <td><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td> 115 <td class="bdcdyh"><input type="text" class="formInput" v-model="item.bdcdyh" readonly="readonly"/></td>
116 <td><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td> 116 <td class="xmmc"><input type="text" class="formInput" v-model="item.xmmc" readonly="readonly"/></td>
117 <td><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td> 117 <td class="bdcqzh"><input type="text" class="formInput" v-model="item.bdcqzh" readonly="readonly"/></td>
118 <td><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td> 118 <td class="qlr"><input type="text" class="formInput" v-model="item.qlr" readonly="readonly"/></td>
119 <td><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td> 119 <td class="zl"><input type="text" class="formInput" v-model="item.zl" readonly="readonly"/></td>
120 </tr> 120 </tr>
121 </table> 121 </table>
122 </div> 122 </div>
...@@ -225,7 +225,7 @@ ...@@ -225,7 +225,7 @@
225 height: auto; 225 height: auto;
226 width: 100%; 226 width: 100%;
227 position: relative; 227 position: relative;
228 228
229 .addBtn{ 229 .addBtn{
230 position: absolute; 230 position: absolute;
231 right: 30px; 231 right: 30px;
...@@ -280,6 +280,10 @@ ...@@ -280,6 +280,10 @@
280 text-align: center; 280 text-align: center;
281 cursor: text; 281 cursor: text;
282 } 282 }
283 tr:hover{
284 background-color: #F5F7FA;
285 }
286
283 } 287 }
284 288
285 td { 289 td {
...@@ -305,5 +309,8 @@ ...@@ -305,5 +309,8 @@
305 background-color: rgba(0, 202, 205, .8); 309 background-color: rgba(0, 202, 205, .8);
306 border-color: rgba(0, 202, 205, .8); 310 border-color: rgba(0, 202, 205, .8);
307 } 311 }
312 .xh{
313 width: 100px;
314 }
308 } 315 }
309 </style> 316 </style>
......
...@@ -6,6 +6,7 @@ ...@@ -6,6 +6,7 @@
6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane> 6 <el-tab-pane label="登记簿" name="djb"><djb></djb></el-tab-pane>
7 <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane> 7 <el-tab-pane label="楼盘表" name="lpb"><lpb v-if="lpbLoad"></lpb></el-tab-pane>
8 <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane> 8 <el-tab-pane label="历史回溯" name="lshs"><lshs></lshs></el-tab-pane>
9 <el-tab-pane label="附件材料" name="fjcl"><fjcl></fjcl></el-tab-pane>
9 </el-tabs> 10 </el-tabs>
10 </div> 11 </div>
11 </template> 12 </template>
...@@ -16,10 +17,11 @@ import yzgy from "./yzgy"; ...@@ -16,10 +17,11 @@ import yzgy from "./yzgy";
16 import djb from "./djb"; 17 import djb from "./djb";
17 import lpb from "./lpb"; 18 import lpb from "./lpb";
18 import lshs from "./lshs"; 19 import lshs from "./lshs";
20 import fjcl from "./../zd/fjcl/fjcl";
19 export default { 21 export default {
20 name: "", 22 name: "",
21 components: { 23 components: {
22 zrzxx,yzgy,djb,lpb,lshs 24 zrzxx,yzgy,djb,lpb,lshs,fjcl
23 }, 25 },
24 props: {}, 26 props: {},
25 data() { 27 data() {
......