czg_team
/
cashier-web
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化

This commit is contained in:
gyq 2025-10-24 14:19:01 +08:00
parent 99881f4d97
commit f518d3d76a
8 changed files with 331 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/api/account/shopUser.ts
View File

@ -63,6 +63,14 @@ const API = {
method: "get", method: "get",
params params
}); });
},
//获取店铺用户详情
vipInfo(params: getRequest) {
return request({
url: `${baseURL}/detail`,
method: "get",
params
});
} }
} }
export default API; export default API;

53
src/views/marketing_center/coupon_exchange_code/components/record.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div> <div>
<el-dialog title="充值兑换码" top="5vh" width="800px" v-model="visible" @closed="closedHandle"> <el-dialog title="券兑换码" top="5vh" width="800px" v-model="visible" @closed="closedHandle">
<el-form label-width="80px" label-position="right"> <el-form label-width="80px" label-position="right">
<el-form-item label="名称"> <el-form-item label="名称">
{{ form.name }} {{ form.name }}
@ -15,7 +15,7 @@
{{ form.stock }} {{ form.stock }}
</el-form-item> </el-form-item>
<el-form-item label="优惠券"> <el-form-item label="优惠券">
{{form.couponInfoList.map(item => item.title).join('、')}} {{form.couponInfoList.map(item => `${item.title}x${item.num}`).join('、')}}
</el-form-item> </el-form-item>
<el-form-item v-if="shopInfo.isHeadShop == 1 || shopInfo.shopType == 'only'"> <el-form-item v-if="shopInfo.isHeadShop == 1 || shopInfo.shopType == 'only'">
<el-button type="primary" @click="addRef.show({ ...form })">编辑</el-button> <el-button type="primary" @click="addRef.show({ ...form })">编辑</el-button>
@ -37,9 +37,16 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="row mt14"> <div class="row">
<el-table :data="tableData.list" border stripe v-loading="tableData.loading" height="300px"> <el-table :data="tableData.list" border stripe v-loading="tableData.loading" height="300px">
<el-table-column label="兑换码" prop="code" /> <el-table-column label="兑换码" prop="code">
<template #default="scope">
<div class="center" @click="copyHandle(scope.row.code)">
<el-text>{{ scope.row.code }}</el-text>
<el-link type="primary">复制</el-link>
</div>
</template>
</el-table-column>
<el-table-column label="状态" prop="status" width="100"> <el-table-column label="状态" prop="status" width="100">
<template #default="scope"> <template #default="scope">
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type"> <el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
@ -48,7 +55,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="兑换时间" prop="redemptionTime" /> <el-table-column label="兑换时间" prop="redemptionTime" />
<el-table-column label="兑换用户" prop="nickName" /> <el-table-column label="兑换用户" prop="nickName">
<template #default="scope">
<div class="column">
<span>{{ scope.row.nickName }}</span>
<span>{{ scope.row.phone }}</span>
</div>
</template>
</el-table-column>
</el-table> </el-table>
</div> </div>
<div class="row mt14"> <div class="row mt14">
@ -66,6 +80,9 @@ import { ref } from "vue";
import add from "./add.vue"; import add from "./add.vue";
import { couponRedemptionCodeList, couponRedemptionDetail, couponRedemptionCodeExport } from "@/api/coupon/index.js"; import { couponRedemptionCodeList, couponRedemptionDetail, couponRedemptionCodeExport } from "@/api/coupon/index.js";
import { downloadFile } from "@/utils/index"; import { downloadFile } from "@/utils/index";
import { ElNotification } from 'element-plus'
import useClipboard from "vue-clipboard3";
const { toClipboard } = useClipboard();
const emit = defineEmits(['update']); const emit = defineEmits(['update']);
const addRef = ref(null); const addRef = ref(null);
@ -96,6 +113,21 @@ const resetForm = () => {
}; };
}; };
// 复制
async function copyHandle(text) {
try {
await toClipboard(text);
ElNotification({
title: "成功",
message: `复制成功`,
type: "success",
});
console.log("Copied to clipboard");
} catch (e) {
console.error(e);
}
}
// 关闭 // 关闭
function closedHandle() { function closedHandle() {
resetForm(); resetForm();
@ -223,4 +255,15 @@ defineExpose({
margin-top: 14px; margin-top: 14px;
} }
} }
.center {
display: flex;
align-items: center;
gap: 10px;
}
.column {
display: flex;
flex-direction: column;
}
</style> </style>

18
src/views/marketing_center/discount_limit/components/add.vue
View File

@ -75,13 +75,13 @@
<el-radio label="优先使用会员价/会员折扣" value="vip-price"></el-radio> <el-radio label="优先使用会员价/会员折扣" value="vip-price"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="参与商品" prop="goodsType"> <el-form-item label="参与商品">
<el-radio-group v-model="form.foodType" @change="goodRadioChnage"> <el-radio-group v-model="form.foodType" @change="goodRadioChnage">
<el-radio label="全部商品可用" :value="1"></el-radio> <el-radio label="全部商品可用" :value="1"></el-radio>
<el-radio label="部分商品可用" :value="2"></el-radio> <el-radio label="部分商品可用" :value="2"></el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item v-if="form.foodType == 2"> <el-form-item v-if="form.foodType == 2" prop="goodsType">
<el-cascader v-model="goodsTypeCascaderValue" :options="goodsList" :props="cascaderProps" <el-cascader v-model="goodsTypeCascaderValue" :options="goodsList" :props="cascaderProps"
:show-all-levels="false" :max-collapse-tags="3" collapse-tags clearable style="width: 300px" :show-all-levels="false" :max-collapse-tags="3" collapse-tags clearable style="width: 300px"
@change="selectFoodsConfirm"></el-cascader> @change="selectFoodsConfirm"></el-cascader>
@ -215,7 +215,7 @@ const useShopTypeValidate = (rule, value, callback) => {
// 自定义校验参与商品（用于模板中 goodsType 判断） // 自定义校验参与商品（用于模板中 goodsType 判断）
const goodsTypeValidate = (rule, value, callback) => { const goodsTypeValidate = (rule, value, callback) => {
if (goodsType.value == 2 && form.value.foods === "") { if (form.value.foodType == 2 && form.value.foods === "") {
callback(new Error("请选择商品")); callback(new Error("请选择商品"));
} else { } else {
callback(); callback();
@ -266,7 +266,7 @@ const formRules = reactive({
}, },
trigger: "change", trigger: "change",
}, },
], ]
}); });
// 开始提交 // 开始提交
@ -278,7 +278,11 @@ function submitHandle() {
if (valid) { if (valid) {
loading.value = true; loading.value = true;
const data = { ...form.value }; const data = { ...form.value };
if (form.value.id) {
data.shopId = form.value.shopId;
} else {
data.shopId = shopInfo.value.shopId; data.shopId = shopInfo.value.shopId;
}
data.useDays = form.value.useDays.join(","); data.useDays = form.value.useDays.join(",");
data.useType = form.value.useType.join(","); data.useType = form.value.useType.join(",");
await limitTimeDiscount(data, form.value.id ? "put" : "post"); await limitTimeDiscount(data, form.value.id ? "put" : "post");
@ -315,7 +319,7 @@ async function getBranchPageAjax() {
// 获取商品列表 // 获取商品列表
const goodsList = ref([]); const goodsList = ref([]);
async function getProductListAjax() { async function getProductListAjax(shopId) {
try { try {
const categorys = await getCategoryList(); const categorys = await getCategoryList();
const products = await getProductList(); const products = await getProductList();
@ -365,6 +369,8 @@ function show(obj = null) {
}); });
if (obj && obj.id) { if (obj && obj.id) {
getProductListAjax(form.value.shopId);
form.value = { ...obj }; form.value = { ...obj };
form.value.useDays = form.value.useDays.split(","); form.value.useDays = form.value.useDays.split(",");
@ -403,6 +409,7 @@ function show(obj = null) {
console.log(useTimeScope.value); console.log(useTimeScope.value);
} }
} else { } else {
getProductListAjax(shopInfo.value.shopId);
reset(); reset();
} }
dialogVisible.value = true; dialogVisible.value = true;
@ -468,7 +475,6 @@ onMounted(() => {
resetForm.value = { ...form.value }; resetForm.value = { ...form.value };
getLocalShopInfo(); getLocalShopInfo();
getBranchPageAjax(); getBranchPageAjax();
getProductListAjax();
}); });
</script> </script>

15
src/views/marketing_center/order_recommendation/index.vue
View File

@ -8,7 +8,7 @@
<div class="row mt14"> <div class="row mt14">
<div class="center"> <div class="center">
<el-button type="primary" @click="addRef.show()">添加</el-button> <el-button type="primary" @click="addRef.show()">添加</el-button>
<el-button type="primary" plain @click="visible = true">首次弹窗触发事件</el-button> <el-button type="primary" plain :loading="showDialogLoading" @click="showDialogHandle">首次弹窗触发事件</el-button>
<span class="tips">多个弹窗时，每个弹窗之间关闭和弹出间隔为30秒</span> <span class="tips">多个弹窗时，每个弹窗之间关闭和弹出间隔为30秒</span>
</div> </div>
</div> </div>
@ -23,13 +23,13 @@
<div v-else>{{ scope.row.useStartTime }} - {{ scope.row.useEndTime }}</div> <div v-else>{{ scope.row.useStartTime }} - {{ scope.row.useEndTime }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="启用状态" prop="status"> <el-table-column label="启用状态" prop="status" width="150">
<template #default="scope"> <template #default="scope">
<el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0" <el-switch v-model="scope.row.status" :active-value="1" :inactive-value="0"
@change="statusChange($event, scope.row)" /> @change="statusChange($event, scope.row)" />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作"> <el-table-column label="操作" width="120" fixed="right">
<template #default="scope"> <template #default="scope">
<el-button link type="primary" @click="addRef.show(scope.row)">编辑</el-button> <el-button link type="primary" @click="addRef.show(scope.row)">编辑</el-button>
<el-popconfirm title="确认要删除吗？" @confirm="deleteHandle(scope.row)"> <el-popconfirm title="确认要删除吗？" @confirm="deleteHandle(scope.row)">
@ -140,6 +140,15 @@ async function shopInfoGetAjax() {
} }
} }
// 限时弹窗
const showDialogLoading = ref(false)
async function showDialogHandle() {
showDialogLoading.value = true
await shopInfoGetAjax()
showDialogLoading.value = false
visible.value = true
}
const visible = ref(false) const visible = ref(false)
const confirmLoading = ref(false) const confirmLoading = ref(false)
const formRef = ref(null) const formRef = ref(null)

46
src/views/marketing_center/recharge_exchange/components/record.vue
View File

@ -39,7 +39,14 @@
</div> </div>
<div class="row mt14"> <div class="row mt14">
<el-table :data="tableData.list" border stripe v-loading="tableData.loading" height="300px"> <el-table :data="tableData.list" border stripe v-loading="tableData.loading" height="300px">
<el-table-column label="兑换码" prop="code" /> <el-table-column label="兑换码" prop="code">
<template #default="scope">
<div class="center" @click="copyHandle(scope.row.code)">
<el-text>{{ scope.row.code }}</el-text>
<el-link type="primary">复制</el-link>
</div>
</template>
</el-table-column>
<el-table-column label="状态" prop="status" width="100"> <el-table-column label="状态" prop="status" width="100">
<template #default="scope"> <template #default="scope">
<el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type"> <el-tag disable-transitions :type="statusList.find(item => item.value === scope.row.status).type">
@ -48,7 +55,14 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="兑换时间" prop="redemptionTime" /> <el-table-column label="兑换时间" prop="redemptionTime" />
<el-table-column label="兑换用户" prop="nickName" /> <el-table-column label="兑换用户" prop="nickName">
<template #default="scope">
<div class="column">
<span>{{ scope.row.nickName }}</span>
<span>{{ scope.row.phone }}</span>
</div>
</template>
</el-table-column>
</el-table> </el-table>
</div> </div>
<div class="row mt14"> <div class="row mt14">
@ -66,6 +80,8 @@ import { ref } from "vue";
import add from "./add.vue"; import add from "./add.vue";
import { rechargeRedemptionCodeList, rechargeRedemptionDetail, rechargeRedemptionExport } from "@/api/coupon/index.js"; import { rechargeRedemptionCodeList, rechargeRedemptionDetail, rechargeRedemptionExport } from "@/api/coupon/index.js";
import { downloadFile } from "@/utils/index"; import { downloadFile } from "@/utils/index";
import useClipboard from "vue-clipboard3";
const { toClipboard } = useClipboard();
const emit = defineEmits(['update']); const emit = defineEmits(['update']);
const addRef = ref(null); const addRef = ref(null);
@ -94,6 +110,21 @@ const resetForm = () => {
}; };
}; };
// 复制
async function copyHandle(text) {
try {
await toClipboard(text);
ElNotification({
title: "成功",
message: `复制成功`,
type: "success",
});
console.log("Copied to clipboard");
} catch (e) {
console.error(e);
}
}
// 关闭 // 关闭
function closedHandle() { function closedHandle() {
resetForm(); resetForm();
@ -220,4 +251,15 @@ defineExpose({
margin-top: 14px; margin-top: 14px;
} }
} }
.center {
display: flex;
align-items: center;
gap: 10px;
}
.column {
display: flex;
flex-direction: column;
}
</style> </style>

111
src/views/user/list/components/user-coupon-dialog.vue
View File

@ -1,72 +1,53 @@
<template> <template>
<div> <div>
<el-dialog title="优惠券" v-model="visible" width="80%"> <el-dialog title="优惠券" v-model="visible" width="1200px">
<el-form :inline="true" :model="form"> <el-form :inline="true" :model="form">
<el-form-item label="券名称"> <el-form-item label="券名称">
<el-input v-model="form.name" placeholder="请输入券名称"></el-input> <el-input v-model="form.name" placeholder="请输入券名称"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="状态"> <el-form-item label="状态">
<el-select v-model="form.status" placeholder="请选择" style="width: 140px"> <el-select v-model="form.status" placeholder="请选择" style="width: 140px">
<el-option <el-option v-for="item in status" :key="item.value" :label="item.label" :value="item.value" />
v-for="item in status"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="领取时间"> <el-form-item label="领取时间">
<el-date-picker <el-date-picker v-model="form.date" type="daterange" value-format="yyyy-MM-dd" range-separator="至"
v-model="form.date" start-placeholder="开始日期" end-placeholder="结束日期" />
type="daterange"
value-format="yyyy-MM-dd"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
/>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" @click="handleSearch">搜索</el-button> <el-button type="primary" @click="handleSearch" :loading="loading">搜索</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table style="width: 100%" :data="tableData" stripe border v-loading="loading">
<el-table <el-table-column prop="id" label="券ID" width="80" />
style="width: 100%" <el-table-column prop="name" label="券名称" width="250" />
:data="tableData"
:columns="columns"
:pagination="pagination"
:row-key="getRowKey"
>
<el-table-column prop="id" label="券ID" />
<el-table-column prop="name" label="券名称" />
<!-- <el-table-column prop="type" label="券类型" /> --> <!-- <el-table-column prop="type" label="券类型" /> -->
<el-table-column prop="createTime" label="领取时间" /> <el-table-column prop="createTime" label="领取时间" width="250" />
<el-table-column prop="useTime" label="使用时间" /> <el-table-column prop="useTime" label="使用时间" width="250" />
<el-table-column prop="source" label="领取来源" /> <el-table-column prop="source" label="领取来源" width="150" />
<el-table-column label="操作"> <el-table-column prop="status" label="状态">
<template #default="scope"> <template #default="scope">
<el-link :underline="false" type="primary" size="mini">查看</el-link> <el-tag disable-transitions :type="status.find(item => item.value === scope.row.status).type">
<el-link {{status.find(item => item.value === scope.row.status).label}}
:underline="false" </el-tag>
type="danger" </template>
class="ml-4" </el-table-column>
@click="deleteCoupon(scope.row)" <el-table-column label="操作" width="80" fixed="right">
size="mini" <template #default="scope">
> <!-- <el-button link type="primary" @click="">查看</el-button> -->
删除 <el-popconfirm title="确认要失效吗？" @confirm="deleteCoupon(scope.row)">
</el-link> <template #reference>
<el-button type="danger" link icon="EditPen">失效</el-button>
</template>
</el-popconfirm>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<el-pagination <div style="margin-top: 14px;display: flex;justify-content: flex-end;">
v-model:current-page="pagination.page" <el-pagination v-model:current-page="pagination.page" v-model:page-size="pagination.size"
v-model:page-size="pagination.size" :total="pagination.total" layout="total, sizes, prev, pager, next, jumper" @current-change="getList"
:total="pagination.total" @size-change="getList" />
layout="total, sizes, prev, pager, next, jumper" </div>
@current-change="getList"
@size-change="getList"
/>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -75,12 +56,12 @@
import couponApi from "@/api/market/coupon"; import couponApi from "@/api/market/coupon";
import { ref, reactive } from "vue"; import { ref, reactive } from "vue";
const status = [ const status = reactive([
{ label: "全部", value: "" }, { label: "全部", value: "", type: 'info' },
{ label: "未使用", value: 0 }, { label: "未使用", value: 0, type: 'warning' },
{ label: "已使用", value: 1 }, { label: "已使用", value: 1, type: 'info' },
{ label: "已过期", value: 2 }, { label: "已过期", value: 2, type: 'info' },
]; ]);
const visible = ref(false); const visible = ref(false);
const form = reactive({ const form = reactive({
status: 0, status: 0,
@ -105,12 +86,24 @@ function open(data) {
function close() { function close() {
visible.value = false; visible.value = false;
} }
function getList() {
couponApi.getRecordByUser({ ...form, ...pagination }).then((res) => { function handleSearch() {
console.log(res); getList()
}
const loading = ref(false)
async function getList() {
try {
loading.value = true
const res = await couponApi.getRecordByUser({ ...form, ...pagination })
tableData.value = res.records; tableData.value = res.records;
pagination.total = res.totalRow; pagination.total = res.totalRow;
}); } catch (error) {
console.log(error);
}
setTimeout(() => {
loading.value = false
}, 300);
} }
function deleteCoupon(row) { function deleteCoupon(row) {

2
src/views/user/list/config/content.ts
View File

@ -104,9 +104,11 @@ const contentConfig: IContentConfig<any> = {
name: "more", name: "more",
text: "更多", text: "更多",
options: [ options: [
// { label: '增减积分', command: 'change-points' },
{ label: '增减余额', command: 'change-money' }, { label: '增减余额', command: 'change-money' },
{ label: '充值记录', command: 'charge-list' }, { label: '充值记录', command: 'charge-list' },
{ label: '赠送券', command: 'give-coupon' }, { label: '赠送券', command: 'give-coupon' },
{ label: '账号禁用/开启', command: 'user-disabld' },
] ]
}, },
], ],

155
src/views/user/list/index.vue
View File

@ -32,15 +32,19 @@
@edit-click="handleEditClick" @export-click="handleExportClick" @search-click="handleSearchClick" @edit-click="handleEditClick" @export-click="handleExportClick" @search-click="handleSearchClick"
@toolbar-click="handleToolbarClick" @operat-click="handleOperatClick" @filter-change="handleFilterChange"> @toolbar-click="handleToolbarClick" @operat-click="handleOperatClick" @filter-change="handleFilterChange">
<template #status="scope"> <template #status="scope">
<el-tag :type="scope.row[scope.prop] == 1 ? 'success' : 'info'"> <el-link :type="scope.row[scope.prop] == 1 ? 'success' : 'info'">
{{ scope.row[scope.prop] == 1 ? "启用" : "禁用" }} {{ scope.row[scope.prop] == 1 ? "启用" : "禁用" }}
</el-tag> </el-link>
</template> </template>
<template #options="scope"> <template #options="scope">
{{ returnOptionsLabel(scope.prop, scope.row[scope.prop]) }} {{ returnOptionsLabel(scope.prop, scope.row[scope.prop]) }}
</template> </template>
<template #bol="scope"> <template #bol="scope">
{{ scope.row[scope.prop] ? "是" : "否" }} <el-tag disable-transitions type="primary" v-if="scope.row.isVip" @click="showVipInfoHandle(scope.row)"
style="cursor: pointer;">
{{ scope.row.memberLevelName }}
</el-tag>
<span v-else>否</span>
</template> </template>
<template #gender="scope"> <template #gender="scope">
<el-tag :type="scope.row[scope.prop] == null <el-tag :type="scope.row[scope.prop] == null
@ -97,6 +101,46 @@
<UserCouponDialog ref="userCouponDialogRef"></UserCouponDialog> <UserCouponDialog ref="userCouponDialogRef"></UserCouponDialog>
<!-- 赠送券 --> <!-- 赠送券 -->
<GiveCoupon ref="GiveCouponRef"></GiveCoupon> <GiveCoupon ref="GiveCouponRef"></GiveCoupon>
<el-dialog :title="`账号${userRow.status == 0 ? '开启' : '禁用'}`" width="600px" v-model="visible">
<span>确定要{{ userRow.status == 0 ? '开启' : '禁用' }}【{{ userRow.nickName }} / {{ userRow.phone }}】账号吗？</span>
<template #footer>
<div class="dialog-footer">
<el-button @click="visible = false">取 消</el-button>
<el-button type="primary" @click="handleOk" :loading="confirmLoading">确 定</el-button>
</div>
</template>
</el-dialog>
<!-- 会员详情 -->
<el-dialog title="会员详情" width="600px" v-model="vipDialogVisable">
<div class="vip_info">
<div class="top">
<el-avatar :src="currentVipInfo.headImg" :size="60" shape="square"></el-avatar>
<div class="info">
<div class="name">{{ currentVipInfo.nickName }}</div>
<div class="id">ID：{{ currentVipInfo.id }}</div>
</div>
</div>
<div class="btm">
<div class="row">
<span class="row_t">会员等级：</span>
<span class="row_b">{{ currentVipInfo.memberLevelName }}</span>
</div>
<div class="row">
<span class="row_t">开通时间：</span>
<span class="row_b">{{ currentVipInfo.startTime }}</span>
</div>
<div class="row">
<span class="row_t">到期时间：</span>
<span class="row_b" style="color: #FF2F2F;">{{ currentVipInfo.endTime }}</span>
</div>
<div class="row">
<span class="row_t">成长值</span>
<span class="row_b" style="margin-left: 6px;">{{ currentVipInfo.experience }}</span>
<span class="tips">（距离{{ currentVipInfo.nextMemberLevelName }}还差{{ currentVipInfo.nextExperience }}）</span>
</div>
</div>
</div>
</el-dialog>
</div> </div>
</template> </template>
@ -112,6 +156,7 @@ import searchConfig from "./config/search";
import { returnOptionsLabel } from "./config/config"; import { returnOptionsLabel } from "./config/config";
import shopUserApi from "@/api/account/shopUser"; import shopUserApi from "@/api/account/shopUser";
import { useRoute } from 'vue-router' import { useRoute } from 'vue-router'
import { ElNotification } from 'element-plus'
const editMoneyModalRef = ref(null); const editMoneyModalRef = ref(null);
const userCouponDialogRef = ref(null); const userCouponDialogRef = ref(null);
const GiveCouponRef = ref(null); const GiveCouponRef = ref(null);
@ -196,6 +241,61 @@ function handleToolbarClick(name) {
} }
} }
// 账号禁用 start
const userRow = ref('')
const visible = ref(false)
const confirmLoading = ref(false)
async function handleOk() {
try {
confirmLoading.value = true
const shopId = localStorage.getItem('shopId')
let state = 0
if (userRow.value.status == 0) {
state = 1
} else {
state = 0
}
await shopUserApi.edit(shopId, { id: userRow.value.id, status: state })
searchQueryClick()
ElNotification({
title: '注意',
message: `${userRow.value.status == 0 ? '开启' : '禁用'}成功`,
type: 'success'
})
} catch (error) {
console.log(error);
}
setTimeout(() => {
confirmLoading.value = false
visible.value = false
}, 300);
}
// 账号禁用 end
// 会员详情 start
const vipDialogVisable = ref(false)
const currentVipInfo = ref('')
const currentVipUser = ref('')
function showVipInfoHandle(row) {
currentVipUser.value = { ...row }
vipDialogVisable.value = true
getUserVipInfo()
}
// 获取会员详情
async function getUserVipInfo() {
try {
const res = await shopUserApi.vipInfo({ id: currentVipUser.value.id })
currentVipInfo.value = res
console.log('getUserVipInfo===', res);
} catch (error) {
console.log(error);
}
}
// 会员详情 end
// 赠送券 // 赠送券
function toGiveCoupon() { } function toGiveCoupon() { }
// 其他操作列 // 其他操作列
@ -219,6 +319,11 @@ async function handleOperatClick(data) {
GiveCouponRef.value.open(row); GiveCouponRef.value.open(row);
return; return;
} }
if (data.command === 'user-disabld') {
userRow.value = { ...row }
visible.value = true
return
}
return; return;
} }
} }
@ -270,4 +375,48 @@ onMounted(() => {
} }
} }
} }
.vip_info {
.top {
padding: 14px;
background-color: #f5f5f5;
display: flex;
align-items: center;
.info {
padding-left: 10px;
display: flex;
flex-direction: column;
.name {
font-size: 16px;
color: #333;
}
.id {
font-size: 14px;
color: #666;
}
}
}
.btm {
margin-top: 14px;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(auto, 1fr);
grid-column-gap: 14px;
grid-row-gap: 14px;
.row {
.row_t {
color: #666;
}
.row_b {
color: #333;
}
}
}
}
</style> </style>