add: 优化
This commit is contained in:
@@ -186,6 +186,7 @@
|
|||||||
type="primary"
|
type="primary"
|
||||||
@click="basicSubmit"
|
@click="basicSubmit"
|
||||||
size="large"
|
size="large"
|
||||||
|
v-if="shopInfo.isHeadShop && shopInfo.shopType != 'only'"
|
||||||
>
|
>
|
||||||
保存
|
保存
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -287,7 +288,7 @@
|
|||||||
<el-input
|
<el-input
|
||||||
v-model="level.remark"
|
v-model="level.remark"
|
||||||
style="width: 400px"
|
style="width: 400px"
|
||||||
:maxlength="250"
|
:maxlength="200"
|
||||||
:autosize="{ minRows: 4, maxRows: 5 }"
|
:autosize="{ minRows: 4, maxRows: 5 }"
|
||||||
type="textarea"
|
type="textarea"
|
||||||
placeholder="请输入等级说明,最多 250 字"
|
placeholder="请输入等级说明,最多 250 字"
|
||||||
@@ -371,6 +372,7 @@
|
|||||||
type="primary"
|
type="primary"
|
||||||
@click="saveLevel(level)"
|
@click="saveLevel(level)"
|
||||||
size="large"
|
size="large"
|
||||||
|
v-if="shopInfo.isHeadShop && shopInfo.shopType != 'only'"
|
||||||
>
|
>
|
||||||
保存
|
保存
|
||||||
</el-button>
|
</el-button>
|
||||||
@@ -399,6 +401,7 @@ import { ElMessage } from "element-plus";
|
|||||||
import { useRouter } from "vue-router";
|
import { useRouter } from "vue-router";
|
||||||
import a from "@/utils/test";
|
import a from "@/utils/test";
|
||||||
|
|
||||||
|
const shopInfo = ref("");
|
||||||
const inputStyle = {
|
const inputStyle = {
|
||||||
width: "340px",
|
width: "340px",
|
||||||
};
|
};
|
||||||
@@ -671,8 +674,13 @@ async function init() {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 从本地获取商户信息
|
||||||
|
function getLocalShopInfo() {
|
||||||
|
shopInfo.value = JSON.parse(localStorage.getItem("userInfo"));
|
||||||
|
}
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
init();
|
init();
|
||||||
|
getLocalShopInfo();
|
||||||
});
|
});
|
||||||
//计算总优惠券数量
|
//计算总优惠券数量
|
||||||
function totalCount(arr) {
|
function totalCount(arr) {
|
||||||
|
|||||||
@@ -1,11 +1,23 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="gyq_container">
|
<div class="gyq_container">
|
||||||
<div class="gyq_content">
|
<div class="gyq_content">
|
||||||
<HeaderCard name="智慧充值" intro="允许客户充值并使用余额支付" icon="zhcz" showSwitch v-model:isOpen="form.isEnable"></HeaderCard>
|
<HeaderCard
|
||||||
|
name="智慧充值"
|
||||||
|
intro="允许客户充值并使用余额支付"
|
||||||
|
icon="zhcz"
|
||||||
|
showSwitch
|
||||||
|
v-model:isOpen="form.isEnable"
|
||||||
|
></HeaderCard>
|
||||||
<div style="padding-top: 14px">
|
<div style="padding-top: 14px">
|
||||||
<el-tabs v-model="tabsValue">
|
<el-tabs v-model="tabsValue">
|
||||||
<el-tab-pane label="基础设置" :name="1">
|
<el-tab-pane label="基础设置" :name="1">
|
||||||
<el-form ref="formRef" :model="form" :rules="rules" label-width="120" label-position="right">
|
<el-form
|
||||||
|
ref="formRef"
|
||||||
|
:model="form"
|
||||||
|
:rules="rules"
|
||||||
|
label-width="120"
|
||||||
|
label-position="right"
|
||||||
|
>
|
||||||
<el-form-item label="充值面额" required>
|
<el-form-item label="充值面额" required>
|
||||||
<el-button type="primary" @click="AddDialogRef.open()">
|
<el-button type="primary" @click="AddDialogRef.open()">
|
||||||
添加面额
|
添加面额
|
||||||
@@ -14,9 +26,18 @@
|
|||||||
<el-form-item prop="rechargeDetailList">
|
<el-form-item prop="rechargeDetailList">
|
||||||
<el-table :data="form.rechargeDetailList" border stripe>
|
<el-table :data="form.rechargeDetailList" border stripe>
|
||||||
<el-table-column label="ID" prop="id"></el-table-column>
|
<el-table-column label="ID" prop="id"></el-table-column>
|
||||||
<el-table-column label="充值金额(元)" prop="amount"></el-table-column>
|
<el-table-column
|
||||||
<el-table-column label="赠送金额" prop="rewardAmount"></el-table-column>
|
label="充值金额(元)"
|
||||||
<el-table-column label="赠送积分" prop="rewardPoints"></el-table-column>
|
prop="amount"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="赠送金额"
|
||||||
|
prop="rewardAmount"
|
||||||
|
></el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="赠送积分"
|
||||||
|
prop="rewardPoints"
|
||||||
|
></el-table-column>
|
||||||
<el-table-column label="赠送优惠券" prop="couponInfoList">
|
<el-table-column label="赠送优惠券" prop="couponInfoList">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
@@ -32,34 +53,60 @@
|
|||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="120">
|
<el-table-column label="操作" width="120">
|
||||||
<template #default="scope">
|
<template #default="scope">
|
||||||
<el-button type="primary" link @click="AddDialogRef.open(scope.row, scope.$index)">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
link
|
||||||
|
@click="AddDialogRef.open(scope.row, scope.$index)"
|
||||||
|
>
|
||||||
编辑
|
编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="danger" link @click="
|
<el-button
|
||||||
form.rechargeDetailList.splice(scope.$index, 1)
|
type="danger"
|
||||||
">
|
link
|
||||||
|
@click="
|
||||||
|
form.rechargeDetailList.splice(scope.$index, 1)
|
||||||
|
"
|
||||||
|
>
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="选择门店" prop="useType" v-if="shopInfo.isHeadShop">
|
<el-form-item
|
||||||
|
label="选择门店"
|
||||||
|
prop="useType"
|
||||||
|
v-if="shopInfo.isHeadShop"
|
||||||
|
>
|
||||||
<el-radio-group v-model="form.useType">
|
<el-radio-group v-model="form.useType">
|
||||||
<el-radio label="全部门店" value="all"></el-radio>
|
<el-radio label="全部门店" value="all"></el-radio>
|
||||||
<el-radio label="指定门店可用" value="part"></el-radio>
|
<el-radio label="指定门店可用" value="part"></el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="选择门店" v-if="form.useType == 'part'">
|
<el-form-item label="选择门店" v-if="form.useType == 'part'">
|
||||||
<el-select v-model="form.shopIdList" multiple clearable placeholder="请选择门店" style="width: 300px">
|
<el-select
|
||||||
<el-option :label="item.shopName" :value="item.id" v-for="item in branchList"
|
v-model="form.shopIdList"
|
||||||
:key="item.id"></el-option>
|
multiple
|
||||||
|
clearable
|
||||||
|
placeholder="请选择门店"
|
||||||
|
style="width: 300px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
:label="item.shopName"
|
||||||
|
:value="item.id"
|
||||||
|
v-for="item in branchList"
|
||||||
|
:key="item.id"
|
||||||
|
></el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="自定义金额">
|
<el-form-item label="自定义金额">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<el-switch v-model="form.isCustom" :active-value="1" :inactive-value="0" />
|
<el-switch
|
||||||
|
v-model="form.isCustom"
|
||||||
|
:active-value="1"
|
||||||
|
:inactive-value="0"
|
||||||
|
/>
|
||||||
<span class="tips">自定义金额不参与赠送优惠</span>
|
<span class="tips">自定义金额不参与赠送优惠</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -67,7 +114,11 @@
|
|||||||
<el-form-item label="充值并下单">
|
<el-form-item label="充值并下单">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="center">
|
<div class="center">
|
||||||
<el-switch v-model="form.isOrder" :active-value="1" :inactive-value="0" />
|
<el-switch
|
||||||
|
v-model="form.isOrder"
|
||||||
|
:active-value="1"
|
||||||
|
:inactive-value="0"
|
||||||
|
/>
|
||||||
<span class="tips">开启后,订单支付页面显示充值选项</span>
|
<span class="tips">开启后,订单支付页面显示充值选项</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -75,8 +126,13 @@
|
|||||||
<el-form-item label="充值说明" prop="remark">
|
<el-form-item label="充值说明" prop="remark">
|
||||||
<div class="column">
|
<div class="column">
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<el-input type="textarea" :rows="4" :maxlength="250" v-model="form.remark"
|
<el-input
|
||||||
placeholder="填写内容"></el-input>
|
type="textarea"
|
||||||
|
:rows="4"
|
||||||
|
:maxlength="250"
|
||||||
|
v-model="form.remark"
|
||||||
|
placeholder="填写内容"
|
||||||
|
></el-input>
|
||||||
</div>
|
</div>
|
||||||
<div class="item textarea-num">
|
<div class="item textarea-num">
|
||||||
{{ form.remark.length }}/250字内,单文本
|
{{ form.remark.length }}/250字内,单文本
|
||||||
@@ -85,7 +141,12 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<el-button type="primary" size="large" @click="submitHandle">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="large"
|
||||||
|
@click="submitHandle"
|
||||||
|
v-if="shopInfo.isHeadShop && shopInfo.shopType != 'only'"
|
||||||
|
>
|
||||||
保存
|
保存
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="large" @click="back">取消</el-button>
|
<el-button size="large" @click="back">取消</el-button>
|
||||||
@@ -197,7 +258,11 @@ async function couponPageAjax() {
|
|||||||
function couponListFilter(id) {
|
function couponListFilter(id) {
|
||||||
if (id) {
|
if (id) {
|
||||||
let obj = couponList.value.find((item) => item.id == id);
|
let obj = couponList.value.find((item) => item.id == id);
|
||||||
return obj.title;
|
if (obj && obj.title) {
|
||||||
|
return obj.title;
|
||||||
|
} else {
|
||||||
|
return "";
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
return "";
|
return "";
|
||||||
}
|
}
|
||||||
@@ -246,7 +311,6 @@ onMounted(async () => {
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.column {
|
.column {
|
||||||
@@ -280,4 +344,4 @@ onMounted(async () => {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user