Skip to content

I
integral-mall
Commit 25747286 by chenyu
Options

update: dist

parent 0c657dd8
Showing with 582 additions and 276 deletions
dist/css/main.f5689c5f6ca00e0735fb.css 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/index.html
<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><link rel=stylesheet type=text/css href=./static/css/iconfont.css><link rel=stylesheet type=text/css href=./static/css/common.css><link rel="shortcut icon" type=image/x-icon href=./static/img/favicon.ico><title>积分商城</title><link href=./static/css/app.e310b41f4a08e0d2e6f0f9d5db31ff3a.css rel=stylesheet></head><body><div id=app></div><script>(function() { <!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="./static/css/iconfont.css"><link rel="stylesheet" href="./static/css/common.css"><link rel="shortcut icon" type="image/x-icon" href="./static/img/favicon.ico"><title>积分商城</title><script defer="defer" src="/integral-mall/js/main.d8100c87a0922f5d0c1f.js"></script><link href="/integral-mall/css/main.f5689c5f6ca00e0735fb.css" rel="stylesheet"></head><body><div id="app"></div><script>(function() {
var src = '/component/static/import-component.js?timestrap=' + new Date().getTime(); var src = '/component/static/import-component.js?timestrap=' + new Date().getTime();
var host = window.location.host; var host = window.location.host;
host = host.indexOf('localhost') > -1 || host.indexOf('192.168') > -1 ? 'gicdev.demogic.com' : host; host = host.indexOf('localhost') > -1 || host.indexOf('192.168') > -1 ? 'gicdev.demogic.com' : host;
document.write('<script src="//' + host + src + '"><\/script>'); document.write('<script src="//' + host + src + '"><\/script>');
})();</script><script src=//web-1251519181.file.myqcloud.com/components/pagination.1.0.8.js></script><script src=//web-1251519181.file.myqcloud.com/components/track.1.0.4.js></script><script type=text/javascript src=./static/js/manifest.3ad1d5771e9b13dbdad2.js></script><script type=text/javascript src=./static/js/vendor.242a74965f304ce7e306.js></script><script type=text/javascript src=./static/js/app.adb3bd401fc167314d22.js></script></body></html> })();</script><script src="//web-1251519181.file.myqcloud.com/components/pagination.1.0.8.js"></script><script src="//web-1251519181.file.myqcloud.com/components/track.1.0.4.js"></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/js/main.d8100c87a0922f5d0c1f.js 0 → 100644
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/js/main.d8100c87a0922f5d0c1f.js.LICENSE.txt 0 → 100644
/*!
* @overview es6-promise - a tiny implementation of Promises/A+.
* @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
* @license Licensed under MIT license
* See https://raw.githubusercontent.com/stefanpenner/es6-promise/master/LICENSE
* @version v4.2.6+9869a4bc
*/
/*!
* clipboard.js v2.0.1
* https://zenorocha.github.io/clipboard.js
*
* Licensed MIT © Zeno Rocha
*/
/*!
* vue-treeselect v0.0.35 | (c) 2017-2018 Riophae Lee
* Released under the MIT License.
* https://vue-treeselect.js.org/
*/
/**!
* Sortable 1.10.2
* @author RubaXa <trash@rubaxa.org>
* @author owenm <owen23355@gmail.com>
* @license MIT
*/
dist/static/css/app.e310b41f4a08e0d2e6f0f9d5db31ff3a.css deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/app.adb3bd401fc167314d22.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/static/js/manifest.3ad1d5771e9b13dbdad2.js deleted 100644 → 0
!function(r){var n=window.webpackJsonp;window.webpackJsonp=function(e,u,c){for(var f,i,p,a=0,l=[];a<e.length;a++)i=e[a],o[i]&&l.push(o[i][0]),o[i]=0;for(f in u)Object.prototype.hasOwnProperty.call(u,f)&&(r[f]=u[f]);for(n&&n(e,u,c);l.length;)l.shift()();if(c)for(a=0;a<c.length;a++)p=t(t.s=c[a]);return p};var e={},o={2:0};function t(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return r[n].call(o.exports,o,o.exports,t),o.l=!0,o.exports}t.m=r,t.c=e,t.d=function(r,n,e){t.o(r,n)||Object.defineProperty(r,n,{configurable:!1,enumerable:!0,get:e})},t.n=function(r){var n=r&&r.__esModule?function(){return r.default}:function(){return r};return t.d(n,"a",n),n},t.o=function(r,n){return Object.prototype.hasOwnProperty.call(r,n)},t.p="./",t.oe=function(r){throw console.error(r),r}}([]);
\ No newline at end of file
dist/static/js/vendor.242a74965f304ce7e306.js deleted 100644 → 0
This source diff could not be displayed because it is too large. You can view the blob instead.
src/views/goods/coupon/info.vue
...@@ -3,10 +3,14 @@ ...@@ -3,10 +3,14 @@
<div class="mall-content-section"> <div class="mall-content-section">
<div class="mall-content-title"> <div class="mall-content-title">
<el-breadcrumb separator="/"> <el-breadcrumb separator="/">
<el-breadcrumb-item :to="{ path: '' }"><a href="/report/#/memberSummary">首页</a></el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '' }">
<a href="/report/#/memberSummary">首页</a>
</el-breadcrumb-item>
<el-breadcrumb-item>积分商城</el-breadcrumb-item> <el-breadcrumb-item>积分商城</el-breadcrumb-item>
<el-breadcrumb-item>商品</el-breadcrumb-item> <el-breadcrumb-item>商品</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/coupon' }">优惠券</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/coupon' }">
优惠券
</el-breadcrumb-item>
<el-breadcrumb-item>{{ mallProId === '-1' ? '新建' : '编辑' }}优惠券</el-breadcrumb-item> <el-breadcrumb-item>{{ mallProId === '-1' ? '新建' : '编辑' }}优惠券</el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<h3> <h3>
...@@ -14,25 +18,49 @@ ...@@ -14,25 +18,49 @@
</h3> </h3>
</div> </div>
<div class="section" v-loading="submitLoading"> <div class="section" v-loading="submitLoading">
<el-form :model="couponForm" :rules="couponRules" ref="couponForm" label-width="100px" class="demo-ruleForm" label-position="right"> <el-form
:model="couponForm"
:rules="couponRules"
ref="couponForm"
label-width="100px"
class="demo-ruleForm"
label-position="right"
>
<div class="section-content"> <div class="section-content">
<h3>选择卡券</h3> <h3>选择卡券</h3>
<el-form-item label="选择卡券" required v-show="mallProId === '-1'"> <el-form-item label="选择卡券" required v-show="mallProId === '-1'">
<el-button plain @click="showCard" :disabled="cardList.length >= addCardMax">添加卡券</el-button> <el-button plain @click="showCard" :disabled="cardList.length >= addCardMax">
添加卡券
</el-button>
<span style="font-size: 12px;color: rgb(144, 147, 153);margin-left:10px;">支持选择兑换券，最多支持添加{{ addCardMax }}张卡券</span> <span style="font-size: 12px;color: rgb(144, 147, 153);margin-left:10px;">支持选择兑换券，最多支持添加{{ addCardMax }}张卡券</span>
</el-form-item> </el-form-item>
<div class="alert-content" v-if="couponStatus"> <div class="alert-content" v-if="couponStatus">
<el-alert title="原卡券已被删除，请及时下线卡券，否则用户将无法兑换" type="warning"> </el-alert> <el-alert title="原卡券已被删除，请及时下线卡券，否则用户将无法兑换" type="warning" />
</div> </div>
<el-form-item label="选择卡券" required v-show="mallProId !== '-1'"> </el-form-item> <el-form-item label="选择卡券" required v-show="mallProId !== '-1'" />
<el-table :data="cardList" style="width: 1000px;margin-left:135px;margin-bottom:22px;display:inline-block" v-show="cardList.length > 0" :style="{ marginTop: mallProId !== '-1' ? '-60px' : '' }"> <el-table
:data="cardList"
style="width: 1000px;margin-left:135px;margin-bottom:22px;display:inline-block"
v-show="cardList.length > 0"
:style="{ marginTop: mallProId !== '-1' ? '-60px' : '' }"
>
<el-table-column label="卡券名称" prop="cardName" min-width="140"> <el-table-column label="卡券名称" prop="cardName" min-width="140">
<template slot-scope="scope"> <template slot-scope="scope">
<p style="line-height:22px;">{{ scope.row.cardName }}</p> <p style="line-height:22px;">
<p class="fz13 gray" style="line-height:20px;color:#909399">{{ scope.row.subName }}</p> {{ scope.row.cardName }}
</p>
<p class="fz13 gray" style="line-height:20px;color:#909399">
{{ scope.row.subName }}
</p>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :show-overflow-tooltip="false" width="165" align="left" prop="createTime" label="卡券模板投放期限"> <el-table-column
:show-overflow-tooltip="false"
width="165"
align="left"
prop="createTime"
label="卡券模板投放期限"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.putEffectiveMode == 0"> 固定日期：{{ getTime2(scope.row.putBeginDate) }} 至 {{ getTime2(scope.row.putEndDate) }} </span> <span v-if="scope.row.putEffectiveMode == 0"> 固定日期：{{ getTime2(scope.row.putBeginDate) }} 至 {{ getTime2(scope.row.putEndDate) }} </span>
<span v-else>长期有效</span> <span v-else>长期有效</span>
...@@ -40,9 +68,15 @@ ...@@ -40,9 +68,15 @@
</el-table-column> </el-table-column>
<el-table-column label="用户使用有效期" prop="limitDay" width="165"> <el-table-column label="用户使用有效期" prop="limitDay" width="165">
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="scope.row.cardEffectiveMode == 0">固定日期：{{ getTime2(scope.row.beginDate) + '至' + getTime2(scope.row.endDate) }}</div> <div v-if="scope.row.cardEffectiveMode == 0">
<div v-if="scope.row.cardEffectiveMode == 1">领取后{{ (scope.row.startDay === 0 ? '当' : scope.row.startDay) + '天，有效天数' + scope.row.limitDay }}天</div> 固定日期：{{ getTime2(scope.row.beginDate) + '至' + getTime2(scope.row.endDate) }}
<div v-if="scope.row.cardEffectiveMode == 2">投放后当月</div> </div>
<div v-if="scope.row.cardEffectiveMode == 1">
领取后{{ (scope.row.startDay === 0 ? '当' : scope.row.startDay) + '天，有效天数' + scope.row.limitDay }}天
</div>
<div v-if="scope.row.cardEffectiveMode == 2">
投放后当月
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="领取限制"> <el-table-column label="领取限制">
...@@ -55,11 +89,13 @@ ...@@ -55,11 +89,13 @@
{{ scope.row.storeMode === 0 ? '所有门店' : scope.row.storeMode === 1 ? '部分分组' : '部分门店' }} {{ scope.row.storeMode === 0 ? '所有门店' : scope.row.storeMode === 1 ? '部分分组' : '部分门店' }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="库存" prop="couponStock"> </el-table-column> <el-table-column label="库存" prop="couponStock" />
<el-table-column label="操作" v-if="mallProId === '-1'"> <el-table-column label="操作" v-if="mallProId === '-1'">
<template slot-scope="scope"> <template slot-scope="scope">
<dm-delete @confirm="deleteCard(scope.$index)" tips="确定删除该卡券吗?"> <dm-delete @confirm="deleteCard(scope.$index)" tips="确定删除该卡券吗?">
<el-button type="text">删除</el-button> <el-button type="text">
删除
</el-button>
</dm-delete> </dm-delete>
</template> </template>
</el-table-column> </el-table-column>
...@@ -72,12 +108,23 @@ ...@@ -72,12 +108,23 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-form-item label="券包名称" v-if="cardList.length > 1" prop="proName"> <el-form-item label="券包名称" v-if="cardList.length > 1" prop="proName">
<el-input v-model.trim="couponForm.proName" class="w-600" type="text" placeholder="请输入券包名称" @input="value => goodsLimit(value)"> <el-input
v-model.trim="couponForm.proName"
class="w-600"
type="text"
placeholder="请输入券包名称"
@input="value => goodsLimit(value)"
>
<span slot="suffix">{{ proNameLen }}/30</span> <span slot="suffix">{{ proNameLen }}/30</span>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="数据对话"> <el-form-item label="数据对话">
<dm-activity-select :repProjectName="projectName" width="300" :actId.sync="couponForm.dataDialogueId" :showAdd="false"></dm-activity-select> <dm-activity-select
:repProjectName="projectName"
width="300"
:actId.sync="couponForm.dataDialogueId"
:showAdd="false"
/>
</el-form-item> </el-form-item>
<!-- <el-form-item label="卡券主图"> <!-- <el-form-item label="卡券主图">
<span style="font-size: 12px;color: rgb(144, 147, 153);">小程序积分商城请升级至V3.0.5及以上版本方可支持</span> <span style="font-size: 12px;color: rgb(144, 147, 153);">小程序积分商城请升级至V3.0.5及以上版本方可支持</span>
...@@ -109,26 +156,39 @@ ...@@ -109,26 +156,39 @@
<div class="upload-list-box"> <div class="upload-list-box">
<div style="display: inline-block;vertical-align: top;margin-right:5px"> <div style="display: inline-block;vertical-align: top;margin-right:5px">
<div v-for="(item, index) in couponForm.images" :key="index" class="img-box"> <div v-for="(item, index) in couponForm.images" :key="index" class="img-box">
<img width="100%" :src="item.imageUrl" alt="" /> <img width="100%" :src="item.imageUrl" alt="">
<i class="el-icon-arrow-left" @click="moveLeft(index)" v-show="index !== 0"></i> <i class="el-icon-arrow-left" @click="moveLeft(index)" v-show="index !== 0" />
<i class="el-icon-arrow-right" @click="moveRight(index)" v-show="index + 1 !== couponForm.images.length"></i> <i class="el-icon-arrow-right" @click="moveRight(index)" v-show="index + 1 !== couponForm.images.length" />
<i class="el-icon-delete" @click="deteletDialogImageUrl(index)"></i> <i class="el-icon-delete" @click="deteletDialogImageUrl(index)" />
<i class="el-icon-zoom-in" @click="enlargeDialogImageUrl(index)"></i> <i class="el-icon-zoom-in" @click="enlargeDialogImageUrl(index)" />
<div class="dialog-img"></div> <div class="dialog-img" />
</div> </div>
<el-upload :action="uploadAction" :headers="headersUpload" list-type="picture-card" :on-preview="handlePictureCardPreview" :before-upload="beforeUpload" :on-success="uploadSuccess" with-credentials :show-file-list="false" v-show="uploadStatus" style="display: inline-block;vertical-align: top;"> <el-upload
<i class="el-icon-plus"></i> :action="uploadAction"
:headers="headersUpload"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:before-upload="beforeUpload"
:on-success="uploadSuccess"
with-credentials
:show-file-list="false"
v-show="uploadStatus"
style="display: inline-block;vertical-align: top;"
>
<i class="el-icon-plus" />
</el-upload> </el-upload>
</div> </div>
<p style="font-size: 12px; color: rgb(144, 147, 153);line-height:18px;margin-top:10px">图片宽度≥700px，≤1500px，图片宽高比1:1，单张图片大小不超过 2 MB。</p> <p style="font-size: 12px; color: rgb(144, 147, 153);line-height:18px;margin-top:10px">
图片宽度≥700px，≤1500px，图片宽高比1:1，单张图片大小不超过 2 MB。
</p>
<el-dialog :visible.sync="dialogVisibleImg"> <el-dialog :visible.sync="dialogVisibleImg">
<img width="100%" :src="dialogEnlargeImageUrl" alt="" /> <img width="100%" :src="dialogEnlargeImageUrl" alt="">
</el-dialog> </el-dialog>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="图文信息"> <el-form-item label="图文信息">
<div class="tinymce-wrap"> <div class="tinymce-wrap">
<tinymce-edit ref="tinymceWrap" :bodyHtml="couponForm.detailDescription" :projectName="projectName"></tinymce-edit> <tinymce-edit ref="tinymceWrap" :bodyHtml="couponForm.detailDescription" :projectName="projectName" />
</div> </div>
</el-form-item> </el-form-item>
</div> </div>
...@@ -136,73 +196,154 @@ ...@@ -136,73 +196,154 @@
<h3>销售信息</h3> <h3>销售信息</h3>
<el-form-item label="卡券费用" v-if="cardCouponList.length > 1" required> <el-form-item label="卡券费用" v-if="cardCouponList.length > 1" required>
<el-table :data="cardCouponList" style="width:900px"> <el-table :data="cardCouponList" style="width:900px">
<el-table-column label="卡券名称" prop="proRefName"> </el-table-column> <el-table-column label="卡券名称" prop="proRefName" />
<el-table-column label="积分费用"> <el-table-column label="积分费用">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input-number v-model="scope.row.integralCost" :precision="0" :min="0" controls-position="right" @blur="handleIntegralCostTotal" @change="handleIntegralCostTotal"></el-input-number> <el-input-number
v-model="scope.row.integralCost"
:precision="0"
:min="0"
controls-position="right"
@blur="handleIntegralCostTotal"
@change="handleIntegralCostTotal"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="现金费用"> <el-table-column label="现金费用">
<template slot-scope="scope"> <template slot-scope="scope">
<el-input-number v-model="scope.row.cashCost" :precision="2" :min="0" controls-position="right" @blur="handleIntegralCostTotal" @change="handleIntegralCostTotal"></el-input-number> <el-input-number
v-model="scope.row.cashCost"
:precision="2"
:min="0"
controls-position="right"
@blur="handleIntegralCostTotal"
@change="handleIntegralCostTotal"
/>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-form-item> </el-form-item>
<el-form-item label="积分费用" prop="integralCost"> <el-form-item label="积分费用" prop="integralCost">
<el-input-number class="w-350" :disabled="cardCouponList.length > 1" :precision="0" :min="0" v-model="couponForm.integralCost"></el-input-number> <el-input-number
class="w-350"
:disabled="cardCouponList.length > 1"
:precision="0"
:min="0"
v-model="couponForm.integralCost"
/>
</el-form-item> </el-form-item>
<el-form-item label="现金费用" prop="cashCost"> <el-form-item label="现金费用" prop="cashCost">
<el-input-number class="w-350" :disabled="cardCouponList.length > 1" :precision="2" :min="0" v-model="couponForm.cashCost"></el-input-number> <el-input-number
class="w-350"
:disabled="cardCouponList.length > 1"
:precision="2"
:min="0"
v-model="couponForm.cashCost"
/>
</el-form-item> </el-form-item>
<el-form-item label="礼品成本" prop="cashCost"> <el-form-item label="礼品成本" prop="cashCost">
<el-input-number class="w-350" :precision="2" :min="0" v-model="costValue" :disabled="costValueStatus"></el-input-number> <el-input-number
class="w-350"
:precision="2"
:min="0"
v-model="costValue"
:disabled="costValueStatus"
/>
</el-form-item> </el-form-item>
<el-form-item label="库存" prop="virtualStock"> <el-form-item label="库存" prop="virtualStock">
<el-input class="w-350" :precision="0" :min="1" v-model="couponForm.virtualStock"></el-input> <el-input
<span style="font-size: 12px;color: rgb(144, 147, 153);margin-left:10px;" v-show="cardList.length" class="w-350"
>兑换限制不得大于此优惠券的库存：<i>{{ couponCardStock }}</i :precision="0"
>张</span :min="1"
> v-model="couponForm.virtualStock"
/>
<span
style="font-size: 12px;color: rgb(144, 147, 153);margin-left:10px;"
v-show="cardList.length"
>兑换限制不得大于此优惠券的库存：<i>{{ couponCardStock }}</i>张</span>
</el-form-item> </el-form-item>
</div> </div>
<div class="section-content"> <div class="section-content">
<h3>可兑换配置<span class="sub_title">该配置决定客户是否可以兑换</span></h3> <h3>可兑换配置<span class="sub_title">该配置决定客户是否可以兑换</span></h3>
<el-form-item label="适用会员" prop="gradeType" v-if="cliqueStatus"> <el-form-item label="适用会员" prop="gradeType" v-if="cliqueStatus">
<el-radio-group v-model="couponForm.gradeType" @change="handleChange"> <el-radio-group v-model="couponForm.gradeType" @change="handleChange">
<el-radio :label="1">品牌卡</el-radio> <el-radio :label="1">
<el-radio :label="2">集团卡</el-radio> 品牌卡
</el-radio>
<el-radio :label="2">
集团卡
</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item prop="memberGrade" :label="cliqueStatus ? '' : '适用会员'"> <el-form-item prop="memberGrade" :label="cliqueStatus ? '' : '适用会员'">
<el-select v-model="couponForm.memberGrade" multiple placeholder="请选择" size="small" class="w-600" @change="memberChange"> <el-select
<el-option v-for="item in memberGradeList" :key="item.gradeId" :label="item.gradeName" :value="item.gradeId"> </el-option> v-model="couponForm.memberGrade"
multiple
placeholder="请选择"
size="small"
class="w-600"
@change="memberChange"
>
<el-option
v-for="item in memberGradeList"
:key="item.gradeId"
:label="item.gradeName"
:value="item.gradeId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="ladder" v-if="specialOrder"> <el-form-item prop="ladder" v-if="specialOrder">
<el-checkbox-group v-model="couponForm.ladder" @change="changeladder" style="display:inline-block"> <el-checkbox-group v-model="couponForm.ladder" @change="changeladder" style="display:inline-block">
<el-checkbox label="1" :disabled="!couponForm.memberGrade.length">设置阶梯价</el-checkbox> <el-checkbox label="1" :disabled="!couponForm.memberGrade.length">
设置阶梯价
</el-checkbox>
</el-checkbox-group> </el-checkbox-group>
<el-popover placement="bottom" width="500" trigger="click" ref="popover" :disabled="!(cardCouponList.length && couponForm.memberGrade.length)"> <el-popover
placement="bottom"
width="500"
trigger="click"
ref="popover"
:disabled="!(cardCouponList.length && couponForm.memberGrade.length)"
>
<div style="margin-top:10px;margin-bottom:10px"> <div style="margin-top:10px;margin-bottom:10px">
<span style="color:#303133;font-size:16px">设置阶梯价</span> <span style="color:#303133;font-size:16px">设置阶梯价</span>
<span style="color:#606266;font-size:12px;margin-left:20px">*若未设置阶梯价则以原价进行兑换，请勿随意填入0积分/现金；</span> <span style="color:#606266;font-size:12px;margin-left:20px">*若未设置阶梯价则以原价进行兑换，请勿随意填入0积分/现金；</span>
</div> </div>
<el-tabs :value="selectTab" type="border-card" class="card-style"> <el-tabs :value="selectTab" type="border-card" class="card-style">
<el-tab-pane :name="index" v-for="(item, index) in ladderMemberGrade" :key="index" :label="item.gradeName" :value="item.gradeId"> <el-tab-pane
:name="index"
v-for="(item, index) in ladderMemberGrade"
:key="index"
:label="item.gradeName"
:value="item.gradeId"
>
<el-form v-if="list3.length"> <el-form v-if="list3.length">
<el-form-item label="积分"> <el-form-item label="积分">
<el-input size="small" v-model.trim="list3[index].skuList[0].giftProSkuIntegral" style="width:180px"></el-input> <el-input size="small" v-model.trim="list3[index].skuList[0].giftProSkuIntegral" style="width:180px" />
</el-form-item>
<el-form-item label="现金">
<el-input size="small" v-model.trim="list3[index].skuList[0].giftProSkuCash" style="width:180px" />&nbsp;&nbsp;元
</el-form-item> </el-form-item>
<el-form-item label="现金"> <el-input size="small" v-model.trim="list3[index].skuList[0].giftProSkuCash" style="width:180px"></el-input>&nbsp;&nbsp;元 </el-form-item>
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<div style="margin-top:10px;text-align:right"> <div style="margin-top:10px;text-align:right">
<el-button type="default" @click="$refs.popover.showPopper = false">取消</el-button> <el-button type="default" @click="$refs.popover.showPopper = false">
<el-button type="primary" @click="saveLadderDetail">保存</el-button> 取消
</el-button>
<el-button type="primary" @click="saveLadderDetail">
保存
</el-button>
</div> </div>
<el-button slot="reference" type="text" v-show="isDifferentialPricing" class="set-ladder" @click="setLadder">点击设置</el-button> <el-button
slot="reference"
type="text"
v-show="isDifferentialPricing"
class="set-ladder"
@click="setLadder"
>
点击设置
</el-button>
</el-popover> </el-popover>
</el-form-item> </el-form-item>
<!-- <el-form-item label="会员筛选"> <!-- <el-form-item label="会员筛选">
...@@ -219,105 +360,245 @@ ...@@ -219,105 +360,245 @@
<span v-if="sendChildData.storeType === 1" class="store-tip">若选中的门店分组下有新增的门店，系统不会默认选中此新增门店，请重新确认选择并保存礼品</span> <span v-if="sendChildData.storeType === 1" class="store-tip">若选中的门店分组下有新增的门店，系统不会默认选中此新增门店，请重新确认选择并保存礼品</span>
</el-form-item> --> </el-form-item> -->
<el-form-item label="限兑"> <el-form-item label="限兑">
<el-checkbox v-model="couponForm.limitTimesStatus" @change="refashData()">每个会员限制兑换</el-checkbox> <el-checkbox v-model="couponForm.limitTimesStatus" @change="refashData()">
<span v-if="couponForm.limitTimesStatus"><el-input-number controls-position="right" v-model="couponForm.limitTimes" :precision="0" :min="0" @change="limitTimeChange"></el-input-number> 次</span> 每个会员限制兑换
<span v-show="cardList.length" style="font-size: 12px;color: rgb(144, 147, 153);margin-left:10px;" </el-checkbox>
>兑换限制不得大于此优惠券的领取次数：<i>{{ limitTimesNum }}</i <span v-if="couponForm.limitTimesStatus"><el-input-number
>次</span controls-position="right"
> v-model="couponForm.limitTimes"
:precision="0"
:min="0"
@change="limitTimeChange"
/> 次</span>
<span
v-show="cardList.length"
style="font-size: 12px;color: rgb(144, 147, 153);margin-left:10px;"
>兑换限制不得大于此优惠券的领取次数：<i>{{ limitTimesNum }}</i>次</span>
</el-form-item> </el-form-item>
<el-form-item label="兑换日期" required> <el-form-item label="兑换日期" required>
<template> <el-radio v-model="couponForm.exchangeDateType" :label="1">
<el-radio v-model="couponForm.exchangeDateType" :label="1">全部日期</el-radio> 全部日期
<el-radio v-model="couponForm.exchangeDateType" :label="2">固定日期</el-radio> </el-radio>
<el-radio v-model="couponForm.exchangeDateType" :label="3">每月</el-radio> <el-radio v-model="couponForm.exchangeDateType" :label="2">
<el-radio v-model="couponForm.exchangeDateType" :label="4">每周</el-radio> 固定日期
<el-radio v-model="couponForm.exchangeDateType" :label="6">生日当日</el-radio> </el-radio>
<el-radio v-model="couponForm.exchangeDateType" :label="5">生日当月</el-radio> <el-radio v-model="couponForm.exchangeDateType" :label="3">
</template> 每月
</el-radio>
<el-radio v-model="couponForm.exchangeDateType" :label="4">
每周
</el-radio>
<el-radio v-model="couponForm.exchangeDateType" :label="6">
生日当日
</el-radio>
<el-radio v-model="couponForm.exchangeDateType" :label="5">
生日当月
</el-radio>
</el-form-item> </el-form-item>
<!-- 兑换日期 --> <!-- 兑换日期 -->
<!-- 固定日期 --> <!-- 固定日期 -->
<el-form-item class="form-item-mt" v-if="couponForm.exchangeDateType === 2" prop="exchangeFixDate"> <el-form-item class="form-item-mt" v-if="couponForm.exchangeDateType === 2" prop="exchangeFixDate">
<el-date-picker class="w300" v-model="couponForm.exchangeFixDate" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker> <el-date-picker
class="w300"
v-model="couponForm.exchangeFixDate"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
</el-form-item> </el-form-item>
<!-- 每月 --> <!-- 每月 -->
<el-form-item class="form-item-mt" v-if="couponForm.exchangeDateType === 3" prop="exchangeDateDayArr"> <el-form-item class="form-item-mt" v-if="couponForm.exchangeDateType === 3" prop="exchangeDateDayArr">
<el-select size="small" v-model="couponForm.exchangeDateDayArr" multiple placeholder="请选择" class="w-350"> <el-select
<el-option v-for="item in monthOptions" :key="item" :label="item" :value="item"></el-option> size="small"
v-model="couponForm.exchangeDateDayArr"
multiple
placeholder="请选择"
class="w-350"
>
<el-option
v-for="item in monthOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 每周 --> <!-- 每周 -->
<el-form-item class="form-item-mt" v-if="couponForm.exchangeDateType === 4" prop="exchangeDateWeekArr"> <el-form-item class="form-item-mt" v-if="couponForm.exchangeDateType === 4" prop="exchangeDateWeekArr">
<el-select size="small" v-model="couponForm.exchangeDateWeekArr" multiple placeholder="请选择" class="w-350"> <el-select
<el-option v-for="item in weekOptions" :key="item" :label="item" :value="item"></el-option> size="small"
v-model="couponForm.exchangeDateWeekArr"
multiple
placeholder="请选择"
class="w-350"
>
<el-option
v-for="item in weekOptions"
:key="item"
:label="item"
:value="item"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="兑换时段" required> <el-form-item label="兑换时段" required>
<template> <el-radio v-model="couponForm.exchangeTimeType" :label="1">
<el-radio v-model="couponForm.exchangeTimeType" :label="1">全部时段</el-radio> 全部时段
<el-radio v-model="couponForm.exchangeTimeType" :label="2">部分时段</el-radio> </el-radio>
</template> <el-radio v-model="couponForm.exchangeTimeType" :label="2">
部分时段
</el-radio>
</el-form-item> </el-form-item>
<div v-if="couponForm.exchangeTimeType === 2"> <div v-if="couponForm.exchangeTimeType === 2">
<el-form-item class="mt8" v-for="(v, i) in couponForm.timeRangeList" :key="i" :prop="'timeRangeList.' + i + '.timeRange'" :rules="[{ validator: validateTime, trigger: 'change' }]"> <el-form-item
<el-time-picker is-range v-model="v.timeRange" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" value-format="HH:mm" format="HH:mm" placeholder="选择时间范围"> </el-time-picker> class="mt8"
<el-button v-if="i" type="text" @click="delTimeRange(i)">删除</el-button> v-for="(v, i) in couponForm.timeRangeList"
:key="i"
:prop="'timeRangeList.' + i + '.timeRange'"
:rules="[{ validator: validateTime, trigger: 'change' }]"
>
<el-time-picker
is-range
v-model="v.timeRange"
range-separator="至"
start-placeholder="开始时间"
end-placeholder="结束时间"
value-format="HH:mm"
format="HH:mm"
placeholder="选择时间范围"
/>
<el-button v-if="i" type="text" @click="delTimeRange(i)">
删除
</el-button>
</el-form-item> </el-form-item>
<p style="font-size:12px;color:#909399;line-height:12px;margin-left:130px;">请使用24小时制输入时间，格式如11:00至14:30</p> <p style="font-size:12px;color:#909399;line-height:12px;margin-left:130px;">
<p><el-button type="text" style="margin:8px 0 10px 130px" @click="addTimeRange">添加时间段</el-button></p> 请使用24小时制输入时间，格式如11:00至14:30
</p>
<p>
<el-button type="text" style="margin:8px 0 10px 130px" @click="addTimeRange">
添加时间段
</el-button>
</p>
</div> </div>
</div> </div>
<div class="section-content"> <div class="section-content">
<h3>可见配置<span class="sub_title">该配置决定客户是否可见</span></h3> <h3>可见配置<span class="sub_title">该配置决定客户是否可见</span></h3>
<el-form-item label="上架时间" required> <el-form-item label="上架时间" required>
<template> <el-radio v-model="couponForm.releaseType" :label="1">
<el-radio v-model="couponForm.releaseType" :label="1">立即上架</el-radio> 立即上架
<el-radio v-model="couponForm.releaseType" :label="2">自定义上架时间段</el-radio> </el-radio>
</template> <el-radio v-model="couponForm.releaseType" :label="2">
自定义上架时间段
</el-radio>
</el-form-item> </el-form-item>
<!-- 定时上架 --> <!-- 定时上架 -->
<el-form-item class="form-item-mt" v-if="couponForm.releaseType === 2" prop="limitTimeBegin"> <el-form-item class="form-item-mt" v-if="couponForm.releaseType === 2" prop="limitTimeBegin">
<el-date-picker v-model="couponForm.limitTimeBegin" type="datetimerange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" :picker-options="pickerOptions"></el-date-picker> <el-date-picker
v-model="couponForm.limitTimeBegin"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
/>
</el-form-item> </el-form-item>
<el-form-item label="显示状态" required> <el-form-item label="显示状态" required>
<el-radio-group v-model="couponForm.proShowStatus"> <el-radio-group v-model="couponForm.proShowStatus">
<el-radio :label="1">上架状态就显示</el-radio> <el-radio :label="1">
<el-radio :label="2">兑换状态下显示</el-radio> 上架状态就显示
</el-radio>
<el-radio :label="2">
兑换状态下显示
</el-radio>
</el-radio-group> </el-radio-group>
<div v-if="couponForm.proShowStatus == 1" style="margin-left:20px;"> <div v-if="couponForm.proShowStatus == 1" style="margin-left:20px;">
<el-checkbox v-model="couponForm.isNewGuestVisible" :true-label="1" :false-label="0">非会员可见</el-checkbox> <el-checkbox v-model="couponForm.isNewGuestVisible" :true-label="1" :false-label="0">
非会员可见
</el-checkbox>
<span class="tips">开启后，未开卡客户在积分商城也可见该礼品（前提是该礼品的“适用会员”包含最低会员卡等级）</span> <span class="tips">开启后，未开卡客户在积分商城也可见该礼品（前提是该礼品的“适用会员”包含最低会员卡等级）</span>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="展现门店" required style="position:relative" v-if="useNewStoreWidget === 0"> <el-form-item
<el-tooltip class="tips-content" popper-class="store-tips" effect="dark" placement="top-start"> label="展现门店"
<div slot="content" style="line-height:18px">会员的门店(常规设置)满足展示门店设置，则在礼品/优惠券列表可见</div> required
<i class="iconfont icon-xinxixianshi" style="color:#1890ff"></i> style="position:relative"
v-if="useNewStoreWidget === 0"
>
<el-tooltip
class="tips-content"
popper-class="store-tips"
effect="dark"
placement="top-start"
>
<div slot="content" style="line-height:18px">
会员的门店(常规设置)满足展示门店设置，则在礼品/优惠券列表可见
</div>
<i class="iconfont icon-xinxixianshi" style="color:#1890ff" />
</el-tooltip> </el-tooltip>
<vue-gic-store-linkage style="margin-left:10px" v-if="(mallProId && creatorId) || mallProId == -1" :creatorId="creatorId" :disabled="isInfo" @getDisGroupList="getDisGroupList" :msg="sendChildData" :openFlag="openFlag" ref="selectTree" @sendSelectGroupData="getSelectGroupData"></vue-gic-store-linkage> <vue-gic-store-linkage
style="margin-left:10px"
v-if="(mallProId && creatorId) || mallProId == -1"
:creatorId="creatorId"
:disabled="isInfo"
@getDisGroupList="getDisGroupList"
:msg="sendChildData"
:openFlag="openFlag"
ref="selectTree"
@sendSelectGroupData="getSelectGroupData"
/>
<span v-if="sendChildData.storeType === 1" class="store-tip">若选中的父分组下有新增的门店分组，系统不会默认选中此新增门店分组，请重新确认选择并保存礼品</span> <span v-if="sendChildData.storeType === 1" class="store-tip">若选中的父分组下有新增的门店分组，系统不会默认选中此新增门店分组，请重新确认选择并保存礼品</span>
</el-form-item> </el-form-item>
<el-form-item label="展现门店" v-if="useNewStoreWidget === 1" class="store-card"> <el-form-item label="展现门店" v-if="useNewStoreWidget === 1" class="store-card">
<el-tooltip class="tips-content" popper-class="store-tips" effect="dark" placement="top-start"> <el-tooltip
<div slot="content" style="line-height:18px">会员的门店(常规设置)满足展示门店设置，则在礼品/优惠券列表可见</div> class="tips-content"
<i class="iconfont icon-xinxixianshi" style="color:#1890ff"></i> popper-class="store-tips"
effect="dark"
placement="top-start"
>
<div slot="content" style="line-height:18px">
会员的门店(常规设置)满足展示门店设置，则在礼品/优惠券列表可见
</div>
<i class="iconfont icon-xinxixianshi" style="color:#1890ff" />
</el-tooltip> </el-tooltip>
<vue-gic-store-card style="margin-left:10px" class="pt10" ref="storeCard" :uuid.sync="uuid" scenes="" /> <vue-gic-store-card
style="margin-left:10px"
class="pt10"
ref="storeCard"
:uuid.sync="uuid"
scenes=""
/>
</el-form-item> </el-form-item>
</div> </div>
<div class="confim-btn" :style="{ width: fixedWidth + 'px' }"> <div class="confim-btn" :style="{ width: fixedWidth + 'px' }">
<el-form-item class="fix-btn"> <el-form-item class="fix-btn">
<!-- <el-button type="primary" size="small" @click="submitForm('couponForm')" :disabled="!canEdit" :loading="submitLoading">保存</el-button> --> <!-- <el-button type="primary" size="small" @click="submitForm('couponForm')" :disabled="!canEdit" :loading="submitLoading">保存</el-button> -->
<el-button type="primary" size="small" @click="submitForm('couponForm')" :disabled="!canEdit">保存</el-button> <el-button
<el-button size="small" @click="goBack">返回</el-button> type="primary"
size="small"
@click="submitForm('couponForm')"
:disabled="!canEdit"
>
保存
</el-button>
<el-button size="small" @click="goBack">
返回
</el-button>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
</div> </div>
</div> </div>
<!-- 卡券选择弹框 --> <!-- 卡券选择弹框 -->
<vue-gic-card :disabledList="disabledList" :featureModule="projectName" :projectName="projectName" :showCardDialog.sync="showCardDialog" :cardLimit="cardLimit" :cardType="cardType" @selectCard="selectCard" ref="dmcard"></vue-gic-card> <vue-gic-card
:disabledList="disabledList"
:featureModule="projectName"
:projectName="projectName"
:showCardDialog.sync="showCardDialog"
:cardLimit="cardLimit"
:cardType="cardType"
@selectCard="selectCard"
ref="dmcard"
/>
</div> </div>
</template> </template>
...@@ -328,7 +609,10 @@ import copy from '../../../utils/clone.js'; ...@@ -328,7 +609,10 @@ import copy from '../../../utils/clone.js';
import getInputVal from '../../../utils/common.js'; import getInputVal from '../../../utils/common.js';
import tinymceEdit from '../../../components/tinymce-edit'; import tinymceEdit from '../../../components/tinymce-edit';
export default { export default {
data() { components: {
tinymceEdit,
},
data () {
const validateTime = (rule, value, callback) => { const validateTime = (rule, value, callback) => {
if (!value) { if (!value) {
return callback(new Error('请输入时间')); return callback(new Error('请输入时间'));
...@@ -337,7 +621,7 @@ export default { ...@@ -337,7 +621,7 @@ export default {
} }
}; };
const stockValidator = (rule, value, callback) => { const stockValidator = (rule, value, callback) => {
var reg = /^[1-9]+\d*$/; const reg = /^[1-9]+\d*$/;
if (!reg.test(Number(value))) { if (!reg.test(Number(value))) {
return callback(new Error('库存必须为大于0整数')); return callback(new Error('库存必须为大于0整数'));
} else { } else {
...@@ -371,11 +655,11 @@ export default { ...@@ -371,11 +655,11 @@ export default {
fixedWidth: document.documentElement.clientWidth - 200, fixedWidth: document.documentElement.clientWidth - 200,
// 卡券数据 // 卡券数据
// 可传参数 // 可传参数
projectName: 'integral-mall', //当前项目名 projectName: 'integral-mall', // 当前项目名
showCardDialog: false, showCardDialog: false,
// cardLimit: 3, //卡券限制类型 1-限制领取1张的卡券 2- 限制领取 1~100的卡券 3-限制领取&=100 的卡券 // cardLimit: 3, //卡券限制类型 1-限制领取1张的卡券 2- 限制领取 1~100的卡券 3-限制领取&=100 的卡券
cardLimit: -1, //卡券限制类型 1-限制领取1张的卡券 2- 限制领取 1~100的卡券 3-限制领取&=100 的卡券 cardLimit: -1, // 卡券限制类型 1-限制领取1张的卡券 2- 限制领取 1~100的卡券 3-限制领取&=100 的卡券
cardType: null, //卡券类型集合（0：抵金券，1：折扣券，2：兑换券）null-为全部类型 逗号分隔 cardType: null, // 卡券类型集合（0：抵金券，1：折扣券，2：兑换券）null-为全部类型 逗号分隔
disabledList: [], disabledList: [],
selectedData: {}, selectedData: {},
cardList: [], cardList: [],
...@@ -383,49 +667,49 @@ export default { ...@@ -383,49 +667,49 @@ export default {
limitTimesNumArr: [], limitTimesNumArr: [],
limitTimes: 0, limitTimes: 0,
limitTimesNum: 0, limitTimesNum: 0,
proReferId: '', //卡券关联id proReferId: '', // 卡券关联id
couponForm: { couponForm: {
cardType: '', //卡券类型 cardType: '', // 卡券类型
images: [], images: [],
detailDescription: '', //图文详情 detailDescription: '', // 图文详情
integralCost: '', //积分费用 integralCost: '', // 积分费用
cashCost: '', cashCost: '',
virtualStock: '', virtualStock: '',
memberLabelType: 1, memberLabelType: 1,
gradeType: 1, gradeType: 1,
memberGrade: [], //适用会员 memberGrade: [], // 适用会员
limitTimesStatus: false, //限兑 limitTimesStatus: false, // 限兑
limitTimes: '', //限兑次数 limitTimes: '', // 限兑次数
releaseType: 1, //上架时间 releaseType: 1, // 上架时间
proShowStatus: 1, //显示状态 proShowStatus: 1, // 显示状态
exchangeDateType: 1, //兑换日期 exchangeDateType: 1, // 兑换日期
exchangeTimeType: 1, //兑换时段 exchangeTimeType: 1, // 兑换时段
exchangeFixDate: [], //固定日期 exchangeFixDate: [], // 固定日期
exchangeDateDayArr: [], exchangeDateDayArr: [],
exchangeDateWeekArr: [], exchangeDateWeekArr: [],
timeRangeList: [{ timeRange: '' }], //部分时段数组 timeRangeList: [{ timeRange: '' }], // 部分时段数组
limitTimeBegin: [], limitTimeBegin: [],
timeZones: ['', ''], timeZones: ['', ''],
isNewGuestVisible: 0, // 0：新客不可见、1：新客可见 isNewGuestVisible: 0, // 0：新客不可见、1：新客可见
dataDialogueId: '', // 数据对话id dataDialogueId: '', // 数据对话id
ladder: [] ladder: [],
}, },
uploadAction: window.location.origin + '/api-plug/upload-img?requestProject=integral-mall', uploadAction: window.location.origin + '/api-plug/upload-img?requestProject=integral-mall',
// uploadAction: 'http://gicdev.demogic.com/api-plug/upload-img?requestProject=integral-mall', // uploadAction: 'http://gicdev.demogic.com/api-plug/upload-img?requestProject=integral-mall',
headersUpload: { headersUpload: {
sign: '' sign: '',
}, },
uploadStatus: true, //上传按钮 uploadStatus: true, // 上传按钮
dialogVisibleImg: false, //上传图片 dialogVisibleImg: false, // 上传图片
refash: false, refash: false,
memberGradeList: [], //会员等级 memberGradeList: [], // 会员等级
// 门店控件 // 门店控件
sendChildData: { sendChildData: {
storeType: 1, storeType: 1,
storeGroupIds: '', storeGroupIds: '',
storeIds: [] storeIds: [],
}, },
cliqueStatus: true, //是否有集团卡 cliqueStatus: true, // 是否有集团卡
openFlag: false, openFlag: false,
monthOptions: Array.from(Array(31), (v, k) => (k + 1).toString()), monthOptions: Array.from(Array(31), (v, k) => (k + 1).toString()),
weekOptions: ['1', '2', '3', '4', '5', '6', '7'], weekOptions: ['1', '2', '3', '4', '5', '6', '7'],
...@@ -439,23 +723,23 @@ export default { ...@@ -439,23 +723,23 @@ export default {
exchangeDateDayArr: [{ required: true, message: '请选择时间', trigger: 'change' }], exchangeDateDayArr: [{ required: true, message: '请选择时间', trigger: 'change' }],
exchangeDateWeekArr: [{ required: true, message: '请选择时间', trigger: 'change' }], exchangeDateWeekArr: [{ required: true, message: '请选择时间', trigger: 'change' }],
limitTimeBegin: [{ required: true, message: '请选择时间', trigger: 'change' }], limitTimeBegin: [{ required: true, message: '请选择时间', trigger: 'change' }],
proName: [{ required: true, message: '请输入券包名称', trigger: 'blur' }] proName: [{ required: true, message: '请输入券包名称', trigger: 'blur' }],
}, },
validateTime, validateTime,
mallProId: '', mallProId: '',
coupCardId: '', //卡券id coupCardId: '', // 卡券id
costValue: '', //礼品成本 costValue: '', // 礼品成本
costValueArr: [], costValueArr: [],
costValueStatus: true, costValueStatus: true,
couponCardStock: '', //优惠券库存 couponCardStock: '', // 优惠券库存
couponCardStockArr: [], couponCardStockArr: [],
couponStatus: false, //卡券状态 couponStatus: false, // 卡券状态
canEdit: true, canEdit: true,
submitLoading: false, submitLoading: false,
groupIdDisableList: [], groupIdDisableList: [],
proNameLen: 0, proNameLen: 0,
creatorId: '', creatorId: '',
useNewStoreWidget: 1, //1新的卡券门店组件 ，0老的门店组件 useNewStoreWidget: 1, // 1新的卡券门店组件 ，0老的门店组件
// 新版门店卡券选择器 // 新版门店卡券选择器
uuid: '', uuid: '',
isAdd: true, isAdd: true,
...@@ -477,22 +761,22 @@ export default { ...@@ -477,22 +761,22 @@ export default {
enterpriseId: '', // 商户id enterpriseId: '', // 商户id
specialOrder: false, // 是否定制 specialOrder: false, // 是否定制
pickerOptions: { pickerOptions: {
disabledDate(time) { disabledDate (time) {
return time.getTime() < Date.now() - 24 * 3600 * 1000; return time.getTime() < Date.now() - 24 * 3600 * 1000;
} },
} },
}; };
}, },
mounted() { mounted () {
this.getOpenStatus(); this.getOpenStatus();
this.getUserId(); this.getUserId();
window.onbeforeunload = function(e) { window.onbeforeunload = function (e) {
localStorage.removeItem('giftListObj'); localStorage.removeItem('giftListObj');
}; };
let val = { const val = {
storeType: 0, storeType: 0,
storeGroupIds: '', storeGroupIds: '',
storeIds: [] storeIds: [],
}; };
this.getSelectGroupData(val); this.getSelectGroupData(val);
this.mallProId = this.$route.query.giftId; this.mallProId = this.$route.query.giftId;
...@@ -509,7 +793,7 @@ export default { ...@@ -509,7 +793,7 @@ export default {
this.isAdd = false; this.isAdd = false;
this.isEdit = true; this.isEdit = true;
} else { } else {
this.getMemberGradeList(); //会员等级列表 this.getMemberGradeList(); // 会员等级列表
} }
}, },
methods: { methods: {
...@@ -518,7 +802,7 @@ export default { ...@@ -518,7 +802,7 @@ export default {
// 达摩生产 ff8080816a36326c016a53380d8b5f52 // 达摩生产 ff8080816a36326c016a53380d8b5f52
// 地素 ff80808163218c030163429b47110635 // 地素 ff80808163218c030163429b47110635
// 地素测试 ff8080816f12b5c0016f1d5896820147 // 地素测试 ff8080816f12b5c0016f1d5896820147
getUserId() { getUserId () {
request.get('/api-integral-mall/can-differential-pricing').then(res => { request.get('/api-integral-mall/can-differential-pricing').then(res => {
if (res.data.errorCode === 0) { if (res.data.errorCode === 0) {
this.specialOrder = res.data.result == 1; this.specialOrder = res.data.result == 1;
...@@ -527,7 +811,7 @@ export default { ...@@ -527,7 +811,7 @@ export default {
} }
}); });
}, },
memberChange() { memberChange () {
// this.ladderMemberGradeChange = []; // this.ladderMemberGradeChange = [];
// let lists = this.memberGradeList.filter(item => { // let lists = this.memberGradeList.filter(item => {
// return this.couponForm.memberGrade.join(',').indexOf(item.gradeId) != -1; // return this.couponForm.memberGrade.join(',').indexOf(item.gradeId) != -1;
...@@ -544,7 +828,7 @@ export default { ...@@ -544,7 +828,7 @@ export default {
this.submitLadderList = copy(this.list3); this.submitLadderList = copy(this.list3);
} }
}, },
changeladder(value) { changeladder (value) {
if (value.length) { if (value.length) {
this.isDifferentialPricing = 1; this.isDifferentialPricing = 1;
// 勾选了阶梯价，先设置默认数据 // 勾选了阶梯价，先设置默认数据
...@@ -553,19 +837,19 @@ export default { ...@@ -553,19 +837,19 @@ export default {
this.isDifferentialPricing = 0; this.isDifferentialPricing = 0;
} }
}, },
setLadder() { setLadder () {
if (!this.cardCouponList.length) { if (!this.cardCouponList.length) {
this.$message.error('请先添加卡券'); this.$message.error('请先添加卡券');
return; return;
} }
this.ladderMemberGrade = []; this.ladderMemberGrade = [];
let lists = this.memberGradeList.filter(item => { const lists = this.memberGradeList.filter(item => {
return this.couponForm.memberGrade.join(',').indexOf(item.gradeId) != -1; return this.couponForm.memberGrade.join(',').indexOf(item.gradeId) != -1;
}); });
lists.forEach(item => { lists.forEach(item => {
this.ladderMemberGrade.push({ this.ladderMemberGrade.push({
gradeId: item.gradeId, gradeId: item.gradeId,
gradeName: item.gradeName gradeName: item.gradeName,
}); });
}); });
this.list2 = copy(this.ladderMemberGrade); this.list2 = copy(this.ladderMemberGrade);
...@@ -590,10 +874,10 @@ export default { ...@@ -590,10 +874,10 @@ export default {
}); });
} }
}, },
saveLadderDetail() { saveLadderDetail () {
this.isCorrect = true; this.isCorrect = true;
for (let i = 0; i < this.list3.length; i++) { for (let i = 0; i < this.list3.length; i++) {
let skuList = this.list3[i].skuList; const skuList = this.list3[i].skuList;
if (this.isCorrect) { if (this.isCorrect) {
for (let j = 0; j < skuList.length; j++) { for (let j = 0; j < skuList.length; j++) {
if (skuList[j].giftProSkuCash && (skuList[j].giftProSkuIntegral === '' || skuList[j].giftProSkuIntegral === null)) { if (skuList[j].giftProSkuCash && (skuList[j].giftProSkuIntegral === '' || skuList[j].giftProSkuIntegral === null)) {
...@@ -607,7 +891,7 @@ export default { ...@@ -607,7 +891,7 @@ export default {
break; break;
} }
if (skuList[j].giftProSkuCash && skuList[j].giftProSkuIntegral) { if (skuList[j].giftProSkuCash && skuList[j].giftProSkuIntegral) {
let itemPlus = Number(skuList[j].giftProSkuCash) + Number(skuList[j].giftProSkuIntegral); const itemPlus = Number(skuList[j].giftProSkuCash) + Number(skuList[j].giftProSkuIntegral);
if (!itemPlus) { if (!itemPlus) {
this.isCorrect = false; this.isCorrect = false;
this.$message.error('积分和现金相加不可为0'); this.$message.error('积分和现金相加不可为0');
...@@ -625,10 +909,10 @@ export default { ...@@ -625,10 +909,10 @@ export default {
this.$refs.popover.showPopper = false; this.$refs.popover.showPopper = false;
} }
}, },
refashData() { refashData () {
this.refash = !this.refash; this.refash = !this.refash;
}, },
getOpenStatus() { getOpenStatus () {
request.post('/api-integral-mall/is-show-self ').then(res => { request.post('/api-integral-mall/is-show-self ').then(res => {
if (res.data.errorCode === 0) { if (res.data.errorCode === 0) {
this.openFlag = res.data.result.openFlag; this.openFlag = res.data.result.openFlag;
...@@ -640,23 +924,23 @@ export default { ...@@ -640,23 +924,23 @@ export default {
} }
}); });
}, },
getDisGroupList(arr) { getDisGroupList (arr) {
this.groupIdDisableList = arr; this.groupIdDisableList = arr;
// if (this.mallProId !== '-1') { // if (this.mallProId !== '-1') {
// this.getInfo(); // this.getInfo();
// } // }
}, },
handleChange() { handleChange () {
this.couponForm.memberGrade = []; this.couponForm.memberGrade = [];
this.getMemberGradeList(); this.getMemberGradeList();
}, },
// 获取会员等级 // 获取会员等级
async getMemberGradeList() { async getMemberGradeList () {
return request.post('/api-integral-mall/load-grade').then(res => { return request.post('/api-integral-mall/load-grade').then(res => {
if (res.data.errorCode === 0) { if (res.data.errorCode === 0) {
this.cliqueStatus = res.data.result.cliqueGrade ? true : false; this.cliqueStatus = !!res.data.result.cliqueGrade;
if (this.couponForm.gradeType === 1) { if (this.couponForm.gradeType === 1) {
//品牌卡 // 品牌卡
this.memberGradeList = res.data.result.enterpriseGrade || []; this.memberGradeList = res.data.result.enterpriseGrade || [];
} else if (this.couponForm.gradeType === 2) { } else if (this.couponForm.gradeType === 2) {
this.memberGradeList = res.data.result.cliqueGrade || []; this.memberGradeList = res.data.result.cliqueGrade || [];
...@@ -667,9 +951,9 @@ export default { ...@@ -667,9 +951,9 @@ export default {
}); });
}, },
// 获取详情 // 获取详情
getInfo() { getInfo () {
let params = { const params = {
integralMallProId: this.mallProId integralMallProId: this.mallProId,
}; };
this.submitLoading = true; this.submitLoading = true;
request.post('/api-integral-mall/get-integral-mall-pro', qs.stringify(params)).then(res => { request.post('/api-integral-mall/get-integral-mall-pro', qs.stringify(params)).then(res => {
...@@ -683,7 +967,7 @@ export default { ...@@ -683,7 +967,7 @@ export default {
} }
this.couponForm.proName = res.data.result.proName; this.couponForm.proName = res.data.result.proName;
this.proNameLen = getInputVal.getZhLen(this.couponForm.proName); this.proNameLen = getInputVal.getZhLen(this.couponForm.proName);
this.couponForm.isNewGuestVisible = res.data.result.isNewGuestVisible || 0; //新客是否可见 this.couponForm.isNewGuestVisible = res.data.result.isNewGuestVisible || 0; // 新客是否可见
// this.list3 = res.data.result.gradeProSkus && res.data.result.gradeProSkus.length ? res.data.result.gradeProSkus : []; // 阶梯价详情 // this.list3 = res.data.result.gradeProSkus && res.data.result.gradeProSkus.length ? res.data.result.gradeProSkus : []; // 阶梯价详情
this.couponForm.ladder = res.data.result.isDifferentialPricing ? ['1'] : []; // 是否设置阶梯价 this.couponForm.ladder = res.data.result.isDifferentialPricing ? ['1'] : []; // 是否设置阶梯价
if (this.couponForm.ladder.length) { if (this.couponForm.ladder.length) {
...@@ -704,17 +988,17 @@ export default { ...@@ -704,17 +988,17 @@ export default {
proRefId: '', proRefId: '',
proRefName: '', proRefName: '',
integralCost: undefined, integralCost: undefined,
cashCost: undefined cashCost: undefined,
}); });
} }
//积分费用 // 积分费用
this.couponForm.integralCost = res.data.result.integralCost; this.couponForm.integralCost = res.data.result.integralCost;
//现金费用 // 现金费用
this.couponForm.cashCost = res.data.result.cashCost; this.couponForm.cashCost = res.data.result.cashCost;
//库存 // 库存
this.couponForm.virtualStock = res.data.result.virtualStock; this.couponForm.virtualStock = res.data.result.virtualStock;
this.currentStock = res.data.result.virtualStock; this.currentStock = res.data.result.virtualStock;
this.couponForm.detailDescription = res.data.result.detailDescription; //图文详情 this.couponForm.detailDescription = res.data.result.detailDescription; // 图文详情
// if (res.data.result.searchParams) { // if (res.data.result.searchParams) {
// this.searchParams = res.data.result.searchParams; //会员筛选 // this.searchParams = res.data.result.searchParams; //会员筛选
// } else { // } else {
...@@ -729,13 +1013,13 @@ export default { ...@@ -729,13 +1013,13 @@ export default {
// this.useId = res.data.result.integralMallProId; // this.useId = res.data.result.integralMallProId;
this.hasSearchData = res.data.result.searchParams; this.hasSearchData = res.data.result.searchParams;
//适用会员 // 适用会员
this.couponForm.gradeType = res.data.result.gradeType; this.couponForm.gradeType = res.data.result.gradeType;
this.getMemberGradeList() this.getMemberGradeList()
.then(() => { .then(() => {
if (res.data.result.memberGrade) { if (res.data.result.memberGrade) {
this.memberGrade = res.data.result.memberGrade; this.memberGrade = res.data.result.memberGrade;
this.couponForm.memberGrade = res.data.result.memberGrade.split(','); //适用会员 this.couponForm.memberGrade = res.data.result.memberGrade.split(','); // 适用会员
} else { } else {
this.memberGrade = ''; this.memberGrade = '';
this.couponForm.memberGrade = []; this.couponForm.memberGrade = [];
...@@ -743,29 +1027,29 @@ export default { ...@@ -743,29 +1027,29 @@ export default {
}) })
.finally(() => { .finally(() => {
if (this.$route.query.proReferId !== '-1') { if (this.$route.query.proReferId !== '-1') {
let list = this.memberGradeList.filter(item => { const list = this.memberGradeList.filter(item => {
return this.memberGrade.indexOf(item.gradeId) != -1; return this.memberGrade.indexOf(item.gradeId) != -1;
}); });
list.forEach(item => { list.forEach(item => {
this.ladderMemberGrade.push({ this.ladderMemberGrade.push({
gradeId: item.gradeId, gradeId: item.gradeId,
gradeName: item.gradeName gradeName: item.gradeName,
}); });
}); });
} }
}); //会员等级列表\ }); // 会员等级列表\
// if (res.data.result.memberGrade) { // if (res.data.result.memberGrade) {
// this.couponForm.memberGrade = res.data.result.memberGrade.split(','); // this.couponForm.memberGrade = res.data.result.memberGrade.split(',');
// } else { // } else {
// this.couponForm.memberGrade = []; // this.couponForm.memberGrade = [];
// } // }
if (res.data.result.images) { if (res.data.result.images) {
//主图 // 主图
this.couponForm.images = []; this.couponForm.images = [];
for (let item of res.data.result.images) { for (const item of res.data.result.images) {
this.couponForm.images.push({ this.couponForm.images.push({
imageUrl: item.imageUrl, imageUrl: item.imageUrl,
imageCode: item.imageFieldCode imageCode: item.imageFieldCode,
}); });
} }
} }
...@@ -781,10 +1065,10 @@ export default { ...@@ -781,10 +1065,10 @@ export default {
this.sendChildData.storeType = Number(res.data.result.showStore); this.sendChildData.storeType = Number(res.data.result.showStore);
if (this.sendChildData.storeType === 1) { if (this.sendChildData.storeType === 1) {
let arr = res.data.result.storeGroupIds.split(','); const arr = res.data.result.storeGroupIds.split(',');
for (let i = 0; i < arr.length; i++) { for (let i = 0; i < arr.length; i++) {
if (this.groupIdDisableList.indexOf(arr[i]) !== -1) { if (this.groupIdDisableList.indexOf(arr[i]) !== -1) {
//存在 // 存在
// console.log('不可删除的'); // console.log('不可删除的');
arr.splice(i, 1); arr.splice(i, 1);
i--; i--;
...@@ -793,9 +1077,9 @@ export default { ...@@ -793,9 +1077,9 @@ export default {
this.sendChildData.storeGroupIds = arr.join(','); this.sendChildData.storeGroupIds = arr.join(',');
// this.sendChildData.storeGroupIds = res.data.result.storeGroupIds || ''; // this.sendChildData.storeGroupIds = res.data.result.storeGroupIds || '';
} else if (this.sendChildData.storeType === 2) { } else if (this.sendChildData.storeType === 2) {
let list = []; const list = [];
if (res.data.result.storeInfo) { if (res.data.result.storeInfo) {
res.data.result.storeInfo.map(v => { res.data.result.storeInfo.forEach(v => {
list.push(v); list.push(v);
}); });
} }
...@@ -809,16 +1093,16 @@ export default { ...@@ -809,16 +1093,16 @@ export default {
this.$refs.storeCard.init(); this.$refs.storeCard.init();
}); });
} }
//限兑 // 限兑
if (res.data.result.limitTimes === -1) { if (res.data.result.limitTimes === -1) {
this.couponForm.limitTimesStatus = false; this.couponForm.limitTimesStatus = false;
} else { } else {
this.couponForm.limitTimesStatus = true; this.couponForm.limitTimesStatus = true;
} }
//限兑 // 限兑
this.couponForm.limitTimes = res.data.result.limitTimes; this.couponForm.limitTimes = res.data.result.limitTimes;
this.costValue = res.data.result.costValue; //礼品陈本 this.costValue = res.data.result.costValue; // 礼品陈本
// 兑换日期 // 兑换日期
// 兑换日期 // 兑换日期
this.couponForm.exchangeDateType = res.data.result.exchangeDateType; this.couponForm.exchangeDateType = res.data.result.exchangeDateType;
...@@ -837,23 +1121,23 @@ export default { ...@@ -837,23 +1121,23 @@ export default {
// 兑换时段 // 兑换时段
this.couponForm.exchangeTimeType = res.data.result.exchangeTimeType; this.couponForm.exchangeTimeType = res.data.result.exchangeTimeType;
//部分时间段 // 部分时间段
let timeDate; let timeDate;
let timeRangeList; let timeRangeList;
if (this.couponForm.exchangeTimeType === 2) { if (this.couponForm.exchangeTimeType === 2) {
timeDate = res.data.result.timeZones.split('#'); timeDate = res.data.result.timeZones.split('#');
timeRangeList = []; timeRangeList = [];
for (let item of timeDate) { for (const item of timeDate) {
timeRangeList.push({ timeRangeList.push({
timeRange: item.split('-') timeRange: item.split('-'),
}); });
} }
this.couponForm.timeRangeList = timeRangeList; this.couponForm.timeRangeList = timeRangeList;
} }
//显示状态 // 显示状态
this.couponForm.proShowStatus = res.data.result.proShowStatus; this.couponForm.proShowStatus = res.data.result.proShowStatus;
//上架时间 // 上架时间
this.couponForm.releaseType = res.data.result.releaseType; this.couponForm.releaseType = res.data.result.releaseType;
if (this.couponForm.releaseType === 2) { if (this.couponForm.releaseType === 2) {
this.couponForm.limitTimeBegin[0] = res.data.result.limitTimeBegin || ''; this.couponForm.limitTimeBegin[0] = res.data.result.limitTimeBegin || '';
...@@ -870,16 +1154,16 @@ export default { ...@@ -870,16 +1154,16 @@ export default {
}); });
}, },
// 礼品字数限制 // 礼品字数限制
goodsLimit(value) { goodsLimit (value) {
this.$nextTick(() => { this.$nextTick(() => {
this.couponForm.proName = getInputVal.getInputVal(value, 30); this.couponForm.proName = getInputVal.getInputVal(value, 30);
this.proNameLen = getInputVal.getZhLen(this.couponForm.proName); this.proNameLen = getInputVal.getZhLen(this.couponForm.proName);
}); });
}, },
// 获取卡券详情 // 获取卡券详情
getCardInfo() { getCardInfo () {
let params = { const params = {
coupCardId: this.coupCardId coupCardId: this.coupCardId,
}; };
request.post('/api-integral-mall/get-card', qs.stringify(params)).then(res => { request.post('/api-integral-mall/get-card', qs.stringify(params)).then(res => {
if (res.data.errorCode === 0) { if (res.data.errorCode === 0) {
...@@ -891,7 +1175,7 @@ export default { ...@@ -891,7 +1175,7 @@ export default {
} }
if (this.cardList) { if (this.cardList) {
this.couponForm.cardType = this.cardList[0].cardType; this.couponForm.cardType = this.cardList[0].cardType;
for (let item of this.cardList) { for (const item of this.cardList) {
// item.beginDate = this.getTime2(item.beginDate); // item.beginDate = this.getTime2(item.beginDate);
// item.endDate = this.getTime2(item.endDate); // item.endDate = this.getTime2(item.endDate);
// item.putBeginDate = this.getTime2(item.putBeginDate); // item.putBeginDate = this.getTime2(item.putBeginDate);
...@@ -921,7 +1205,7 @@ export default { ...@@ -921,7 +1205,7 @@ export default {
} }
}); });
}, },
limitTimeChange() { limitTimeChange () {
if (this.cardList.length) { if (this.cardList.length) {
if (Number(this.couponForm.limitTimes) > Number(this.limitTimes)) { if (Number(this.couponForm.limitTimes) > Number(this.limitTimes)) {
this.$message.error('兑换限制不得大于此优惠券的领取次数'); this.$message.error('兑换限制不得大于此优惠券的领取次数');
...@@ -932,26 +1216,26 @@ export default { ...@@ -932,26 +1216,26 @@ export default {
this.limitTimesNum = this.couponForm.limitTimes; this.limitTimesNum = this.couponForm.limitTimes;
} }
}, },
//门店分类回执方法 // 门店分类回执方法
getSelectGroupData(val) { getSelectGroupData (val) {
this.sendChildData = { this.sendChildData = {
storeType: val.storeType || 0, storeType: val.storeType || 0,
storeGroupIds: val.storeGroupIds || '', storeGroupIds: val.storeGroupIds || '',
storeIds: val.storeIds || [] storeIds: val.storeIds || [],
}; };
}, },
// 显示卡券弹窗 // 显示卡券弹窗
showCard() { showCard () {
if (this.cardList.length >= this.addCardMax) return; if (this.cardList.length >= this.addCardMax) return;
this.showCardDialog = true; this.showCardDialog = true;
}, },
// 子组件触发方法 // 子组件触发方法
selectCard(val) { selectCard (val) {
this.showCardDialog = false; this.showCardDialog = false;
// this.cardList = []; // this.cardList = [];
if (val) { if (val) {
//重复卡券去掉 // 重复卡券去掉
if ( if (
!this.cardList.find(row => { !this.cardList.find(row => {
return row.coupCardId === val.coupCardId; return row.coupCardId === val.coupCardId;
...@@ -962,7 +1246,7 @@ export default { ...@@ -962,7 +1246,7 @@ export default {
proRefId: val.coupCardId, proRefId: val.coupCardId,
proRefName: val.cardName, proRefName: val.cardName,
integralCost: undefined, integralCost: undefined,
cashCost: undefined cashCost: undefined,
}); });
this.limitTimesNumArr.push(val.cardLimit); this.limitTimesNumArr.push(val.cardLimit);
this.couponCardStockArr.push(val.couponStock); this.couponCardStockArr.push(val.couponStock);
...@@ -982,15 +1266,15 @@ export default { ...@@ -982,15 +1266,15 @@ export default {
// this.couponForm.virtualStock = this.couponCardStock; // this.couponForm.virtualStock = this.couponCardStock;
// this.couponForm.proName = val.cardName; // this.couponForm.proName = val.cardName;
this.couponForm.limitTimesStatus = true; this.couponForm.limitTimesStatus = true;
let params = { const params = {
coupCardId: val.coupCardId, coupCardId: val.coupCardId,
proType: 1 proType: 1,
}; };
request.post('/api-integral-mall/get-integral-mall-CashCost', qs.stringify(params)).then(res => { request.post('/api-integral-mall/get-integral-mall-CashCost', qs.stringify(params)).then(res => {
if (res.data.errorCode === 0) { if (res.data.errorCode === 0) {
this.costValueArr.push(res.data.result.costValue); this.costValueArr.push(res.data.result.costValue);
//计算数组的总和 // 计算数组的总和
let sum = this.costValueArr.reduce(function(prev, cur, index, array) { const sum = this.costValueArr.reduce(function (prev, cur, index, array) {
return prev + cur; return prev + cur;
}); });
this.costValue = sum; this.costValue = sum;
...@@ -1000,18 +1284,18 @@ export default { ...@@ -1000,18 +1284,18 @@ export default {
}); });
} }
}, },
deleteCard(index) { deleteCard (index) {
this.cardList.splice(index, 1); this.cardList.splice(index, 1);
this.cardCouponList.splice(index, 1); this.cardCouponList.splice(index, 1);
this.costValueArr.splice(index, 1); this.costValueArr.splice(index, 1);
let sum = this.costValueArr.reduce(function(prev, cur, index, array) { const sum = this.costValueArr.reduce(function (prev, cur, index, array) {
return prev + cur; return prev + cur;
}); });
this.costValue = sum; this.costValue = sum;
if (this.cardList.length > 0) { if (this.cardList.length > 0) {
this.limitTimesNumArr = []; this.limitTimesNumArr = [];
this.couponCardStockArr = []; this.couponCardStockArr = [];
for (let item of this.cardList) { for (const item of this.cardList) {
this.limitTimesNumArr.push(item.cardLimit); this.limitTimesNumArr.push(item.cardLimit);
this.couponCardStockArr.push(item.couponStock); this.couponCardStockArr.push(item.couponStock);
this.limitTimes = Math.min.apply(null, this.limitTimesNumArr); this.limitTimes = Math.min.apply(null, this.limitTimesNumArr);
...@@ -1026,10 +1310,10 @@ export default { ...@@ -1026,10 +1310,10 @@ export default {
} }
}, },
// 券包积分计算 // 券包积分计算
handleIntegralCostTotal() { handleIntegralCostTotal () {
let total = 0; let total = 0;
let totalCash = 0; let totalCash = 0;
for (let item of this.cardCouponList) { for (const item of this.cardCouponList) {
if (item.integralCost) { if (item.integralCost) {
total = total + Number(item.integralCost); total = total + Number(item.integralCost);
} else { } else {
...@@ -1045,7 +1329,7 @@ export default { ...@@ -1045,7 +1329,7 @@ export default {
this.couponForm.cashCost = totalCash; this.couponForm.cashCost = totalCash;
}, },
// 添加兑换时段 // 添加兑换时段
addTimeRange() { addTimeRange () {
if (this.couponForm.timeRangeList.length >= 5) { if (this.couponForm.timeRangeList.length >= 5) {
this.$message.error('最多五个时间段'); this.$message.error('最多五个时间段');
return false; return false;
...@@ -1053,13 +1337,13 @@ export default { ...@@ -1053,13 +1337,13 @@ export default {
this.couponForm.timeRangeList.push({ timeRange: '' }); this.couponForm.timeRangeList.push({ timeRange: '' });
}, },
// 删除兑换时段 // 删除兑换时段
delTimeRange(index) { delTimeRange (index) {
this.couponForm.timeRangeList.splice(index, 1); this.couponForm.timeRangeList.splice(index, 1);
}, },
// 图片上传 // 图片上传
// 上传图片前 // 上传图片前
beforeUpload(file) { beforeUpload (file) {
if (this.couponForm.images === null) { if (this.couponForm.images === null) {
this.couponForm.images = []; this.couponForm.images = [];
} }
...@@ -1080,14 +1364,14 @@ export default { ...@@ -1080,14 +1364,14 @@ export default {
} else { } else {
this.headersUpload.sign = ''; this.headersUpload.sign = '';
} }
var that = this; const that = this;
return new Promise(function(resolve, reject) { return new Promise(function (resolve, reject) {
let reader = new FileReader(); const reader = new FileReader();
reader.onload = function(event) { reader.onload = function (event) {
let image = new Image(); const image = new Image();
image.onload = function() { image.onload = function () {
let width = this.width; const width = this.width;
let height = this.height; const height = this.height;
if (width < 700 || width > 1500 || width / height != 1) { if (width < 700 || width > 1500 || width / height != 1) {
that.$message.error('请上传正确的图片尺寸'); that.$message.error('请上传正确的图片尺寸');
reject(); reject();
...@@ -1100,16 +1384,16 @@ export default { ...@@ -1100,16 +1384,16 @@ export default {
}); });
}, },
// 预览 // 预览
handlePictureCardPreview(file) { handlePictureCardPreview (file) {
this.couponForm.images = file.url; this.couponForm.images = file.url;
this.dialogVisibleImg = true; this.dialogVisibleImg = true;
}, },
// 上传图片成功 // 上传图片成功
uploadSuccess(response, file, fileList) { uploadSuccess (response, file, fileList) {
if (response.errorCode === 0) { if (response.errorCode === 0) {
this.couponForm.images.push({ this.couponForm.images.push({
imageUrl: response.result[0].qcloudImageUrl, imageUrl: response.result[0].qcloudImageUrl,
imageCode: response.result[0].imageFiledCode imageCode: response.result[0].imageFiledCode,
}); });
this.$message.success('上传成功'); this.$message.success('上传成功');
if (this.couponForm.images.length === 1) { if (this.couponForm.images.length === 1) {
...@@ -1122,44 +1406,44 @@ export default { ...@@ -1122,44 +1406,44 @@ export default {
} }
}, },
// 删除 // 删除
deteletDialogImageUrl(index) { deteletDialogImageUrl (index) {
this.uploadStatus = true; this.uploadStatus = true;
this.couponForm.images.splice(index, 1); this.couponForm.images.splice(index, 1);
}, },
// 放大 // 放大
enlargeDialogImageUrl(index) { enlargeDialogImageUrl (index) {
this.dialogEnlargeImageUrl = this.couponForm.images[index].imageUrl; this.dialogEnlargeImageUrl = this.couponForm.images[index].imageUrl;
this.dialogVisibleImg = true; this.dialogVisibleImg = true;
}, },
// 左移一位 // 左移一位
moveLeft(index) { moveLeft (index) {
this.swapArray(this.couponForm.images, index, index - 1); this.swapArray(this.couponForm.images, index, index - 1);
}, },
//右移一位 // 右移一位
moveRight(index) { moveRight (index) {
this.swapArray(this.couponForm.images, index, index + 1); this.swapArray(this.couponForm.images, index, index + 1);
}, },
//两个数据条换位置 // 两个数据条换位置
swapArray(arr, index1, index2) { swapArray (arr, index1, index2) {
arr[index1] = arr.splice(index2, 1, arr[index1])[0]; arr[index1] = arr.splice(index2, 1, arr[index1])[0];
return arr; return arr;
}, },
// 校验datePricker // 校验datePricker
vaidataDataPicker() { vaidataDataPicker () {
const endTime = this.couponForm.limitTimeBegin[1]; const endTime = this.couponForm.limitTimeBegin[1];
const startTime = this.couponForm.limitTimeBegin[0]; const startTime = this.couponForm.limitTimeBegin[0];
const currentTime = new Date().getTime(); const currentTime = new Date().getTime();
return endTime > currentTime && endTime > startTime; return endTime > currentTime && endTime > startTime;
}, },
// 提交数据 // 提交数据
async submitForm(couponForm) { async submitForm (couponForm) {
this.couponForm.detailDescription = this.$refs.tinymceWrap.tinymceHtml; this.couponForm.detailDescription = this.$refs.tinymceWrap.tinymceHtml;
let proReferIdArr = []; const proReferIdArr = [];
if (this.cardList.length === 0) { if (this.cardList.length === 0) {
this.$message.error('请选择卡券'); this.$message.error('请选择卡券');
return false; return false;
} else { } else {
for (let item of this.cardList) { for (const item of this.cardList) {
proReferIdArr.push(item.coupCardId); proReferIdArr.push(item.coupCardId);
} }
} }
...@@ -1171,7 +1455,7 @@ export default { ...@@ -1171,7 +1455,7 @@ export default {
} }
} }
if (this.cardCouponList.length > 1) { if (this.cardCouponList.length > 1) {
for (let item of this.cardCouponList) { for (const item of this.cardCouponList) {
if (item.cashCost === undefined || item.integralCost === undefined) { if (item.cashCost === undefined || item.integralCost === undefined) {
this.$message.error('卡券积分或现金不能为空'); this.$message.error('卡券积分或现金不能为空');
return false; return false;
...@@ -1189,7 +1473,7 @@ export default { ...@@ -1189,7 +1473,7 @@ export default {
} }
} }
if (this.useNewStoreWidget === 1) { if (this.useNewStoreWidget === 1) {
let data = await this.$refs.storeCard.getRightList(); const data = await this.$refs.storeCard.getRightList();
if (!data.length) { if (!data.length) {
this.$message.error('请选择展示门店'); this.$message.error('请选择展示门店');
return; return;
...@@ -1202,7 +1486,7 @@ export default { ...@@ -1202,7 +1486,7 @@ export default {
} }
} else { } else {
if (this.cardList[0].cardType === 2) { if (this.cardList[0].cardType === 2) {
//兑换券必须上传主图 // 兑换券必须上传主图
if (this.couponForm.images.length === 0) { if (this.couponForm.images.length === 0) {
this.$message.error('兑换券要上传商品主图'); this.$message.error('兑换券要上传商品主图');
return false; return false;
...@@ -1210,49 +1494,49 @@ export default { ...@@ -1210,49 +1494,49 @@ export default {
} }
} }
let giftImageUrls = []; const giftImageUrls = [];
let giftImageFiledCodes = []; const giftImageFiledCodes = [];
for (let item of this.couponForm.images) { for (const item of this.couponForm.images) {
giftImageUrls.push(item.imageUrl); giftImageUrls.push(item.imageUrl);
giftImageFiledCodes.push(item.imageCode); giftImageFiledCodes.push(item.imageCode);
} }
this.$refs[couponForm].validate(valid => { this.$refs[couponForm].validate(valid => {
if (valid) { if (valid) {
let params = { const params = {
proName: this.cardList.length > 1 ? this.couponForm.proName : this.cardList[0].cardName, proName: this.cardList.length > 1 ? this.couponForm.proName : this.cardList[0].cardName,
integralMallProId: this.mallProId === '-1' ? '' : this.mallProId, //礼品id integralMallProId: this.mallProId === '-1' ? '' : this.mallProId, // 礼品id
proType: 1, //优惠券 proType: 1, // 优惠券
proReferId: proReferIdArr.join(','), //卡券id proReferId: proReferIdArr.join(','), // 卡券id
dataDialogueId: this.couponForm.dataDialogueId, // 数据对话id dataDialogueId: this.couponForm.dataDialogueId, // 数据对话id
cardCostList: this.cardCouponList.length > 1 ? this.cardCouponList : null, cardCostList: this.cardCouponList.length > 1 ? this.cardCouponList : null,
detailDescription: this.couponForm.detailDescription, //图文详情 detailDescription: this.couponForm.detailDescription, // 图文详情
giftImageUrls: giftImageUrls.join(','), //礼品主图 giftImageUrls: giftImageUrls.join(','), // 礼品主图
giftImageFiledCodes: giftImageFiledCodes.join(','), giftImageFiledCodes: giftImageFiledCodes.join(','),
cardType: this.cardList[0].cardType, cardType: this.cardList[0].cardType,
integralCost: this.couponForm.integralCost, //积分费用 integralCost: this.couponForm.integralCost, // 积分费用
costValue: this.costValue, //礼品成本 costValue: this.costValue, // 礼品成本
cashCost: this.couponForm.cashCost, //现金 cashCost: this.couponForm.cashCost, // 现金
virtualStock: this.isEdit ? this.couponForm.virtualStock - (this.currentStock || 0) : this.couponForm.virtualStock, //库存 virtualStock: this.isEdit ? this.couponForm.virtualStock - (this.currentStock || 0) : this.couponForm.virtualStock, // 库存
gradeType: this.couponForm.gradeType, gradeType: this.couponForm.gradeType,
memberGrade: this.couponForm.memberGrade.join(','), //适用会员 memberGrade: this.couponForm.memberGrade.join(','), // 适用会员
showStore: this.sendChildData.storeType, // 显示门店 0所有 1部分分类 2部分门店 showStore: this.sendChildData.storeType, // 显示门店 0所有 1部分分类 2部分门店
storeIds: '', //展现门店id storeIds: '', // 展现门店id
storeWidgetId: '', storeWidgetId: '',
useNewStoreWidget: this.useNewStoreWidget, useNewStoreWidget: this.useNewStoreWidget,
limitTimes: this.couponForm.limitTimesStatus ? this.couponForm.limitTimes : '-1', //限兑 limitTimes: this.couponForm.limitTimesStatus ? this.couponForm.limitTimes : '-1', // 限兑
exchangeDateType: this.couponForm.exchangeDateType, //兑换日期 exchangeDateType: this.couponForm.exchangeDateType, // 兑换日期
exchangeFixDateBegin: this.couponForm.exchangeDateType === 2 ? this.getTime(this.couponForm.exchangeFixDate[0]) : '', //固定日期 exchangeFixDateBegin: this.couponForm.exchangeDateType === 2 ? this.getTime(this.couponForm.exchangeFixDate[0]) : '', // 固定日期
exchangeFixDateEnd: this.couponForm.exchangeDateType === 2 ? this.getTime(this.couponForm.exchangeFixDate[1]) : '', exchangeFixDateEnd: this.couponForm.exchangeDateType === 2 ? this.getTime(this.couponForm.exchangeFixDate[1]) : '',
exchangeDateDay: this.couponForm.exchangeDateType === 3 ? this.couponForm.exchangeDateDayArr.join(',') : '', //兑换日期月 exchangeDateDay: this.couponForm.exchangeDateType === 3 ? this.couponForm.exchangeDateDayArr.join(',') : '', // 兑换日期月
exchangeDateWeek: this.couponForm.exchangeDateType === 4 ? this.couponForm.exchangeDateWeekArr.join(',') : '', //兑换日期周 exchangeDateWeek: this.couponForm.exchangeDateType === 4 ? this.couponForm.exchangeDateWeekArr.join(',') : '', // 兑换日期周
exchangeTimeType: this.couponForm.exchangeTimeType, //兑换时段 exchangeTimeType: this.couponForm.exchangeTimeType, // 兑换时段
proShowStatus: this.couponForm.proShowStatus, //显示状态 proShowStatus: this.couponForm.proShowStatus, // 显示状态
releaseType: this.couponForm.releaseType, //上架状态 releaseType: this.couponForm.releaseType, // 上架状态
limitTimeBegin: this.couponForm.releaseType === 2 ? this.getTimeAll(this.couponForm.limitTimeBegin[0]) : '', //定时上架开始时间 limitTimeBegin: this.couponForm.releaseType === 2 ? this.getTimeAll(this.couponForm.limitTimeBegin[0]) : '', // 定时上架开始时间
limitTimeEnd: this.couponForm.releaseType === 2 ? this.getTimeAll(this.couponForm.limitTimeBegin[1]) : '', //定时上架结束时间 limitTimeEnd: this.couponForm.releaseType === 2 ? this.getTimeAll(this.couponForm.limitTimeBegin[1]) : '', // 定时上架结束时间
isNewGuestVisible: this.couponForm.proShowStatus == 1 ? this.couponForm.isNewGuestVisible : 0, // 新客是否可见 0：新客不可见、1：新客可见' isNewGuestVisible: this.couponForm.proShowStatus == 1 ? this.couponForm.isNewGuestVisible : 0, // 新客是否可见 0：新客不可见、1：新客可见'
isDifferentialPricing: this.isDifferentialPricing, isDifferentialPricing: this.isDifferentialPricing,
differentialPricingJson: JSON.stringify(this.submitLadderList) differentialPricingJson: JSON.stringify(this.submitLadderList),
}; };
// 校验定时上架时间 // 校验定时上架时间
if (this.couponForm.releaseType == 2 && !this.vaidataDataPicker()) return this.$message.error('定时上架结束时间必须大于当前时间和开始时间'); if (this.couponForm.releaseType == 2 && !this.vaidataDataPicker()) return this.$message.error('定时上架结束时间必须大于当前时间和开始时间');
...@@ -1279,9 +1563,9 @@ export default { ...@@ -1279,9 +1563,9 @@ export default {
} }
// 部分时段时间转换 // 部分时段时间转换
let timeLink = []; const timeLink = [];
if (this.couponForm.exchangeTimeType === 2) { if (this.couponForm.exchangeTimeType === 2) {
for (let item of this.couponForm.timeRangeList) { for (const item of this.couponForm.timeRangeList) {
timeLink.push(item.timeRange[0] + '-' + item.timeRange[1]); timeLink.push(item.timeRange[0] + '-' + item.timeRange[1]);
} }
} }
...@@ -1325,26 +1609,26 @@ export default { ...@@ -1325,26 +1609,26 @@ export default {
} }
}); });
}, },
confirmDetail(params) { confirmDetail (params) {
this.$confirm('<div>如更改规格或适用会员后，请先去设置阶梯价并保存，否则会使用原阶梯价，是否继续操作?</div>', '提示', { this.$confirm('<div>如更改规格或适用会员后，请先去设置阶梯价并保存，否则会使用原阶梯价，是否继续操作?</div>', '提示', {
closeOnClickModal: false, closeOnClickModal: false,
showClose: false, showClose: false,
type: 'warning', type: 'warning',
customClass: 'show-title', customClass: 'show-title',
dangerouslyUseHTMLString: true, dangerouslyUseHTMLString: true,
confirmButtonText: '保存' confirmButtonText: '保存',
}).then(() => { }).then(() => {
this.submitLoading = true; this.submitLoading = true;
this.saveDeatail(params); this.saveDeatail(params);
console.log('保存'); console.log('保存');
}); });
}, },
saveDeatail(params) { saveDeatail (params) {
request.post('/api-integral-mall/create-integral-pro', params).then(res => { request.post('/api-integral-mall/create-integral-pro', params).then(res => {
if (res.data.errorCode === 0) { if (res.data.errorCode === 0) {
this.$message.success('保存成功'); this.$message.success('保存成功');
this.$router.push({ this.$router.push({
name: 'coupon' name: 'coupon',
}); });
this.submitLoading = false; this.submitLoading = false;
} else { } else {
...@@ -1353,11 +1637,11 @@ export default { ...@@ -1353,11 +1637,11 @@ export default {
} }
}); });
}, },
goBack() { goBack () {
this.$router.push({ this.$router.push({
name: 'coupon' name: 'coupon',
}); });
} },
// //人群筛选器使用的方法 // //人群筛选器使用的方法
// // 父组件调用子组件方法,触发父组件事件 // // 父组件调用子组件方法,触发父组件事件
// getData() { // getData() {
...@@ -1403,9 +1687,6 @@ export default { ...@@ -1403,9 +1687,6 @@ export default {
// } // }
// } // }
}, },
components: {
tinymceEdit
}
}; };
</script> </script>
<style scoped> <style scoped>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment