JLBA202505130001_关于吉林银行新建AI智能培训系统的需求_热门问题推荐，问答样式调整

2026-01-08 09:47:54 +08:00
parent 529f4f4829
commit 600a57d5b8
2 changed files with 190 additions and 108 deletions
@@ -11,5 +11,5 @@ VITE_APP_BASE_H5_API_Url = 'http://25.18.122.91:9786'
 # VITE_APP_BASE_H5_API_Url_TRAPRACTICE = 'http://25.64.32.156:9603'
 # VITE_APP_BASE_H5_API_Url_TRAAPP = 'http://25.64.32.154:9601'
 # VITE_APP_BASE_H5_API_Url_TRAAPP = 'http://25.64.32.158:9601'
-VITE_APP_BASE_H5_API_Url_TRASTUDY = 'http://25.64.32.154:9602'
+# VITE_APP_BASE_H5_API_Url_TRASTUDY = 'http://25.64.32.154:9602'

@@ -3,31 +3,17 @@
 		<!-- <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"
-		>
+		<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="top-desc">内容由AI生成</view>
 				<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>
+					<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>
@@ -36,7 +22,7 @@
 				</view>
 			</view>

-			<view class="ai-info">
+			<view class="ai-info" v-show="talkingList.length === 0">
 				<!-- <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="luimgAddr" alt="" class="image-pet" mode="widthFix"></image>
@@ -46,7 +32,17 @@
 					<view class="info-btn">试试他的能力</view>
 				</view>
 			</view>
-			<view class="questions-view">
+			<view class="talking-list talking-list-qns" v-show="talkingList.length === 0">
+				<scroll-view class="talking-scroll-list" :scroll-y="true" :scroll-top="scrollTop" :show-scrollbar="false"
+					:scroll-with-animation="false">
+					<view class="question-item-box" v-show="talkingList.length === 0" v-for="item in questionList">
+						<view class="question-item" @click="sendText(item.hotContent)">
+							{{ item.hotContent }}
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+			<!-- <view class="questions-view">
 				<scroll-view :scroll-x="true" :show-scrollbar="false">
 					<view class="question-row">
 						<view
@@ -67,24 +63,20 @@
 						</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>
+			</view> -->
+			<view class="talking-list" v-show="talkingList.length > 0">
+				<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>
+
+					<view class="question-item-box mt-16" v-for="item in talkQnsList">
+						<view class="question-item" @click="sendText(item.hotContent)">
+							{{ item.hotContent }}
+						</view>
+					</view>
+
 				</scroll-view>
 			</view>
 			<view class="router-list">
@@ -119,23 +111,16 @@
 					</view>
 				</scroll-view>
 			</view>
-			<TouchBtn
-				class="talk-btns"
-				@uploadVoice="uploadRecordNow"
-				@submitAnswer="submitAnswerNow"
-				@startRecord="startRecordCallback"
-				:loadingText="sendLoadingText"
-				:isLoading="!answerIsOver"
-				:adjustPosition="true"
-				:isDisabled="isHistory"
-			/>
+			<TouchBtn class="talk-btns" @uploadVoice="uploadRecordNow" @submitAnswer="submitAnswerNow"
+				@startRecord="startRecordCallback" :loadingText="sendLoadingText" :isLoading="!answerIsOver"
+				:adjustPosition="true" :isDisabled="isHistory" />
 			<History ref="historyRef" @showDetail="showHistoryDetail"></History>
 			<PreviewVue ref="previewRef" />
 		</scroll-view>
 	</view>

-		<badge ref="badgeRef"></badge>
-		<points ref="pointsRef"></points>
+	<badge ref="badgeRef"></badge>
+	<points ref="pointsRef"></points>
 	<!-- 反馈组件 -->
 	<Feedback ref="feedbackRef" @feedbackAnswer="feedbackAnswer"></Feedback>
 	<!-- <file-preview ref="previewFileRef" :file-id="'603058d8-88e0-43d2-8242-3132b85bc91c'" v-model="showPreview" /> -->
@@ -144,19 +129,49 @@
 </template>

 <script setup>
-	import { ref, unref, onMounted, watch, nextTick, computed, onActivated } from 'vue';
+	import {
+		ref,
+		unref,
+		onMounted,
+		watch,
+		nextTick,
+		computed,
+		onActivated
+	} from 'vue';
 	import common from '@/common/common';
-	import { setupKeyboardHeightListener } 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, getPhoneEnvBool } from '@/common/common';
-	import { commonUploadVoiceFile } from '@/api/common.js';
+	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,
@@ -166,23 +181,31 @@
 	} from '@/api/dialog.js';
 	import Feedback from './components/feedback.vue';
 	import History from './components/history.vue';
-	import badge from '@/components/points-and-badge/badge'; 
+	import badge from '@/components/points-and-badge/badge';
 	import points from '@/components/points-and-badge/points';
 	import usePointsAndBadge from '@/components/points-and-badge/usePointsAndBadge';
-	const { pointAndBadgesRun, badgeRef, pointsRef } = usePointsAndBadge();
+	const {
+		pointAndBadgesRun,
+		badgeRef,
+		pointsRef
+	} = usePointsAndBadge();

-	const { statusBarHeight } = uni.getWindowInfo();
+	const {
+		statusBarHeight
+	} = uni.getWindowInfo();

 	const pageTopPadding = computed(() => statusBarHeight + 'px');

 	const socketStore = useSocketStore();
-	const { SocketObj } = storeToRefs(socketStore);
+	const {
+		SocketObj
+	} = storeToRefs(socketStore);

 	const feedbackRef = ref();
 	const watermarkRef = ref();
 	const userInfo = ref(getUserInfo());
-	const luimgAddr = computed(()=> unref(userInfo)?.mascotInfo?.imgAddr || '')
-	const userParams = '/' + (unref(userInfo)?.loginName??'')
+	const luimgAddr = computed(() => unref(userInfo)?.mascotInfo?.imgAddr || '')
+	const userParams = '/' + (unref(userInfo)?.loginName ?? '')
 	const questionList = ref([
 		// '对公小程序开户流程？',
 		// '厅堂服务经理2025年管理办法？',
@@ -229,6 +252,7 @@
 	const showModelComfirm = ref(false);
 	const reconcatNum = ref(1);
 	const askTime = ref(0)
+	const talkQnsList = ref([])
 	const initsocketTask = () => {
 		isHistory.value = false;
 		socketStore.creatSocket('/traask/asksocket/open?summary=');
@@ -262,7 +286,11 @@
 				});
 		});
 		unref(SocketObj).on('message', (res) => {
-			const { rtnCode, body, commond } = JSON.parse(res.data);
+			const {
+				rtnCode,
+				body,
+				commond
+			} = JSON.parse(res.data);
 			let _id = new Date().getTime() + 'id';
 			if (rtnCode === '0000') {
 				if (commond === 'ASK-OPEN') {
@@ -329,7 +357,7 @@
 				if (commond === 'ASK-ANSWER') {
 					if (body.event === 'start') {
 						console.log('开始回答！');
-						if (askTime.value === 0){
+						if (askTime.value === 0) {
 							pointAndBadgesRun('06')
 							askTime.value = 1
 						}
@@ -361,6 +389,7 @@
 						let _data = body.data;
 						talkingList.value[talkingList.value.length - 1].talkingFiles = _data.knowledgeList || [];
 						talkingList.value[talkingList.value.length - 1].talkingCrsList = _data.crsList || [];
+						talkQnsList.value = _data.qnsList || []//questionList.value.splice(0, 3);
 					}
 					return;
 				}
@@ -398,6 +427,9 @@
 		}, 3000);
 	};
 	const sendMessage = (data) => {
+		if (data.commond === 'ASK') {
+			talkQnsList.value = []
+		}
 		unref(SocketObj).send(data);
 	};
 	watch(
@@ -417,7 +449,12 @@

 	const isDownloading = ref(false)
 	const stopAnswerCallBack = ref(null);
-	const talkItemEvents = ({ type, data, id, info = {} }) => {
+	const talkItemEvents = ({
+		type,
+		data,
+		id,
+		info = {}
+	}) => {
 		switch (type) {
 			case 'reAnswer':
 				console.log('重新提问回答');
@@ -492,7 +529,7 @@
 				});
 				break;
 			case 'preview':
-				common.navigateTo('/pages/index/preview?fileId=' + info.docId); 
+				common.navigateTo('/pages/index/preview?fileId=' + info.docId);
 				// if (getPhoneEnvBool('AND')) {
 				// 	common.navigateTo('/pages/index/preview?fileId=' + info.docId);
 				// } else {
@@ -530,8 +567,7 @@
 			return new Promise((resolve, reject) => {
 				console.log('开始下载:', fileUrl);
 				const dtask = plus.downloader.createDownload(
-					fileUrl,
-					{
+					fileUrl, {
 						filename: localFilePath
 					},
 					(d, status) => {
@@ -676,28 +712,28 @@
 		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,
+				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,
 						voiceTime: voiceTime
-          };
-          sendMessage({
-            commond: 'ASK',
-            body: askData.value
-          });
-        } else {
-          talkingList.value.pop();
-          uni.showToast({
-            title: '未识别到文字',
-            icon: 'none',
-            duration: 1000
-          });
-        }
+					};
+					sendMessage({
+						commond: 'ASK',
+						body: askData.value
+					});
+				} else {
+					talkingList.value.pop();
+					uni.showToast({
+						title: '未识别到文字',
+						icon: 'none',
+						duration: 1000
+					});
+				}
 			})
 			.catch((err) => {
 				talkingList.value.pop();
@@ -726,7 +762,9 @@
 			commond: 'ASK',
 			body: askData.value
 		});
-		setHeight({height: 0})
+		setHeight({
+			height: 0
+		})
 	};
 	const startRecordCallback = () => {
 		// 开始录音回调
@@ -793,7 +831,7 @@
 	};
 	onLoad(() => {
 		//#ifdef APP-PLUS
-		 plus.screen.lockOrientation('portrait-primary')
+		plus.screen.lockOrientation('portrait-primary')
 		// #endif
 		changeAppHeightBottom();
 		if (!common.isLogin()) {
@@ -824,9 +862,9 @@
 	const keyboardHeight = ref('0px');
 	const setHeight = (res) => {
 		keyboardHeight.value = (res.height || 0) + 'px';
-		setTimeout(()=>{
+		setTimeout(() => {
 			console.log(totalBotHeight.value)
-		},1000)
+		}, 1000)
 	};
 	const keyBoardIsHide = computed(() => {
 		return parseInt(keyboardHeight.value) == 0;
@@ -837,7 +875,8 @@
 		// #ifdef APP-PLUS
 		isIos = (plus.os.name == "iOS")
 		// #endif
-		return isIos || keyBoardIsHide.value ? 0 + 'px' : parseInt(keyboardHeight.value) + parseInt(bottomHeight.value) + 'px';
+		return isIos || keyBoardIsHide.value ? 0 + 'px' : parseInt(keyboardHeight.value) + parseInt(bottomHeight.value) +
+			'px';
 	});
 	const changeAppHeightBottom = (height) => {
 		//#ifdef APP-PLUS
@@ -846,15 +885,15 @@
 		// 计算安全区域底部高度
 		bottomHeight.value = systemInfo.screenHeight - systemInfo.safeArea.bottom + 'px';
 		console.log(systemInfo)
-		console.log(systemInfo.screenHeight , systemInfo.safeArea.bottom )
+		console.log(systemInfo.screenHeight, systemInfo.safeArea.bottom)
 		// #endif
 	};

 	const deleteFolder = () => {
 		//#ifdef APP-PLUS
-		plus.io.resolveLocalFileSystemURL('_doc/pdf_view', function (entry) {
+		plus.io.resolveLocalFileSystemURL('_doc/pdf_view', function(entry) {
 			console.log('entry', entry);
-			entry.removeRecursively(function (res) {
+			entry.removeRecursively(function(res) {
 				console.log('删除成功');
 			});
 		});
@@ -871,7 +910,7 @@
 		nextTick(() => {
 			watermarkRef.value?.updateWatermarkText();
 		});
-		
+
 	});
 	// #endif
 	onUnload(() => {
@@ -932,7 +971,8 @@
 			font-weight: 500;
 			color: #000;
 			position: relative;
-			.top-desc{
+
+			.top-desc {
 				position: absolute;
 				bottom: -10rpx;
 				font-size: 18rpx;
@@ -941,7 +981,7 @@
 				transform: translateX(-50%);
 			}

-			.top-desc{
+			.top-desc {
 				position: absolute;
 				bottom: -10rpx;
 				font-size: 18rpx;
@@ -949,6 +989,7 @@
 				left: 50%;
 				transform: translateX(-50%);
 			}
+
 			// margin-bottom: 23rpx;
 			.arrow-icon {
 				position: absolute;
@@ -971,6 +1012,7 @@
 			line-height: 32rpx;
 			text-align: right;
 			padding-right: 48rpx;
+
 			.more-list {
 				position: absolute;
 				top: 100%;
@@ -982,9 +1024,11 @@
 				padding: 16rpx 0;
 				display: none;
 				z-index: 21;
+
 				&.show {
 					display: block;
 				}
+
 				.more-item {
 					line-height: 60rpx;
 					font-size: 29rpx;
@@ -993,6 +1037,7 @@
 					z-index: 22;
 				}
 			}
+
 			.image-icon {
 				width: 30rpx;
 				height: 32rpx;
@@ -1145,13 +1190,50 @@
 		}

 		.talking-list {
-			height: calc(100% - 772rpx);
+			height: calc(100% - 328rpx);
 			min-height: 300rpx;
 			padding: 12rpx 24rpx;
 			box-sizing: border-box;
 			min-height: 300rpx;
+
+			&.talking-list-qns {
+				height: calc(100% - 600rpx);
+			}
+
 			.talking-scroll-list {
 				height: 100%;
+
+				.question-item-box {
+					float: left;
+					width: 100%;
+
+					&.mt-16 {
+						margin-top: 16rpx;
+
+						.question-item {
+							margin-bottom: 0rpx;
+						}
+					}
+
+					.question-item {
+						// white-space: nowrap;
+						float: left;
+						width: auto;
+						min-height: 66rpx;
+						line-height: 56rpx;
+						background-color: #fff;
+						border: 2rpx solid #e0dede;
+						padding: 5rpx 16rpx;
+						border-radius: 11rpx;
+						margin-bottom: 16rpx;
+						// display: inline-block;
+						font-size: 26rpx;
+
+						&:last-child {
+							margin-right: 0;
+						}
+					}
+				}
 			}
 		}
 	}
@@ -1165,4 +1247,4 @@
 	// 		height: 100%;
 	// 	}
 	// }
-</style>
+</style>