Commit ccc1ca59 by 周志凯

[chg]: add empty data

1 parent 52edbca9
...@@ -94,6 +94,12 @@ html, body, #app { ...@@ -94,6 +94,12 @@ html, body, #app {
margin-top: 10px; margin-top: 10px;
} }
.empty-data {
text-align: center;
padding: 10px 0;
font-size: 14px;
}
.result-page { .result-page {
margin: 8px 0; margin: 8px 0;
} }
...@@ -140,9 +146,14 @@ html, body, #app { ...@@ -140,9 +146,14 @@ html, body, #app {
height: 100%; height: 100%;
color: #fff; color: #fff;
background: #409EFF; background: #409EFF;
/* background-image: linear-gradient(#86bef7, #409eff); */
border-radius: inherit; border-radius: inherit;
text-align: right; text-align: right;
transition: width .2s linear; transition: width 0.1s linear;
}
.move-animate {
/* animation: move 2s ease-in-out infinite; */
} }
.result-progress__text { .result-progress__text {
...@@ -185,6 +196,15 @@ html, body, #app { ...@@ -185,6 +196,15 @@ html, body, #app {
border-radius: 20px; border-radius: 20px;
} }
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: 30px 30px;
}
}
/* cover elementui stylesheet*/ /* cover elementui stylesheet*/
.scrollbar-wrapper { .scrollbar-wrapper {
height: 100%; height: 100%;
......
...@@ -926,7 +926,7 @@ ...@@ -926,7 +926,7 @@
<el-scrollbar ref="scrollbarRef" wrap-class="scrollbar-wrapper"> <el-scrollbar ref="scrollbarRef" wrap-class="scrollbar-wrapper">
<div id="showDiv" class="result-content" v-show="showDiv"> <div id="showDiv" class="result-content" v-show="showDiv">
<!-- /{{ item.totalNum }}条 --> <!-- /{{ item.totalNum }}条 -->
<div v-if="isResultsShow && !results.length">数据为空~</div> <div v-if="isResultsShow && !results.length" class="empty-data">数据为空~</div>
<div class="result-item" v-for="item in results" :key="item.id"> <div class="result-item" v-for="item in results" :key="item.id">
<!-- /{{ item.totalNum }}条 --> <!-- /{{ item.totalNum }}条 -->
<div class="result-page"> <div class="result-page">
...@@ -937,7 +937,7 @@ ...@@ -937,7 +937,7 @@
<span class="result-progress-left">执行进度 : </span> <span class="result-progress-left">执行进度 : </span>
<div class="result-progress-right"> <div class="result-progress-right">
<div class="result-progress"> <div class="result-progress">
<div class="result-progress__inner" :style="{ width: item.progress + '%' }"> <div class="result-progress__inner" :class="item.progress <= 100 ? 'move-animate' : ''" :style="{ width: item.progress + '%' }">
<div class="result-progress__text">{{ item.progress + '%' }}</div> <div class="result-progress__text">{{ item.progress + '%' }}</div>
</div> </div>
</div> </div>
...@@ -1450,7 +1450,7 @@ ...@@ -1450,7 +1450,7 @@
if (this.dateFormat == "repair") { if (this.dateFormat == "repair") {
this.getGate(); this.getGate();
} else { } else {
this.getMall(); // this.getMall();
} }
}, },
getLevel: function() {}, getLevel: function() {},
......
apiUrl = '',
webSockUrl = ''
\ No newline at end of file \ No newline at end of file
apiUrl = 'http://192.168.9.146:8080/',
webSockUrl = '192.168.9.146:8080'
\ No newline at end of file \ No newline at end of file
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!