diff --git a/.env.development b/.env.development
index aa71a2c4..04bfcc69 100644
--- a/.env.development
+++ b/.env.development
@@ -16,11 +16,17 @@ ENV = 'development'
 
 # VITE_APP_BASE_API_Url = 'http://25.18.122.65:7001'
 # VITE_APP_BASE_API_Url = 'http://25.16.122.91:9786'
-VITE_APP_BASE_API_Url = 'http://25.18.122.66:9786'
+#VITE_APP_BASE_API_Url = 'http://25.18.122.66:9786'
 
 # h5专用地址x2
+
 #sit
 # VITE_APP_BASE_H5_API_Url = 'http://25.18.122.91:9786'
+
+
+# VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7001'
+#VITE_APP_BASE_H5_API_Url = 'http://25.18.122.91:9786'
+
 # VITE_APP_BASE_H5_API_Url = 'http://25.18.122.78:9786'
 
 # VITE_APP_BASE_H5_API_Url_TRAASK = 'http://25.64.16.144:9605'
diff --git a/src/components/image-preview/image-preview.vue b/src/components/image-preview/image-preview.vue
index fc31780c..6285f7c5 100644
--- a/src/components/image-preview/image-preview.vue
+++ b/src/components/image-preview/image-preview.vue
@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<image :src="imgUrlShow" :mode="mode" @click="showDetail" style="width: 100%; height: 100%"></image>
-		<uni-popup ref="PopupRef" class="popup" mask-background-color="rgba(0,0,0,.2)">
+		<uni-popup ref="PopupRef" class="popup" mask-background-color="rgba(0,0,0,.2)" @change="changeShow">
 			<view class="overlay-box" @click="closePopup">
 				<image class="detail-img" :src="imgUrlShow" :mode="mode"></image>
 			</view>
@@ -88,18 +88,28 @@
 				},
 				immediate: true,
 				deep: true
+			},
+			showModel(val){
+				if(!val){
+					this.storageStore.setTouchBtnZIndex(12);
+				}
 			}
 		},
 		methods: {
+			changeShow(data){
+				if(!data.show){
+					this.storageStore.setTouchBtnZIndex(12);
+				}else{
+					this.storageStore.setTouchBtnZIndex(-1);
+				}
+			},
 			closePopup() {
 				this.showModel = false;
-				this.storageStore.setTouchBtnZIndex(9);
 				this.$refs.PopupRef.close();
 			},
 			showDetail() {
 				if (!!this.previewDetail) {
 					this.showModel = true;
-					this.storageStore.setTouchBtnZIndex(-1);
 					this.$refs.PopupRef.open();
 				}
 			},
diff --git a/src/components/image-preview/video-preview.vue b/src/components/image-preview/video-preview.vue
index b1a126d8..1ba9d5d8 100644
--- a/src/components/image-preview/video-preview.vue
+++ b/src/components/image-preview/video-preview.vue
@@ -10,7 +10,7 @@
 			></image>
 		</view>
 		<!-- <uv-overlay :show="showModel" opacity=".6" @click.stop="showModel = false"> -->
-		<uni-popup ref="PopupRef" class="popup" mask-background-color="rgba(0,0,0,.2)">
+		<uni-popup ref="PopupRef" class="popup" mask-background-color="rgba(0,0,0,.2)" @change="changeShow">
 			<view class="overlay-box" @click="playEnded">
 				<video class="video-cont-center"
 					:id="`video`+ fileId"
@@ -91,11 +91,17 @@
 				},
 				immediate: true,
 				deep: true,
-			}
+			},
 		},
 		methods: {
+			changeShow(data){
+				if(!data.show){
+					this.storageStore.setTouchBtnZIndex(12);
+				}else{
+					this.storageStore.setTouchBtnZIndex(-1);
+				}
+			},
 			showModelNow(){
-				this.storageStore.setTouchBtnZIndex(-1)
 				this.$refs.PopupRef.open()
 				this.showModel = true
 			},
@@ -103,7 +109,6 @@
 				console.log('err：',info)
 			},
 			playEnded(){
-				this.storageStore.setTouchBtnZIndex(9)
 				this.$refs.PopupRef.close()
 				this.showModel = false
 			},
diff --git a/src/pages.json b/src/pages.json
index 793326fb..675567b4 100644
--- a/src/pages.json
+++ b/src/pages.json
@@ -355,6 +355,16 @@
                     "titleNView": false
                 }
             }
+        },
+        {
+            "path": "pages/example/dialog",
+            "style": {
+                "navigationBarTitleText": "AI问答演示",
+                "app-plus": {
+                    "titleNView": false,
+                    "animationType": "fade-in"
+                }
+            }
         }
     ],
     "tabBar": {
diff --git a/src/pages/course/components/touchBtn.vue b/src/pages/course/components/touchBtn.vue
index f07f397f..b9fa709e 100644
--- a/src/pages/course/components/touchBtn.vue
+++ b/src/pages/course/components/touchBtn.vue
@@ -121,7 +121,7 @@
 	const showTalkingModel = ref(false);
 	const keyboardIsShow = ref(false);
 	const talkModelRef = ref();
-	storageStore.setTouchBtnZIndex(9);
+	storageStore.setTouchBtnZIndex(12);
 	const btnZindex = computed(() => storageStore.getTouchBtnZIndex);
 
 	watch(
diff --git a/src/pages/course/study.vue b/src/pages/course/study.vue
index b09db19c..04973f5f 100644
--- a/src/pages/course/study.vue
+++ b/src/pages/course/study.vue
@@ -766,7 +766,7 @@ const closeStudy = () => {
 }
 onHide(() => {
   changePlayItemId('')
-  if (isPreview.value === 'S') {
+  if (!isPreview.value) {
     closeStudy()
   }
   // socketStore.closeSocket()
@@ -785,7 +785,7 @@ onShow(() => {
   if (watchFlag.value === 1) return
   // getData('2');
   // initsocketTask()
-  if (isPreview.value === 'S') {
+  if (!isPreview.value) {
     studyStartApi({
       crsId: crsId.value,
       teacherNo: choiceTeacher.value,
@@ -806,7 +806,7 @@ onShow(() => {
 const watchFlag = ref(1)
 onUnload(() => {
   console.log('onUnload')
-  if (isPreview.value === 'S') {
+  if (!isPreview.value) {
     closeStudy()
   }
   // socketStore.closeSocket()
diff --git a/src/pages/example/components/answer.vue b/src/pages/example/components/answer.vue
new file mode 100644
index 00000000..69617775
--- /dev/null
+++ b/src/pages/example/components/answer.vue
@@ -0,0 +1,408 @@
+<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-gif', !voiceLoading&&(props.activeVoiceId === dataInfo.id) ? 'is-play' : '']">
+    </view>
+    <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">
+      <view class="replay-btn" >
+        <image class="icon" src="@/static/images/course/play.png" style="width: 100%; height: 100%"
+					v-show="!(!voiceLoading&&(props.activeVoiceId === dataInfo.id))"
+        	@click.stop="playVoice()" ></image>
+        <image class="icon"src="@/static/images/course/pause.png"
+        	style="width: 100%; height: 100%" @click.stop="pauseVoice"></image>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+import { onMounted, computed, ref, watch, toRefs } from 'vue'
+import { onUnload } from '@dcloudio/uni-app';
+import MarkdownPreview from '@/components/markdown-preview/markdown-preview.vue'
+import common from '@/common/common'
+	import {
+		downloadVoiceFile,
+	} from '@/api/common.js';
+
+const emit = defineEmits(['handleEvents'])
+const props = defineProps({
+  dataInfo: {
+    default: () => ({}),
+    type: Object
+  },
+  isLoading: {
+    default: false,
+    type: Boolean
+  },
+  isAnswering: {
+    default: false,
+    type: Boolean
+  },
+	activeVoiceId:{
+		default:'',
+		type: String
+	},
+  isLast: {
+    default: false,
+    type: Boolean
+  }
+})
+const { activeVoiceId, dataInfo } = toRefs(props)
+
+watch(
+  () => props.dataInfo,
+  () => {},
+  {
+    deep: true,
+    immediate: true
+  }
+)
+watch(
+  () => props.isLoading,
+  () => {},
+  {
+    deep: true,
+    immediate: true
+  }
+)
+const mdText = computed(() => {
+	let _text = (props.dataInfo?.talkingText|| '').replace(/\\n/g, `\n`);
+	return _text
+})
+const fileList = computed(() => props.dataInfo?.talkingFiles || [])
+const crsList = computed(() => props.dataInfo?.talkingCrsList || [])
+const activeNames = ref([1, 2])
+const isPlaying = ref(false)
+
+	const talkVoiceObj = ref(null)
+	const voiceLoading = ref(false)
+	
+	const voiceTime = ref('')
+	const itemVoice = ref('')
+	const initVoice = () => {
+		talkVoiceObj.value = uni.createInnerAudioContext()
+		talkVoiceObj.value.onEnded(()=>{
+			emit('changePlay', '')
+			talkVoiceObj.value.src = ''
+		})
+		talkVoiceObj.value.onError(()=>{
+			talkVoiceObj.value.src = ''
+		})
+			// itemVoice.value = unref(dataInfo).talkingVoice
+			// talkVoiceObj.value.src = itemVoice.value
+			// setTimeout(()=>{
+			// 	setVoiceTime(0)
+			// },100)
+	}
+	const setVoiceTime = (sum) => {
+		sum += 1
+		if(Math.ceil(talkVoiceObj.value.duration)>0){
+			voiceTime.value = (Math.ceil(talkVoiceObj.value.duration) || 1 ) + 's'
+		}else{
+			if(sum === 20) {
+				voiceTime.value = 0 + 's'
+				return
+			}
+			setTimeout(()=>{
+				setVoiceTime(sum)
+			},200)
+		}
+	}
+	const playVoice = (readType = 'pgth') => {
+		let _content = mdText.value;
+		if (!_content) {
+			common.msg('没有可以播放的文字信息！');
+			return;
+		}
+		isPlaying.value = true
+		voiceLoading.value = true;
+		setTimeout(() => {
+			let _params = {}
+			let _url =
+				'/trastudy/traStdyInfo/readContent?' +
+				Object.keys(_params)
+				.map((t) => {
+					return encodeURIComponent(t) + '=' + encodeURIComponent(_params[t]);
+				})
+				.join('&');
+			
+				downloadVoiceFile(_url)
+					.then((res) => {
+						if (res?.data) {
+							common.msg(res.data.message);
+							return;
+						}
+						voiceLoading.value = false;
+						itemVoice.value = res.tempFilePath;
+						talkVoiceObj.value.src = res.tempFilePath;
+						talkVoiceObj.value.play();
+						storageStore.setStorage('audio', _url + _params.teachNo, itemVoice.value);
+					})
+					.catch((err) => {
+						voiceLoading.value = false;
+					});
+		}, 100);
+	};
+
+	const pauseVoice = () => {
+		if(!talkVoiceObj.value) return
+		talkVoiceObj.value.pause()
+		isPlaying.value = false
+		emit('changePlay', '')
+	}
+	onMounted(()=>{
+		initVoice()
+	})
+	onUnload(()=>{
+		pauseVoice()
+	})
+	watch(() => props.dataInfo.talkingVoice,(val)=>{
+		if(val){
+			initVoice()
+		}
+	},{
+		deep: true,
+		immediate: true
+	})
+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;
+
+		.talking-gif{
+			width: 200rpx;
+			height: 38rpx;
+			margin-bottom: 20rpx;
+			background: url(@/static/images/course/voice-gray.png) no-repeat;
+			background-size: contain;
+			padding-left: 168rpx;
+			&.is-play{
+				background: url(@/static/images/course/voice-gif.gif) no-repeat;
+				background-size: contain;
+			}
+		}
+  .talking-cont {
+    padding-bottom: 20rpx;
+		
+  }
+
+  .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;
+    }
+
+    .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;
+
+      &.replay-study-btn {
+        float: right;
+      }
+
+      &.restart {
+        background-color: #eaf2ff;
+        color: #06f;
+      }
+
+      .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;
+
+      .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;
+
+      .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;
+      }
+
+      &::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);
+        }
+      }
+
+      .link-items {
+        max-height: 600rpx;
+      }
+    }
+
+    .link-items {
+      max-height: 0rpx;
+      overflow: hidden;
+      transition: all 0.3s ease-in-out;
+
+      .link-item {
+        line-height: 48rpx;
+        color: #06f;
+      }
+    }
+  }
+}
+</style>
diff --git a/src/pages/example/components/question.vue b/src/pages/example/components/question.vue
new file mode 100644
index 00000000..d8623d81
--- /dev/null
+++ b/src/pages/example/components/question.vue
@@ -0,0 +1,266 @@
+<template>
+	<view class="talking-info"  v-if="dataInfo.intrctWay === '02'">
+		<view :class="['talking-gif', !voiceLoading&&(props.activeVoiceId === dataInfo.id) ? 'is-play' : '']">
+			<CommonLoading color="#fff" v-show="voiceLoading"/>
+		</view>
+		<view class="right-time">{{voiceTime}}</view>
+		<view class="talking-cont">
+			<text :class="['talking-text translate-text loading']" v-show="!translateLoading">
+				{{ showContent }}
+			</text>
+			<view class="talking-text translate-text" v-if="translateLoading">
+				<CommonLoading color="#fff"/>
+			</view>
+		</view>
+		<view class="btns-cont">
+			<view class="play-btn">
+				<image class="icon" 
+					v-show="!(!voiceLoading&&(props.activeVoiceId === dataInfo.id))" 
+					@click="playVoice"
+					src="@/static/images/course/play-blue.png" 
+					style="width: 100%;height: 100%;"
+				></image>
+				<image class="icon"
+					v-show="!voiceLoading&&(props.activeVoiceId === dataInfo.id)" 
+					@click.stop="pauseVoice"
+					src="@/static/images/course/stop-blue.png" 
+					style="width: 100%;height: 100%;"
+				></image>
+			<!-- <view class="icon text-btn" v-if="type === 1" @click.stop="translateVoice(dataInfo)">文</view> -->
+			</view>
+		</view>
+	</view>
+	<view class="talking-info talking-info-text"  v-else-if="dataInfo.intrctWay === '01'">
+		<view class="talking-cont">
+			<text :class="['talking-text translate-text loading']">
+				{{ showContent }}
+			</text>
+		</view>
+	</view>
+	<view class="talking-info talking-info-loading"  v-else>
+		<view :class="['talking-gif']">
+			<CommonLoading color="#fff"/>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { computed, unref, ref, toRefs, watch, onMounted } from "vue"
+import { onUnload } from '@dcloudio/uni-app';
+ 	const props = defineProps({
+		dataInfo: {
+			default: () => ({}),
+			type: Object
+		},
+		activeVoiceId:{
+			default:'',
+			type: String
+		},
+	})
+	const { activeVoiceId, dataInfo } = toRefs(props)
+	const emit = defineEmits(['changePlay'])
+	watch(() => props.dataInfo, () => {},{deep: true,immediate: true})
+	// 声音播放初始化
+	const talkVoiceObj = ref(null)
+	
+	const isPlaying = ref(false)
+	const voiceLoading = ref(false)
+	const translateLoading = ref(false)
+	
+	const voiceTime = ref('')
+	const itemVoice = ref('')
+	const showContent = computed(()=>{
+		return dataInfo.value.talkingText || ''
+	})
+	onMounted(()=>{
+		initVoice()
+	})
+	onUnload(()=>{
+		pauseVoice()
+	})
+	watch(() => props.dataInfo.talkingVoice,(val)=>{
+		if(val){
+			initVoice()
+		}
+	},{
+		deep: true,
+		immediate: true
+	})
+	const pauseVoice = () => {
+		if(!talkVoiceObj.value) return
+		talkVoiceObj.value.pause()
+		isPlaying.value = false
+		emit('changePlay', '')
+	}
+	const playVoice = () =>{
+		emit('changePlay', unref(dataInfo)?.id)
+		if(talkVoiceObj.value && talkVoiceObj.value.src) {
+			talkVoiceObj.value.play() 
+			return
+		}else{
+			talkVoiceObj.value.src = ''
+			if(unref(dataInfo).talkingVoice){
+				setTimeout(()=>{
+					talkVoiceObj.value.src = unref(dataInfo).talkingVoice
+					talkVoiceObj.value.play()
+					isPlaying.value = true
+				},100)
+			}
+		}
+	}
+	const initVoice = () => {
+		talkVoiceObj.value = uni.createInnerAudioContext()
+		talkVoiceObj.value.onEnded(()=>{
+			emit('changePlay', '')
+			talkVoiceObj.value.src = ''
+		})
+		talkVoiceObj.value.onError(()=>{
+			talkVoiceObj.value.src = ''
+		})
+		if(unref(dataInfo).intrctWay === '02'){
+			itemVoice.value = unref(dataInfo).talkingVoice
+			talkVoiceObj.value.src = itemVoice.value
+			setTimeout(()=>{
+				setVoiceTime(0)
+			},100)
+		}
+	}
+	const setVoiceTime = (sum) => {
+		sum += 1
+		if(Math.ceil(talkVoiceObj.value.duration)>0){
+			voiceTime.value = (Math.ceil(talkVoiceObj.value.duration) || 1 ) + 's'
+		}else{
+			if(sum === 20) {
+				voiceTime.value = 0 + 's'
+				return
+			}
+			setTimeout(()=>{
+				setVoiceTime(sum)
+			},200)
+		}
+	}
+</script>
+
+<style scoped lang="scss">
+	.talking-info{
+		padding: 20rpx;
+		border-radius: 15rpx;
+		background-color: #06f;
+		padding-bottom: 30rpx;
+		position: relative;
+		color: #fff;
+		width: 100%;
+		float: right;
+		.talking-gif{
+			width: 200rpx;
+			height: 38rpx;
+			background: url(@/static/images/course/voice-gray.png) no-repeat;
+			background-size: contain;
+			padding-left: 168rpx;
+			&.is-play{
+				background: url(@/static/images/course/voice-white.gif) no-repeat;
+				background-size: contain;
+			}
+		}
+		.right-time{
+			position: absolute;
+			right: 20rpx;
+			top: 20rpx;
+			font-size: 28rpx;
+			height: 38rpx;
+			line-height: 38rpx;
+		}
+		&.talking-info-loading{
+			padding-bottom: 20rpx;
+		}
+		&.talking-info-text{
+			padding-bottom: 20rpx;
+			width: auto;
+			float: right;
+			.talking-cont{
+				margin-top: 0rpx;
+			}
+			
+		}
+		.talking-cont{
+			margin-top: 16rpx;
+			overflow: hidden;
+			.talking-text{
+				font-size: 28rpx;
+				line-height: 48rpx;
+				margin-bottom: 20rpx;
+				word-break: break-all;
+				white-space: pre-line;
+				overflow: hidden;
+				&.translate-text{
+					min-height: 48rpx;
+				}
+			}
+		}
+		.btns-cont{
+			overflow: hidden;
+			border-top: 3rpx solid #eee;
+			.replay-btn{
+				float: left;
+				width: 46rpx;
+				height: 46rpx;
+				overflow: hidden;
+				margin-right: 16rpx;
+				margin-top: 25rpx;
+			}
+			.play-btn{
+				float: left;
+				width: 46rpx;
+				height: 46rpx;
+				overflow: hidden;
+				margin-right: 16rpx;
+				margin-top: 25rpx;
+			}
+			.text-btn{
+				float: left;
+				width: 46rpx;
+				height: 46rpx;
+				overflow: hidden;
+				line-height: 46rpx;
+				text-align: center;
+				color: #fff;
+				margin-right: 16rpx;
+				margin-top: 25rpx;
+				background-color: #67A4ff;
+				font-size: 24rpx;
+				font-weight: bold;
+				border-radius: 20rpx;
+			}
+			.text-right-btn{
+				float: right;
+				padding: 0 10rpx;
+				height: 46rpx;
+				overflow: hidden;
+				line-height: 46rpx;
+				text-align: center;
+				margin-left: 16rpx;
+				margin-top: 25rpx;
+			}
+			.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;
+				}
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/example/components/talking-item.vue b/src/pages/example/components/talking-item.vue
new file mode 100644
index 00000000..d7b49adb
--- /dev/null
+++ b/src/pages/example/components/talking-item.vue
@@ -0,0 +1,81 @@
+<template>
+	<view class="talking-item">
+		<questionVue v-if="talkingType === 'question'" @changePlay="changePlay" :dataInfo="talkingInfo" :isLast="isLast"
+			:activeVoiceId="activeVoiceId"></questionVue>
+		<answerVue v-else-if="talkingType === 'answer'" :dataInfo="props.talkingInfo" :isLast="isLast"
+			:isLoading="!!props.talkingInfo.isLoading" :isAnswering="props.isAnswering" @handleEvents="handleEvents">
+		</answerVue>
+		<view v-else></view>
+	</view>
+</template>
+
+<script setup>
+	import {
+		toRefs,
+		watch
+	} from 'vue'
+	import questionVue from './question.vue';
+	import answerVue from './answer.vue';
+
+	const emit = defineEmits(['handleEvents'])
+	const props = defineProps({
+		talkingType: {
+			default: 'question',
+			type: String
+		},
+		talkingInfo: {
+			default: () => ({}),
+			type: Object
+		},
+		activeVoiceId: {
+			default: '',
+			type: String
+		},
+		isAnswering: {
+			default: false,
+			type: Boolean
+		},
+		isLast: {
+			default: false,
+			type: Boolean
+		},
+	})
+	watch(() => props.activeVoiceId, () => {}, {
+		deep: true,
+		immediate: true
+	})
+	watch(() => props.talkingInfo, () => {}, {
+		deep: true,
+		immediate: true
+	})
+	const {
+		talkingType
+	} = toRefs(props)
+	const handleEvents = (type, info = {}) => {
+		emit('handleEvents', {
+			type,
+			data: props.talkingInfo,
+			id: "",
+			info
+		})
+	}
+	const changePlay = (id) => {
+		emit('handleEvents', {
+			type: 'changePlay',
+			data: props.talkingInfo,
+			id,
+			info: {}
+		})
+	}
+</script>
+
+<style scoped lang="scss">
+	.talking-item {
+		overflow: hidden;
+		margin-top: 0rpx;
+
+		&+.talking-item {
+			margin-top: 30rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/src/pages/example/dialog.vue b/src/pages/example/dialog.vue
new file mode 100644
index 00000000..7304c9de
--- /dev/null
+++ b/src/pages/example/dialog.vue
@@ -0,0 +1,1042 @@
+<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>
+
+			<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>
+			<TouchBtn
+				class="talk-btns"
+				@uploadVoice="uploadRecordNow"
+				@submitAnswer="submitAnswerNow"
+				@startRecord="startRecordCallback"
+				:loadingText="sendLoadingText"
+				:isLoading="!answerIsOver"
+				:adjustPosition="true"
+				:isDisabled="isHistory"
+			/>
+		</scroll-view>
+	</view>
+
+	<!-- 水印组件 -->
+	<watermark ref="watermarkRef"></watermark>
+</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 { 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, getPhoneEnvBool } from '@/common/common';
+	import { commonUploadVoiceFile } from '@/api/common.js';
+	import {
+		queryHotQuestionApi,
+		insertTraAskFeedback,
+		queryAskHisByBatchIdPaging,
+		updateLikeStat,
+		updateDownvoteStat
+	} from '@/api/dialog.js';
+	
+	const { statusBarHeight } = uni.getWindowInfo();
+
+	const pageTopPadding = computed(() => statusBarHeight + 'px');
+
+	const socketStore = useSocketStore();
+	const { SocketObj } = storeToRefs(socketStore);
+
+	const feedbackRef = ref();
+	const watermarkRef = ref();
+	const userInfo = ref(getUserInfo());
+	const userParams = '/' + (unref(userInfo)?.userName??'') + ' ' + (unref(userInfo)?.loginName??'');
+	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 isHistory = ref(false);
+	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([{
+						type: 'answer',
+						isLoading: false,
+						id: 1 + 'loading',
+						talkingText: '是否手动关闭',
+						talkingVoice: 'askData.value.talkingVoice'
+					}]);
+
+	const createNewDialog = () => {
+		if (talkingList.value.length === 0) {
+			common.msg('已经是最新对话');
+		}
+		common.redirectTo(`/pages/index/dialog`);
+	};
+	const showModelComfirm = ref(false);
+	const reconcatNum = ref(1);
+	const initsocketTask = () => {
+		isHistory.value = false;
+		socketStore.creatSocket('/traask/asksocket/open?summary=');
+		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();
+			}
+		}
+	);
+
+	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':
+				let _feedstatus = data.downvoteStat === 'Y' ? 'N' : 'Y';
+				let _feedid = data.seqNo || data.askId;
+				if (_feedstatus === 'N') {
+					updateDownvoteStat({
+						askId: _feedid,
+						stat: _feedstatus
+					}).then((res) => {
+						talkingList.value.forEach((t) => {
+							if (t.seqNo === _feedid || t.askId === _feedid) {
+								t.downvoteStat = 'N';
+							}
+						});
+					});
+				} else {
+					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':
+				if (getPhoneEnvBool('AND')) {
+					common.navigateTo('/pages/index/preview?fileId=' + info.docId);
+				} else {
+					const base_url = get_base_url('/traask/traFilePreview/');
+					let fileUrl = base_url + '/traask/traFilePreview/' + info.docId + userParams;
+					const localFilePath = '_doc/pdf_view/' + info.docName + '.pdf';
+					downloadAndSaveAvatar(fileUrl, localFilePath).then((res) => {
+						uni.openDocument({
+							filePath: res,
+							showMenu: true,
+							success: function () {
+								console.log('打开文档成功');
+							}
+						});
+					});
+					//   uni.downloadFile({
+					//     url: fileUrl,
+					//     success: function (res) {
+
+					//       uni.saveFile({
+					//         tempFilePath: res.tempFilePath,
+					//         success: function (resS) {
+					//           var filePath = resS.savedFilePath
+					//           uni.openDocument({
+					//             filePath: filePath,
+					//             showMenu: true,
+					//             success: function () {
+					//               console.log('打开文档成功')
+					//             }
+					//           })
+					//         }
+					//       })
+					//     }
+					//   })
+				}
+				break;
+			case 'toCourse':
+				console.log(type, data, id);
+				break;
+			default:
+				break;
+		}
+	};
+	const downloadAndSaveAvatar = async (fileUrl, localFilePath) => {
+		try {
+			//#ifdef APP-PLUS
+			return new Promise((resolve, reject) => {
+				console.log('开始下载:', fileUrl);
+				const dtask = plus.downloader.createDownload(
+					fileUrl,
+					{
+						filename: localFilePath
+					},
+					(d, status) => {
+						if (status === 200) {
+							console.log('保存路径：', d.filename);
+							resolve(d.filename);
+						} else {
+							console.error('文件下载失败：', status);
+							reject(new Error(`下载失败，状态码: ${status}`));
+						}
+					}
+				);
+				dtask.start();
+			});
+			// #endif
+			//#ifdef H5
+			return new Promise((resolve, reject) => {
+				resolve();
+			});
+			// #endif
+		} catch (error) {
+			console.error('创建目录失败:', error);
+			throw error;
+		}
+	};
+	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) => {
+		isHistory.value = true;
+		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,
+					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 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) => {
+        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
+          });
+        }
+			})
+			.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);
+
+	const scrolltolower = () => {
+		common.navigateBack();
+	};
+
+	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 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
+	};
+
+	const deleteFolder = () => {
+		//#ifdef APP-PLUS
+		plus.io.resolveLocalFileSystemURL('_doc/pdf_view', function (entry) {
+			console.log('entry', entry);
+			entry.removeRecursively(function (res) {
+				console.log('删除成功');
+			});
+		});
+		// #endif
+	};
+
+	//#ifdef APP-PLUS
+	onHide(() => {
+		uni.offKeyboardHeightChange(setHeight);
+	});
+	onShow(() => {
+		uni.onKeyboardHeightChange(setHeight);
+		nextTick(() => {
+			watermarkRef.value?.updateWatermarkText();
+		});
+	});
+	// #endif
+	onUnload(() => {
+		watchFlag.value = 1;
+		deleteFolder();
+		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;
+	}
+
+	.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;
+	}
+
+	.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;
+
+			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;
+			}
+		}
+
+		.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;
+			}
+		}
+
+		.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-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;
+
+				.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-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;
+
+			.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;
+
+				&: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;
+
+			.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;
+				}
+
+				&:last-child {
+					margin-right: 0;
+				}
+			}
+		}
+
+		.talking-list {
+			height: calc(100% - 514rpx);
+			padding: 12rpx 24rpx;
+			box-sizing: border-box;
+
+			.talking-scroll-list {
+				height: 100%;
+			}
+		}
+	}
+
+	// .talking-list {
+	// 	height: calc(100% - 832rpx);
+	// 	padding: 12rpx 24rpx;
+	// 	box-sizing: border-box;
+
+	// 	.talking-scroll-list {
+	// 		height: 100%;
+	// 	}
+	// }
+</style>
diff --git a/src/pages/me/index.vue b/src/pages/me/index.vue
index 92a5f0ba..32f89394 100644
--- a/src/pages/me/index.vue
+++ b/src/pages/me/index.vue
@@ -115,6 +115,7 @@
 					:border="false"
 					@click="common.navigateTo('/pages/preview/index')"
 				></uv-cell>
+				<!-- <uv-cell title="问答演示" :isLink="true" @click="common.navigateTo('/pages/example/dialog')"></uv-cell> -->
 			</uv-cell-group>
 		</view>
 		<view class="cell_div">
diff --git a/src/pagesB.json b/src/pagesB.json
index 7ac67e83..d23cfa10 100644
--- a/src/pagesB.json
+++ b/src/pagesB.json
@@ -43,6 +43,16 @@
 					"titleNView": false
 				}
 			}
-		}
+		},
+		{
+			"path": "pages/example/dialog",
+			"style": {
+			    "navigationBarTitleText": "AI问答演示",
+			    "app-plus": {
+			        "titleNView": false,
+			        "animationType": "fade-in"
+			    }
+			}
+		},
 	]
 }
\ No newline at end of file
diff --git a/src/store/storage.js b/src/store/storage.js
index c63b23b6..22cc4f81 100644
--- a/src/store/storage.js
+++ b/src/store/storage.js
@@ -23,7 +23,7 @@ export const useStorageStore = defineStore('storageStore',{
 		}
 	},
 	actions:{
-		setTouchBtnZIndex(index = 1){
+		setTouchBtnZIndex(index = 12){
 			this.touchBtnZIndex = index
 		},
 		setStorage(type, id, url) {