operatingCompany/operatingCompany/pages/entryReport/shopEvaStar.vue

<template>
	<view class="content">
		<view class="zdyNav">
		  <view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
		  <view class="nav">
			  <view @click="back"><image src="../../static/img/baiheiback.png" mode="" class="baiheiback" @click="back"></image></view>
			  <view >提交成功</view>
			  <view style="width:70px;"></view>
		  </view>
		</view>
		<view class="status_bar" :style="{height: iStatusBarHeight + 'px'}"></view>
		<view style="height: 44px;"></view>
		<view class="top">
			<view class="toptop">
				<image src="../../static/img/icon_select_per@2x.png" mode="" class="toptopIMg"></image>
				<view class="topTitle">提交成功</view>
			</view>
			<view class="topCont">
				<view class="topContBtn" @click="goHome">回到首页</view>
				<view class="topContBtn" @click="goDetail">查看详情</view>
				<button open-type="share" class="topContBtn dz">
					发给店长
				</button>
				
			</view>
		</view>
		
		<view class="competeCont" v-if="sheetID">
			<view class="competeContTitle">对该门店上次行动完成情况打分</view>
			<view class="xxBox">
				<uni-rate :max="5" v-model="xx" @change="onXXChange"/>
			</view>

			<view>
				<textarea placeholder-style="color:#CCCCCC" placeholder="请填写十字以上的评价内容～" v-model="userEvaContent" class="textareaCont"/>
			</view>
			<view class="submitBox">
				<view class="submit" @click="submit">提交</view>
			</view>
		</view>
		<!-- 弹框 -->
		<view class="dzTk" v-if="dzShow" @click="dzShow=false">
			<view class="dztkBox">
				<view class="dzTitle">发给店主</view>
				<image src="../../static/img/gaunbi.png" mode="" class="dzGbImg" @click.stop="dzShow=false"></image>
				<view class="dzShop">{{shopName}}</view>
				<view class="dziphone">联系人：{{Contactor}}</view>
				<view class="dzCont">
					<view class="dzLine" @click.stop="message">
						<image src="../../static/img/icon_duanxin@2x.png" mode="" class="dzlineImg"></image>
						<view class="dzLineTxt">短信推送</view>
					</view>
					<view class="dzLine" @click.stop="message">
						<image src="../../static/img/icon_gongzhong@2x.png" mode="" class="dzlineImg"></image>
						<view class="dzLineTxt">公众号推送</view>
					</view>
					<view class="dzLine" @click.stop="share">
						<image src="../../static/img/icon_weixin@2x.png" mode="" class="dzlineImg"></image>
						<view class="dzLineTxt">发送给好友</view>
					</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	
	export default {
		
		data() {
			return {
				sheetID:'',
				userEvaContent:'',
				userEvaStar:0,
				xx:0,
				dzShow:false,
				shopName:'',
				detailid:'',
				Contactor:'',
				iStatusBarHeight:'',
			}
		},
		onLoad(opt) {
		  this.sheetID=opt.id;
		  this.detailid=opt.sheetID;
		  this.Contactor=opt.Contactor;
		  this.shopName=opt.shopName;
		  this.iStatusBarHeight = uni.getSystemInfoSync().statusBarHeight;
		},
		onShow() {
				
		},
		methods: {
		   clickDz(){
			 this.dzShow =true
		   },
		   back(){
			 uni.navigateTo({
			 	url:'entryReport'
			 }) 
		   },
		   goDetail(){
			   uni.navigateTo({
			   	url:'../reportManage/reportDetail?id='+this.detailid
			   })
		   },
		   share(){
			   
		   },
		   message(){
			   uni.showToast({
			       title: '此功能暂未开放',
			   	   icon:'none',
			       duration: 2000,
			   });
		   },
		   goHome(){
			 uni.navigateTo({
			 	url:'../index/index'
			 })  
		   },
			onXXChange(e){
				console.log(e)
				this.userEvaStar=e.value
			},
			submit(){
				if(this.userEvaStar<5){
					if(this.userEvaContent.length<10){
						uni.showToast({
						    title: '请填写十字以上的评价内容',
							icon:'none',
						    duration: 2000,
						})
						return false;
					}
				}
				
				uni.showLoading({ });
				
				this.$http('accompany/SuperCheckSheet/shopEvaStar', {
					sheetID:this.sheetID,
					shopEvaStar:this.userEvaStar,
					shopEvaContent:this.userEvaContent
				}, 'POST').then(res => {
				    //this.submitSuperCheckSheet()
					uni.showToast({
					    title: '提交成功',
						icon:'none',
					    duration: 2000,
					});
					uni.navigateTo({
						url:'entryReport'
					}) 
				})
			}
			
		},
		onShareAppMessage(res) {
		    console.log(res)
		    return {
		      title: '报告详情',
		      path: '/pages/reportManage/reportDetail?id='+this.id
		    }
		 }
	}
</script>

<style scoped>
	.dzTk{
		width: 100vw;
		height: 100vh;
		top: 0;
		left: 0;
		z-index: 11;
	position: fixed;
		background: rgba(0, 0, 0, 0.4);
	}
	.dztkBox{
		width: 626rpx;
		height: 456rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		margin-left: 62rpx;
		margin-top: 20vh;
		position: relative;
	}
	.dzGbImg{
		width: 32rpx;
		height: 32rpx;
		position: absolute;
		top: 30rpx;
		right: 30rpx;
	}
	.dzShop{
		font-size: 30rpx;
		text-align: center;
		color: #3C3C3C;
		padding-top: 28rpx;
		padding-bottom: 10rpx;
	}
	.dziphone{
		font-size: 26rpx;
		color: #999999;
		text-align: center;
		padding-top: 5rpx;
	}
	
	.content {
		background: #F4F5F7;
		min-height: 100vh;
	
	}

	/* #ifdef H5 */
	.content {
		background: #F4F5F7;
	
		
	}

	/* #endif */
	.status_bar{
		background: #FFFFFF;
	}
	.nav{
		width: 100vw;
		height: 44px;
		background: #FFFFFF;
		display: flex;
		justify-content: space-between;
		font-size: 34rpx;
		line-height: 44px;
	}
	.baiheiback{
		width: 70px;
		height: 44px;
	}
	.zdyNav{
		position: fixed;
		left: 0;
		top: 0;
		background: #FFFFFF;
		z-index: 11;
	}
	.top{
		background: #FFFFFF;
	}
	.toptop{
		display: flex;
		justify-content: center;
		padding-top: 20rpx;
	}
	.toptopIMg{
		width: 44rpx;height: 44rpx;
	}
	.topTitle{
		font-size: 36rpx;
		padding-left: 10rpx;
		color: #3C3C3C;
	}
	.topCont{
		display: flex;
		justify-content: space-around;
		padding: 40rpx;
	}
	.topContBtn{
		width: 150rpx;
		height: 56rpx;
		border-radius: 34rpx;
		border: 2rpx solid #DDDDDD;
		line-height: 56rpx;
		text-align: center;
		font-size: 28rpx;
		color: #3C3C3C;
		margin: 0;
		padding: 0;
	}
	.competeCont{
		margin-top: 20rpx;
		background: #FFFFFF;
		padding: 40rpx 24rpx;
	}
	.competeContTitle{
		font-size: 30rpx;
		color: #3C3C3C;
		text-align: center;
	}
	.textareaCont{
		width: 662rpx;
		height: 200rpx;
		background: #F4F5F7;
		border-radius: 10rpx;
		padding: 20rpx;
		margin-top: 20rpx;
		font-size: 28rpx;
	}
	.submit{
		width: 420rpx;
		height: 74rpx;
		background: #FF4F00;
		border-radius: 50rpx;
		line-height: 74rpx;
		text-align: center;
		font-size: 30rpx;
		color: #FFFFFF;
	}
	.submitBox{
		display: flex;
		justify-content: center;
		padding-top: 40rpx;
	}
	.xxBox{
		display: flex;
		justify-content: center;
		padding-top: 20rpx;
		padding-bottom: 20rpx;
	}
	.dz{
		border: 1px solid #FF4F00;
		color: #FF4F00;
	}
	.dzTitle{
		font-size: 32rpx;
		color: #3C3C3C;
		text-align: center;
		line-height: 100rpx;
		border-bottom: 1px solid #EEEEEE;
	}
	.dzlineImg{
		width: 108rpx;
		height: 108rpx;
	}
	.dzCont{
		display: flex;
		justify-content: space-around;
		padding-top: 40rpx;
	}
	.dzLine{
		text-align: center;
	}
	.dzLineTxt{
		font-size: 26rpx;
		
		color: #666666;
	}
</style>