From 4572d6856cd65a45f920d1cc8d0ed33fd4ff8a5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E8=88=AA?= <icho.yang@scai-global.com>
Date: Mon, 8 Sep 2025 09:24:11 +0800
Subject: [PATCH] fix: bug

---
 .env.development                      |    2 +-
 src/pages/index/components/answer.vue |  550 ++++----
 src/pages/index/dialog.vue            | 1874 ++++++++++++-------------
 3 files changed, 1192 insertions(+), 1234 deletions(-)

diff --git a/.env.development b/.env.development
index 5135d57a..00a9be24 100644
--- a/.env.development
+++ b/.env.development
@@ -29,7 +29,7 @@ VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7001'
 
 # 任东
 # VITE_APP_BASE_H5_API_Url_TRAAPP = 'http://25.64.16.130:9601'
-# VITE_APP_BASE_H5_API_Url_TRASTUDY = 'http://25.64.16.130:9602'
+VITE_APP_BASE_H5_API_Url_TRASTUDY = 'http://25.64.16.130:9602'
 
 # VITE_APP_BASE_H5_API_Url_TRAEXAM = 'http://25.64.16.140:9604'
 # 张建成
diff --git a/src/pages/index/components/answer.vue b/src/pages/index/components/answer.vue
index 8af4d290..d8147dc4 100644
--- a/src/pages/index/components/answer.vue
+++ b/src/pages/index/components/answer.vue
@@ -1,299 +1,307 @@
 <template>
-	<view class="answer-content" v-if="props.isLoading">
-		<view class="talking-cont">
-			<CommonLoading color="#06f" />
-		</view>
-
-	</view>
-	<view class="answer-content" v-else>
-		<view class="talking-cont">
-			<MarkdownPreview :mdString="mdText" />
-		</view>
-		<view class="talking-link">
-			<view :class="['link-cont', activeNames.indexOf(1) >= 0 ? 'is-active' : '']" v-if="fileList.length > 0">
-				<view class="link-info" @click="changeActive(1)">
-					<view class="info-text">
-						引用知识库{{fileList.length}}篇相关资料
-					</view>
-				</view>
-				<view class="link-items">
-					<view class="link-item" v-for="(item, index) in fileList"  @click.stop="previewFile(item)">{{index+1}}. {{item.docName}}</view>
-				</view>
-			</view>
-			<view v-else-if="!props.isAnswering" class="link-cont-desc">本次回答参考资料来源于网络</view>
-			<view :class="['link-cont', activeNames.indexOf(2) >= 0 ? 'is-active' : '']"  v-if="crsList.length > 0">
-				<view class="link-info" @click="changeActive(2)">
-					<view class="info-text">
-						发现{{crsList.length}}个关联课程
-					</view>
-				</view>
-				<view class="link-items">
-					<view class="link-item" v-for="(item, index) in crsList" @click.stop="previewCrs(item)">{{index+1}}. {{item.crsName}}</view>
-				</view>
-			</view>
-		</view>
-		<view class="btns-cont" v-if="!props.isLoading">
-			<view class="replay-btn" @click="reAnswer">
-				<image class="icon" src="@/static/images/dialog/answer-restart1.png" style="width: 100%;height: 100%;"></image>
-			</view>
-			<view class="replay-btn" @click="stopAnswer" v-if="props.isAnswering && props.isLast">
-				<image class="icon" src="@/static/images/dialog/answer-stop1.png" style="width: 100%;height: 100%;"></image>
-			</view>
-			<view class="replay-btn" @click="zanAnswer">
-				<image class="icon" v-if="props.dataInfo.likeStat !== 'Y'" src="@/static/images/dialog/answer-zan1.png" style="width: 100%;height: 100%;"></image>
-				<image class="icon" v-else src="@/static/images/dialog/answer-yizan1.png" style="width: 100%;height: 100%;"></image>
-			</view>
-			<view class="play-btn" @click="feedbackAnswer">
-				<image class="icon" v-if="props.dataInfo.downvoteStat !== 'Y'" src="@/static/images/dialog/answer-fankui1.png" style="width: 100%;height: 100%;"></image>
-				<image class="icon" v-else src="@/static/images/dialog/answer-yifankui1.png" style="width: 100%;height: 100%;"></image>
-			</view>
-		</view>
-	</view>
+  <view class="answer-content" v-if="props.isLoading">
+    <view class="talking-cont">
+      <CommonLoading color="#06f" />
+    </view>
+  </view>
+  <view class="answer-content" v-else>
+    <view class="talking-cont">
+      <MarkdownPreview :mdString="mdText" />
+    </view>
+    <view class="talking-link">
+      <view :class="['link-cont', activeNames.indexOf(1) >= 0 ? 'is-active' : '']" v-if="fileList.length > 0">
+        <view class="link-info" @click="changeActive(1)">
+          <view class="info-text"> 引用知识库{{ fileList.length }}篇相关资料 </view>
+        </view>
+        <view class="link-items">
+          <view class="link-item" v-for="(item, index) in fileList" @click.stop="previewFile(item)">{{ index + 1 }}. {{ item.docName }}</view>
+        </view>
+      </view>
+      <view v-else-if="!props.isAnswering" class="link-cont-desc">本次回答参考资料来源于网络</view>
+      <view :class="['link-cont', activeNames.indexOf(2) >= 0 ? 'is-active' : '']" v-if="crsList.length > 0">
+        <view class="link-info" @click="changeActive(2)">
+          <view class="info-text"> 发现{{ crsList.length }}个关联课程 </view>
+        </view>
+        <view class="link-items">
+          <view class="link-item" v-for="(item, index) in crsList" @click.stop="previewCrs(item)">{{ index + 1 }}. {{ item.crsName }}</view>
+        </view>
+      </view>
+    </view>
+    <view class="btns-cont" v-if="!props.isLoading">
+      <view class="replay-btn" @click="reAnswer" v-if="!props.dataInfo.isHistory">
+        <image class="icon" src="@/static/images/dialog/answer-restart1.png" style="width: 100%; height: 100%"></image>
+      </view>
+      <view class="replay-btn" @click="stopAnswer" v-if="props.isAnswering && props.isLast">
+        <image class="icon" src="@/static/images/dialog/answer-stop1.png" style="width: 100%; height: 100%"></image>
+      </view>
+      <view class="replay-btn" @click="zanAnswer">
+        <image class="icon" v-if="props.dataInfo.likeStat !== 'Y'" src="@/static/images/dialog/answer-zan1.png" style="width: 100%; height: 100%"></image>
+        <image class="icon" v-else src="@/static/images/dialog/answer-yizan1.png" style="width: 100%; height: 100%"></image>
+      </view>
+      <view class="play-btn" @click="feedbackAnswer">
+        <image class="icon" v-if="props.dataInfo.downvoteStat !== 'Y'" src="@/static/images/dialog/answer-fankui1.png" style="width: 100%; height: 100%"></image>
+        <image class="icon" v-else src="@/static/images/dialog/answer-yifankui1.png" style="width: 100%; height: 100%"></image>
+      </view>
+    </view>
+  </view>
 </template>
 
 <script setup>
-	import {
-		onMounted,
-		computed,
-		ref,
-		watch
-	} from 'vue'
-	import MarkdownPreview from '@/components/markdown-preview/markdown-preview.vue';
-	import common from '@/common/common';
+import { onMounted, computed, ref, watch } from 'vue'
+import MarkdownPreview from '@/components/markdown-preview/markdown-preview.vue'
+import common from '@/common/common'
 
-	const emit = defineEmits(['handleEvents'])
-	const props = defineProps({
-		dataInfo: {
-			default: () => ({}),
-			type: Object
-		},
-		isLoading: {
-			default: false,
-			type: Boolean
-		},
-		isAnswering: {
-			default: false,
-			type: Boolean
-		},
-		isLast: {
-			default: false,
-			type: Boolean
-		},
-	})
+const emit = defineEmits(['handleEvents'])
+const props = defineProps({
+  dataInfo: {
+    default: () => ({}),
+    type: Object
+  },
+  isLoading: {
+    default: false,
+    type: Boolean
+  },
+  isAnswering: {
+    default: false,
+    type: Boolean
+  },
+  isLast: {
+    default: false,
+    type: Boolean
+  }
+})
 
-	watch(() => props.dataInfo, () => {}, {
-		deep: true,
-		immediate: true
-	})
-	watch(() => props.isLoading, () => {}, {
-		deep: true,
-		immediate: true
-	})
-	const mdText = computed(() => props.dataInfo?.talkingText)
-	const fileList = computed(() => props.dataInfo?.talkingFiles || [])
-	const crsList = computed(()=> props.dataInfo?.talkingCrsList || [])
-	const activeNames = ref([1, 2])
+watch(
+  () => props.dataInfo,
+  () => {},
+  {
+    deep: true,
+    immediate: true
+  }
+)
+watch(
+  () => props.isLoading,
+  () => {},
+  {
+    deep: true,
+    immediate: true
+  }
+)
+const mdText = computed(() => {
+	//#ifndef APP-PLUS
+	// h5 假数据
+	let _text = (props.dataInfo?.talkingText|| '').replace(/\\n/g, `\n`);
+	return _text
+	// #endif
+	//#ifdef APP-PLUS
+	return (props.dataInfo?.talkingText|| '')
+	// #endif
+	
+})
+const fileList = computed(() => props.dataInfo?.talkingFiles || [])
+const crsList = computed(() => props.dataInfo?.talkingCrsList || [])
+const activeNames = ref([1, 2])
 
-	const changeActive = (val) => {
-		if (activeNames.value.indexOf(val) >= 0) {
-			activeNames.value = activeNames.value.filter(t => t !== val)
-		} else {
-			activeNames.value.push(val)
-		}
-	}
-	const reAnswer = () => {
-		emit('handleEvents', 'reAnswer')
-	}
-	const stopAnswer = () => {
-		emit('handleEvents', 'stop')
-	}
-	const zanAnswer = () => {
-		emit('handleEvents', 'great')
-	}
-	const feedbackAnswer = ()=>{
-		emit('handleEvents', 'feedback')
-	}
-	const previewFile = (item) => {
-		emit('handleEvents', 'preview', item)
-	}
-	const previewCrs = (item) => {
-		common.navigateTo('/pages/courseDetail/index?crsId=' + item.crsId)
-	}
+const changeActive = val => {
+  if (activeNames.value.indexOf(val) >= 0) {
+    activeNames.value = activeNames.value.filter(t => t !== val)
+  } else {
+    activeNames.value.push(val)
+  }
+}
+const reAnswer = () => {
+  emit('handleEvents', 'reAnswer')
+}
+const stopAnswer = () => {
+  emit('handleEvents', 'stop')
+}
+const zanAnswer = () => {
+  emit('handleEvents', 'great')
+}
+const feedbackAnswer = () => {
+  emit('handleEvents', 'feedback')
+}
+const previewFile = item => {
+  emit('handleEvents', 'preview', item)
+}
+const previewCrs = item => {
+  common.navigateTo('/pages/courseDetail/index?crsId=' + item.crsId)
+}
 </script>
 
 <style scoped lang="scss">
-	.answer-content {
-		background-color: #f5f5f5;
-		padding: 20rpx;
-		border-radius: 15rpx;
-		padding-bottom: 10rpx;
-		position: relative;
-		overflow: hidden;
-		float: left;
-		width: 100%;
-		min-height: 80rpx;
+.answer-content {
+  background-color: #f5f5f5;
+  padding: 20rpx;
+  border-radius: 15rpx;
+  padding-bottom: 10rpx;
+  position: relative;
+  overflow: hidden;
+  float: left;
+  width: 100%;
+  min-height: 80rpx;
 
-		.talking-cont {
-			padding-bottom: 20rpx;
-		}
+  .talking-cont {
+    padding-bottom: 20rpx;
+  }
 
-		.btns-cont {
-			overflow: hidden;
-			border-top: 3rpx solid #eee;
-			padding-bottom: 10rpx;
+  .btns-cont {
+    overflow: hidden;
+    border-top: 3rpx solid #eee;
+    padding-bottom: 10rpx;
 
-			.replay-btn {
-				float: left;
-				width: 46rpx;
-				height: 46rpx;
-				overflow: hidden;
-				margin-right: 20rpx;
-				margin-top: 20rpx;
-			}
+    .replay-btn {
+      float: left;
+      width: 46rpx;
+      height: 46rpx;
+      overflow: hidden;
+      margin-right: 20rpx;
+      margin-top: 20rpx;
+    }
 
-			.play-btn {
-				float: left;
-				width: 46rpx;
-				height: 46rpx;
-				overflow: hidden;
-				margin-right: 20rpx;
-				margin-top: 20rpx;
-			}
+    .play-btn {
+      float: left;
+      width: 46rpx;
+      height: 46rpx;
+      overflow: hidden;
+      margin-right: 20rpx;
+      margin-top: 20rpx;
+    }
 
-			.next-learn-btn {
-				float: left;
-				padding: 0 60rpx 0 20rpx;
-				height: 62rpx;
-				line-height: 62rpx;
-				font-size: 30rpx;
-				background-color: #06f;
-				color: #fff;
-				border-radius: 8rpx;
-				margin-top: 16rpx;
-				margin-right: 16rpx;
-				position: relative;
+    .next-learn-btn {
+      float: left;
+      padding: 0 60rpx 0 20rpx;
+      height: 62rpx;
+      line-height: 62rpx;
+      font-size: 30rpx;
+      background-color: #06f;
+      color: #fff;
+      border-radius: 8rpx;
+      margin-top: 16rpx;
+      margin-right: 16rpx;
+      position: relative;
 
-				&.replay-study-btn {
-					float: right;
-				}
+      &.replay-study-btn {
+        float: right;
+      }
 
-				&.restart {
-					background-color: #eaf2ff;
-					color: #06f;
-				}
+      &.restart {
+        background-color: #eaf2ff;
+        color: #06f;
+      }
 
-				.icon-iamge {
-					width: 25rpx;
-					height: 25rpx;
-					position: absolute;
-					right: 20rpx;
-					top: 50%;
-					margin-top: -12rpx;
-				}
-			}
+      .icon-iamge {
+        width: 25rpx;
+        height: 25rpx;
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        margin-top: -12rpx;
+      }
+    }
 
-			.replay-learn-btn {
-				float: left;
-				padding: 0 60rpx 0 20rpx;
-				height: 62rpx;
-				line-height: 62rpx;
-				font-size: 30rpx;
-				color: #06f;
-				background-color: #eaf2ff;
-				border-radius: 8rpx;
-				margin-top: 16rpx;
-				margin-right: 16rpx;
-				position: relative;
+    .replay-learn-btn {
+      float: left;
+      padding: 0 60rpx 0 20rpx;
+      height: 62rpx;
+      line-height: 62rpx;
+      font-size: 30rpx;
+      color: #06f;
+      background-color: #eaf2ff;
+      border-radius: 8rpx;
+      margin-top: 16rpx;
+      margin-right: 16rpx;
+      position: relative;
 
-				.icon-iamge {
-					width: 25rpx;
-					height: 25rpx;
-					position: absolute;
-					right: 20rpx;
-					top: 50%;
-					margin-top: -12rpx;
-				}
-			}
+      .icon-iamge {
+        width: 25rpx;
+        height: 25rpx;
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        margin-top: -12rpx;
+      }
+    }
 
-			.next-btn {
-				float: right;
-				padding: 0 60rpx 0 20rpx;
-				height: 62rpx;
-				line-height: 62rpx;
-				font-size: 30rpx;
-				background-color: #06f;
-				color: #fff;
-				border-radius: 8rpx;
-				margin-top: 16rpx;
-				position: relative;
+    .next-btn {
+      float: right;
+      padding: 0 60rpx 0 20rpx;
+      height: 62rpx;
+      line-height: 62rpx;
+      font-size: 30rpx;
+      background-color: #06f;
+      color: #fff;
+      border-radius: 8rpx;
+      margin-top: 16rpx;
+      position: relative;
 
-				.icon-iamge {
-					width: 25rpx;
-					height: 25rpx;
-					position: absolute;
-					right: 20rpx;
-					top: 50%;
-					margin-top: -12rpx;
-				}
-			}
-		}
-		.link-cont-desc{
-			margin-bottom: 12rpx;
-			font-size: 24rpx;
-			color: #999;
-		}
-		.link-cont {
-			margin-bottom: 12rpx;
-			font-size: 28rpx;
-			.link-info {
-				height: 50rpx;
-				line-height: 50rpx;
-				overflow: hidden;
-				margin-bottom: 12rpx;
+      .icon-iamge {
+        width: 25rpx;
+        height: 25rpx;
+        position: absolute;
+        right: 20rpx;
+        top: 50%;
+        margin-top: -12rpx;
+      }
+    }
+  }
+  .link-cont-desc {
+    margin-bottom: 12rpx;
+    font-size: 24rpx;
+    color: #999;
+  }
+  .link-cont {
+    margin-bottom: 12rpx;
+    font-size: 28rpx;
+    .link-info {
+      height: 50rpx;
+      line-height: 50rpx;
+      overflow: hidden;
+      margin-bottom: 12rpx;
 
-				.info-text {
-					float: left;
-					padding-right: 20rpx;
-				}
+      .info-text {
+        float: left;
+        padding-right: 20rpx;
+      }
 
-				&::after {
-					transition: all 0.3s ease-in-out;
-					content: '';
-					display: block;
-					float: left;
-					position: relative;
-					top: 12rpx;
-					width: 12rpx;
-					height: 12rpx;
-					border-right: 4rpx solid #333;
-					border-bottom: 4rpx solid #333;
-					transform: rotate(135deg);
-				}
-			}
+      &::after {
+        transition: all 0.3s ease-in-out;
+        content: '';
+        display: block;
+        float: left;
+        position: relative;
+        top: 12rpx;
+        width: 12rpx;
+        height: 12rpx;
+        border-right: 4rpx solid #333;
+        border-bottom: 4rpx solid #333;
+        transform: rotate(135deg);
+      }
+    }
 
-			&.is-active {
-				.link-info {
-					&::after {
-						top: 18rpx;
-						transform: rotate(45deg);
-					}
-				}
+    &.is-active {
+      .link-info {
+        &::after {
+          top: 18rpx;
+          transform: rotate(45deg);
+        }
+      }
 
-				.link-items {
-					max-height: 600rpx;
-				}
-			}
+      .link-items {
+        max-height: 600rpx;
+      }
+    }
 
-			.link-items {
-				max-height: 0rpx;
-				overflow: hidden;
-				transition: all 0.3s ease-in-out;
+    .link-items {
+      max-height: 0rpx;
+      overflow: hidden;
+      transition: all 0.3s ease-in-out;
 
-				.link-item {
-					line-height: 48rpx;
-					color: #06f;
-				}
-			}
-		}
-	}
-</style>
\ No newline at end of file
+      .link-item {
+        line-height: 48rpx;
+        color: #06f;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/index/dialog.vue b/src/pages/index/dialog.vue
index 6d38d766..30ab77bd 100644
--- a/src/pages/index/dialog.vue
+++ b/src/pages/index/dialog.vue
@@ -1,1012 +1,962 @@
 <template>
-	<view class="index-dialog-page">
-		<!-- <MarkdownPreview/> -->
-		<view class="top-bg"></view>
-		<view class="bot-bg"></view>
-		<scroll-view class="index-dialog-body" :scroll-y="true" upper-threshold="0" refresher-enabled="true"
-			refresher-default-style="none" @refresherrefresh="scrolltolower">
-			<view class="body-title">
-				<!-- <uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/> -->
-				AI问答
-				<view class="seek-setting">
-					<image src="@/static/images/dialog/new-dialog.png" alt="" class="image-icon-new" @click="createNewDialog">
-					</image>
-					<image src="@/static/images/dialog/history.png" alt="" class="image-icon" @click="showMenuList = !showMenuList"></image>
-					<view :class="['more-list', showMenuList? 'show':'']">
-						<view class="more-item" @click.stop="showHistory">历史</view>
-						<view class="more-item" @click.stop="toMessage">消息</view>
-						<view class="more-item" @click.stop="toMePage">我的</view>
-					</view>
-				</view>
-			</view>
+  <view class="index-dialog-page">
+    <!-- <MarkdownPreview/> -->
+    <view class="top-bg"></view>
+    <view class="bot-bg"></view>
+    <scroll-view class="index-dialog-body" :scroll-y="true" upper-threshold="0" refresher-enabled="true" refresher-default-style="none" @refresherrefresh="scrolltolower">
+      <view class="body-title">
+        <!-- <uv-icon class="arrow-icon" name="arrow-left" @click="common.navigateBack()"/> -->
+        AI问答
+        <view class="seek-setting">
+          <image src="@/static/images/dialog/new-dialog.png" alt="" class="image-icon-new" @click="createNewDialog"> </image>
+          <image src="@/static/images/dialog/history.png" alt="" class="image-icon" @click="showMenuList = !showMenuList"></image>
+          <view :class="['more-list', showMenuList ? 'show' : '']">
+            <view class="more-item" @click.stop="showHistory">历史</view>
+            <view class="more-item" @click.stop="toMessage">消息</view>
+            <view class="more-item" @click.stop="toMePage">我的</view>
+          </view>
+        </view>
+      </view>
 
-			<view class="ai-info">
-				<!-- <image src="@/static/images/dialog/pet-3.png" alt="" class="image-pet-bg"></image> -->
-				<image src="@/static/images/dialog/pet-bg-base.png" alt="" class="image-pet-bg"></image>
-				<image :src="userInfo?.mascotInfo?.imgAddr ||''" alt="" class="image-pet" mode="widthFix"></image>
-				<view class="ai-info-bg-box">
-					<view class="hello-text">{{ userInfo?'Hi，我是'+userInfo?.mascotInfo?.mascotName : 'Hi'}}</view>
-					<view class="info-text">工作学习，我都能帮你！</view>
-					<view class="info-btn">试试他的能力</view>
-				</view>
-			</view>
-			<view class="questions-view">
-				<scroll-view :scroll-x="true" :show-scrollbar="false">
-					<view class="question-row">
-						<view class="question-item" v-for="item in Math.ceil(questionList.length/2)"
-							@click="sendText(questionList[item-1].hotContent)">{{questionList[item-1].hotContent}}
-						</view>
-					</view>
-					<view class="question-row">
-						<view class="question-item" v-for="item in questionList.length - Math.ceil(questionList.length/2)"
-							@click="sendText(questionList[item + Math.ceil(questionList.length/2)-1].hotContent)">
-							{{questionList[item + Math.ceil(questionList.length/2)-1].hotContent}}
-						</view>
-					</view>
-				</scroll-view>
-			</view>
-			<view class="talking-list">
-				<scroll-view class="talking-scroll-list" :scroll-y="true" :scroll-top="scrollTop" :show-scrollbar="false"
-					:scroll-with-animation="false">
-					<TalkingItem v-for="(item,index) in talkingList" :talkingType="item.type" :talkingInfo="item"
-						:isLast="index+1 === talkingList.length" :isAnswering="!answerIsOver"
-						:activeVoiceId="activeVoiceTalkingItemId" @handleEvents="talkItemEvents">
-					</TalkingItem>
-				</scroll-view>
-			</view>
-			<view class="router-list">
-				<scroll-view class="" :scroll-x="true" :show-scrollbar="false">
-					<view class="btns-item" @click="routerTo('AI学')">
-						<image src="@/static/images/dialog/icons/study.png" alt="" class="image-icon"></image>
-						{{ 'AI学' }}
-					</view>
-					<view class="btns-item" @click="routerTo('AI练')">
-						<image src="@/static/images/dialog/icons/test.png" alt="" class="image-icon"></image>
-						{{ 'AI练' }}
-					</view>
-					<view class="btns-item" @click="routerTo('AI考')">
-						<image src="@/static/images/dialog/icons/exam.png" alt="" class="image-icon"></image>
-						{{ 'AI考' }}
-					</view>
-					<view class="btns-item" @click="routerTo('去PK')">
-						<image src="@/static/images/dialog/icons/PK.png" alt="" class="image-icon"></image>
-						{{ '去PK' }}
-					</view>
-					<view class="btns-item" @click="routerTo('任务')">
-						<image src="@/static/images/dialog/icons/task.png" alt="" class="image-icon"></image>
-						{{ '任务' }}
-					</view>
-					<view class="btns-item" @click="routerTo('错题')">
-						<image src="@/static/images/dialog/icons/wrong.png" alt="" class="image-icon"></image>
-						{{ '错题' }}
-					</view>
-					<view class="btns-item" @click="routerTo('分析')">
-						<image src="@/static/images/dialog/icons/static.png" alt="" class="image-icon"></image>
-						{{ '分析' }}
-					</view>
-				</scroll-view>
-			</view>
-			<TouchBtn class="talk-btns" @uploadVoice="uploadRecordNow" @submitAnswer="submitAnswerNow"
-				@startRecord="startRecordCallback" :loadingText="sendLoadingText" :isLoading="!answerIsOver"
-				:adjustPosition="true"
-				:isDisabled="false" />
-			<History ref="historyRef" @showDetail="showHistoryDetail"></History>
-			<PreviewVue ref="previewRef" />
-		</scroll-view>
-	</view>
-	<!-- 反馈组件 -->
-	<Feedback ref="feedbackRef" @feedbackAnswer="feedbackAnswer"></Feedback>
-	<!-- <file-preview ref="previewFileRef" :file-id="'603058d8-88e0-43d2-8242-3132b85bc91c'" v-model="showPreview" /> -->
+      <view class="ai-info">
+        <!-- <image src="@/static/images/dialog/pet-3.png" alt="" class="image-pet-bg"></image> -->
+        <image src="@/static/images/dialog/pet-bg-base.png" alt="" class="image-pet-bg"></image>
+        <image :src="userInfo?.mascotInfo?.imgAddr || ''" alt="" class="image-pet" mode="widthFix"></image>
+        <view class="ai-info-bg-box">
+          <view class="hello-text">{{ userInfo ? 'Hi，我是' + userInfo?.mascotInfo?.mascotName : 'Hi' }}</view>
+          <view class="info-text">工作学习，我都能帮你！</view>
+          <view class="info-btn">试试他的能力</view>
+        </view>
+      </view>
+      <view class="questions-view">
+        <scroll-view :scroll-x="true" :show-scrollbar="false">
+          <view class="question-row">
+            <view class="question-item" v-for="item in Math.ceil(questionList.length / 2)" @click="sendText(questionList[item - 1].hotContent)">{{ questionList[item - 1].hotContent }} </view>
+          </view>
+          <view class="question-row">
+            <view class="question-item" v-for="item in questionList.length - Math.ceil(questionList.length / 2)" @click="sendText(questionList[item + Math.ceil(questionList.length / 2) - 1].hotContent)">
+              {{ questionList[item + Math.ceil(questionList.length / 2) - 1].hotContent }}
+            </view>
+          </view>
+        </scroll-view>
+      </view>
+      <view class="talking-list">
+        <scroll-view class="talking-scroll-list" :scroll-y="true" :scroll-top="scrollTop" :show-scrollbar="false" :scroll-with-animation="false">
+          <TalkingItem v-for="(item, index) in talkingList" :talkingType="item.type" :talkingInfo="item" :isLast="index + 1 === talkingList.length" :isAnswering="!answerIsOver" :activeVoiceId="activeVoiceTalkingItemId" @handleEvents="talkItemEvents"> </TalkingItem>
+        </scroll-view>
+      </view>
+      <view class="router-list">
+        <scroll-view class="" :scroll-x="true" :show-scrollbar="false">
+          <view class="btns-item" @click="routerTo('AI学')">
+            <image src="@/static/images/dialog/icons/study.png" alt="" class="image-icon"></image>
+            {{ 'AI学' }}
+          </view>
+          <view class="btns-item" @click="routerTo('AI练')">
+            <image src="@/static/images/dialog/icons/test.png" alt="" class="image-icon"></image>
+            {{ 'AI练' }}
+          </view>
+          <view class="btns-item" @click="routerTo('AI考')">
+            <image src="@/static/images/dialog/icons/exam.png" alt="" class="image-icon"></image>
+            {{ 'AI考' }}
+          </view>
+          <view class="btns-item" @click="routerTo('去PK')">
+            <image src="@/static/images/dialog/icons/PK.png" alt="" class="image-icon"></image>
+            {{ '去PK' }}
+          </view>
+          <view class="btns-item" @click="routerTo('任务')">
+            <image src="@/static/images/dialog/icons/task.png" alt="" class="image-icon"></image>
+            {{ '任务' }}
+          </view>
+          <view class="btns-item" @click="routerTo('错题')">
+            <image src="@/static/images/dialog/icons/wrong.png" alt="" class="image-icon"></image>
+            {{ '错题' }}
+          </view>
+          <view class="btns-item" @click="routerTo('分析')">
+            <image src="@/static/images/dialog/icons/static.png" alt="" class="image-icon"></image>
+            {{ '分析' }}
+          </view>
+        </scroll-view>
+      </view>
+      <TouchBtn class="talk-btns" @uploadVoice="uploadRecordNow" @submitAnswer="submitAnswerNow" @startRecord="startRecordCallback" :loadingText="sendLoadingText" :isLoading="!answerIsOver" :adjustPosition="true" :isDisabled="false" />
+      <History ref="historyRef" @showDetail="showHistoryDetail"></History>
+      <PreviewVue ref="previewRef" />
+    </scroll-view>
+  </view>
+  <!-- 反馈组件 -->
+  <Feedback ref="feedbackRef" @feedbackAnswer="feedbackAnswer"></Feedback>
+  <!-- <file-preview ref="previewFileRef" :file-id="'603058d8-88e0-43d2-8242-3132b85bc91c'" v-model="showPreview" /> -->
 </template>
 
 <script setup>
-	import {
-		ref,
-		unref,
-		onMounted,
-		watch,
-		nextTick,
-		computed,
-		onActivated
-	} from 'vue'
-	import common from '@/common/common';
-	import { setupKeyboardHeightListener } from '@/common/common'
- 	import TouchBtn from '@/pages/course/components/touchBtn.vue'
-	import TalkingItem from './components/talking-item.vue';
-	import PreviewVue from './components/preview.vue';
-	import {
-		useSocketStore
-	} from "@/store/socket.js"
-	import {
-		useStorageStore
-	} from "@/store/storage.js"
-	import {
-		storeToRefs
-	} from 'pinia'
-	import {
-		onLoad,
-		onShow,
-		onUnload,
-		onHide,
-		onBackPress
-	} from '@dcloudio/uni-app';
-	import {
-		get_base_url,
-		goto_login_fun
-	} from '@/api/request'
-	import {
-		getUserInfo
-	} from '@/common/common';
-	import {
-		commonUploadVoiceFile
-	} from "@/api/common.js"
-	import {
-		queryHotQuestionApi,
-		insertTraAskFeedback,
-		queryAskHisByBatchIdPaging,
-		updateLikeStat
-	} from "@/api/dialog.js"
-	import Feedback from './components/feedback.vue'
-	import History from './components/history.vue'
+import { ref, unref, onMounted, watch, nextTick, computed, onActivated } from 'vue'
+import common from '@/common/common'
+import { setupKeyboardHeightListener } from '@/common/common'
+import TouchBtn from '@/pages/course/components/touchBtn.vue'
+import TalkingItem from './components/talking-item.vue'
+import PreviewVue from './components/preview.vue'
+import { useSocketStore } from '@/store/socket.js'
+import { useStorageStore } from '@/store/storage.js'
+import { storeToRefs } from 'pinia'
+import { onLoad, onShow, onUnload, onHide, onBackPress } from '@dcloudio/uni-app'
+import { get_base_url, goto_login_fun } from '@/api/request'
+import { getUserInfo } from '@/common/common'
+import { commonUploadVoiceFile } from '@/api/common.js'
+import { queryHotQuestionApi, insertTraAskFeedback, queryAskHisByBatchIdPaging, updateLikeStat } from '@/api/dialog.js'
+import Feedback from './components/feedback.vue'
+import History from './components/history.vue'
 
-	const {
-		statusBarHeight
-	} = uni.getWindowInfo()
+const { statusBarHeight } = uni.getWindowInfo()
 
-	const pageTopPadding = computed(() => statusBarHeight + 'px')
+const pageTopPadding = computed(() => statusBarHeight + 'px')
 
-	const socketStore = useSocketStore()
-	const {
-		SocketObj
-	} = storeToRefs(socketStore)
+const socketStore = useSocketStore()
+const { SocketObj } = storeToRefs(socketStore)
 
-	const feedbackRef = ref()
-	const userInfo = ref(getUserInfo())
-	const questionList = ref([
-		// '对公小程序开户流程？',
-		// '厅堂服务经理2025年管理办法？',
-		// '厅堂服务经理2025年考核表单？',
-		// '吉林银行重要空白凭证调微业务操作规程？',
-		// '协助有权机关查询冻结扣划业务操作规程？',
-		// '柜面个人账户操作规程？',
-		// '久悬未取款账户如何办理销户？',
-		// '境外来华人员个人账户业务开户如何办理？',
-		// '营业机构日间管理风险防控要点有哪些？',
-		// '现金管理平台柜面业务操作？'
-	])
-	const scrollBoxRef = ref()
-	const scrollTop = ref(99999)
-	const scrollToBottomNow = (time = 100) => {
-		nextTick(() => {
-			setTimeout(() => {
-				scrollTop.value += 100
-				scrollTop.value += 100
-			}, time)
-		})
-	}
-	const activeVoiceTalkingItemId = ref('')
-	// ws 初始化逻辑
-	const reconnectTimer = null // 重连timer
-	const isManualClose = ref(false) // 是否手动关闭
-	const reqBatch = ref('')
-	const seqNo = ref('')
-	const mascotId = computed(() => {
-		return unref(userInfo)?.mascotInfo?.mascotId || 'Tst00001'
-	})
-	const answerText = ref('')
-	const answerFileList = ref('')
-	const answerIsOver = ref(true)
-	const talkingList = ref([])
+const feedbackRef = ref()
+const userInfo = ref(getUserInfo())
+const questionList = ref([
+  // '对公小程序开户流程？',
+  // '厅堂服务经理2025年管理办法？',
+  // '厅堂服务经理2025年考核表单？',
+  // '吉林银行重要空白凭证调微业务操作规程？',
+  // '协助有权机关查询冻结扣划业务操作规程？',
+  // '柜面个人账户操作规程？',
+  // '久悬未取款账户如何办理销户？',
+  // '境外来华人员个人账户业务开户如何办理？',
+  // '营业机构日间管理风险防控要点有哪些？',
+  // '现金管理平台柜面业务操作？'
+])
+const scrollBoxRef = ref()
+const scrollTop = ref(99999)
+const scrollToBottomNow = (time = 100) => {
+  nextTick(() => {
+    setTimeout(() => {
+      scrollTop.value += 100
+      scrollTop.value += 100
+    }, time)
+  })
+}
+const activeVoiceTalkingItemId = ref('')
+// ws 初始化逻辑
+const reconnectTimer = null // 重连timer
+const isManualClose = ref(false) // 是否手动关闭
+const reqBatch = ref('')
+const seqNo = ref('')
+const mascotId = computed(() => {
+  return unref(userInfo)?.mascotInfo?.mascotId || 'Tst00001'
+})
+const answerText = ref('')
+const answerFileList = ref('')
+const answerIsOver = ref(true)
+const talkingList = ref([])
 
+const createNewDialog = () => {
+  if (talkingList.value.length === 0) {
+    common.msg('已经是最新对话')
+  }
+  common.redirectTo(`/pages/index/dialog`)
+}
+const showModelComfirm = ref(false)
+const reconcatNum = ref(1)
+const initsocketTask = () => {
+  socketStore.creatSocket('/traask/asksocket/open?summary=')
+  // unref(SocketObj).on('open', (res)=>{
+  // 	if(!answerIsOver.value){
+  // 		sendMessage({
+  // 			"commond" : 'ASK-RE-START',
+  // 			"body" : {
+  // 				reqBatch: reqBatch.value,
+  // 				seqNo: seqNo.value,
+  // 				answerContent: answerText.value
+  // 			}
+  // 		})
+  // 	}
+  // })
+  unref(SocketObj).on('error', () => {
+    if (watchFlag.value === 1 || showModelComfirm.value) return
+    if (reconcatNum.value === 5) {
+      common.msg('系统网络异常，请稍后再试！')
+      return
+    }
+    showModelComfirm.value = true
+    common
+      .show('提示信息', '网络环境不稳定，请重试！', false, '', '确认')
+      .then(res => {
+        reconcatNum.value += 1
+        common.redirectTo(`/pages/index/dialog`)
+      })
+      .finally(() => {
+        showModelComfirm.value = false
+      })
+  })
+  unref(SocketObj).on('message', res => {
+    const { rtnCode, body, commond } = JSON.parse(res.data)
+    let _id = new Date().getTime() + 'id'
+    if (rtnCode === '0000') {
+      if (commond === 'ASK-OPEN') {
+        if (!answerIsOver.value) {
+          // 问题没完成， 重新尝试回答
+          sendMessage({
+            commond: 'ASK-RE-START',
+            body: {
+              reqBatch: reqBatch.value,
+              seqNo: seqNo.value,
+              answerContent: answerText.value
+            }
+          })
+        } else {
+          // 新连接
+          sendMessage({
+            commond: 'ASK-START',
+            body: {
+              mascotId: mascotId.value,
+              deviceImei: ''
+            }
+          })
+        }
+        return
+      }
+      if (commond === 'ASK-START') {
+        // console.log('开启对话！')
+        reqBatch.value = body.reqBatch
+        return
+      }
+      if (commond === 'ASK') {
+        console.log('发送问题成功！')
+        if (talkingList.value.length > 0 && talkingList.value[talkingList.value.length - 1].isLoading) {
+          talkingList.value.pop()
+        }
+        seqNo.value = body.seqNo
+        touchBtnCallBack.value && touchBtnCallBack.value()
+        touchBtnCallBack.value = null
+        talkingList.value.push({
+          type: 'question',
+          talkingText: body.intrctContent,
+          isLoading: false,
+          id: _id,
+          ...body,
+          talkingVoice: askData.value.talkingVoice
+        })
+        talkingList.value.push({
+          type: 'answer',
+          isLoading: true,
+          id: _id + 'loading'
+        })
+        scrollToBottomNow()
+        return
+      }
+      if (commond === 'ASK-STOP') {
+        console.log('停止回答标记!')
+        stopAnswerCallBack.value && stopAnswerCallBack.value(askData.value)
+        setTimeout(() => {
+          stopAnswerCallBack.value = null
+          answerIsOver.value = true
+        }, 10)
+        return
+      }
+      if (commond === 'ASK-ANSWER') {
+        if (body.event === 'start') {
+          console.log('开始回答！')
+          answerIsOver.value = false
+          answerText.value = ''
+          talkingList.value.pop()
+          talkingList.value.push({
+            type: 'answer',
+            talkingText: answerText.value,
+            isLoading: false,
+            id: _id,
+            ...body,
+            askData: {
+              ...askData.value
+            },
+            talkingFiles: [],
+            talkingCrsList: []
+          })
+        } else if (body.event === 'token') {
+          answerIsOver.value = false
+          answerText.value += body.data
+        } else if (body.event === 'end') {
+          console.log('完成回答！')
+          answerIsOver.value = true
+        } else if (body.event === 'sourceDocuments') {
+          console.log('回答返回文件列表！')
+          console.log('body: ', body)
+          if (talkingList.value.length === 0) return
+          let _data = body.data
+          talkingList.value[talkingList.value.length - 1].talkingFiles = _data.knowledgeList || []
+          talkingList.value[talkingList.value.length - 1].talkingCrsList = _data.crsList || []
+        }
+        return
+      }
+      if (commond === 'ASK-RE-ANSWER') {
+        // console.log('开始继续回答！')
+        if (body.event === 'start') {
+          answerIsOver.value = false
+          answerText.value = ''
+        } else if (body.event === 'token') {
+          answerIsOver.value = false
+          answerText.value = body.data
+        } else if (body.event === 'end') {
+          answerIsOver.value = true
+        }
+        return
+      }
 
-	const createNewDialog = () => {
-		if(talkingList.value.length === 0){
-			common.msg('已经是最新对话')
-		}
-		common.redirectTo(`/pages/index/dialog`)
-	}
-	const showModelComfirm = ref(false)
-	const reconcatNum = ref(1)
-	const initsocketTask = () => {
-		socketStore.creatSocket('/traask/asksocket/open?summary=')
-		// unref(SocketObj).on('open', (res)=>{
-		// 	if(!answerIsOver.value){
-		// 		sendMessage({
-		// 			"commond" : 'ASK-RE-START',
-		// 			"body" : {
-		// 				reqBatch: reqBatch.value,
-		// 				seqNo: seqNo.value,
-		// 				answerContent: answerText.value
-		// 			}
-		// 		})
-		// 	}
-		// })
-		unref(SocketObj).on('error', () => {
-			if ((watchFlag.value === 1) || showModelComfirm.value) return
-			if (reconcatNum.value === 5) {
-				common.msg('系统网络异常，请稍后再试！')
-				return
-			}
-			showModelComfirm.value = true
-			common.show('提示信息', '网络环境不稳定，请重试！', false, '', '确认').then((res) => {
-				reconcatNum.value += 1
-				common.redirectTo(`/pages/index/dialog`)
-			}).finally(() => {
-				showModelComfirm.value = false
-			})
-		})
-		unref(SocketObj).on('message', (res) => {
-			const {
-				rtnCode,
-				body,
-				commond
-			} = JSON.parse(res.data)
-			let _id = new Date().getTime() + 'id'
-			if (rtnCode === '0000') {
-				if (commond === 'ASK-OPEN') {
-					if (!answerIsOver.value) {
-						// 问题没完成， 重新尝试回答
-						sendMessage({
-							"commond": 'ASK-RE-START',
-							"body": {
-								reqBatch: reqBatch.value,
-								seqNo: seqNo.value,
-								answerContent: answerText.value
-							}
-						})
-					} else {
-						// 新连接
-						sendMessage({
-							"commond": 'ASK-START',
-							"body": {
-								mascotId: mascotId.value,
-								deviceImei: ''
-							}
-						})
-					}
-					return
-				}
-				if (commond === 'ASK-START') {
-					// console.log('开启对话！')
-					reqBatch.value = body.reqBatch
-					return
-				}
-				if (commond === 'ASK') {
-					console.log('发送问题成功！')
-					if ((talkingList.value.length > 0) && talkingList.value[talkingList.value.length - 1]
-						.isLoading) {
-						talkingList.value.pop()
-					}
-					seqNo.value = body.seqNo
-					touchBtnCallBack.value && touchBtnCallBack.value()
-					touchBtnCallBack.value = null
-					talkingList.value.push({
-						type: 'question',
-						talkingText: body.intrctContent,
-						isLoading: false,
-						id: _id,
-						...body,
-						talkingVoice: askData.value.talkingVoice
-					})
-					talkingList.value.push({
-						type: 'answer',
-						isLoading: true,
-						id: _id + 'loading'
-					})
-					scrollToBottomNow()
-					return
-				}
-				if (commond === 'ASK-STOP') {
-					console.log('停止回答标记!')
-					stopAnswerCallBack.value && stopAnswerCallBack.value(askData.value)
-					setTimeout(() => {
-						stopAnswerCallBack.value = null
-						answerIsOver.value = true
-					}, 10)
-					return
-				}
-				if (commond === 'ASK-ANSWER') {
-					if (body.event === 'start') {
-						console.log('开始回答！')
-						answerIsOver.value = false
-						answerText.value = ''
-						talkingList.value.pop()
-						talkingList.value.push({
-							type: 'answer',
-							talkingText: answerText.value,
-							isLoading: false,
-							id: _id,
-							...body,
-							askData: {
-								...askData.value
-							},
-							talkingFiles: [],
-							talkingCrsList: []
-						})
-					} else if (body.event === 'token') {
-						answerIsOver.value = false
-						answerText.value += body.data
-					} else if (body.event === 'end') {
-						console.log('完成回答！')
-						answerIsOver.value = true
-					} else if (body.event === 'sourceDocuments') {
-						console.log('回答返回文件列表！')
-						console.log('body: ', body)
-						if (talkingList.value.length === 0) return
-						let _data = body.data
-						talkingList.value[talkingList.value.length - 1].talkingFiles = _data.knowledgeList || []
-						talkingList.value[talkingList.value.length - 1].talkingCrsList = _data.crsList || []
-					}
-					return
-				}
-				if (commond === 'ASK-RE-ANSWER') {
-					// console.log('开始继续回答！')
-					if (body.event === 'start') {
-						answerIsOver.value = false
-						answerText.value = ''
-					} else if (body.event === 'token') {
-						answerIsOver.value = false
-						answerText.value = body.data
-					} else if (body.event === 'end') {
-						answerIsOver.value = true
-					}
-					return
-				}
+      if (commond === 'ASK-ERR') {
+        console.log('提问失败，系统异常！')
+        return
+      }
+    } else {
+      if (['0005', 'QQ0005'].includes(res.rtnCode)) {
+        goto_login_fun()
+      }
+    }
+  })
+  watchFlag.value += 1
+}
+const sendLoadingText = ref('问题回答中，请在问题回答结束后重试！')
+const reconnect = () => {
+  if (reconnectTimer || isManualClose.value) return
+  reconnectTimer = setTimeout(() => {
+    initsocketTask()
+  }, 3000)
+}
+const sendMessage = data => {
+  unref(SocketObj).send(data)
+}
+watch(
+  () => answerText.value,
+  val => {
+    if (val) {
+      changeText(val)
+      scrollToBottomNow()
+    }
+  }
+)
 
-				if (commond === 'ASK-ERR') {
-					console.log('提问失败，系统异常！')
-					return
-				}
-			} else {
-				if (['0005', 'QQ0005'].includes(res.rtnCode)) {
-					goto_login_fun();
-				}
-			}
-		})
-		watchFlag.value += 1
-	}
-	const sendLoadingText = ref('问题回答中，请在问题回答结束后重试！')
-	const reconnect = () => {
-		if (reconnectTimer || isManualClose.value) return
-		reconnectTimer = setTimeout(() => {
-			initsocketTask()
-		}, 3000)
-	}
-	const sendMessage = (data) => {
-		unref(SocketObj).send(data)
-	}
-	watch(() => answerText.value, (val) => {
-		if (val) {
-			changeText(val)
-			scrollToBottomNow()
-		}
-	})
+const changeText = () => {
+  if (talkingList.value.length === 0) return
+  talkingList.value[talkingList.value.length - 1].talkingText = answerText.value
+}
 
-	const changeText = () => {
-		if (talkingList.value.length === 0) return
-		talkingList.value[talkingList.value.length - 1].talkingText = answerText.value
-	}
-
-	const stopAnswerCallBack = ref(null)
-	const talkItemEvents = ({
-		type,
-		data,
-		id,
-		info = {}
-	}) => {
-		switch (type) {
-			case 'reAnswer':
-				console.log('重新提问回答')
-				// 停止获取
-				sendMessage({
-					"commond": 'ASK-STOP',
-					"body": {
-						reqBatch: reqBatch.value,
-						seqNo: seqNo.value,
-					}
-				})
-				sendMessage({
-					"commond": 'ASK',
-					"body": data.askData
-				})
-				// // 设置停止回调
-				// stopAnswerCallBack.value = ($data) => {
-				// 	sendMessage({
-				// 		"commond": 'ASK',
-				// 		"body": $data
-				// 	})
-				// }
-				break;
-			case 'stop':
-				console.log('停止获取数据')
-				stopAnswerCallBack.value = null
-				// ASK-STOP
-				sendMessage({
-					"commond": 'ASK-STOP',
-					"body": {
-						reqBatch: reqBatch.value,
-						seqNo: seqNo.value,
-					}
-				})
-				break;
-			case 'changePlay':
-				activeVoiceTalkingItemId.value = id
-				break;
-			case 'feedback':
-				feedbackRef.value.open(data)
-				break;
-			case 'great':
-				console.log()
-				let _status = data.likeStat === 'Y' ? 'N' : 'Y'
-				let _id = data.seqNo || data.askId
-				updateLikeStat({
-					askId: _id,
-					stat: _status
-				}).then(res => {
-					talkingList.value.forEach(t => {
-						if (t.seqNo === _id || t.askId === _id) {
-							t.likeStat = _status
-							t.downvoteStat = _status === 'Y' ? 'N' : 'Y'
+const stopAnswerCallBack = ref(null)
+const talkItemEvents = ({ type, data, id, info = {} }) => {
+  switch (type) {
+    case 'reAnswer':
+      console.log('重新提问回答')
+      // 停止获取
+      sendMessage({
+        commond: 'ASK-STOP',
+        body: {
+          reqBatch: reqBatch.value,
+          seqNo: seqNo.value
+        }
+      })
+      sendMessage({
+        commond: 'ASK',
+        body: data.askData
+      })
+      // // 设置停止回调
+      // stopAnswerCallBack.value = ($data) => {
+      // 	sendMessage({
+      // 		"commond": 'ASK',
+      // 		"body": $data
+      // 	})
+      // }
+      break
+    case 'stop':
+      console.log('停止获取数据')
+      stopAnswerCallBack.value = null
+      // ASK-STOP
+      sendMessage({
+        commond: 'ASK-STOP',
+        body: {
+          reqBatch: reqBatch.value,
+          seqNo: seqNo.value
+        }
+      })
+      break
+    case 'changePlay':
+      activeVoiceTalkingItemId.value = id
+      break
+    case 'feedback':
+      feedbackRef.value.open(data)
+      break
+    case 'great':
+      let _status = data.likeStat === 'Y' ? 'N' : 'Y'
+      let _id = data.seqNo || data.askId
+      updateLikeStat({
+        askId: _id,
+        stat: _status
+      }).then(res => {
+        talkingList.value.forEach(t => {
+          if (t.seqNo === _id || t.askId === _id) {
+            t.likeStat = _status
+						if(_status === 'Y'){
+							t.downvoteStat = 'N'
 						}
-					})
-				})
-				break;
-			case 'preview':
-				common.navigateTo('/pages/index/preview?fileId=' + info.docId)
-				break;
-			case 'toCourse':
-				console.log(type, data, id)
-				break;
-			default:
-				break;
-		}
-	}
-	const feedbackAnswer = (params) => {
-		talkingList.value.forEach(t => {
-			if (t.seqNo === params.askId) {
-				t.downvoteStat = 'Y'
-				t.likeStat = 'N'
-			}
-		})
-	}
-	const historyRef = ref(null)
-	const showMenuList = ref(false)
-	const showHistory = () => {
-		showMenuList.value = false
-		historyRef.value.open()
-	}
-	const toMessage = () => {
-		showMenuList.value = false
-		common.navigateTo('/pages/messageNotification/index')
-	}
-	const toMePage = () => {
-		showMenuList.value = false
-		common.switchTab('/pages/me/index')
-	}
+          }
+        })
+      })
+      break
+    case 'preview':
+      common.navigateTo('/pages/index/preview?fileId=' + info.docId)
+      break
+    case 'toCourse':
+      console.log(type, data, id)
+      break
+    default:
+      break
+  }
+}
+const feedbackAnswer = params => {
+  talkingList.value.forEach(t => {
+    if (t.seqNo === params.askId) {
+      t.downvoteStat = 'Y'
+      t.likeStat = 'N'
+    }
+  })
+}
+const historyRef = ref(null)
+const showMenuList = ref(false)
+const showHistory = () => {
+  showMenuList.value = false
+  historyRef.value.open()
+}
+const toMessage = () => {
+  showMenuList.value = false
+  common.navigateTo('/pages/messageNotification/index')
+}
+const toMePage = () => {
+  showMenuList.value = false
+  common.switchTab('/pages/me/index')
+}
 
-	const showHistoryDetail = (item) => {
-		queryAskHisByBatchIdPaging({
-			batchId: item.reqBatch,
-			page: 1,
-			limit: 100
-		}).then(res => {
-			console.log(res)
+const showHistoryDetail = item => {
+  queryAskHisByBatchIdPaging({
+    batchId: item.reqBatch,
+    page: 1,
+    limit: 100
+  }).then(res => {
+    console.log(res)
 
-			talkingList.value = (res.body || []).map((t, index) => {
-				// let _obj = JSON.parse( t.respContent)
-				// console.log(_obj,0)
-				// if(t.chatRole === 'TCH'){
-				// console.log(JSON.parse(_obj),1)
-				// }
-				let _text
-				let _talkingCrsList
-				let _talkingFiles
-				if (t.chatRole === 'TCH') {
-					_text = t.respContentVo?.messageBuileder || ''
-					_talkingCrsList = t.respContentVo?.resultMap?.crsList || []
-					_talkingFiles = t.respContentVo?.resultMap?.knowledgeList || []
-				} else {
-					_text = t.respContent
-				}
-				return {
-					type: t.chatRole === 'TCH' ? 'answer' : 'question',
-					talkingText: _text,
-					isLoading: false,
-					askId: t.askId,
-					seqNo: t.askId,
-					id: t.askId + index,
-					talkingVoice: '',
-					reqBatch: item.reqBatch,
-					intrctWay: '01', //01-文本；02-语音；03-图片
-					intrctContent: _text,
-					bucketKey: '',
-					downvoteStat: t.downvoteStat,
-					likeStat: t.likeStat,
-					talkingCrsList: _talkingCrsList,
-					talkingFiles: _talkingFiles
-				}
-			})
-			historyRef.value.close()
-		})
-	}
-	const routerTo = (type) => {
-		switch (type) {
-			case 'AI学':
-				common.switchTab('/pages/course/index')
-				break;
-			case 'AI考':
-				common.navigateTo('/pages/testingHall/index')
-				break;
-			case '任务':
-				common.navigateTo('/pages/learningTasks/index')
-				break;
-			case '错题':
-				common.navigateTo('/pages/wrongQuestionRecord/index')
-				break;
-			default:
-				common.msg('页面建设中，敬请期待！')
-				break;
-		}
-	}
-	const scrolltolower = () => {
-		const pages = getCurrentPages();
-		const pageCount = pages?.length || 0;
-		// 处理页面数量不足的情况，此为调试时候异常情况 
-		if (pageCount <= 1) {
-			common.switchTab('/pages/index/index');
-			return;
-		}
-		const prevPage = pages[pageCount - 2]; // 获取上一页实例并验证
-		// 根据上一页路由决定跳转方式
-		if (prevPage.route === 'pages/login/login') {
-			// 登录页特殊处理，如果刚好等于2说明书刚启动，里面只有登录页和当前页，这样直接返回老首页
-			pageCount === 2 ?
-				common.switchTab('/pages/index/index') :
-				common.navigateBack(2);
-		} else {
-			// 普通页面返回上一页
-			common.navigateBack();
-		}
-	}
-	const touchBtnCallBack = ref(null)
-	const askData = ref({})
-	const sendText = (item) => {
-		submitAnswerNow(item)
-	}
-	// 发送语音
-	const uploadRecordNow = (voicePath) => {
-		// /traask/traAskchat/voiceTrans 
-		//#ifndef APP-PLUS
-		// h5 假数据
-		// #endif
-		//#ifdef APP-PLUS
-		talkingList.value.push({
-			type: 'question',
-			talkingText: '',
-			isLoading: true
-		})
-		scrollToBottomNow()
-		commonUploadVoiceFile(voicePath, '/traask/traAskchat/voiceTrans', {}).then(res => {
-			let _res = JSON.parse(res.data)
-			if (_res.rtnCode === '0000') {
-				if (!!(_res.body.transContent || '').trim()) {
-					askData.value = {
-						reqBatch: reqBatch.value,
-						intrctWay: '02', //01-文本；02-语音；03-图片
-						intrctContent: _res.body.transContent,
-						bucketKey: _res.body.fileId,
-						ossFileAddr: _res.body.ossFileAddr,
-						talkingVoice: voicePath
-					}
-					sendMessage({
-						"commond": 'ASK',
-						"body": askData.value
-					})
-				} else {
-					talkingList.value.pop()
-					uni.showToast({
-						title: '未识别到文字',
-						icon: "none",
-						duration: 1000
-					});
-				}
-			} else {}
-		}).catch(err => {
-			talkingList.value.pop()
-			uni.showToast({
-				title: '系统异常，请联系管理员',
-				icon: "none",
-				duration: 1000
-			});
-		})
-		// #endif
-	}
-	// 发送文本
-	const submitAnswerNow = (val, cb = null) => {
-		if (!answerIsOver.value) {
-			// 问题回答中
-			return
-		}
-		touchBtnCallBack.value = cb
-		askData.value = {
-			reqBatch: reqBatch.value,
-			intrctWay: '01', //01-文本；02-语音；03-图片
-			intrctContent: val,
-			bucketKey: ''
-		}
-		sendMessage({
-			"commond": 'ASK',
-			"body": askData.value
-		})
-	}
-	const startRecordCallback = () => {
-		// 开始录音回调
-	}
-	const watchFlag = ref(1)
+    talkingList.value = (res.body || []).map((t, index) => {
+      // let _obj = JSON.parse( t.respContent)
+      // console.log(_obj,0)
+      // if(t.chatRole === 'TCH'){
+      // console.log(JSON.parse(_obj),1)
+      // }
+      let _text
+      let _talkingCrsList
+      let _talkingFiles
+      if (t.chatRole === 'TCH') {
+        _text = t.respContentVo?.messageBuileder || ''
+        _talkingCrsList = t.respContentVo?.resultMap?.crsList || []
+        _talkingFiles = t.respContentVo?.resultMap?.knowledgeList || []
+      } else {
+        _text = t.respContent
+      }
+      return {
+        type: t.chatRole === 'TCH' ? 'answer' : 'question',
+        talkingText: _text,
+        isLoading: false,
+        askId: t.askId,
+        seqNo: t.askId,
+        id: t.askId + index,
+        talkingVoice: '',
+        reqBatch: item.reqBatch,
+        intrctWay: '01', //01-文本；02-语音；03-图片
+        intrctContent: _text,
+        bucketKey: '',
+        downvoteStat: t.downvoteStat,
+        likeStat: t.likeStat,
+        talkingCrsList: _talkingCrsList,
+        talkingFiles: _talkingFiles,
+        isHistory: true
+      }
+    })
+    historyRef.value.close()
+  })
+}
+const routerTo = type => {
+  switch (type) {
+    case 'AI学':
+      common.switchTab('/pages/course/index')
+      break
+    case 'AI考':
+      common.navigateTo('/pages/testingHall/index')
+      break
+    case '任务':
+      common.navigateTo('/pages/learningTasks/index')
+      break
+    case '错题':
+      common.navigateTo('/pages/wrongQuestionRecord/index')
+      break
+    default:
+      common.msg('页面建设中，敬请期待！')
+      break
+  }
+}
+const scrolltolower = () => {
+  const pages = getCurrentPages()
+  const pageCount = pages?.length || 0
+  // 处理页面数量不足的情况，此为调试时候异常情况
+  if (pageCount <= 1) {
+    common.switchTab('/pages/index/index')
+    return
+  }
+  const prevPage = pages[pageCount - 2] // 获取上一页实例并验证
+  // 根据上一页路由决定跳转方式
+  if (prevPage.route === 'pages/login/login') {
+    // 登录页特殊处理，如果刚好等于2说明书刚启动，里面只有登录页和当前页，这样直接返回老首页
+    pageCount === 2 ? common.switchTab('/pages/index/index') : common.navigateBack(2)
+  } else {
+    // 普通页面返回上一页
+    common.navigateBack()
+  }
+}
+const touchBtnCallBack = ref(null)
+const askData = ref({})
+const sendText = item => {
+  submitAnswerNow(item)
+}
+// 发送语音
+const uploadRecordNow = voicePath => {
+  // /traask/traAskchat/voiceTrans
+  //#ifndef APP-PLUS
+  // h5 假数据
+  // #endif
+  //#ifdef APP-PLUS
+  talkingList.value.push({
+    type: 'question',
+    talkingText: '',
+    isLoading: true
+  })
+  scrollToBottomNow()
+  commonUploadVoiceFile(voicePath, '/traask/traAskchat/voiceTrans', {})
+    .then(res => {
+      let _res = JSON.parse(res.data)
+      if (_res.rtnCode === '0000') {
+        if (!!(_res.body.transContent || '').trim()) {
+          askData.value = {
+            reqBatch: reqBatch.value,
+            intrctWay: '02', //01-文本；02-语音；03-图片
+            intrctContent: _res.body.transContent,
+            bucketKey: _res.body.fileId,
+            ossFileAddr: _res.body.ossFileAddr,
+            talkingVoice: voicePath
+          }
+          sendMessage({
+            commond: 'ASK',
+            body: askData.value
+          })
+        } else {
+          talkingList.value.pop()
+          uni.showToast({
+            title: '未识别到文字',
+            icon: 'none',
+            duration: 1000
+          })
+        }
+      } else {
+      }
+    })
+    .catch(err => {
+      talkingList.value.pop()
+      uni.showToast({
+        title: '系统异常，请联系管理员',
+        icon: 'none',
+        duration: 1000
+      })
+    })
+  // #endif
+}
+// 发送文本
+const submitAnswerNow = (val, cb = null) => {
+  if (!answerIsOver.value) {
+    // 问题回答中
+    return
+  }
+  touchBtnCallBack.value = cb
+  askData.value = {
+    reqBatch: reqBatch.value,
+    intrctWay: '01', //01-文本；02-语音；03-图片
+    intrctContent: val,
+    bucketKey: ''
+  }
+  sendMessage({
+    commond: 'ASK',
+    body: askData.value
+  })
+}
+const startRecordCallback = () => {
+  // 开始录音回调
+}
+const watchFlag = ref(1)
 
-	onBackPress((options) => {
-		const from = options.from
-		if (from === 'backbutton') {
-			// 判断上一级是否是登录，是登录就返回两层跳过登录页
-			const pages = getCurrentPages();
-			if (pages && pages.length > 1) {
-				const page = pages[pages.length - 2];
-				if (page.route === 'pages/login/login') {
-					if (pages.length == 2) {
-						common.switchTab('/pages/index/index');
-					} else {
-						common.navigateBack(2)
-					}
-					return true
-				}
-			}
-		}
-		return false
-	});
+onBackPress(options => {
+  const from = options.from
+  if (from === 'backbutton') {
+    // 判断上一级是否是登录，是登录就返回两层跳过登录页
+    const pages = getCurrentPages()
+    if (pages && pages.length > 1) {
+      const page = pages[pages.length - 2]
+      if (page.route === 'pages/login/login') {
+        if (pages.length == 2) {
+          common.switchTab('/pages/index/index')
+        } else {
+          common.navigateBack(2)
+        }
+        return true
+      }
+    }
+  }
+  return false
+})
 
-	const getQuestionList = () => {
-		queryHotQuestionApi().then(res => {
-			console.log(res)
-			questionList.value = res.body.map(t => {
-				return {
-					...t,
-					hotContent: t.refineContent
-				}
-			}).filter(t=> t.refineContent)
-		})
-	}
-	const loadData = async () => {
-		userInfo.value = getUserInfo();
-		getQuestionList()
-		initsocketTask()
-	};
-	onLoad(() => {
-		changeAppHeightBottom()
-		if (!common.isLogin()) {
-			common.navigateTo('/pages/login/login')
-			return
-		}
-		// 判断下如果没有设置吉祥物就跳转到吉祥物页面
-		if (userInfo.value?.mascotInfo.mascotId === null) { //说明这人在上次选吉祥物的时候退出了，没有选到吉祥物
-			common.redirectTo('/pages/mascot/mascot_select_list');
-			return
-		}
-		loadData()
-	})
-	const previewRef = ref()
-	const previewFileRef = ref()
-	const showPreview = ref(false)
-	onMounted(() => {
-		
-		// previewFileRef.value.open({
-		// 	fileId: '0006e7f7-a332-4c81-9802-ac4e2d971c71'
-		// })
-	})
+const getQuestionList = () => {
+  queryHotQuestionApi().then(res => {
+    console.log(res)
+    questionList.value = res.body
+      .map(t => {
+        return {
+          ...t,
+          hotContent: t.refineContent
+        }
+      })
+      .filter(t => t.refineContent)
+  })
+}
+const loadData = async () => {
+  userInfo.value = getUserInfo()
+  getQuestionList()
+  initsocketTask()
+}
+onLoad(() => {
+  changeAppHeightBottom()
+  if (!common.isLogin()) {
+    common.navigateTo('/pages/login/login')
+    return
+  }
+  // 判断下如果没有设置吉祥物就跳转到吉祥物页面
+  if (userInfo.value?.mascotInfo.mascotId === null) {
+    //说明这人在上次选吉祥物的时候退出了，没有选到吉祥物
+    common.redirectTo('/pages/mascot/mascot_select_list')
+    return
+  }
+  loadData()
+})
+const previewRef = ref()
+const previewFileRef = ref()
+const showPreview = ref(false)
+onMounted(() => {
+  // previewFileRef.value.open({
+  // 	fileId: '0006e7f7-a332-4c81-9802-ac4e2d971c71'
+  // })
+})
 
-	const refreshData = () => {
-		loadData();
-	};
+const refreshData = () => {
+  loadData()
+}
 
-	const keyboardHeight = ref('0px')
-	const setHeight = (res) => {
-		keyboardHeight.value = (res.height || 0) + 'px'
-	}
-	const keyBoardIsHide =  computed(() => {
-		return parseInt(keyboardHeight.value)  == 0
-	})
-	const bottomHeight = ref('0px')
-	const totalBotHeight = computed(()=> {
-		return keyBoardIsHide.value ? 0  + 'px': parseInt(keyboardHeight.value) - parseInt(bottomHeight.value) + 'px'
-	})
-	const changeAppHeightBottom = (height) => {
-		//#ifdef APP-PLUS
-		// 获取系统信息
-		const systemInfo = uni.getSystemInfoSync();
-		// 计算安全区域底部高度
-		bottomHeight.value = systemInfo.screenHeight - systemInfo.safeArea.bottom + 'px'
-		// #endif
-	}
-	//#ifdef APP-PLUS
-	onHide(() => {
-		uni.offKeyboardHeightChange(setHeight)
-	})
-	onShow(() => {
-		uni.onKeyboardHeightChange(setHeight)
-	})
-	// #endif
-	onUnload(() => {
-		watchFlag.value = 1
-		socketStore?.closeSocket()
-		// setupKeyboardHeightListener(changeAppHeightBottom)
-	})
-	defineExpose({
-		refreshData
-	});
+const keyboardHeight = ref('0px')
+const setHeight = res => {
+  keyboardHeight.value = (res.height || 0) + 'px'
+}
+const keyBoardIsHide = computed(() => {
+  return parseInt(keyboardHeight.value) == 0
+})
+const bottomHeight = ref('0px')
+const totalBotHeight = computed(() => {
+  return keyBoardIsHide.value ? 0 + 'px' : parseInt(keyboardHeight.value) - parseInt(bottomHeight.value) + 'px'
+})
+const changeAppHeightBottom = height => {
+  //#ifdef APP-PLUS
+  // 获取系统信息
+  const systemInfo = uni.getSystemInfoSync()
+  // 计算安全区域底部高度
+  bottomHeight.value = systemInfo.screenHeight - systemInfo.safeArea.bottom + 'px'
+  // #endif
+}
+//#ifdef APP-PLUS
+onHide(() => {
+  uni.offKeyboardHeightChange(setHeight)
+})
+onShow(() => {
+  uni.onKeyboardHeightChange(setHeight)
+})
+// #endif
+onUnload(() => {
+  watchFlag.value = 1
+  socketStore?.closeSocket()
+  // setupKeyboardHeightListener(changeAppHeightBottom)
+})
+defineExpose({
+  refreshData
+})
 </script>
 
 <style scoped lang="scss">
-	.index-dialog-page {
-		position: relative;
-		display: flex;
-		flex-direction: column;
-		height: 100vh;
-		overflow: hidden;
-	}
+.index-dialog-page {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  overflow: hidden;
+}
 
-	.top-bg {
-		background: linear-gradient(0deg, rgba(234, 246, 255, 0) 0%, #e6eafd 100%);
-		height: 480rpx;
-		width: 100%;
-	}
+.top-bg {
+  background: linear-gradient(0deg, rgba(234, 246, 255, 0) 0%, #e6eafd 100%);
+  height: 480rpx;
+  width: 100%;
+}
 
-	.bot-bg {
-		// background-color: #F6F8FF;
-		background: linear-gradient(136deg, rgba(234, 246, 255, 0) 0%, #fff 100%);
-		width: 100%;
-		flex: 1;
-	}
+.bot-bg {
+  // background-color: #F6F8FF;
+  background: linear-gradient(136deg, rgba(234, 246, 255, 0) 0%, #fff 100%);
+  width: 100%;
+  flex: 1;
+}
 
-	.index-dialog-body {
-		position: absolute;
-		overflow: hidden;
-		height: calc(100% - v-bind(totalBotHeight));
-		width: 100%;
-		padding: 0;
-		bottom: 0;
-		left: 0;
-		box-sizing: border-box;
-		padding-top: v-bind(pageTopPadding);
-		// padding-bottom: v-bind(bottomHeight);
-		// display: flex;
-		// flex-direction: column;
+.index-dialog-body {
+  position: absolute;
+  overflow: hidden;
+  height: calc(100% - v-bind(totalBotHeight));
+  width: 100%;
+  padding: 0;
+  bottom: 0;
+  left: 0;
+  box-sizing: border-box;
+  padding-top: v-bind(pageTopPadding);
+  // padding-bottom: v-bind(bottomHeight);
+  // display: flex;
+  // flex-direction: column;
 
+  .body-title {
+    height: 90rpx;
+    text-align: center;
+    font-size: 33rpx;
+    padding-top: 20rpx;
 
-		.body-title {
-			height: 90rpx;
-			text-align: center;
-			font-size: 33rpx;
-			padding-top: 20rpx;
+    line-height: 46rpx;
+    box-sizing: border-box;
+    font-weight: 500;
+    color: #000;
+    position: relative;
 
-			line-height: 46rpx;
-			box-sizing: border-box;
-			font-weight: 500;
-			color: #000;
-			position: relative;
+    // margin-bottom: 23rpx;
+    .arrow-icon {
+      position: absolute;
+      left: 36rpx;
+      top: 30rpx;
+      color: #000;
+    }
+  }
 
-			// margin-bottom: 23rpx;
-			.arrow-icon {
-				position: absolute;
-				left: 36rpx;
-				top: 30rpx;
-				color: #000;
-			}
-		}
+  .seek-setting {
+    position: absolute;
+    z-index: 13;
+    right: 45rpx;
+    top: 8rpx;
+    font-size: 26rpx;
+    width: 140rpx;
+    height: 52rpx;
+    padding: 10rpx 0;
+    // overflow: hidden;
+    line-height: 32rpx;
+    text-align: right;
+    padding-right: 48rpx;
+    .more-list {
+      position: absolute;
+      top: 100%;
+      right: 0;
+      width: 100rpx;
+      text-align: center;
+      background-color: #fff;
+      border-radius: 12rpx;
+      padding: 16rpx 0;
+      display: none;
+      z-index: 21;
+      &.show {
+        display: block;
+      }
+      .more-item {
+        line-height: 60rpx;
+        font-size: 29rpx;
+        color: #333;
+        position: relative;
+        z-index: 22;
+      }
+    }
+    .image-icon {
+      width: 30rpx;
+      height: 32rpx;
+      position: absolute;
+      right: 0;
+      top: 10rpx;
+    }
 
-		.seek-setting {
-			position: absolute;
-			z-index: 13;
-			right: 45rpx;
-			top: 8rpx;
-			font-size: 26rpx;
-			width: 140rpx;
-			height: 52rpx;
-			padding: 10rpx 0;
-			// overflow: hidden;
-			line-height: 32rpx;
-			text-align: right;
-			padding-right: 48rpx;
-			.more-list{
-				position: absolute;
-				top: 100%;
-				right: 0;
-				width: 100rpx;
-				text-align: center;
-				background-color: #fff;
-				border-radius: 12rpx;
-				padding: 16rpx 0;
-				display: none;
-				z-index: 21;
-				&.show{
-					display: block;
-				}
-				.more-item{
-					line-height: 60rpx;
-					font-size: 29rpx;
-					color: #333;
-					position: relative;
-					z-index: 22;
-				}
-			}
-			.image-icon {
-				width: 30rpx;
-				height: 32rpx;
-				position: absolute;
-				right: 0;
-				top: 10rpx;
-			}
+    .image-icon-new {
+      right: 50rpx;
+      width: 30rpx;
+      height: 32rpx;
+      position: absolute;
+      top: 10rpx;
+    }
+  }
 
-			.image-icon-new {
-				right: 50rpx;
-				width: 30rpx;
-				height: 32rpx;
-				position: absolute;
-				top: 10rpx;
-			}
-		}
+  .ai-info {
+    padding: 0 24rpx;
+    height: 250rpx;
+    overflow: hidden;
+    padding-top: 72rpx;
+    margin-bottom: 24rpx;
+    position: relative;
+    box-sizing: border-box;
 
-		.ai-info {
-			padding: 0 24rpx;
-			height: 250rpx;
-			overflow: hidden;
-			padding-top: 72rpx;
-			margin-bottom: 24rpx;
-			position: relative;
-			box-sizing: border-box;
+    .image-pet {
+      width: 230rpx;
+      // height: 235rpx;
+      position: absolute;
+      right: 24rpx;
+      top: -20rpx;
+      z-index: 2;
+    }
 
-			.image-pet {
-				width: 230rpx;
-				// height: 235rpx;
-				position: absolute;
-				right: 24rpx;
-				top: -20rpx;
-				z-index: 2;
-			}
+    .image-pet-bg {
+      position: absolute;
+      padding: 0 24rpx;
+      box-sizing: border-box;
+      width: 100%;
+      height: 230rpx;
+      left: 0;
+      bottom: 0;
+      z-index: 2;
+    }
 
-			.image-pet-bg {
-				position: absolute;
-				padding: 0 24rpx;
-				box-sizing: border-box;
-				width: 100%;
-				height: 230rpx;
-				left: 0;
-				bottom: 0;
-				z-index: 2;
-			}
+    .ai-info-bg-box {
+      position: absolute;
+      z-index: 3;
+      left: 0;
+      top: 68rpx;
+      width: 100%;
+      // background-color: #ccc;
+      padding: 0 64rpx;
+      height: 178rpx;
 
-			.ai-info-bg-box {
-				position: absolute;
-				z-index: 3;
-				left: 0;
-				top: 68rpx;
-				width: 100%;
-				// background-color: #ccc;
-				padding: 0 64rpx;
-				height: 178rpx;
+      .hello-text {
+        height: 54rpx;
+        line-height: 44rpx;
+        font-size: 28rpx;
+        color: #666;
+      }
 
-				.hello-text {
-					height: 54rpx;
-					line-height: 44rpx;
-					font-size: 28rpx;
-					color: #666;
-				}
+      .info-text {
+        height: 44rpx;
+        line-height: 44rpx;
+        font-size: 32rpx;
+        color: #000;
+        font-weight: 600;
+      }
 
-				.info-text {
-					height: 44rpx;
-					line-height: 44rpx;
-					font-size: 32rpx;
-					color: #000;
-					font-weight: 600;
-				}
+      .info-btn {
+        width: 220rpx;
+        font-size: 29rpx;
+        height: 54rpx;
+        color: #fff;
+        background: linear-gradient(104deg, #5547f3 0%, #4e86f4 100%);
+        line-height: 54rpx;
+        text-align: center;
+        border-radius: 15rpx 15rpx 0 0;
+        position: absolute;
+        left: 68rpx;
+        bottom: 0;
+      }
+    }
+  }
 
-				.info-btn {
-					width: 220rpx;
-					font-size: 29rpx;
-					height: 54rpx;
-					color: #fff;
-					background: linear-gradient(104deg, #5547f3 0%, #4e86f4 100%);
-					line-height: 54rpx;
-					text-align: center;
-					border-radius: 15rpx 15rpx 0 0;
-					position: absolute;
-					left: 68rpx;
-					bottom: 0;
-				}
-			}
-		}
+  .questions-view {
+    padding-left: 24rpx;
+    padding-right: 24rpx;
+    height: 184rpx;
+    box-sizing: border-box;
 
-		.questions-view {
-			padding-left: 24rpx;
-			padding-right: 24rpx;
-			height: 184rpx;
-			box-sizing: border-box;
+    .question-row {
+      white-space: nowrap;
+      margin-bottom: 16rpx;
+    }
 
-			.question-row {
-				white-space: nowrap;
-				margin-bottom: 16rpx;
-			}
+    .question-item {
+      white-space: nowrap;
+      height: 66rpx;
+      line-height: 66rpx;
+      background-color: #fff;
+      border: 2rpx solid #e0dede;
+      padding: 0 16rpx;
+      border-radius: 11rpx;
+      margin-right: 16rpx;
+      display: inline-block;
+      font-size: 26rpx;
 
-			.question-item {
-				white-space: nowrap;
-				height: 66rpx;
-				line-height: 66rpx;
-				background-color: #fff;
-				border: 2rpx solid #e0dede;
-				padding: 0 16rpx;
-				border-radius: 11rpx;
-				margin-right: 16rpx;
-				display: inline-block;
-				font-size: 26rpx;
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
 
-				&:last-child {
-					margin-right: 0;
-				}
-			}
-		}
+  .router-list {
+    height: 84rpx;
+    padding: 20rpx 30rpx 0;
+    background-color: #fff;
+    border-radius: 15rpx 15rpx 0 0;
+    white-space: nowrap;
+    box-sizing: border-box;
 
-		.router-list {
-			height: 84rpx;
-			padding: 20rpx 30rpx 0;
-			background-color: #fff;
-			border-radius: 15rpx 15rpx 0 0;
-			white-space: nowrap;
-			box-sizing: border-box;
+    .btns-item {
+      display: inline-block;
+      box-sizing: border-box;
+      height: 62rpx;
+      border: 2rpx solid #e0dede;
+      border-radius: 15rpx;
+      margin-right: 16rpx;
+      padding: 0 20rpx 0 64rpx;
+      line-height: 58rpx;
+      font-size: 29rpx;
+      position: relative;
 
-			.btns-item {
-				display: inline-block;
-				box-sizing: border-box;
-				height: 62rpx;
-				border: 2rpx solid #e0dede;
-				border-radius: 15rpx;
-				margin-right: 16rpx;
-				padding: 0 20rpx 0 64rpx;
-				line-height: 58rpx;
-				font-size: 29rpx;
-				position: relative;
+      .image-icon {
+        position: absolute;
+        width: 31rpx;
+        height: 31rpx;
+        top: 50%;
+        transform: translateY(-50%);
+        left: 24rpx;
+      }
 
-				.image-icon {
-					position: absolute;
-					width: 31rpx;
-					height: 31rpx;
-					top: 50%;
-					transform: translateY(-50%);
-					left: 24rpx;
-				}
+      &:last-child {
+        margin-right: 0;
+      }
+    }
+  }
 
-				&:last-child {
-					margin-right: 0;
-				}
-			}
-		}
+  .talking-list {
+    height: calc(100% - 772rpx);
+    padding: 12rpx 24rpx;
+    box-sizing: border-box;
 
-		.talking-list {
-			height: calc(100% - 772rpx );
-			padding: 12rpx 24rpx;
-			box-sizing: border-box;
+    .talking-scroll-list {
+      height: 100%;
+    }
+  }
+}
 
-			.talking-scroll-list {
-				height: 100%;
-			}
-		}
-	}
+// .talking-list {
+// 	height: calc(100% - 832rpx);
+// 	padding: 12rpx 24rpx;
+// 	box-sizing: border-box;
 
-
-	// .talking-list {
-	// 	height: calc(100% - 832rpx);
-	// 	padding: 12rpx 24rpx;
-	// 	box-sizing: border-box;
-
-	// 	.talking-scroll-list {
-	// 		height: 100%;
-	// 	}
-	// }
-</style>
\ No newline at end of file
+// 	.talking-scroll-list {
+// 		height: 100%;
+// 	}
+// }
+</style>