From 962aa339e2023d96dc568cdd442177b2fbe31b5d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A6=86=E9=92=B1=E8=90=BD=E5=B0=BD=E6=A7=BF=E8=8A=B1?=
 =?UTF-8?q?=E7=A8=80?= <2675540038@qq.com>
Date: Fri, 13 Jun 2025 15:16:23 +0800
Subject: [PATCH] =?UTF-8?q?=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packageA/afterSales/index.vue   |    5 +-
 packageA/afterSales/info.vue    |    8 +-
 packageA/center/detail.vue      |   23 +-
 packageA/center/detailSys.vue   | 2670 ++++++++++++++++---------------
 packageA/my/pendinPayDetail.vue |    5 +-
 pages/index/index.vue           |    4 +-
 utils/dateFormat.js             |    2 +-
 7 files changed, 1360 insertions(+), 1357 deletions(-)

diff --git a/packageA/afterSales/index.vue b/packageA/afterSales/index.vue
index 5df3042..aa00834 100644
--- a/packageA/afterSales/index.vue
+++ b/packageA/afterSales/index.vue
@@ -206,6 +206,9 @@
 			selectItem(index,item) {
 				this.currents = index;
 				this.reasons = item;
+				if(index==5){
+					this.tuikuan = false
+				}
 			},
 			closetuikuan() {
 				this.tuikuan = false
@@ -594,7 +597,7 @@
 		.textarea_fb{
 			margin:0 auto;
 			padding: 30rpx;
-			width: 642rpx;
+			width: 92%;
 			::v-deep .u-textarea {
 				height: 100%;
 				padding: 0;
diff --git a/packageA/afterSales/info.vue b/packageA/afterSales/info.vue
index e2254c0..d797b0e 100644
--- a/packageA/afterSales/info.vue
+++ b/packageA/afterSales/info.vue
@@ -129,11 +129,11 @@
 			<!-- v-if="detailAny.feel == 0" -->
 			<view v-if="info.server_status == 3" class="footer"
 				style="display: flex;align-items: center;;justify-content: space-between;gap: 30rpx;">
-				<view class="footer-right1 flex justify-center align-items">
-					<text @click="noShow = true"> 驳回退款 </text>
+				<view class="footer-right1 flex justify-center align-items" @click="noShow = true">
+					<text> 驳回退款 </text>
 				</view>
-				<view class="footer-right flex justify-center align-items">
-					<text @click="okShow = true"> 同意退款 </text>
+				<view class="footer-right flex justify-center align-items" @click="okShow = true">
+					<text> 同意退款 </text>
 				</view>
 			</view>
 
diff --git a/packageA/center/detail.vue b/packageA/center/detail.vue
index 4387cd3..28ef47c 100644
--- a/packageA/center/detail.vue
+++ b/packageA/center/detail.vue
@@ -31,25 +31,21 @@
 
 
 
-					<span class="first-image flex align-items" style="margin-top: 25rpx;width: 100%;">
+					<view class="first-image flex align-items" style="margin-top: 25rpx;width: 100%;">
 						<image :src="detail.user.avatar" mode=""
 							style="width: 36rpx;height: 36rpx;margin-right: 12rpx;border-radius: 80rpx;">
 						</image>
-						<span style="color: #9C9C9C ;width: auto;">{{ detail.user.nickname }}</span>
-						<span class="flex justify-center align-items xieyi"
-							:style="{width: detail.refund_info.status!=5?'190rpx':'156rpx'}">
+						<view style="color: #9C9C9C ;width: auto;margin-right: 20rpx;">{{ detail.user.nickname }}</view>
+						<view class="flex justify-center align-items xieyi">
 							<image src="/static/detail/baohu.png" mode=""
 								style="width: 28rpx;height: 28rpx;margin-right: 0;"></image>
-							<span v-if="detail.refund_info.status!=5" class="white-space"
-								style="width: 120rpx;text-align: center;">{{
-								detail.refund_info.title }}</span>
-							<span v-if="detail.refund_info.status==5" class="white-space"
-								style="width: 90rpx;text-align: center;">{{
-									detail.refund_info.title }}</span>
+							<view
+								style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
+									detail.refund_info.title }}</view>
 							<image src="/static/detail/zidong.png" mode=""
 								style="width: 20rpx;height: 20rpx;margin-right: 0;"></image>
-						</span>
-					</span>
+						</view>
+					</view>
 
 					<span class="first-image flex align-items" style="margin-top: 20rpx;">
 						<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
@@ -1156,10 +1152,9 @@
 
 			.xieyi {
 				background-color: #BBFC5B;
-				width: 156rpx;
 				height: 48rpx;
 				border-radius: 8rpx;
-				margin-left: 20rpx;
+				    padding: 0px 10rpx;
 			}
 		}
 	}
diff --git a/packageA/center/detailSys.vue b/packageA/center/detailSys.vue
index f4b6ef8..5df19ed 100644
--- a/packageA/center/detailSys.vue
+++ b/packageA/center/detailSys.vue
@@ -6,8 +6,9 @@
 		</view>
 		<view class="box flex justify-start flex-column align-items" :class="overlay ? 'no-scroll' : ''">
 			<view class="swiper">
-				<u-swiper :list="detail.images" indicator indicatorInactiveColor="#D8D8D8" indicatorActiveColor="#323232" indicatorMode="dot"
-					:indicator-style="{ bottom: '60rpx',zIndex: 999}" height="580rpx" circular></u-swiper>
+				<u-swiper :list="detail.images" indicator indicatorInactiveColor="#D8D8D8"
+					indicatorActiveColor="#323232" indicatorMode="dot" :indicator-style="{ bottom: '60rpx', zIndex: 999 }"
+					height="580rpx" circular></u-swiper>
 			</view>
 
 			<view class="con-center w-100 flex justify-center flex-column align-items flex-start">
@@ -26,40 +27,36 @@
 				</view>
 				<view class="first-box flex flex-start flex-column justify-start">
 					<view class="flex align-items">
-						<span class="first-name">{{detail.title}}</span>
+						<span class="first-name">{{ detail.title }}</span>
 					</view>
 
 
 
-					<span class="first-image flex align-items" style="margin-top: 25rpx;width: 100%;">
+					<view class="first-image flex align-items" style="margin-top: 25rpx;width: 100%;">
 						<image :src="detail.user.avatar" mode=""
 							style="width: 36rpx;height: 36rpx;margin-right: 12rpx;border-radius: 80rpx;">
 						</image>
-						<span style="color: #9C9C9C ;width: auto;margin-right: 20rpx;">{{ detail.user.nickname }}</span>
-						<span class="flex justify-center align-items xieyi"
-							:style="{width: detail.refund_info.status!=5?'190rpx':'156rpx'}">
+						<view style="color: #9C9C9C ;width: auto;margin-right: 20rpx;">{{ detail.user.nickname }}</view>
+						<view class="flex justify-center align-items xieyi">
 							<image src="/static/detail/baohu.png" mode=""
 								style="width: 28rpx;height: 28rpx;margin-right: 0;"></image>
-							<span v-if="detail.refund_info.status!=5" class="white-space"
-								style="width: 120rpx;text-align: center;">{{
-								detail.refund_info.title }}</span>
-							<span v-if="detail.refund_info.status==5" class="white-space"
-								style="width: 90rpx;text-align: center;">{{
-									detail.refund_info.title }}</span>
+							<view
+								style="text-align: center;color: #323232;padding: 0rpx 10rpx;">{{
+									detail.refund_info.title }}</view>
 							<image src="/static/detail/zidong.png" mode=""
 								style="width: 20rpx;height: 20rpx;margin-right: 0;"></image>
-						</span>
-					</span>
+						</view>
+					</view>
 
 					<span class="first-image flex align-items" style="margin-top: 20rpx;">
 						<image src="../../static/center/Alarm.png" mode="" class="icon-size"></image>
-						<span>{{formattedTime.formattedTime}}</span>
+						<span>{{ formattedTime.formattedTime }}</span>
 					</span>
 					<span class="line"></span>
 					<span class="first-image flex align-items"
-						@click.stop="toMap(detail.latitude,detail.longitude,detail.address_detail)">
+						@click.stop="toMap(detail.latitude, detail.longitude, detail.address_detail)">
 						<image src="/static/center/address.png" mode="" class="icon-size"></image>
-						<span>{{detail.address_detail}}</span>
+						<span>{{ detail.address_detail }}</span>
 						<image src="/static/detail/daohang.png" class="icon-size" style="width: 50rpx; height: 50rpx;">
 						</image>
 					</span>
@@ -71,8 +68,9 @@
 							<image src="/static/index/dian.png"
 								:class="detail.join_info.users && detail.join_info.users.length > 0 ? '' : 'smalld'"
 								style="width: 58rpx;height: 58rpx;margin-left:-20rpx;z-index: 1;"></image>
-							<span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000 ?
-									'9999+' : detail.join_info.stock}}
+							<span class="number">{{ detail.join_info.people_number }}/{{ detail.join_info.stock >= 10000
+								?
+								'9999+' : detail.join_info.stock}}
 								人数</span>
 						</view>
 						<view class="value_slide">
@@ -98,24 +96,24 @@
 				</view>
 				<view v-if="detail.some_people" class="flex third-center-gro"
 					style="justify-content: space-between; position: relative;height: 100%;">
-					<view v-if="detail.some_people.peoples.length>0" style="width: 100%;">
+					<view v-if="detail.some_people.peoples.length > 0" style="width: 100%;">
 						<view v-for="(item, index) in detail.some_people.peoples" :key="index">
 							<view class="flex align-items" style="justify-content: space-between;">
 								<view class="">
-									<view style="font-size: 28rpx;color: #323232;">{{item.name}}</view>
-									<view style="font-size: 24rpx;color: #9C9C9C;margin-top: 10rpx;">身份证号：{{item.idnum}}
+									<view style="font-size: 28rpx;color: #323232;">{{ item.name }}</view>
+									<view style="font-size: 24rpx;color: #9C9C9C;margin-top: 10rpx;">身份证号：{{ item.idnum }}
 									</view>
 								</view>
 								<view class="">
-									<text v-if="item.status==3" style="font-size: 28rpx;color: #999999;">未核销</text>
-									<text v-if="item.status==6" style="font-size: 28rpx;color: #FF4810;">已核销</text>
+									<text v-if="item.status == 3" style="font-size: 28rpx;color: #999999;">未核销</text>
+									<text v-if="item.status == 6" style="font-size: 28rpx;color: #FF4810;">已核销</text>
 								</view>
 							</view>
-							<view v-if="index<detail.some_people.peoples.length-1"
+							<view v-if="index < detail.some_people.peoples.length - 1"
 								style="height: 1px;background-color: #F0F0F0;width: 100%;margin: 30rpx 0rpx;"></view>
 						</view>
 					</view>
-					<view v-if="detail.some_people.peoples.length==0" style="text-align: center;margin: 0 auto;">
+					<view v-if="detail.some_people.peoples.length == 0" style="text-align: center;margin: 0 auto;">
 						<image src="/static/detail/no_info.png" style="width: 180rpx;height: 180rpx"></image>
 						<view style="font-size: 28rpx;font-weight: 300;">暂无报名信息</view>
 					</view>
@@ -132,7 +130,7 @@
 						<view style="margin-left: 20rpx;">
 							<view style="font-size: 28rpx;color: #3D3D3D;">群二维码</view>
 							<view style="margin-top: 10rpx;font-size: 24rpx;color: #9C9C9C;">
-								上传时间：{{formatTimestamp(detail.updatetime)}}</view>
+								上传时间：{{ formatTimestamp(detail.updatetime) }}</view>
 						</view>
 					</view>
 					<view style="display: flex;align-items: center;">
@@ -163,7 +161,7 @@
 					<view class="v_html">
 						<rich-text :nodes="detail.content"></rich-text>
 					</view>
-					<image mode="widthFix" class="imgs" v-for="(item,index) in detail.images" :key="index" :src="item">
+					<image mode="widthFix" class="imgs" v-for="(item, index) in detail.images" :key="index" :src="item">
 					</image>
 				</view>
 			</view>
@@ -209,16 +207,16 @@
 			<view v-if="overlay" class="pos">
 
 				<image @click="closeoo" src="/static/center/close.png" mode=""
-					style="z-index: 10000;width: 64rpx;height: 64rpx;position: absolute;top: 0rpx;right: 45rpx;">
+					style="z-index: 10000;width: 64rpx;height: 64rpx;position: absolute;top: 50rpx;right: 45rpx;">
 				</image>
 
 				<l-painter isCanvasToTempFilePath :after-delay="500" @success="sunccessimg"
 					css="width:661rpx;height: 1072rpx;background-image:url(https://naweigetetest2.hschool.com.cn/dyqc/fenxiang.png);"
-					custom-style="position:absolute;left:45rpx;right:44rpx;top:0rpx;z-index:100">
+					custom-style="position:absolute;left:45rpx;right:44rpx;top:50rpx;z-index:100">
 					<l-painter-image :src="detail.user.avatar"
 						css="z-index:300;margin-left: 15rpx; margin-top: 120rpx;border: 2rpx solid #FFFFFF; width: 60rpx;  height: 60rpx; border-radius: 50%;" />
 					<l-painter-view css="margin-top: 130rpx; padding-left: 20rpx; display: inline-block">
-						<l-painter-text :text="detail.user.nickname+'的邀请'"
+						<l-painter-text :text="detail.user.nickname + '的邀请'"
 							css="display: block; height: 36rpx;color: #3D3D3D; font-size: 28rpx; fontWeight: 600;" />
 					</l-painter-view>
 					<l-painter-view
@@ -234,10 +232,10 @@
 									:text="detail.title"></l-painter-text>
 								<l-painter-text
 									css="line-clamp: 1; color:#FF4810;font-size: 35rpx;width:220rpx;margin-top: 20rpx;line-height: 38rpx;fontWeight: 600;"
-									:text="'￥'+detail.price"></l-painter-text>
+									:text="'￥' + detail.price"></l-painter-text>
 								<l-painter-text
 									css="line-clamp: 2; color:#9C9C9C;font-size: 26rpx;margin-top: 20rpx;line-height: 36rpx;width: 360rpx;"
-									:text="'地址：'+detail.address"></l-painter-text>
+									:text="'地址：' + detail.address"></l-painter-text>
 							</l-painter-view>
 							<l-painter-view
 								css="background: #ffffff;border-radius: 18rpx;width: 200rpx; height: 200rpx;margin-right: 50rpx;">
@@ -278,1396 +276,1400 @@
 </template>
 
 <script>
-	import dayjs from 'dayjs';
-	import {
-		dateWeek
-	} from '../../utils/dateFormat'
-	export default {
-		computed: {
+import dayjs from 'dayjs';
+import {
+	dateWeek
+} from '../../utils/dateFormat'
+export default {
+	computed: {
 
-			formattedTimeList() {
-				return this.timeList.map(item => {
-					const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
-					const endTime = dayjs.unix(item.end_time).format('HH:mm:ss');
-					return {
-						formattedTime: `${startTime}~${endTime}`,
-						limit_num: item.limit_num,
-						sign_num: item.sign_num
-					};
-				});
-			},
-			formattedTime() {
-				const startTime = dateWeek(this.detail.sign_start_time);
-				const endTime = dateWeek(this.detail.sign_end_time);
+		formattedTimeList() {
+			return this.timeList.map(item => {
+				const startTime = dayjs.unix(item.start_time).format('YYYY-MM-DD HH:mm:ss');
+				const endTime = dayjs.unix(item.end_time).format('HH:mm:ss');
 				return {
-					formattedTime: `${startTime} ~ ${endTime}`
+					formattedTime: `${startTime}~${endTime}`,
+					limit_num: item.limit_num,
+					sign_num: item.sign_num
 				};
-			}
+			});
 		},
-
-		data() {
+		formattedTime() {
+			const startTime = dateWeek(this.detail.sign_start_time);
+			const endTime = dateWeek(this.detail.sign_end_time);
 			return {
-				style: {
-					// 字符串的形式
-					img: 'width: 100%'
-
-				},
-				mysignList: [],
-				join_info: {},
-				value_slide: 0,
-				scrollTop: 0,
-				overlay: false,
-				userInfo: {},
-				path: 'https://testy.hschool.com.cn//uploads/20241219/3406baf51fcc28c63c31ebcee5c9c75e.jpg',
-				uloadingShow: false,
-				show: false,
-				cancelsShow: false,
-				type: 0, // 0 支付 1 立即购买 2 预约  3确认时间
-				id: 1,
-				count: 5,
-				value: 5,
-				order_no: '',
-				PayPirce: 0,
-				detail: {},
-				people: {},
-				qrUrl: '',
-				is_collect: 0,
-				popupStyle: {
-					width: '640rpx',
-					height: '414rpx',
-					margin: '0 auto', // 水平居中
-					display: 'flex',
-					justifyContent: 'flex-start',
-					alignItems: 'center',
-					borderRadius: '50rpx'
-				},
-				timeList: [],
-				selectedTime: null,
-				// indexBackgroundImage: indexBackgroundImage,
-				orderId: "",
-				classes_lib_spec_id: '',
-				order_no2: '',
-				mobile: '',
-				is_show_model: false, //是否显示分享模态窗
-				background: '#ffffff',
-				titleStyle: {
-					color: '#FFFFFF'
-				},
+				formattedTime: `${startTime} ~ ${endTime}`
 			};
-		},
+		}
+	},
 
-		onShareTimeline() {
-			return {
-				title: this.detail.title, //分享的标题
-				imageUrl: this.detail.headimage, //展示的图片，这里是本地路径的写法，也可以写http或https开头的图片路径
-				query: `id=${this.id}`
-			}
-		},
+	data() {
+		return {
+			style: {
+				// 字符串的形式
+				img: 'width: 100%'
 
-		onLoad(options) {
-			this.userInfo = uni.getStorageSync("userInfo")
-			this.id = options.id
-			// this.id = 1
-			if (options.type == 2) {
-				this.type = 2
-				this.orderId = options.orderId
-			}
-			if (options.type == 1) {
-				this.type = 1
-				this.order_no = options.order_no
-				this.pament()
-			}
-			console.log(options.id)
-			this.getDetail()
-			this.getPeople()
-			this.getShare()
-		},
+			},
+			mysignList: [],
+			join_info: {},
+			value_slide: 0,
+			scrollTop: 0,
+			overlay: false,
+			userInfo: {},
+			path: 'https://testy.hschool.com.cn//uploads/20241219/3406baf51fcc28c63c31ebcee5c9c75e.jpg',
+			uloadingShow: false,
+			show: false,
+			cancelsShow: false,
+			type: 0, // 0 支付 1 立即购买 2 预约  3确认时间
+			id: 1,
+			count: 5,
+			value: 5,
+			order_no: '',
+			PayPirce: 0,
+			detail: {},
+			people: {},
+			qrUrl: '',
+			is_collect: 0,
+			popupStyle: {
+				width: '640rpx',
+				height: '414rpx',
+				margin: '0 auto', // 水平居中
+				display: 'flex',
+				justifyContent: 'flex-start',
+				alignItems: 'center',
+				borderRadius: '50rpx'
+			},
+			timeList: [],
+			selectedTime: null,
+			// indexBackgroundImage: indexBackgroundImage,
+			orderId: "",
+			classes_lib_spec_id: '',
+			order_no2: '',
+			mobile: '',
+			is_show_model: false, //是否显示分享模态窗
+			background: '#ffffff',
+			titleStyle: {
+				color: '#FFFFFF'
+			},
+		};
+	},
 
-		methods: {
-			async afterRead(item) {
-				const result = await this.uploadFilePromise(item.file.url, 'user');
-				console.log(result);
-				if (result.code != 1) {
-					uni.showToast({
-						title: result.msg,
-						icon: 'none',
-						duration: 2000
-					});
-					return;
-				} else {
-					uni.$u.http.post('/api/school.new_activity/edit_qrcode', {
-						id: this.id,
-						image: result.data.url,
-					}).then(res => {
-						if (res.code == 1) {
-							uni.showToast({
-								title: '上传成功！',
-								icon: 'none',
-								duration: 2000
-							});
-							this.getDetail();
-						} else {
-							uni.showToast({
-								title: res.msg,
-								icon: 'none',
-								duration: 2000
-							});
-						}
-					}).catch(error => {
-						uni.showToast({
-							title: '请求失败，请稍后再试',
-							icon: 'none',
-							duration: 2000
-						});
-					});
-				}
-			},
-			uploadFilePromise(url, category) {
-				console.log('category', category)
-				return new Promise((resolve, reject) => {
-					let a = uni.uploadFile({
-						url: 'https://naweigetetest2.hschool.com.cn/api/common/upload', // 仅为示例，非真实的接口地址
-						filePath: url,
-						name: 'file',
-						formData: {
-							user: 'test',
-							category: category
-						},
-						header: {
-							"token": uni.getStorageSync("token")
-						},
-						success: (res) => {
-							console.log(res);
-							var d = JSON.parse(res.data);
-							resolve(d);
-						},
-						fail: (err) => {
-							reject(err);
-						}
-					});
-				});
-			},
-			openImg(img) {
-				uni.previewImage({
-					urls: [img],
-				});
-			},
-			formatTimestamp(timestamp) {
-				const date = new Date(timestamp * 1000); // 10位时间戳需要乘以1000
-				const year = date.getFullYear();
-				const month = String(date.getMonth() + 1).padStart(2, "0");
-				const day = String(date.getDate()).padStart(2, "0");
-				const hours = String(date.getHours()).padStart(2, "0");
-				const minutes = String(date.getMinutes()).padStart(2, "0");
-				const seconds = String(date.getSeconds()).padStart(2, "0");
-				return `${year}.${month}.${day}`;
-			},
-			sunccessimg(event) {
-				this.path = event
-			},
-			closeoo() {
-				this.overlay = false;
-			},
-			getShare() {
-				uni.$u.http.post('/api/wechat_util/link', {
-					path: 'packageA/center/detail',
-					query: `id=${this.id}`,
-				}).then(res => {
-					if (res.code == 1) {
-						this.qrUrl = res.data.url_link
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						});
-					}
-				}).catch(error => {
-					uni.showToast({
-						title: '请求失败，请稍后再试',
-						icon: 'none',
-						duration: 2000
-					});
-				});
-			},
-			overlayShow() {
-				const token = uni.getStorageSync('token')
-				if (token) {
-					let that = this;
-					uni.showToast({
-						title: '海报生成中...',
-						icon: 'none',
-						duration: 2000,
-						complete: function() {
-							// 提示框消失后的回调函数
-							setTimeout(() => {
-								// 这里写你的后续操作代码
-								that.overlay = true;
-							}, 2000);
-						}
-					});
+	onShareTimeline() {
+		return {
+			title: this.detail.title, //分享的标题
+			imageUrl: this.detail.headimage, //展示的图片，这里是本地路径的写法，也可以写http或https开头的图片路径
+			query: `id=${this.id}`
+		}
+	},
 
-				} else {
-					uni.showToast({
-						title: '请登录',
-						icon: 'none',
-						duration: 2000,
-						complete: function() {
-							setTimeout(function() {
-								uni.switchTab({
-									url: '/pages/my/index',
-								});
-							}, 2000);
-						}
-					});
-				}
-			},
-			// 时间转换函数
-			timeago(timestamp) {
-				const now = new Date().getTime(); // 当前时间（毫秒）
-				const diff = (now - timestamp * 1000) / 1000; // 时间差（秒）
+	onLoad(options) {
+		this.userInfo = uni.getStorageSync("userInfo")
+		this.id = options.id
+		// this.id = 1
+		if (options.type == 2) {
+			this.type = 2
+			this.orderId = options.orderId
+		}
+		if (options.type == 1) {
+			this.type = 1
+			this.order_no = options.order_no
+			this.pament()
+		}
+		console.log(options.id)
+		this.getDetail()
+		this.getPeople()
+		this.getShare()
+	},
 
-				if (diff < 60) {
-					return `${Math.floor(diff)}秒前`;
-				} else if (diff < 3600) {
-					return `${Math.floor(diff / 60)}分钟前`;
-				} else if (diff < 86400) {
-					return `${Math.floor(diff / 3600)}小时前`;
-				} else if (diff < 2592000) { // 30天
-					return `${Math.floor(diff / 86400)}天前`;
-				} else {
-					return `${Math.floor(diff / 2592000)}个月前`;
-				}
-			},
-
-			// 获取课时规格
-			getTime() {
-				uni.$u.http.get('/api/school/classes/spec', {
-					params: {
-						id: this.id,
-					}
-				}).then(res => {
-					if (res.code == 1) {
-
-						this.timeList = res.data.spec;
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						});
-					}
-				}).catch(error => {
-					uni.showToast({
-						title: '请求失败，请稍后再试',
-						icon: 'none',
-						duration: 2000
-					});
-				});
-			},
-			toSgindetail() {
-				uni.navigateTo({
-					url: '/packageA/center/signDetail?id=' + this.id
-				});
-			},
-			// 获取报名详情
-			getPeople() {
-				const that = this
-				uni.$u.http.get('/api/school.newworker.activity.order/order_list', {
-					params: {
-						activity_id: that.id,
-						page: 1,
-						limit: 1000,
-					},
-				}).then(res => {
-					if (res.code == 1) {
-						this.mysignList = res.data.list;
-					} else {
-						that.showErrorToast(res.msg);
-					}
-				}).catch(error => {
-					that.showErrorToast('请求失败，请稍后再试');
-
-				});
-			},
-			// 提示
-			showErrorToast(msg) {
+	methods: {
+		async afterRead(item) {
+			const result = await this.uploadFilePromise(item.file.url, 'user');
+			console.log(result);
+			if (result.code != 1) {
 				uni.showToast({
-					title: msg,
+					title: result.msg,
 					icon: 'none',
 					duration: 2000
 				});
-			},
-			//取消活动
-			cancels() {
-				uni.$u.http.post('/api/school.new_activity/cancel', {
+				return;
+			} else {
+				uni.$u.http.post('/api/school.new_activity/edit_qrcode', {
 					id: this.id,
+					image: result.data.url,
 				}).then(res => {
 					if (res.code == 1) {
 						uni.showToast({
-							title: '取消成功',
-							icon: 'success',
+							title: '上传成功！',
+							icon: 'none',
 							duration: 2000
-						})
-						uni.redirectTo({
-							url: "/packageA/my/orderList?status=-1"
-						})
+						});
+						this.getDetail();
 					} else {
 						uni.showToast({
 							title: res.msg,
 							icon: 'none',
 							duration: 2000
-						})
-					}
-				}).catch(error => {});
-			},
-			// 获取详情
-			getDetail() {
-				uni.$u.http.get('/api/school.new_activity/detail', {
-					params: {
-						id: this.id,
-					}
-				}).then(res => {
-					if (res.code == 1) {
-						this.detail = res.data.detail;
-						this.join_info = res.data.detail.join_info;
-						this.value_slide = res.data.detail.join_info.percent;
-						if (res.data.detail.is_collect != 0) {
-							this.is_collect = 1
-						} else {
-							this.is_collect = 0
-						}
-						if (this.detail.user.realname) {
-							this.detail.user.realname = this.detail.user.realname.slice(0, 1) + 'XX';
-						}
-						this.mobile = this.detail.user.mobile.slice(0, 3) + 'XXXX' + this.detail.user.mobile.slice(
-							7);
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-					}
-				}).catch(error => {});
-			},
-
-			sign() {
-
-				// this.cancelsShow = true
-				// this.type = 3;
-
-				uni.navigateTo({
-					url: '/packageA/center/applyDetail?id=' + this.id
-				})
-
-			},
-			buy() {
-				this.uloadingShow = true
-				this.getMoney()
-			},
-			// 取消弹窗 
-			cancelsOpen() {
-				this.cancelsShow = true
-			},
-			// 预约弹窗 type = 2 0 支付 1 立即购买 2 预约  3确认时间
-			open() {
-				this.show = true
-				this.type = 3
-			},
-			// 确认时间  type = 0  0 支付 1 立即购买 2 预约  3确认时间
-			confimTime() {
-				uni.$u.http.post('/api/school/hour_order/confirm', {
-					classes_order_id: this.orderId,
-					classes_lib_spec_id: this.classes_lib_spec_id,
-					order_no: this.order_no2,
-					is_compute: 1
-				}).then(res => {
-					if (res.code == 1) {
-						this.order_no2 = res.data.order_no
-						this.timeCreat(res.data.order_no)
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						this.type = 2
-						// _this.$api.toast(res.msg);
+						});
 					}
 				}).catch(error => {
-
+					uni.showToast({
+						title: '请求失败，请稍后再试',
+						icon: 'none',
+						duration: 2000
+					});
 				});
-
-				this.show = false
-				this.type = 0
-			},
-			// 预约下单
-			timeCreat(order_no) {
-				uni.$u.http.post('/api/school/hour_order/create', {
-					order_no: order_no,
-				}).then(res => {
-					if (res.code == 1) {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000,
-							complete: function() {
-								setTimeout(function() {
-									uni.reLaunch({
-										url: "/packageA/my/makeList?status=" + -1
-									})
-								}, 2000);
-							}
-
-						})
-
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						this.type = 2
-						// _this.$api.toast(res.msg);
-					}
-				}).catch(error => {
-
-				});
-			},
-			// 导航
-			toMap(latitude, longitude, name) {
-				uni.openLocation({
-					latitude: parseFloat(latitude),
-					longitude: parseFloat(longitude),
-					name: name,
-					success: function() {
-						console.log('success');
-					}
-				});
-			},
-			// 机构详情
-			toMeDetail() {
-				uni.navigateTo({
-					url: "/packageA/center/MechanismDetail?id=" + this.detail.shop.id
-				})
-			},
-
-			close() {
-				this.type = 0
-				this.selectedTime = null
-				this.show = false
-			},
-			cancelsClose() {
-				this.cancelsShow = false
-			},
-			// 返回首页
-			toIndex() {
-				uni.switchTab({
-					url: "/pages/index/index"
-				})
-			},
-			// 保存海报
-			save() {
-				let base64 = this.path.replace(/^data:image\/\w+;base64,/, ""); //图片替换
-				let filePath = wx.env.USER_DATA_PATH + '/qrcode.png';
-				uni.getFileSystemManager().writeFile({
-					filePath: filePath, //创建一个临时文件名
-					data: base64, //写入的文本或二进制数据
-					encoding: 'base64', //写入当前文件的字符编码
+			}
+		},
+		uploadFilePromise(url, category) {
+			console.log('category', category)
+			return new Promise((resolve, reject) => {
+				let a = uni.uploadFile({
+					url: 'https://naweigetetest2.hschool.com.cn/api/common/upload', // 仅为示例，非真实的接口地址
+					filePath: url,
+					name: 'file',
+					formData: {
+						user: 'test',
+						category: category
+					},
+					header: {
+						"token": uni.getStorageSync("token")
+					},
 					success: (res) => {
-						uni.saveImageToPhotosAlbum({
-							filePath: filePath,
-							success: () => {
-								uni.showToast({
-									title: '保存成功',
-									icon: "none",
-									duration: 5000
-								})
-							},
-							fail: (err) => {
-								console.log(err);
-								uni.showToast({
-									title: '保存失败',
-									icon: "none",
-									duration: 5000
-								})
-							}
-						})
+						console.log(res);
+						var d = JSON.parse(res.data);
+						resolve(d);
 					},
 					fail: (err) => {
-						console.log(err)
+						reject(err);
 					}
-				})
-			},
-			//分享发布
-			sharePoster() { //分享图片给好友按钮的点击事件函数
-				let that = this
-				this.base64ToFilePath(this.path, (filePath) => {
-					console.log(filePath);
-					wx.showShareImageMenu({ //分享给朋友
-						path: filePath,
-						success: (res) => {
-							console.log("分享成功：", res);
-						},
-						fail: (err) => {
-							console.log("分享取消：", err);
-						},
-					})
-				})
-			},
+				});
+			});
+		},
+		openImg(img) {
+			uni.previewImage({
+				urls: [img],
+			});
+		},
+		formatTimestamp(timestamp) {
+			const date = new Date(timestamp * 1000); // 10位时间戳需要乘以1000
+			const year = date.getFullYear();
+			const month = String(date.getMonth() + 1).padStart(2, "0");
+			const day = String(date.getDate()).padStart(2, "0");
+			const hours = String(date.getHours()).padStart(2, "0");
+			const minutes = String(date.getMinutes()).padStart(2, "0");
+			const seconds = String(date.getSeconds()).padStart(2, "0");
+			return `${year}.${month}.${day}`;
+		},
+		sunccessimg(event) {
+			this.path = event
+		},
+		closeoo() {
+			this.overlay = false;
+		},
+		getShare() {
+			uni.$u.http.post('/api/wechat_util/link', {
+				path: 'packageA/center/detail',
+				query: `id=${this.id}`,
+			}).then(res => {
+				if (res.code == 1) {
+					this.qrUrl = res.data.url_link
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					});
+				}
+			}).catch(error => {
+				uni.showToast({
+					title: '请求失败，请稍后再试',
+					icon: 'none',
+					duration: 2000
+				});
+			});
+		},
+		overlayShow() {
+			const token = uni.getStorageSync('token')
+			if (token) {
+				let that = this;
+				uni.showToast({
+					title: '海报生成中...',
+					icon: 'none',
+					duration: 2000,
+					complete: function () {
+						// 提示框消失后的回调函数
+						setTimeout(() => {
+							// 这里写你的后续操作代码
+							that.overlay = true;
+						}, 2000);
+					}
+				});
 
+			} else {
+				uni.showToast({
+					title: '请登录',
+					icon: 'none',
+					duration: 2000,
+					complete: function () {
+						setTimeout(function () {
+							uni.switchTab({
+								url: '/pages/my/index',
+							});
+						}, 2000);
+					}
+				});
+			}
+		},
+		// 时间转换函数
+		timeago(timestamp) {
+			const now = new Date().getTime(); // 当前时间（毫秒）
+			const diff = (now - timestamp * 1000) / 1000; // 时间差（秒）
 
-			// 收藏和取消
-			Collect(number) {
-				uni.$u.http.post('/api/school/classes/collect', {
+			if (diff < 60) {
+				return `${Math.floor(diff)}秒前`;
+			} else if (diff < 3600) {
+				return `${Math.floor(diff / 60)}分钟前`;
+			} else if (diff < 86400) {
+				return `${Math.floor(diff / 3600)}小时前`;
+			} else if (diff < 2592000) { // 30天
+				return `${Math.floor(diff / 86400)}天前`;
+			} else {
+				return `${Math.floor(diff / 2592000)}个月前`;
+			}
+		},
+
+		// 获取课时规格
+		getTime() {
+			uni.$u.http.get('/api/school/classes/spec', {
+				params: {
 					id: this.id,
-					is_collect: number
-				}).then(res => {
-					if (res.code == 1) {
-						this.is_collect = number
-						if (number == 0) {
-							uni.showToast({
-								title: '取消收藏',
-								icon: 'none',
-								duration: 2000
-							})
-						} else {
-							uni.showToast({
-								title: '收藏成功',
-								icon: 'none',
-								duration: 2000
-							})
+				}
+			}).then(res => {
+				if (res.code == 1) {
+
+					this.timeList = res.data.spec;
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					});
+				}
+			}).catch(error => {
+				uni.showToast({
+					title: '请求失败，请稍后再试',
+					icon: 'none',
+					duration: 2000
+				});
+			});
+		},
+		toSgindetail() {
+			uni.navigateTo({
+				url: '/packageA/center/signDetail?id=' + this.id
+			});
+		},
+		// 获取报名详情
+		getPeople() {
+			const that = this
+			uni.$u.http.get('/api/school.newworker.activity.order/order_list', {
+				params: {
+					activity_id: that.id,
+					page: 1,
+					limit: 1000,
+				},
+			}).then(res => {
+				if (res.code == 1) {
+					this.mysignList = res.data.list;
+				} else {
+					that.showErrorToast(res.msg);
+				}
+			}).catch(error => {
+				that.showErrorToast('请求失败，请稍后再试');
+
+			});
+		},
+		// 提示
+		showErrorToast(msg) {
+			uni.showToast({
+				title: msg,
+				icon: 'none',
+				duration: 2000
+			});
+		},
+		//取消活动
+		cancels() {
+			uni.$u.http.post('/api/school.new_activity/cancel', {
+				id: this.id,
+			}).then(res => {
+				if (res.code == 1) {
+					uni.showToast({
+						title: '取消成功',
+						icon: 'success',
+						duration: 2000
+					})
+					setTimeout(() => {
+						uni.redirectTo({
+							url: "/packageA/my/orderList"
+						})
+					}, 1000)
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+				}
+			}).catch(error => { });
+		},
+		// 获取详情
+		getDetail() {
+			uni.$u.http.get('/api/school.new_activity/detail', {
+				params: {
+					id: this.id,
+				}
+			}).then(res => {
+				if (res.code == 1) {
+					this.detail = res.data.detail;
+					this.join_info = res.data.detail.join_info;
+					this.value_slide = res.data.detail.join_info.percent;
+					if (res.data.detail.is_collect != 0) {
+						this.is_collect = 1
+					} else {
+						this.is_collect = 0
+					}
+					if (this.detail.user.realname) {
+						this.detail.user.realname = this.detail.user.realname.slice(0, 1) + 'XX';
+					}
+					this.mobile = this.detail.user.mobile.slice(0, 3) + 'XXXX' + this.detail.user.mobile.slice(
+						7);
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+				}
+			}).catch(error => { });
+		},
+
+		sign() {
+
+			// this.cancelsShow = true
+			// this.type = 3;
+
+			uni.navigateTo({
+				url: '/packageA/center/applyDetail?id=' + this.id
+			})
+
+		},
+		buy() {
+			this.uloadingShow = true
+			this.getMoney()
+		},
+		// 取消弹窗 
+		cancelsOpen() {
+			this.cancelsShow = true
+		},
+		// 预约弹窗 type = 2 0 支付 1 立即购买 2 预约  3确认时间
+		open() {
+			this.show = true
+			this.type = 3
+		},
+		// 确认时间  type = 0  0 支付 1 立即购买 2 预约  3确认时间
+		confimTime() {
+			uni.$u.http.post('/api/school/hour_order/confirm', {
+				classes_order_id: this.orderId,
+				classes_lib_spec_id: this.classes_lib_spec_id,
+				order_no: this.order_no2,
+				is_compute: 1
+			}).then(res => {
+				if (res.code == 1) {
+					this.order_no2 = res.data.order_no
+					this.timeCreat(res.data.order_no)
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					this.type = 2
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
+
+			});
+
+			this.show = false
+			this.type = 0
+		},
+		// 预约下单
+		timeCreat(order_no) {
+			uni.$u.http.post('/api/school/hour_order/create', {
+				order_no: order_no,
+			}).then(res => {
+				if (res.code == 1) {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000,
+						complete: function () {
+							setTimeout(function () {
+								uni.reLaunch({
+									url: "/packageA/my/makeList?status=" + -1
+								})
+							}, 2000);
 						}
 
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						// _this.$api.toast(res.msg);
-					}
-				}).catch(error => {
+					})
 
-				});
-			},
-			callPhone(phone) {
-				uni.makePhoneCall({
-					phoneNumber: phone
-				})
-			},
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					this.type = 2
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
 
-			// 取消选择
-			cancel() {
-				this.selectedTime = null
-			},
-			selectTime(time) {
-				this.selectedTime = time;
-				this.classes_lib_spec_id = time.id
-
-			},
-			timeSelected(time) {
-				return this.selectedTime === time;
-			},
-			moveScroll() {},
-			// 获取价格
-			getMoney() {
-				uni.$u.http.post('/api/school.newactivity.order/confirm', {
-					activity_id: this.id,
-					order_no: this.order_no,
-					is_compute: 1,
-					num: 1
-				}).then(res => {
-					if (res.code == 1) {
-						this.PayPirce = res.data.order_data.totalprice
-						this.order_no = res.data.order_no
-					} else {
-						uni.showToast({
-							title: res.msg,
-							icon: 'none',
-							duration: 2000
-						})
-						// _this.$api.toast(res.msg);
-					}
-					this.uloadingShow = false
-				}).catch(error => {
-
-				});
-			},
+			});
 		},
-	}
+		// 导航
+		toMap(latitude, longitude, name) {
+			uni.openLocation({
+				latitude: parseFloat(latitude),
+				longitude: parseFloat(longitude),
+				name: name,
+				success: function () {
+					console.log('success');
+				}
+			});
+		},
+		// 机构详情
+		toMeDetail() {
+			uni.navigateTo({
+				url: "/packageA/center/MechanismDetail?id=" + this.detail.shop.id
+			})
+		},
+
+		close() {
+			this.type = 0
+			this.selectedTime = null
+			this.show = false
+		},
+		cancelsClose() {
+			this.cancelsShow = false
+		},
+		// 返回首页
+		toIndex() {
+			uni.switchTab({
+				url: "/pages/index/index"
+			})
+		},
+		// 保存海报
+		save() {
+			let base64 = this.path.replace(/^data:image\/\w+;base64,/, ""); //图片替换
+			let filePath = wx.env.USER_DATA_PATH + '/qrcode.png';
+			uni.getFileSystemManager().writeFile({
+				filePath: filePath, //创建一个临时文件名
+				data: base64, //写入的文本或二进制数据
+				encoding: 'base64', //写入当前文件的字符编码
+				success: (res) => {
+					uni.saveImageToPhotosAlbum({
+						filePath: filePath,
+						success: () => {
+							uni.showToast({
+								title: '保存成功',
+								icon: "none",
+								duration: 5000
+							})
+						},
+						fail: (err) => {
+							console.log(err);
+							uni.showToast({
+								title: '保存失败',
+								icon: "none",
+								duration: 5000
+							})
+						}
+					})
+				},
+				fail: (err) => {
+					console.log(err)
+				}
+			})
+		},
+		//分享发布
+		sharePoster() { //分享图片给好友按钮的点击事件函数
+			let that = this
+			this.base64ToFilePath(this.path, (filePath) => {
+				console.log(filePath);
+				wx.showShareImageMenu({ //分享给朋友
+					path: filePath,
+					success: (res) => {
+						console.log("分享成功：", res);
+					},
+					fail: (err) => {
+						console.log("分享取消：", err);
+					},
+				})
+			})
+		},
+
+
+		// 收藏和取消
+		Collect(number) {
+			uni.$u.http.post('/api/school/classes/collect', {
+				id: this.id,
+				is_collect: number
+			}).then(res => {
+				if (res.code == 1) {
+					this.is_collect = number
+					if (number == 0) {
+						uni.showToast({
+							title: '取消收藏',
+							icon: 'none',
+							duration: 2000
+						})
+					} else {
+						uni.showToast({
+							title: '收藏成功',
+							icon: 'none',
+							duration: 2000
+						})
+					}
+
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					// _this.$api.toast(res.msg);
+				}
+			}).catch(error => {
+
+			});
+		},
+		callPhone(phone) {
+			uni.makePhoneCall({
+				phoneNumber: phone
+			})
+		},
+
+		// 取消选择
+		cancel() {
+			this.selectedTime = null
+		},
+		selectTime(time) {
+			this.selectedTime = time;
+			this.classes_lib_spec_id = time.id
+
+		},
+		timeSelected(time) {
+			return this.selectedTime === time;
+		},
+		moveScroll() { },
+		// 获取价格
+		getMoney() {
+			uni.$u.http.post('/api/school.newactivity.order/confirm', {
+				activity_id: this.id,
+				order_no: this.order_no,
+				is_compute: 1,
+				num: 1
+			}).then(res => {
+				if (res.code == 1) {
+					this.PayPirce = res.data.order_data.totalprice
+					this.order_no = res.data.order_no
+				} else {
+					uni.showToast({
+						title: res.msg,
+						icon: 'none',
+						duration: 2000
+					})
+					// _this.$api.toast(res.msg);
+				}
+				this.uloadingShow = false
+			}).catch(error => {
+
+			});
+		},
+	},
+}
 </script>
 
 <style lang="scss" scoped>
-	.detail_all {
-		background-color: #f7f7f7;
+.detail_all {
+	background-color: #f7f7f7;
+}
+
+.w-100 {
+	width: 100%;
+}
+
+.flex {
+	display: flex;
+}
+
+.flex-start {
+	align-items: flex-start;
+}
+
+.justify-center {
+	justify-content: center;
+}
+
+.align-items {
+	align-items: center;
+}
+
+.flex-column {
+	flex-flow: column;
+}
+
+.justify-start {
+	justify-content: start;
+}
+
+.white-space {
+	overflow: hidden;
+	/* 确保超出容器的文本被隐藏 */
+	white-space: nowrap;
+	/* 确保文本在一行内显示 */
+	text-overflow: ellipsis;
+	/* 使用省略号表示被截断的文本 */
+	width: 100%;
+}
+
+.con-center {
+	background: white;
+	border-radius: 44rpx;
+	position: relative;
+}
+
+
+
+.space-between {
+	justify-content: space-between;
+}
+
+.swiper {
+	width: 100%;
+	height: 580rpx;
+}
+
+.box {
+	padding-top: 175rpx;
+	position: relative;
+}
+
+.topimgs_rmb {
+	position: absolute;
+	top: -168rpx;
+	right: 30rpx;
+	width: 201rpx;
+	height: 118rpx;
+	z-index: 0;
+}
+
+.topimgs {
+	position: absolute;
+	top: -120rpx;
+	width: 100%;
+	z-index: 0;
+}
+
+.top_texts {
+	position: absolute;
+	top: -148rpx;
+	right: 30rpx;
+	z-index: 3;
+	color: #ffffff;
+	width: 200rpx;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+
+	.xiao {
+		margin-left: 4rpx;
+		font-size: 22rpx;
+		font-weight: 400;
+	}
+}
+
+.first-box {
+	width: 690rpx;
+	background: #FFFFFF;
+	// background: url('@/static/detail/conbg.png');
+	// padding-left: 24rpx;
+	// margin-top: 20rpx;
+	border-radius: 20rpx;
+	z-index: 1;
+
+	.sigh {
+		width: 88rpx;
+		height: 40rpx;
+		background: #BEEE03;
+		border-radius: 4rpx 4rpx 4rpx 4rpx;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #222222;
 	}
 
-	.w-100 {
-		width: 100%;
-	}
-
-	.flex {
-		display: flex;
-	}
-
-	.flex-start {
-		align-items: flex-start;
-	}
-
-	.justify-center {
-		justify-content: center;
-	}
-
-	.align-items {
-		align-items: center;
-	}
-
-	.flex-column {
-		flex-flow: column;
-	}
-
-	.justify-start {
-		justify-content: start;
-	}
-
-	.white-space {
-		overflow: hidden;
-		/* 确保超出容器的文本被隐藏 */
-		white-space: nowrap;
-		/* 确保文本在一行内显示 */
-		text-overflow: ellipsis;
-		/* 使用省略号表示被截断的文本 */
-		width: 100%;
-	}
-
-	.con-center {
-		background: white;
-		border-radius: 44rpx;
-		position: relative;
+	.first-name {
+		width: 586rpx;
+		height: 52rpx;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 400;
+		font-size: 36rpx;
+		color: #323232;
+		// margin-left: 16rpx;
 	}
 
 
+	.first-mine {
+		height: 32rpx;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #7A7A7A;
 
-	.space-between {
-		justify-content: space-between;
 	}
 
-	.swiper {
-		width: 100%;
-		height: 580rpx;
+	.first-txt {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #7A7A7A;
+		line-height: 32rpx;
+		margin: 0 6rpx;
 	}
 
-	.box {
-		padding-top: 175rpx;
-		position: relative;
-	}
+	.first-image {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 500;
+		font-size: 24rpx;
+		color: #7A7A7A;
 
-	.topimgs_rmb {
-		position: absolute;
-		top: -168rpx;
-		right: 30rpx;
-		width: 201rpx;
-		height: 118rpx;
-		z-index: 0;
-	}
-
-	.topimgs {
-		position: absolute;
-		top: -120rpx;
-		width: 100%;
-		z-index: 0;
-	}
-
-	.top_texts {
-		position: absolute;
-		top: -148rpx;
-		right: 30rpx;
-		z-index: 3;
-		color: #ffffff;
-		width: 200rpx;
-		text-align: center;
-		display: flex;
-		justify-content: center;
-
-		.xiao {
-			margin-left: 4rpx;
-			font-size: 22rpx;
-			font-weight: 400;
-		}
-	}
-
-	.first-box {
-		width: 690rpx;
-		background: #FFFFFF;
-		// background: url('@/static/detail/conbg.png');
-		// padding-left: 24rpx;
-		// margin-top: 20rpx;
-		border-radius: 20rpx;
-		z-index: 1;
-
-		.sigh {
-			width: 88rpx;
-			height: 40rpx;
-			background: #BEEE03;
-			border-radius: 4rpx 4rpx 4rpx 4rpx;
-			font-family: Source Han Sans CN, Source Han Sans CN;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #222222;
-		}
-
-		.first-name {
-			width: 586rpx;
-			height: 52rpx;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 400;
-			font-size: 36rpx;
-			color: #323232;
-			// margin-left: 16rpx;
-		}
-
-
-		.first-mine {
-			height: 32rpx;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #7A7A7A;
-
-		}
-
-		.first-txt {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #7A7A7A;
-			line-height: 32rpx;
-			margin: 0 6rpx;
-		}
-
-		.first-image {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 500;
-			font-size: 24rpx;
-			color: #7A7A7A;
-
-			span {
-				width: 600rpx;
-				// height: 40rpx;
-				font-family: Source Han Sans CN, Source Han Sans CN;
-				font-weight: 400;
-				font-size: 26rpx;
-				color: #222222;
-			}
-
-			.xieyi {
-				background-color: #BBFC5B;
-				width: 156rpx;
-				height: 48rpx;
-				border-radius: 8rpx;
-			}
-		}
-	}
-
-	.second-box {
-		width: 690rpx;
-		height: 64rpx;
-		border-radius: 16rpx 16rpx 16rpx 16rpx;
-		margin: 20rpx 0 20rpx 0;
-
-		.smalld {
-			margin-left: 0 !important;
-		}
-
-		.number {
-			height: 40rpx;
+		span {
+			width: 600rpx;
+			// height: 40rpx;
 			font-family: Source Han Sans CN, Source Han Sans CN;
 			font-weight: 400;
 			font-size: 26rpx;
-			color: #323232;
-			margin-left: 32rpx;
+			color: #222222;
 		}
 
+		.xieyi {
+			background-color: #BBFC5B;
+			height: 48rpx;
+			border-radius: 8rpx;
+			    padding: 0px 10rpx;
+		}
+	}
+}
+
+.second-box {
+	width: 690rpx;
+	height: 64rpx;
+	border-radius: 16rpx 16rpx 16rpx 16rpx;
+	margin: 20rpx 0 20rpx 0;
+
+	.smalld {
+		margin-left: 0 !important;
+	}
+
+	.number {
+		height: 40rpx;
+		font-family: Source Han Sans CN, Source Han Sans CN;
+		font-weight: 400;
+		font-size: 26rpx;
+		color: #323232;
+		margin-left: 32rpx;
+	}
+
+	view {
+		span {
+			background: rgba(255, 255, 255, 0.4);
+			border-radius: 24rpx;
+		}
+	}
+
+	// .value_slide{
+	// 	width: 50%;
+	// 	::v-deep .uni-slider-handle-wrapper{
+	// 		height: 10rpx;
+	// 	}
+	// 	::v-deep .uni-slider-handle{
+	// 		background: url('@/static/detail/qiu.png') !important;
+	// 		border-radius: 0;
+	// 		background-size: 52rpx 52rpx !important;
+	// 	}
+	// 	::v-deep .uni-slider-value{
+	// 		color: #323232;
+	// 		&::after{
+	// 			content: '%';
+	// 		}
+	// 	}
+	// }
+
+}
+
+.third {
+	width: 100%;
+	background: #ffffff;
+	border-radius: 44rpx;
+
+	.third-top {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: bold;
+		font-size: 36rpx;
+		color: #323232;
+		line-height: 50rpx;
+		margin-left: 30rpx;
+		position: relative;
+		z-index: 10;
+	}
+
+	span {
+		position: relative;
+
+		.icons {
+			width: 37rpx;
+			height: 20rpx;
+			position: absolute;
+			left: 0;
+			bottom: 0;
+			z-index: -1;
+		}
+	}
+
+	.third-center {
+		padding: 30rpx;
+		overflow: hidden;
+		margin: 0 auto;
+
+		.v_html {
+			word-wrap: break-word;
+			word-break: break-all;
+		}
+
+		.imgs {
+			width: 690rpx;
+			display: block;
+		}
+	}
+
+	.third-center-gro {
+		margin-top: 28rpx;
+		width: auto;
+		height: 160rpx;
+		overflow: hidden;
+		position: relative;
+		margin-left: 30rpx;
+		margin-right: 30rpx;
+		margin-bottom: 30rpx;
+
+		.scroll-container {
+			.t1_name {
+				width: 100rpx;
+				height: 36rpx;
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #3D3D3D;
+				line-height: 36rpx;
+				text-align: left;
+				font-style: normal;
+				text-transform: none;
+			}
+
+			.t1_order {
+				width: 350rpx;
+				height: 36rpx;
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #3D3D3D;
+				line-height: 36rpx;
+				text-align: left;
+				font-style: normal;
+				text-transform: none;
+				white-space: nowrap;
+				overflow: hidden;
+				text-overflow: ellipsis;
+			}
+
+			.t1_num {
+				width: 103rpx;
+				height: 36rpx;
+
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 400;
+				font-size: 26rpx;
+				color: #3D3D3D;
+				line-height: 36rpx;
+				text-align: left;
+				font-style: normal;
+				text-transform: none;
+			}
+		}
+	}
+
+
+
+}
+
+.line {
+	width: 690rpx;
+	height: 2rpx;
+	background: #F0F0F0;
+	margin: 19rpx 0;
+}
+
+.icon-size {
+	width: 32rpx;
+	height: 32rpx;
+	margin-right: 12rpx;
+}
+
+
+.footer {
+	width: 93%;
+	height: 185rpx;
+	background: #ffffff;
+	border-radius: 0rpx 0rpx 0rpx 0rpx;
+	position: fixed;
+	z-index: 99;
+	/* 绝对定位 */
+	bottom: 0;
+	/* 定位在底部 */
+	left: 0;
+	right: 0;
+	margin: 0 auto;
+	/* 定位在左边 */
+
+	.footer-left {
+		position: absolute;
+		left: 100rpx;
+		display: flex;
+
 		view {
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			flex-flow: column;
+			margin-right: 40rpx;
+			width: 48rpx;
+
 			span {
-				background: rgba(255, 255, 255, 0.4);
-				border-radius: 24rpx;
+				text-align: center;
+				width: 48rpx;
+				height: 34rpx;
+				font-family: Source Han Sans CN, Source Han Sans CN;
+				font-weight: 400;
+				font-size: 22rpx;
+				color: #A4A4A4;
 			}
 		}
 
-		// .value_slide{
-		// 	width: 50%;
-		// 	::v-deep .uni-slider-handle-wrapper{
-		// 		height: 10rpx;
-		// 	}
-		// 	::v-deep .uni-slider-handle{
-		// 		background: url('@/static/detail/qiu.png') !important;
-		// 		border-radius: 0;
-		// 		background-size: 52rpx 52rpx !important;
-		// 	}
-		// 	::v-deep .uni-slider-value{
-		// 		color: #323232;
-		// 		&::after{
-		// 			content: '%';
-		// 		}
-		// 	}
-		// }
-
+		image {
+			width: 191rpx;
+			height: 118rpx;
+		}
 	}
 
-	.third {
+	.bottom_fot {
 		width: 100%;
-		background: #ffffff;
-		border-radius: 44rpx;
+		height: 147rpx;
+		background: #FFFFFF;
+		position: fixed;
+		bottom: 0;
+	}
 
-		.third-top {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: bold;
-			font-size: 36rpx;
-			color: #323232;
-			line-height: 50rpx;
-			margin-left: 30rpx;
-			position: relative;
-			z-index: 10;
-		}
+	.footer-right {
+		margin: 0 auto;
+		width: 100%;
+		height: 90rpx;
+		background: #323232;
+		text-align: center;
+		line-height: 90rpx;
+		border-radius: 200rpx;
+		font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+		font-weight: 400;
+		font-size: 48rpx;
+		color: #BBFC5B;
+	}
+}
+
+
+.popupBox {
+	width: 640rpx;
+	height: 414rpx;
+	background-image: url("https://naweigetetest2.hschool.com.cn/dyqc/confirm2.png");
+	background-size: 100%;
+	background-repeat: no-repeat;
+	border-radius: 44rpx;
+
+	.pop-header {
+		width: 100%;
+
+		background-repeat: no-repeat;
+		background-position: left bottom;
+		height: 414rpx;
+		margin-top: 80rpx;
 
 		span {
-			position: relative;
-
-			.icons {
-				width: 37rpx;
-				height: 20rpx;
-				position: absolute;
-				left: 0;
-				bottom: 0;
-				z-index: -1;
-			}
+			font-family: PingFang SC, PingFang SC;
+			font-weight: 400;
+			font-size: 20rpx;
+			color: #343434;
 		}
 
-		.third-center {
-			padding: 30rpx;
-			overflow: hidden;
-			margin: 0 auto;
-
-			.v_html {
-				word-wrap: break-word;
-				word-break: break-all;
-			}
-
-			.imgs {
-				width: 690rpx;
-				display: block;
-			}
+		.name {
+			width: 288rpx;
+			height: 36rpx;
+			font-family: PingFang SC Bold, PingFang SC Bold;
+			font-weight: 400;
+			font-size: 36rpx;
+			color: #202020;
+			line-height: 36rpx;
+			text-align: center;
+			font-style: normal;
+			text-transform: none;
 		}
 
-		.third-center-gro {
-			margin-top: 28rpx;
-			width: auto;
-			height: 160rpx;
-			overflow: hidden;
-			position: relative;
-			margin-left: 30rpx;
-			margin-right: 30rpx;
-			margin-bottom: 30rpx;
-
-			.scroll-container {
-				.t1_name {
-					width: 100rpx;
-					height: 36rpx;
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 400;
-					font-size: 26rpx;
-					color: #3D3D3D;
-					line-height: 36rpx;
-					text-align: left;
-					font-style: normal;
-					text-transform: none;
-				}
-
-				.t1_order {
-					width: 350rpx;
-					height: 36rpx;
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 400;
-					font-size: 26rpx;
-					color: #3D3D3D;
-					line-height: 36rpx;
-					text-align: left;
-					font-style: normal;
-					text-transform: none;
-					white-space: nowrap;
-					overflow: hidden;
-					text-overflow: ellipsis;
-				}
-
-				.t1_num {
-					width: 103rpx;
-					height: 36rpx;
-
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 400;
-					font-size: 26rpx;
-					color: #3D3D3D;
-					line-height: 36rpx;
-					text-align: left;
-					font-style: normal;
-					text-transform: none;
-				}
-			}
+		.price {
+			width: 520rpx;
+			height: 68rpx;
+			margin-top: 30rpx;
+			font-family: PingFang SC, PingFang SC;
+			font-weight: 400;
+			font-size: 24rpx;
+			color: #202020;
+			line-height: 34rpx;
+			text-align: center;
+			font-style: normal;
+			text-transform: none;
 		}
-
-
-
 	}
 
-	.line {
-		width: 690rpx;
-		height: 2rpx;
-		background: #F0F0F0;
-		margin: 19rpx 0;
+	.popup {
+		display: flex;
+		align-items: self-start;
+		justify-content: center;
+		width: 594rpx;
 	}
 
-	.icon-size {
-		width: 32rpx;
-		height: 32rpx;
-		margin-right: 12rpx;
-	}
+	.popup-footer {
+		position: absolute;
+		left: 75rpx;
+		bottom: 60rpx;
 
-
-	.footer {
-		width: 93%;
-		height: 185rpx;
-		background: #ffffff;
-		border-radius: 0rpx 0rpx 0rpx 0rpx;
-		position: fixed;
-		z-index: 99;
-		/* 绝对定位 */
-		bottom: 0;
-		/* 定位在底部 */
-		left: 0;
-		right: 0;
-		margin: 0 auto;
-		/* 定位在左边 */
-
-		.footer-left {
-			position: absolute;
-			left: 100rpx;
-			display: flex;
-
-			view {
-				display: flex;
-				justify-content: center;
-				align-items: center;
-				flex-flow: column;
-				margin-right: 40rpx;
-				width: 48rpx;
-
-				span {
-					text-align: center;
-					width: 48rpx;
-					height: 34rpx;
-					font-family: Source Han Sans CN, Source Han Sans CN;
-					font-weight: 400;
-					font-size: 22rpx;
-					color: #A4A4A4;
-				}
-			}
-
-			image {
-				width: 191rpx;
-				height: 118rpx;
-			}
-		}
-
-		.bottom_fot {
-			width: 100%;
-			height: 147rpx;
-			background: #FFFFFF;
-			position: fixed;
-			bottom: 0;
-		}
-
-		.footer-right {
-			margin: 0 auto;
-			width: 100%;
+		span {
+			width: 230rpx;
 			height: 90rpx;
 			background: #323232;
-			text-align: center;
-			line-height: 90rpx;
-			border-radius: 200rpx;
-			font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
+			border-radius: 200rpx 200rpx 200rpx 200rpx;
+			font-family: PingFang SC Regular, PingFang SC Regular;
 			font-weight: 400;
-			font-size: 48rpx;
-			color: #BBFC5B;
-		}
-	}
-
-
-	.popupBox {
-		width: 640rpx;
-		height: 414rpx;
-		background-image: url("https://naweigetetest2.hschool.com.cn/dyqc/confirm2.png");
-		background-size: 100%;
-		background-repeat: no-repeat;
-		border-radius: 44rpx;
-
-		.pop-header {
-			width: 100%;
-
-			background-repeat: no-repeat;
-			background-position: left bottom;
-			height: 414rpx;
-			margin-top: 80rpx;
-
-			span {
-				font-family: PingFang SC, PingFang SC;
-				font-weight: 400;
-				font-size: 20rpx;
-				color: #343434;
-			}
-
-			.name {
-				width: 288rpx;
-				height: 36rpx;
-				font-family: PingFang SC Bold, PingFang SC Bold;
-				font-weight: 400;
-				font-size: 36rpx;
-				color: #202020;
-				line-height: 36rpx;
-				text-align: center;
-				font-style: normal;
-				text-transform: none;
-			}
-
-			.price {
-				width: 520rpx;
-				height: 68rpx;
-				margin-top: 30rpx;
-				font-family: PingFang SC, PingFang SC;
-				font-weight: 400;
-				font-size: 24rpx;
-				color: #202020;
-				line-height: 34rpx;
-				text-align: center;
-				font-style: normal;
-				text-transform: none;
-			}
-		}
-
-		.popup {
-			display: flex;
-			align-items: self-start;
-			justify-content: center;
-			width: 594rpx;
-		}
-
-		.popup-footer {
-			position: absolute;
-			left: 75rpx;
-			bottom: 60rpx;
-
-			span {
-				width: 230rpx;
-				height: 90rpx;
-				background: #323232;
-				border-radius: 200rpx 200rpx 200rpx 200rpx;
-				font-family: PingFang SC Regular, PingFang SC Regular;
-				font-weight: 400;
-				font-size: 32rpx;
-				color: #BBFC5B;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-			}
-
-			.span1 {
-				background: rgba(193, 193, 193, 0.22);
-				color: #202020;
-				margin-right: 30rpx;
-			}
-
-		}
-
-
-		.line {
-			width: 642rpx;
-			height: 1rpx;
-			background: #F0F0F0;
-			box-shadow: 1rpx 1rpx 0rpx 0rpx rgba(102, 102, 102, 0.25);
-			border-radius: 0rpx 0rpx 0rpx 0rpx;
-		}
-
-
-
-		.selectTime.selected {
-			width: 288rpx;
-			height: 50rpx;
-			border-radius: 12rpx 12rpx 12rpx 12rpx;
-			background: #008CFF;
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 800;
-			font-size: 24rpx;
-			color: #FFFFFF;
-			cursor: pointer;
-			margin: 24rpx 32rpx 0 0;
-
-		}
-	}
-
-	.share {
-		position: fixed;
-		color: #FFFFFF;
-		right: 0;
-		bottom: 190rpx;
-		background: linear-gradient(to bottom right, #FE726B, #FE956B);
-		padding: 10rpx 10rpx 10rpx 20rpx;
-		border-top-left-radius: 50px;
-		border-bottom-left-radius: 50px;
-		box-shadow: 0 0 20upx rgba(0, 0, 0, .09);
-	}
-
-	.cancel {
-		width: 100vw;
-		padding: 30rpx;
-		text-align: center;
-		background: #FFFFFF;
-		color: red;
-		font-weight: bold;
-		font-size: 30rpx;
-	}
-
-	.md-content {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		padding: 50rpx 0;
-		background-color: white;
-	}
-
-	.md-content-item {
-		margin: 0 70rpx;
-		position: relative;
-	}
-
-	.md-content-item image {
-		width: 100rpx;
-		height: 100rpx;
-	}
-
-	.md-content-item view {
-		margin-top: 15rpx;
-		font-size: 28rpx;
-	}
-
-	.sharebtn {
-		position: absolute;
-		top: 0;
-		left: 0;
-		right: 0;
-		bottom: 0;
-		opacity: 0;
-	}
-
-	.cu-modal {
-		position: fixed;
-		bottom: 166rpx;
-		left: 0;
-		z-index: 999999;
-	}
-
-	.gj {
-		.title {
-			font-family: PingFang SC, PingFang SC;
-			font-weight: 800;
 			font-size: 32rpx;
-			color: #4B4B4B;
-
-			span {
-				font-family: PingFang SC, PingFang SC;
-				font-weight: 800;
-				font-size: 24rpx;
-				color: #4B4B4B;
-			}
-		}
-
-		.scroll {
-			width: 642rpx;
-			max-height: 340rpx;
-
-			view {
-				margin: 24rpx;
-				width: 600rpx;
-				height: 56rpx;
-				background: #E8E8E8;
-				border-radius: 12rpx 12rpx 12rpx 12rpx;
-				display: flex;
-				justify-content: center;
-				align-items: center;
-
-				.title {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 500;
-					font-size: 28rpx;
-					color: #7A7A7A;
-				}
-
-				.red {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 500;
-					font-size: 28rpx;
-					color: #FF5F5F;
-				}
-
-				.lan {
-					font-family: PingFang SC, PingFang SC;
-					font-weight: 500;
-					font-size: 28rpx;
-					color: #008CFF;
-				}
-			}
-		}
-	}
-
-	::v-deep ::-webkit-scrollbar {
-		/*滚动条整体样式*/
-		width: 4px !important;
-		height: 1px !important;
-		overflow: auto !important;
-		background: #ccc !important;
-		-webkit-appearance: auto !important;
-		display: block;
-	}
-
-	::v-deep ::-webkit-scrollbar-thumb {
-		/*滚动条里面小方块*/
-		border-radius: 10px !important;
-		box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
-		background: #7b7979 !important;
-	}
-
-	::v-deep ::-webkit-scrollbar-track {
-		/*滚动条里面轨道*/
-		// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
-		// border-radius: 10px !important;
-		background: #FFFFFF !important;
-	}
-
-	.Poster {
-		position: relative;
-		top: 21rpx;
-		left: 30rpx;
-		width: 690rpx;
-	}
-
-	.posterClose {
-		position: absolute;
-		right: 8rpx;
-		top: 8rpx;
-	}
-
-	.no-scroll {
-		overflow: hidden;
-		height: 100vh;
-	}
-
-	::v-deep ._root {
-		padding: 0 10rpx;
-	}
-</style>
-<style lang="scss">
-	.value_slide {
-		width: 40%;
-	
-		::v-deep .uni-slider-handle-wrapper {
-			height: 10rpx;
-		}
-	
-		::v-deep .uni-slider-handle {
-			background: url('@/static/detail/qiu.png') !important;
-			border-radius: 0;
-			background-size: 36rpx 36rpx !important;
-			width: 36rpx;
-			height: 36rpx;
-			top: 14rpx;
-			margin-left: -18rpx !important;
-		}
-	
-		::v-deep .uni-slider-value {
-			color: #323232;
-	
-			&::after {
-				content: '%';
-			}
-		}
-	
-		// #ifdef MP-WEIXIN
-		.wx-slider-handle-wrapper {
-			height: 8rpx;
-		}
-	
-		.wx-slider-handle {
-			background: url('@/static/detail/qiu.png') !important;
-			border-radius: 0;
-			background-size: 30rpx 30rpx !important;
-			width: 28rpx;
-			height: 28rpx;
-			top: 14rpx;
-			margin-left: -14rpx !important;
-		}
-	
-		.wx-slider-value {
+			color: #BBFC5B;
 			display: flex;
-			width: 30rpx;
-			color: #323232;
-	
-			&::after {
-				content: '%';
-			}
-		}
-	
-		// #endif
-	}
-
-	.pos {
-		position: fixed;
-		width: 100%;
-		height: 100%;
-		z-index: 99999;
-
-		.posterClose {
-			position: absolute;
-			// right: 8rpx; 
-			top: 200rpx;
-		}
-	}
-
-	.btnList {
-		position: absolute;
-		bottom: 173rpx;
-		display: flex;
-		justify-content: space-around;
-		align-items: self-start;
-		width: 750rpx;
-		height: 247rpx;
-		background: #FFFFFF;
-		border-radius: 44rpx 44rpx 0rpx 0rpx;
-		color: #999999;
-		font-family: PingFang SC Regular, PingFang SC Regular;
-		font-weight: 400;
-		font-size: 28rpx;
-
-		.save {
-			margin-top: 60rpx;
-			display: flex;
-			flex-direction: column;
 			justify-content: center;
 			align-items: center;
 		}
+
+		.span1 {
+			background: rgba(193, 193, 193, 0.22);
+			color: #202020;
+			margin-right: 30rpx;
+		}
+
 	}
 
+
+	.line {
+		width: 642rpx;
+		height: 1rpx;
+		background: #F0F0F0;
+		box-shadow: 1rpx 1rpx 0rpx 0rpx rgba(102, 102, 102, 0.25);
+		border-radius: 0rpx 0rpx 0rpx 0rpx;
+	}
+
+
+
+	.selectTime.selected {
+		width: 288rpx;
+		height: 50rpx;
+		border-radius: 12rpx 12rpx 12rpx 12rpx;
+		background: #008CFF;
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 800;
+		font-size: 24rpx;
+		color: #FFFFFF;
+		cursor: pointer;
+		margin: 24rpx 32rpx 0 0;
+
+	}
+}
+
+.share {
+	position: fixed;
+	color: #FFFFFF;
+	right: 0;
+	bottom: 190rpx;
+	background: linear-gradient(to bottom right, #FE726B, #FE956B);
+	padding: 10rpx 10rpx 10rpx 20rpx;
+	border-top-left-radius: 50px;
+	border-bottom-left-radius: 50px;
+	box-shadow: 0 0 20upx rgba(0, 0, 0, .09);
+}
+
+.cancel {
+	width: 100vw;
+	padding: 30rpx;
+	text-align: center;
+	background: #FFFFFF;
+	color: red;
+	font-weight: bold;
+	font-size: 30rpx;
+}
+
+.md-content {
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	padding: 50rpx 0;
+	background-color: white;
+}
+
+.md-content-item {
+	margin: 0 70rpx;
+	position: relative;
+}
+
+.md-content-item image {
+	width: 100rpx;
+	height: 100rpx;
+}
+
+.md-content-item view {
+	margin-top: 15rpx;
+	font-size: 28rpx;
+}
+
+.sharebtn {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	bottom: 0;
+	opacity: 0;
+}
+
+.cu-modal {
+	position: fixed;
+	bottom: 166rpx;
+	left: 0;
+	z-index: 999999;
+}
+
+.gj {
+	.title {
+		font-family: PingFang SC, PingFang SC;
+		font-weight: 800;
+		font-size: 32rpx;
+		color: #4B4B4B;
+
+		span {
+			font-family: PingFang SC, PingFang SC;
+			font-weight: 800;
+			font-size: 24rpx;
+			color: #4B4B4B;
+		}
+	}
+
+	.scroll {
+		width: 642rpx;
+		max-height: 340rpx;
+
+		view {
+			margin: 24rpx;
+			width: 600rpx;
+			height: 56rpx;
+			background: #E8E8E8;
+			border-radius: 12rpx 12rpx 12rpx 12rpx;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+
+			.title {
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #7A7A7A;
+			}
+
+			.red {
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #FF5F5F;
+			}
+
+			.lan {
+				font-family: PingFang SC, PingFang SC;
+				font-weight: 500;
+				font-size: 28rpx;
+				color: #008CFF;
+			}
+		}
+	}
+}
+
+::v-deep ::-webkit-scrollbar {
+	/*滚动条整体样式*/
+	width: 4px !important;
+	height: 1px !important;
+	overflow: auto !important;
+	background: #ccc !important;
+	-webkit-appearance: auto !important;
+	display: block;
+}
+
+::v-deep ::-webkit-scrollbar-thumb {
+	/*滚动条里面小方块*/
+	border-radius: 10px !important;
+	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+	background: #7b7979 !important;
+}
+
+::v-deep ::-webkit-scrollbar-track {
+	/*滚动条里面轨道*/
+	// box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
+	// border-radius: 10px !important;
+	background: #FFFFFF !important;
+}
+
+.Poster {
+	position: relative;
+	top: 21rpx;
+	left: 30rpx;
+	width: 690rpx;
+}
+
+.posterClose {
+	position: absolute;
+	right: 8rpx;
+	top: 8rpx;
+}
+
+.no-scroll {
+	overflow: hidden;
+	height: 100vh;
+}
+
+::v-deep ._root {
+	padding: 0 10rpx;
+}
+</style>
+<style lang="scss">
+.value_slide {
+	width: 40%;
+
+	::v-deep .uni-slider-handle-wrapper {
+		height: 10rpx;
+	}
+
+	::v-deep .uni-slider-handle {
+		background: url('@/static/detail/qiu.png') !important;
+		border-radius: 0;
+		background-size: 36rpx 36rpx !important;
+		width: 36rpx;
+		height: 36rpx;
+		top: 14rpx;
+		margin-left: -18rpx !important;
+	}
+
+	::v-deep .uni-slider-value {
+		color: #323232;
+
+		&::after {
+			content: '%';
+		}
+	}
+
+	// #ifdef MP-WEIXIN
+	.wx-slider-handle-wrapper {
+		height: 8rpx;
+	}
+
+	.wx-slider-handle {
+		background: url('@/static/detail/qiu.png') !important;
+		border-radius: 0;
+		background-size: 30rpx 30rpx !important;
+		width: 28rpx;
+		height: 28rpx;
+		top: 14rpx;
+		margin-left: -14rpx !important;
+	}
+
+	.wx-slider-value {
+		display: flex;
+		width: 30rpx;
+		color: #323232;
+
+		&::after {
+			content: '%';
+		}
+	}
+
+	// #endif
+}
+
+.pos {
+	position: fixed;
+	width: 100%;
+	height: 100%;
+	z-index: 99999;
+
+	.posterClose {
+		position: absolute;
+		// right: 8rpx; 
+		top: 200rpx;
+	}
+}
+
+.btnList {
+	position: absolute;
+	bottom: 173rpx;
+	display: flex;
+	justify-content: space-around;
+	align-items: self-start;
+	width: 750rpx;
+	height: 247rpx;
+	background: #FFFFFF;
+	border-radius: 44rpx 44rpx 0rpx 0rpx;
+	color: #999999;
+	font-family: PingFang SC Regular, PingFang SC Regular;
+	font-weight: 400;
+	font-size: 28rpx;
+
+	.save {
+		margin-top: 60rpx;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+	}
+}
+
+</style>
+<style scoped>
 	.no-border-button {
 		background-color: transparent;
 		/* 去掉背景色 */
diff --git a/packageA/my/pendinPayDetail.vue b/packageA/my/pendinPayDetail.vue
index d873bc6..c7fad24 100644
--- a/packageA/my/pendinPayDetail.vue
+++ b/packageA/my/pendinPayDetail.vue
@@ -363,7 +363,10 @@
 						// 		prevPage.onLoad(prevPage.options)
 						// 	}
 						// });
-						uni.hideLoading();
+						setTimeout(()=>{
+							uni.hideLoading();
+						},2000)
+						
 					} else {
 						uni.showToast({
 							title: res.msg,
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 02067e4..05e01f5 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -208,7 +208,7 @@
 				<view @click="formShow = false" style="font-family: PingFang SC, PingFang SC;font-size: 32rpx;">关闭
 				</view>
 			</view>
-			<view style="width: 100%;height: 1px;background-color: #D8D8D8;"></view>
+			<view style="width: 100%;height: 1px;background-color: #eeeeee;"></view>
 			<view style="padding:30rpx 30rpx;">
 				<view style="display: flex;align-items: center;justify-content: space-between;">
 					<view style="color: #3D3D3D;font-weight: 400;font-family: PingFang SC, PingFang SC;">
@@ -1507,7 +1507,7 @@ export default {
 	margin: 40rpx 0rpx;
 	height: 1rpx;
 	width: 100%;
-	background: #F0F0F0;
+	background: #eeeeee;
 }
 
 .input {
diff --git a/utils/dateFormat.js b/utils/dateFormat.js
index 89aab61..cb876e2 100644
--- a/utils/dateFormat.js
+++ b/utils/dateFormat.js
@@ -25,7 +25,7 @@ export const dateWeek = time =>{
 	return dayjs.unix(time).format('ddd MM-DD HH:mm')
 }
 export const dateWeekData = time =>{
-	return dayjs(time).format('ddd MM-DD HH:mm')
+	return dayjs(time).format('MM-DD HH:mm')
 }
 export const dateWeekbeg = time =>{
 	return dayjs.unix(time).format('MM-DD(ddd) HH:mm')