暂无数据

src/views/smart-ask-answer/assistant/index.vue

@@ -30,21 +30,23 @@
         <div class="assistant-main-list-hot">
           <div class="assistant-main-list-hot-theme">
             <div class="title_1">热门主题</div>
-            <div class="list">
+            <div class="list" v-if="state.hotList.theme.length > 0">
               <template v-for="item in state.hotList.theme">
                 <div class="item __hover" :class="{active: state.hotList.themeId == item.id}" @click="initQuestion(item.id)">{{item.themeName}}</div>
               </template>
             </div>
+            <div class="none_1" v-else>暂无数据</div>
           </div>
           <div class="assistant-main-list-hot-question">
             <div class="title_1">热点问题</div>
-            <div class="list_1">
+            <div class="list_1" v-if="state.hotList.question.length > 0">
               <template v-for="item in state.hotList.question">
                 <div class="item">
                   <span class="__hover" @click="ref_chat.setText(item.hotContent, true)">{{item.hotContent}}</span>
                 </div>
               </template>
             </div>
+            <div class="none_1" v-else>暂无数据</div>
           </div>
         </div>
         <div class="assistant-main-list-advise" v-loading="state.adviseList.loading">
@@ -57,13 +59,14 @@
               </template>
             </div>
           </div>
-          <div class="list_1">
+          <div class="list_1" v-if="state.adviseList[state.adviseList.value].length > 0">
             <template v-for="item in state.adviseList[state.adviseList.value]">
               <div class="item">
                 <span class="__hover" @click="ref_chat.setText(item, true)">{{item}}</span>
               </div>
             </template>
           </div>
+          <div class="none_1" v-else>暂无数据</div>
         </div>
       </div>
       <div class="assistant-main-content">
@@ -333,6 +336,13 @@ onMounted(() => {
     }
   }
 }
+.none_1 {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: rgba(82, 82, 82, 0.68);
+}
 .assistant {
   background-color: #f4f6f9;
   width: 100%;
@@ -442,6 +452,8 @@ onMounted(() => {
         flex-direction: row;
         .assistant-main-list-hot-theme {
           width: 222px;
+          display: flex;
+          flex-direction: column;
           .list {
             margin-top: 22px;
             display: flex;
@@ -469,6 +481,8 @@ onMounted(() => {
         }
         .assistant-main-list-hot-question {
           flex: 1;
+          display: flex;
+          flex-direction: column;
           margin-left: 12px;
           position: relative;
           background-color: #f4f6fa;