From 2646df0a4803712054d5f5d57ed12dbc22271621 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com>
Date: Tue, 24 Oct 2023 10:05:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/homepage/index.js                   |  38 ++
 api/taskDetails/index.js                |   9 +
 pages/seekadvicefrom/seekadvicefrom.vue | 755 ++++++++++++++++++++++++
 pages/taskDetails/taskDetails.vue       | 163 +++++
 static/homepages.png                    | Bin 0 -> 1076 bytes
 static/jinbi.png                        | Bin 0 -> 1621 bytes
 static/my.png                           | Bin 0 -> 1281 bytes
 static/mys.png                          | Bin 0 -> 1217 bytes
 utils/conversion.js                     |  29 +
 9 files changed, 994 insertions(+)
 create mode 100644 api/homepage/index.js
 create mode 100644 api/taskDetails/index.js
 create mode 100644 pages/seekadvicefrom/seekadvicefrom.vue
 create mode 100644 pages/taskDetails/taskDetails.vue
 create mode 100644 static/homepages.png
 create mode 100644 static/jinbi.png
 create mode 100644 static/my.png
 create mode 100644 static/mys.png
 create mode 100644 utils/conversion.js

diff --git a/api/homepage/index.js b/api/homepage/index.js
new file mode 100644
index 0000000..17569f9
--- /dev/null
+++ b/api/homepage/index.js
@@ -0,0 +1,38 @@
+import request from "../request.js"
+
+// 查询工单列表
+export function getList(data) {
+	return request({
+		url: `/nurseApp/orders/getList`,
+		method: 'GET',
+		data: data
+	})
+}
+
+//修改订单状态
+export function updateStatus(data) {
+	return request({
+		url: `/nurseApp/orders/updateStatus`,
+		method: 'post',
+		data: data
+	})
+}
+
+//拒单接口
+export function closeHealthConsultationOrder(data) {
+	return request({
+		url: `/nurseApp/weChatPayment/closeHealthConsultationOrder`,
+		method: 'post',
+		data: data
+	})
+}
+
+
+//消息列表
+export function consultationInfolist(data) {
+	return request({
+		url: `/nurseApplet/consultationInfo/list`,
+		method: 'get',
+		data: data
+	})
+}
\ No newline at end of file
diff --git a/api/taskDetails/index.js b/api/taskDetails/index.js
new file mode 100644
index 0000000..ceda26c
--- /dev/null
+++ b/api/taskDetails/index.js
@@ -0,0 +1,9 @@
+import request from "../request.js"
+
+// 工单详情
+export function consultationInfo(id) {
+	return request({
+		url: `/nurseApplet/consultationInfo/${id}`,
+		method: 'GET',
+	})
+}	
\ No newline at end of file
diff --git a/pages/seekadvicefrom/seekadvicefrom.vue b/pages/seekadvicefrom/seekadvicefrom.vue
new file mode 100644
index 0000000..8c5e893
--- /dev/null
+++ b/pages/seekadvicefrom/seekadvicefrom.vue
@@ -0,0 +1,755 @@
+<template>
+	<view class="content">
+		<!-- <view class="title">
+			<image src="../../static/huijiantou.png" @click="back"></image>
+			{{currentItem.senderName}}
+		</view> -->
+		<!-- 聊天渲染列表 -->
+		<!-- scroll-y scroll-into-view="placeholder" scroll-top="500" scroll-with-animation -->
+		<scroll-view scroll-y="true" :scroll-top='scrollTop' id="demo"
+			:style="'height:calc(100vh - '+ inputboxtop +'px)'" scroll-with-animation="true">
+			<view style="height: 85vh; padding-top: 200rpx;" @tap='touchend'>
+				<view class="snedItem" v-for="(item, index) in newsList" :key="index">
+					<view class="ifSend" v-if="item.senderName == userName">
+						<view class="sendBox" v-if="item.messageType=='1'">{{item.content}}</view>
+						<image v-if="item.messageType=='2'" :src="baseurl+item.content" class="snedItemimage" />
+						<image class="head" src="@/static/headsculpture.png"></image>
+					</view>
+					<view class="doctorSend" v-else>
+						<image class="head" src="@/static/docHead.png"></image>
+						<view class="">
+							<text>{{item.senderName}}</text>
+							<view class="sendBox" v-if="item.content">{{item.content}}</view>
+						</view>
+					</view>
+					<video v-if="item.video" :src="item.video"></video>
+				</view>
+				<!-- <view class="placeholder" id="placeholder" v-if="showFunBtn"></view> -->
+			</view>
+		</scroll-view>
+
+		<!-- 底部输入 -->
+		<view class="input-box" :class="{ 'input-box-mpInputMargin': mpInputMargin }">
+			<view class="input-box-flex">
+				<!--弹出常用 -->
+				<!-- <image class="icon_img" :src="require('@/static/ico/often.png')" @tap="oftenx"></image> -->
+				<!-- 输入框 -->
+				<view class="input-box-flex-grow"> <input type="text" class="contenxxt" id="input"
+						v-model="formData.content" :hold-keyboard="true" :confirm-type="'send'" :confirm-hold="true"
+						placeholder-style="color:#DDDDDD;" :cursor-spacing="10" @confirm='sendconfirm' /> </view>
+				<!-- 选择表情包 -->
+				<!-- <image class=" icon_btn_add" :src="require('@/static/ico/emoji.png')" @tap="exprec"></image> -->
+				<!-- 发送消息按钮 -->
+				<image class=" icon_btn_add" :src="require('@/static/ico/send.png')" @tap="sendout"
+					v-if="formData.content!==''" mode=""></image>
+				<!-- <text class="send-out iconfont icon-fasong"  ></text> -->
+				<!-- 弹出拍照-->
+				<!-- @tap="switchFun" -->
+				<uni-icons type="plus" size="33" class="icon_btn_add" v-else @tap='goshowFunBtn'></uni-icons>
+				<!-- <image  :src="require('@/static/ico/more.png')" v-else @tap='goshowFunBtn'></image> -->
+			</view>
+			<!-- 弹出拍照-->
+			<view class="fun-box" :class="{'show-fun-box':showFunBtn}">
+				<u-grid :col="4" hover-class="contentType2-hover-class" :border="false">
+					<u-grid-item v-for="(item, index) in funList" @tap.stop="tapGrid(index)" :index="index" :key="index"
+						bg-color="#f3f3f3">
+						<u-icon :name="item.icon" :size="52"></u-icon>
+						<uni-icons style="opacity: 0.7;width: 52rpx;height: 52rpx; " v-if="index==2"
+							:type="index==2?'folder-add-filled':''" size="26"></uni-icons>
+						<view class="grid-text">{{ item.title }}</view>
+					</u-grid-item>
+				</u-grid>
+			</view>
+			<!-- 弹出表情 -->
+			<view class="fun-box2" :class="{'show-fun-box':showExpre}">
+				<view class="emoji-box emoji-move-in">
+					<scroll-view scroll-y="true" style="height:200px">
+						<view class="list">
+							<text v-for="(item,index) in emojisList" :key="index" @tap.stop="expre(item)"
+								class="touch-active">{{item}}</text>
+						</view>
+					</scroll-view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import {
+		sendMessage,
+		getChatRecord,
+		markRead
+	} from '@/api/pagesC/seekadvicefrom/seekadvicefrom.js';
+	import baseurl from '@/api/baseurl.js'
+	export default {
+		data() {
+			return {
+				baseurl: '',
+				title: '',
+				SOCKETURL: 'ws://8.131.93.145:54088/webSocket/',
+				socketOpen: false,
+				sendInfo: {},
+				currentItem: '',
+				userName: '',
+				mpInputMargin: true, //适配微信小程序 底部输入框高度被顶起的问题
+				//发送的聊天消息
+				formData: {
+					content: "",
+					limit: 15,
+					index: 1,
+				},
+				timeout: 180000,
+				timeoutObj: null,
+				newsList: [],
+				showFunBtn: false, //是否展示功能型按钮
+				showOften: false, //是否展示常用
+				showExpre: false, //是否显示表情
+				//九宫格
+				funList: [{
+						icon: "photo-fill",
+						title: "照片",
+						uploadType: ["album"]
+					},
+					{
+						icon: "camera-fill",
+						title: "拍摄",
+						uploadType: ["camera"]
+					},
+					{
+						icon: "",
+						title: "文件",
+					},
+				],
+				emojisList: [
+					'😄', '😃', '😀', '😊', '😉', '😍', '😘', '😚', '😗',
+					'😙', '😜', '😝', '😛', '😳', '😁', '😔', '😌', '😒',
+					'😞', '😣', '😢', '😂', '😭', '😪', '😥', '😰', '😅',
+					'😓', '😩', '😫', '😨', '😱', '😠', '😡', '😤', '😖',
+					'👦', '👧', '👨', '👩', '👴', '👵', '👱', '👼', '👸',
+					'👀', '👍', '👎', '👌', '👊', '✊', '✌', '👉', '👏',
+					'💗', '💛', '💙', '💜', '💚', '❤', '💔', '💓', '💕',
+					'🌟', '💢', '🏃', '🙅', '💁', '🙋', '💼', '💬', '💭',
+				], //表情包
+				//常用语
+				oftenTermList: [{
+						id: 0,
+						title: "你好，很高兴",
+					},
+					{
+						id: 0,
+						title: "在吗",
+					},
+				],
+				scrollTop: 999999,
+				inputboxtop: undefined,
+			};
+		},
+		onReady() { //更改导航栏文字
+			uni.setNavigationBarTitle({
+				title: this.title,
+			});
+		},
+		onLoad(options) {
+			this.baseurl = baseurl;
+			// uni.closeSocket()
+			this.currentItem = JSON.parse(options.item)
+			this.title = this.currentItem.doctorName //导航栏标题
+			this.userName = this.currentItem.patientName
+			this.SOCKETURL = this.SOCKETURL + this.currentItem.patientId
+			this.getPageHistory()
+			this.scoket()
+		},
+		mounted() {
+			// wx.pageScrollTo({
+			// 	scrollTop: 9999999
+			// })
+		},
+		methods: {
+			getPageHistory() {
+				let obj = {
+					consultationId: this.currentItem.id,
+					senderId: this.currentItem.patientId,
+					recipientId: this.currentItem.doctorId,
+				}
+				getChatRecord(obj).then(res => {
+					res.data.forEach(e => {
+						if (e.readStatus == 0) {
+							this.Read()
+						}
+					})
+					this.newsList = res.data
+					setTimeout(() => {
+						let query = uni.createSelectorQuery().in(this);
+						//需要给黄色区域设置一个id标识，在这里是demo
+						query.select('.input-box').boundingClientRect(data => {
+							this.inputboxtop = data.height //赋值，待会要用
+							this.scrollTop = this.scrollTop + 1;
+						}).exec();
+					}, 100)
+				})
+			},
+			Read() {
+				let markReadData = {
+					consultationId: this.currentItem.id,
+					recipientId: this.currentItem.doctorId,
+				}
+				markRead(markReadData)
+			},
+			//键盘发送
+			sendconfirm(value) {
+				this.sendout();
+			},
+			touchend() {
+				this.showFunBtn = false; //隐藏功能
+				this.showExpre = false; //隐藏表情
+				this.showOften = false; //隐藏常用
+				uni.hideKeyboard();
+				setTimeout(() => {
+					let query = uni.createSelectorQuery().in(this);
+					//需要给黄色区域设置一个id标识，在这里是demo
+					query.select('.input-box').boundingClientRect(data => {
+						this.inputboxtop = data.height //赋值，待会要用
+						this.scrollTop = this.scrollTop + 1;
+					}).exec();
+				}, 200)
+			},
+			goshowFunBtn() {
+				this.showFunBtn = !this.showFunBtn; //隐藏功能
+				uni.hideKeyboard();
+				setTimeout(() => {
+					let query = uni.createSelectorQuery().in(this);
+					//需要给黄色区域设置一个id标识，在这里是demo
+					query.select('.input-box').boundingClientRect(data => {
+						console.log(data)
+						this.inputboxtop = data.height //赋值，待会要用
+						setTimeout(() => {
+							this.scrollTop = this.scrollTop + 1;
+						}, 200)
+					}).exec();
+				}, 300)
+			},
+			sendout() {
+				const that = this
+				if (this.socketOpen == false) {
+					return
+				}
+				this.newsList.push({
+					senderName: this.userName,
+					content: this.formData.content
+				})
+				let obj = {
+					consultationId: that.currentItem.id,
+					senderId: that.currentItem.patientId,
+					senderName: that.currentItem.patientName,
+					recipientId: that.currentItem.doctorId,
+					recipientName: that.currentItem.doctorName,
+					messageType: 1,
+					sendTime: new Date(),
+					content: this.formData.content
+				}
+				sendMessage(obj).then(res => {
+					that.formData.content = '' //清空输入框的文本
+					setTimeout(() => {
+						that.scrollTop = that.scrollTop + 1;
+					}, 100)
+					if (res.code != 200) {
+
+					}
+				})
+				// try {
+				// 	const that = this
+				// let message = this.formData.content
+				// 	uni.sendSocketMessage({
+				// 		data: message,
+				// 		success(res) {
+				// 			let obj = {
+				// 				consultationId: that.currentItem.id,
+				// 				senderId: that.currentItem.patientId,
+				// 				senderName: that.currentItem.patientName,
+				// 				recipientId: that.currentItem.doctorId,
+				// 				recipientName: that.currentItem.doctorName,
+				// 				messageType: 1,
+				// 				sendTime: new Date(),
+				// 				// messageType: 消息类型(0： 其他 1： 文字， 2： 图片 3： 表情 4： 视频 5： 文件 6： 链接)
+				// 				content: message
+				// 			}
+				// 			sendMessage(obj).then(res => {
+				// 				setTimeout(() => {
+				// 					that.scrollTop = that.scrollTop + 1;
+				// 				}, 100)
+				// 			})
+				// 		}
+				// 	})
+				// } catch (e) {
+				// 	console.log(e, '断线了')
+				// 	// uni.closeSocket();
+				// }
+			},
+			//输入常用消息
+			oftenc(e) {
+				this.formData.content = e.title;
+			},
+			//选择表情
+			expre(e) {
+				this.formData.content = !this.formData.content ? e : this.formData.content + e;
+			},
+			//切换功能性按钮
+			// switchFun() {
+			// 	this.showOften = false; //隐藏常用
+			// 	this.showExpre = false; //隐藏表情
+			// 	this.showFunBtn = !this.showFunBtn; //显示功能
+			// 	uni.hideKeyboard();
+			// 	setTimeout(() => {
+			// 		let query = uni.createSelectorQuery().in(this);
+			// 		//需要给黄色区域设置一个id标识，在这里是demo
+			// 		query.select('.input-box').boundingClientRect(data => {
+			// 			this.inputboxtop = data.height //赋值，待会要用
+			// 		}).exec();
+			// 		this.scrollTop = this.scrollTop + 1;
+			// 	}, 200)
+			// },
+			//是否展示常用
+			// oftenx() {
+			// 	this.showFunBtn = false; //隐藏功能
+			// 	this.showExpre = false; //隐藏表情
+			// 	this.showOften = !this.showOften; //显示常用
+			// 	uni.hideKeyboard();
+			// 	setTimeout(() => {
+			// 		let query = uni.createSelectorQuery().in(this);
+			// 		//需要给黄色区域设置一个id标识，在这里是demo
+			// 		query.select('.input-box').boundingClientRect(data => {
+			// 			this.inputboxtop = data.height //赋值，待会要用
+			// 		}).exec();
+			// 		this.scrollTop = this.scrollTop + 1;
+			// 	}, 100)
+			// },
+			//是否展示表情
+			// exprec() {
+			// 	this.showFunBtn = false; //隐藏功能
+			// 	this.showOften = false; //隐藏常用
+			// 	this.showExpre = !this.showExpre; //显示表情
+			// 	uni.hideKeyboard();
+			// 	setTimeout(() => {
+			// 		let query = uni.createSelectorQuery().in(this);
+			// 		//需要给黄色区域设置一个id标识，在这里是demo
+			// 		query.select('.input-box').boundingClientRect(data => {
+			// 			this.inputboxtop = data.height //赋值，待会要用
+			// 		}).exec();
+			// 		this.scrollTop = this.scrollTop + 1;
+			// 	}, 100)
+			// },
+			//点击宫格时触发
+			tapGrid(index) {
+				if (index == 0) {
+					this.chooseImage(["album"]);
+				} else if (index == 1) {
+					this.chooseImage(["camera"]);
+				} else if (index == 2) {
+					uni.chooseMessageFile({
+						count: 6, //默认100
+						extension: ['.zip', '.doc'],
+						success: function(res) {
+							console.log(res)
+							// console.log(JSON.stringify(res.tempFilePaths));
+						}
+					});
+
+				}
+			},
+			//发送图片
+			chooseImage(sourceType) {
+				var that = this
+				if (this.socketOpen == false) {
+					return
+				}
+				uni.chooseImage({
+					sourceType,
+					sizeType: ["compressed"],
+					success: (res) => {
+						that.showFunBtn = false;
+						setTimeout(() => {
+							let query = uni.createSelectorQuery().in(this);
+							//需要给黄色区域设置一个id标识，在这里是demo
+							query.select('.input-box').boundingClientRect(data => {
+								console.log(data)
+								this.inputboxtop = data.height //赋值，待会要用
+								setTimeout(() => {
+									this.scrollTop = this.scrollTop + 1;
+								}, 200)
+							}).exec();
+						}, 300)
+						res.tempFilePaths.forEach(e => {
+							that.newsList.push({
+								imgurl: e,
+								senderName: that.userName,
+							})
+							uni.uploadFile({
+								url: baseurl +
+									'/nurseApplet/consultationInfo/uploadConsultationFile',
+								filePath: e,
+								name: 'file',
+								timeout: 5000,
+								success(resp) {
+									console.log(resp)
+									var fileurls = JSON.parse(resp.data)
+									let obj = {
+										consultationId: that.currentItem.id,
+										senderId: that.currentItem.patientId,
+										senderName: that.currentItem.patientName,
+										recipientId: that.currentItem.doctorId,
+										recipientName: that.currentItem.doctorName,
+										messageType: 2,
+										sendTime: new Date(),
+										content: fileurls.fileUrl
+									}
+									sendMessage(obj).then(respp => {
+										console.log(respp)
+									})
+								}
+							})
+						})
+					},
+				});
+			},
+			//用户触摸屏幕的时候隐藏键盘
+			touchstart() {
+				uni.hideKeyboard();
+				setTimeout(() => {
+					let query = uni.createSelectorQuery().in(this);
+					//需要给黄色区域设置一个id标识，在这里是demo
+					query.select('.input-box').boundingClientRect(data => {
+						this.inputboxtop = data.height //赋值，待会要用
+						this.scrollTop = this.scrollTop + 1;
+					}).exec();
+				}, 200)
+			},
+			scoket() {
+				const that = this
+				this.socketOpen = false
+				try {
+					uni.connectSocket({
+						url: that.SOCKETURL
+					})
+					uni.onSocketOpen(res => {
+						console.log('webScoket连接已打开', res);
+						that.socketOpen = true
+						that.reset()
+					})
+					uni.onSocketError(err => {
+						console.log('webScoket连接打开失败', err);
+						if (err && err.code != 1000) {
+							setTimeout(() => {
+								that.socketOpen = true
+								uni.connectSocket({
+									url: that.SOCKETURL
+								})
+							}, 3 * 1000)
+						}
+					})
+					uni.onSocketClose(err => {
+						console.log('webScoket连接关闭', err);
+						if (err && err.code !== 1000) {
+							setTimeout(() => {
+								that.socketOpen = true
+								uni.connectSocket({
+									url: that.SOCKETURL
+								})
+							}, 3 * 1000)
+						}
+					})
+					uni.onSocketMessage(res => {
+						console.log("webScoket监听收到的信息", res);
+						that.newsList.push({
+							senderName: that.currentItem.patientName,
+							content: JSON.parse(res.data).message
+						})
+						that.Read()
+					})
+				} catch (e) {
+					console.log(e);
+				}
+			},
+			// 心跳响应
+			reset() {
+				let that = this
+				clearInterval(that.timeoutObj);
+				that.timeoutObj = setInterval(() => {
+					uni.sendSocketMessage({
+						data: 'ping',
+						success(res) {
+							console.log('正在发送心跳');
+						},
+						fail(err) {
+							console.log('心跳发送失败，重新连接...');
+							that.socketOpen = true
+							uni.connectSocket({
+								url: that.SOCKETURL
+							})
+						}
+					})
+				}, that.timeout)
+			},
+			back() {
+				uni.navigateBack({
+					delta: 1
+				})
+			}
+		},
+		onUnload() {
+			clearInterval(this.timeoutObj);
+			if (this.socketOpen == true) {
+				uni.closeSocket();
+			}
+		}
+	};
+</script>
+
+<style lang="scss" scoped>
+	page {
+		background-color: #f3f3f3;
+	}
+
+	#demo {
+		transition: all 0.3s ease;
+	}
+
+	.content {
+		.input-box {
+			position: fixed;
+			bottom: 0;
+			left: 0;
+			width: 100%;
+			box-sizing: content-box;
+			z-index: 999;
+			background-color: #f3f3f3;
+			/* #ifdef APP-PLUS */
+			margin-bottom: 0rpx;
+			margin-bottom: constant(safe-area-inset-bottom);
+			margin-bottom: env(safe-area-inset-bottom);
+			/* #endif */
+			/* #ifdef MP-WEIXIN */
+			padding-bottom: 0rpx;
+			padding-bottom: constant(safe-area-inset-bottom);
+			padding-bottom: env(safe-area-inset-bottom);
+			/* #endif */
+
+			.input-box-flex {
+				display: flex;
+				justify-content: flex-start;
+				align-items: center;
+				flex-wrap: nowrap;
+				flex-direction: row;
+				padding: 20rpx;
+				box-sizing: border-box;
+
+				image {
+					width: 63rpx;
+					height: 63rpx;
+				}
+
+				.icon_img {
+					margin-right: 20rpx;
+				}
+
+				.icon_btn_add {
+					margin-left: 20rpx;
+				}
+
+				// .send-out {
+				// 	font-size: 65rpx;
+				// 	margin-left: 15rpx;
+				// 	color: #16c694;
+				// 	width: 100rpx;
+				// 	height: 100rpx;
+				// }
+
+				.input-box-flex-grow {
+					flex: 1;
+				}
+
+				.contenxxt {
+					box-sizing: border-box;
+					background-color: #fff;
+					height: 80rpx;
+					padding: 0 20rpx;
+					border-radius: 12rpx;
+					font-size: 28rpx;
+					caret-color: $uni-color-success;
+				}
+			}
+
+			.fun-box {
+				opacity: 0;
+				height: 0;
+				transition: all 0.3s ease;
+				transform: translateY(100%);
+
+				.grid-text {
+					padding-top: 10rpx;
+					color: $uni-text-color-grey;
+				}
+			}
+
+			.fun-box1 {
+				opacity: 0;
+				transition: all 0.1s ease-in-out;
+				height: 0;
+
+				.often-super {
+					padding: 30rpx;
+					height: 240rpx;
+					background-color: #f3f3f3;
+					width: auto;
+
+					.flex-row {
+						padding: 10rpx 0;
+						border-bottom: 1rpx #e8e8e8 solid;
+
+						.often-text-size {
+							color: #5a5a5a;
+							font-size: 26rpx;
+							margin-top: 6rpx;
+							margin-bottom: 6rpx;
+						}
+					}
+				}
+			}
+
+			.fun-box2 {
+				opacity: 0;
+				transition: all 0.1s ease-in-out;
+				height: 0;
+
+				.emoji-box {
+					position: relative;
+					height: 200rpx;
+					padding: 5rpx 0;
+					box-sizing: border-box;
+					margin-bottom: -200rpx;
+					background-color: #f3f3f3;
+
+					.list {
+						display: flex;
+						flex-wrap: wrap;
+						padding: 0 0 0 14rpx;
+						padding-bottom: constant(safe-area-inset-bottom);
+						padding-bottom: env(safe-area-inset-bottom);
+
+						.touch-active {
+							width: 65rpx;
+							height: 60rpx;
+							text-align: center;
+							border-radius: 3rpx;
+							line-height: 60rpx;
+							font-size: 38rpx;
+						}
+					}
+				}
+
+				.emoji-move-in {
+					-webkit-animation: emoji-move-in 0.3s forwards;
+					animation: emoji-move-in 0.3s forwards;
+				}
+			}
+
+			.show-fun-box {
+				opacity: 1;
+				height: 300rpx;
+				transition: all 0.3s ease;
+				transform: translateY(0%) !important;
+			}
+		}
+
+		.input-box-mpInputMargin {
+			/* #ifdef MP-WEIXIN */
+			padding-bottom: 0rpx;
+			/* #endif */
+		}
+	}
+
+	.snedItem {
+		padding: 0rpx 30rpx 40rpx 30rpx;
+
+		.snedItemimage {
+			width: 200rpx;
+			height: 200rpx;
+			border-radius: 3rpx;
+		}
+	}
+
+	.ifSend {
+		display: flex;
+		justify-content: flex-end;
+
+		.head {
+			width: 80rpx;
+			height: 80rpx;
+			margin-left: 20rpx;
+		}
+
+		.sendBox {
+			background-color: #55d0df7d;
+			padding: 18rpx 20rpx;
+			border-radius: 0 0 10rpx 10rpx;
+			font-size: 34rpx;
+			flex: none;
+			max-width: 550rpx;
+			word-break: break-all;
+		}
+	}
+
+	.doctorSend {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+
+		.head {
+			width: 90rpx;
+			height: 90rpx;
+			margin-right: 20rpx;
+		}
+
+		text {
+			color: #b2b2b2;
+			font-size: 24rpx;
+		}
+
+		.sendBox {
+			background-color: #d7d7d77d;
+			padding: 18rpx 20rpx;
+			border-radius: 0 0 10rpx 10rpx;
+			font-size: 34rpx;
+			flex: none;
+			max-width: 550rpx;
+			word-break: break-all;
+		}
+	}
+
+	.placeholder {
+		height: 200rpx;
+		transition: all 0.3s ease;
+		transform: translateY(0%) !important;
+	}
+
+	.title {
+		font-size: 20px;
+		text-align: center;
+		height: 80rpx;
+		border-bottom: 1rpx solid #f6f6f6;
+		padding-top: 100rpx;
+		position: fixed;
+		width: 100%;
+		background: white;
+		z-index: 10;
+
+		image {
+			width: 20rpx;
+			height: 30rpx;
+			transform: rotate(180deg);
+			position: absolute;
+			left: 40rpx;
+			bottom: 38rpx;
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/taskDetails/taskDetails.vue b/pages/taskDetails/taskDetails.vue
new file mode 100644
index 0000000..2ee7bb6
--- /dev/null
+++ b/pages/taskDetails/taskDetails.vue
@@ -0,0 +1,163 @@
+<template>
+	<view class="app" v-if="list">
+		<view class="top">
+			<view class="title">
+				患者信息
+			</view>
+			<view class="text">
+				姓名：{{list.patientName}}
+			</view>
+			<view class="text">
+				性别：{{list.sex}}
+			</view>
+			<view class="text">
+				身份证号：{{list.cardNo}}
+			</view>
+			<view class="text">
+				手机号码：{{list.phone}}
+			</view>
+			<view class="text">
+				家庭住址：{{list.address}}
+			</view>
+		</view>
+		<view class="center top">
+			<view class="title">
+				预约时间
+			</view>
+			<view class="time">
+				{{list.appointmentDate}}{{' '+list.appointmentStartTime+'-'+list.appointmentEndTime}}
+			</view>
+		</view>
+		<view class="bottom top">
+			<view class="title">
+				咨询内容
+			</view>
+			<view class="text-area">
+				{{list.problemStatement}}
+			</view>
+		</view>
+		<view class="fileimage top">
+			<view class="title">
+				检查单/患处照片
+			</view>
+			<view class="images" v-for='(item,index) in fileUrls'>
+				<image :src="item" mode="" @click.stop='previewImage(index)'></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import baseurl from '@/api/baseurl.js'
+	import {
+		consultationInfo
+	} from '@/api/taskDetails/index.js'
+	import {
+		getSex
+	} from '@/utils/conversion.js'
+	export default {
+		data() {
+			return {
+				list: null,
+				baseurl: null,
+				fileUrls: [],
+			};
+		},
+		onLoad(options) {
+			this.baseurl = baseurl
+			this.info(options.id)
+		},
+		methods: {
+			previewImage(index) {
+				uni.previewImage({
+					urls: this.fileUrls,
+					current: index,
+					indicator: "default",
+					loop: true
+				})
+			},
+			info(id) {
+				consultationInfo(id).then(res => {
+					res.data.fileUrls.forEach(e => {
+						e = this.baseurl + e
+						this.fileUrls.push(e)
+					})
+					res.data.sex = getSex(res.data.cardNo)
+					this.list = res.data
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+	.app {
+		.fileimage {
+			.images {
+				width: 90%;
+				margin: 0 auto;
+				display: flex;
+				flex-wrap: wrap;
+				justify-content: space-between;
+
+				image {
+					width: 100%;
+				}
+			}
+		}
+
+		.bottom {
+			.text-area {
+				width: 90%;
+				margin: 30rpx auto;
+				font-weight: 500;
+				word-break: break-all;
+			}
+		}
+
+		.center {
+			.time {
+				width: 90%;
+				margin: 0 auto;
+				height: 80rpx;
+				line-height: 80rpx;
+				background: #F7F9F8;
+				margin-top: 20rpx;
+				border-radius: 14rpx;
+				font-size: 28rpx;
+				font-weight: 500;
+				color: #333333;
+				padding-left: 20rpx;
+			}
+		}
+
+		.title {
+			width: 90%;
+			height: 80rpx;
+			line-height: 80rpx;
+			margin: 0 auto;
+			font-size: 28rpx;
+			font-weight: 500;
+			color: #333333;
+			border-bottom: 2rpx solid #E6E6E6;
+		}
+
+		.top {
+			width: 94%;
+			margin: 0 auto;
+			background-color: #fff;
+			border-radius: 10rpx;
+			margin-top: 20rpx;
+			padding-bottom: 20rpx;
+
+			.text {
+				font-size: 24rpx;
+				font-weight: 500;
+				color: #333333;
+				line-height: 60rpx;
+				width: 90%;
+				margin: 0 auto;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/static/homepages.png b/static/homepages.png
new file mode 100644
index 0000000000000000000000000000000000000000..9b8a2281b10b5678fac3a7d5660354fb1bb50f92
GIT binary patch
literal 1076
zcmeAS@N?(olHy`uVBq!ia0vp^F(Ayr3?#1@DrGS+FuDZzgt!8^4Ey&>p57#WdW*#A
z%?NaAlgODJlBc!;Ma0i+5<dl%l03Cp^7IylGiSulY*9GB9-?0C#6}=P>dYn(_rwMu
zDR~m45sWrTo!KmTW;4)ypk9enn}J4w*kB|MR>ScBKTsT~Snkpmpkjzdh5h@14AHBr
zAYAE_TcPHh*(!BvgXjsUGV!yUfW`vN0eV3i>{`jQK#yz!ibFI)NWn9^CC+RC*>Zfn
zC|DUn7AOvO2GC(ZLx4^Na)E|`0^|&c1R5oFW*bNlD0K$t3y{~qwtzeWWM8vi!3zw=
z?2;hAU<Q`-BX9nGJzFPfcex_`&!W^_thoZE=frQyJ=c0=((th(U_#RD1<ifS=B!`E
zxMRN{*MTb>4|q;JRTH_OE310%n^W}rLW3^jNftj>d+p)(KBFM9CFIez;_SQm)iqx<
zTjuNdD8DF*_t@lqI6`piZzTo>CKFE=$B>MBZ*RT~zU&}z{Nt5v5w`*|7H)B1o#M<Q
zC}r8~;P}p4;B_OHM*FGv|LgtJJYI@zx|#C*B#*_<efR3rE@#g3-8SpneDO-5-lG>k
zm|XP8R}bFM{qjm#u+-LBnQz6eOg$-dYweEUExl*XJ&b!>sTAGr+{!0p&3N2uchly^
zN5-kUrSDWt>MGN}Q?)K-e?xUGSDC%bR<GO4PSPh>Gnku$$~LP@S7;{kS8izx-}g50
zyqUqLTjFzNza}#0AFH|XST)`(p+bIA{$jh_ghQ_<%$f5km-({syf=}-hqk$Wn8W^i
zu3~DmKkFkwoBaxz%-yMtcSEOaTRSc0?aowD>5BJh-&fqsOU_YUmc_hUrn>h4+cnv@
zyieahQCqGUd2h+a#<kVXMYFrM-MYDU`*)7q2ZwX+mM*{Qy6sTiSwErM*CyDkxK+96
zKIiS@9lh%>-9E6eSG?)KYJI=?O$WTq^tONHSaoB^kILXh=da#X_sf^wUj9<N=(qM~
zgA3}rwTq>!F3eDRn$KA~A;DnQ&c*L_`_416l)o~_pDq1+VPAh+MMrx@hrPs}DLZo;
zrPBEe)Nf~g{9(6y!)!7C^X#4fQ^e(f@*pK5dmLrYvs6A6m9vWrIsWtc-DOti{?AT~
zm5qP+DEriol^?Ai*1ftS{qHpE{ikvXf6}HGn!iXsyVmA;%s-t&>#UyKcs^@^^6}{x
zyLXx1?0WpYR&$f-TIcgVOM}vM5C8f6{hg9+mVx$}DL?a{c=^~bTgSNE_rq4{S!|`C
O?C<I7=d#Wzp$P!lbQIqJ

literal 0
HcmV?d00001

diff --git a/static/jinbi.png b/static/jinbi.png
new file mode 100644
index 0000000000000000000000000000000000000000..87bf6a43301fec32f1bcaa11072d638b4fc1a0cd
GIT binary patch
literal 1621
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
TK-Ei!00000NkvXXu0mjfw1r6Q

literal 0
HcmV?d00001

diff --git a/static/my.png b/static/my.png
new file mode 100644
index 0000000000000000000000000000000000000000..2a8c80fb2927fa2cf8024074693490e121fcdde8
GIT binary patch
literal 1281
zcmV+c1^)VpP)<h;3K|Lk000e1NJLTq003M7003MF1ONa4N#+{U000EYNkl<Zc-rmT
zTTC2P7zgnGx6qZsV%NsvqBW3+1PLvq-6GZ+_n?8sYt>q<CdLbijSmgRmwI`iNxeK7
zqlr;5UXq$ZQ|pUCsL+G85tABA6SalVq-ZS&F|28+W?48sY!#NB8D`I%Gc(5hzwPdP
zv%fveo}DxE0p#LtNY#$^2UpdjL9C<_DizltfuC^}ag3v%o$@K1S0RQ5G@;aFgOfOf
zZ_&--K7#kvQ!8z^^+prot;BoH6Fz|R8oY#uvMQOv+jxy#@D$E>;T5Us)8gsIK9Ar$
zj1DwAc-P&m%>#IEWnLGqbNIfWvaK$|d6<Soi9<F3v9IwFC-s3W*&%$Rf(_7i-tHnC
zhjD`nHUOZ7w>kLW*=)>T#2#hrR5q~hw8MK!f@iTzF?@h+lq<~QP+9hdayD>N|ATUc
zwnv=T;ka@(0F1J7nKIiWE}qfC2Fmzmjc{H-_i2Iy4{L<uE?lV%zLkgc!5#iUTc!y2
z>VsEkgag;>gG>A|vq)GIoQLTOt?-B@I3hwX{3=~=AI2VhoTjuYe$xbJaiJGJt_co6
z$;#X`aeeR+t#FBJT{hwLiAMGx_*@%2)QvH1@B=cJh-|{6GdQRX-XT+De;$8d6Z<sl
z)e2{WVxJB-Jug{jf7Ac$V!3$&yA`v6ow9{lUV`I;s8y#HuQt9QTbt!cR-y@`%G{mu
zY?+Im<@g>7PI9R$cBhm2tWRs%8EnLmV|S-Bw$%AJJB2!DQ=@o}NnMgy82MW%JMgB|
z<Tyl6#0H$Q9jt)ZJ6MO#EQ_Y_GNLNj|Igcn|AbfJHrztY^iIWy_>zwJ>;~-uegUF}
zx5SUKA5?;K$t9Oua!HF^_e6-+h;^cjsu4yIK?H3UCU6l6agK&Dg2Bn*Z3)-le3Q7J
z8c>ZD3I=VAj*G8n58ghk70#=~W3)x#o&5RqU~h3}bVdW5Z$c{`&_JHgDE4O8^t2?L
zN3aJ^X+_WD+t^2n;Qe=tcTL;!bfjl?r@dp|63*Mv;vzbgX?iwhqXowl&TH@?qOP+6
z*lT+-f%i29x{&7$8vrmc8MB_{4dFbBV;-VYIfh27S;k<o%qt*u;a71spx^4{3^)(t
zh?3t$=UH#nCzm<mpSe2yS*L|RZWGRTA?CF<E$zLP#xJCOIe8U+Qn&6`loN=uWaiW9
zBmRN!*g&muH`oFw-;6K3RvKokxGeMBap8!o?&4IH(({jIKKU=4*I>QZLesQbz=flx
zXw9iTe6uN>ws@_xOvb@-3C`=ZEXtIH?l6Hvs!i0zl=amc!o^yzWlJSco&Go<0C)t|
zGCOlMs~3F`06+yQC3fX*$_?OR1q!@&Ety5Vi2(oz6#DQS#SUCt=C#U3E;oRuzM?+Q
zqJudFPfF~_?Zl1XM-?`6Xo@&w0B2{g!)w?QIZ3Y@zya1x_xN_y1wKYSThxEMa0L_+
zPtrEr=%cS{5<j8?2be*FY{vZk)wQBdti>8sAcB=x?mG26&S4C{VuVi6;H|%yZD{es
zvp=}15Ub~|&MOi{w0y3Z3XzX|5kNkX$O9;F>5=_^f|^5;5||M)lt2<mkwB6XG%Nn3
r>DlSPMO+B{J~zq!a(S?Fv6a68`Jy{RM}+Y*00000NkvXXu0mjfRN8ML

literal 0
HcmV?d00001

diff --git a/static/mys.png b/static/mys.png
new file mode 100644
index 0000000000000000000000000000000000000000..0754c7313ba6ee51fefab87a5efc95f2cdafbbde
GIT binary patch
literal 1217
zcmeAS@N?(olHy`uVBq!ia0vp^F(Ayr3?#1@DrGS+Fop&Agt!8^3}?<ro!KODYLocs
zEt03VNSxj*d1f<^1fxw5t`tz@6o?H$K$UWrwn(1b3Q~UxBqe@vo%orp5LwZytHgl@
zf)sBO2gz=hKDkxm%of2jyT#9JmOQ;l?8HW(EYJ|3p!6w_F7eZwBu{Ns*uNiQf+SEE
z%r21Zsm(x*Aftc=g53tv3si7?y*OAI(0M>DKxd1c+^leZJ<uqGcCb;Br?x<}039p}
zlsyHsZZpVJr#Fk9-3W9c&;dX;!~Xr^XFw)H6a#%Ea%Km}D4-zFoHJV_&w)(_+a+~s
zgXBq&cYq2&A$Dd9(ASb+kKa+}l?MiFVM&l*FaxViNz0sV7f!C3)R3W(wdnbk2tku&
zFYCl~SG?t^_;<&7huVGqS=Hh{kAxaLnCZb0@+JD*jbHnlqkKO+nd0(D;r&*wrA3wk
zcAZ-;A3qS&_i>j*LaN&zl{3k|S#rH}rkhKC^WGdU|8+r)Y+!otgyK9S={+uI85o#W
zdb&7<WZZjuBQsnmQRKkKMz))?8aV|VH^gi(n66{Q=~c|R$-rCaq*!#$#;<k%&3h|~
z*ybd@t9^EE<>Qb48SB#dY<8>6eOdF5yC^|Hg3Eo8xM)~pU~-|sQdd3I881?}{LE*_
zB`q+H+>jS>Zs*p|$_clhYOi~7MB|I@t3z_q?Cpmh-M4*_!n}m#E$7*rY#JR86?=4l
z?Dl_@)1Y#9Ulnh+_{$2eY-XRpx34Rtm#zH4!`L1<%eGzOk(;4ZU31dmKP;T*Cl&1Q
zJd}U2;FgQl#Sa`ukLg4{+awaR)Az9WKj}M{=O4XnKgCMq{e*%?Dp4vAQzz9<FKhZ3
zs!`F9;vF=#>Av!#DQA=BWK{1yTe;h@x@yaWB?{-Jx#ncPusgO)SKH0|^to@$j?wXz
zve)%5zPHOt-MWA8vqRT{f9FUqEiK=+U0m<v<<*Y@yJo$;_1)|0(RQDb<vVYk{2Ft%
z;L!8A-_M_3yZWp9(F<*9fge6jzM7%@Sa@>w?4!%iaaYwS*t<;?jXeCu`FO6W#{GEi
z$4~t(8+~*7uH&%8`cLtc*gozXRf{|B?^AGleKz0vg5(q7zS6()OK0idx$*1by7L=6
zcP;+vv`zXoU(zLutD80oFL~V(Yj(brTgL3bx~X%YZ(NvbcyFrU_jiQ{r!W7YG@W<D
z_3ZtRHZQzneJi@h;)_nwddu7!FOH>#$?W34E~WqPSWd9snHjs{5_YOx@XYtMcxcpj
zdJEedW&JHbF0s9<Ki)fgUc$Z2YqjftCp-wgW7fj+N7*{g=tFGT9g_>vZ+2vsMmp`S
z3s^N<?V`@+wQpxXub=t(wtJH8^67WtHl9`5-uzRx`|bY)HZyZW?KoE-zIE-n{?ql7
zYWKM;tGw}J+qAw@MSK6%8V9XC$FfE%r2fj&46Fa2r|-IJk@KrwevL=^N_&|rGV*>)
RwS_@tk*BMl%Q~loCIF=cVTAwy

literal 0
HcmV?d00001

diff --git a/utils/conversion.js b/utils/conversion.js
new file mode 100644
index 0000000..c96eda1
--- /dev/null
+++ b/utils/conversion.js
@@ -0,0 +1,29 @@
+export function getSex(idCard) {
+  if (idCard.length === 15) {
+    return ['女', '男'][idCard.substr(14, 1) % 2]
+  } else if (idCard.length === 18) {
+    return ['女', '男'][idCard.substr(16, 1) % 2]
+  }
+  return ''
+}
+
+export function getBirthday(idCard) {
+  var birthday = "";
+  if (idCard != null && idCard != "") {
+    if (idCard.length == 15) {
+      birthday = "19" + idCard.substr(6, 6);
+    } else if (idCard.length == 18) {
+      birthday = idCard.substr(6, 8);
+    }
+    birthday = birthday.replace(/(.{4})(.{2})/, "$1-$2-");
+  }
+  return birthday;
+};
+// 出生日期转年龄
+export function getAgeFun(value) {
+  var birthdays = new Date(value.replace(/-/g, "/")); //value 是传入的值
+  var time = new Date(); //当前时间
+  var age = time.getFullYear() - birthdays.getFullYear() - (time.getMonth() < birthdays.getMonth() || (time.getMonth() == birthdays.getMonth() &&
+ time.getDate() < birthdays.getDate()) ? 1 : 0);
+  return age;
+}