调整自动引入

components/AiEmpty/AiEmpty.vue

@@ -0,0 +1,54 @@
+<template>
+  <div class="emptyWrap">
+    <img class="emptyImg" :src="emptyImg" :class="noPermit ? 'small-img' : ''">
+    <div class="emptyText" v-html="description"></div>
+  </div>
+</template>
+
+<script>
+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%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  // margin-top: 100px;
+  margin-bottom: 20px;
+
+  .emptyImg {
+    width: 300px;
+    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);
+  }
+}
+</style>