<template>
	<div class="form-submit">
		<div class="i-layout-page-header">
			<PageHeader class="product_tabs" hidden-breadcrumb>
			  <div slot="title">
			    <router-link :to="{ path: '/admin/marketing/discount/give' }"
			      >
						<div class="font-sm after-line">
								<span class="iconfont iconfanhui"></span>
								<span class="pl10">返回</span>
						</div>
						</router-link
			    >
			    <span
			      v-text="$route.params.id !== '0' ? '编辑满送活动' : '添加满送活动'"
			      class="mr20 ml16"
			    ></span>
			  </div>
			</PageHeader>
		</div>
		<Card :bordered="false" dis-hover class="ivu-mt mb79">
			<Tabs v-model="currentTab">
				<TabPane
				v-for="(item, index) in headTab"
				:key="index"
				:label="item.name"
				:name="item.type"
				></TabPane>
			</Tabs>
			<Form
			  class="formValidate mt20"
			  ref="formValidate"
			  :rules="ruleValidate"
			  :model="formValidate"
			  :label-width="labelWidth"
			  :label-position="labelPosition"
			  @submit.native.prevent
			>
			  <Row :gutter="24" type="flex" v-show="currentTab === '1'">
					<FormItem label="条件类型：" props="coupon_type">
						<div
							class="productType"
							:class="formValidate.threshold_type == item.id ? 'on' : ''
							"
							v-for="(item, index) in discountType"
							:key="index"
							@click="discountTypeTap(item)"
						>
							<div class="name" :class="formValidate.threshold_type == item.id?'on':''">{{ item.name }}</div>
							<div class="title">({{ item.title }})</div>
							<div
								v-if="formValidate.threshold_type == item.id"
								class="jiao"
							></div>
							<div
								v-if="formValidate.threshold_type == item.id"
								class="iconfont iconduihao"
							></div>
						</div>
					</FormItem>
					<Col span="24">
					  <FormItem label="活动名称：" prop="name">
					    <Input
					      v-model="formValidate.name"
					      placeholder="请输入活动名称"
					      v-width="'50%'"
					    />
					  </FormItem>
					</Col>
					<Col span="24">
						<FormItem label="活动时间：" prop="section_time">
							<div class="acea-row row-middle">
								<DatePicker :editable="false" type="daterange" format="yyyy-MM-dd" placeholder="请选择活动时间"
								            @on-change="onchangeTime" v-width="'50%'" :value="formValidate.section_time" v-model="formValidate.section_time"></DatePicker>
							</div>
						</FormItem>
					</Col>
					<Col span="24">
					  <FormItem label="关联标签：">
					    <i-switch v-model="formValidate.is_label" :true-value="1" :false-value="0" size="large">
					      <span slot="open">开启</span>
					      <span slot="close">关闭</span>
					    </i-switch>
							<div class="acea-row row-middle mt10" v-if="formValidate.is_label">
								<div class="labelInput acea-row row-between-wrapper" @click="openLabel">
									<div style="width: 90%;">
										<div v-if="dataLabel.length">
											<Tag closable v-for="(item,index) in dataLabel" @on-close="closeLabel(item)">{{item.label_name}}</Tag>
										</div>
										<span class="span" v-else>选择用户关联标签</span>
									</div>
									<div class="iconfont iconxiayi"></div>
								</div>
								<span class="addClass" @click="addLabel">新增标签</span>
							</div>
					  </FormItem>
					</Col>
					<Col span="24">
						<FormItem label="优惠内容：" prop="promotions_cate" style="margin-bottom: 0;">
							<RadioGroup v-model="formValidate.promotions_cate" vertical @on-change="changeFull">
								<Radio label="1">
										<Icon type="social-apple"></Icon>
										<span>阶梯满送</span>
								</Radio>
								<Radio label="2">
										<Icon type="social-android"></Icon>
										<span>循环满送</span>
								</Radio>
							</RadioGroup>
							<div class="tips">送赠品循环次数无限制，请注意门槛设置。</div>
						</FormItem>
						<FormItem label="">
							<div class="list">
								<div class="item" v-for="(item,indexw) in promotionsData" :key="indexw">
									<div class="title acea-row row-between-wrapper" v-if="formValidate.promotions_cate==1">
										<span>{{indexw+1}}级优惠</span>
									  <span class="del" @click="delGrade(indexw)" v-if="indexw">删除</span>
									</div>
									<FormItem label="优惠门槛：">
										<span class="mr10"><span v-if="formValidate.promotions_cate==2">每</span>满</span>
										<InputNumber :max="999999" :min="0" v-model="item.threshold" class="width23" v-if="formValidate.threshold_type==1"></InputNumber>
										<InputNumber :max="999999" :min="0" :precision="0" v-model="item.threshold" class="width23" v-else></InputNumber>
										<span class="ml10">{{formValidate.threshold_type==1?'元':'件'}}</span>
									</FormItem>
									<FormItem label="优惠内容：">
										 <Checkbox v-model="item.checkIntegral">送</Checkbox><InputNumber :max="999999" :min="0" :precision="0" v-model="item.give_integral" class="width23"></InputNumber><span class="ml10">积分</span>
									</FormItem>
									<div class="ml90">
										<div class="tips">送积分是订单基础积分上额外赠送，如：订单本身100积分，本次设置送20积分，则该笔订单总共产生120积分。</div>
										<Checkbox v-model="item.checkCoupon">优惠券</Checkbox>
										<Table border :columns="columns" :data="item.giveCoupon" ref="table" class="table" width="700" v-if="item.giveCoupon.length">
											<template slot-scope="{ row }" slot="coupon_price">
											   <span v-if="row.coupon_type==1">{{row.coupon_price}}元</span>
												 <span v-if="row.coupon_type==2">{{parseFloat(row.coupon_price)/10}}折（{{row.coupon_price.toString().split(".")[0]}}%）</span>
											</template>
											<template slot-scope="{ row }" slot="coupon_type">
											    <span v-if="row.coupon_type === 1">满减券</span>
											    <span v-else>折扣券</span>
											</template>
											<template slot-scope="{ row, index }" slot="status">
											    <a @click="delCoupon(index,indexw)">删除</a>
											</template>
										</Table>
										<div class="bnt" @click="addCoupon(indexw)">+ 添加优惠券</div>
										<Checkbox v-model="item.checkGoods">赠送商品</Checkbox>
										<Table border :columns="colGoods" :data="item.giveProducts" ref="table" class="table" width="700" v-if="item.giveProducts.length">
											<template slot-scope="{ row }" slot="coupon_type">
											    <span v-if="row.coupon_type === 1">满减券</span>
											    <span v-else>折扣券</span>
											</template>
											<template slot-scope="{ row }" slot="info">
												<div class="imgPic acea-row row-middle">
												  <viewer>
												    <div class="pictrue"><img v-lazy="row.image" /></div>
												  </viewer>
												  <div class="info">
														<Tooltip max-width="200" placement="bottom">
															<span class="line2">{{ row.store_name }}{{row.suk}}</span>
															<p slot="content">{{ row.store_name }}{{row.suk}}</p>
														</Tooltip>
													</div>
												</div>
											</template>
											<template slot-scope="{ row, index }" slot="status">
											    <a @click="delGoods(index,indexw)">删除</a>
											</template>
										</Table>
										<div class="bnt" @click="addGoodsSattr(indexw)">+ 添加赠品</div>
									</div>
								</div>
							</div>
							<Button type="primary" @click="addLevel" v-if="formValidate.promotions_cate==1">添加优惠层级</Button>
							<div class="tips">每级优惠不叠加，若满足二级优惠条件后则不再享有一级优惠。</div>
						</FormItem>
					</Col>
				<!-- 	<Col span="24">
					  <FormItem label="优惠叠加：" prop="is_overlay">
							<RadioGroup v-model="formValidate.is_overlay" vertical>
								<Radio label="0">
										<Icon type="social-apple"></Icon>
										<span>不叠加其他营销活动</span>
								</Radio>
								<Radio label="1">
										<Icon type="social-android"></Icon>
										<span>叠加其他营销活动</span>
								</Radio>
							</RadioGroup>
							<CheckboxGroup
							  v-if="formValidate.is_overlay == 1"
							  size="small" 
							  v-model="formValidate.overlay"
							  class="checkAlls"
							>
							  <Checkbox :label="item.type" v-for="(item,index) in activityType">{{item.name}}</Checkbox>
							</CheckboxGroup>
					  </FormItem>	
					</Col> -->
				</Row>
				<div v-show="currentTab === '2'">
					<Row :gutter="24" type="flex">
						<Col span="24">
						  <RadioGroup v-model="formValidate.product_partake_type">
						    <Radio :label="1">全部商品参与</Radio>
						    <Radio :label="2">指定商品参与</Radio>
						    <Radio :label="3">指定商品不参与</Radio>
						  </RadioGroup>
						</Col>
						<Col span="24" class="mt20" v-if="formValidate.product_partake_type !=1">
						   <Button type="primary" @click="addGoods">添加商品</Button>
						</Col>
					</Row>
					<div class="vxeTable" v-if="formValidate.product_partake_type !=1">
						<vxe-table
						         border="inner"
						         ref="xTree"
						         :column-config="{resizable: true}"
						         row-id="id"
						         :tree-config="{children: 'attrValue',reserve:true}"
						         :data="tableData">
						         <vxe-column field="info" title="商品信息" tree-node min-width="300">
											 <template v-slot="{ row }">
												 <div class="imgPic acea-row row-middle">
												   <viewer>
												     <div class="pictrue"><img v-lazy="row.image" /></div>
												   </viewer>
												   <div class="info">
														<Tooltip max-width="200" placement="bottom" transfer>
															<span class="line2">{{ row.store_name }}{{row.suk}}</span>
															<p slot="content">{{ row.store_name }}{{row.suk}}</p>
														</Tooltip>
													</div>
												 </div>
											 </template>
										 </vxe-column>
						         <vxe-column field="cate_name" title="商品分类" min-width="150">
											<template v-slot="{ row }">
												<Tooltip max-width="200" placement="bottom">
												<span class="line2">{{row.cate_name}}</span>
														<p slot="content">{{row.cate_name}}</p>
												</Tooltip>
											</template>
										 </vxe-column>
						         <vxe-column field="store_label" title="商品标签" min-width="200">
											<template v-slot="{ row }">
												<Tooltip max-width="500" placement="bottom">
												<span class="line2">{{row.store_label}}</span>
														<p slot="content">{{row.store_label}}</p>
												</Tooltip>
											</template>
										 </vxe-column>
						         <vxe-column field="price" title="售价" min-width="80"></vxe-column>
										 <vxe-column field="cost" title="成本价" min-width="80"></vxe-column>
										 <vxe-column field="stock" title="库存" min-width="80"></vxe-column>
										 <vxe-column field="date" title="操作" min-width="150" fixed="right" align="center">
											 <template v-slot="{ row }">
											     <a @click="del(row)">删除</a>
											 </template>
										 </vxe-column>
						       </vxe-table>			 
					</div>
				</div>
			</Form>
		</Card>
		<Card :bordered="false" dis-hover class="fixed-card" :style="{left: `${!menuCollapse?'200px':isMobile?'0':'80px'}`}">
			<Form>
				<FormItem>
					<Button 
						v-if="currentTab !== '1'" 
						@click="upTab" 
						class="mr10"
						>上一步</Button>
					<Button
						type="primary"
						class="submission"
						v-if="currentTab !== '2'"
						@click="downTab('formValidate')"
						>下一步</Button
					>
					<Button
					  v-else
						type="primary"
						class="submission"
						@click="handleSubmit('formValidate')"
						>保存并发布</Button
					>
				</FormItem>
			</Form>
		</Card>	
		<!-- 用户标签 -->
		<Modal
		  v-model="labelShow"
		  scrollable
		  title="请选择用户标签"
		  :closable="false"
		  width="320"
		  :footer-hide="true"
			:mask-closable="false"
		>
		  <userLabel ref="userLabel" @activeData="activeData" @close="labelClose"></userLabel>
		</Modal>
		<Modal v-model="modals" title="商品列表" footerHide  class="paymentFooter" scrollable width="900" @on-cancel="cancel">
		    <goods-list ref="goodslist" :ischeckbox="true" :isdiy="true"  @getProductId="getProductId" v-if="modals"></goods-list>
		</Modal>
		<Modal v-model="sattrModals" title="商品列表" footerHide  class="paymentFooter" scrollable width="900" @on-cancel="cancel">
		    <goods-attr ref="goodSattr" v-if="sattrModals" @getProductId="getAtterId"></goods-attr>
		</Modal>
		<coupon-list
		  ref="couponTemplates"
		  @getCouponList="getCouponList"
		  :discount="true"
		></coupon-list>
	</div>
</template>

<script>
	import { mapState,mapMutations } from "vuex";
	import {
		savePromotions,
		discountInfo
	} from "@/api/marketing";
	import {
		userLabelAddApi
	} from "@/api/user";
	import userLabel from "@/components/labelList";
	import goodsList from '@/components/goodsList';
	import goodsAttr from '@/components/goodsAttr';
	import couponList from "@/components/couponList";
	export default {
		name: "addPiecesDiscount",
		components: {
			userLabel,
			goodsList,
			goodsAttr,
			couponList
		},
		data(){
			return {
				grid: {
				  xl: 7,
				  lg: 7,
				  md: 12,
				  sm: 24,
				  xs: 24,
				},
				sattrModals: false,
				modals: false,
				tableData: [],
				headTab: [
				  {
				    name: "基础设置",
				    type: '1',
				  },
				  {
				    name: "添加商品",
				    type: '2',
				  }
				],
				discountType: [
					{ name: "满N元", title: "例：满100元送小样", id: 1 },
					{ name: "满N件", title: "例：满3件送小样", id: 2 }
				],
				activityType:[
					{
						name:'优惠券',
						type:'5'
					},
					{
						name:'满减满折',
						type:'3'
					},
					{
						name:'第N件N折',
						type:'2'
					},
					{
						name:'限时折扣',
						type:'1'
					}
				],
				currentTab: '1',
				dataLabel:[],
				labelShow:false,
				formValidate: {
					name:'',
					section_time:[],
					is_label:0,
					label_id: [],
					is_overlay:'0',
					overlay:[],
					product_partake_type:1,
					product_id:[],
					threshold_type:1,
					promotions_cate:'1',
					promotions:[]
				},
				promotionsData: [
					{
						threshold:0,
						give_integral:0,
						checkIntegral:false,
						checkCoupon:false,
						checkGoods:false,
						giveProducts:[],
						giveCoupon:[]
					}
				],
				indexCoupon:0,
				indexGoods:0,
				ruleValidate: {
					name: [
					    { required: true, message: '请输入活动名称', trigger: 'blur' }
					],
					section_time: [
					    { required: true, type: 'array', message: '请选择活动时间', trigger: 'change' }
					],
					promotions_cate: [
						  { required: true, message: '请设置满送方式', trigger: 'change' }
					],
					is_overlay: [
						  { required: true, message: '请设置优惠叠加', trigger: 'change' }
					]
				},
				columns: [
				    {
				        title: '优惠券名称',
				        key: 'title',
				        minWidth: 150
				    },
				    {
				        title: '类型',
				        slot: 'coupon_type',
				        minWidth: 80
				    },
				    {
				        title: '面值',
				        slot: 'coupon_price',
				        minWidth: 100
				    },
				    {
				        title: '最低消费额',
				        key: 'use_min_price',
				        minWidth: 100
				    },
						{
						    title: '限量',
						    key: 'limit_num',
						    width: 120,
								render: (h, params) => {
								  return h("div", [
								    h("InputNumber", {
								      props: {
								        value: params.row.limit_num,
												placeholder:'请输入',
												precision:0,
												min:0
								      },
								      on: {
								        "on-change": (e) => {
								          params.row.limit_num = e;
								          this.promotionsData[params.row.indexCoupon].giveCoupon[params.index].limit_num = e;
								        },
								      },
								    }),
								  ]);
								}
						},
				    {
				        title: '操作',
				        slot: 'status',
								align:'center',
				        minWidth: 80
				    }
				],
				colGoods:[
					{
					    title: '商品信息',
					    slot: 'info',
					    minWidth: 200
					},
					{
					    title: '售价',
					    key: 'price',
					    minWidth: 80
					},
					{
					    title: '库存',
					    key: 'stock',
					    minWidth: 80
					},
					{
					    title: '数量',
					    key: 'limit_num',
					    width: 120,
							render: (h, params) => {
							  return h("div", [
							    h("InputNumber", {
							      props: {
							        value: params.row.limit_num,
											placeholder:'请输入',
											precision:0,
											min:0
							      },
							      on: {
							        "on-change": (e) => {
							          params.row.limit_num = e;
							          this.promotionsData[params.row.indexGoods].giveProducts[params.index].limit_num = e;
							        },
							      },
							    }),
							  ]);
							}
					},
					{
					    title: '操作',
					    slot: 'status',
							align:'center',
					    minWidth: 80
					}
				]
			}
		},
		computed: {
		  ...mapState("admin/layout", ["isMobile","menuCollapse"]),
		  labelWidth() {
		    return this.isMobile ? undefined : 90;
		  },
		  labelPosition() {
		    return this.isMobile ? "top" : "right";
		  },
		  labelBottom() {
		    return this.isMobile ? undefined : 15;
		  },
		},
		created(){},
		mounted(){
			this.setCopyrightShow({ value: false });
			if(this.$route.params.id != 0){
				this.getDiscountInfo();
			}
		},
		destroyed () {
		  this.setCopyrightShow({ value: true });
		},
		methods: {
			...mapMutations('admin/layout', [
			    'setCopyrightShow'
			]),
			changeFull(){
				this.promotionsData = [];
				this.addLevel()
			},
			addLevel(){
				let obj = {
							threshold:0,
							give_integral:0,
							checkIntegral:false,
							checkCoupon:false,
							checkGoods:false,
							giveProducts:[],
							giveCoupon:[]
						}
				this.promotionsData.push(obj);
			},
			delCoupon(index,indexw){
				this.promotionsData[indexw].giveCoupon.splice(index,1)
			},
			delGoods(index,indexw){
				this.promotionsData[indexw].giveProducts.splice(index,1)
			},
			getCouponList(data){
				let indexCoupon = this.indexCoupon;
				this.$refs.couponTemplates.isTemplate = false;
				data.forEach(j=>{
					j.limit_num = 0;
					j.indexCoupon = indexCoupon;
				})
				let list = this.promotionsData[indexCoupon].giveCoupon.concat(data);
				let uni = this.unique(list);
				this.promotionsData[indexCoupon].giveCoupon = uni;
			},
			// 添加优惠券
			addCoupon(index) {
			  this.indexCoupon = index;
			  this.$refs.couponTemplates.isTemplate = true;
			  this.$refs.couponTemplates.tableList();
			},
			discountTypeTap(item){
				this.formValidate.threshold_type = item.id;
				if(item.id == 2){
					this.promotionsData.forEach(item=>{
						item.threshold = 0
					})
				}
			},
			getDiscountInfo(){
				discountInfo(this.$route.params.id).then(res=>{
					this.formValidate = res.data.info;
					this.formValidate.promotions_cate = this.formValidate.promotions_cate.toString();
					this.formValidate.is_overlay = this.formValidate.is_overlay.toString();
					this.tableData = res.data.info.products;
					this.dataLabel = res.data.info.label_id;
					let promotionsData = res.data.info.promotions;
					promotionsData.forEach((item,index)=>{
						item.checkCoupon = item.giveCoupon.length?true:false;
						item.checkGoods = item.giveProducts.length?true:false;
						item.checkIntegral = parseFloat(item.give_integral)>0?true:false;
						item.giveCoupon.forEach(j=>{
							j.indexCoupon = index;
						})
						item.giveProducts.forEach(i=>{
							i.indexGoods = index;
						})
					})
					this.promotionsData = promotionsData;
				}).catch(err=>{
					this.$Message.error(err.msg);
				})
			},
			del(row){
				this.tableData.forEach((i,index)=>{
					if(row.id == i.id){
						  return this.tableData.splice(index, 1)
					}else{
						i.attrValue.forEach((j,indexn)=>{
							if(row.id == j.id){
								if(i.attrValue.length == 1){
									return this.tableData.splice(index, 1)
								}else{
									return i.attrValue.splice(indexn, 1)
								}
							}
						})
					}
				})
			},
			addLabel(){
				this.$modalForm(userLabelAddApi(0)).then(() => {});
			},
			addGoods(index){
				this.modals = true;
			},
			addGoodsSattr(index){
				this.sattrModals = true;
				this.indexGoods = index;
			},
			cancel () {
			    this.modals = false;
			},
			//对象数组去重；
			unique(arr) {
			    const res = new Map();
			    return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1))
			},
			getProductId (data) {
			    this.modals = false;
					let list = this.tableData.concat(data);
					let uni = this.unique(list);
					uni.forEach((i)=>{
						i.attrValue.forEach(j=>{
							j.cate_name = i.cate_name;
							j.store_label = i.store_label;
						})
					})
					this.tableData = uni;
			},
			getAtterId(data){
				this.sattrModals = false;
				let indexGoods = this.indexGoods;
				data.forEach((i)=>{
					i.limit_num = 0;
					i.indexGoods = indexGoods;
				})
				let list = this.promotionsData[indexGoods].giveProducts.concat(data);
				let uni = this.unique(list);
				this.promotionsData[indexGoods].giveProducts = uni;
			},
			// 具体日期
			onchangeTime (e) {
			    this.formValidate.section_time = e;
			},
			closeLabel(label){
				let index = this.dataLabel.indexOf(this.dataLabel.filter(d=>d.id == label.id)[0]);
				this.dataLabel.splice(index,1);
			},
			activeData(dataLabel){
				this.labelShow = false;
				this.dataLabel = dataLabel;
			},
			openLabel(row) {
			  this.labelShow = true;
				this.$refs.userLabel.userLabel(JSON.parse(JSON.stringify(this.dataLabel)));
			},
			// 标签弹窗关闭
			labelClose() {
			  this.labelShow = false;
			},
			delGrade(index) {
				this.promotionsData.splice(index,1);
			},
			// 上一页：
			upTab() {
				if(this.currentTab==1&&this.formValidate.product_type!=0){
					this.currentTab = (Number(this.currentTab) - 2).toString();
				}else{
					this.currentTab = (Number(this.currentTab) - 1).toString();
				}
			},
			// 下一页；
			downTab(name) {
				this.$refs[name].validate((valid) => {
					if (valid) {
						if(this.formValidate.is_label && !this.dataLabel.length){
							return this.$Message.warning("请选择用户关联标签");
						}
						if(parseInt(this.formValidate.is_overlay) && !this.formValidate.overlay.length){
							return this.$Message.warning("请选择叠加的营销活动");
						}
						if(this.formValidate.section_time[0] == ''){
							return this.$Message.warning("请选择活动时间");
						}
						this.currentTab = '2'
					}else{
						this.$Message.warning("请完善数据");
					}
				})
			},
			handleSubmit(name){
				this.$refs[name].validate((valid) => {
					if (valid) {
						if(this.formValidate.is_label && !this.dataLabel.length){
							return this.$Message.warning("请选择用户关联标签");
						}
						if(parseInt(this.formValidate.is_overlay) && !this.formValidate.overlay.length){
							return this.$Message.warning("请选择叠加的营销活动");
						}
						if(this.formValidate.section_time[0] == ''){
							return this.$Message.warning("请选择活动时间");
						}
						let promotions = [];
						//优惠内容
						let flag = true;
						this.promotionsData.forEach(item=>{
							if(item.threshold == null || item.threshold == 0){
								this.flag = false;
								return this.$Message.warning("请填写优惠门槛");
							}
							if(item.checkIntegral && (item.give_integral == null || item.give_integral == 0)){
								this.flag = false;
								return this.$Message.warning("请填写赠送积分");
							}
							if(item.checkCoupon && !item.giveCoupon.length){
								this.flag = false;
								return this.$Message.warning("请添加优惠券");
							}
							if(item.checkGoods && !item.giveProducts.length){
								this.flag = false;
								return this.$Message.warning("请添加赠品");
							}
							this.flag = true;
							let obj = {
								threshold: item.threshold,
								give_integral: 0,
								give_coupon_id:[],
								give_product_id:[]
							}
							if(item.checkIntegral){
								obj.give_integral = item.give_integral
							}
							if(item.checkCoupon){
								item.giveCoupon.forEach(j=>{
									let objVal = {
										give_coupon_num:j.limit_num,
										give_coupon_id:j.id
									}
									obj.give_coupon_id.push(objVal)
								})
							}
							if(item.checkGoods){
								item.giveProducts.forEach(v=>{
									let goodsVal = {
										give_product_num:v.limit_num,
										give_product_id:v.product_id,
										unique:v.unique
									}
									obj.give_product_id.push(goodsVal)
								})
							}
							promotions.push(obj)
						})
						if(!this.flag){
							return
						}
						// 用户标签
						let activeIds = [];
						this.dataLabel.forEach((item)=>{
							activeIds.push(item.id)
						});
						if(this.formValidate.is_label==0){
							this.formValidate.label_id = [];
						}else{
							this.formValidate.label_id = activeIds
						}
						let product_id = [];
						this.tableData.forEach((item)=>{
							  let obj = {
									  product_id: item.id,
										unique:[]
								}
								if(item.attrValue.length){
									item.attrValue.forEach((j)=>{
										obj.unique.push(j.unique)
									})
								}
								product_id.push(obj)
						})
						if(this.formValidate.product_partake_type !=1 && !product_id.length){
							return this.$Message.error('请添加商品');
						}
						this.formValidate.promotions = promotions;
						this.formValidate.product_id = product_id;
						savePromotions(4,this.$route.params.id,this.formValidate).then(res=>{
							this.$router.push({ path: "/admin/marketing/discount/give" });
							this.$Message.success(res.msg)
						}).catch(err=>{
							this.$Message.error(err.msg);
						})
					}else{
						this.$Message.warning("请完善数据");
					}
				})
			}
		}
	}
</script>

<style scoped lang="stylus">
	.list{
		.item{
			.title{
				width 50%;
				height 34px;
				background-color #F5F7FA;
				padding 0 15px;
				margin-top 15px;
				.del{
					color #F5222D;
					cursor pointer;
				}
			}
			/deep/.ivu-form-item{
				margin-top 20px!important;
			}
		}
	}
	.table{
		/deep/.ivu-table-header table{
			border:0!important
		}
		/deep/.ivu-table-cell{
			padding 0!important
		}
		/deep/.ivu-table-border th, /deep/.ivu-table-border td{
			border-right unset;
		}
		/deep/.ivu-table td{
			height 59px;
		}
	}
	.productType {
	  width: 150px;
	  height: 60px;
	  background: #FFFFFF;
	  border-radius: 3px;
	  border: 1px solid #E7E7E7;
	  float: left;
	  text-align: center;
	  padding-top: 8px;
	  position: relative;
	  cursor: pointer;
	  line-height: 23px;
	  margin-right 12px;
	  
	  &.on{
		  border-color #1890FF;
	  }
	
	  .name {
	    font-size: 14px;
	    font-weight: 600;
	    color: rgba(0, 0, 0, 0.85);
			&.on{
			  color #1890FF;
			}
	  }
	
	  .title {
	    font-size: 12px;
	    font-weight: 400;
	    color: #999999;
	  }
	  
	  .jiao {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    width: 0;
	    height: 0;
	    border-bottom: 26px solid #1890FF;
	    border-left: 26px solid transparent;
	  }
	  
	  .iconfont {
	    position: absolute;
	    bottom: -3px;
	    right: 1px;
	    color: #FFFFFF;
		font-size 12px;
	  }
	  
	}
	.vxeTable{
		border-top:1px dotted #eee;
		margin-top 20px;
	}
	.formValidate{
		.list{
			.item{
				.bnt{
					font-size 13px;
					color: #1890FF;
					margin-top 10px;
					cursor pointer;
					width 100px;
				}
			}
		}
		.tips{
			display: inline-bolck;
			font-size: 12px;
			font-weight: 400;
			color: #999999;
		}
		.addClass{
			color: #1890FF;
			margin-left 14px;
			padding 9px 0;
			cursor pointer;
		}
	}
	.imgPic{
		.info{
			width: 60%;
			margin-left: 10px;
		}
		.pictrue{
			width 36px;
			height: 36px;
			margin: 7px 3px 0 3px;
			img{
				width 100%;
				height: 100%;
				display: block;
			}
		}
	}
	.labelInput{
		border: 1px solid #dcdee2;
		width 50%;
		padding 0 5px;
		border-radius 5px;
		min-height 30px;
		cursor pointer;
		.span{
			 color: #c5c8ce;
		}
		.iconxiayi{
			font-size 12px
		}
	}
	.form-submit {
		  /deep/.ivu-card{
		  	border-radius: 0;
		  }
	    margin-bottom: 79px;
	
	    .fixed-card {
	        position: fixed;
	        right: 0;
	        bottom: 0;
	        left: 200px;
	        z-index: 99;
	        box-shadow: 0 -1px 2px rgb(240, 240, 240);
	
	        /deep/ .ivu-card-body {
	            padding: 15px 16px 14px;
	        }
	
	        .ivu-form-item {
	            margin-bottom: 0;
	        }
	
	        /deep/ .ivu-form-item-content {
	            margin-right: 124px;
	            text-align: center;
	        }
	
	        .ivu-btn {
	            height: 36px;
	            padding: 0 20px;
	        }
	    }
	}
</style>