Authored by 鲁尚清

表格无数据时显示暂无数据,给与最小高度

@@ -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{