jikeH5/pages/addjk/jkDetail.vue

<template>
	<view class="content">
		<view class="top">
			<img :src="info.img" alt="" class="topimg">
		</view>
		<view class="cont">
			<view class="name">{{info.activityName}}</view>
			<view class="name2">{{info.startTime}}~{{info.endTime}}</view>
			<view class="name3">{{info.activityContent}}</view>
		</view>
		<view class="shopBox">
			<view class="shopBoxTop">
				<view class="shopMs">活动门店</view>
				<view class="shopTy">
					<view class="shopTyTxt">{{shopNum}}家门店通用</view>
					<img src="../../static/img/jt2.png" alt="" class="shopjt">
				</view>
			</view>
			
		</view>
		
		<view class="detailBOx" v-if="info.imgList">
			<view class="detailTitle">活动详情</view>
			<view class="detailImgBox" v-for="(item,index) in info.imgList.split(',')">
				<img :src="item" alt="" class="detailImg">
			</view>
		</view>
		
		<view style="height: 120rpx;"></view>
		<view class="bottom" v-if="type==1"> 
			<view class="bottomLeft">编辑活动内容</view>
			<view class="bottomRight" @click="generate">生成活动</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:'',
				type:'',
				shopNum:'',
			}
		},
		onLoad(opt) {
			if(opt.type==1){
				this.type=1;
				this.info = uni.getStorageSync("editdata");
				this.shopNum=this.info.shopList.split(',').length
				uni.setNavigationBarTitle({
				title:this.info.activityName
				})
			}
          
		},
		methods: {
			auditSetTheGuest(){
				uni.showLoading({
					title: '加载中'
				})
				this.$http('openH5SetTheGuest/auditSetTheGuest', this.info,'POST').then(res => {
						uni.hideLoading();
						//this.list=res.data
				 })
			},
            generate(){
				var that=this;
				uni.showModal({
					title: '提示',
					content: '活动已生成，是否立即启用',
					cancelText:'暂不启用',
					confirmText:'立即启用',
					success: function(res) {
						if (res.confirm) {
							that.info.clState=2;
							that.auditSetTheGuest()
						}else{
							console.log("no")
							that.info.clState=1;
							that.auditSetTheGuest()
						}
					}
				
				
				});
			}
		}
	}
</script>

<style scoped>
	.content{
		min-height: 100vh;
		background:#F4F5F7;
	}
	.detailImg{
		width: 750rpx;
		display: block;
	}
	.detailBOx{
		background: #ffffff;
		margin-top: 20rpx;
	}
	.detailTitle{
		color: #3C3C3C;
		font-weight: 500;
		padding: 20rpx 24rpx;
		font-size: 30rpx;
	}
	.topimg{
		width: 750rpx;
	}
	.shopMs{
		font-weight: 500;
		color: #222222;
		line-height: 42rpx;
		font-size: 30rpx;
	}
	.shopBox{
		background: #ffffff;
		margin-top: 20rpx;
		padding: 20rpx 34rpx;
	}
	.shopBoxTop{
		display: flex;
		justify-content: space-between;
	}
	.shopTy{
		display: flex;
	}
	.shopTyTxt{
		font-weight: 400;
		color: #666666;
		font-size: 24rpx;
		line-height: 42rpx;
	}
	.shopjt{
		width: 14rpx;
		height: 23rpx;
		margin-top: 10rpx;
		margin-left: 10rpx;
	}
	.cont{
		background: #ffffff;
		border-radius: 24rpx 24rpx 0px 0px;
		margin-top: -30rpx;
		padding: 30rpx 24rpx;
		position: relative;
	}
	.name{
		color: #3C3C3C;
		line-height: 42rpx;
		font-weight: 500;
		font-size: 30rpx;
	}
	.name2{
		color: #3C3C3C;
		line-height: 36rpx;
		font-weight: 400;
		font-size: 26rpx;
		padding-top: 16rpx;
	}
	.name3{
		color: #999999;
		line-height: 36rpx;
		font-weight: 400;
		font-size: 26rpx;
		padding-top: 16rpx;
	}
	.bottom{
		width: 750rpx;
		height: 98rpx;
		background: #FFFFFF;
		position: fixed;
		bottom: 0;
		left: 0;
		display: flex;
	}
	.bottomLeft{
		width: 375rpx;
		line-height: 98rpx;
		text-align: center;
		color: #3C3C3C;
		font-size: 30rpx;
	}
	.bottomRight{
		width: 375rpx;
		height: 98rpx;
		background: #3F90F7;
		line-height: 98rpx;
		text-align: center;
		color: #FFFFFF;
		font-size: 30rpx;
	}
</style>