BUG 27522

src/components/AiEmpty/AiEmpty.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="emptyWrap">
-    <img class="emptyImg" src="https://cdn.cunwuyun.cn/dvcp/h5/Empty.png">
-    <div class="emptyText">{{ description }}</div>
+    <img class="emptyImg" :src="emptyImg" :class="noPermit ? 'small-img' : ''">
+    <div class="emptyText" v-html="description"></div>
   </div>
 </template>
 
@@ -9,31 +9,44 @@
 export default {
   name: "AiEmpty",
   props: {
+    img: {default: "https://cdn.cunwuyun.cn/dvcp/h5/no-admin.png"},
+    noPermit: Boolean,
     description: {
       default: '暂无相关信息',
       type: String
     }
+  },
+  computed: {
+    emptyImg() {
+      return this.noPermit ? "https://cdn.cunwuyun.cn/dvcp/h5/no-admin.png" : this.img
+    }
   }
 }
 </script>
 
 <style lang="scss" scoped>
 .emptyWrap {
-  width:100%;
+  width: 100vw;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding-bottom: 80px;
+  // margin-top: 100px;
+  margin-bottom: 20px;
 
   .emptyImg {
-    width: 400px;
-    height: 240px;
-    margin-top: 52px;
+    width: initial;
+    height: initial;
+  }
+
+  .small-img {
+    width: 282px;
+    height: 306px;
   }
 
   .emptyText {
     font-size: 29px;
+    font-family: PingFangSC-Regular, PingFang SC;
     font-weight: 400;
     color: rgba(183, 183, 183, 1);
   }