页面重置方法添加
十七
4 years ago
parent
9bf67edb3b
commit
201ad44807
File diff suppressed because it is too large
Load Diff
@ -1,115 +1,122 @@
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag title="打印" append-to-body :visible.sync="printDialogVisible" width="60%">
|
||||
<div id="printService" class="printDiv">
|
||||
<div class="text-center text-grey padding-xs">
|
||||
收银记录单
|
||||
</div>
|
||||
<hr />
|
||||
<el-form :model="printForm" inline>
|
||||
<el-form-item label="门店:"> {{ printForm.storeName }} </el-form-item>
|
||||
<el-form-item label="时间:"> {{ printForm.cashDate }} </el-form-item>
|
||||
<el-form-item label="单号:">{{ printForm.cashNum }} </el-form-item>
|
||||
<el-form-item label="顾客:">
|
||||
<div class="form-width-sm">
|
||||
{{ printForm.memberName?printForm.memberName:'散客' }}/{{ printForm.mobilePhone?printForm.mobilePhone:'******' }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="收银:">
|
||||
<div>{{ staffName }} </div>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<hr class="text-gray">
|
||||
<el-table :data="printForm.projectList" style="wdith: 180px">
|
||||
<el-table-column align="left" prop="projectName" label="项目"></el-table-column>
|
||||
<el-table-column align="center" prop="transactionPrice" label="价格"></el-table-column>
|
||||
</el-table>
|
||||
<hr class="text-gray">
|
||||
<el-form-item label="卡付:">
|
||||
<div class="form-width-sm">
|
||||
{{ printForm.collectionRechargeAmount }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="现付:">
|
||||
<div style="width: 40px">
|
||||
{{ printForm.collectionCashAmount }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="卡包:">
|
||||
<div class="form-width-sm">
|
||||
<span v-if="printForm.courseAccountId != null">{{
|
||||
printForm.projectName
|
||||
}}</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="实付:">
|
||||
<div>{{ printForm.numPayMoney }}</div>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<br />
|
||||
<el-form-item label="签名:">
|
||||
<div style="height: 30px; width: 80px">
|
||||
<img style="width: 100%" :src="printForm.signature" alt="" />
|
||||
</div>
|
||||
</el-form-item><br />
|
||||
<el-form-item label="服务热线:">
|
||||
{{ printForm.telephone }} </el-form-item><br />
|
||||
<el-form-item>
|
||||
{{ printForm.printDate | dateFormat }}
|
||||
</el-form-item>
|
||||
<br /><br />
|
||||
</el-form>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="printDialogVisible = false">取 消</el-button>
|
||||
<el-button size="mini" type="primary" v-print="'#printService'">打 印</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
printForm: {},
|
||||
printDialogVisible: false,
|
||||
staffName: sessionStorage.getItem("staffName"),
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//组件传值
|
||||
show(form) {
|
||||
console.log(form);
|
||||
this.printForm = { ...form };
|
||||
this.printDialogVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printDiv .el-form-item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.printDiv .el-form-item__label,
|
||||
.el-form-item__content {
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
font-family: "宋体";
|
||||
padding: 0 5px 0 0;
|
||||
}
|
||||
|
||||
.printDiv {
|
||||
width: 180px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.printDiv .el-table td,
|
||||
.printDiv .el-table th {
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
font-weight: 300;
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<el-dialog :close-on-click-modal="false" v-dialogDrag title="打印" append-to-body :visible.sync="printDialogVisible" width="60%">
|
||||
<div id="printService" class="printDiv">
|
||||
<div class="text-center text-grey padding-xs">
|
||||
收银记录单
|
||||
</div>
|
||||
<hr />
|
||||
<el-form :model="printForm" inline>
|
||||
<el-form-item label="门店:"> {{ printForm.storeName }} </el-form-item>
|
||||
<el-form-item label="时间:"> {{ printForm.cashDate }} </el-form-item>
|
||||
<el-form-item label="单号:">{{ printForm.cashNum }} </el-form-item>
|
||||
<el-form-item label="顾客:">
|
||||
<div class="form-width-sm">
|
||||
{{ printForm.memberName?printForm.memberName:'散客' }}/{{ printForm.mobilePhone?printForm.mobilePhone:'******' }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="收银:">
|
||||
<div>{{ staffName }} </div>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<hr class="text-gray">
|
||||
<!-- <el-table :data="printForm.projectList" style="wdith: 180px">
|
||||
<el-table-column align="left" prop="projectName" label="项目"></el-table-column>
|
||||
<el-table-column align="center" prop="transactionPrice" label="价格"></el-table-column>
|
||||
</el-table> -->
|
||||
<div v-for="(item,index) in printForm.projectList">
|
||||
<span>项目: <span class="text-cyan">{{item.projectName}}</span></span>
|
||||
<span>价格: <span class="text-red text-price">{{item.transactionPrice}}</span></span>
|
||||
<span>卡付: <span class="text-red text-price">{{item.collectionRechargeAmount}}</span></span>
|
||||
<span>现付: <span class="text-red text-price">{{item.collectionCashAmount}}</span></span>
|
||||
<span>疗程付: <span class="text-red text-price" v-if="item.courseAccountId!=null">{{item.transactionPrice}}</span><span class="text-red text-price" v-else>0</span></span>
|
||||
<hr class="text-gray">
|
||||
</div>
|
||||
<!-- <el-form-item label="卡付:">
|
||||
<div class="form-width-sm">
|
||||
{{ printForm.collectionRechargeAmount }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="现付:">
|
||||
<div style="width: 40px">
|
||||
{{ printForm.collectionCashAmount }}
|
||||
</div>
|
||||
</el-form-item>
|
||||
<br />
|
||||
<el-form-item label="卡包:">
|
||||
<div class="form-width-sm">
|
||||
<span v-if="printForm.courseAccountId != null">{{
|
||||
printForm.projectName
|
||||
}}</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="实付:">
|
||||
<div>{{ printForm.numPayMoney }}</div>
|
||||
</el-form-item> -->
|
||||
<br />
|
||||
<br />
|
||||
<el-form-item label="签名:">
|
||||
<div style="height: 30px; width: 80px">
|
||||
<img style="width: 100%" :src="printForm.signature" alt="" />
|
||||
</div>
|
||||
</el-form-item><br />
|
||||
<el-form-item label="服务热线:">
|
||||
{{ printForm.telephone }} </el-form-item><br />
|
||||
<el-form-item>
|
||||
{{ printForm.printDate | dateFormat }}
|
||||
</el-form-item>
|
||||
<br /><br />
|
||||
</el-form>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="printDialogVisible = false">取 消</el-button>
|
||||
<el-button size="mini" type="primary" v-print="'#printService'">打 印</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
printForm: {},
|
||||
printDialogVisible: false,
|
||||
staffName: sessionStorage.getItem("staffName"),
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//组件传值
|
||||
show(form) {
|
||||
console.log(form);
|
||||
this.printForm = { ...form };
|
||||
this.printDialogVisible = true;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.printDiv .el-form-item {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.printDiv .el-form-item__label,
|
||||
.el-form-item__content {
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
font-family: "宋体";
|
||||
padding: 0 5px 0 0;
|
||||
}
|
||||
|
||||
.printDiv {
|
||||
width: 190px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.printDiv .el-table td,
|
||||
.printDiv .el-table th {
|
||||
padding: 0;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
font-weight: 300;
|
||||
}
|
||||
</style>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,198 +1,215 @@
|
||||
<template>
|
||||
<el-dialog :title="title" :visible.sync="dialogFormVisible" width="800px" @close="close">
|
||||
<el-form ref="form" :model="form" label-width="120px" inline :rules="rules">
|
||||
<el-form-item required label="充值编码：" prop="rechargeTypeNum">
|
||||
<el-input :disabled="title == '明细'" class="form-width" v-model="form.rechargeTypeNum" placeholder="请输入类别编码" autocomplete="on"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="类别名称" prop="rechargeTypeName">
|
||||
<el-input class="form-width" :disabled="title == '明细'" v-model.trim="form.rechargeTypeName" autocomplete="off" placeholder="请输入类别名称" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="有效期(月)" prop="validTime">
|
||||
<el-input class="form-width" :disabled="title == '明细'" v-model.trim="form.validTime" autocomplete="off" placeholder="请选择有效期(月)">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="到期日期：" title="会员卡包统一到期日期" prop="unifiedDue">
|
||||
<el-date-picker class="form-width" v-model="form.unifiedDue" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择到期日期"></el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item required label="开始日期" prop="startDates">
|
||||
<el-date-picker class="form-width" :disabled="title == '明细'" v-model.trim="form.startDates" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item required label="结束日期" title="类别销售到期日期" prop="stopDates">
|
||||
<el-date-picker class="form-width" :disabled="title == '明细'" v-model.trim="form.stopDates" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item required label="现付提成" prop="typeRatio">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.typeRatio" autocomplete="off" placeholder="请选择现付提成">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="首充金额" prop="firstAmount">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.firstAmount" autocomplete="off" placeholder="请输入首充金额">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-divider content-position="left">充值</el-divider>
|
||||
<el-form-item required label="续充金额" prop="rechargeMoney">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.rechargeMoney" autocomplete="off" placeholder="请输入续充金额" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="享受折扣(%)" prop="discount">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.discount" autocomplete="off" placeholder="请输入充值享受折扣(%)" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-divider content-position="left">赠送</el-divider>
|
||||
<el-form-item required label="赠送金额" prop="giftMoney">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.giftMoney" autocomplete="off" placeholder="请输入赠送金额" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="赠送折扣(%)" prop="discountFreeAmount">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.discountFreeAmount" autocomplete="off" placeholder="请输入赠送享受折扣(%)" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" @click="close">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="save">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addrecType, editrecType } from "@/api/storeManage.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
title: "", //弹窗标题
|
||||
rules: {
|
||||
rechargeTypeNum: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入充值编码",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
rechargeTypeName: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入充值名称",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
validTime: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入有效期",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
startDates: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择开始日期",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
stopDates: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择结束日期",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
typeRatio: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入现付提成",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
firstAmount: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入首充金额",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
rechargeMoney: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入购买金额",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
discount: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入享受折扣",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
giftMoney: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入赠送金额",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
discountFreeAmount: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入赠送折扣",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
},
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
//组件传值
|
||||
show(form) {
|
||||
if (form == "添加") {
|
||||
this.title = form;
|
||||
this.form = {};
|
||||
} else {
|
||||
this.title = "修改";
|
||||
this.form = {
|
||||
...form,
|
||||
};
|
||||
}
|
||||
this.dialogFormVisible = true;
|
||||
},
|
||||
//关闭弹窗
|
||||
close() {
|
||||
this.form = {};
|
||||
this.dialogFormVisible = false;
|
||||
this.$refs.form.clearValidate();
|
||||
},
|
||||
//保存提交
|
||||
//保存确定方法
|
||||
save() {
|
||||
this.form.type = 2;
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
if (this.title == "添加") {
|
||||
await addrecType(this.form).then((res) => this.callbackFun(res));
|
||||
} else {
|
||||
await editrecType(this.form).then((res) => this.callbackFun(res));
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
//状态返回方法
|
||||
callbackFun(res) {
|
||||
if (res.code == "000000") {
|
||||
this.$emit("editData");
|
||||
this.$message.success({ success: this.title + "成功" });
|
||||
this.close();
|
||||
} else {
|
||||
this.$alert(res.message, "查询充值促销", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<template>
|
||||
<el-dialog :title="title" :visible.sync="dialogFormVisible" width="800px" @close="close">
|
||||
<el-form ref="form" :model="form" label-width="120px" inline :rules="rules">
|
||||
<el-form-item required label="充值编码：" prop="rechargeTypeNum">
|
||||
<el-input :disabled="title == '明细'" class="form-width" v-model="form.rechargeTypeNum" placeholder="请输入类别编码" autocomplete="on"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="类别名称" prop="rechargeTypeName">
|
||||
<el-input class="form-width" :disabled="title == '明细'" v-model.trim="form.rechargeTypeName" autocomplete="off" placeholder="请输入类别名称" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="有效期(月)" prop="validTime">
|
||||
<el-input class="form-width" :disabled="title == '明细'" v-model.trim="form.validTime" autocomplete="off" placeholder="请选择有效期(月)">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="到期日期：" title="会员卡包统一到期日期" prop="unifiedDue">
|
||||
<el-date-picker class="form-width" v-model="form.unifiedDue" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="选择到期日期"></el-date-picker>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item required label="开始日期" prop="startDates">
|
||||
<el-date-picker class="form-width" :disabled="title == '明细'" v-model.trim="form.startDates" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item required label="结束日期" title="类别销售到期日期" prop="stopDates">
|
||||
<el-date-picker class="form-width" :disabled="title == '明细'" v-model.trim="form.stopDates" type="date" value-format="yyyy-MM-dd" placeholder="请选择日期"></el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item required label="现付提成" prop="typeRatio">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.typeRatio" autocomplete="off" placeholder="请选择现付提成">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="首充金额" prop="firstAmount">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.firstAmount" autocomplete="off" placeholder="请输入首充金额">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-divider content-position="left">充值</el-divider>
|
||||
<el-form-item required label="续充金额" prop="rechargeMoney">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.rechargeMoney" autocomplete="off" placeholder="请输入续充金额" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="享受折扣(%)" prop="discount">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.discount" autocomplete="off" placeholder="请输入充值享受折扣(%)" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="赠送方式：" v-if="form.type==0" prop="donateType">
|
||||
<el-radio-group v-model="form.donateType">
|
||||
<el-radio :label="0">固定赠送</el-radio>
|
||||
<el-radio :label="1">比例赠送</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="赠送金额：" prop="giftMoney">
|
||||
<el-input type="number" :placeholder="form.donateType==0?'固定金额':form.donateType==1?'比例赠送(%)':''" class="form-width" oninput="this.value=this.value.replace(/\D*(\d*)(\.?)(\d{0,2})\d*/,'$1$2$3')" pattern="[0-9]*\.?[0-9]{0,2}" v-model="form.giftMoney" autocomplete="on" :disabled="form.type === 1">
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-divider content-position="left">赠送</el-divider>
|
||||
<el-form-item required label="赠送金额" prop="giftMoney">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.giftMoney" autocomplete="off" placeholder="请输入赠送金额" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item required label="赠送折扣(%)" prop="discountFreeAmount">
|
||||
<el-input class="form-width" type="number" :disabled="title == '明细'" v-model.trim="form.discountFreeAmount" autocomplete="off" placeholder="请输入赠送享受折扣(%)" maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" @click="close">取 消</el-button>
|
||||
<el-button size="mini" type="primary" @click="save">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { addrecType, editrecType } from "@/api/storeManage.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
form: {}, //主对象
|
||||
title: "", //弹窗标题
|
||||
rules: {
|
||||
rechargeTypeNum: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入充值编码",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
rechargeTypeName: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入充值名称",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
validTime: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入有效期",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
startDates: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择开始日期",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
stopDates: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择结束日期",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
typeRatio: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入现付提成",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
firstAmount: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入首充金额",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
rechargeMoney: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入购买金额",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
discount: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入享受折扣",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
giftMoney: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入赠送金额",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
discountFreeAmount: [
|
||||
{
|
||||
required: true,
|
||||
message: "请输入赠送折扣",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
donateType: [
|
||||
{
|
||||
required: true,
|
||||
message: "请选择赠送方式",
|
||||
trigger: ["change", "blur"],
|
||||
},
|
||||
],
|
||||
},
|
||||
dialogFormVisible: false, //弹窗开关
|
||||
};
|
||||
},
|
||||
created() {},
|
||||
methods: {
|
||||
//组件传值
|
||||
show(form) {
|
||||
if (form == "添加") {
|
||||
this.title = form;
|
||||
this.form = {};
|
||||
} else {
|
||||
this.title = "修改";
|
||||
this.form = {
|
||||
...form,
|
||||
};
|
||||
}
|
||||
this.dialogFormVisible = true;
|
||||
},
|
||||
//关闭弹窗
|
||||
close() {
|
||||
this.form = {};
|
||||
this.dialogFormVisible = false;
|
||||
this.$refs.form.clearValidate();
|
||||
},
|
||||
//保存提交
|
||||
//保存确定方法
|
||||
save() {
|
||||
this.form.type = 2;
|
||||
this.$refs["form"].validate(async (valid) => {
|
||||
if (valid) {
|
||||
if (this.title == "添加") {
|
||||
await addrecType(this.form).then((res) => this.callbackFun(res));
|
||||
} else {
|
||||
await editrecType(this.form).then((res) => this.callbackFun(res));
|
||||
}
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
//状态返回方法
|
||||
callbackFun(res) {
|
||||
if (res.code == "000000") {
|
||||
this.$emit("editData");
|
||||
this.$message.success({ success: this.title + "成功" });
|
||||
this.close();
|
||||
} else {
|
||||
this.$alert(res.message, "查询充值促销", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
@ -1,396 +1,403 @@
|
||||
<template>
|
||||
<div class="displsy-mod">
|
||||
<div class="header_flex">
|
||||
<div>
|
||||
<el-button size="mini" type="primary" :disabled="!headOffice" @click="edit('添加')" v-role="4006002">添加
|
||||
</el-button>
|
||||
<small v-show="!headOffice">分店只能查看充值类别不能操作</small>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<el-button size="mini" type="primary" v-if="headOffice" @click="download()">下载模板</el-button>
|
||||
<el-button size="mini" type="warning" v-if="headOffice" @click="infoDialog = true">导入</el-button>
|
||||
<el-button size="mini" type="success" v-if="headOffice" @click="exit()">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<el-table :data="list" stripe style="width: 100%" :header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee',
|
||||
}">
|
||||
<el-table-column align="center" prop="rechargeTypeNum" label="充值编码" min-width="100" sortable> </el-table-column>
|
||||
|
||||
<el-table-column align="center" prop="rechargeTypeName" label="充值名称" min-width="120" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" label="状态" min-width="100" v-role="4006005">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.state" :disabled="!headOffice" active-text="启用 " inactive-text="停用" :active-value="1" :inactive-value="0" inactive-color="#cccccc" class="demo" @change="state(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="firstAmount" label="首充金额" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="typeRatio" label="充值提成" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="rechargeMoney" label="续充金额" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="discount" label="享受折扣( % )" min-width="150" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="赠送金额" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="discountFreeAmount" label="赠送折扣( % )" min-width="140" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="startDates" label="开始日期" min-width="105" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="stopDates" label="结束日期" min-width="105" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="validTime" label="有效期(月)" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="创建人" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="storeName" label="所属门店" min-width="80" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="founderDatetime" label="创建时间" :show-overflow-tooltip="true" min-width="105" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="modifyBy" label="最近操作人" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="modifyDatetime" label="操作时间" :show-overflow-tooltip="true" min-width="105" sortable></el-table-column>
|
||||
<el-table-column align="center" fixed="right" label="操作" width="160">
|
||||
<template slot-scope="scope" fixed="right">
|
||||
<el-button :disabled="!headOffice" @click="edit(scope.row)" size="mini" type="primary" v-role="4006003">修改</el-button>
|
||||
<el-button :disabled="!headOffice" size="mini" type="primary" @click="del(scope.row)" plain v-role="4006004">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="block" style="margin-top: 10px">
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10, 20, 30, 40, 50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
</div>
|
||||
|
||||
<el-dialog title="搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="充值名称搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的用充值类别名称" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="根据状态搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-radio-group v-model="searchForm.state" fill="#f78989">
|
||||
<el-radio :label="1" @click.native.prevent="clickitem(1)" size="medium" type="primary">启用中</el-radio>
|
||||
<el-radio :label="0" @click.native.prevent="clickitem(0)" size="medium" type="primary">已停用</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<el-dialog title="导入表格" :visible.sync="infoDialog" :close-on-click-modal="false">
|
||||
<excel @fileData="fileData" @infoDialogV="infoDialogV"></excel>
|
||||
</el-dialog>
|
||||
<el-dialog title="导入提示" :visible.sync="infoErrorDialog">
|
||||
<span>以下导入 充值名称 存在重复 , 请检查修改后重新导入</span>
|
||||
<el-table :data="infoList">
|
||||
<el-table-column align="center" prop="rechargeTypeNum" label="充值编码" min-width="120" sortable> </el-table-column>
|
||||
<el-table-column align="center" prop="rechargeTypeName" label="充值类别" min-width="120" :show-overflow-tooltip="true" sortable>
|
||||
<template slot-scope="scope">{{
|
||||
scope.row.type == 2 ? "活动卡" : "折扣卡"
|
||||
}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="rechargeTypeName" label="充值名称" min-width="120" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
|
||||
<el-table-column align="center" label="状态" min-width="100" v-role="4006005">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.state" active-text="启用 " inactive-text="停用" :active-value="1" :inactive-value="0" inactive-color="#cccccc" class="demo" @change="state(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="typeRatio" label="充值提成" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="rechargeMoney" label="续充金额" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="discount" label="享受折扣( % )" min-width="150" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="赠送金额" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="赠送折扣" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="开始日期" min-width="110" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="结束日期" min-width="110" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="validTime" label="有效期(月)" min-width="130" sortable>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="infoErrorDialog = false">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<edit ref="edit" @editData="editData"></edit>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import edit from "./components/edit";
|
||||
import excel from "@/components/excel";
|
||||
import {
|
||||
addrecType,
|
||||
editrecType,
|
||||
delrecType,
|
||||
recTypeNewPages,
|
||||
recTypeStates,
|
||||
recTypeDownloads,
|
||||
recTypeImports,
|
||||
recTypeExports,
|
||||
} from "@/api/storeManage.js";
|
||||
export default {
|
||||
components: {
|
||||
excel,
|
||||
edit,
|
||||
},
|
||||
rechargeTypeName: "",
|
||||
data() {
|
||||
return {
|
||||
searchDialog: false, //搜索弹窗开关
|
||||
refreshtext: false, //搜索提示字符
|
||||
headOffice: false, //是否总店
|
||||
infoErrorDialog: false, //导入保存提示弹窗开关
|
||||
infoList: [], //导入报错列表
|
||||
searchForm: {
|
||||
//搜索表单
|
||||
rechargeTypeName: "",
|
||||
state: 1,
|
||||
},
|
||||
sessionStorageData: {}, //门店参数合集
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
queryForm: {
|
||||
//查询表单
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
},
|
||||
infoDialog: false, //上传文件弹窗开关
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//下载模板方法
|
||||
download() {
|
||||
recTypeDownloads().then((res) => {
|
||||
let blob = new Blob([res]);
|
||||
console.log(blob);
|
||||
var a = document.createElement("a");
|
||||
var url = window.URL.createObjectURL(blob);
|
||||
console.log(url);
|
||||
a.href = url;
|
||||
a.download = "充值促销模板.xlsx";
|
||||
a.click();
|
||||
window.URL.revokeObjectURL(url);
|
||||
});
|
||||
},
|
||||
//导出方法
|
||||
//导出方法
|
||||
exit() {
|
||||
if (this.searchForm.rechargeTypeName == "") {
|
||||
delete this.searchForm.rechargeTypeName;
|
||||
}
|
||||
recTypeExports(this.searchForm).then((res) => {
|
||||
let blob = new Blob([res]);
|
||||
var a = document.createElement("a");
|
||||
var url = window.URL.createObjectURL(blob);
|
||||
console.log(url);
|
||||
a.href = url;
|
||||
a.download = "充值促销导出表.xlsx";
|
||||
a.click();
|
||||
window.URL.revokeObjectURL(url);
|
||||
});
|
||||
},
|
||||
//上传文件方法
|
||||
fileData(v) {
|
||||
var fileData = new FormData();
|
||||
if (v == null) {
|
||||
this.$alert("请选择需要上传的文件", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
} else {
|
||||
fileData.append("multipartFile", v);
|
||||
recTypeImports(fileData).then((res) => {
|
||||
if (res.rows != undefined) {
|
||||
this.infoList = res.rows;
|
||||
this.infoErrorDialog = true;
|
||||
} else {
|
||||
if (res.code == "000000") {
|
||||
this.$message.success({
|
||||
message: res.message,
|
||||
});
|
||||
this.getData();
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
//返回上传文件弹窗状态
|
||||
infoDialogV(v) {
|
||||
this.infoDialog = v;
|
||||
},
|
||||
//搜索方法
|
||||
search() {
|
||||
//条件搜索
|
||||
this.searchForm.storeId = sessionStorage.getItem("parentId");
|
||||
recTypeNewPages(this.searchForm).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.searchTrue = true;
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total;
|
||||
if (res.pageInfo.total == 0) {
|
||||
this.$message.warning({
|
||||
message: "没有找到符合条件的充值类别",
|
||||
});
|
||||
}
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
//选择/取消单选方法
|
||||
clickitem(e) {
|
||||
e === this.searchForm.state
|
||||
? (this.searchForm.state = null)
|
||||
: (this.searchForm.state = e);
|
||||
},
|
||||
//删除
|
||||
del(row) {
|
||||
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
cancelButtonClass: "cancelbtnFalses",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
})
|
||||
.then(() => {
|
||||
delrecType({ id: row.id }).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.getData();
|
||||
this.$message.success({
|
||||
message: "删除成功!",
|
||||
});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message.info({
|
||||
message: "已取消操作！",
|
||||
});
|
||||
});
|
||||
},
|
||||
//打开添加/修改弹窗
|
||||
edit(form) {
|
||||
this.$refs.edit.show(form);
|
||||
},
|
||||
//状态改变方法
|
||||
state(row) {
|
||||
var state = {
|
||||
id: row.id,
|
||||
state: row.state,
|
||||
};
|
||||
recTypeStates(state)
|
||||
.then((res) => {
|
||||
//console.log(res);
|
||||
this.getData();
|
||||
if (res.code == "000000") {
|
||||
if (row.state == 1) {
|
||||
this.$message.success({
|
||||
message: "状态启用!",
|
||||
});
|
||||
} else {
|
||||
this.$message.success({
|
||||
message: "状态停用!",
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
//console.log(err);
|
||||
});
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
if (this.searchTrue == true) {
|
||||
this.search();
|
||||
} else {
|
||||
this.getData();
|
||||
}
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
if (this.searchTrue == true) {
|
||||
this.search();
|
||||
} else {
|
||||
this.getData();
|
||||
}
|
||||
},
|
||||
//添加/修改返回方法
|
||||
editData() {
|
||||
if (this.searchTrue == true) {
|
||||
this.search();
|
||||
} else {
|
||||
this.getData();
|
||||
}
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
this.queryForm.type = 2;
|
||||
this.queryForm.storeId = sessionStorage.getItem("parentId");
|
||||
recTypeNewPages(this.queryForm)
|
||||
.then((res) => {
|
||||
if (this.refreshtext == true) {
|
||||
this.$message.success({
|
||||
message: "已刷新最新数据",
|
||||
});
|
||||
this.refreshtext = false;
|
||||
this.searchTrue = false;
|
||||
}
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total;
|
||||
})
|
||||
.catch((err) => {
|
||||
//console.log(err);
|
||||
});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.headOffice =
|
||||
sessionStorage.getItem("headOffice") * 1 == 1 ? true : false;
|
||||
console.log(this.headOffice);
|
||||
let list = JSON.parse(sessionStorage.getItem("list"));
|
||||
this.sessionStorage = JSON.parse(
|
||||
sessionStorage.getItem("sessionStorageData")
|
||||
);
|
||||
list.forEach((item) => {
|
||||
if (item.id == 4006001) {
|
||||
this.getData();
|
||||
}
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.el-button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
<template>
|
||||
<div class="displsy-mod">
|
||||
<div class="header_flex">
|
||||
<div>
|
||||
<el-button size="mini" type="primary" :disabled="!headOffice" @click="edit('添加')" v-role="4006002">添加
|
||||
</el-button>
|
||||
<small v-show="!headOffice">分店只能查看充值类别不能操作</small>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
<el-button size="mini" type="primary" v-if="headOffice" @click="download()">下载模板</el-button>
|
||||
<el-button size="mini" type="warning" v-if="headOffice" @click="infoDialog = true">导入</el-button>
|
||||
<el-button size="mini" type="success" v-if="headOffice" @click="exit()">导出</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<hr />
|
||||
<el-table :data="list" stripe style="width: 100%" :header-cell-style="{
|
||||
background: 'linear-gradient(#6cb3ff, #1873d4)',
|
||||
color: '#eeeeee',
|
||||
}">
|
||||
<el-table-column align="center" prop="rechargeTypeNum" label="充值编码" min-width="100" sortable> </el-table-column>
|
||||
|
||||
<el-table-column align="center" prop="rechargeTypeName" label="充值名称" min-width="120" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" label="状态" min-width="100" v-role="4006005">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.state" :disabled="!headOffice" active-text="启用 " inactive-text="停用" :active-value="1" :inactive-value="0" inactive-color="#cccccc" class="demo" @change="state(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="firstAmount" label="首充金额" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="typeRatio" label="充值提成" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="rechargeMoney" label="续充金额" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="discount" label="享受折扣( % )" min-width="150" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="赠送金额" min-width="80" sortable>
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.donateType==0">固</span>
|
||||
<span v-if="scope.row.donateType==1">比</span>
|
||||
<span>{{scope.row.giftMoney}}</span>
|
||||
<span v-if="scope.row.donateType==1">%</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="discountFreeAmount" label="赠送折扣( % )" min-width="140" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="startDates" label="开始日期" min-width="105" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="stopDates" label="结束日期" min-width="105" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="validTime" label="有效期(月)" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="founderStaff" label="创建人" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="storeName" label="所属门店" min-width="80" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="founderDatetime" label="创建时间" :show-overflow-tooltip="true" min-width="105" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="modifyBy" label="最近操作人" min-width="80" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="modifyDatetime" label="操作时间" :show-overflow-tooltip="true" min-width="105" sortable></el-table-column>
|
||||
<el-table-column align="center" fixed="right" label="操作" width="160">
|
||||
<template slot-scope="scope" fixed="right">
|
||||
<el-button :disabled="!headOffice" @click="edit(scope.row)" size="mini" type="primary" v-role="4006003">修改</el-button>
|
||||
<el-button :disabled="!headOffice" size="mini" type="primary" @click="del(scope.row)" plain v-role="4006004">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<div class="block" style="margin-top: 10px">
|
||||
<el-pagination align="left" @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="queryForm.pageNum" :page-sizes="[10, 20, 30, 40, 50]" :page-size="queryForm.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="total"></el-pagination>
|
||||
</div>
|
||||
|
||||
<el-dialog title="搜索" :visible.sync="searchDialog">
|
||||
<el-form :model="searchForm">
|
||||
<el-form-item label="充值名称搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-input size="medium" v-model="searchForm.rechargeTypeName" placeholder="输入要查询的用充值类别名称" clearable></el-input>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item label="根据状态搜索:" label-width="120px">
|
||||
<div class="searchDiv">
|
||||
<el-radio-group v-model="searchForm.state" fill="#f78989">
|
||||
<el-radio :label="1" @click.native.prevent="clickitem(1)" size="medium" type="primary">启用中</el-radio>
|
||||
<el-radio :label="0" @click.native.prevent="clickitem(0)" size="medium" type="primary">已停用</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="searchDialog = false">取 消</el-button>
|
||||
<el-button type="primary" size="mini" @click="search((searchDialog = false))">确 定</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<el-dialog title="导入表格" :visible.sync="infoDialog" :close-on-click-modal="false">
|
||||
<excel @fileData="fileData" @infoDialogV="infoDialogV"></excel>
|
||||
</el-dialog>
|
||||
<el-dialog title="导入提示" :visible.sync="infoErrorDialog">
|
||||
<span>以下导入 充值名称 存在重复 , 请检查修改后重新导入</span>
|
||||
<el-table :data="infoList">
|
||||
<el-table-column align="center" prop="rechargeTypeNum" label="充值编码" min-width="120" sortable> </el-table-column>
|
||||
<el-table-column align="center" prop="rechargeTypeName" label="充值类别" min-width="120" :show-overflow-tooltip="true" sortable>
|
||||
<template slot-scope="scope">{{
|
||||
scope.row.type == 2 ? "活动卡" : "折扣卡"
|
||||
}}</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="rechargeTypeName" label="充值名称" min-width="120" :show-overflow-tooltip="true" sortable></el-table-column>
|
||||
|
||||
<el-table-column align="center" label="状态" min-width="100" v-role="4006005">
|
||||
<template slot-scope="scope">
|
||||
<el-switch v-model="scope.row.state" active-text="启用 " inactive-text="停用" :active-value="1" :inactive-value="0" inactive-color="#cccccc" class="demo" @change="state(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="typeRatio" label="充值提成" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="rechargeMoney" label="续充金额" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="discount" label="享受折扣( % )" min-width="150" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="赠送金额" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="赠送折扣" min-width="110" sortable>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="开始日期" min-width="110" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="giftMoney" label="结束日期" min-width="110" sortable></el-table-column>
|
||||
<el-table-column align="center" prop="validTime" label="有效期(月)" min-width="130" sortable>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
<el-button size="mini" type="primary" plain @click="infoErrorDialog = false">关 闭</el-button>
|
||||
</span>
|
||||
</el-dialog>
|
||||
<edit ref="edit" @editData="editData"></edit>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import edit from "./components/edit";
|
||||
import excel from "@/components/excel";
|
||||
import {
|
||||
addrecType,
|
||||
editrecType,
|
||||
delrecType,
|
||||
recTypeNewPages,
|
||||
recTypeStates,
|
||||
recTypeDownloads,
|
||||
recTypeImports,
|
||||
recTypeExports,
|
||||
} from "@/api/storeManage.js";
|
||||
export default {
|
||||
components: {
|
||||
excel,
|
||||
edit,
|
||||
},
|
||||
rechargeTypeName: "",
|
||||
data() {
|
||||
return {
|
||||
searchDialog: false, //搜索弹窗开关
|
||||
refreshtext: false, //搜索提示字符
|
||||
headOffice: false, //是否总店
|
||||
infoErrorDialog: false, //导入保存提示弹窗开关
|
||||
infoList: [], //导入报错列表
|
||||
searchForm: {
|
||||
//搜索表单
|
||||
rechargeTypeName: "",
|
||||
state: 1,
|
||||
},
|
||||
sessionStorageData: {}, //门店参数合集
|
||||
list: [], //主数组
|
||||
total: 0, //分页总条数
|
||||
queryForm: {
|
||||
//查询表单
|
||||
pageSize: 10,
|
||||
pageNum: 1,
|
||||
},
|
||||
infoDialog: false, //上传文件弹窗开关
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
//下载模板方法
|
||||
download() {
|
||||
recTypeDownloads().then((res) => {
|
||||
let blob = new Blob([res]);
|
||||
console.log(blob);
|
||||
var a = document.createElement("a");
|
||||
var url = window.URL.createObjectURL(blob);
|
||||
console.log(url);
|
||||
a.href = url;
|
||||
a.download = "充值促销模板.xlsx";
|
||||
a.click();
|
||||
window.URL.revokeObjectURL(url);
|
||||
});
|
||||
},
|
||||
//导出方法
|
||||
//导出方法
|
||||
exit() {
|
||||
if (this.searchForm.rechargeTypeName == "") {
|
||||
delete this.searchForm.rechargeTypeName;
|
||||
}
|
||||
recTypeExports(this.searchForm).then((res) => {
|
||||
let blob = new Blob([res]);
|
||||
var a = document.createElement("a");
|
||||
var url = window.URL.createObjectURL(blob);
|
||||
console.log(url);
|
||||
a.href = url;
|
||||
a.download = "充值促销导出表.xlsx";
|
||||
a.click();
|
||||
window.URL.revokeObjectURL(url);
|
||||
});
|
||||
},
|
||||
//上传文件方法
|
||||
fileData(v) {
|
||||
var fileData = new FormData();
|
||||
if (v == null) {
|
||||
this.$alert("请选择需要上传的文件", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
} else {
|
||||
fileData.append("multipartFile", v);
|
||||
recTypeImports(fileData).then((res) => {
|
||||
if (res.rows != undefined) {
|
||||
this.infoList = res.rows;
|
||||
this.infoErrorDialog = true;
|
||||
} else {
|
||||
if (res.code == "000000") {
|
||||
this.$message.success({
|
||||
message: res.message,
|
||||
});
|
||||
this.getData();
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
//返回上传文件弹窗状态
|
||||
infoDialogV(v) {
|
||||
this.infoDialog = v;
|
||||
},
|
||||
//搜索方法
|
||||
search() {
|
||||
//条件搜索
|
||||
this.searchForm.storeId = sessionStorage.getItem("parentId");
|
||||
recTypeNewPages(this.searchForm).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.searchTrue = true;
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total;
|
||||
if (res.pageInfo.total == 0) {
|
||||
this.$message.warning({
|
||||
message: "没有找到符合条件的充值类别",
|
||||
});
|
||||
}
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
//选择/取消单选方法
|
||||
clickitem(e) {
|
||||
e === this.searchForm.state
|
||||
? (this.searchForm.state = null)
|
||||
: (this.searchForm.state = e);
|
||||
},
|
||||
//删除
|
||||
del(row) {
|
||||
this.$confirm("此操作将永久删除该数据, 是否继续?", "提示", {
|
||||
confirmButtonText: "确定",
|
||||
cancelButtonText: "取消",
|
||||
type: "warning",
|
||||
cancelButtonClass: "cancelbtnFalses",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
})
|
||||
.then(() => {
|
||||
delrecType({ id: row.id }).then((res) => {
|
||||
if (res.code == "000000") {
|
||||
this.getData();
|
||||
this.$message.success({
|
||||
message: "删除成功!",
|
||||
});
|
||||
} else {
|
||||
this.$alert(res.message, "提示", {
|
||||
confirmButtonText: "确定",
|
||||
confirmButtonClass: "confirmbtnFalses",
|
||||
type: "warning",
|
||||
center: true,
|
||||
callback: (action) => {},
|
||||
});
|
||||
}
|
||||
});
|
||||
})
|
||||
.catch(() => {
|
||||
this.$message.info({
|
||||
message: "已取消操作！",
|
||||
});
|
||||
});
|
||||
},
|
||||
//打开添加/修改弹窗
|
||||
edit(form) {
|
||||
this.$refs.edit.show(form);
|
||||
},
|
||||
//状态改变方法
|
||||
state(row) {
|
||||
var state = {
|
||||
id: row.id,
|
||||
state: row.state,
|
||||
};
|
||||
recTypeStates(state)
|
||||
.then((res) => {
|
||||
//console.log(res);
|
||||
this.getData();
|
||||
if (res.code == "000000") {
|
||||
if (row.state == 1) {
|
||||
this.$message.success({
|
||||
message: "状态启用!",
|
||||
});
|
||||
} else {
|
||||
this.$message.success({
|
||||
message: "状态停用!",
|
||||
});
|
||||
}
|
||||
}
|
||||
})
|
||||
.catch((err) => {
|
||||
//console.log(err);
|
||||
});
|
||||
},
|
||||
//分页方法
|
||||
handleSizeChange(val) {
|
||||
this.queryForm.pageSize = val;
|
||||
if (this.searchTrue == true) {
|
||||
this.search();
|
||||
} else {
|
||||
this.getData();
|
||||
}
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.queryForm.pageNum = val;
|
||||
if (this.searchTrue == true) {
|
||||
this.search();
|
||||
} else {
|
||||
this.getData();
|
||||
}
|
||||
},
|
||||
//添加/修改返回方法
|
||||
editData() {
|
||||
if (this.searchTrue == true) {
|
||||
this.search();
|
||||
} else {
|
||||
this.getData();
|
||||
}
|
||||
},
|
||||
//获取数据
|
||||
async getData() {
|
||||
this.queryForm.type = 2;
|
||||
this.queryForm.storeId = sessionStorage.getItem("parentId");
|
||||
recTypeNewPages(this.queryForm)
|
||||
.then((res) => {
|
||||
if (this.refreshtext == true) {
|
||||
this.$message.success({
|
||||
message: "已刷新最新数据",
|
||||
});
|
||||
this.refreshtext = false;
|
||||
this.searchTrue = false;
|
||||
}
|
||||
this.list = res.pageInfo.list;
|
||||
this.total = res.pageInfo.total;
|
||||
})
|
||||
.catch((err) => {
|
||||
//console.log(err);
|
||||
});
|
||||
},
|
||||
},
|
||||
created() {
|
||||
this.headOffice =
|
||||
sessionStorage.getItem("headOffice") * 1 == 1 ? true : false;
|
||||
console.log(this.headOffice);
|
||||
let list = JSON.parse(sessionStorage.getItem("list"));
|
||||
this.sessionStorage = JSON.parse(
|
||||
sessionStorage.getItem("sessionStorageData")
|
||||
);
|
||||
list.forEach((item) => {
|
||||
if (item.id == 4006001) {
|
||||
this.getData();
|
||||
}
|
||||
});
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.el-button {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.el-input {
|
||||
width: 200px;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
Reference in New Issue