<!-- 新增-->
<template>
	<view class="content">
<!--			<view style="width: 100%; height: 44px;"></view>-->
<!--			<view class="top-heder">-->
<!--				<view class="t-left" @click="getback()">-->
<!--					<uni-icons type="left" size="18"></uni-icons>-->
<!--				</view>-->
<!--				<view class="t-title">-->
<!--					<text>添加优惠券</text>-->
<!--				</view>-->
<!--				<view class="t-you"></view>-->
<!--			</view>-->
    <headersVue titles="添加优惠券" style="position: static !important;">
      <u-icon name="arrow-left" color="#fff" size="18"></u-icon>
    </headersVue>

			<view class="mub">
			<view class="top-ail">

				<view class="box-list">


				<!-- 	<view class="list-box">
						<view class="l-left">商品类别</view>
						<view class="l-right" @click="show=true">
							<input type="text" placeholder="">
							<text v-if="!ftitle">选择商品分类</text>
							<text v-if="ftitle">{{ftitle}}</text>
						</view>
					</view> -->
					<view class="list-box">
						<view class="l-left">优惠券名称</view>
						<view class="l-right">
							<input type="text" v-model="title"  placeholder="优惠券名称">
						</view>
					</view>
					<view class="list-box">
						<view class="l-left">抵扣金额</view>
						<view class="l-right">
							<input type="text" v-model="discout"  placeholder="请输入抵扣金额">
						</view>
					</view>
					<view class="list-box">
						<view class="l-left">选择身份</view>
						<view class="l-right" @click="shows = true">
							<text>{{rolename}}</text>
						</view>
					</view>
					<view class="list-box" @click="show3 = true">
						<view class="l-left">可用开始时间</view>
						<view class="l-right">
							<text>{{timethree}} </text>
						</view>
					</view>
					<view class="list-box" @click="show4 = true">
						<view class="l-left">可用结束时间</view>
						<view class="l-right">
							<text>{{timefrou}} </text>
						</view>
					</view>
					<view class="list-box" @click="show5 = true">
						<view class="l-left">指定商品</view>
						<view class="l-right">
							<text >{{selectGoods}} </text>
						</view>
					</view>
					</view>

					<text class='biaoz'>规则:</text>
					<view class="box-list" v-if="ane == ''">

					<view class="list-box" @click="show1 = true" >
						<view class="l-left">生效时间</view>
						<view class="l-right">
							<text>{{timeone}} </text>
						</view>
					</view>
					<view class="list-box" @click="show2 = true" >
						<view class="l-left">过期时间</view>
						<view class="l-right">
							<text>{{timetwo}} </text>
						</view>
					</view>
					</view>


					<text class='biaoz' v-if="timeone == '请选择生效时间' && ane == '' ">或</text>
				<view class="box-list"  v-if="timeone == '请选择生效时间' ">

					<view class="list-box" >
						<view class="l-left">领取后多少天有效</view>
						<view class="l-right">
						<input type="number" :onkeyup="ane = (ane || '').replace(/[^A-z0-9]/, '')" v-model="ane"  placeholder="领取后多少天有效">
						</view>
					</view>


					</view>
				<view class="dlanniu" @click="getgoods()" >
					<text>提交</text>
				</view>

			</view>
			</view>
			<u-picker :show="shows" :columns="columns" keyName="label" 	@confirm="stimes" @cancel="shows = false"></u-picker>
					<u-datetime-picker
		                :show="show1"
		                v-model="value1"
		                mode="date"
						@confirm="stime1"
						@cancel="show1 = false"
						></u-datetime-picker>
					<u-datetime-picker
				        :show="show2"
				        v-model="value2"
				         mode="date"
						@confirm="stime2"
							@cancel="show2 = false"
				      ></u-datetime-picker>
					  <u-datetime-picker
					      :show="show3"
					      v-model="value3"
					       mode="date"
					  	@confirm="stime3"
							@cancel="show3 = false"
					    ></u-datetime-picker>
						<u-datetime-picker
						    :show="show4"
						    v-model="value4"
						     mode="date"
							@confirm="stime4"
								@cancel="show4 = false"
						  ></u-datetime-picker>
			<u-picker :show="show5" :columns="columnGoods" keyName="label" 	@confirm="sureGoods" @cancel="show5 = false"></u-picker>


		<!-- 底部 -->


	</view>
</template>

<script>
	import RboyEditor from "@/components/Rboy-editor/Rboy-editor"
	import config from '@/config';
	import request from '../../utils/request';
	import upload from '@/utils/upload.js'
import code from '../../uni_modules/uview-ui/libs/config/props/code';
  import headersVue from "@/components/header/headers.vue";
	export default {
    components: {headersVue},
		data() {
			return {
				baseUrl:this.$baseUrl,
				columns:[
					  [{ label: '代办',id: 'jcdb'},
					  { label: '单位管理员',id: 'jcdwgly'},
					  { label: '普通用户',id: 'jcyh'},
					  ]
				],
				columnGoods:[],
				rolename:'请选择身份',
				roleKey:'',
				timeone:'请选择生效时间',
				timetwo:'请选择过期时间',
				timethree:'请选择活动开始时间',
				timefrou:'请选择活动结束时间',
				shows:false,
				show:false,
				show1:false,
				show2:false,
				show3:false,
				show4:false,
				show5:false,
				value1: Number(new Date()),
				value2: Number(new Date()),
				value3: Number(new Date()),
				value4: Number(new Date()),
				guige:false,
				msg:'3',
				newsContent:'',
				tapnum:0,
				value5:'',
				partnerId:'',
				title:'',
				ane:'',
				discout:'',
				selectGoods:'指定商品（可选）',
				selectGoodsId:null,

			}
		},
		onLoad() {

		},
		onShow() {
			this.partnerId = uni.getStorageSync('partnerId')
			this.canUsegoods()
		},

		methods: {

		async canUsegoods(){
			let res = await request({
				url:'/partnerOwn/partner/canUsegoods?partnerId='+  this.partnerId,
				method: 'get',
				params:{}
			})
			if(res.code == 200){
			 this.columnGoods.push(res.data)
			}
		},
		open1(){
			this.show1 = false
		},
		open2(){
			this.show2 = false
		},
		open3(){
			this.show3 = false
		},
		open4(){
			this.show4 = false
		},
		stimes(e){
			this.roleKey = e.value[0].id
				this.rolename = e.value[0].label
			this.shows = false
		},
		opens(){
		},
		stime1(e){
				var timestamp = e.value;
				var date = new Date(timestamp);
				var year = date.getFullYear();
				var month = date.getMonth() + 1; // 月份从0开始，所以要加1
				var day = date.getDate();

				this.timeone = year + "-" + month + "-" + day
				this.show1 = false
			},
		stime2(e){
				var timestamp = e.value;
				var date = new Date(timestamp);
				var year = date.getFullYear();
				var month = date.getMonth() + 1; // 月份从0开始，所以要加1
				var day = date.getDate();

				this.timetwo = year + "-" + month + "-" + day
				this.show2 = false
			},
		stime3(e){
				var timestamp = e.value;
				var date = new Date(timestamp);
				var year = date.getFullYear();
				var month = date.getMonth() + 1; // 月份从0开始，所以要加1
				var day = date.getDate();

				this.timethree = year + "-" + month + "-" + day
				this.show3 = false
			},
		stime4(e){
				var timestamp = e.value;
				var date = new Date(timestamp);
				var year = date.getFullYear();
				var month = date.getMonth() + 1; // 月份从0开始，所以要加1
				var day = date.getDate();

				this.timefrou = year + "-" + month + "-" + day
				this.show4 = false
			},
			sureGoods(obj){
				this.selectGoodsId = obj.value[0].value
				this.selectGoods = obj.value[0].label
				this.show5 = false
			},
			async getgoods(){

				if(this.partnerId == '' ||this.title == '' ||this.discout == ''||this.roleKey == ''  ){
					uni.showToast({
						title:'以上均不能为空'
					})
					return
				}
				if(this.ane != ''){
					this.timeone = null
					this.timetwo = null
				}
				let data = {
					partnerId : this.partnerId,
					title:this.title,
					discount:this.discout * 100,
					startTime:this.timeone,
					expirationTime:this.timetwo,
					eventsStartTime:this.timethree,
					eventsEndTime:this.timefrou,
					effectiveDay:this.ane,
					roleKey:this.roleKey,
					bindGoodsIds:this.selectGoodsId

				}
				let res = await request({
					url:'/partnerOwn/partner/sendCoupon',
					method: 'post',
					data:data
				})
				if(res.code == 200){
					uni.showToast({
						title:"发布成功",
						duration: 2000
					})

				}
				setTimeout(
				uni.navigateBack(),1000);
			},



			gettapindex(index){
				this.tapnum = index
			},
			getback(){
				uni.navigateBack()
			},
			getyes(){
				this.show = false
			},



		}
	}
</script>

<style scoped lang="scss">
	.content {
		box-sizing: border-box;
		width: 100%;
		height: calc(100vh);
		background: white;
	}

	.top-heder{
		width: 100%;
		height: 46px;
		background: white;
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 5px 15px;
	}
	.t-title{
		font-size: 17px;
		font-weight: bold;
		color: #333333;
	}
	.t-left{
		width: 10%;
	}
	.t-you{
		height: 100%;
		width: 20%;
	}
	.biaoz{
		margin-left: 10px;
		font-size: 18px;
		font-weight: 600;
	}
	.t-input{
		width: 80%;
		height: 36px;
		background: #F0F0F0;
		border-radius: 50px;
		box-sizing: border-box;
		padding: 0 15px;
		display: flex;
		align-items: center;

	}
	.top-ail{
		width: 100%;
		box-sizing: border-box;
		padding: 15px;
		background-color: #F4F4F4;
		// height: calc(100vh);
	}
	.mub{
		background-color: #F4F4F4;
		height: calc(100vh);
	}
	.dix{
		display: flex;
		align-items: center;
	}
	.upimg{
		width: 100%;
		height: 126px;
		border-radius: 8px;
		box-sizing: border-box;

		background-color: white;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.xhong{
		font-size: 12px;
		color: crimson;
	}
	.box-list{
		width: 100%;
		border-radius: 8px;
		box-sizing: border-box;
		padding: 10px;
		background-color: white;
		margin: 10px auto;
	}
	.list-box{
		display: flex;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		padding: 15px 5px;
		border-bottom: 1px solid #EEEEEE;
	}
	.l-left{
		font-size: 16px;
		font-weight: 400;
		color: #333333;
	}
	.l-right{
		font-size: 16px;
		font-weight: 400;
		color: #999999;
		text-align: right;
	}
	.xiaolan{
		// width: 109px;
		// height: 30px;
		background: #E2EAFF;
		border-radius: 50px;
		display: flex;
		align-content: center;
		justify-self: center;
		box-sizing: border-box;
		padding: 5px;
		font-size: 14px;
		font-weight: 400;
		color: #0D2E8D;
	}
	.xiaohui{
		// width: 141px;
		// height: 30px;
		box-sizing: border-box;
		padding: 0px 10px;
		background: #F7F7F7;
		border-radius: 50px ;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 10px ;

	}
	.hui-right{
		border-left:1px solid #DDDDDD;
		padding: 5px;
		margin-left: 5px;
	}
	.wrap-box{
		width: 100%;
		box-sizing: border-box;
		display: flex;
		flex-wrap: wrap;
	}
	.bottom-di{
		width: 100%;
		height: 56px;
		background: #FFFFFF;
		border-radius: 8px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-sizing: border-box;
		padding: 0px 20px;
		margin-bottom: 10px;
	}
	.thui{
		font-size: 16px;
		font-weight: 400;
		color: #666666;
		margin-top: 10px;
		margin-left: 8px;
	}
	.imgs{
		box-sizing: border-box;
		margin-top: 20px;
	}
	.p-box{
		border-radius: 10px;
		overflow: hidden;
		box-sizing: border-box;
		padding: 20px;
		width: 100%;
		background-color: white;
	}
	.p-top{
		width: 100%;
		text-align: center;
		font-size: 17px;
		font-weight: bold;
		color: #000000;
		margin-bottom: 20px;
	}
	.on-input{
		width: 100%;
		display: flex;
		align-items: center;
		box-sizing: border-box;

	}
	.ipt-kuang{
		width: 70%;
		height: 30px;
		background: #FFFFFF;
		border-radius: 8px 8px 8px 8px;
		opacity: 1;
		border: 1px solid #DDDDDD;
		display: flex;
		align-items: center;
		margin: 10px auto;
		box-sizing: border-box;
		padding: 0px 10px;
	}
	.t-left{
		width: 20%;
		font-size: 14px;
		font-weight: 400;
		color: #000000;
	}
	.dlanniu{
		width: 80%;
		height: 45px;
		background: linear-gradient(180deg, #327DFB 0%, #327DFB 100%);
		border-radius: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 20px auto;
		color: white;
	}
	.da{
		font-size: 16px;
	}
</style>
