perf:修改提示图片

sample-form-client-ui/admin/src/components/EnabledDev.vue

 <template>
   <div class="enabled" v-show="!enabled">
     <div class="enabled_box">
-      <img class="enabled_img" src="../assets/img/tingyong.png" />
+      <img class="enabled_img" src="@/assets/img/no_network@2x.png" />
+      <span class="text">设备已停用，请联系管理员~</span>
     </div>
   </div>
 </template>
@@ -22,7 +23,7 @@ export default {
 .enabled {
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.2);
+  background-color: rgba(0, 0, 0, 0.7);
   position: fixed;
   top: 0px;
   left: 0px;
@@ -33,11 +34,17 @@ export default {
   .enabled_box {
     width: 400px;
     height: 400px;
-    background-color: #fff;
     border-radius: 4px;
+    color: #333;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    font-size: 24px;
     .enabled_img {
       width: 100%;
-      height: 100%;
+      margin-bottom: 20px;
     }
   }
 }

sample-form-client-ui/admin/src/components/Header.vue

@@ -37,6 +37,7 @@ export default {
 .header {
   width: 100%;
   height: 100px;
+  flex-shrink: 0;
   // padding: 0px 40px;
   margin-bottom: 10px;
   // background: var(--main-theme-color);

sample-form-client-ui/admin/src/components/MateralsList.vue

@@ -43,7 +43,7 @@
         ></div>
       </div>
       <!-- <el-empty class="empty" :image-size="200" v-else></el-empty> -->
-      <YEmpty v-else width="400"></YEmpty>
+      <YEmpty v-else width="200" text="暂无数据"></YEmpty>
     </el-drawer>
   </div>
 </template>

sample-form-client-ui/admin/src/components/NetworkError.vue

 <template>
   <div class="network_error" v-show="isShowError">
     <div class="network_error_box">
-      <img class="network_error_img" src="../assets/img/网络出错@3x.png" />
+      <img class="network_error_img" src="@/assets/img/no_network@2x.png" />
+      <span>哎呀，网络出错了~</span>
     </div>
   </div>
 </template>
@@ -22,7 +23,7 @@ export default {
 .network_error {
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.2);
+  background-color: rgba(0, 0, 0, 0.7);
   position: fixed;
   top: 0px;
   left: 0px;
@@ -33,11 +34,16 @@ export default {
   .network_error_box {
     width: 400px;
     height: 400px;
-    background-color: #fff;
     border-radius: 4px;
+    color: #333;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #fff;
+    font-size: 24px;
     .network_error_img {
       width: 100%;
-      height: 100%;
     }
   }
 }

sample-form-client-ui/admin/src/components/YEmpty.vue

 <template>
   <div class="empty">
-    <div :style="{ width: width.includes('px') ? width : width + 'px' }">
+    <div
+      class="content"
+      :style="{ width: width.includes('px') ? width : width + 'px' }"
+    >
       <img v-if="img" :src="img" />
-      <span v-if="text">{{ text }}</span>
+      <span v-if="text">
+        {{ text }}
+      </span>
     </div>
   </div>
 </template>
@@ -16,7 +21,7 @@ export default {
     },
     img: {
       type: String,
-      default: require("../assets/img/暂无信息／暂无列表@3x.png"),
+      default: require("@/assets/img/no_data@2x.png"),
     },
     text: {
       type: String,
@@ -35,5 +40,11 @@ export default {
     width: 100%;
     height: 100%;
   }
+  .content {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+  }
 }
 </style>

sample-form-client-ui/admin/src/pages/searchpage/SearchPage.vue

@@ -74,7 +74,7 @@
             :key="'list' + item"
           ></div>
         </div>
-        <YEmpty v-else width="400"></YEmpty>
+        <YEmpty v-else width="200" text="暂无数据"></YEmpty>
         <!-- 分页 -->
         <div class="tac">
           <el-pagination

sample-form-client-ui/admin/src/pages/showpage/MatterList.vue

@@ -49,7 +49,7 @@
             </div>
           </div>
           <!-- <el-empty class="empty" :image-size="200" v-else></el-empty> -->
-          <YEmpty v-else width="400"></YEmpty>
+          <YEmpty v-else width="200" text="暂无数据"></YEmpty>
           <!-- 分页 -->
           <div class="tac">
             <el-pagination