第一次现场使用回来后提交

center/factorauth.vue

@@ -101,6 +101,10 @@
 			},
 			submit(){
 				// console.log('form',this.form);
+				// if(!this.form.idcard.startsWith("52")){
+				// 	uni.$u.toast('仅允许以52开头的身份证')
+				// 	return
+				// }
 				this.$refs.uForm.validate().then(res => {
 					// uni.$u.toast('校验通过')
 					this.$u.api.factorAuth(this.form).then(res=>{

center/people.vue

@@ -122,6 +122,10 @@
 			   };
 			},
 			submit() {
+				// if(!this.form.idcard.startsWith("52")){
+				// 	uni.$u.toast('仅允许以52开头的身份证')
+				// 	return
+				// }
 				this.$refs.uForm.validate().then(res => {
 					uni.$u.toast('表单校验成功')
 					console.log('this.type',this.type);

center/refund.vue

@@ -122,7 +122,11 @@
 					uni.$u.toast(res.msg)
 					// uni.navigateBack()
 					setTimeout(()=>{
-						uni.$u.route('/center/order');
+						uni.$u.route('/center/orderdetails', {
+							type:'redirectTo',
+							id: this.orderId
+						});
+						// uni.$u.route('/center/order');
 					},1500)
 					console.log('res',res.data);
 				}).catch(err=>{

common/apiurl.js

@@ -107,6 +107,11 @@ const apiurl = {
 		url: '/goods/performInfo/performerNotice',
 		type: 'get'
 	},
+	// 演员信息
+	actorsinfo: {
+		url: '/goods/performInfo/performerDetail',
+		type: 'get'
+	},
 	// 选择区域
 	selectRegion: {
 		url: '/merchant/merchantTheatreAuditorium/selectRegion',

common/request.js

@@ -39,6 +39,7 @@ module.exports = (vm) => {
 			let backUrl = pages[pages.length - 1].route;
 			let options =uni.$u.queryParams( pages[pages.length - 1].options);
 			let fullBackUrl = backUrl+options;
+			// console.log('fullBackUrl',fullBackUrl);
 			
 			// const backArr = ['productdetails'];//需要登录返回的页面
 			// const hasBackArr = backArr.some(backPage => backUrl.includes(backPage));

pages.json

@@ -69,6 +69,13 @@
 				"navigationBarTitleText": "演员列表",
 				"navigationStyle": "custom"
 			}
+		},
+		{
+			"path": "pages/actorsinfo",
+			"style": {
+				"navigationBarTitleText": "演员信息",
+				"navigationStyle": "custom"
+			}
 		}
 	],
 	"subPackages": [

pages/actors.vue

@@ -7,7 +7,7 @@
 		<view class="page-wrap">
 			<!-- <view class="title">演员信息</view> -->
 			<view class="list">
-				<view class="item" v-for="(item, index) in actorsArr" :key="index">
+				<view class="item" v-for="(item, index) in actorsArr" @click="$u.route('/pages/actorsinfo',{id:item.id})" :key="index">
 					<image class="img" :src="item.performerHead||staticUrl+'/img/actors.png'"></image>
 					<view class="text">
 						<view class="name">{{item.performerName}}</view>

pages/actorsinfo.vue

@@ -0,0 +1,102 @@
+<template>
+	<view class="pages">
+		<view class="" :style="{height: navHeight+'px' }"></view>
+		<view class="navbar-box">
+			<u-navbar title="演员信息" :safeAreaInsetTop="true" @leftClick="leftClick" :titleStyle="{color:'#000'}" leftIconColor="#000" bgColor="transparent"></u-navbar>
+		</view>
+		<view class="banner">
+			<image class="img" :src="details.performerHead" mode="widthFix" alt="">
+		</view>
+		<view class="content-wrap">
+			<view class="title">{{details.performerName||''}}({{details.performerRole||''}})</view>
+			<view class="centent parse-content">
+				<u-parse :content="details.performerSnapshot||''"></u-parse>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { systemInfo } from "@/mixin.js";
+	export default {
+		mixins:[systemInfo],
+		data() {
+			return {
+				staticUrl:this.$commonConfig.staticUrl,
+				id:'',
+				details:{},
+			}
+		},
+		onShow() {
+		},
+		onLoad(page) {
+			let that = this;
+			this.getSystemInfo();
+			this.id = page.id;
+			this.type = page.type;
+			this.getDetails(this.id);
+			// this.getDetails();
+			
+
+		},
+		methods: {
+			leftClick(e){
+				let pages = getCurrentPages();
+				if(pages.length==1){
+					uni.$u.route('/pages/index/index')
+				}else{
+					uni.navigateBack()
+				};
+			},
+			getDetails(){
+				this.$u.api.actorsinfo({performerId:this.id}).then(res=>{
+					this.details = res.data;
+					// console.log('res',res.data);
+				}).catch(err=>{
+					console.log('getDetails',err);
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.banner{
+	.img{
+		display: block;
+		width: 100%;
+		height: 400rpx;
+	}
+}
+.content-wrap{
+	padding: 65rpx 32rpx;
+	background: #FFFFFF;
+	border-radius: 20rpx 20rpx 0rpx 0rpx;
+	transform: translateY(-20rpx);
+	.title{
+		font-size: 32rpx;
+		font-weight: bold;
+		color: #333333;
+		// line-height: 22rpx;
+		margin-bottom: 30rpx;
+	}
+	.time{
+		font-size: 24rpx;
+		font-weight: 400;
+		color: #C0C0C0;
+		line-height: 22rpx;
+		margin-bottom: 40rpx;
+	}
+	.centent{
+		font-size: 28rpx;
+		font-weight: 400;
+		color: #6B6B6B;
+		line-height: 44rpx;
+		img,image{
+			width: 100%;
+			display: block;
+			margin: 10rpx auto;
+		}
+	}
+}
+</style>

pages/bookticket.vue

@@ -141,7 +141,8 @@
 				</view>
 				<view class="right">
 					<view class="btn active" v-if="totalPrice>0&&cansubmit&&vuex_member_info.isAuth"
-						@click="submitorder">立即支付</view>
+						@click="setTemplate">立即支付</view>
+					<!-- <u-button @click="setTemplate" class="btn active"  v-if="totalPrice>0&&cansubmit&&vuex_member_info.isAuth">立即支付</u-button> -->
 					<view class="btn" v-else>立即支付</view>
 				</view>
 			</view>
@@ -202,7 +203,11 @@
 					show:false,
 					title:'温馨提示',
 					content:''
-				}
+				},
+				scene:null,
+				retailId:null,//分销码
+				label:null,//scene解析出来的
+				retailId:null,
 
 			}
 		},
@@ -328,7 +333,39 @@
 					console.log('getTemplateIdList', err);
 				})
 			},
-			submitorder() {
+			async submitorder() {
+				let _this = this;
+				let retailId = null;
+				try {
+				        retailId = await new Promise((resolve, reject) => {
+				            uni.getStorage({
+				                key: 'retailId',
+				                success: function (res) {
+				                    console.log('getPositionData retailId====', res.data);
+				                    resolve(res.data);
+				                },
+				                fail: function (error) {
+				                    reject(error);
+				                }
+				            });
+				        });
+				        console.log('getPositionData retailId', retailId);
+				    } catch (error) {
+				        console.error('获取retailId失败', error);
+				        // 在这里可以添加处理失败的逻辑
+				    }
+					this.retailId = retailId;
+				console.log('submitorder retailId',this.retailId);
+				// if(this.scene&&this.scene!='undefined'){
+				// 	await this.$u.api.uncompress({scene:this.scene}).then(res=>{
+				// 		// data.performId = res.data.performId;
+				// 		this.label = res.data.label;
+				// 		this.retailId =  res.data.retailId;
+				// 		console.log('uncompress',res.data);
+				// 	}).catch(err=>{
+				// 		console.log('uncompress',err);
+				// 	})
+				// }
 				let params = {
 					performId: this.pageContent.performId,
 					goodsList: [{
@@ -344,8 +381,11 @@
 						mobile: this.pageContent.purchaser.mobile,
 						idcard: this.pageContent.purchaser.idcard
 					},
-					viewerList: this.visitors
+					viewerList: this.visitors,
+					label:this.label,
+					retailId:this.retailId
 				}
+				console.log('submitorder params',params);
 				// #ifdef MP
 				params['source'] = 1
 				// #endif 
@@ -360,7 +400,35 @@
 					// console.log('submitOrder',res.data);
 					this.orderId = res.data.orderId;
 					// this.templateEven()
-					this.setTemplate();
+					this.gotoPay();
+					// this.setTemplate();
+					uni.removeStorage({
+						key:'retailId',
+						success: (e) => {
+							console.log('removeStorage retailId success',e);
+							uni.getStorage({
+							    key: 'retailId',
+							    success: function (res) {
+							        console.log('删除后再获取 success retailId====', res.data);
+							    },
+							    fail: function (error) {
+									 console.log('删除后再获取 error retailId====',error);
+							    }
+							});
+						},
+						fail: (e) => {
+							console.log('removeStorage retailId fail',e);
+						}
+					});
+					uni.removeStorage({
+						key:'scene',
+						success: (e) => {
+							console.log('removeStorage scene success',e);
+						},
+						fail: (e) => {
+							console.log('removeStorage scene fail',e);
+						}
+					});
 
 				}).catch(err => {
 					this.cansubmit = true;
@@ -423,14 +491,15 @@
 					tmplIds: that.templateIdList,
 					success(res) {
 						// that.gotoPay();
-						console.log("success:", res);
+						console.log("设置小程序订阅消息 success:", res);
 					},
 					fail(res) {
-						console.log("fail:", res);
+						console.log("设置小程序订阅消息 fail:", res);
 					},
 					complete(res) {
-						that.gotoPay();
-						console.log("complete:", res);
+						// that.gotoPay();
+						that.submitorder();
+						console.log("设置小程序订阅消息 complete:", res);
 					}
 				})
 				// #endif
@@ -523,9 +592,13 @@
 							// 0-未支付 1-已支付 2-支付中 3-支付失败 4-支付退款
 							let payStatus = res.data.payStatus;
 							if (payStatus === 1) {
-								uni.$u.route('/center/order', {
-									status: 3
+								uni.$u.route('/center/orderdetails', {
+									type:'redirectTo',
+									id: res.data.orderId
 								});
+								// uni.$u.route('/center/order', {
+								// 	status: 3
+								// });
 								// uni.$u.route('/center/paysuccess');
 							} else if (payStatus === 0 || payStatus === 2) {
 								this.payQuery()

pages/index/index.vue

@@ -109,6 +109,24 @@
 	import { systemInfo } from "@/mixin.js";
 	import tabbar from "../../components/tabbar.vue";
 	export default {
+		onShareAppMessage(res) {
+		    if (res.from === 'button') {// 来自页面内分享按钮
+		      console.log(res.target)
+		    }
+		    return {
+		      title: '伟大转折演艺',
+		      path: '/pages/index/index'
+		    }
+		  },
+		  onShareTimeline(res) {
+		      if (res.from === 'button') {// 来自页面内分享按钮
+		        console.log(res.target)
+		      }
+		      return {
+		        title: '伟大转折演艺',
+		        path: '/pages/index/index'
+		      }
+		    },
 		components:{
 			tabbar,
 			// cartfixed
@@ -140,12 +158,16 @@
 			
 		},
 		onLoad(page) {
-			// console.log('index page',page);
+			console.log('index page',page);
 			const scene = decodeURIComponent(page.scene);
-			scene&&uni.setStorage({
-				key:'scene',
-				data:scene
-			});
+			if(scene&&scene!='undefined'){
+				console.log('index scene',scene);
+				scene&&uni.setStorage({
+					key:'scene',
+					data:scene
+				});
+			}
+			
 			
 			this.getSystemInfo();
 			// console.log('statusBarHeight',this.statusBarHeight);

pages/login/login.vue

@@ -137,8 +137,19 @@
 			};
 		},
 		onLoad(e) {
+			console.log("onLoad e=======",e)
+			if(e&&e.scene){
+				this.scene = e.scene;
+				console.log('login e.scene',e.scene);
+				this.scene&&uni.setStorage({
+					key:'scene',
+					data:e.scene,
+					success: function (res) {
+						console.log('onLoad success scene====',res);
+					}
+				});
+			}
 			// #ifdef H5
-			// console.log("回调参数=======",e)
 			if(e&&e.code) { // 微信第三方登录成功
 				this.code = e.code
 				this.login(e)
@@ -244,16 +255,18 @@
 				this.loginBtn = false;
 				let _this = this;
 				
-				await uni.getStorage({
-					key: 'scene',
-					success: function (res) {
-						// console.log('scene====',res.data);
-						if(res.data){
-							_this.scene = res.data
+				console.log('this.scene',this.scene);
+				if(!this.scene){
+					await uni.getStorage({
+						key: 'scene',
+						success: function (res) {
+							// console.log('scene====',res.data);
+							if(res.data){
+								_this.scene = res.data
+							}
 						}
-					}
-				});
-				
+					});
+				}
 				// this.getMobile()
 				let mobileData = await this.$u.api.getMobile({code:e.detail.code});
 				// console.log('mobileData',mobileData);
@@ -292,11 +305,16 @@
 					sourceType:1,
 					mobile:this.mobile
 				}
-				
+				console.log('this.scene',this.scene);
 				if(this.scene&&this.scene!='undefined'){
 					await this.$u.api.uncompress({scene:this.scene}).then(res=>{
-						data.performId = res.data.performId;
+						// data.performId = res.data.performId;
 						data.label = res.data.label;
+						data.retailId =  res.data.retailId;
+						data.retailId&&uni.setStorage({
+							key:'retailId',
+							data:data.retailId
+						});
 						// console.log('uncompress',res.data);
 					}).catch(err=>{
 						console.log('uncompress',err);
@@ -313,16 +331,16 @@
 					"mobile": ""
 				}
 				// #endif
-				// console.log('----------登陆中',data)
+				console.log('----------登陆中',data)
 				this.$u.api.login(data).then(res=>{
 					// console.log('微信登录返回结果========',res.data)
 					_this.$u.vuex('vuex_user_info', res.data);
 					// _this.$u.vuex('vuex_member_info',res.data);
 					// uni.setStorageSync('userInfo', res.data)
 					this.showAuthorizePhone = false;
-					uni.removeStorage({
-						key:'scene'
-					});
+					// uni.removeStorage({
+					// 	key:'scene'
+					// });
 					// console.log('res.data.userid',res.data.userid);
 					this.getMemberInfo(res.data.userId);
 					

pages/ticketlist.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="pages">
 		<view class="navbar-box">
-			<u-navbar title="票务购买" :safeAreaInsetTop="true" @leftClick="leftClick" :titleStyle="{color:'#fff'}" leftIconColor="#fff" bgColor="transparent"></u-navbar>
+			<u-navbar title=" " :safeAreaInsetTop="true" @leftClick="leftClick" :titleStyle="{color:'#fff'}" leftIconColor="#fff" bgColor="transparent"></u-navbar>
 		</view>
 		<view class="banner">
 			<!-- <image class="img" :src="staticUrl+'/img/bookticket-banner.png'" alt=""> -->
@@ -13,14 +13,15 @@
 				:indicatorStyle="{bottom:'100rpx'}"
 				keyName="imageUrl"
 				radius="0"
+				@click="previewBanner"
 				:indicator="false"
 				circular
 			></u-swiper>
-			<view class="content">
+		<!-- 	<view class="content">
 				<view class="share" @click="openShare()">
 					<image class="icon" :src="staticUrl+'/img/share-ico.png'" ></image>
 				</view>
-			</view>
+			</view> -->
 		</view>
 		<view class="base-info">
 			<view class="inner">
@@ -36,6 +37,10 @@
 							<image class="icon" :src="staticUrl+'/img/phone-call-ico.png'" ></image>
 							<text>电话</text>
 						</view>
+						<view class="item"  @click="openShare()">
+							<image class="icon" :src="staticUrl+'/img/share-ico-v2.png'" ></image>
+							<text>分享</text>
+						</view>
 					<!-- 	<u-icon name="arrow-right" color="#ffffff" size="36rpx" @click="goMap"></u-icon>
 						<u-icon name="arrow-right" color="#ffffff" size="36rpx" @click="goMap"></u-icon> -->
 					</view>
@@ -91,7 +96,18 @@
 						</view>
 					</view>
 				</view>
-				<view class="date-block session-wrap">
+				<view class="date-block session-wrap generic-block">
+					<view class="title">演出场次</view>
+					<view class="empty" v-if="auditoriumList.length>=1&&sessionList.length<1">
+						当前日期暂无演出场次，请重新选择
+					</view>
+					<view class="date-list u-flex u-flex-wrap" v-else>
+						<view class="date-item" :class="{active:sessionIndex==index}" @click="sessionClick(index)" v-for="(date,index) in sessionList" :key="index">
+							<view class="name">{{ date.performTimeStart}} - {{date.performTimeEnd}}</view>
+						</view>
+					</view>
+				</view>
+				<!-- <view class="date-block generic-block session-wrap">
 					<view class="title">演出场次</view>
 					<view class="session">
 						<view class="session-item" :class="{active:sessionIndex==index}" @click="sessionClick(index)" v-for="(date,index) in sessionList" :key="index">
@@ -101,8 +117,8 @@
 					<view class="empty" v-if="auditoriumList.length>=1&&sessionList.length<1">
 						当前日期暂无演出场次，请重新选择
 					</view>
-				</view>
-				<view class="date-block ticket-type generic-block">
+				</view> -->
+				<view class="date-block ticket-type generic-block" v-if="sessionList.length>=1">
 					<view class="title">票务信息</view>
 					<view class="empty" v-if="ticketTypeList.length<1">
 						暂无门票
@@ -112,6 +128,9 @@
 							<view class="name">{{ date.goodsName }}</view>
 						</view>
 					</view>
+					<view class="goodsSnapshot" v-if="goodsSnapshot">
+						票务说明：{{goodsSnapshot}}
+					</view>
 					<!-- <view class="type-item" :class="{active:sessionIndex==index}" v-for="(item,index) in  ticketTypeList" :key="index">
 						<view class="name-price u-flex u-row-between">
 							<view class="name">{{item.goodsName}}</view>
@@ -125,7 +144,7 @@
 						</view>
 					</view> -->
 				</view>
-				<view class="date-block position-select generic-block">
+				<view class="date-block position-select generic-block"  v-if="sessionList.length>=1">
 					<view class="title u-flex u-row-between">
 						<view class="">类型选择</view>
 						<view v-if="positionData.seatImg" class="" style="font-size: 24rpx;color: #aaa" @click="showSeatImg">票区图</view>
@@ -160,7 +179,7 @@
 					</view>
 					<view class="actor-list">
 						<u-scroll-list :indicator="false">
-							<view class="item" v-for="(item, index) in actorsArr" :key="index">
+							<view class="item" v-for="(item, index) in actorsArr" :key="index"  @click="$u.route('/pages/actorsinfo',{id:item.id})">
 								<image class="img" :src="item.performerHead||staticUrl+'/img/actors.png'"></image>
 								<view class="text">
 									<view class="name">{{item.performerName}}</view>
@@ -238,7 +257,26 @@
 	// console.log('theMaxDate=============================',theMaxDate)  //输出：
 	//算最大日期
 	let parentThis= null;
+	let sharePath = '/pages/index/index';
 	export default {
+		onShareAppMessage(res) {
+		    if (res.from === 'button') {// 来自页面内分享按钮
+		      console.log(res.target)
+		    }
+		    return {
+		      title: '伟大转折演艺',
+		      path: sharePath
+		    }
+		  },
+		  onShareTimeline(res) {
+		      if (res.from === 'button') {// 来自页面内分享按钮
+		        console.log(res.target)
+		      }
+		      return {
+		        title: '伟大转折演艺',
+		        path: '/pages/ticketlist'
+		      }
+		    },
 		mixins:[systemInfo],
 		data() {
 			return {
@@ -274,6 +312,11 @@
 				positionData:{},//座位信息接口
 				positionArr:[],
 				positionIndex:0,
+				scene:null,
+				retailId:null,//分销码
+				label:null,//scene解析出来的
+				goodsSnapshot:null,//票务说明
+				retailId:null,
 				
 			}
 		},
@@ -284,14 +327,17 @@
 			parentThis = this;
 			
 			const scene = decodeURIComponent(page.scene);
-			scene&&uni.setStorage({
-				key:'scene',
-				data:scene
-			});
+			if(scene&&scene!='undefined'){
+				uni.setStorage({
+					key:'scene',
+					data:scene
+				});
+			}
 			// console.log('scene=========',scene);
 			if(scene&&scene!='undefined'){
 				this.$u.api.uncompress({scene:scene}).then(res=>{
 					this.performId = res.data.performId;
+					sharePath=`/pages/ticketlist?id=${res.data.performId}`;
 					this.getPerformData();
 					// this.getSystemInfo();
 					let today = new Date();
@@ -305,6 +351,7 @@
 				})
 			}else{
 				this.performId = page.id;
+				sharePath=`/pages/ticketlist?id=${page.id}`;
 				this.getPerformData();
 				// this.getSystemInfo();
 				let today = new Date();
@@ -341,6 +388,7 @@
 					this.theatre =  res.data.theatreList[0];
 					this.auditoriumList  = res.data.theatreList[0].auditoriumList;
 					this.ticketTypeList = res.data.goodsList;
+					this.goodsSnapshot = this.ticketTypeList[this.ticketTypeIndex]?.goodsSnapshot;
 					this.performDateList = this.auditoriumList[this.auditoriumIndex].performDateList;
 					this.getDate()
 					// console.log('auditoriumList',this.auditoriumList);
@@ -515,7 +563,39 @@
 				this.getPositionData();
 				console.log('sessionClick',this.sessionList[this.sessionIndex]);
 			},
-			getPositionData(){
+			async getPositionData(){
+				let _this = this;
+				let retailId = null;
+				try {
+				        retailId = await new Promise((resolve, reject) => {
+				            uni.getStorage({
+				                key: 'retailId',
+				                success: function (res) {
+				                    console.log('getPositionData retailId====', res.data);
+				                    resolve(res.data);
+				                },
+				                fail: function (error) {
+				                    reject(error);
+				                }
+				            });
+				        });
+				        console.log('getPositionData retailId', retailId);
+				    } catch (error) {
+				        console.error('获取retailId失败', error);
+				        // 在这里可以添加处理失败的逻辑
+				    }
+					this.retailId = retailId;
+				console.log('getPositionData this.retailId',this.retailId);
+				// if(this.scene&&this.scene!='undefined'){
+				// 	await this.$u.api.uncompress({scene:this.scene}).then(res=>{
+				// 		// data.performId = res.data.performId;
+				// 		this.label = res.data.label;
+				// 		this.retailId =  res.data.retailId;
+				// 		console.log('uncompress',res.data);
+				// 	}).catch(err=>{
+				// 		console.log('uncompress',err);
+				// 	})
+				// }
 				let session = this.sessionList[this.sessionIndex]||{};
 				let ticketType = this.ticketTypeList[this.ticketTypeIndex];
 				let params ={
@@ -523,7 +603,10 @@
 					goodsId:ticketType.id,
 					auditoriumId:this.auditoriumList[this.auditoriumIndex].id,
 					performTimeId:session.id,
+					label:this.label,
+					retailId:this.retailId
 				}
+				console.log('getPositionData params',params);
 				this.$u.api.selectRegion(params).then(res=>{
 					// console.log('getPositionData',res.data);
 					this.positionData =  res.data;
@@ -540,6 +623,7 @@
 					return
 				}
 				this.ticketTypeIndex = index;
+				this.goodsSnapshot = this.ticketTypeList[this.ticketTypeIndex]?.goodsSnapshot;
 				this.getPositionData()
 			},
 			positionClick(index){
@@ -628,7 +712,7 @@
 						ctx.drawImage(img1, 0, 0, 574, 1042);
 							
 						// 绘制海报二维码
-						ctx.drawImage(img2, 398, 868, 114, 114);
+						ctx.drawImage(img2, 428, 888, 114, 114);
 							
 						// 绘制完成后导出图片并显示
 						ctx.draw(false, () => {
@@ -698,7 +782,7 @@
 					  filePath: res.tempFilePath,
 					  success() {
 					    uni.showToast({
-					      title: '保存到相册成功',
+					      title: '保存相册成功!',
 					      icon: 'success'
 					    });
 					  },
@@ -734,8 +818,10 @@
 						}
 					  },
 					  complete() {
-					  	uni.hideLoading();
-						that.posterShow = false;
+						  setTimeout(()=>{
+							  uni.hideLoading();
+							  that.posterShow = false;
+						  },1500)
 					  }
 					});					
 				},
@@ -771,6 +857,16 @@
 				uni.previewImage({
 					urls: urls,
 				})
+			},
+			previewBanner(index){
+				let urls = this.performInfo.photoList.map(item=>{
+					return item.imageUrl
+				});
+				// console.log('urls',urls);
+				uni.previewImage({
+					urls: urls,
+					current:index
+				})
 			}
 
 		}
@@ -787,15 +883,16 @@
 	}
 	.content{
 		position: absolute;
-		width: 100%;
+		// width: 100%;
 		box-sizing: border-box;
 		padding: 0 32rpx;
-		left: 0;
+		right: 0;
 		bottom: 200rpx;
 	}
 	.share{
 		overflow: hidden;
 		margin-bottom: 100rpx;
+		float: right;
 		.icon{
 			float: right;
 			display: block;
@@ -958,6 +1055,14 @@
 			}
 		}
 	}
+	.goodsSnapshot{
+		font-size: 24rpx;
+		color: #750000;
+		line-height: 1.5;
+		margin-top: 24rpx;
+		padding-bottom: 24rpx;
+		// border-bottom: 1px solid #750000;
+	}
 }
 .details{
 	.title{}

static/css/common.scss

@@ -116,7 +116,7 @@ $pagegap:32rpx;
 		flex: 1;
 		background: #FFFFFF;
 		border-radius: 16rpx;
-		border: 2rpx solid #EEEEEE;
+		border: 2rpx solid #7F7F7F;
 		text-align: center;
 		margin: 0 8rpx;
 		box-sizing: border-box;
@@ -176,9 +176,18 @@ $pagegap:32rpx;
 	}
 }
 .date-block.generic-block{
+	.date-list{
+		display: grid;
+		grid-template-columns: repeat(3, 1fr);
+		gap: 10rpx;
+	}
 	.name{
+		padding-top: 0;
 		margin-bottom: 0;
-		padding: 34rpx 0;
+		display: grid;
+		align-content: center;
+		height: 52px;
+		// padding: 34rpx 0;
 	}
 }
 // 分享 海报