From 082badc787e15f096b7656bf52bc0633bad8f40e Mon Sep 17 00:00:00 2001
From: jia <1451658316@qq.com>
Date: Wed, 1 Nov 2023 15:06:35 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E5=85=B3=E9=97=AD=E5=8A=9F?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 App.vue                               |    6 +
 api/api.js                            |   30 +
 components/content-top/index.vue      |   92 +
 components/qiqb-share/qiqb-share1.vue |  444 +++++
 config/request.js                     |    2 +-
 config/requesta.js                    |    2 +-
 manifest.json                         |   54 +-
 pages/index/index.vue                 |  262 +--
 pages/index/index1.vue                | 2239 +++++++++++++++++++++++++
 static/icon/fb1.png                   |  Bin 0 -> 446 bytes
 static/icon/fb2.png                   |  Bin 0 -> 1119 bytes
 11 files changed, 2986 insertions(+), 145 deletions(-)
 create mode 100644 components/content-top/index.vue
 create mode 100644 components/qiqb-share/qiqb-share1.vue
 create mode 100644 pages/index/index1.vue
 create mode 100644 static/icon/fb1.png
 create mode 100644 static/icon/fb2.png

diff --git a/App.vue b/App.vue
index b5d8f5c..26a6b9a 100644
--- a/App.vue
+++ b/App.vue
@@ -2,6 +2,11 @@
 	export default {
 		onLaunch: function(info) {
 			console.log('App Launch');
+			uni.sendHostEvent('log',info, (ret) => {
+				//发送消息成功回调
+				console.log('消息成功app' + JSON.stringify(info));
+			
+			});
       if (info.referrerInfo?.extraData?.uniMP) {
         uni.setStorageSync('uniMP', info.referrerInfo?.extraData?.uniMP);
         uni.setStorageSync('APP_token', info.referrerInfo?.extraData?.token);
@@ -24,4 +29,5 @@
 
 <style>
 	/*每个页面公共css */
+	
 </style>
diff --git a/api/api.js b/api/api.js
index 29f717d..91ca6fd 100644
--- a/api/api.js
+++ b/api/api.js
@@ -18,6 +18,36 @@ export function ttWss(data) {
 	return requesta.post(`index/tts`, data);
 }
 
+//图片识别
+export function ttocr(data) {
+	return request.post(`xun_fei/ocr`, data);
+}
+
+
+
+
+// base64 转 二进制流(blob)
+export function dataURLtoBlob(dataurl) {
+    // console.log(dataurl);
+    // let str = "data:audio/wav;base64," + dataurl.slice(2)
+    // console.log(str);
+    let mime = "audio/wav"
+    // var arr = str.split(","),
+    // mime = arr[0].match(/:(.*?);/),
+    // let bstr = atob(arr[1])
+    let bstr = atob(dataurl)
+    let n = bstr.length
+    let u8arr = new Uint8Array(n);
+    while (n--) {
+        u8arr[n] = bstr.charCodeAt(n);
+    }
+	console.log(u8arr)
+    // return new Blob([u8arr], {
+    //     type: mime,
+    // });
+}
+
+
 // -防抖
 export function debounce(fn, wait) {
 	let delay = wait || 500
diff --git a/components/content-top/index.vue b/components/content-top/index.vue
new file mode 100644
index 0000000..02b9206
--- /dev/null
+++ b/components/content-top/index.vue
@@ -0,0 +1,92 @@
+<template>
+	<view class="contentgb">
+		<view class="return_top">
+			<view class="z-bootm-img1" @click="returnbom()">
+				<image src="@/static/icon/fb1.png" mode="aspectFit"></image>
+			</view>
+			<view class="z-bootm-l"></view>
+			<view class="z-bootm-img2" @click="returnbom()">
+				<image src="@/static/icon/fb2.png" mode="aspectFit"></image>
+			</view>
+			
+		</view>
+	</view>
+
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+			returnbom() {
+				uni.sendHostEvent('closeApp',  (ret) => {
+					//发送消息成功回调
+					console.log('关闭应用' + JSON.stringify(ret));
+				});
+				
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.contentgb {
+
+		width: 166rpx;
+		height: 56rpx;
+
+		.return_top {
+			width: 166rpx;
+			height: 56rpx;
+			background: rgba(255, 255, 255, 0.6);
+			border-radius: 44rpx 44rpx;
+
+			position: relative;
+
+			.z-bootm-img1 {
+				width: 41rpx;
+				height: 13rpx;
+
+				position: absolute;
+				top: 20rpx;
+				left: 25rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+			.z-bootm-l {
+				width: 1px;
+				height: 32rpx;
+				background: rgba(0, 0, 0, 0.2);
+				margin: auto 0;
+
+				position: absolute;
+				top: 10rpx;
+				left: 85rpx;
+			}
+
+			.z-bootm-img2 {
+				width: 38rpx;
+				height: 34rpx;
+				margin-top: -15rpx;
+				margin-left: -15rpx;
+				position: absolute;
+				right: 25rpx;
+		       	top: 25rpx;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/components/qiqb-share/qiqb-share1.vue b/components/qiqb-share/qiqb-share1.vue
new file mode 100644
index 0000000..0dc3ca9
--- /dev/null
+++ b/components/qiqb-share/qiqb-share1.vue
@@ -0,0 +1,444 @@
+<template>
+	<view class="qiqb-ctx" v-bind:class="{'on':show}">
+		<view class="qiqb-ctx-box">
+			<!-- <text @click="show=false"></text> -->
+			<canvas canvas-id="ctx" style="width:330px;height:300px" v-show="img_show"></canvas>
+		</view>
+		<view class="qiqb-ctx-btns u-border-bottom">
+			<view>分享至</view>
+			<view>长按海报可转发分享</view>
+			<view>
+				<!-- <text>微信好友</text><text>分享朋友圈</text> -->
+				<text @click="down">保存图片</text>
+			</view>
+		</view>
+		<view class="qiqb-ctx-close" @click="show=false">取消</view>
+	</view>
+</template>
+ <!-- https://crmeb-test.shop.lihaink.cn/api/upload/image/field -->
+
+<script>
+	export default {
+		name: "share",
+
+		data() {
+			return {
+				show: false,
+				img_show: true,
+				mode: 'img',
+				list: [],
+				pext1: '',
+				pext2: ''
+			}
+		},
+		onLoad() {
+			uni.$on('add', function(res) {
+				console.log(res.listData) //  为 B 页面传过来的值
+			})
+		},
+		mounted() {
+			// console.log(this.list,'222222')
+		},
+
+
+		methods: {
+			//子组件接受参数
+			refresh(index) {
+				this.list = index;
+				this.pext1 = index[index.length - 2].content
+				this.pext2 = index[index.length - 1].content
+				// console.log(this.list)
+			},
+			init() { // 通过opt传参数
+
+				uni.showLoading({
+					title: '生成中'
+				})
+				let self = this
+				let ctx = uni.createCanvasContext('ctx')
+				// 绘制背景 宽度 高度 圆角 颜色
+				self.drawBg(ctx, 330, 300, 8, '#fff')
+
+				// 需要用到的图片提前循环下载好，本地除外
+				uni.downloadFile({
+					url: 'http://banbai.oss-cn-beijing.aliyuncs.com/20230524/96e80fb572e35d4acebdce67dbd41f30.jpg',
+					success: function(e) {
+						let img = e.tempFilePath // 封面图
+						uni.downloadFile({
+							url: 'http://banbai.oss-cn-beijing.aliyuncs.com/20230524/96e80fb572e35d4acebdce67dbd41f30.jpg',
+							success: function(e) {
+								let photo = e.tempFilePath // 头像
+								uni.downloadFile({
+									url: 'http://banbai.oss-cn-beijing.aliyuncs.com/20230606/f0738e1ff432c08b369ca5e4b906a34a.png',
+									success: function(e) {
+										uni.hideLoading()
+										let qrcode = e.tempFilePath // 二维码
+										self.drawTxtOne(ctx, '农业咨询小程序', 220, 35, 100,
+											'#222', 12, false)
+										// 绘制圆角头像 图片地址 距离左边 距离上边 宽度 高度 圆角
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/20231013091310.png',
+											170, 10, 40, 40, 20)
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/20231013091059.png',
+											10, 50, 40, 40, 20)
+
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/20231013091310.png',
+											10, 118, 40, 40, 20)
+
+										// 绘制封面图 图片地址 距离左边 距离上边 宽度 高度 圆角
+										// self.drawImg(ctx, img, 10, 120, 210, 260, 8)
+
+										// 绘制二维码 图片地址 距离左边 距离上边 宽度 高度 圆角
+										self.drawImg(ctx,
+											'https://lihai001.oss-cn-chengdu.aliyuncs.com/storage/202310/ai_qr_20231013091327.jpg',
+											174, 195, 100, 100, 0)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										self.drawTxtOne(ctx, self.pext1, 60, 70, 100,
+											'#222', 12, false)
+										// self.drawTxtTwo(ctx, self.pext1, 60, 64, 80,
+										// 	'#222', 13)
+										// self.drawTxtTwo(ctx, self.pext1, 60,64,
+										// 	190, 20, '#222', 12)
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										// self.drawTxtOne(ctx, '邀请您一起购好物', 60, 80, 100,
+										// 	'#666', 9, false)
+
+										// 绘制两行文字 图片地址 距离左边 距离上边 宽度 行高 颜色 字号
+										self.drawTxtFour(ctx,
+											self.pext2,
+											60, 120,
+											190, 20, '#222', 12)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										self.drawTxtOne(ctx, '下载二维码', 15, 250, 100,
+											'#666', 11, false)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										// self.drawTxtOne(ctx, '今日特价：￥', 15, 350, 100,
+										// 	'#ED3327', 11, false)
+
+										// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+										// self.drawTxtOne(ctx, '86.00', 82, 350, 100,
+										// 	'#ED3327', 11, true)
+
+										// 绘制删除文字 图片地址 距离左边 距离上边 行高 颜色 字号 加粗
+										// self.drawTxtDel(ctx, '原价:20', 15, 370, 4,
+										// 	'#818181', 10, false)
+
+										// 结束绘制
+										ctx.draw()
+										self.show = true
+									}
+								})
+							}
+						})
+					}
+				})
+			},
+			down() {
+				uni.showLoading({
+					title: '保存中'
+				})
+				uni.canvasToTempFilePath({
+					canvasId: 'ctx',
+					quality: 1,
+					success: (res) => {
+						uni.hideLoading()
+						console.log(res)
+						this.$emit('down', res)
+						this.show = false
+						// 保存到相册 自定义实现
+						uni.saveImageToPhotosAlbum({
+							filePath: res.tempFilePath,
+							success: (res) => {
+								console.log('保存')
+								uni.showModal({
+									title: '保存成功'
+								})
+							}
+						})
+					}
+				})
+			},
+			// 绘制背景 宽度 高度 圆角 颜色
+			drawBg(ctx, w, h, r, color) {
+				let x = 0
+				let y = 0
+				ctx.setFillStyle(color)
+				ctx.save()
+				ctx.beginPath()
+				ctx.moveTo(x + r, y)
+				ctx.arcTo(x + w, y, x + w, y + h, r)
+				ctx.arcTo(x + w, y + h, x, y + h, r)
+				ctx.arcTo(x, y + h, x, y, r)
+				ctx.arcTo(x, y, x + w, y, r)
+				ctx.closePath()
+				ctx.fill()
+			},
+			// 绘制图片 图片地址 距离左边 距离上边 宽度 高度 圆角
+			drawImg(ctx, img, x, y, w, h, r) {
+				let self = this
+				ctx.save()
+				ctx.beginPath()
+				ctx.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5)
+				ctx.arc(x + w - r, y + r, r, Math.PI * 1.5, Math.PI * 2)
+				ctx.arc(x + w - r, y + h - r, r, 0, Math.PI * 0.5)
+				ctx.arc(x + r, y + h - r, r, Math.PI * 0.5, Math.PI)
+				ctx.clip()
+				ctx.drawImage(img, x, y, w, h)
+				ctx.restore()
+			},
+			// 绘制单行文字 图片地址 距离左边 距离上边 宽度 颜色 字号 加粗
+			drawTxtOne(ctx, text, x, y, maxWidth, color, size, bold) {
+				ctx.save()
+				ctx.beginPath()
+				let chr = text.split("")
+				let temp = ""
+				let row = []
+				ctx.setFontSize(size)
+				ctx.setFillStyle(color)
+				for (let a = 0; a < chr.length; a++) {
+					if (ctx.measureText(temp).width < maxWidth) {
+						temp += chr[a]
+					}
+				}
+				row.push(temp)
+				if (ctx.measureText(temp).width > maxWidth) row[0] = row[0] + '...'
+
+				for (var b = 0; b < row.length; b++) {
+					ctx.fillStyle = color
+					if (bold) {
+						ctx.font = 'normal bold ' + size + 'px sans-serif'
+					} else {
+						ctx.font = 'normal ' + size + 'px sans-serif'
+					}
+					ctx.fillText(row[b], x, y)
+				}
+			},
+			// 绘制两行文字 图片地址 距离左边 距离上边 宽度 行高 颜色 字号
+			drawTxtTwo(ctx, text, x, y, maxWidth, lineHeight, color, size) {
+				ctx.save()
+				ctx.beginPath()
+				let chr = text.split("")
+				let temp = ""
+				let row = []
+				ctx.setFontSize(size)
+				ctx.setFillStyle(color)
+				for (let a = 0; a < chr.length; a++) {
+					if (ctx.measureText(temp).width < maxWidth) {
+						temp += chr[a];
+					} else {
+						a--
+						row.push(temp)
+						temp = ""
+					}
+				}
+				row.push(temp)
+				if (row.length > 2) {
+					let rowCut = row.slice(0, 2)
+					let rowPart = rowCut[1]
+					let test = ""
+					let empty = []
+					for (var a = 0; a < rowPart.length; a++) {
+						if (ctx.measureText(test).width < maxWidth) {
+							test += rowPart[a]
+						} else {
+							break
+						}
+					}
+					empty.push(test)
+					var group = empty[0] + "..."
+					rowCut.splice(1, 1, group)
+					row = rowCut
+				}
+				for (var b = 0; b < row.length; b++) {
+					ctx.fillStyle = color
+					ctx.font = 'normal ' + size + 'px sans-serif'
+					ctx.fillText(row[b], x, y + b * lineHeight, 300)
+				}
+			},
+			drawTxtFour(ctx, text, x, y, maxWidth, lineHeight, color, size) {
+				ctx.save()
+				ctx.beginPath()
+				let chr = text.split("")
+				let temp = ""
+				let row = []
+				ctx.setFontSize(size)
+				ctx.setFillStyle(color)
+				for (let a = 0; a < chr.length; a++) {
+					if (ctx.measureText(temp).width < maxWidth) {
+						temp += chr[a];
+					} else {
+						a--
+						row.push(temp)
+						temp = ""
+					}
+				}
+				row.push(temp)
+				if (row.length > 4) {
+					let rowCut = row.slice(0, 4)
+					let rowPart = rowCut[1]
+					let test = ""
+					let empty = []
+					for (var a = 0; a < rowPart.length; a++) {
+						if (ctx.measureText(test).width < maxWidth) {
+							test += rowPart[a]
+						} else {
+							break
+						}
+					}
+					empty.push(test)
+					var group = empty[0] + "..."
+					rowCut.splice(1, 1, group)
+					row = rowCut
+				}
+				for (var b = 0; b < row.length; b++) {
+					ctx.fillStyle = color
+					ctx.font = 'normal ' + size + 'px sans-serif'
+					ctx.fillText(row[b], x, y + b * lineHeight, 300)
+				}
+			},
+			// 绘制删除线文字 图片地址 距离左边 距离上边 行高 颜色 字号 加粗
+			drawTxtDel(ctx, txt, x, y, h, color, size) {
+				ctx.fillStyle = color
+				ctx.font = 'normal ' + size + 'px sans-serif'
+				ctx.fillText(txt, x, y)
+
+				ctx.beginPath()
+				let width = ctx.measureText(txt).width;
+				ctx.rect(x, y - h, width, 1)
+				ctx.fillStyle = color
+				ctx.fill()
+			}
+		}
+	}
+</script>
+
+<style>
+	.qiqb-ctx {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		bottom: 0;
+		left: 0;
+		z-index: -1;
+		display: flex;
+		background: rgba(0, 0, 0, .6);
+		opacity: 0;
+		transition: all .3s;
+		flex-direction: column;
+		align-items: flex-end;
+		justify-content: flex-end
+	}
+
+	.qiqb-ctx.on {
+		z-index: 2000;
+		opacity: 1
+	}
+
+	.qiqb-ctx-box {
+		position: relative;
+		display: flex;
+		padding: 30upx 0 40upx;
+		width: 750upx;
+		justify-content: center
+	}
+
+	.qiqb-ctx-box text {
+		position: absolute;
+		top: -40upx;
+		right: 145upx;
+		display: inline-flex;
+		width: 47upx;
+		height: 47upx;
+		background: url('img/close.png');
+		background-size: 100% 100%
+	}
+
+	.qiqb-ctx-btns {
+		display: flex;
+		width: 750upx;
+		height: 330upx;
+		border-radius: 20upx 20upx 0 0;
+		background: #fff;
+		flex-direction: row;
+		flex-direction: column;
+		align-items: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(1) {
+		display: flex;
+		padding-top: 10upx;
+		height: 80upx;
+		font-weight: 700;
+		font-size: 30upx;
+		align-items: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(2) {
+		height: 80upx;
+		color: #666;
+		font-size: 24upx
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) {
+		display: flex;
+		padding-bottom: 30upx;
+		font-size: 26upx;
+		flex-direction: row;
+		align-items: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text {
+		display: flex;
+		width: 250upx;
+		flex-direction: column;
+		align-items: center;
+		justify-content: center
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text:nth-child(1)::before {
+		display: inline-flex;
+		margin-bottom: 20upx;
+		width: 86upx;
+		height: 86upx;
+		background: url('img/3.png');
+		background-size: 100% 100%;
+		content: ''
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text:nth-child(2)::before {
+		display: inline-flex;
+		margin-bottom: 20upx;
+		width: 86upx;
+		height: 86upx;
+		background: url('img/1.png');
+		background-size: 100% 100%;
+		content: ''
+	}
+
+	.qiqb-ctx-btns view:nth-child(3) text:nth-child(3)::before {
+		display: inline-flex;
+		margin-bottom: 20upx;
+		width: 86upx;
+		height: 86upx;
+		background: url('img/2.png');
+		background-size: 100% 100%;
+		content: ''
+	}
+
+	.qiqb-ctx-close {
+		display: flex;
+		padding-bottom: 50upx;
+		width: 100%;
+		height: 150upx;
+		background: #fff;
+		font-size: 32upx;
+		align-items: center;
+		justify-content: center
+	}
+</style>
\ No newline at end of file
diff --git a/config/request.js b/config/request.js
index 4bac5f7..9c2cada 100644
--- a/config/request.js
+++ b/config/request.js
@@ -39,7 +39,7 @@ function baseRequest(url, method, data, {
 			data: data || {},
 			success: (res) => {
 				// #ifdef APP-PLUS
-				// console.log('app', Url + '/api/' + url, res.data);
+				
 				
 				// #endif
 				if (noVerify)
diff --git a/config/requesta.js b/config/requesta.js
index df13df9..50d1a90 100644
--- a/config/requesta.js
+++ b/config/requesta.js
@@ -40,7 +40,7 @@ function baseRequest(url, method, data, {
 			success: (res) => {
 				
 				// #ifdef APP-PLUS
-				// console.log('app', Url + '/api/' + url, res.data);
+				console.log('app', Url + '/api/' + url, res.data);
 				
 				// #endif
 				if (noVerify)
diff --git a/manifest.json b/manifest.json
index cac0549..8eabe35 100644
--- a/manifest.json
+++ b/manifest.json
@@ -1,6 +1,6 @@
 {
-    "name" : "情感咨询",
-    "appid" : "__UNI__8080F14",
+    "name" : "农业咨询",
+    "appid" : "__UNI__9620511",
     "description" : "",
     "versionName" : "1.0.0",
     "versionCode" : "100",
@@ -17,26 +17,34 @@
             "delay" : 0
         },
         /* 模块配置 */
-        "modules" : {},
+        "modules" : {
+            "Record" : {},
+            "Speech" : {},
+            "Camera" : {}
+        },
         /* 应用发布信息 */
         "distribute" : {
             /* android打包配置 */
             "android" : {
                 "permissions" : [
-                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
-                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
-                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
                     "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
                     "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.CAMERA\"/>",
-                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
-                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
                     "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
-                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
                     "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
-                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.INTERNET\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_EXTERNAL_STORAGE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.RECORD_AUDIO\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_EXTERNAL_STORAGE\"/>",
                     "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
                 ],
                 "abiFilters" : [ "armeabi-v7a", "arm64-v8a", "x86" ]
@@ -47,7 +55,25 @@
             },
             /* SDK配置 */
             "sdkConfigs" : {
-                "ad" : {}
+                "ad" : {},
+                "speech" : {},
+                "share" : {}
+            }
+        },
+        "nativePlugins" : {
+            "YL-SpeechRecognition" : {
+                "__plugin_info__" : {
+                    "name" : "YL-SpeechRecognition-语音合成，语音听写，基于科大讯飞，双端 - [试用版，仅用于自定义调试基座]",
+                    "description" : "语音合成，语音听写，基于科大讯飞，双端（QQ：453503875，微信同）",
+                    "platforms" : "Android,iOS",
+                    "url" : "https://ext.dcloud.net.cn/plugin?id=9512",
+                    "android_package_name" : "",
+                    "ios_bundle_id" : "",
+                    "isCloud" : true,
+                    "bought" : 0,
+                    "pid" : "9512",
+                    "parameters" : {}
+                }
             }
         }
     },
@@ -55,7 +81,7 @@
     "quickapp" : {},
     /* 小程序特有相关 */
     "mp-weixin" : {
-        "appid" : "",
+        "appid" : "wx3267f87bc81f2890",
         "setting" : {
             "urlCheck" : false
         },
diff --git a/pages/index/index.vue b/pages/index/index.vue
index e7cdbb5..596ab2b 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -5,9 +5,10 @@
 		<view class="conten-top">
 			<view class="" style="position: absolute;left: 30rpx;"><i class="iconfont icon-xiangzuo"
 					style="font-size: 40rpx;text-align: left;"></i></view>
-			<view class="" style="font-size: 30rpx;">
+			<view class="" style="font-size: 30rpx;margin-top: 10rpx;">
 				情感咨询
 			</view>
+			<returntop  class="container-retun"/>
 		</view>
 		<view style="padding-top:var(--status-bar-height);padding-bottom: 30rpx; margin-bottom: 30rpx;"></view>
 
@@ -17,26 +18,26 @@
 		<view class="placeholder"></view>
 		<view class="box-1" id="list-box" ref="box">
 			<view class="talk-list">
-			<view class="talk-list-con">
-				<view class="talk-list-con-title">
-					您好！
-				</view>
-				<view class="talk-list-con-title1">
-					您可以和我说任何有关情感的问题。<br />
-					例如下面的问题，赶快试试吧！
-				</view>
-				<view class="talk-list-con-title2">
-					<text style="margin-top: 15rpx;"> 下方输入：</text>
-					<view class="" @click="sendDetail('当我被爱情伤害时，我该如何重新振作起来？')">
-						当我被爱情伤害时，我该如何重新振作起来？
-						<image src="../../static/icon/airight.png" mode=""></image>
+				<view class="talk-list-con">
+					<view class="talk-list-con-title">
+						您好！
 					</view>
+					<view class="talk-list-con-title1">
+						您可以和我说任何有关情感的问题。<br />
+						例如下面的问题，赶快试试吧！
+					</view>
+					<view class="talk-list-con-title2">
+						<text style="margin-top: 15rpx;"> 下方输入：</text>
+						<view class="" @click="sendDetail('怎么保持心情愉快')">
+							怎么保持心情愉快
+							<image src="../../static/icon/airight.png" mode=""></image>
+						</view>
+					</view>
+
 				</view>
-			
-			</view>
 				<view v-for="(item,index) in talkList" :key="index" :id="`msg-${item.id}`">
 					<view class="item flex_col" :class="item.type == 1 ? 'push':'pull' ">
-
+					
 						<image :src="item.type==1?avatar:item.pic" mode="aspectFill" class="pic" v-if="item.pic">
 						</image>
 						<view class="content" v-if="item.id=='@'">
@@ -49,11 +50,9 @@
 						<view class="" v-else>
 							<view v-if="talkList.length-1==index" class="multiline-text">
 								<view class="content">
-									<view class="" v-if="item.type==3"
-										style="border: 1px solid  #2573fb;margin-left: 20rpx;">
-										<image :src="item.Image" mode="" style="width: 200rpx;height: 200rpx;"
-											@click="previewImage(item.Image)"></image>
-										<view class="">{{c_content}}</view>
+									<view class="" v-if="item.type==3" style="border: 1px solid  #2573fb;margin-left: 20rpx;">
+										<image :src="item.Image" mode="" style="width: 200rpx;height: 200rpx;" @click="previewImage(item.Image)"></image>
+								<view class="">{{c_content}}</view>
 									</view>
 									<view class="" v-else>
 										<bing-math v-if="c_content!=''" :key="`math-${item.id}`" class="bing-math1"
@@ -91,10 +90,8 @@
 
 
 								<!-- <rich-text :nodes="item.content"></rich-text> -->
-								<view class="" v-if="item.type==3"
-									style="border: 1px solid  #2573fb;margin-left: 20rpx;">
-									<image :src="item.Image" mode="" style="width: 200rpx;height: 200rpx;"
-										@click="previewImage(item.Image)"></image>
+								<view class="" v-if="item.type==3" style="border: 1px solid  #2573fb;margin-left: 20rpx;">
+									<image :src="item.Image" mode="" style="width: 200rpx;height: 200rpx;" @click="previewImage(item.Image)"></image>
 								</view>
 								<view class="" v-else>
 									<view class="content multiline-text">
@@ -251,19 +248,20 @@
 	import qiqbshare from "@/components/qiqb-share/qiqb-share.vue"
 
 
+import returntop from '@/components/content-top/index.vue'
 	const recorderManager = uni.getRecorderManager()
 	const innerAudioContext = uni.createInnerAudioContext()
 	export default {
 		components: {
 			'bing-math': BingMath,
 			'qiqbshare': qiqbshare,
-
+returntop
 
 		},
 		data() {
 			return {
-		wssType: 'qinggan', // 网络连接类型
-		      avatarType: "/static/icon/qg.png", // AI头像类型
+		    wssType: 'qinggan', // 网络连接类型
+		        avatarType: "/static/icon/qg.png", // AI头像类型
 				talkList: [],
 				ajax: {
 					rows: 15, //每页数量
@@ -321,7 +319,7 @@
 				Imageurl: '',
 				content1: '',
 				audioContext: null, // 存储当前的innerAudioContext实例
-
+			
 			}
 		},
 		mounted() {
@@ -345,7 +343,7 @@
 
 
 		},
-
+	
 		onLoad() {
 			let avatar = uni.getStorageSync('avatar');
 			avatar ? this.avatar = avatar : null;
@@ -373,7 +371,7 @@
 			// 	obeyMuteSwitch: false
 			// })
 			let that = this;
-
+			
 			recorderManager.onStop(function(res) {
 				// 解决第一次录音,挂实例挂载问题
 				that.$nextTick(() => {
@@ -382,7 +380,7 @@
 					that.voicePath = res.tempFilePath;
 				})
 			});
-
+			
 		},
 
 		watch: {
@@ -479,7 +477,7 @@
 					sourceType: ['album'], //这要注意，camera掉拍照，album是打开手机相册
 					success: (res) => {
 						// const tempFilePaths = res.tempFilePaths;
-						console.log(res.tempFilePaths, '2222222222')
+						console.log(res.tempFilePaths,'2222222222')
 						uni.uploadFile({
 							url: HTTP_REQUEST_URL + '/api/upload/image', // 上传地址
 							filePath: res.tempFilePaths[0], // 要上传的文件路径
@@ -490,7 +488,7 @@
 							success: function(res) {
 
 								let data = JSON.parse(res.data)
-								console.log(data, '222222222222')
+								console.log(data,'222222222222')
 								if (data.code == 1) {
 									// this.File()
 									let data1 = {
@@ -588,24 +586,24 @@
 					}
 				});
 			},
-
+			
 			//图片预览
-			previewImage(url) {
+			previewImage(url){
 				uni.previewImage({
-					urls: [url], // 图片地址数组
-					current: url, // 当前预览的图片地址
-					success: function() {
-						console.log('预览图片成功');
-					},
-					fail: function(error) {
-						console.error('预览图片失败', error);
-					}
+				  urls: [url], // 图片地址数组
+				  current: url, // 当前预览的图片地址
+				  success: function() {
+				    console.log('预览图片成功');
+				  },
+				  fail: function(error) {
+				    console.error('预览图片失败', error);
+				  }
 				});
 			},
 			//图片转文字
 			imgfile(tempFilePath) {
 				let that = this
-				that.content1 = ''
+				that.content1=''
 				// console.log(tempFilePath, '2')
 				ttocr({
 					image: tempFilePath
@@ -619,7 +617,7 @@
 						that.gnishow = false
 
 						that.talkList = that.talkList.filter(item => item.id !== '@');
-
+						
 						if (res.data.words.length > 0) {
 
 							for (let i in res.data.words) {
@@ -736,7 +734,7 @@
 			},
 			//语音转文字
 			uploadFile(tempFilePath) {
-
+			
 				let that = this
 				// console.log(tempFilePath)
 				uni.uploadFile({
@@ -747,14 +745,14 @@
 						'content-type': 'multipart/form-data'
 					},
 					success: function(res) {
-
-
+						
+			
 						let data = JSON.parse(res.data)
 						if (data.code == 1) {
 							uni.showToast({
 								title: '语音识别成功'
 							});
-
+			
 							that.talkList = that.talkList.filter(item => item.id !== '@');
 							if (data.data.words.length > 0) {
 								that.content = data.data.words
@@ -766,16 +764,16 @@
 								title: '语音识别失败'
 							});
 						}
-
-
-
+			
+			
+			
 					},
 					fail: function(error) {
 						// 上传失败处理逻辑
 						that.deletespeech()
 						console.log(error, 11);
 						uni.hideLoading();
-
+			
 					}
 				})
 			},
@@ -814,32 +812,32 @@
 			},
 
 
-
+			
 			start(e) {
-
-				this.onFeedTap()
-				this.touchT = new Date().getTime();
-				this.islong = true
-				this.risshow = false
-				this.$refs.popup.open('center')
-				// 限制时长
-				this.timer = setInterval(() => {
-					this.num++
-				}, 1000)
-				this.btnStatus = 1
-				recorderManager.start({
-					//时长5分钟,单位毫秒
-					duration: 300000,
-
-					// format: "pcm",
-				});
-
-				this.touchStartX = e.touches[0].pageX; // 获取触摸时的原点
-				this.touchStartY = e.touches[0].pageY; // 获取触摸时的原点
+			
+			this.onFeedTap()
+			this.touchT = new Date().getTime();
+			this.islong = true
+			this.risshow = false
+			this.$refs.popup.open('center')
+			// 限制时长
+			this.timer = setInterval(() => {
+				this.num++
+			}, 1000)
+			this.btnStatus = 1
+			recorderManager.start({
+				//时长5分钟,单位毫秒
+				duration: 300000,
+		
+				// format: "pcm",
+			});
+		
+			this.touchStartX = e.touches[0].pageX; // 获取触摸时的原点
+			this.touchStartY = e.touches[0].pageY; // 获取触摸时的原点
 
 			},
 			move(e) {
-
+			
 				let that = this;
 				let moveX = this.touchMoveX - e.touches[0].pageX;
 				let moveY = this.touchMoveY - e.touches[0].pageY;
@@ -870,15 +868,15 @@
 
 
 				this.touchE = new Date().getTime();
-
+				
 				if (this.islong) {
 					this.closePop()
-
+				
 					this.islong = false
 					clearInterval(this.timer)
 					this.btnStatus = 0
 					recorderManager.stop();
-
+					
 					// this.closePop()
 					if (this.risshow == false && this.touchE - this.touchT > 3000) {
 						let data = {
@@ -887,7 +885,7 @@
 							"type": 2,
 						}
 						this.talkList.push(data);
-
+							
 						// 异步,解决录音结束后,路径没赋值就传值,导致的路径为空
 						setTimeout(() => {
 							let obj = {
@@ -898,31 +896,31 @@
 									soundTime: this.num
 								}]
 							}
-
+			
 							if (this.voicePath.length > 0 && this.risshow == false) {
 								// this.huashow=true
 								this.TabItemTap()
-
-
+	
+				
 								throttle(this.uploadFile(this.voicePath), 1000)
-
+				
 							}
-
+				
 							this.num = 0
 						}, 500)
-
+				
 					} else {
 						if (!this.risshow) {
 							uni.showModal({
 								title: "录音时长不超过3s"
 							})
 						}
-
+				
 					}
-
-
+				
+				
 				}
-
+				
 
 
 			},
@@ -996,18 +994,18 @@
 			//音频播放
 
 			palyaudio(items, i) {
-
+				
 				// console.log(this.talkList,items.audio_file,'000000')
 				if (this.audioContext) {
 					// 停止上一段对话内容的播放
 					this.audioContext.stop();
 					this.audioContext = null;
 				}
-
+				
 				this.talkList.forEach((item, index) => {
 					if (index != i) {
 						item.playStatus = true
-
+					
 					}
 					// item.playStatus = (index == i);
 				});
@@ -1016,15 +1014,15 @@
 				this.talkList[i].playStatus = !this.talkList[i].playStatus
 
 				if (!this.talkList[i].playStatus) {
-
-					if (items.audio_file.length > 0) {
+					
+					if(items.audio_file.length>0){
 						innerAudioContext.src = items.audio_file;
 						innerAudioContext.play()
 						this.talkList[i].playStatus = false
-					} else {
-						this.talkList[i].playStatus = true
+					}else{
+					   this.talkList[i].playStatus = true
 					}
-
+			
 
 				} else {
 					innerAudioContext.pause()
@@ -1184,28 +1182,28 @@
 			},
 			// 关闭连接
 			closeSocketTask() {
-
-				try {
-					this.talkList = this.talkList.filter(item => item.id !== '@');
-					clearInterval(this.timer);
-					this.talkList[this.talkList.length - 1].audio_file = ''
-					this.talkList[this.talkList.length - 1].content = this.c_content + '';
-					// console.log(this.talkList[this.talkList.length - 1].content);
-					// this.c_content = '';
-					// this.n_content = '';
-					this.socketTask.close({
-						code: 500, // APP端存在BUG,正常关闭的code为1000,无法正常关闭,需要将code换为其他值
-						complete: (res) => {
-							this.showStop = false;
-							console.log('主动断开', res);
-							this.wsLiveFlag = false;
-						}
-					})
-				} catch (e) {
-					//TODO handle the exception
-				}
-
-
+		
+					try {
+						this.talkList = this.talkList.filter(item => item.id !== '@');
+						clearInterval(this.timer);
+						this.talkList[this.talkList.length - 1].audio_file=''
+						this.talkList[this.talkList.length - 1].content = this.c_content + '';
+						// console.log(this.talkList[this.talkList.length - 1].content);
+						// this.c_content = '';
+						// this.n_content = '';
+						this.socketTask.close({
+							code: 500, // APP端存在BUG,正常关闭的code为1000,无法正常关闭,需要将code换为其他值
+							complete: (res) => {
+								this.showStop = false;
+								console.log('主动断开', res);
+								this.wsLiveFlag = false;
+							}
+						})
+					} catch (e) {
+						//TODO handle the exception
+					}
+			
+			
 			},
 
 			// 发送信息
@@ -1217,8 +1215,8 @@
 					})
 					return;
 				}
-
-
+				
+			
 				// 将当前发送信息 添加到消息列表。
 				let data = {
 					"id": new Date().getTime(),
@@ -1254,7 +1252,7 @@
 
 
 			},
-
+		
 			send1() {
 				if (!this.content1) {
 					uni.showToast({
@@ -1339,7 +1337,7 @@
 					//     }
 					//   }
 					// };
-
+					
 					if (this.historyTextList.length > 9) this.params = JSON.parse(JSON.stringify(this
 						.historyTextList
 						.splice(-9)));
@@ -1367,11 +1365,11 @@
 						realThis.tempRes = realThis.tempRes + dataArray[i].content
 
 					}
-					if (this.n_content.length > 0) {
+					if(this.n_content.length>0){
 						this.nums = this.talkList.length - 1
 						this.txtspeech(this.n_content, this.talkList.length -
 							1)
-						this.showStop = true;
+							this.showStop = true;
 					}
 					this.cavshare(this.talkList)
 					let temp = JSON.parse(res.data)
@@ -1396,7 +1394,7 @@
 								"role": "assistant",
 								"content": this.tempRes
 							})
-
+						
 							setTimeout(() => {
 								let that = this
 								realThis.socketTask.close({
@@ -1605,9 +1603,15 @@
 		top: 0;
 		position: fixed;
 		z-index: 10;
+		.container-retun{
+			position: absolute;
+			right: 20rpx;
+			padding-top: var(--status-bar-height);
+			top: 0;
+		}
+		
 	}
 
-
 	.popup_box {
 		height: 100vh;
 		width: 100vw;
diff --git a/pages/index/index1.vue b/pages/index/index1.vue
new file mode 100644
index 0000000..723ac0d
--- /dev/null
+++ b/pages/index/index1.vue
@@ -0,0 +1,2239 @@
+<template>
+	<view class="wrapper" @touchmove="touchmove">
+
+
+		<view class="conten-top">
+			<view class="" style="position: absolute;left: 30rpx;"><i class="iconfont icon-xiangzuo"
+					style="font-size: 40rpx;text-align: left;"></i></view>
+			<view class="" style="font-size: 30rpx;">
+				农业咨询
+			</view>
+		</view>
+		<view style="padding-top:var(--status-bar-height);padding-bottom: 30rpx; margin-bottom: 30rpx;"></view>
+
+		<view class="tips color_fff size_12 align_c" :class="{ 'show':ajax.loading }" @tap="getHistoryMsg">
+			{{ajax.loadText}}
+		</view>
+		<view class="placeholder"></view>
+		<view class="box-1" id="list-box" ref="box">
+			<view class="talk-list">
+				<view class="talk-list-con">
+					<view class="talk-list-con-title">
+						您好！
+					</view>
+					<view class="talk-list-con-title1">
+						您可以和我说任何有关农业的问题。<br />
+						例如下面的问题，赶快试试吧！
+					</view>
+					<view class="talk-list-con-title2">
+						<text style="margin-top: 15rpx;"> 下方输入：</text>
+						<view class="" @click="sendDetail('冬季怎么保存蔬菜')">
+							冬季怎么保存蔬菜
+							<image src="../../static/icon/airight.png" mode=""></image>
+						</view>
+					</view>
+
+				</view>
+				<view v-for="(item,index) in talkList" :key="index" :id="`msg-${item.id}`">
+					<view class="item flex_col" :class="item.type == 1 ? 'push':'pull' ">
+						<image :src="item.type==1?avatar:item.pic" mode="aspectFill" class="pic" v-if="item.pic">
+						</image>
+
+						<view class="content" v-if="item.id=='@'">
+							<!-- 加载中 -->
+							<view class="blinking-box">
+								<image src="@/static/icon/ioc.gif" mode="aspectFit"></image>
+								<view class="">正在快速生成答案</view>
+							</view>
+						</view>
+						<view class="" v-else>
+							<view v-if="talkList.length-1==index" class="multiline-text">
+								<view class="content">
+
+									<bing-math v-if="c_content!=''" :key="`math-${item.id}`" class="bing-math1"
+										:latex="c_content"></bing-math>
+									<view v-else class="blinking-box">
+										<image src="@/static/icon/ioc.gif" mode="aspectFit"></image>
+										<view class="">正在快速生成答案</view>
+									</view>
+
+								</view>
+
+								<view class="contenta" v-if="c_content!=''&&index==nums">
+									<view class="contenta-img" v-if='palystatus' @click="palyaudio(item,index)">
+										<image src="@/static/icon/ai7.png" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-img" v-else @click="palyaudio(item,index)">
+										<image src="@/static/icon/ai8.png" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-ai" v-show="palystatus==false">
+										<image src="@/static/icon/ai.gif" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-imga" @tap="copyContent(c_content)"
+										:style="{'margin-left':palystatus==false?'377rpx' :'427rpx','margin-right': '20rpx'}">
+										<image src="@/static/icon/ai10.png" mode="aspectFit"></image>
+									</view>
+									<view class="contenta-imga" @click="Share">
+										<image src="@/static/icon/ai9.png" mode="aspectFit"></image>
+									</view>
+								</view>
+							</view>
+							<view v-else class="content multiline-text">
+								<!-- <rich-text :nodes="item.content"></rich-text> -->
+
+								<bing-math :key="`math-${item.id}`" class="bing-math" :latex="item.content"></bing-math>
+							</view>
+						</view>
+
+					</view>
+				</view>
+
+
+				<view id="bottom-box"></view>
+			</view>
+		</view>
+		<uni-transition custom-class="box-2" mode-class="slide-left" :show="showStop">
+			<view class="flex_col">
+				<view class="flex_grow content downsocket" @click="closeSocketTask">中断连接</view>
+			</view>
+		</uni-transition>
+		<uni-transition custom-class="box-2" mode-class="slide-right" :show="!showStop">
+			<view class="flex_c">
+				<view class="flex_c_img" v-if="isshow" @click="hidesend">
+					<image src="@/static/icon/hua.png" mode="aspectFit"></image>
+				</view>
+
+				<view class="flex_c_img" v-else @click="hidesend">
+					<image src="@/static/icon/den.png" mode="aspectFit"></image>
+				</view>
+				<view class="flex_c_txt" v-if="isshow">
+					<input type="text" class="content" v-model="content" placeholder="输入您要咨询的内容" @focus="focus"
+						@confirm="send" placeholder-style="color:#DDD;" :cursor-spacing="6">
+				</view>
+				<view class="flex_c_txt" v-else>
+
+					<view class="con" @touchend="end" @touchmove="move" @touchstart="start" @longpress="longpress"
+						@click="longclick">
+						{{btnStatus==0? "按住说话":btnStatus==1? "说话中...": btnStatus==2? "松开手指发送录音": "上划取消"}}
+					</view>
+					<!-- <view :class=" btnStatus==0? 'footerBtn': btnStatus==1?'footerBtn_star':'footerBtn_move'">
+						<view class="footerBtn_chr" @touchend="end" @touchmove="move" @touchstart="start">
+							{{btnStatus==0? "按住说话":btnStatus==1? "说话中...": btnStatus==2? "松开手指发送录音": "上划取消"}}
+						</view>
+					</view> -->
+
+				</view>
+				<view class="flex_c_img" @tap="send" v-if='content.length>0'>
+					<image src="@/static/icon/fa1.png" mode="aspectFit"></image>
+				</view>
+				<view class="flex_c_img" @tap="send" v-else>
+					<image src="@/static/icon/fa.png" mode="aspectFit"></image>
+				</view>
+				<view class="flex_c_img" @click="addgn">
+					<image src="@/static/icon/jia.png" mode="aspectFit"></image>
+				</view>
+				<!-- <button class="send" @tap="send">发送</button> -->
+			</view>
+			<view class="flex_d" v-if="gnishow">
+				<view class="" @click="album">
+					<image src="../../static/icon/ai2.png" mode=""></image>
+				</view>
+				<view class="" @click="camera">
+					<image src="../../static/icon/ai3.png" mode=""></image>
+				</view>
+			</view>
+		</uni-transition>
+
+		<uni-popup ref="popup" :mask-click="false">
+			<view class="popup_box" @touchend="end" @touchmove="move" @touchstart="start">
+				<view class="move">
+
+					<view v-if="btnStatus!==0" :class="btnStatus==3? 'move_center_clear': 'move_center'">
+
+						<view class="move_center_top">
+							<view class="move_center_item" v-for="(item,index) in 15" :key="index"
+								:style="{'background':btnStatus==3?'rgba(250, 83, 83, .5)':'rgba(149, 234, 108, .5)'}">
+							</view>
+						</view>
+						<view class="move_center_footer">
+							{{btnStatus==3? '松开手指,取消发送':"正在录音..."}}
+						</view>
+					</view>
+				</view>
+
+				<view class="popup_box-con">
+					<view class="popup_box-cona">
+
+						<view :class="risshow?'bg1':''">
+							X
+						</view>
+
+						<!-- <view class="" @tap="$u.throttle(end, 1000)">
+							文
+						</view> -->
+
+					</view>
+					<view class="popup_box-conb">
+						<image src="@/static/icon/ai1.png" mode=""></image>
+					</view>
+				</view>
+
+
+
+			</view>
+		</uni-popup>
+		<qiqbshare ref="child"></qiqbshare>
+
+	</view>
+</template>
+
+<script>
+	import {
+		xuiat,
+		iatWss,
+		debounce,
+		throttle,
+		fileToBase64,
+		dataURLtoBlob,
+		ttWss,
+	} from "@/api/api.js"
+	import {
+		HTTP_REQUEST_URL
+
+	} from '@/config/app';
+
+	import {
+		pathToBase64,
+		base64ToPath
+	} from '@/js_sdk/mmmm-image-tools/index.js'
+	import * as base64 from "base-64"
+	import CryptoJS from '../../static/crypto-js/crypto-js.js'
+	import parser from '../../static/fast-xml-parser/src/parser'
+	import * as utf8 from "utf8"
+	import BingMath from "@/components/bing-math/bing-math.vue"
+	import qiqbshare from "@/components/qiqb-share/qiqb-share.vue"
+
+
+
+	const recorderManager = uni.getRecorderManager()
+	const innerAudioContext = uni.createInnerAudioContext()
+
+	export default {
+		components: {
+			'bing-math': BingMath,
+			'qiqbshare': qiqbshare,
+
+
+		},
+		data() {
+			return {
+				wssType: 'nongye', // 网络连接类型
+				avatarType: "/static/icon/ny.png", // AI头像类型
+				talkList: [],
+				ajax: {
+					rows: 15, //每页数量
+					page: 1, //页码
+					flag: false, // 请求开关
+					loading: false, // 加载中
+					loadText: '正在获取消息'
+				},
+				keyboardHeight: 0,
+				showplc: true,
+				content: '',
+				c_content: '',
+				n_content: '',
+				avatar: '/static/avatar.png', // 用户头像
+				params: [], // 发送的消息内容
+				timer: '',
+				timer1: '',
+				socketTask: {},
+				TEXT: '',
+				historyTextList: [], // 历史会话信息，由于最大token12000,可以结合实际使用，进行移出
+				tempRes: '', // 临时答复保存
+				socketing: false, // 是否正在接收
+				showStop: false, // 是否显示中断按钮
+				scrollTop: 0,
+				isshow: true,
+				shouldScrollToBottom: true,
+				nums: 0,
+				palystatus: true, //播放状态
+				recordFlg: true, //录音锁
+				btnStatus: 0, //按钮状态
+				audioDuration: "",
+				voicePath: "", //音频本地路径
+				timer: null, //定时器
+				num: 0, //录音时长
+				gnishow: false,
+				audioUrl: '',
+				audioTxt: '',
+				handlerInterval: null,
+				huashow: false,
+				Fstatus: false,
+				touchStartX: 0, //触摸时的原点
+				touchStartY: 0, //触摸时的原点
+				touchMoveX: 0, // x轴方向移动的距离
+				touchMoveY: 0, // y轴方向移动的距离
+				risshow: false,
+				touchT: null,
+				touchE: null,
+				islong: false,
+				// 是否开始绘制
+				isDraw: false,
+				imageSize: {
+
+				},
+				audio_file: [],
+				currentIndex: 0,
+				wv: null
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.getHistoryMsg();
+			});
+			uni.onKeyboardHeightChange(e => {
+				let h = this.keyboardHeight;
+				this.keyboardHeight = e.height;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						uni.pageScrollTo({
+							scrollTop: 9999999, // 当前位置向下滚动
+							duration: 300 // 滚动过渡时间为300ms，默认值为300ms
+						});
+					}, 0)
+				})
+			})
+
+
+		},
+		onLoad() {
+			let avatar = uni.getStorageSync('avatar');
+			avatar ? this.avatar = avatar : null;
+			uni.$on('MPinfo', (e) => {
+				this.avatar = e.avatar;
+			})
+
+
+
+
+		},
+		beforeDestroy() {
+			// #ifdef APP-PLUS
+			uni.offKeyboardHeightChange();
+			// #endif
+		},
+		onPageScroll(e) {
+			if (e.scrollTop < 5) {
+				this.getHistoryMsg();
+			}
+		},
+		created() {
+
+			// 为了防止苹果手机静音无法播放
+			// uni.setInnerAudioOption({
+			// 	obeyMuteSwitch: false
+			// })
+			let that = this;
+			recorderManager.onStop(function(res) {
+				// 解决第一次录音,挂实例挂载问题
+				that.$nextTick(() => {
+					// console.log('recorder stop' + JSON.stringify(res));
+					that.audioDuration = res.duration;
+					that.voicePath = res.tempFilePath;
+				})
+			});
+
+
+
+
+			this.list()
+		},
+		watch: {
+			n_content(n, o) {
+
+				// this.c_content = n;
+				if (this.timer) clearInterval(this.timer);
+				let cl = this.c_content.length;
+				let nc = this.n_content.split('');
+				this.timer = setInterval(() => {
+					if (cl < nc.length) {
+						this.c_content += nc[cl];
+						cl++;
+						if (cl % 6 == 0) this.$nextTick(() => {
+							uni.pageScrollTo({
+								scrollTop: 999999,
+							})
+						})
+					} else {
+						// console.log(this.socketing==false, cl == nc.length);
+						if (this.socketing == false) this.showStop = false;
+						clearInterval(this.timer);
+						this.$nextTick(() => {
+							uni.pageScrollTo({
+								scrollTop: 9999999,
+							})
+						})
+					}
+				}, 60)
+			},
+
+		},
+
+		methods: {
+
+			cavshare(data) {
+
+				let arry = []
+				let arry1 = []
+				let a;
+				let b;
+				if (data.length > 2) {
+					a = data.length - 2
+					b = data.length - 1
+				} else {
+					a = 0
+					b = 1
+				}
+
+				for (let i in data[a].content) {
+					if (data[a].content.slice(i * 22, (i + 1) * 22)) {
+						arry.push(data[a].content.slice(i * 22, (i + 1) * 22))
+					}
+
+				}
+				for (let i in data[b].content) {
+					if (data[b].content.slice(i * 22, (i + 1) * 22)) {
+						arry1.push(data[b].content.slice(i * 22, (i + 1) * 22))
+					}
+
+
+				}
+				// console.log(arry1.length,arry.length)
+
+				this.imageSize.height = (arry1.length * 20) + (arry.length * 20) + 100 + 150
+
+				this.$refs.child.refresh(this.talkList, this.imageSize.height, (arry.length * 20) + 100);
+			},
+
+
+			//滑动到底部
+			TabItemTap(e) {
+				uni.pageScrollTo({
+					selector: ".box-1",
+					scrollTop: 0
+				})
+
+			},
+			//分享
+			Share() {
+
+				// this.isDraw = !this.isDraw;
+				this.cavshare(this.talkList)
+				this.$refs.child.init()
+
+			},
+			//打开相册
+			album() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['original', 'compressed'],
+					sourceType: ['album'], //这要注意，camera掉拍照，album是打开手机相册
+					success: (res) => {
+						// const tempFilePaths = res.tempFilePaths;
+						this.imgfile(res.tempFilePaths)
+
+						let data = {
+							"id": '@',
+							"content": '',
+							"type": 2,
+							"pic": this.avatarType
+						}
+						this.talkList.push(data);
+					}
+				});
+
+			},
+			//拍照
+			camera() {
+				uni.chooseImage({
+					count: 1,
+					sizeType: ['original', 'compressed'],
+					sourceType: ['camera'], //这要注意，camera掉拍照，album是打开手机相册
+					success: (res) => {
+						console.log(res);
+						// const tempFilePaths = res.tempFilePaths;
+						this.imgfile(res.tempFilePaths)
+						let data = {
+							"id": '@',
+							"content": '',
+							"type": 2,
+							"pic": this.avatarType
+						}
+						this.talkList.push(data);
+					}
+				});
+
+			},
+			//复制
+			copyContent(data) {
+
+				uni.setClipboardData({
+					data,
+					success: function() {
+						uni.getClipboardData({
+							success: function(res) {
+								uni.showToast({
+									title: "复制成功",
+								});
+							}
+						});
+					}
+				});
+			},
+			//图片转文字
+			imgfile(tempFilePath) {
+				let that = this
+				console.log(tempFilePath, '2')
+				uni.uploadFile({
+					url: HTTP_REQUEST_URL + '/api/xun_fei/ocr', // 上传地址
+					filePath: tempFilePath[0], // 要上传的文件路径
+					name: 'image', // 上传文件对应的 key 值
+					header: {
+						'content-type': 'multipart/form-data'
+					},
+					success: function(res) {
+
+						let data = JSON.parse(res.data)
+						console.log(data)
+						if (data.code == 1) {
+							uni.showToast({
+								title: '图片识别成功'
+							});
+
+							that.talkList = that.talkList.filter(item => item.id !== '@');
+							if (data.data.words.length > 0) {
+								that.content = ''
+								for (let i in data.data.words) {
+									that.content = that.content + data.data.words[i]
+								}
+								that.send1()
+							}
+
+						}
+					},
+
+					fail: function(error) {
+						// 上传失败处理逻辑
+						that.talkList = that.talkList.filter(item => item.id !== '@');
+						console.log(error, 11);
+
+
+					}
+				})
+			},
+
+			//获取讯飞地址
+			list() {
+				iatWss().then((res) => {
+					this.audioUrl = res.data.iat_wss
+				})
+			},
+			//功能展开
+			addgn() {
+
+				this.gnishow = !this.gnishow
+
+			},
+			// 点击关闭遮罩层
+			closePop() {
+				this.$refs.popup.close()
+			},
+
+			//语音转文字
+			uploadFile(tempFilePath) {
+
+				let that = this
+				// console.log(tempFilePath)
+				uni.uploadFile({
+					url: HTTP_REQUEST_URL + '/api/xun_fei/iat', // 上传地址
+					filePath: tempFilePath, // 要上传的文件路径
+					name: 'audio', // 上传文件对应的 key 值
+					header: {
+						'content-type': 'multipart/form-data'
+					},
+					success: function(res) {
+						// console.log(res)
+
+						let data = JSON.parse(res.data)
+						if (data.code == 1) {
+							uni.showToast({
+								title: '语音识别成功'
+							});
+
+
+							that.talkList = that.talkList.filter(item => item.id !== '@');
+							if (data.data.words.length > 0) {
+								that.content = data.data.words
+								that.send1()
+							}
+
+
+
+
+							// console.log( that.talkList)
+							// if (that.talkList.length > 0) {
+							// 	that.talkList.splice(that.talkList.length - 1, 1)
+							// } else {
+							// 	that.talkList.splice(0, 1)
+							// }
+
+							that.voicePath = ''
+							// if (that.content.length > 0) {
+							// 	that.send()
+							// }
+
+
+						} else {
+							that.talkList = that.talkList.filter(item => item.id !== '@');
+							uni.showToast({
+								title: '语音识别失败'
+							});
+						}
+
+
+
+					},
+					fail: function(error) {
+						// 上传失败处理逻辑
+						that.deletespeech()
+						console.log(error, 11);
+						uni.hideLoading();
+
+					}
+				})
+			},
+			//振动
+			onFeedTap() {
+				let platform = uni.getSystemInfoSync().platform
+				// #ifdef APP-PLUS
+				if (platform == "ios") {
+					let UIImpactFeedbackGenerator = plus.ios.importClass('UIImpactFeedbackGenerator');
+					let impact = new UIImpactFeedbackGenerator();
+					impact.prepare();
+					impact.init(1);
+					impact.impactOccurred();
+				}
+				if (platform == "android") {
+					// uni.vibrateShort();
+					uni.vibrateShort({
+						success: () => {
+							console.log('success');
+						},
+						fail: () => {
+							console.log('失败');
+						},
+					});
+				}
+				// #endif
+			},
+
+
+			//文字转语音
+			txtspeech(val, i) {
+
+				xuiat({
+					text: val
+				}).then(res => {
+					if (res.code == 1) {
+						this.talkList[i].audio_file = res.data.audio_file
+						this.nums = this.talkList.length - 1
+						// this.palyaudio(res.data)
+					}
+				}).catch((err) => {
+					console.log(err)
+				})
+
+
+
+				// 暂时不用
+				// let arry1;
+				// if (val.indexOf(',') == -1) {
+				// 	arry1 = val.split(',')
+				// } else if (val.indexOf('，') == -1) {
+				// 	arry1 = val.split('，')
+				// } else {
+				// 	arry1.push(val)
+				// }
+
+				// const temp = []
+				// for (let i = 0; i < arry1.length; i++) {
+				// 	temp.push(
+				// 		// 使用Promise用于异步计算
+				// 		new Promise((resolve, reject) => {
+
+				// 			ttWss({
+				// 				data: arry1[i]
+				// 			}).then(res => {
+
+				// 				return resolve(res.data.mp3)
+				// 			}).catch(err => {
+				// 				return reject(err)
+				// 			})
+				// 		})
+				// 	)
+				// }
+				// Promise.all(temp).then(res => {
+				// 	// console.log(res,'2222222')
+				// 	this.audio_file = res
+
+				// 	this.ScanAudio(res, this.currentIndex, 0)
+				// })
+
+			},
+
+			//语音分段  数组 条数 延时
+			ScanAudio(urls, currentIndex, delayInSeconds) {
+
+				if (currentIndex >= urls.length) {
+					this.palystatus = true;
+					return false;
+				}
+
+				const music = uni.createInnerAudioContext();
+				music.src = urls[currentIndex];
+				console.log(urls[currentIndex])
+
+				console.log('播放成功', this.palystatus)
+				if (this.palystatus) {
+					this.palystatus = false
+					music.play();
+
+				} else {
+
+					music.pause();
+
+				}
+
+				music.onEnded(() => {
+
+					music.destroy();
+					setTimeout(() => {
+						this.ScanAudio(urls, currentIndex + 1, delayInSeconds);
+					}, delayInSeconds * 1000);
+				});
+
+			},
+			//点击事件
+			longclick() {
+				if (this.touchE - this.touchT < 1000) {
+					console.log('点击');
+				}
+
+			},
+			longpress(e) {
+				// console.log(e.touches[0].pageX)
+
+				this.onFeedTap()
+				this.touchT = new Date().getTime();
+				this.islong = true
+				this.risshow = false
+				this.$refs.popup.open('center')
+				// 限制时长
+				this.timer = setInterval(() => {
+					this.num++
+				}, 1000)
+				this.btnStatus = 1
+				recorderManager.start({
+					//时长5分钟,单位毫秒
+					duration: 300000,
+					sampleRate: 16000, //采样率，有效值 8000/16000/44100  
+					numberOfChannels: 1, //录音通道数，有效值 1/2  
+					encodeBitRate: 96000, //编码码率  
+					format: "MP3", //音频格式，有效值 aac/mp3  
+					frameSize: 8, //指定帧大小  
+					// format: "pcm",
+				});
+				recorderManager.onFrameRecorded((res) => {
+					console.log(res, '111111111111')
+					let arr1 = res
+					uni.sendHostEvent('log', option, (ret) => {
+						//发送消息成功回调
+						console.log('语音分片消息成功' + JSON.stringify(arr1));
+					});
+				})
+				this.touchStartX = e.touches[0].pageX; // 获取触摸时的原点
+				this.touchStartY = e.touches[0].pageY; // 获取触摸时的原点
+			},
+			start(e) {
+				// console.log(e.touches[0].pageX)
+				this.touchStartX = e.touches[0].pageX; // 获取触摸时的原点
+				this.touchStartY = e.touches[0].pageY; // 获取触摸时的原点
+			},
+
+			end() {
+
+				this.touchE = new Date().getTime();
+
+				if (this.islong) {
+					this.closePop()
+					// clearInterval(this.timer1)
+					// this.btnStatus = 0
+					// // 暂停播放
+					// innerAudioContext.stop()
+					// //异步,解决录音结束后,路径没赋值就传值,导致的路径为空
+					// setTimeout(() => {
+					// 	let obj = {
+					// 		status: false,
+					// 		path: [{
+					// 			src: this.voicePath,
+					// 			switchStatus: false,
+					// 			soundTime: this.num
+					// 		}]
+					// 	}
+					// 	console.log(1111, this.voicePath)
+					// 	// if (this.voicePath.length > 0) {
+					// 	// 	uni.$u.throttle(this.uploadFile(this.voicePath), 500)
+					// 	// }
+					// 	this.num = 0
+					// 	// pathToBase64(this.voicePath)
+					// 	// 	.then(base64 => {
+					// 	// 		const arrayBuffer = new Uint8Array(base64)
+					// 	// 		const base1 = uni.arrayBufferToBase64(arrayBuffer)
+					// 	// 		let params = {
+					// 	// 			common: {
+					// 	// 				app_id: '2eda6c2e',
+					// 	// 			},
+					// 	// 			business: {
+					// 	// 				language: "zh_cn",
+					// 	// 				domain: "iat",
+					// 	// 				accent: "mandarin",
+					// 	// 				vad_eos: 5000,
+					// 	// 				dwa: "wpgs",
+					// 	// 			},
+					// 	// 			data: {
+					// 	// 				status: 2,
+					// 	// 				format: "audio/L16;rate=16000",
+					// 	// 				encoding: "raw",
+					// 	// 				audio: base64.split(',')[1]
+					// 	// 			},
+					// 	// 		};
+					// 	// 		this.audioTxt = JSON.stringify(params)
+					// 	// 		this.audiosckt()
+					// 	// 	})
+					// 	// 	.catch(error => {
+					// 	// 		console.error(error)
+					// 	// 	})
+
+					// 	// this.socketaudio.send(JSON.stringify(params))
+
+					// }, 500)
+
+					this.islong = false
+					clearInterval(this.timer)
+					this.btnStatus = 0
+					recorderManager.stop();
+					// console.log(this.voicePath, "888");
+					// this.closePop()
+					if (this.risshow == false && this.touchE - this.touchT > 3000) {
+						let data = {
+							"id": '@',
+							"content": '加载完毕',
+							"type": 2,
+
+						}
+						this.talkList.push(data);
+						// 异步,解决录音结束后,路径没赋值就传值,导致的路径为空
+						setTimeout(() => {
+							let obj = {
+								status: false,
+								path: [{
+									src: this.voicePath,
+									switchStatus: false,
+									soundTime: this.num
+								}]
+							}
+
+							if (this.voicePath.length > 0 && this.risshow == false) {
+								// this.huashow=true
+								this.TabItemTap()
+
+
+								throttle(this.uploadFile(this.voicePath), 1000)
+
+							}
+
+							this.num = 0
+						}, 500)
+
+					} else {
+						if (!this.risshow) {
+							uni.showModal({
+								title: "录音时长不超过3s"
+							})
+						}
+
+					}
+
+
+				}
+
+
+
+
+			},
+			toBase64() {
+
+				pathToBase64(this.voicePath)
+					.then(base64 => {
+
+						// this.$scope.$getAppWebview().children()[0].evalJS('uniEvent(base64)');
+						// const arrayBuffer = new Uint8Array(base64)
+						// const base1 = uni.arrayBufferToBase64(arrayBuffer.split(0, 1280))
+						// let params = {
+						// 	common: {
+						// 		app_id: '2eda6c2e',
+						// 	},
+						// 	business: {
+						// 		language: "zh_cn",
+						// 		domain: "iat",
+						// 		accent: "mandarin",
+						// 		vad_eos: 5000,
+						// 		dwa: "wpgs",
+						// 	},
+						// 	data: {
+						// 		status: 2,
+						// 		format: "audio/L16;rate=16000",
+						// 		encoding: "raw",
+						// 		audio: base1
+						// 	},
+						// };
+						// this.audioTxt = JSON.stringify(params)
+
+					})
+					.catch(error => {
+						console.error(error)
+					})
+			},
+
+			//删除本地录音文件
+			deletespeech() {
+				this.btnStatus = 0
+				let that = this
+				this.closePop()
+
+				uni.getSavedFileList({
+					success: function(res) {
+
+						if (res.fileList.length > 0) {
+
+							uni.removeSavedFile({
+								filePath: res.fileList[0].filePath,
+								complete: function(res) {
+									console.log(res);
+								}
+							});
+						}
+					}
+				});
+			},
+			//发送示列
+			sendDetail(data) {
+				this.content = data
+				this.send()
+			},
+			//语音隐藏
+
+			hidesend() {
+				this.isshow = !this.isshow
+			},
+			//录音
+			Dialogue() {
+				// this.maskShow = !this.maskShow
+				this.$refs.popup.open('center')
+			},
+			footerCheck(e) {
+				console.log(e)
+				this.maskShow = false
+				this.isshow = true
+			},
+			//音频播放
+
+			palyaudio1(item, i) {
+				this.palystatus = !this.palystatus
+				console.log(this.audio_file, '111')
+				if (!this.palystatus) {
+
+					this.ScanAudio(this.audio_file, this.currentIndex, 0)
+				} else {
+					this.ScanAudio(this.audio_file, this.currentIndex, 0)
+					// this.txtspeech(item.content, i)
+				}
+				// innerAudioContext.onError((res) => {
+				// 	console.log(res.errMsg);
+				// 	console.log(res.errCode);
+				// 	this.palystatus = true
+				// });
+
+				innerAudioContext.onEnded((res) => {
+					this.palystatus = true
+				});
+
+			},
+			//音频播放
+
+			palyaudio(item, i) {
+				this.palystatus = !this.palystatus
+				if (!this.palystatus) {
+					innerAudioContext.src = item.audio_file;
+					innerAudioContext.play()
+				} else {
+					innerAudioContext.pause()
+				}
+				innerAudioContext.onError((res) => {
+					console.log(res.errMsg);
+					console.log(res.errCode);
+					this.palystatus = true
+				});
+
+				innerAudioContext.onEnded((res) => {
+					this.palystatus = true
+				});
+
+			},
+
+
+			copyText(str) {
+				uni.setClipboardData({
+					data: str,
+					success: function() {
+						uni.showToast({
+							icon: 'none',
+							title: '复制成功'
+						});
+					}
+				});
+			},
+			// 获取历史消息
+			getHistoryMsg() {
+				return;
+				if (this.ajax.flag) {
+					return; //
+				}
+
+				let get = async () => {
+					this.hideLoadTips();
+					this.ajax.flag = false;
+					let data = await this.joinHistoryMsg();
+
+					console.log('----- 模拟数据格式，供参考 -----');
+					// console.log(data); // 查看请求返回的数据结构 
+
+					// 获取待滚动元素选择器，解决插入数据后，滚动条定位时使用
+					let selector = '';
+
+					if (this.ajax.page > 1) {
+						// 非第一页，则取历史消息数据的第一条信息元素
+						selector = `#msg-${this.talkList[0].id}`;
+					} else {
+						// 第一页，则取当前消息数据的最后一条信息元素
+						selector = `#msg-${data[data.length-1].id}`;
+					}
+
+					// 将获取到的消息数据合并到消息数组中
+					this.talkList = [...data, ...this.talkList];
+
+					// 数据挂载后执行，不懂的请自行阅读 Vue.js 文档对 Vue.nextTick 函数说明。
+					this.$nextTick(() => {
+						// 设置当前滚动的位置
+						this.setPageScrollTo(selector);
+
+						this.hideLoadTips(true);
+
+						if (data.length < this.ajax.rows) {
+							// 当前消息数据条数小于请求要求条数时，则无更多消息，不再允许请求。
+							// 可在此处编写无更多消息数据时的逻辑
+						} else {
+							this.ajax.page++;
+
+							// 延迟 200ms ，以保证设置窗口滚动已完成
+							setTimeout(() => {
+								this.ajax.flag = true;
+							}, 200)
+						}
+
+					})
+				}
+				get();
+			},
+			// 拼接历史记录消息
+			joinHistoryMsg() {
+				let join = () => {
+					let arr = [];
+
+					//通过当前页码及页数，模拟数据内容
+					let startIndex = (this.ajax.page - 1) * this.ajax.rows;
+					let endIndex = startIndex + this.ajax.rows;
+					for (let i = startIndex; i < endIndex; i++) {
+						arr.push({
+							"id": i, // 消息的ID
+							"content": `这是历史记录的第${i+1}条消息`, // 消息内容
+							"type": Math.random() > 0.5 ? 1 : 0, // 此为消息类别，设 1 为发出去的消息，0 为收到对方的消息,
+							"pic": "/static/avatar.png" // 头像
+						})
+					}
+
+					/*
+						颠倒数组中元素的顺序。将最新的数据排在本次接口返回数据的最后面。
+						后端接口按 消息的时间降序查找出当前页的数据后，再将本页数据按消息时间降序排序返回。
+						这是数据的重点，因为页面滚动条和上拉加载历史的问题。
+					 */
+					arr.reverse();
+
+					return arr;
+				}
+
+				// 此处用到 ES6 的 Promise 知识，不懂的请自行学习。
+				return new Promise((done, fail) => {
+					// 无数据请求接口，由 setTimeout 模拟，正式项目替换为 ajax 即可。
+					setTimeout(() => {
+						let data = join();
+						done(data);
+					}, 1500);
+				})
+			},
+			focus() {
+				// this.$nextTick(()=>{
+				//   setTimeout(()=>{
+				//     uni.pageScrollTo({
+				//       scrollTop: 9999999, // 当前位置向下滚动
+				//       duration: 300 // 滚动过渡时间为300ms，默认值为300ms
+				//     });
+				//   }, 0)
+				// })
+			},
+			// 设置页面滚动位置
+			setPageScrollTo(selector) {
+				let view = uni.createSelectorQuery().in(this).select(selector);
+				view.boundingClientRect((res) => {
+					uni.pageScrollTo({
+						scrollTop: res.top - 30, // -30 为多显示出大半个消息的高度，示意上面还有信息。
+						duration: 0
+					});
+				}).exec();
+			},
+			// 隐藏加载提示
+			hideLoadTips(flag) {
+				if (flag) {
+					this.ajax.loadText = '消息获取成功';
+					setTimeout(() => {
+						this.ajax.loading = false;
+					}, 300);
+				} else {
+					this.ajax.loading = true;
+					this.ajax.loadText = '正在获取消息';
+				}
+			},
+			// 关闭连接
+			closeSocketTask() {
+				try {
+					clearInterval(this.timer);
+					this.talkList[this.talkList.length - 1].content = this.c_content + '';
+					// console.log(this.talkList[this.talkList.length - 1].content);
+					// this.c_content = '';
+					// this.n_content = '';
+					this.socketTask.close({
+						code: 500, // APP端存在BUG,正常关闭的code为1000,无法正常关闭,需要将code换为其他值
+						complete: (res) => {
+							this.showStop = false;
+							console.log('主动断开', res);
+							this.wsLiveFlag = false;
+						}
+					})
+				} catch (e) {
+					//TODO handle the exception
+				}
+			},
+			move(e) {
+
+				let that = this;
+				let moveX = this.touchMoveX - e.touches[0].pageX;
+				let moveY = this.touchMoveY - e.touches[0].pageY;
+				// console.log(-115 > moveX && -240 < moveX,moveY)
+				let platform = uni.getSystemInfoSync().platform;
+				if(platform==='ios'){
+					if (-115 > moveX && -240 < moveX && moveY < -620 && moveY > -730) {
+					
+						this.risshow = true
+					
+						this.deletespeech()
+					} else {
+						this.risshow = false
+					}
+				}else{
+					
+				
+				if (-115 > moveX && -240 < moveX && moveY < -359 && moveY > -480) {
+
+					this.risshow = true
+
+					this.deletespeech()
+				} else {
+					this.risshow = false
+				}
+				}
+
+			},
+			audiosckt() {
+				this.socketaudio = uni.connectSocket({
+					//url: encodeURI(encodeURI(myUrl).replace(/\+/g, '%2B')),
+					url: this.audioUrl,
+					method: 'GET',
+					token: '',
+					success: res => {
+						console.log(res, "ws成功连接...")
+					}
+				})
+				// 消息的发送和接收必须在正常连接打开中,才能发送或接收【否则会失败】
+				this.socketaudio.onOpen((res) => {
+					console.log("WebSocket连接正常打开中...！");
+
+					//第一帧
+
+
+					let params = {
+						common: {
+							app_id: '2eda6c2e',
+						},
+						business: {
+							language: "zh_cn",
+							domain: "iat",
+							accent: "mandarin",
+							vad_eos: 5000,
+							dwa: "wpgs",
+						},
+						data: {
+							status: 0,
+							format: "audio/L16;rate=16000",
+							encoding: "raw",
+						},
+					};
+
+					this.socketaudio.send({
+						data: JSON.stringify(params),
+						async success(res) {
+							console.log("消息发送成功", '1');
+							that.audioTxt = ''
+						},
+					});
+
+
+
+					//第二帧
+
+					this.handlerInterval = setInterval(() => {
+						// 中间帧
+						console.log(this.audioTxt)
+						let that = this
+						this.socketaudio.send({
+							data: JSON.stringify({
+								data: {
+									status: 1,
+									format: 'audio/L16;rate=16000',
+									encoding: 'raw',
+									audio: this.audioTxt
+								}
+							}),
+							async success(res) {
+								console.log("消息发送成功", that.audioTxt, '2');
+								that.audioTxt = ''
+							},
+						});
+
+						if (this.audioTxt.length === 0) {
+							this.socketaudio.send({
+								data: JSON.stringify({
+									data: {
+										status: 2,
+										format: 'audio/L16;rate=16000',
+										encoding: 'raw',
+										audio: ''
+									}
+								}),
+								async success(res) {
+									console.log("消息发送成功", '3');
+									clearInterval(that.handlerInterval);
+									return false;
+								},
+							});
+
+						};
+					}, 40);
+
+
+					// 注：只有连接正常打开中 ，才能正常成功发送消息
+					// this.socketaudio.send({
+					// 	data: JSON.stringify(params),
+					// 	async success(res) {
+					// 		console.log("消息发送成功", res);
+					// 	},
+					// });
+
+					// 注：只有连接正常打开中 ，才能正常收到消息
+
+				})
+				// 这里仅是事件监听【如果socket关闭了会执行】
+				// this.socketaudio.onClose(() => {
+				// 	console.log("已经被关闭了")
+				// })
+				this.socketaudio.onMessage((res) => {
+					console.log("收到服务器内容：" + res.data);
+				});
+
+			},
+			send1() {
+
+				this.showStop = true;
+				// 将当前发送信息 添加到消息列表。
+				let data = {
+					"id": new Date().getTime(),
+					"content": this.content,
+					"type": 1,
+					"pic": this.avatarType
+				}
+				this.TEXT = this.content,
+					this.talkList.push(data);
+				this.talkList.push({
+					"id": new Date().getTime(),
+					"content": '',
+					"type": 2,
+					// "pic": this.avatarType
+				});
+				this.n_content = '';
+				this.c_content = '';
+				this.socketing = true;
+				// return ;
+				this.$nextTick(() => {
+					// 清空内容框中的内容
+					this.content = '';
+
+				})
+
+
+				this.sendToSpark1();
+
+			},
+			async sendToSpark1() {
+				this.tempRes = "";
+				let realThis = this;
+				this.socketTask = uni.connectSocket({
+					//url: encodeURI(encodeURI(myUrl).replace(/\+/g, '%2B')),
+					url: `wss://chat.lihaink.cn/chat?type=${this.wssType}&timestamp=${Date.now()}`,
+					method: 'GET',
+					token: '',
+					success: res => {
+						console.log(res, "ws成功连接...")
+						realThis.wsLiveFlag = true;
+					}
+				})
+				realThis.socketTask.onError((res) => {
+					console.log("连接发生错误，请检查appid是否填写", res)
+				})
+				realThis.socketTask.onOpen((res) => {
+
+					this.historyTextList.push({
+						"role": "user",
+						"content": this.TEXT
+					})
+					// 第一帧..........................................
+					console.log('连接成功...')
+
+					if (this.historyTextList.length > 9) this.params = JSON.parse(JSON.stringify(this
+						.historyTextList
+						.splice(-9)));
+					else this.params = JSON.parse(JSON.stringify(this.historyTextList));
+					this.isSurpass();
+					realThis.socketTask.send({ // 发送消息，，都用uni的官方版本
+						data: JSON.stringify(this.params),
+						success() {
+							console.log('第一帧发送成功');
+						}
+					});
+				});
+
+				// 接受到消息时
+				realThis.socketTask.onMessage((res) => {
+					// console.log('收到API返回的内容：', res.data);
+					let obj = JSON.parse(res.data)
+					// console.log("我打印的"+obj.payload);
+					if (!realThis.wsLiveFlag) return;
+					let dataArray = obj.payload.choices.text;
+					for (let i = 0; i < dataArray.length; i++) {
+						this.talkList[this.talkList.length - 1].content += dataArray[i].content;
+						this.n_content = this.talkList[this.talkList.length - 1].content;
+						realThis.tempRes = realThis.tempRes + dataArray[i].content
+					}
+					let temp = JSON.parse(res.data)
+					// console.log("0726",temp.header.code)
+					if (temp.header.code !== 0) {
+						this.socketing = false;
+						console.log(`${temp.header.code}:${temp.message}`);
+						realThis.socketTask.close({
+							success(res) {
+								console.log('关闭成功', res)
+								realThis.wsLiveFlag = false;
+							},
+							fail(err) {
+								console.log('关闭失败', err)
+							}
+						})
+					}
+					if (temp.header.code === 0) {
+						if (res.data && temp.header.status === 2) {
+							this.socketing = false;
+							this.historyTextList.push({
+								"role": "assistant",
+								"content": this.tempRes
+							})
+							this.nums = this.talkList.length - 1
+
+							this.txtspeech(this.n_content, this.talkList.length -
+								1)
+							setTimeout(() => {
+								let that = this
+								realThis.socketTask.close({
+									success(res) {
+										console.log('关闭成功', res)
+
+
+										realThis.wsLiveFlag = false;
+									},
+									fail(err) {
+										// console.log('关闭失败', err)
+									}
+								})
+							}, 1000)
+						}
+					}
+				})
+
+
+			},
+			
+			// 发送信息
+			send() {
+				if (!this.content) {
+					uni.showToast({
+						title: '请输入有效的内容',
+						icon: 'none'
+					})
+					return;
+				}
+				this.showStop = true;
+				// 将当前发送信息 添加到消息列表。
+				let data = {
+					"id": new Date().getTime(),
+					"content": this.content,
+					"type": 1,
+					// "pic": this.avatar
+					"pic": this.avatarType
+				}
+				// console.log(data);
+				this.TEXT = this.content;
+				this.talkList.push(data);
+				this.talkList.push({
+					"id": new Date().getTime(),
+					"content": '',
+					"type": 2,
+					// "pic": this.avatarType
+				});
+				this.n_content = '';
+				this.c_content = '';
+				this.socketing = true;
+				// return ;
+				this.$nextTick(() => {
+					// 清空内容框中的内容
+					this.content = '';
+					// uni.pageScrollTo({
+					//   scrollTop: 999999, // 设置一个超大值，以保证滚动条滚动到底部
+					//   duration: 0
+					// });
+				})
+				this.sendToSpark();
+
+			},
+			async sendToSpark() {
+				this.tempRes = "";
+				let realThis = this;
+				this.socketTask = uni.connectSocket({
+					//url: encodeURI(encodeURI(myUrl).replace(/\+/g, '%2B')),
+					url: `wss://chat.lihaink.cn/chat?type=${this.wssType}&timestamp=${Date.now()}`,
+					method: 'GET',
+					token: '',
+					success: res => {
+						console.log(res, "ws成功连接...")
+						realThis.wsLiveFlag = true;
+					}
+				})
+				realThis.socketTask.onError((res) => {
+					console.log("连接发生错误，请检查appid是否填写", res)
+				})
+				realThis.socketTask.onOpen((res) => {
+					this.historyTextList.push({
+						"role": "user",
+						"content": this.TEXT
+					})
+					// 第一帧..........................................
+					console.log('连接成功...')
+					// let params = {
+					//   "header": {
+					//     "app_id": this.APPID,
+					//     "uid": "aef9f963-7"
+					//   },
+					//   "parameter": {
+					//     "chat": {
+					//       "domain": "generalv2",
+					//       "temperature": 0.5,
+					//       "max_tokens": 1024
+					//     }
+					//   },
+					//   "payload": {
+					//     "message": {
+					//       "text": this.historyTextList
+					//     }
+					//   }
+					// };
+					if (this.historyTextList.length > 9) this.params = JSON.parse(JSON.stringify(this
+						.historyTextList
+						.splice(-9)));
+					else this.params = JSON.parse(JSON.stringify(this.historyTextList));
+					this.isSurpass();
+					realThis.socketTask.send({ // 发送消息，，都用uni的官方版本
+						data: JSON.stringify(this.params),
+						success() {
+							console.log('第一帧发送成功');
+						}
+					});
+				});
+
+				// 接受到消息时
+				realThis.socketTask.onMessage((res) => {
+					// console.log('收到API返回的内容：', res.data);
+					let obj = JSON.parse(res.data)
+					// console.log("我打印的"+obj.payload);
+					if (!realThis.wsLiveFlag) return;
+					let dataArray = obj.payload.choices.text;
+					for (let i = 0; i < dataArray.length; i++) {
+						this.talkList[this.talkList.length - 1].content += dataArray[i].content;
+						this.n_content = this.talkList[this.talkList.length - 1].content;
+						realThis.tempRes = realThis.tempRes + dataArray[i].content
+
+					}
+					this.cavshare(this.talkList)
+					let temp = JSON.parse(res.data)
+					// console.log("0726",temp.header.code)
+					if (temp.header.code !== 0) {
+						this.socketing = false;
+						console.log(`${temp.header.code}:${temp.message}`);
+						realThis.socketTask.close({
+							success(res) {
+								console.log('关闭成功', res)
+								realThis.wsLiveFlag = false;
+							},
+							fail(err) {
+								console.log('关闭失败', err)
+							}
+						})
+					}
+					if (temp.header.code === 0) {
+						if (res.data && temp.header.status === 2) {
+							this.socketing = false;
+							this.historyTextList.push({
+								"role": "assistant",
+								"content": this.tempRes
+							})
+							this.nums = this.talkList.length - 1
+							this.txtspeech(this.n_content, this.talkList.length -
+								1)
+							setTimeout(() => {
+								let that = this
+								realThis.socketTask.close({
+									success(res) {
+										console.log('关闭成功', res)
+
+										realThis.wsLiveFlag = false;
+
+
+									},
+									fail(err) {
+										// console.log('关闭失败', err)
+									}
+								})
+							}, 1000)
+						}
+					}
+				})
+
+			},
+
+			// 判断文字是否超过五千字
+			isSurpass() {
+				let sum = this.params.reduce((accumulator, currentValue) => {
+					return accumulator + currentValue.content;
+				}, '');
+				if (sum.length > 5000) {
+					this.params.shift();
+					return this.isSurpass();
+				} else {
+					console.log(`本次发送${sum.length}字`);
+					return sum;
+				}
+			},
+			// 鉴权
+			getWebSocketUrl() {
+				return new Promise((resolve, reject) => {
+					// https://spark-api.xf-yun.com/v1.1/chat  V1.5 domain general
+					// https://spark-api.xf-yun.com/v2.1/chat  V2.0 domain generalv2
+					var url = "wss://spark-api.xf-yun.com/v2.1/chat";
+					var host = "spark-api.xf-yun.com";
+					var apiKeyName = "api_key";
+					var date = new Date().toGMTString();
+					var algorithm = "hmac-sha256";
+					var headers = "host date request-line";
+					var signatureOrigin = `host: ${host}\ndate: ${date}\nGET /v2.1/chat HTTP/1.1`;
+					var signatureSha = CryptoJS.HmacSHA256(signatureOrigin, this.APISecret);
+					var signature = CryptoJS.enc.Base64.stringify(signatureSha);
+					var authorizationOrigin =
+						`${apiKeyName}="${this.APIKey}", algorithm="${algorithm}", headers="${headers}", signature="${signature}"`;
+					var authorization = base64.encode(authorizationOrigin);
+					url = `${url}?authorization=${authorization}&date=${encodeURI(date)}&host=${host}`;
+
+					// console.log(url)
+					resolve(url);
+				});
+			},
+			// 滚动到头部
+			bindScroll() {
+				if (this.userId == 0) {
+					this.getHistory();
+					this.getproductInfo();
+					this.getOrderInfo();
+					this.getRefundDetail();
+					this.getStoreDetail();
+				} else {
+					this.getMerHistory();
+				}
+			},
+			// 当滑动页面时,收起键盘,与微信聊天效果保持一致
+			touchmove(e) {
+				uni.hideKeyboard()
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	@import "../../lib/global.scss";
+
+	page {
+		// background-color: #f5f5f5;
+		height: 100vh;
+		// background: url('@/static/icon/bg1.png') no-repeat;
+		background-size: 100% 100%;
+		background-attachment: fixed;
+		background-repeat: no-repeat;
+		font-size: 28rpx;
+	}
+
+	@keyframes load {
+		0% {
+			height: 10%;
+		}
+
+		50% {
+			height: 100%;
+		}
+
+		100% {
+			height: 10%;
+		}
+	}
+
+	// 取消发送
+	.move_center_footer {
+		margin-top: 20rpx;
+		font-size: 24rpx;
+		color: #666;
+	}
+
+	.bg1 {
+		background-color: #fff !important;
+		color: #000 !important;
+	}
+
+	.move_center_top {
+		height: 40rpx;
+		width: 100%;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+
+
+		.move_center_item {
+			display: block;
+			// background: #333333;
+
+			width: 6rpx;
+			height: 10%;
+			margin: 0 6rpx;
+			float: left;
+		}
+
+		.move_center_item:nth-child(1) {
+			animation: load 2.5s 1.4s infinite linear;
+		}
+
+		.move_center_item:nth-child(2) {
+			animation: load 2.5s 1.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(3) {
+			animation: load 2.5s 1s infinite linear;
+		}
+
+		.move_center_item:nth-child(4) {
+			animation: load 2.5s 0.8s infinite linear;
+		}
+
+		.move_center_item:nth-child(5) {
+			animation: load 2.5s 0.6s infinite linear;
+		}
+
+		.move_center_item:nth-child(6) {
+			animation: load 2.5s 0.4s infinite linear;
+		}
+
+		.move_center_item:nth-child(7) {
+			animation: load 2.5s 0.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(8) {
+			animation: load 2.5s 0s infinite linear;
+		}
+
+		.move_center_item:nth-child(9) {
+			animation: load 2.5s 0.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(10) {
+			animation: load 2.5s 0.4s infinite linear;
+		}
+
+		.move_center_item:nth-child(11) {
+			animation: load 2.5s 0.6s infinite linear;
+		}
+
+		.move_center_item:nth-child(12) {
+			animation: load 2.5s 0.8s infinite linear;
+		}
+
+		.move_center_item:nth-child(13) {
+			animation: load 2.5s 1s infinite linear;
+		}
+
+		.move_center_item:nth-child(14) {
+			animation: load 2.5s 1.2s infinite linear;
+		}
+
+		.move_center_item:nth-child(15) {
+			animation: load 2.5s 1.4s infinite linear;
+		}
+
+	}
+
+	.conten-top {
+		width: 100%;
+		padding-top: var(--status-bar-height);
+		padding-bottom: 30rpx;
+		// background: url('@/static/icon/bg1.png');
+		background-size: cover;
+		text-align: center;
+		background-color: transparent;
+		position: absolute;
+		top: 0;
+		position: fixed;
+		z-index: 10;
+	}
+
+
+	.popup_box {
+		height: 100vh;
+		width: 100vw;
+
+		position: relative;
+
+		// 取消录音区域
+		.move {
+			width: 100%;
+			position: absolute;
+			left: 0;
+			bottom: 550rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+
+			.move_center_clear {
+				width: 40%;
+				height: 200rpx;
+				border-radius: 50rpx;
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+				// background: rgba(250, 83, 83, .5);
+				background: url('@/static/icon/ai6.png') no-repeat;
+				background-size: 100% 100%;
+
+			}
+
+			.move_center {
+				width: 40%;
+				height: 200rpx;
+				// background: rgba(149, 234, 108, .5);
+				background: url('@/static/icon/ai6.png') no-repeat;
+				background-size: 100% 100%;
+
+				display: flex;
+				justify-content: center;
+				align-items: center;
+				flex-direction: column;
+			}
+		}
+
+		.popup_box-con {
+			.popup_box-cona {
+				width: 100%;
+
+				position: absolute;
+				bottom: 288rpx;
+				display: flex;
+				justify-content: space-between;
+				padding: 0 40rpx;
+
+				view {
+					width: 140rpx;
+					height: 140rpx;
+					line-height: 140rpx;
+					border-radius: 50%;
+					text-align: center;
+					font-size: 37rpx;
+					color: #fff;
+					background: rgb(57, 57, 57);
+					margin: 0 auto;
+
+				}
+
+				view:hover {
+					background: #fff !important;
+					color: #333;
+				}
+			}
+
+			.popup_box-conb {
+				width: 100%;
+				height: 244rpx;
+				position: absolute;
+				bottom: 0;
+
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+		}
+	}
+
+
+	@keyframes blink {
+		0% {
+			opacity: 1;
+		}
+
+		50% {
+			opacity: 0;
+		}
+
+		100% {
+			opacity: 1;
+		}
+	}
+
+	.flex_c {
+		display: flex;
+		justify-content: space-between;
+
+
+		.flex_c_img {
+			width: 62rpx;
+			height: 62rpx;
+			margin-top: 20rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+
+		.flex_c_txt {
+			width: 450rpx;
+			margin-top: 15rpx;
+
+			.con {
+				width: 450rpx;
+				height: 70rpx;
+				line-height: 70rpx;
+
+				text-align: center;
+				background: #F5F5F5;
+				border-radius: 10rpx;
+			}
+		}
+	}
+
+	.flex_d {
+		height: 300rpx;
+		padding: 49rpx 50rpx;
+		display: flex;
+
+		view {
+			width: 136rpx;
+			height: 177rpx;
+
+			margin-right: 60rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+
+	.blinking-box {
+		display: flex;
+
+
+		font-size: 30rpx;
+		font-family: Microsoft YaHei;
+		font-weight: 400;
+		color: #182534;
+
+
+		image {
+			width: 40rpx;
+			height: 40rpx;
+			margin: auto 0;
+			margin-right: 30rpx;
+		}
+
+
+	}
+
+	.wrapper {
+		height: auto !important;
+	}
+
+	.contenta {
+		width: 710rpx;
+		height: 70rpx;
+		background-color: #fff;
+		display: flex;
+
+		margin-top: 10rpx;
+		padding-top: 12rpx;
+
+		.contenta-img {
+			width: 46rpx;
+			height: 46rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+
+			margin-left:34rpx;
+		}
+
+		.contenta-imga {
+			width: 37rpx;
+			height: 39rpx;
+			margin-top: 5rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+
+			margin-left:34rpx;
+		}
+
+		.contenta-ai {
+			width: 48rpx;
+			height: 48rpx;
+
+			image {
+				width: 100%;
+				height: 100%;
+			}
+		}
+	}
+
+
+
+	/* 加载数据提示 */
+	.tips {
+		position: fixed;
+		left: 0;
+		top: var(--window-top);
+		width: 100%;
+		z-index: 9;
+		background-color: rgba(0, 0, 0, 0.15);
+		height: 72rpx;
+		line-height: 72rpx;
+		transform: translateY(-80rpx);
+		transition: transform 0.3s ease-in-out 0s;
+
+		&.show {
+			transform: translateY(0);
+		}
+	}
+
+	.box-1 {
+		width: 100%;
+		height: 100%;
+		// min-height: calc(100vh - 100rpx);
+		padding-bottom: 200rpx;
+		box-sizing: content-box;
+		display: flex;
+		flex-direction: column;
+		justify-content: flex-end;
+
+		// /* 兼容iPhoneX */
+		// margin-bottom: 0;
+		// margin-bottom: constant(safe-area-inset-bottom);
+		// margin-bottom: env(safe-area-inset-bottom);
+	}
+
+	.multiline-text {
+		white-space: pre-line;
+		/* 或 white-space: pre-wrap; */
+	}
+
+	.box-2 {
+		position: fixed;
+		left: 0;
+		width: 100%;
+		bottom: 0;
+		height: auto;
+		z-index: 2;
+		border-top: #e5e5e5 solid 1px;
+		box-sizing: content-box;
+		background-color: #fff;
+		transform: translateY(0);
+		/* 初始化 transform 属性 */
+		transition: transform 0.3s ease;
+		/* 添加过渡效果 */
+
+		/* 兼容iPhoneX */
+		padding-bottom: 0;
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+
+		>view {
+			padding: 20rpx 20rpx;
+
+		}
+
+		.content {
+			background: #F5F5F5;
+			height: 70rpx;
+			padding: 0 20rpx;
+			border-radius: 6rpx;
+			font-size: 28rpx;
+		}
+
+		.send {
+			background-color: #2573fb;
+			color: #fff;
+			height: 64rpx;
+			margin-left: 20rpx;
+			border-radius: 6rpx;
+			padding: 0;
+			width: 120rpx;
+			line-height: 62rpx;
+
+			&:active {
+				background-color: #1573fb;
+			}
+		}
+	}
+
+	.talk-list {
+		padding-bottom: 20rpx;
+
+		.talk-list-con {
+			width: 714rpx;
+			height: 320rpx;
+			background: #FFFFFF;
+			box-shadow: 5rpx 6rpx 0px 0px rgba(0, 0, 0, 0.02);
+			border-radius: 8rpx;
+
+			margin: 0 auto;
+			margin-top: 50rpx;
+			padding: 36rpx 32rpx;
+
+			.talk-list-con-title {
+				font-size: 32rpx;
+				font-family: Microsoft YaHei;
+				font-weight: 400;
+				color: #006CFF;
+				margin-bottom: 33rpx;
+			}
+
+			.talk-list-con-title1 {
+				font-size: 28rpx;
+				font-family: Microsoft YaHei;
+				font-weight: 400;
+				color: #182534;
+				line-height: 48rpx;
+				margin-bottom: 20rpx;
+			}
+
+			.talk-list-con-title2 {
+				display: flex;
+				font-size: 30rpx;
+				font-family: Microsoft YaHei;
+				font-weight: 400;
+				color: #182534;
+
+				view {
+					display: flex;
+					justify-content: space-between;
+					padding: 0 20rpx;
+					width: 468rpx;
+					height: 70rpx;
+					line-height: 70rpx;
+					text-align: center;
+					background: #E2EDF9;
+					border-radius: 12rpx;
+
+					image {
+						width: 55rpx;
+						height: 55rpx;
+						margin-top: 10rpx;
+					}
+
+				}
+			}
+		}
+
+		/* 消息项，基础类 */
+		.item {
+			padding: 20rpx 20rpx 0 20rpx;
+			align-items: flex-start;
+			align-content: flex-start;
+			color: #333;
+
+			.pic {
+				width: 92rpx;
+				height: 92rpx;
+				border-radius: 50%;
+
+			}
+
+			.content {
+				padding: 20rpx;
+				border-radius: 4px;
+				max-width: 580rpx;
+				word-break: break-all;
+				line-height: 52rpx;
+				position: relative;
+			}
+
+			/* 收到的消息 */
+			&.pull {
+				.content {
+					min-width: 20rpx;
+					min-height: 52rpx;
+					margin-left: 32rpx;
+					background-color: #fff;
+
+					&::after {
+						content: '';
+						display: none;
+						width: 0;
+						height: 0;
+						border-top: 16rpx solid transparent;
+						border-bottom: 16rpx solid transparent;
+						border-right: 20rpx solid #fff;
+						position: absolute;
+						top: 30rpx;
+						left: -18rpx;
+					}
+				}
+			}
+
+			/* 发出的消息 */
+			&.push {
+				/* 主轴为水平方向，起点在右端。使不修改DOM结构，也能改变元素排列顺序 */
+				// flex-direction: row-reverse;
+
+				.content {
+					min-width: 20rpx;
+					min-height: 52rpx;
+					margin-left: 32rpx;
+					background-color: #2573fb;
+					color: #fff;
+
+					&::after {
+						content: '';
+						display: block;
+						width: 0;
+						height: 0;
+						border-top: 16rpx solid transparent;
+						border-bottom: 16rpx solid transparent;
+						border-left: 20rpx solid #2573fb;
+						position: absolute;
+						top: 30rpx;
+						left: -20rpx;
+						transform: rotate(180deg);
+					}
+				}
+			}
+		}
+	}
+
+	.bing-math {
+		margin: 0 !important;
+		padding: 0 !important;
+	}
+
+	.talk-list .item.pull .content {
+		max-width: 590px;
+		margin-left: 0px;
+	}
+
+	.placeholder {
+		width: 100vw;
+		background-color: #1573fb;
+		// background-color: transparent;
+		// transform: translateY(0); /* 初始化 transform 属性 */
+		// transition: transform 0.3s ease; /* 添加过渡效果 */
+	}
+
+	.downsocket {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		background-color: #2573fb !important;
+		color: #fff !important;
+	}
+</style>
\ No newline at end of file
diff --git a/static/icon/fb1.png b/static/icon/fb1.png
new file mode 100644
index 0000000000000000000000000000000000000000..786e3f31f35939f0542352f9846ea2b19a60fce6
GIT binary patch
literal 446
zcmV;v0YUzWP)<h;3K|Lk000e1NJLTq001cf000dL1^@s6G+js500001b5ch_0Itp)
z=>Px$cu7P-R7gw3)jvyIQ4j_2--3mO5DU8~u`oo-6oO3(L5PK*Mba6PPCvpz0%-(4
zKq@O2)J{;rU;-9)QLs=DOsZG}B4}ZmLWqpqh3CV4`%l)}J>JYY=g!PMQ_}wF#T;fZ
zjQIY8eXL@uU5Zkh0I!pfz5<+Gyu*2`Tv?INFoAyj#CKd308e8bT@8>2-YZ-d#J<2J
zdT^5X|3!RN<Y#=!5r)87e7y%aTKYS+wgHW|A<_D%X#T_{zhFN1BSz*84npL6RBA9?
zV-!cZ{~xi?sJcwtK$_QV>LSWDu%b}UL*!{1_*$IzRbVHzrdgd)$-t|gXzkzB;#yec
z5c$6j(;miiF+VWYtisgNrA*#n8k-`h%41iu8yAgK@&lF&X7XivZP}1c&1AU2NWIq`
zGqnAPulsE*g{)78KZZ{|#V>rT<C9a^ctD?wZ52NK1jmRaaK|TGcmua7aj6w_Y~!>l
oG`qWplHfBOVhx+E0$1~H05~#E!`+b`&j0`b07*qoM6N<$g2)HOl>h($

literal 0
HcmV?d00001

diff --git a/static/icon/fb2.png b/static/icon/fb2.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9534065e79c604528fc2cdb79dba242eae84170
GIT binary patch
literal 1119
zcmV-l1fctgP)<h;3K|Lk000e1NJLTq001Tc001Hg1^@s6Gpwt)00001b5ch_0Itp)
z=>Px(8A(JzR9Hv7m|Lh-RTPFlGo&IdE7G#aO3fY&GKn(s5@l9|X^7^d<%?ZJp$F5n
zjKmviA_VpzLWx8{C1QeNX{9JZT82eh5N2gw$h?=ycbHRVleO1gOSg@;bN0CWYmI;0
zRy*oTJKzrBUf?d^R-ij@6>tS`0QeR70oV>~0@ea2>x42$RWbMrz*9iiszyQY6tEJQ
z3v8}pTLoBOU<xpzio*&z0-O}yXhZcfV3z?ife96Y)m8Zim=8<`juja<0@e-q2=Hwc
z$=|^Gz#UWbJFpMfAJW_f=m87?9s~4OBwK-Dz~21FB4D=w8-eQ!JRJmP1B)6xX#)VG
z!rRw(E<XYTfuGYKa$pkt^8!$kSK`h9PSnj?qCXXQ1!$l7u!61fKjQyWV3z}1fZH=8
z%YQhq;XDAPrXzu6z@?c#v-AKUO-O;6p64^=Ux538-7NwY-3$&K_GP4EwJu13^#QhJ
zK#v0V0bjKkRCG5ESd#hv3%J>o#y7SCkf5o&4#<fMDXV}-vjDb`83MZj_$ec#Wb6g}
z+XR(5&jAksy@BJvcOgv{%i$*WwiRPvlIZ;=CV@Q*EY2K^2i`1ks-1k8SE6I}J`KFn
z1f2cy@l0oc0X_&#F8+2T4CJz*`x0QPtB6GZq(sqFn$lEW7T7KzZG4vPfD%VG-aS<i
z1s&hqHGsq}l8XTwcUqy#1!nc7J!L5{wj}V2z?>SuRP{l9;6~zlWM_!7L0}Hli;{n~
zRYi#t=Ucy;z+MBUmDsEab2X}L6WE_X#~Q#s3;nGQwr0TI1D;GAZWfqb-KG|0Au#cO
zPG#QDRtju2Ff;-3A@D>Au<HOvRaLRNuP!0Kew;e4>rv(kOinrRqxc5h<IAL#?V?lI
z<vJt*M+xkna4@7mB=?sk$XeN8^D4I(yTn=fJ<u}&VtVr#R)jN-BsbOD!mhS693Hlm
zW+TaN;P^{9?j#r%fqDJBkwiWXJQ&vJs$4o3JzL1DnW21N6M@-vU2*NuQQX5N<k_wA
zTq2j)+#N<$+T1?{25FNnif)$gW{$oA`d3IvUCb8O7r?cNq1?I?_&NvX-){lWWKo=@
zwhuwJLM%3K%QQRsoea#10rF$Sy~uOk%{3MGEZa)m8JRzb>y)cfzVF-lT~y_En-raI
zoq=`XwdRgp>O9}xZqhJQJ7ajoOZ2pfMjelwN5V33)~?aPdnK?u7!;+?bME~>UODkC
za41ofL!M&~hb7RDEk)ue8WZOAe||6fMBtv}=K((xq+PicJTqldLr%4wYq?bUsB%+q
zFuE0p0!@729cBKi0E_l^cDD}Oir>QO%EzI2T(g@UIfdkJ7SJ(bb96FzIs5VC#>~id
l+BV~5FOLM(XtgekcLr(s%Yx}q$(aBE002ovPDHLkV1kui{;B`~

literal 0
HcmV?d00001