style(fg,hb,zrz):修改表格样式,自然幢添加附件材料
Showing
3 changed files
with
54 additions
and
45 deletions
This diff is collapsed.
Click to expand it.
... | @@ -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() { | ... | ... |
-
Please register or sign in to post a comment