Quellcode durchsuchen

无数据的情况

zhulizhen vor 5 Jahren
Ursprung
Commit
8319623377
3 geänderte Dateien mit 76 neuen und 12 gelöschten Zeilen
  1. BIN
      src/assets/noData.png
  2. 46 8
      src/views/appeal/index.vue
  3. 30 4
      src/views/audit/index.vue

BIN
src/assets/noData.png


+ 46 - 8
src/views/appeal/index.vue

@@ -10,7 +10,7 @@
                         <span class='Micbold'>可申诉的未执行策略</span>
                         <span v-if='appealsArr.length>0'>{{appealsArr.length}}</span>
                     </div>
-                    <div class='left'>
+                    <div class='left' v-if="appealsArr1.length>0">
                         <div style='margin-bottom:24px' v-for='(item2,index) in appealsArr1' :key='index'>
                             <p class='date MicrYaHei'>{{item2.date?formatterStr(item2.date):'--'}}</p>
 
@@ -47,13 +47,16 @@
                             </div>
                         </div>
                     </div>
+                    <div class="no-data" v-else>
+                        暂无数据
+                    </div>
                 </div>
                 <div class='appealBoxCenter'>
                     <div class='title'>
                         <span class='Micbold'>审核中</span>
                         <span v-if='InAuditArr.length>0'>{{InAuditArr.length}}</span>
                     </div>
-                    <div class='center'>
+                    <div class='center' v-if="InAuditArr.length>0">
                         <div class='card' v-for='(item,index) in InAuditArr' :key='index'>
                             <div class='time' @click='menus(item,2)'>
                                 <span class='time-box'>
@@ -68,10 +71,13 @@
                             <div class='remark'>{{item.reason||'--'}}</div>
                         </div>
                     </div>
+                    <div class="no-data">
+                        暂无数据
+                    </div>
                 </div>
                 <div class='appealBoxRight' ref='appealBoxRight'>
                     <div class='title Micbold'>审核完成/超时未申诉</div>
-                    <div class='right'>
+                    <div class='right' v-if="auditCompletedArr.length>0">
                         <div class='card' v-for='(item,index) in auditCompletedArr' :key='index'>
                             <div class='remark' @click='menus(item,0)'>
                                 <div class='remark-left'>审批时间:{{item.updateTime?formatter1(item.updateTime):'--'}}</div>
@@ -93,15 +99,18 @@
                             <div
                                 class='loadingIcon'
                                 style='width: 50px;
-            text-align: center;
-            margin: 0 auto;
-            margin-top: 20px;
-            margin-bottom: 30px;'
+                                text-align: center;
+                                margin: 0 auto;
+                                margin-top: 20px;
+                                margin-bottom: 30px;'
                             >
                                 <i v-if='loading' class='el-icon-loading'></i>
                             </div>
                         </div>
                     </div>
+                    <div class="no-data" v-else>
+                        暂无数据
+                    </div>
                 </div>
             </div>
         </div>
@@ -356,7 +365,7 @@ export default {
                         this.busy = true
                     }
                 } else {
-                    this.auditCompletedArr = res.content
+                    this.auditCompletedArr = res.content || []
                     this.busy = false
                 }
             })
@@ -408,6 +417,7 @@ export default {
                 height: 100%;
                 display: flex;
                 flex-direction: column;
+                border-right: 1px solid #EFF0F1;
                 // overflow: scroll;
                 .title {
                     display: flex;
@@ -572,15 +582,34 @@ export default {
                         height: 0;
                     }
                 }
+                .no-data{
+                    font-size:14px;
+                    font-family:MicrosoftYaHei;
+                    color:rgba(100,108,115,1);
+                    height: 100%;
+                    justify-content: center;
+                    align-items: center;
+                     display: flex;
+                }
             }
             .appealBoxCenter {
                 flex: 1;
                 height: 100%;
                 margin: 0 24px;
+                border-right: 1px solid #EFF0F1;
                 // overflow: scroll;
                 //  height: 100%;
                 display: flex;
                 flex-direction: column;
+                .no-data{
+                    font-size:14px;
+                    font-family:MicrosoftYaHei;
+                    color:rgba(100,108,115,1);
+                    height: 100%;
+                    justify-content: center;
+                    align-items: center;
+                     display: flex;
+                }
                 .title {
                     display: flex;
                     margin-bottom: 16px;
@@ -678,6 +707,15 @@ export default {
                 height: 100%;
                 display: flex;
                 flex-direction: column;
+                .no-data{
+                    font-size:14px;
+                    font-family:MicrosoftYaHei;
+                    color:rgba(100,108,115,1);
+                    height: 100%;
+                    justify-content: center;
+                    align-items: center;
+                    display: flex;
+                }
                 .title {
                     padding-top: 116px;
                     margin-bottom: 16px;

+ 30 - 4
src/views/audit/index.vue

@@ -13,7 +13,10 @@
                         </el-select>
                     </div>
                     <div class='appeal-left-box'>
-                        <div v-for='(item1,index) in auditArr' :key='index'>
+                        <div v-if="auditArr.length==0" class="no-data">
+                            <span>暂无待审核策略</span>
+                        </div>
+                        <div v-else v-for='(item1,index) in auditArr' :key='index'>
                             <div v-if='item1.date'>
                                 <p class='date MicrYaHei' v-if='item1.date==today'>{{formatterStr(item1.date)+'&nbsp;&nbsp;今天'}}</p>
                                 <p v-if='item1.date==yesterday' class='date MicrYaHei'>{{formatterStr(item1.date)+'&nbsp;&nbsp;昨天'}}</p>
@@ -53,8 +56,8 @@
                     </div>
                 </div>
                 <div class='appeal-right'>
-                    <div class='title Micbold'>未执行申诉单</div>
-                    <div class='detailContainer'>
+                    <div class='title Micbold' v-if="Object.keys(auditObj).length>0">未执行申诉单</div>
+                    <div class='detailContainer' v-if="Object.keys(auditObj).length>0">
                         <div class='nav MicrYaHei'>
                             <span>项目名称:{{'--'}}</span>
                             <span>申请人:{{auditObj.applyUser||'--'}}</span>
@@ -83,7 +86,7 @@
                             <upload-img :souseArr='auditObj.pics || []'></upload-img>
                         </div>
                     </div>
-                    <div class='opinion'>
+                    <div class='opinion' v-if="Object.keys(auditObj).length>0">
                         <span class='opinion-title Micbold'>审批意见</span>
                         <div class='opinion-bottom MicrYaHei'>
                             <input type='text' v-model='comment' :class='{isRed: isRed}' />
@@ -91,6 +94,10 @@
                             <span @click='approvalOpinion(auditObj,"approve")'>同意</span>
                         </div>
                     </div>
+                    <div class="no-data" v-if="auditObj">
+                        <img src="@/assets/noData.png"><br/>
+                        <div>暂无内容</div>
+                    </div>
                 </div>
             </div>
         </div>
@@ -373,6 +380,15 @@ export default {
                     flex: 1;
                     overflow: scroll;
                     margin-bottom: 24px;
+                    .no-data{
+                        display: flex;
+                        justify-content: center;
+                        align-items: center;
+                        font-size:14px;
+                        height: 100%;
+                        font-family:MicrosoftYaHei;
+                        color:rgba(100,108,115,1);
+                    }
                     .date {
                         height: 18px;
                         font-size: 12px;
@@ -443,6 +459,16 @@ export default {
                 display: flex;
                 flex-direction: column;
                 background: #fff;
+                .no-data{
+                    height: 100%;
+                    display: flex;
+                    justify-content: center;
+                    align-items: center;
+                    flex-direction: column;
+                    font-size:14px;
+                    font-family:MicrosoftYaHei;
+                    color:rgba(100,108,115,1);
+                }
                 .title {
                     height: 32px;
                     font-size: 24px;