Showing
1 changed file
with
18 additions
and
4 deletions
@@ -19,9 +19,9 @@ | @@ -19,9 +19,9 @@ | ||
19 | </div> | 19 | </div> |
20 | </div> | 20 | </div> |
21 | <!--数据--> | 21 | <!--数据--> |
22 | - <div class="bd" v-loading="loading"> | ||
23 | - <ul class="infoList"> | ||
24 | - <li v-for="(item, index) in list" :key="index" :style="tableRowHeight()" > | 22 | + <div class="bd" :style="minHeightStyle" v-loading="loading"> |
23 | + <ul class="infoList" :style="infoBorderStyle"> | ||
24 | + <li v-if="list.length>0" v-for="(item, index) in list" :key="index" :style="tableRowHeight()" > | ||
25 | <div | 25 | <div |
26 | class="text-overflow" | 26 | class="text-overflow" |
27 | v-for="(itemChild, idx) in header" | 27 | v-for="(itemChild, idx) in header" |
@@ -40,6 +40,7 @@ | @@ -40,6 +40,7 @@ | ||
40 | 40 | ||
41 | </div> | 41 | </div> |
42 | </li> | 42 | </li> |
43 | + <li style="justify-content: center" v-if="list.length==0">暂无数据</li> | ||
43 | </ul> | 44 | </ul> |
44 | </div> | 45 | </div> |
45 | </superslide> | 46 | </superslide> |
@@ -176,6 +177,12 @@ export default { | @@ -176,6 +177,12 @@ export default { | ||
176 | background: this.optionsSetUp.tableBgColor | 177 | background: this.optionsSetUp.tableBgColor |
177 | }; | 178 | }; |
178 | }, | 179 | }, |
180 | + minHeightStyle(){ | ||
181 | + const allStyle = this.optionsPosition; | ||
182 | + return{ | ||
183 | + 'min-height':allStyle.height-80 + "px", | ||
184 | + } | ||
185 | + }, | ||
179 | //标题样式设置 | 186 | //标题样式设置 |
180 | titleStyle(){ | 187 | titleStyle(){ |
181 | const optionsSetUp = this.optionsSetUp; | 188 | const optionsSetUp = this.optionsSetUp; |
@@ -217,10 +224,17 @@ export default { | @@ -217,10 +224,17 @@ export default { | ||
217 | const bodyStyle = this.optionsSetUp; | 224 | const bodyStyle = this.optionsSetUp; |
218 | return{ | 225 | return{ |
219 | "border-right":bodyStyle.isLine? bodyStyle.borderWidth + "px "+"solid "+bodyStyle.borderColor:'none', | 226 | "border-right":bodyStyle.isLine? bodyStyle.borderWidth + "px "+"solid "+bodyStyle.borderColor:'none', |
220 | - "border-bottom":bodyStyle.isLine? bodyStyle.borderWidth + "px "+"solid "+bodyStyle.borderColor:'none' | 227 | + "border-bottom":bodyStyle.isLine? bodyStyle.borderWidth + "px "+"solid "+bodyStyle.borderColor:'none', |
228 | + "border-left":this.list.length<5?bodyStyle.isLine? bodyStyle.borderWidth + "px "+"solid "+bodyStyle.borderColor:'none':'none' | ||
221 | 229 | ||
222 | } | 230 | } |
223 | }, | 231 | }, |
232 | + infoBorderStyle(){ | ||
233 | + const bodyStyle = this.optionsSetUp; | ||
234 | + return{ | ||
235 | + "border-bottom":this.list.length>0&&this.list.length<5?bodyStyle.isLine? bodyStyle.borderWidth + "px "+"solid "+bodyStyle.borderColor:'none':'none' | ||
236 | + } | ||
237 | + }, | ||
224 | tableStyle(){ | 238 | tableStyle(){ |
225 | const tableStyleSetup=this.optionsSetUp; | 239 | const tableStyleSetup=this.optionsSetUp; |
226 | return{ | 240 | return{ |
-
Please register or login to post a comment