fix: 修复部分问题

components/all-data/all-data.vue

@@ -2,7 +2,7 @@
 
 <template>
 	<view class="">
-		<tm-nav-bar left-icon="arrow-left" :title="desc? getNameByKey(desc) : getNameByKey(activeType)" @clickLeft="back" />
+		<tm-nav-bar left-icon="arrow-left" :title="desc? getNameByKey(desc) : getNameByKey(activeType)" @clickLeft="back" :rbgs="false"/>
 		<view class="content">
 			<view class="over" style="margin-top: 30rpx" @click="flag = !flag">
 				<text>日期筛选</text>
@@ -56,7 +56,7 @@
 							<view>总胆固醇：{{(item.data_msg.cholesterol/100).toFixed(2)}} </view>
 							<view>甘油三脂：{{(item.data_msg.triacylglycerol/100).toFixed(2)}} </view>
 							<view>高密度脂蛋白:{{(item.data_msg.highDensity/100).toFixed(2)}}</view>
-							<view>低胆固醇：{{(item.data_msg.lowDensity/100).toFixed(2)}} </view>
+							<view>低密度脂蛋白：{{(item.data_msg.lowDensity/100).toFixed(2)}} </view>
 						</view>
 						<view v-if="activeType == 'ECGData'" style="font-size: 24rpx;">
 							<view>心率:{{item.data_msg.meanHeartRate || item.data_msg.heartRate}} 次/分</view>
@@ -77,7 +77,7 @@
 					<detail_components :key_name="activeType" :item="item"></detail_components>
 				</view>
 			</view>
-			<view class="" style="height: 30rpx;"></view>
+			<view class="end">到底了</view>
 		</view>
 		
 		<ecg-info ref="popShow" :ecgData="ecgData"></ecg-info>
@@ -251,6 +251,7 @@
 		}
 	}
 	.content {
+		margin: 0rpx 100rpx;
 		.over {
 			margin: 0rpx 30rpx;
 			background-color: #fff;
@@ -264,6 +265,7 @@
 		}
 		.time {
 			width: 100%;
+			margin-bottom: 100rpx;
 		}
 		.list {
 			background-color: #fff;

components/cankao/cankao.vue

@@ -121,12 +121,14 @@
 		background-color: #fff;
 		border-radius: 40rpx;
 		padding: 30rpx;
-		margin: 20rpx;
+		margin: 20rpx 50rpx 100rpx 50rpx;
-		
 	}
 	.cankao{
+		padding: 0rpx 100rpx;
 		.top_title{
 			padding-bottom: 20rpx;
+			font-size: 36rpx;
+			font-weight: 800;
 		}
 		.lt_title{
 			padding:20rpx 60rpx;
@@ -140,7 +142,7 @@
 	}
 	.ck_tb{
 		.tb_tt{
-			font-size: 24rpx;
+			font-size: 30rpx;
 		}
 		.zzt{
 			position: relative;

components/echarts-data/echarts-data.vue

@@ -16,6 +16,7 @@
 				</view>
 				<view style="height: 40rpx;background-color: #fff;"></view>
 				
+				<view class="page-view" v-if="this.pageData.data_msg">
 					<!-- 图表 -->
 					<view class="charts">
 						<l-echart ref="chartRef" @finished="init"></l-echart>
@@ -24,43 +25,47 @@
 					<overview v-if="dataConfig[pageData.type].overviewData" :overviewData="dataConfig[pageData.type].overviewData"></overview>
 					<cankao v-if="dataConfig[pageData.type].cankaoData" :cankaoData="dataConfig[pageData.type].cankaoData" ></cankao>
 					
-				<view class="flx total_box" v-if="pageData.type == 'stepIndex'">
+					<view class="flx total_box" v-if="pageData.type == 'stepIndex' && pageData.data_msg">
 						<view class="distance b1">
 							<view class="flx">
-							<view class="" style="font-size: 36rpx;font-weight: 600;">
+								<view class="" style="font-size: 48rpx;font-weight: 600;">
 									{{ pageData.data_msg.distance/1000 }}
 								</view>
-							<view class="" style="font-size: 24rpx;margin-top: 10rpx;margin-left: 4rpx;font-weight: 300;">
+								<view class="sport-title" style="font-size: 34rpx;margin-top: 10rpx;margin-left: 4rpx;font-weight: 300;">
 									公里
 								</view>
 							</view>
-						<view class="" style="font-size: 24rpx;color: #999;">
+							<view class="sport-jvli" style="font-size: 40rpx;color: #999;">
 								距离
 							</view>
 							<view class="flx" style="justify-content: end;">
-							<image src="../../static/image/juli.jpg" style="width: 200rpx;" mode="widthFix"></image>
+								<image src="../../static/image/juli.jpg" style="width: 300rpx;" mode="widthFix"></image>
 							</view>
 						</view>
 						<view class="calorie b1">
 							<view class="flx">
-							<view class="" style="font-size: 36rpx;font-weight: 600;">
+								<view class="" style="font-size: 48rpx;font-weight: 600;">
 									{{ pageData.data_msg.calorie / 10 }}
 								</view>
-							<view class="" style="font-size: 24rpx;margin-top: 10rpx;margin-left: 4rpx;font-weight: 300;">
+								<view class="" style="font-size: 34rpx;margin-top: 10rpx;margin-left: 4rpx;font-weight: 300;">
 									千卡
 								</view>
 							</view>
-						<view class="" style="font-size: 24rpx;color: #999;">
+							<view class="" style="font-size: 40rpx;color: #999;">
 								卡路里
 							</view>
 							<view class="flx" style="justify-content: end;">
-							<image src="../../static/image/kalvli.jpg" style="width: 200rpx;" mode="widthFix"></image>
+								<image src="../../static/image/kalvli.jpg" style="width: 300rpx;" mode="widthFix"></image>
 							</view>
 						</view>
 					</view>
 				</view>
 			</view>
 		</view>
+		<view class="end">
+			到底了
+		</view>
+	</view>
 </template>
 
 <script>
@@ -117,7 +122,7 @@ import { mapGetters } from "vuex";
 						]
 					},
 					stepIndex:{
-						name:'每日活动',
+						name:'每日运动',
 						color:"#29cf6f",
 						unit:'毫摩尔/升',
 					},
@@ -1097,11 +1102,13 @@ import { mapGetters } from "vuex";
 }
 
 .total_box{
-	padding: 20rpx;
+	height: 400rpx;
+	margin: 0rpx 100rpx;
+	justify-content: space-between;
+	padding-bottom: 80rpx;
 	.b1{
-		width: 300rpx;
+		width: 40%;
-		height: 250rpx;
+		height: 200rpx;
-		padding: 20rpx;
 		border-radius: 20rpx;
 		background-color: #fff;
 		margin-right: 20rpx;
@@ -1146,9 +1153,22 @@ import { mapGetters } from "vuex";
 }
 
 .charts {
-	margin: 0rpx 100rpx;
-	border: 1rpx solid gray;
 	border-radius: 20px;
 	padding: 20px 0px;
+	margin: 100rpx 50rpx 0rpx 50rpx;
+}
+
+.page-view {
+	border-radius: 20px;
+	margin: 0rpx 100rpx;
+	border: 1rpx solid gray;
+}
+
+.sport-title {
+	font-size: 50rpx;
+}
+
+.sport-jvli {
+	font-size: 50rpx;
 }
 </style>

components/home-data/home-data.vue

@@ -20,7 +20,7 @@
 						<view class="btn">
 							<liu-data-select elementId="data-select3" :dataList="deviceList" @change="changeDev" bgColor="#fff"
 								color="#000">
-								<view id="data-select3" class="btn-info1">{{name2? name2 : '选择设备'}}</view>
+								<view id="data-select3" class="btn-info1">{{name2? '设备：' + name2 : '选择设备'}}</view>
 							</liu-data-select>
 						</view>
 						<view class="btn" @click="outlogin">
@@ -597,7 +597,7 @@
 			.row-time {
 				position: absolute;
 				bottom: 30rpx;
-				right: 30rpx;
+				left: 60rpx;
 				font-size: 28rpx;
 				color: grey;
 			}
@@ -724,7 +724,6 @@
 	}
 
 	.btn-info1 {
-		width: 300rpx;
 		border-radius: 12rpx;
 	}
 	.card {

components/overview/overview.vue

@@ -10,13 +10,13 @@
 				</view>
 			</view>
 			<view class="flx flx_sb flx_ac tb_content"  v-for="(v,i) in overviewData.data" :key="i" style="margin-top: 40rpx;">
-				<view class="tb_val" style="font-size: 24rpx;">
+				<view class="tb_val" style="font-size: 30rpx;">
 					{{v.name}}
 				</view>
-				<view class="tb_val" :style="'border-radius: 40rpx;padding: 4rpx;font-size:24rpx;color:'+v.color + ';background-color:'+v.bgColor">
+				<view class="tb_val" :style="'border-radius: 40rpx;padding: 4rpx;font-size:30rpx;color:'+v.color + ';background-color:'+v.bgColor">
 					{{v.value}}
 				</view>
-				<view class="tb_val" :style="'font-size:24rpx;color:'+v.color">
+				<view class="tb_val" :style="'font-size:30rpx;color:'+v.color">
 					{{v.average}}
 				</view>
 			</view>
@@ -43,9 +43,15 @@
 	background-color: #fff;
 	border-radius: 40rpx;
 	padding: 30rpx;
-	margin: 20rpx;
+	margin: 20rpx 100rpx 100rpx 100rpx;
 	
 }
+
+.top_title {
+	font-size: 36rpx;
+	font-weight: 800;
+}
+
 .over{
 	.tb_head{
 		margin-top: 20rpx;

hybrid/html/ai.html

@@ -44,10 +44,10 @@
 		
 		<div id="AiButton">
 			<!-- 录制 -->
-			<div class="buttons startRec">开始</div>
+			<div class="buttons startRec">点击说话</div>
 			
 			<!-- 录制中 -->
-			<div class="buttons runRec">暂停</div>
+			<!-- <div class="buttons runRec">暂停</div> -->
 			
 			<!-- 停止 -->
 			<div class="buttons endRec">停止</div>
@@ -222,8 +222,8 @@
 		
 		// 点击事件
 		var startRec = document.getElementsByClassName('startRec')[0];
-		var runRec = document.getElementsByClassName('runRec')[0];
 		var endRec = document.getElementsByClassName('endRec')[0];
+		endRec.style.display = "none";
 	
 		var token = null;
 		let times = null;
@@ -291,6 +291,7 @@
 						times = setTimeout(() => {
 							this.stop();
 							// voice.stop();
+							statusTxt.value = '正在说话';
 							
 							const params = { msg: text };
 							
@@ -298,10 +299,13 @@
 							const result = parseHealthQuery(params.msg);
 							if (result) {
 								DetailDay(result.dataKey, result.date).then(res => {
+									// if (res?.data?.data) {
+									// 	speed(params.msg)
+									// 	return
+									// };
+									
 									let TargetData = res.data.data;
-									
 									var QSindex = containsKeywordRegex(params.msg);
-									
 									Question = `请模仿全科医生的口吻与我: ${user}对话，我最近测量的${result.dataKey}数据为${JSON.stringify(TargetData)},（data_msg为值，hour_minute为检测时间）  #限制：回复用户的内容中不要出现Null。#限制：回复不要带英文，要都转化成汉语。#限制：监测结果为Null的数据不做分析回复。`
 									
 									/*
@@ -351,6 +355,9 @@
 											const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 											const blobUrl = URL.createObjectURL(blob);
 											
+											startRec.style.display = "none";
+											endRec.style.display = "block";
+											
 											// 设置音频源
 											audioElement.src = blobUrl;
 										
@@ -361,7 +368,7 @@
 											replayVideoSegment(60, 120);
 											
 											// 计算所需时间
-											const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+											const speakingTime = calculateSpeakingTime(filterString(str.output.text, ['*', ' ']));
 											
 											// 开始倒计时
 											var totalTime = speakingTime;
@@ -370,6 +377,9 @@
 												totalTime --;
 												if (totalTime <= 0) {
 													// 停止倒计时
+													startRec.style.display = 'block';
+													endRec.style.display = 'none';
+													statusTxt.value = '';
 													clearInterval(countdown);
 													replayVideoSegment(0, 60);
 												}
@@ -379,10 +389,6 @@
 										}).catch(e => {
 											hideModal();
 										});
-										
-										startRec.style.display = 'block';
-										runRec.style.display = 'none';
-										endRec.style.opacity = 'none';
 									  }
 									};
 									xhr.send(data);
@@ -431,6 +437,10 @@
 										const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 										const blobUrl = URL.createObjectURL(blob);
 										
+										statusTxt.value = '正在说话';
+										startRec.style.display = "none";
+										endRec.style.display = "block";
+										
 										// 字幕文字
 										voiceTxt.value = filterString(str.output.text, ['*', ' ']);
 										
@@ -444,7 +454,7 @@
 										replayVideoSegment(60, 120);
 										
 										// 计算所需时间
-										const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+										const speakingTime = calculateSpeakingTime(voiceTxt.value);
 								
 										// 开始倒计时
 										var totalTime = speakingTime;
@@ -453,6 +463,9 @@
 											totalTime --;
 											if (totalTime <= 0) {
 												// 停止倒计时
+												startRec.style.display = 'block';
+												endRec.style.display = 'none';
+												statusTxt.value = '';
 												clearInterval(countdown);
 												replayVideoSegment(0, 60);
 											}
@@ -462,18 +475,12 @@
 									}).catch(e => {
 										hideModal();
 									});
-									
-									startRec.style.display = 'block';
-									runRec.style.display = 'none';
-									endRec.style.opacity = 'none';
 								  }
 								};
 								xhr.send(data);
 								isCallbackExecuted = true;
 								return
 							}
-							
-							statusTxt.value = '';
 						}, 3000);
 					}
 				}
@@ -481,20 +488,20 @@
 		});
 		
 		// 暂停
-		runRec.addEventListener("click", function() {
+		// runRec.addEventListener("click", function() {
-			voiceTxt.value = '';
+		// 	voiceTxt.value = '';
-			voice.start();
+		// 	voice.start();
-			isCallbackExecuted = false;
+		// 	isCallbackExecuted = false;
 			
-			// 先静音即可处理解决（提前做交互）
+		// 	// 先静音即可处理解决（提前做交互）
-			audioElement.muted = false;
+		// 	audioElement.muted = false;
-			audioElement.pause();
+		// 	audioElement.pause();
 			
-			startRec.style.display = 'none';
+		// 	startRec.style.display = 'none';
-			runRec.style.display = 'block';
+		// 	runRec.style.display = 'block';
-			endRec.style.display = 'none';
+		// 	endRec.style.display = 'none';
-			showModal()
+		// 	showModal()
-		});
+		// });
 		
 
 		// 开始识别
@@ -510,8 +517,8 @@
 			audioElement.currentTime = 0;
 			
 			startRec.style.display = 'none';
-			runRec.style.display = 'block';
 			endRec.style.display = 'none';
+			console.log(endRec.style)
 			showModal()
 		});
 		
@@ -520,7 +527,10 @@
 		endRec.addEventListener("click", function() {
 			/**关闭识别**/
 			voiceTxt.value = '';
+			statusTxt.value = '';
+			
 			voice.stop();
+			
 			// 音频
 			audioElement.pause();
 			audioElement.currentTime = 0;
@@ -530,8 +540,7 @@
 			isCallbackExecuted = false;
 			
 			startRec.style.display = 'block';
-			runRec.style.display = 'none';
+			endRec.style.display = 'none';
-			// endRec.style.opacity = 0;
 			hideModal()
 		});
 		
@@ -627,6 +636,7 @@
 					totalTime --;
 					if (totalTime <= 0) {
 						// 停止倒计时
+						console.log('计算结束')
 						clearInterval(countdown);
 						replayVideoSegment(0, 60);
 					}
@@ -636,9 +646,6 @@
 			}).catch(e => {
 				hideModal();
 			});
-			
-			startRec.style.display = 'block';
-			runRec.style.display = 'none';
 		}
 		
 		// 防抖
@@ -787,7 +794,7 @@
 		align-items: center;
 		justify-content: space-around;
 		text-align: center;
-		margin-top: 30px;
+		margin-bottom: 30px;
 	}
 	#AiButton > img {
 		width: 120px;
@@ -954,7 +961,7 @@
 		position: fixed;
 		bottom: 0px;
 		width: 100%;
-		background-color: #000;
+		/* background-color: #000; */
 	}
 	.voice-box {
 		width: 100%;

pages/index/detail.vue

@@ -62,7 +62,7 @@
 							<view>总胆固醇：{{(item.data_msg.cholesterol/100).toFixed(2)}} </view>
 							<view>甘油三脂：{{(item.data_msg.triacylglycerol/100).toFixed(2)}} </view>
 							<view>高密度脂蛋白:{{(item.data_msg.highDensity/100).toFixed(2)}}</view>
-							<view>低胆固醇：{{(item.data_msg.lowDensity/100).toFixed(2)}} </view>
+							<view>低密度脂蛋白：{{(item.data_msg.lowDensity/100).toFixed(2)}} </view>
 						</view>
 						<view v-if="type == 'ECGData'" style="font-size: 24rpx;">
 							<view>心率:{{item.data_msg.meanHeartRate}} 次/分</view>

pages/index/echarts.vue

@@ -117,7 +117,7 @@ import { mapGetters } from "vuex";
 						]
 					},
 					step:{
-						name:'每日活动',
+						name:'每日运动',
 						color:"#29cf6f",
 						unit:'毫摩尔/升',
 					},

pages/index/index.vue

@@ -273,7 +273,7 @@
 		height: 100vh;
 		overflow: hidden;
 		background-color: #fff;
-		z-index: 99;
+		z-index: 9999;
 	}
 	.flex_data{
 		display: flex;

pages/login/login.vue

@@ -1,7 +1,7 @@
 <template>
 	<view>
 		<!-- 返回 -->
-		<tm-nav-bar left-icon="arrow-left" title="登陆账号" @clickLeft="back" />
+		<tm-nav-bar left-icon="arrow-left" title="登陆账号" :rbgs="false" :width="`100%`"/>
 		<view class="login flx flx_jc">
 			<view class="flx flx_jc flx_ac" style="width:100%; height: 100vh;">
 				<view class="content" style="height: 50vh">

uni.scss

@@ -74,3 +74,11 @@ $uni-color-subtitle: #555555; // 二级标题颜色
 $uni-font-size-subtitle:26px;
 $uni-color-paragraph: #3F536E; // 文章段落颜色
 $uni-font-size-paragraph:15px;
+
+
+.end {
+	text-align: center;
+	margin-top: 50rpx;
+	margin-bottom: 100rpx;
+	opacity: .5;
+}

uni_modules/tm-nav-bar/components/tm-nav-bar/tm-nav-bar.vue

@@ -2,7 +2,7 @@
 	<view class="uni-navbar" :style="{zIndex: 999999}">
 		<!-- 顶部导航栏 -->
 		<view class="tm-navbar__content" :class="{ 'tm-navbar--fixed': fixed}"
-			:style="{ height: height + 'px', color: titleColor, 'fontSize': fontSize + 'px', background: backgroundColor }">
+			:style="{ height: height + 'px', color: titleColor, 'fontSize': fontSize + 'px', background: backgroundColor, width: width }">
 			<!-- 背景图 -->
 			<img class="tm-navbar__header-bg" v-if="backgroundType" :src="backgroundImgUrl" alt="">
 			<!-- 左侧图标按钮 -->
@@ -23,10 +23,9 @@
 			</view>
 
 			<!-- 右侧图标按钮 -->
-			<view @tap="onClickRight" class="tm-navbar__header-btns tm-navbar__header-btns-right">
+			<view @tap="onClickRight" class="tm-navbar__header-btns tm-navbar__header-btns-right" :style="rbgs? 'background-color: #000' : 'background-color: transparent'">
 				<uni-icons v-if="rightIcon.length" :color="rightColor" :type="rightIcon" :size="iconSize" />
-				<text class="tm-navbar-btn-text" v-if="rightText.length"
+				<text class="tm-navbar-btn-text" v-if="rightText.length" :style="{ color: rightColor, fontSize: fontSize + 'px' }">{{ rightText }}</text>
-					:style="{ color: rightColor, fontSize: fontSize + 'px' }">{{ rightText }}</text>
 				<slot name="right" />
 			</view>
 		</view>
@@ -57,6 +56,12 @@
 					// #endif
 				}
 			},
+			width: {
+				type: String,
+				default () {
+					return '60%'
+				}
+			},
 			title: {
 				type: String,
 				default () {
@@ -90,7 +95,13 @@
 			leftColor: {
 				type: String,
 				default () {
-					return '#333'
+					return '#fff'
+				}
+			},
+			rbgs: {
+				type: Boolean,
+				default () {
+					return true
 				}
 			},
 			rightText: {
@@ -136,7 +147,7 @@
 			},
 			fixed: {
 				type: [Boolean, String],
-				default: false
+				default: true
 			},
 			statusBar: {
 				type: [Boolean, String],
@@ -159,6 +170,9 @@
 </script>
 
 <style lang="scss">
+	.uni-navbar {
+		
+	}
 	.tm-navbar__content {
 		width: 100%;
 		display: flex;
@@ -185,7 +199,7 @@
 		.tm-navbar__header-title {
 			text-align: center;
 			letter-spacing: 2upx;
-			font-size: 36rpx;
+			font-size: 46rpx;
 			font-weight: 800;
 		}
 
@@ -196,13 +210,19 @@
 			flex-shrink: 0;
 			display: flex;
 			align-items: center;
-
+			background-color: #06193a;
+			color: #fff !important;
+			padding: 10rpx 20rpx;
+			border-radius: 20rpx;
 			&.tm-navbar__header-btns-left {
 				justify-content: flex-start;
+				color: #fff !important;
 			}
 			
 			.tm-navbar-btn-text {
 				margin: 0 5rpx;
+				color: #fff !important;
+				font-size: 30rpx !important;
 			}
 		}
 	}
@@ -210,6 +230,7 @@
 	.tm-navbar--fixed {
 		position: fixed;
 		z-index: 998;
+		width: 60%;
 	}
 
 	.tm-navbar__place {}

unpackage/cache/wgt/__UNI__24DA8DD/hybrid/html/ai.html

@@ -38,19 +38,25 @@
 			style="width: 100% height: 10px">
 		</audio>
 		
+		<div class="status">
+			<input class="voice-input" type="search" name="voice" id="status-txt" style="pointer-events: none"/>
+		</div>
+		
 		<div id="AiButton">
 			<!-- 录制 -->
-			<img class="startRec" src="https://img.agrimedia.cn/bmsc/apps/start-tuya.png">
+			<div class="buttons startRec">点击说话</div>
+			
 			<!-- 录制中 -->
-			<img class="runRec" src="https://img.agrimedia.cn/bmsc/apps/runnig-tuya.png">
+			<!-- <div class="buttons runRec">暂停</div> -->
+			
 			<!-- 停止 -->
-			<img class="endRec" src="https://img.agrimedia.cn/bmsc/apps/end-tuya.png">
+			<div class="buttons endRec">停止</div>
 		</div>
 		
 		<!-- 讯飞测试 -->
-		<div style="opacity: 1">
+		<div class="voice">
-			<div class="voice-box">
+			<div class="voice-box scroll-text">
-				<input class="voice-input" type="search" name="voice" id="voice-txt" style="pointer-events: none"/>
+				<input class="voice-input" type="search" name="voice" id="voice-txt" style="pointer-events: none" value="我是您的健康助手, 请问您有什么帮助吗？"/>
 			</div>
 		</div>
 	</div>
@@ -216,8 +222,8 @@
 		
 		// 点击事件
 		var startRec = document.getElementsByClassName('startRec')[0];
-		var runRec = document.getElementsByClassName('runRec')[0];
 		var endRec = document.getElementsByClassName('endRec')[0];
+		endRec.style.display = "none";
 	
 		var token = null;
 		let times = null;
@@ -240,6 +246,7 @@
 		
 		
 		// 文本输入框
+		const statusTxt = document.querySelector('#status-txt');
 		const voiceTxt = document.querySelector('#voice-txt');
 		
 		// 防止多次请求
@@ -274,8 +281,8 @@
 
 			onTextChange: function (text) {
 				// 监听识别结果的变化
-				console.log(text, '监听')
 				voiceTxt.value = text;
+				statusTxt.value = '正在听…';
 			
 				// 3秒钟内没有说话，就自动关闭
 				if (text) {
@@ -284,6 +291,7 @@
 						times = setTimeout(() => {
 							this.stop();
 							// voice.stop();
+							statusTxt.value = '正在说话';
 							
 							const params = { msg: text };
 							
@@ -291,10 +299,13 @@
 							const result = parseHealthQuery(params.msg);
 							if (result) {
 								DetailDay(result.dataKey, result.date).then(res => {
+									// if (res?.data?.data) {
+									// 	speed(params.msg)
+									// 	return
+									// };
+									
 									let TargetData = res.data.data;
-									
 									var QSindex = containsKeywordRegex(params.msg);
-									
 									Question = `请模仿全科医生的口吻与我: ${user}对话，我最近测量的${result.dataKey}数据为${JSON.stringify(TargetData)},（data_msg为值，hour_minute为检测时间）  #限制：回复用户的内容中不要出现Null。#限制：回复不要带英文，要都转化成汉语。#限制：监测结果为Null的数据不做分析回复。`
 									
 									/*
@@ -344,6 +355,9 @@
 											const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 											const blobUrl = URL.createObjectURL(blob);
 											
+											startRec.style.display = "none";
+											endRec.style.display = "block";
+											
 											// 设置音频源
 											audioElement.src = blobUrl;
 										
@@ -354,7 +368,7 @@
 											replayVideoSegment(60, 120);
 											
 											// 计算所需时间
-											const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+											const speakingTime = calculateSpeakingTime(filterString(str.output.text, ['*', ' ']));
 											
 											// 开始倒计时
 											var totalTime = speakingTime;
@@ -363,6 +377,9 @@
 												totalTime --;
 												if (totalTime <= 0) {
 													// 停止倒计时
+													startRec.style.display = 'block';
+													endRec.style.display = 'none';
+													statusTxt.value = '';
 													clearInterval(countdown);
 													replayVideoSegment(0, 60);
 												}
@@ -372,10 +389,6 @@
 										}).catch(e => {
 											hideModal();
 										});
-										
-										startRec.style.display = 'block';
-										runRec.style.display = 'none';
-										// endRec.style.opacity = 0;
 									  }
 									};
 									xhr.send(data);
@@ -424,6 +437,13 @@
 										const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 										const blobUrl = URL.createObjectURL(blob);
 										
+										statusTxt.value = '正在说话';
+										startRec.style.display = "none";
+										endRec.style.display = "block";
+										
+										// 字幕文字
+										voiceTxt.value = filterString(str.output.text, ['*', ' ']);
+										
 										// 设置音频源
 										audioElement.src = blobUrl;
 								
@@ -434,7 +454,7 @@
 										replayVideoSegment(60, 120);
 										
 										// 计算所需时间
-										const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+										const speakingTime = calculateSpeakingTime(voiceTxt.value);
 								
 										// 开始倒计时
 										var totalTime = speakingTime;
@@ -443,6 +463,9 @@
 											totalTime --;
 											if (totalTime <= 0) {
 												// 停止倒计时
+												startRec.style.display = 'block';
+												endRec.style.display = 'none';
+												statusTxt.value = '';
 												clearInterval(countdown);
 												replayVideoSegment(0, 60);
 											}
@@ -452,10 +475,6 @@
 									}).catch(e => {
 										hideModal();
 									});
-									
-									startRec.style.display = 'block';
-									runRec.style.display = 'none';
-									// endRec.style.opacity = 0;
 								  }
 								};
 								xhr.send(data);
@@ -468,6 +487,22 @@
 			}
 		});
 		
+		// 暂停
+		// runRec.addEventListener("click", function() {
+		// 	voiceTxt.value = '';
+		// 	voice.start();
+		// 	isCallbackExecuted = false;
+			
+		// 	// 先静音即可处理解决（提前做交互）
+		// 	audioElement.muted = false;
+		// 	audioElement.pause();
+			
+		// 	startRec.style.display = 'none';
+		// 	runRec.style.display = 'block';
+		// 	endRec.style.display = 'none';
+		// 	showModal()
+		// });
+		
 
 		// 开始识别
 		startRec.addEventListener("click", function() {
@@ -482,8 +517,8 @@
 			audioElement.currentTime = 0;
 			
 			startRec.style.display = 'none';
-			runRec.style.display = 'block';
+			endRec.style.display = 'none';
-			// endRec.style.opacity = 0;
+			console.log(endRec.style)
 			showModal()
 		});
 		
@@ -492,7 +527,10 @@
 		endRec.addEventListener("click", function() {
 			/**关闭识别**/
 			voiceTxt.value = '';
+			statusTxt.value = '';
+			
 			voice.stop();
+			
 			// 音频
 			audioElement.pause();
 			audioElement.currentTime = 0;
@@ -502,8 +540,7 @@
 			isCallbackExecuted = false;
 			
 			startRec.style.display = 'block';
-			runRec.style.display = 'none';
+			endRec.style.display = 'none';
-			// endRec.style.opacity = 0;
 			hideModal()
 		});
 		
@@ -577,6 +614,9 @@
 				const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 				const blobUrl = URL.createObjectURL(blob);
 				
+				// 字幕文字
+				voiceTxt.value = str;
+				
 				// 设置音频源
 				audioElement.src = blobUrl;
 			
@@ -596,6 +636,7 @@
 					totalTime --;
 					if (totalTime <= 0) {
 						// 停止倒计时
+						console.log('计算结束')
 						clearInterval(countdown);
 						replayVideoSegment(0, 60);
 					}
@@ -605,9 +646,6 @@
 			}).catch(e => {
 				hideModal();
 			});
-			
-			startRec.style.display = 'block';
-			runRec.style.display = 'none';
 		}
 		
 		// 防抖
@@ -649,8 +687,10 @@
 		
 		// 个人信息
 		function userInfo(user) {
+			if (user) {
 				return `年龄${user.birthday}, 身高${user.height}, 体重${user.weight}`
 			}
+		}
 		
 		// 解析文字
 		function parseHealthQuery(query, demoData) {  
@@ -714,7 +754,7 @@
 		width: 100%;
 		height: 100vh;
 		overflow: hidden;
-		background-image: url('https://img.agrimedia.cn/bmsc/index/ai-persion-bg-tuya.jpeg');
+		background-image: url('https://img.agrimedia.cn/bmsc/bg-cideo-tuya.png');
 		background-size: 100% 100%;
 		display: flex;
 		flex-direction: column;
@@ -727,7 +767,7 @@
 		width: 80%;
 		top: 10%;
 		height: auto;
-		background-image: url('https://img.agrimedia.cn/bmsc/index/video-bg.png');
+		background-image: url('https://img.agrimedia.cn/bmsc/bg-cideo-tuya.png');
 		background-size: 100% 100%;
 		margin: 0 auto;
 		padding: 20px;
@@ -754,13 +794,27 @@
 		align-items: center;
 		justify-content: space-around;
 		text-align: center;
-		margin-top: 30px;
+		margin-bottom: 30px;
 	}
 	#AiButton > img {
 		width: 120px;
 		height: 30px;
 	}
 	
+	.status > .btn {
+		text-align: center;
+		font-size: 30px;
+		color: #fff;
+	}
+	
+	.buttons {
+		border: 2px solid #fff;
+		color: #fff;
+		font-size: 28px;
+		padding: 4px 20px;
+		border-radius: 5px;
+	}
+	
 	/* 遮罩样式 */
 	.overlay {
 		position: fixed;
@@ -903,6 +957,27 @@
 		font-weight: 800;
 	}
 	
+	.voice {
+		position: fixed;
+		bottom: 0px;
+		width: 100%;
+		/* background-color: #000; */
+	}
+	.voice-box {
+		width: 100%;
+		animation: textRoll linear 10s infinite;  // 文字滚动动画
+		white-space: nowrap; // 文字不换行
+	}
+	 
+	@keyframes textRoll {
+	  0% {
+	    transform: translateX(100%);
+	  }
+	 
+	  100% {
+	    transform: translateX(-100%);
+	  }
+	}
 </style>
 
 </body>

unpackage/dist/build/app-plus/hybrid/html/ai.html

@@ -38,19 +38,25 @@
 			style="width: 100% height: 10px">
 		</audio>
 		
+		<div class="status">
+			<input class="voice-input" type="search" name="voice" id="status-txt" style="pointer-events: none"/>
+		</div>
+		
 		<div id="AiButton">
 			<!-- 录制 -->
-			<img class="startRec" src="https://img.agrimedia.cn/bmsc/apps/start-tuya.png">
+			<div class="buttons startRec">点击说话</div>
+			
 			<!-- 录制中 -->
-			<img class="runRec" src="https://img.agrimedia.cn/bmsc/apps/runnig-tuya.png">
+			<!-- <div class="buttons runRec">暂停</div> -->
+			
 			<!-- 停止 -->
-			<img class="endRec" src="https://img.agrimedia.cn/bmsc/apps/end-tuya.png">
+			<div class="buttons endRec">停止</div>
 		</div>
 		
 		<!-- 讯飞测试 -->
-		<div style="opacity: 1">
+		<div class="voice">
-			<div class="voice-box">
+			<div class="voice-box scroll-text">
-				<input class="voice-input" type="search" name="voice" id="voice-txt" style="pointer-events: none"/>
+				<input class="voice-input" type="search" name="voice" id="voice-txt" style="pointer-events: none" value="我是您的健康助手, 请问您有什么帮助吗？"/>
 			</div>
 		</div>
 	</div>
@@ -216,8 +222,8 @@
 		
 		// 点击事件
 		var startRec = document.getElementsByClassName('startRec')[0];
-		var runRec = document.getElementsByClassName('runRec')[0];
 		var endRec = document.getElementsByClassName('endRec')[0];
+		endRec.style.display = "none";
 	
 		var token = null;
 		let times = null;
@@ -240,6 +246,7 @@
 		
 		
 		// 文本输入框
+		const statusTxt = document.querySelector('#status-txt');
 		const voiceTxt = document.querySelector('#voice-txt');
 		
 		// 防止多次请求
@@ -274,8 +281,8 @@
 
 			onTextChange: function (text) {
 				// 监听识别结果的变化
-				console.log(text, '监听')
 				voiceTxt.value = text;
+				statusTxt.value = '正在听…';
 			
 				// 3秒钟内没有说话，就自动关闭
 				if (text) {
@@ -284,6 +291,7 @@
 						times = setTimeout(() => {
 							this.stop();
 							// voice.stop();
+							statusTxt.value = '正在说话';
 							
 							const params = { msg: text };
 							
@@ -291,10 +299,13 @@
 							const result = parseHealthQuery(params.msg);
 							if (result) {
 								DetailDay(result.dataKey, result.date).then(res => {
+									// if (res?.data?.data) {
+									// 	speed(params.msg)
+									// 	return
+									// };
+									
 									let TargetData = res.data.data;
-									
 									var QSindex = containsKeywordRegex(params.msg);
-									
 									Question = `请模仿全科医生的口吻与我: ${user}对话，我最近测量的${result.dataKey}数据为${JSON.stringify(TargetData)},（data_msg为值，hour_minute为检测时间）  #限制：回复用户的内容中不要出现Null。#限制：回复不要带英文，要都转化成汉语。#限制：监测结果为Null的数据不做分析回复。`
 									
 									/*
@@ -344,6 +355,9 @@
 											const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 											const blobUrl = URL.createObjectURL(blob);
 											
+											startRec.style.display = "none";
+											endRec.style.display = "block";
+											
 											// 设置音频源
 											audioElement.src = blobUrl;
 										
@@ -354,7 +368,7 @@
 											replayVideoSegment(60, 120);
 											
 											// 计算所需时间
-											const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+											const speakingTime = calculateSpeakingTime(filterString(str.output.text, ['*', ' ']));
 											
 											// 开始倒计时
 											var totalTime = speakingTime;
@@ -363,6 +377,9 @@
 												totalTime --;
 												if (totalTime <= 0) {
 													// 停止倒计时
+													startRec.style.display = 'block';
+													endRec.style.display = 'none';
+													statusTxt.value = '';
 													clearInterval(countdown);
 													replayVideoSegment(0, 60);
 												}
@@ -372,10 +389,6 @@
 										}).catch(e => {
 											hideModal();
 										});
-										
-										startRec.style.display = 'block';
-										runRec.style.display = 'none';
-										// endRec.style.opacity = 0;
 									  }
 									};
 									xhr.send(data);
@@ -424,6 +437,13 @@
 										const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 										const blobUrl = URL.createObjectURL(blob);
 										
+										statusTxt.value = '正在说话';
+										startRec.style.display = "none";
+										endRec.style.display = "block";
+										
+										// 字幕文字
+										voiceTxt.value = filterString(str.output.text, ['*', ' ']);
+										
 										// 设置音频源
 										audioElement.src = blobUrl;
 								
@@ -434,7 +454,7 @@
 										replayVideoSegment(60, 120);
 										
 										// 计算所需时间
-										const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+										const speakingTime = calculateSpeakingTime(voiceTxt.value);
 								
 										// 开始倒计时
 										var totalTime = speakingTime;
@@ -443,6 +463,9 @@
 											totalTime --;
 											if (totalTime <= 0) {
 												// 停止倒计时
+												startRec.style.display = 'block';
+												endRec.style.display = 'none';
+												statusTxt.value = '';
 												clearInterval(countdown);
 												replayVideoSegment(0, 60);
 											}
@@ -452,10 +475,6 @@
 									}).catch(e => {
 										hideModal();
 									});
-									
-									startRec.style.display = 'block';
-									runRec.style.display = 'none';
-									// endRec.style.opacity = 0;
 								  }
 								};
 								xhr.send(data);
@@ -468,6 +487,22 @@
 			}
 		});
 		
+		// 暂停
+		// runRec.addEventListener("click", function() {
+		// 	voiceTxt.value = '';
+		// 	voice.start();
+		// 	isCallbackExecuted = false;
+			
+		// 	// 先静音即可处理解决（提前做交互）
+		// 	audioElement.muted = false;
+		// 	audioElement.pause();
+			
+		// 	startRec.style.display = 'none';
+		// 	runRec.style.display = 'block';
+		// 	endRec.style.display = 'none';
+		// 	showModal()
+		// });
+		
 
 		// 开始识别
 		startRec.addEventListener("click", function() {
@@ -482,8 +517,8 @@
 			audioElement.currentTime = 0;
 			
 			startRec.style.display = 'none';
-			runRec.style.display = 'block';
+			endRec.style.display = 'none';
-			// endRec.style.opacity = 0;
+			console.log(endRec.style)
 			showModal()
 		});
 		
@@ -492,7 +527,10 @@
 		endRec.addEventListener("click", function() {
 			/**关闭识别**/
 			voiceTxt.value = '';
+			statusTxt.value = '';
+			
 			voice.stop();
+			
 			// 音频
 			audioElement.pause();
 			audioElement.currentTime = 0;
@@ -502,8 +540,7 @@
 			isCallbackExecuted = false;
 			
 			startRec.style.display = 'block';
-			runRec.style.display = 'none';
+			endRec.style.display = 'none';
-			// endRec.style.opacity = 0;
 			hideModal()
 		});
 		
@@ -577,6 +614,9 @@
 				const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 				const blobUrl = URL.createObjectURL(blob);
 				
+				// 字幕文字
+				voiceTxt.value = str;
+				
 				// 设置音频源
 				audioElement.src = blobUrl;
 			
@@ -596,6 +636,7 @@
 					totalTime --;
 					if (totalTime <= 0) {
 						// 停止倒计时
+						console.log('计算结束')
 						clearInterval(countdown);
 						replayVideoSegment(0, 60);
 					}
@@ -605,9 +646,6 @@
 			}).catch(e => {
 				hideModal();
 			});
-			
-			startRec.style.display = 'block';
-			runRec.style.display = 'none';
 		}
 		
 		// 防抖
@@ -649,8 +687,10 @@
 		
 		// 个人信息
 		function userInfo(user) {
+			if (user) {
 				return `年龄${user.birthday}, 身高${user.height}, 体重${user.weight}`
 			}
+		}
 		
 		// 解析文字
 		function parseHealthQuery(query, demoData) {  
@@ -714,7 +754,7 @@
 		width: 100%;
 		height: 100vh;
 		overflow: hidden;
-		background-image: url('https://img.agrimedia.cn/bmsc/index/ai-persion-bg-tuya.jpeg');
+		background-image: url('https://img.agrimedia.cn/bmsc/bg-cideo-tuya.png');
 		background-size: 100% 100%;
 		display: flex;
 		flex-direction: column;
@@ -727,7 +767,7 @@
 		width: 80%;
 		top: 10%;
 		height: auto;
-		background-image: url('https://img.agrimedia.cn/bmsc/index/video-bg.png');
+		background-image: url('https://img.agrimedia.cn/bmsc/bg-cideo-tuya.png');
 		background-size: 100% 100%;
 		margin: 0 auto;
 		padding: 20px;
@@ -754,13 +794,27 @@
 		align-items: center;
 		justify-content: space-around;
 		text-align: center;
-		margin-top: 30px;
+		margin-bottom: 30px;
 	}
 	#AiButton > img {
 		width: 120px;
 		height: 30px;
 	}
 	
+	.status > .btn {
+		text-align: center;
+		font-size: 30px;
+		color: #fff;
+	}
+	
+	.buttons {
+		border: 2px solid #fff;
+		color: #fff;
+		font-size: 28px;
+		padding: 4px 20px;
+		border-radius: 5px;
+	}
+	
 	/* 遮罩样式 */
 	.overlay {
 		position: fixed;
@@ -903,6 +957,27 @@
 		font-weight: 800;
 	}
 	
+	.voice {
+		position: fixed;
+		bottom: 0px;
+		width: 100%;
+		/* background-color: #000; */
+	}
+	.voice-box {
+		width: 100%;
+		animation: textRoll linear 10s infinite;  // 文字滚动动画
+		white-space: nowrap; // 文字不换行
+	}
+	 
+	@keyframes textRoll {
+	  0% {
+	    transform: translateX(100%);
+	  }
+	 
+	  100% {
+	    transform: translateX(-100%);
+	  }
+	}
 </style>
 
 </body>

unpackage/dist/dev/app-plus/hybrid/html/ai.html

@@ -38,19 +38,25 @@
 			style="width: 100% height: 10px">
 		</audio>
 		
+		<div class="status">
+			<input class="voice-input" type="search" name="voice" id="status-txt" style="pointer-events: none"/>
+		</div>
+		
 		<div id="AiButton">
 			<!-- 录制 -->
-			<img class="startRec" src="https://img.agrimedia.cn/bmsc/apps/start-tuya.png">
+			<div class="buttons startRec">点击说话</div>
+			
 			<!-- 录制中 -->
-			<img class="runRec" src="https://img.agrimedia.cn/bmsc/apps/runnig-tuya.png">
+			<!-- <div class="buttons runRec">暂停</div> -->
+			
 			<!-- 停止 -->
-			<img class="endRec" src="https://img.agrimedia.cn/bmsc/apps/end-tuya.png">
+			<div class="buttons endRec">停止</div>
 		</div>
 		
 		<!-- 讯飞测试 -->
-		<div style="opacity: 1">
+		<div class="voice">
-			<div class="voice-box">
+			<div class="voice-box scroll-text">
-				<input class="voice-input" type="search" name="voice" id="voice-txt" style="pointer-events: none"/>
+				<input class="voice-input" type="search" name="voice" id="voice-txt" style="pointer-events: none" value="我是您的健康助手, 请问您有什么帮助吗？"/>
 			</div>
 		</div>
 	</div>
@@ -216,8 +222,8 @@
 		
 		// 点击事件
 		var startRec = document.getElementsByClassName('startRec')[0];
-		var runRec = document.getElementsByClassName('runRec')[0];
 		var endRec = document.getElementsByClassName('endRec')[0];
+		endRec.style.display = "none";
 	
 		var token = null;
 		let times = null;
@@ -240,6 +246,7 @@
 		
 		
 		// 文本输入框
+		const statusTxt = document.querySelector('#status-txt');
 		const voiceTxt = document.querySelector('#voice-txt');
 		
 		// 防止多次请求
@@ -274,8 +281,8 @@
 
 			onTextChange: function (text) {
 				// 监听识别结果的变化
-				console.log(text, '监听')
 				voiceTxt.value = text;
+				statusTxt.value = '正在听…';
 			
 				// 3秒钟内没有说话，就自动关闭
 				if (text) {
@@ -284,6 +291,7 @@
 						times = setTimeout(() => {
 							this.stop();
 							// voice.stop();
+							statusTxt.value = '正在说话';
 							
 							const params = { msg: text };
 							
@@ -291,10 +299,13 @@
 							const result = parseHealthQuery(params.msg);
 							if (result) {
 								DetailDay(result.dataKey, result.date).then(res => {
+									// if (res?.data?.data) {
+									// 	speed(params.msg)
+									// 	return
+									// };
+									
 									let TargetData = res.data.data;
-									
 									var QSindex = containsKeywordRegex(params.msg);
-									
 									Question = `请模仿全科医生的口吻与我: ${user}对话，我最近测量的${result.dataKey}数据为${JSON.stringify(TargetData)},（data_msg为值，hour_minute为检测时间）  #限制：回复用户的内容中不要出现Null。#限制：回复不要带英文，要都转化成汉语。#限制：监测结果为Null的数据不做分析回复。`
 									
 									/*
@@ -344,6 +355,9 @@
 											const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 											const blobUrl = URL.createObjectURL(blob);
 											
+											startRec.style.display = "none";
+											endRec.style.display = "block";
+											
 											// 设置音频源
 											audioElement.src = blobUrl;
 										
@@ -354,7 +368,7 @@
 											replayVideoSegment(60, 120);
 											
 											// 计算所需时间
-											const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+											const speakingTime = calculateSpeakingTime(filterString(str.output.text, ['*', ' ']));
 											
 											// 开始倒计时
 											var totalTime = speakingTime;
@@ -363,6 +377,9 @@
 												totalTime --;
 												if (totalTime <= 0) {
 													// 停止倒计时
+													startRec.style.display = 'block';
+													endRec.style.display = 'none';
+													statusTxt.value = '';
 													clearInterval(countdown);
 													replayVideoSegment(0, 60);
 												}
@@ -372,10 +389,6 @@
 										}).catch(e => {
 											hideModal();
 										});
-										
-										startRec.style.display = 'block';
-										runRec.style.display = 'none';
-										// endRec.style.opacity = 0;
 									  }
 									};
 									xhr.send(data);
@@ -424,6 +437,13 @@
 										const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 										const blobUrl = URL.createObjectURL(blob);
 										
+										statusTxt.value = '正在说话';
+										startRec.style.display = "none";
+										endRec.style.display = "block";
+										
+										// 字幕文字
+										voiceTxt.value = filterString(str.output.text, ['*', ' ']);
+										
 										// 设置音频源
 										audioElement.src = blobUrl;
 								
@@ -434,7 +454,7 @@
 										replayVideoSegment(60, 120);
 										
 										// 计算所需时间
-										const speakingTime = calculateSpeakingTime(content.data.choices[0].text);
+										const speakingTime = calculateSpeakingTime(voiceTxt.value);
 								
 										// 开始倒计时
 										var totalTime = speakingTime;
@@ -443,6 +463,9 @@
 											totalTime --;
 											if (totalTime <= 0) {
 												// 停止倒计时
+												startRec.style.display = 'block';
+												endRec.style.display = 'none';
+												statusTxt.value = '';
 												clearInterval(countdown);
 												replayVideoSegment(0, 60);
 											}
@@ -452,10 +475,6 @@
 									}).catch(e => {
 										hideModal();
 									});
-									
-									startRec.style.display = 'block';
-									runRec.style.display = 'none';
-									// endRec.style.opacity = 0;
 								  }
 								};
 								xhr.send(data);
@@ -468,6 +487,22 @@
 			}
 		});
 		
+		// 暂停
+		// runRec.addEventListener("click", function() {
+		// 	voiceTxt.value = '';
+		// 	voice.start();
+		// 	isCallbackExecuted = false;
+			
+		// 	// 先静音即可处理解决（提前做交互）
+		// 	audioElement.muted = false;
+		// 	audioElement.pause();
+			
+		// 	startRec.style.display = 'none';
+		// 	runRec.style.display = 'block';
+		// 	endRec.style.display = 'none';
+		// 	showModal()
+		// });
+		
 
 		// 开始识别
 		startRec.addEventListener("click", function() {
@@ -482,8 +517,8 @@
 			audioElement.currentTime = 0;
 			
 			startRec.style.display = 'none';
-			runRec.style.display = 'block';
+			endRec.style.display = 'none';
-			// endRec.style.opacity = 0;
+			console.log(endRec.style)
 			showModal()
 		});
 		
@@ -492,7 +527,10 @@
 		endRec.addEventListener("click", function() {
 			/**关闭识别**/
 			voiceTxt.value = '';
+			statusTxt.value = '';
+			
 			voice.stop();
+			
 			// 音频
 			audioElement.pause();
 			audioElement.currentTime = 0;
@@ -502,8 +540,7 @@
 			isCallbackExecuted = false;
 			
 			startRec.style.display = 'block';
-			runRec.style.display = 'none';
+			endRec.style.display = 'none';
-			// endRec.style.opacity = 0;
 			hideModal()
 		});
 		
@@ -577,6 +614,9 @@
 				const blob = new Blob([content_bytes], { type: 'audio/mp3' });
 				const blobUrl = URL.createObjectURL(blob);
 				
+				// 字幕文字
+				voiceTxt.value = str;
+				
 				// 设置音频源
 				audioElement.src = blobUrl;
 			
@@ -596,6 +636,7 @@
 					totalTime --;
 					if (totalTime <= 0) {
 						// 停止倒计时
+						console.log('计算结束')
 						clearInterval(countdown);
 						replayVideoSegment(0, 60);
 					}
@@ -605,9 +646,6 @@
 			}).catch(e => {
 				hideModal();
 			});
-			
-			startRec.style.display = 'block';
-			runRec.style.display = 'none';
 		}
 		
 		// 防抖
@@ -649,8 +687,10 @@
 		
 		// 个人信息
 		function userInfo(user) {
+			if (user) {
 				return `年龄${user.birthday}, 身高${user.height}, 体重${user.weight}`
 			}
+		}
 		
 		// 解析文字
 		function parseHealthQuery(query, demoData) {  
@@ -714,7 +754,7 @@
 		width: 100%;
 		height: 100vh;
 		overflow: hidden;
-		background-image: url('https://img.agrimedia.cn/bmsc/index/ai-persion-bg-tuya.jpeg');
+		background-image: url('https://img.agrimedia.cn/bmsc/bg-cideo-tuya.png');
 		background-size: 100% 100%;
 		display: flex;
 		flex-direction: column;
@@ -727,7 +767,7 @@
 		width: 80%;
 		top: 10%;
 		height: auto;
-		background-image: url('https://img.agrimedia.cn/bmsc/index/video-bg.png');
+		background-image: url('https://img.agrimedia.cn/bmsc/bg-cideo-tuya.png');
 		background-size: 100% 100%;
 		margin: 0 auto;
 		padding: 20px;
@@ -754,13 +794,27 @@
 		align-items: center;
 		justify-content: space-around;
 		text-align: center;
-		margin-top: 30px;
+		margin-bottom: 30px;
 	}
 	#AiButton > img {
 		width: 120px;
 		height: 30px;
 	}
 	
+	.status > .btn {
+		text-align: center;
+		font-size: 30px;
+		color: #fff;
+	}
+	
+	.buttons {
+		border: 2px solid #fff;
+		color: #fff;
+		font-size: 28px;
+		padding: 4px 20px;
+		border-radius: 5px;
+	}
+	
 	/* 遮罩样式 */
 	.overlay {
 		position: fixed;
@@ -903,6 +957,27 @@
 		font-weight: 800;
 	}
 	
+	.voice {
+		position: fixed;
+		bottom: 0px;
+		width: 100%;
+		/* background-color: #000; */
+	}
+	.voice-box {
+		width: 100%;
+		animation: textRoll linear 10s infinite;  // 文字滚动动画
+		white-space: nowrap; // 文字不换行
+	}
+	 
+	@keyframes textRoll {
+	  0% {
+	    transform: translateX(100%);
+	  }
+	 
+	  100% {
+	    transform: translateX(-100%);
+	  }
+	}
 </style>
 
 </body>