fix: 获取ai分析报告增加tip

xinkeaboard-promotion-portal/src/components/AiAnalysis.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="ai-analysis">
     <div class="ai-analysis-empty" v-if="loading">
-      <Empty :autoFinish="autoFinish" :fail="fail"></Empty>
+      <Empty :autoFinish="autoFinish" :fail="fail" :tip="tip"></Empty>
     </div>
     <Markdown :source="data" v-else />
   </div>
@@ -10,11 +10,12 @@
 <script lang="ts" setup>
 import Markdown from 'vue3-markdown-it';
 
-import { computed } from 'vue';
+import { computed, ref } from 'vue';
 import { useMainStore } from '@/store';
 import Empty from '@/components/CommonEmpty.vue';
 
 const mainStore = useMainStore();
+const tip = ref<string>('大约需要 40-60 秒')
 
 const loading = computed(() => mainStore.getAiAnalysisData.loading);
 const autoFinish = computed(() => mainStore.getAiAnalysisData.autoFinish);

xinkeaboard-promotion-portal/src/components/CommonEmpty.vue

@@ -11,6 +11,7 @@
           }"
         ></div>
       </div>
+      <div class="loading-tip" v-if="!fail && props.tip">{{ props.tip }}</div>
       <div class="loading-wrapper-error" v-if="fail">
         <div class="error-icon">
           <img :src="EmptyIcon" />
@@ -37,6 +38,9 @@ const props = defineProps({
   fail: {
     type: Boolean,
     default: false // true 时失败，进度条停止 & 变红
+  },
+  tip: {
+    type: String
   }
 });
 
@@ -151,6 +155,13 @@ watch(
   margin: 0 auto;
 }
 
+.loading-tip {
+  margin-top: 10px;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(40,46,48,0.6);
+}
+
 .progress-fill {
   height: 100%;
   background-color: var(--promotion--color-primary);