|
|
@@ -8,7 +8,27 @@
|
|
|
<div class="m-core">
|
|
|
<el-form :model="form" ref="form" class="form">
|
|
|
<el-row>
|
|
|
- <el-col style="width: 500px">
|
|
|
+ <el-col style="width: 395px">
|
|
|
+ <el-form-item
|
|
|
+ label="系统类型"
|
|
|
+ prop="useSystem"
|
|
|
+ :rules="[{ required: true, message: '系统类型' }]"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ :disabled="isDisabled"
|
|
|
+ placeholder="系统类型"
|
|
|
+ v-model.trim="form.useSystem"
|
|
|
+ filterable
|
|
|
+ clearable
|
|
|
+ style="width: 375px !important"
|
|
|
+ @change="onUseSystemChange"
|
|
|
+ >
|
|
|
+ <el-option value="MALL" label="商城"></el-option>
|
|
|
+ <el-option value="MEC" label="管乐迷"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-col>
|
|
|
+ <el-col style="width: 395px">
|
|
|
<el-form-item
|
|
|
label="优惠券名称"
|
|
|
prop="name"
|
|
|
@@ -23,32 +43,21 @@
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row>
|
|
|
- <el-col style="width: 500px">
|
|
|
- <!-- <el-form-item
|
|
|
- label="预警值"
|
|
|
- prop="warningStockNum"
|
|
|
- :rules="[{ required: true, message: '请输入预警值' }]"
|
|
|
- >
|
|
|
- <el-input :disabled='form.warningStockNum ==-1' v-model="form.warningStockNum" placeholder="请输入预警值">
|
|
|
- <template slot="append">张</template>
|
|
|
- </el-input>
|
|
|
- <el-checkbox v-model="form.warningStockNum" :true-label='-1' false-label='' @change="(val)=>{checkNo(val,'warningStockNum')}" >不限制</el-checkbox>
|
|
|
- </el-form-item> -->
|
|
|
+ <el-col style="width: 395px">
|
|
|
<el-form-item
|
|
|
label="可用分部"
|
|
|
prop="organId"
|
|
|
:rules="[{ required: true, message: '请选择可用分部' }]"
|
|
|
>
|
|
|
- <br/>
|
|
|
+ <br />
|
|
|
<select-all
|
|
|
- style="width: 100% !important"
|
|
|
+ style="width: 375px !important"
|
|
|
class="multiple"
|
|
|
v-model.trim="form.organId"
|
|
|
filterable
|
|
|
multiple
|
|
|
clearable
|
|
|
placeholder="请选择分部"
|
|
|
-
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="(item, index) in selects.branchs"
|
|
|
@@ -59,9 +68,7 @@
|
|
|
</select-all>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- </el-row>
|
|
|
- <el-row>
|
|
|
- <el-col style="width: 500px">
|
|
|
+ <el-col style="width: 395px">
|
|
|
<el-form-item
|
|
|
label="描述"
|
|
|
prop="description"
|
|
|
@@ -92,7 +99,7 @@
|
|
|
v-model.trim="form.issuanceType"
|
|
|
filterable
|
|
|
clearable
|
|
|
- style="width: 355px !important"
|
|
|
+ style="width: 375px !important"
|
|
|
>
|
|
|
<el-option :value="0" label="学员主动领取"></el-option>
|
|
|
<el-option :value="1" label="后台手动发放"></el-option>
|
|
|
@@ -111,13 +118,14 @@
|
|
|
v-model.trim="form.typeDetail"
|
|
|
filterable
|
|
|
clearable
|
|
|
- style="width: 355px !important"
|
|
|
+ style="width: 375px !important"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in coupontypeDetail"
|
|
|
:key="item.value"
|
|
|
:value="item.value"
|
|
|
:label="item.label"
|
|
|
+ :disabled="item.disabled"
|
|
|
></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
@@ -137,7 +145,7 @@
|
|
|
filterable
|
|
|
clearable
|
|
|
@change="changeType"
|
|
|
- style="width: 355px !important"
|
|
|
+ style="width: 375px !important"
|
|
|
>
|
|
|
<el-option
|
|
|
v-for="item in couponTypeList"
|
|
|
@@ -159,7 +167,9 @@
|
|
|
placeholder="请输入满减金额"
|
|
|
:disabled="isDisabled"
|
|
|
>
|
|
|
- <template slot="append">元</template>
|
|
|
+ <template slot="append"
|
|
|
+ >元</template
|
|
|
+ >
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -174,7 +184,9 @@
|
|
|
placeholder="请输入面值"
|
|
|
:disabled="isDisabled"
|
|
|
>
|
|
|
- <template slot="append">元</template>
|
|
|
+ <template slot="append"
|
|
|
+ >元</template
|
|
|
+ >
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -190,7 +202,9 @@
|
|
|
placeholder="请输入折扣"
|
|
|
:disabled="isDisabled"
|
|
|
>
|
|
|
- <template slot="append">%</template>
|
|
|
+ <template slot="append"
|
|
|
+ >%</template
|
|
|
+ >
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -204,7 +218,7 @@
|
|
|
:rules="[{ required: true, message: '请选择有效期类型' }]"
|
|
|
>
|
|
|
<el-select
|
|
|
- style="width: 355px !important"
|
|
|
+ style="width: 375px !important"
|
|
|
placeholder="优惠券类型"
|
|
|
v-model.trim="form.effectiveType"
|
|
|
filterable
|
|
|
@@ -236,7 +250,9 @@
|
|
|
placeholder="请输入有效期天数"
|
|
|
:disabled="isDisabled"
|
|
|
>
|
|
|
- <template slot="append">天</template>
|
|
|
+ <template slot="append"
|
|
|
+ >天</template
|
|
|
+ >
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -284,14 +300,16 @@
|
|
|
v-model="form.stockCount"
|
|
|
placeholder="请输入库存总量"
|
|
|
>
|
|
|
- <template slot="append">张</template>
|
|
|
+ <template slot="append"
|
|
|
+ >张</template
|
|
|
+ >
|
|
|
</el-input>
|
|
|
<el-checkbox
|
|
|
v-model="form.stockCount"
|
|
|
:true-label="-1"
|
|
|
false-label=""
|
|
|
@change="
|
|
|
- (val) => {
|
|
|
+ val => {
|
|
|
checkNo(val, 'stockCount');
|
|
|
}
|
|
|
"
|
|
|
@@ -308,8 +326,8 @@
|
|
|
{
|
|
|
pattern: /^[1-9][0-9]?$/,
|
|
|
message: '请输入1-99的正整数',
|
|
|
- trigger: 'blur',
|
|
|
- },
|
|
|
+ trigger: 'blur'
|
|
|
+ }
|
|
|
]"
|
|
|
>
|
|
|
<span style="color: #606266">
|
|
|
@@ -326,7 +344,9 @@
|
|
|
v-model="form.limitExchangeNum"
|
|
|
placeholder="请输入领取上限"
|
|
|
>
|
|
|
- <template slot="append">张</template>
|
|
|
+ <template slot="append"
|
|
|
+ >张</template
|
|
|
+ >
|
|
|
</el-input>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
@@ -367,12 +387,19 @@
|
|
|
import { addSysCoupon, resetSysCoupon } from "./api.js";
|
|
|
import { couponTypeList, coupontypeDetailList } from "@/utils/searchArray";
|
|
|
import { getTimes } from "@/utils";
|
|
|
+const mallTypeList = [
|
|
|
+ {
|
|
|
+ value: "MALLCOUPON",
|
|
|
+ label: "商城"
|
|
|
+ }
|
|
|
+];
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
couponTypeList,
|
|
|
coupontypeDetail: coupontypeDetailList,
|
|
|
form: {
|
|
|
+ useSystem: "",
|
|
|
name: "",
|
|
|
description: "",
|
|
|
type: "FULL_REDUCTION",
|
|
|
@@ -384,27 +411,31 @@ export default {
|
|
|
warningStockNum: "",
|
|
|
limitExchangeNum: "",
|
|
|
getTime: [],
|
|
|
- organId: [],
|
|
|
+ organId: []
|
|
|
},
|
|
|
activeRow: null,
|
|
|
isDisabled: false,
|
|
|
title: "新增优惠券",
|
|
|
- warningStockNum: "",
|
|
|
+ warningStockNum: ""
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
this.$store.dispatch("setBranchs");
|
|
|
if (this.$route.query.row) {
|
|
|
this.activeRow = JSON.parse(this.$route.query.row);
|
|
|
- let organIdStr =''
|
|
|
- if( this.activeRow.useCondition&&JSON.parse(this.activeRow.useCondition)&&JSON.parse(this.activeRow.useCondition).organId){
|
|
|
- organIdStr = JSON.parse(this.activeRow.useCondition).organId;
|
|
|
+ let organIdStr = "";
|
|
|
+ if (
|
|
|
+ this.activeRow.useCondition &&
|
|
|
+ JSON.parse(this.activeRow.useCondition) &&
|
|
|
+ JSON.parse(this.activeRow.useCondition).organId
|
|
|
+ ) {
|
|
|
+ organIdStr = JSON.parse(this.activeRow.useCondition).organId;
|
|
|
}
|
|
|
|
|
|
let organId = [];
|
|
|
if (organIdStr) {
|
|
|
organId =
|
|
|
- organIdStr.split(",").map((item) => {
|
|
|
+ organIdStr.split(",").map(item => {
|
|
|
return Number(item);
|
|
|
}) || [];
|
|
|
}
|
|
|
@@ -419,7 +450,7 @@ export default {
|
|
|
let endDate = this.activeRow.endDate;
|
|
|
this.$set(this.form, "effectiveTime", [
|
|
|
effectiveStartTime,
|
|
|
- effectiveExpireTime,
|
|
|
+ effectiveExpireTime
|
|
|
]);
|
|
|
this.$set(this.form, "getTime", [startDate, endDate]);
|
|
|
this.title = this.activeRow.name;
|
|
|
@@ -429,6 +460,30 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ onUseSystemChange(val) {
|
|
|
+ if (val === "MALL") {
|
|
|
+ this.coupontypeDetail.forEach(item => {
|
|
|
+ if (item.value === "MALLCOUPON") {
|
|
|
+ item.disabled = false;
|
|
|
+ } else {
|
|
|
+ item.disabled = true;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else if (val === "MEC") {
|
|
|
+ this.coupontypeDetail.forEach(item => {
|
|
|
+ if (item.value === "MALLCOUPON") {
|
|
|
+ item.disabled = true;
|
|
|
+ } else {
|
|
|
+ item.disabled = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ this.form.typeDetail = null;
|
|
|
+ // 处理显示问题
|
|
|
+ setTimeout(() => {
|
|
|
+ this.$refs.form.clearValidate("typeDetail");
|
|
|
+ }, 0);
|
|
|
+ },
|
|
|
changeType(val) {
|
|
|
this.form.faceValue = "";
|
|
|
this.form.fullAmount = "";
|
|
|
@@ -458,24 +513,24 @@ export default {
|
|
|
let endDate = this.activeRow.endDate;
|
|
|
this.$set(this.form, "effectiveTime", [
|
|
|
effectiveStartTime,
|
|
|
- effectiveExpireTime,
|
|
|
+ effectiveExpireTime
|
|
|
]);
|
|
|
this.$set(this.form, "getTime", [startDate, endDate]);
|
|
|
}
|
|
|
},
|
|
|
async addCoupon() {
|
|
|
- this.$refs.form.validate(async (some) => {
|
|
|
+ this.$refs.form.validate(async some => {
|
|
|
if (some) {
|
|
|
this.$confirm("您确定新增优惠券?", "提示", {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
+ type: "warning"
|
|
|
})
|
|
|
.then(async () => {
|
|
|
try {
|
|
|
let { effectiveTime, getTime, ...rest } = this.form;
|
|
|
let str = JSON.stringify({
|
|
|
- organId: this.form.organId.join(","),
|
|
|
+ organId: this.form.organId.join(",")
|
|
|
});
|
|
|
let params = {
|
|
|
...rest,
|
|
|
@@ -489,7 +544,7 @@ export default {
|
|
|
["startDate", "endDate"],
|
|
|
"YYYY-MM-DD HH:mm:ss"
|
|
|
),
|
|
|
- useCondition:str,
|
|
|
+ useCondition: str
|
|
|
};
|
|
|
const res = await addSysCoupon(params);
|
|
|
this.$message.success("新增成功");
|
|
|
@@ -503,18 +558,18 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
resetCoupon() {
|
|
|
- this.$refs.form.validate(async (some) => {
|
|
|
+ this.$refs.form.validate(async some => {
|
|
|
if (some) {
|
|
|
this.$confirm("您确定修改优惠券?", "提示", {
|
|
|
confirmButtonText: "确定",
|
|
|
cancelButtonText: "取消",
|
|
|
- type: "warning",
|
|
|
+ type: "warning"
|
|
|
})
|
|
|
.then(async () => {
|
|
|
try {
|
|
|
let { effectiveTime, getTime, ...rest } = this.form;
|
|
|
let str = JSON.stringify({
|
|
|
- organId: this.form.organId.join(","),
|
|
|
+ organId: this.form.organId.join(",")
|
|
|
});
|
|
|
|
|
|
let params = {
|
|
|
@@ -529,7 +584,7 @@ export default {
|
|
|
["startDate", "endDate"],
|
|
|
"YYYY-MM-DD HH:mm:ss"
|
|
|
),
|
|
|
- useCondition: str,
|
|
|
+ useCondition: str
|
|
|
};
|
|
|
const res = await resetSysCoupon(params);
|
|
|
this.$message.success("修改成功");
|
|
|
@@ -548,8 +603,8 @@ export default {
|
|
|
} else {
|
|
|
this.form[type] = null;
|
|
|
}
|
|
|
- },
|
|
|
- },
|
|
|
+ }
|
|
|
+ }
|
|
|
};
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
