|
|
|
|
@ -14,13 +14,67 @@
|
|
|
|
|
<div class="item">分享</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips">
|
|
|
|
|
<div class="tips_title">风险提示</div>
|
|
|
|
|
<div class="tips_title">优惠规则！</div>
|
|
|
|
|
<div class="tips_msg">
|
|
|
|
|
<!-- 优惠金额 -->
|
|
|
|
|
<div class="tips_msg_item">
|
|
|
|
|
<div class="bot">
|
|
|
|
|
<div></div>
|
|
|
|
|
<div class="tips_msg_item_title">优惠金额：</div>
|
|
|
|
|
<div class="tips_msg_item_content" v-if="form.couponType===0">
|
|
|
|
|
{{form.serviceConditions===0?`满${form.fullReductionMoney}元减${form.fullKimsMoney}元`:`${form.fullKimsMoney}元无门槛代金券`}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips_msg_item_content" v-if="form.couponType===1">
|
|
|
|
|
{{form.serviceConditions===0?`消费单据满${form.fullReductionMoney}元打${form.fullDiscountMoney}%折扣`:`${form.fullDiscountMoney}无门槛折扣券`}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips_msg_item_content" v-if="form.couponType===2">直接免单</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 分润金额 -->
|
|
|
|
|
<div class="tips_msg_item">
|
|
|
|
|
<div class="tips_msg_item_title">分润金额：</div>
|
|
|
|
|
<div class="tips_msg_item_content" v-if="form.shareCommissionRules===0">
|
|
|
|
|
每一位领取人消费后可获得{{form.fixedAmount}}元分润，可提现至微信</div>
|
|
|
|
|
<div class="tips_msg_item_content" v-if="form.shareCommissionRules===1">
|
|
|
|
|
每一位领取人消费后可获得消费单据的{{form.orderCommission}}%分润，可提现至微信</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 有效日期 -->
|
|
|
|
|
<div class="tips_msg_item">
|
|
|
|
|
<div class="tips_msg_item_title">有效日期：</div>
|
|
|
|
|
<div class="tips_msg_item_content" v-if="form.indateType===1">
|
|
|
|
|
{{date.startDate}} 至 {{date.endDate}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips_msg_item_content" v-if="form.indateType===0">
|
|
|
|
|
领取后{{form.startDay}}天生效,生效后{{form.endDay}}天内有效</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 适用门店 -->
|
|
|
|
|
<div class="tips_msg_item">
|
|
|
|
|
<div class="tips_msg_item_title">适用门店：</div>
|
|
|
|
|
<div class="tips_msg_item_content">{{form.suitableStore===0?'所有门店':storeList}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 适用项目 -->
|
|
|
|
|
<div class="tips_msg_item">
|
|
|
|
|
<div class="tips_msg_item_title">适用项目：</div>
|
|
|
|
|
<div class="tips_msg_item_content">{{form.suitableProject===0?'所有项目':projectList}}
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips_msg_item_content">请先点击领取优惠券后再分享，否则分享出去的优惠券领取人消费后的分润不属于您！</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips">
|
|
|
|
|
<div class="tips_title">风险提示！</div>
|
|
|
|
|
<div class="tips_msg">
|
|
|
|
|
<div class="tips_msg_item">
|
|
|
|
|
<div class="tips_msg_item_titles">
|
|
|
|
|
<div class="bot"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips_msg_item_contents" v-if="form.shareCommissionRules===0">
|
|
|
|
|
分享被领取后，且优惠券被领取人消费了，即可获得{{form.fixedAmount}}元分润金额，并且可提现到微信</div>
|
|
|
|
|
<div class="tips_msg_item_contents" v-if="form.shareCommissionRules===1">
|
|
|
|
|
分享被领取后，且优惠券被领取人消费了，即可获得消费单据的{{form.orderCommission}}%分润金额，并且可提现到微信</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips_msg_item">
|
|
|
|
|
<div class="tips_msg_item_titles">
|
|
|
|
|
<div class="bot"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="tips_msg_item_contents">需要先领取优惠券后再分享，这样其他扔领取了您分享的优惠券并消费后才会获得分润，否则无法获得分润</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -37,23 +91,37 @@
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<QrCode ref="QrCode" @call-back-qrCode="callBackQrCode"></QrCode>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
<script>
|
|
|
|
|
import { doAdd, doEdit } from "@/api/discount-coupon/management.js";
|
|
|
|
|
import Bus from "../../../bus";
|
|
|
|
|
import QrCode from "./qrCode";
|
|
|
|
|
export default {
|
|
|
|
|
components: { QrCode },
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
imageUrl: '',
|
|
|
|
|
form: {}
|
|
|
|
|
form: {},
|
|
|
|
|
date: {},
|
|
|
|
|
storeList: [],
|
|
|
|
|
projectList: [],
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
// 切换步骤时传过来的数据
|
|
|
|
|
handleData(form) {
|
|
|
|
|
console.log('form', form);
|
|
|
|
|
this.imageUrl = form.imageUrl
|
|
|
|
|
this.date.startDate = this.$parseTime(form.startDate, '{y}-{m}-{d}')
|
|
|
|
|
this.date.endDate = this.$parseTime(form.endDate, '{y}-{m}-{d}')
|
|
|
|
|
if (form.suitableStore === 1) {
|
|
|
|
|
this.storeList = form.useStoreList.map(item => item.storeName).toString()
|
|
|
|
|
console.log('useStoreList', this.useStoreList);
|
|
|
|
|
}
|
|
|
|
|
if (form.suitableProject === 1) {
|
|
|
|
|
this.projectList = form.projectList.map(item => item.projectName).toString()
|
|
|
|
|
}
|
|
|
|
|
this.form = Object.assign({}, form);
|
|
|
|
|
},
|
|
|
|
|
// 上一步
|
|
|
|
|
@ -62,34 +130,42 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
// 提交
|
|
|
|
|
async handleSubmit() {
|
|
|
|
|
let form = Object.assign({}, this.form);
|
|
|
|
|
for (let key in form) {
|
|
|
|
|
// format写法会将null类型强行转化成字符串的‘null’，传到后台，后台会报错，所以需要删掉值为null的字段
|
|
|
|
|
if (form[key] !== 0 && !form[key]) {
|
|
|
|
|
delete form[key]
|
|
|
|
|
if (this.form.openId) {
|
|
|
|
|
let form = Object.assign({}, this.form);
|
|
|
|
|
for (let key in form) {
|
|
|
|
|
// format写法会将null类型强行转化成字符串的‘null’，传到后台，后台会报错，所以需要删掉值为null的字段
|
|
|
|
|
if (form[key] !== 0 && !form[key]) {
|
|
|
|
|
delete form[key]
|
|
|
|
|
}
|
|
|
|
|
// 前面两个值是我续购拿来用作form校验的，后台是不需要，所以要删掉，否则传过去后台会报错，后面三个数组无法用format传值，会自动被编译成字符串，例：[object object]，后台无法识别，所以需要删掉
|
|
|
|
|
if (key == 'fixDate' || key == 'imageUrl' || key == 'useStores' || key == 'useProjects' || key == 'fileLists') {
|
|
|
|
|
delete form[key]
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 前面两个值是我续购拿来用作form校验的，后台是不需要，所以要删掉，否则传过去后台会报错，后面三个数组无法用format传值，会自动被编译成字符串，例：[object object]，后台无法识别，所以需要删掉
|
|
|
|
|
if (key == 'fixDate' || key == 'imageUrl' || key == 'useStores' || key == 'useProjects' || key == 'fileLists') {
|
|
|
|
|
delete form[key]
|
|
|
|
|
// 后台接受只要门店编码数组和项目ID数组，map遍历数组分别提取storeNum和projectId的数组
|
|
|
|
|
if (form.suitableStore === 1) {
|
|
|
|
|
form.useStoreList = form.useStoreList.map(item => item.storeNum);
|
|
|
|
|
}
|
|
|
|
|
if (form.suitableProject === 1) {
|
|
|
|
|
form.projectList = form.projectList.map(item => item.projectId);
|
|
|
|
|
}
|
|
|
|
|
// 创建一个空对象实例
|
|
|
|
|
let format = new FormData()
|
|
|
|
|
// 遍历对象将对象中的所有字段和值添加到新的空对象实例中
|
|
|
|
|
Object.keys(form).map(key => {
|
|
|
|
|
format.append(key, form[key])
|
|
|
|
|
})
|
|
|
|
|
if (form.id) {
|
|
|
|
|
// 编辑
|
|
|
|
|
let { code, message } = await doEdit(format)
|
|
|
|
|
this.callBack(code, message)
|
|
|
|
|
} else {
|
|
|
|
|
// 发布
|
|
|
|
|
let { code, message } = await doAdd(format)
|
|
|
|
|
this.callBack(code, message)
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
// 后台接受只要门店编码数组和项目ID数组，map遍历数组分别提取storeNum和projectId的数组
|
|
|
|
|
form.useStoreList = form.useStoreList.map(item => item.storeNum);
|
|
|
|
|
form.projectList = form.projectList.map(item => item.projectId);
|
|
|
|
|
// 创建一个空对象实例
|
|
|
|
|
let format = new FormData()
|
|
|
|
|
// 遍历对象将对象中的所有字段和值添加到新的空对象实例中
|
|
|
|
|
Object.keys(form).map(key => {
|
|
|
|
|
format.append(key, form[key])
|
|
|
|
|
})
|
|
|
|
|
if (form.id) {
|
|
|
|
|
// 编辑
|
|
|
|
|
let { code, message } = await doEdit(format)
|
|
|
|
|
this.callBack(code, message)
|
|
|
|
|
} else {
|
|
|
|
|
// 发布
|
|
|
|
|
let { code, message } = await doAdd(format)
|
|
|
|
|
this.callBack(code, message)
|
|
|
|
|
this.$refs.QrCode.show()
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
callBack(code, message) {
|
|
|
|
|
@ -107,6 +183,12 @@ export default {
|
|
|
|
|
type: 'error'
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
// ================================== 关注公众号后返回openid ================================== //
|
|
|
|
|
callBackQrCode(openid) {
|
|
|
|
|
let form = Object.assign({}, this.form);
|
|
|
|
|
form.openId = openid
|
|
|
|
|
this.form = Object.assign({}, form);
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
|
Sigo
3 years ago
