界面优化

src/views/report/sop-analysis/index.vue

@@ -136,7 +136,7 @@
               >
             </div>
             <div class="clear-both"></div>
-            <div class="list-wrap">
+            <div class="list-wrap" v-if="result7?.length">
               <div
                 class="list-item"
                 v-for="(item, index) in result7"
@@ -218,6 +218,7 @@
                 </div>
               </div>
             </div>
+            <div class="none-data" v-else>暂无数据</div>
           </div>
           <div class="card">
             <div class="title">
@@ -569,6 +570,15 @@ const changeSort = (group, index) => {
         .card {
           &:first-child {
             height: calc((100% - 30px) * 2 / 3 + 15px);
+            .none-data {
+              height: calc(100% - 42px);
+              margin-top: 10px;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              color: #ccc;
+              font-size: 14px;
+            }
             .list-wrap {
               height: calc(100% - 42px);
               overflow: auto;