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

Merge branch 'ymf' of https://newgitea.sxczgkj.cn/czg_team/cashier-web into gyq

This commit is contained in:
gyq 2025-10-11 13:51:25 +08:00
parent e308e6ff4b 8087d9844b
commit b65955f2cc
11 changed files with 920 additions and 531 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.env.location
View File

@ -8,13 +8,13 @@ VITE_APP_PORT=3000
# VITE_APP_API_URL=https://tapi.cashier.sxczgkj.cn/ # 测试
# VITE_APP_API_URL=https://cashier.sxczgkj.com/ # 正式
VITE_APP_API_URL=http://192.168.1.31/ # 本地
VITE_APP_API_URL=http://192.168.1.42/ # 本地
# WebSocket 端点（不配置则关闭），线上 ws://api.youlai.tech/ws ，本地 ws://localhost:8989/ws
# VITE_APP_WS_ENDPOINT=wss://sockets.sxczgkj.com/wss
# VITE_APP_WS_ENDPOINT=wss://czgeatws.sxczgkj.com/wss # 正式
VITE_APP_WS_ENDPOINT=ws://192.168.1.31:2348 # 本地
VITE_APP_WS_ENDPOINT=ws://192.168.1.42:2348 # 本地
# 启用 Mock 服务

4
README.md
View File

@ -34,8 +34,8 @@ vscode如果无代码提示
映射地址
<https://fv901fw8033.vicp.fun/>
1. 上传.zip文件解压到服务器的 /home/web下
2. cd到/home/web下
1. ***cd /usr/share/nginx/html***
2. 上传.zip文件服务器的 /usr/share/nginx/html下
3. 执行命令
```unzip -o dist.zip```

168
src/api/account/shop.ts
View File

@ -1,9 +1,9 @@
import request from "@/utils/request";
const baseURL = "account/admin/shopInfo";
const baseURL = "/account/admin/shopInfo";
const ShopApi = {
/** 获取店铺列表*/
getList(params : PageQuery) {
getList(params: PageQuery) {
return request<any, ShopInfoEditDTO[]>({
url: `${baseURL}`,
method: "get",
@ -11,48 +11,48 @@ const ShopApi = {
});
},
/** 获取店铺分店列表*/
getOtherShopList(params : PageQuery) {
getOtherShopList(params: PageQuery) {
return request<any, ShopInfoEditDTO[]>({
url: `${baseURL}/otherShop`,
method: "get",
params: params,
});
},
getBranchList(params : PageQuery) {
getBranchList(params: PageQuery) {
return request<any, ShopInfoEditDTO[]>({
url: `${baseURL}/branchList`,
method: "get",
params: params,
});
},
getBranchChange(id : PageQuery) {
getBranchChange(id: PageQuery) {
return request<any, ShopInfoEditDTO[]>({
url: `${baseURL}/change/${id}`,
method: "post",
});
},
add(data : ShopInfoEditDTO) {
add(data: ShopInfoEditDTO) {
return request<any, ShopInfoEditDTO>({
url: `${baseURL}`,
method: "post",
data,
});
},
edit(data : ShopInfoEditDTO) {
edit(data: ShopInfoEditDTO) {
return request<any, ShopInfoEditDTO>({
url: `${baseURL}`,
method: "put",
data,
});
},
get(params : getRequest) {
get(params: getRequest) {
return request<any, ShopInfo>({
url: `${baseURL}/detail`,
method: "get",
params
});
},
delete(params : any) {
delete(params: any) {
return request({
url: `${baseURL}`,
method: "delete",
@ -66,39 +66,39 @@ export interface getRequest {
/**
* 店铺id，可不传，不传递则为获取当前用户店铺
*/
id ?: string | number;
[property : string] : any;
id?: string | number;
[property: string]: any;
}
/**
* ShopInfoEditDTO
*/
export interface ShopInfoEditDTO {
accountName ?: null | string;
accountPwd ?: null | string;
activateCode ?: null | string;
address ?: null | string;
chainName ?: null | string;
detail ?: null | string;
frontImg ?: null | string;
id : number | null;
lat ?: null | string;
lng ?: null | string;
logo ?: null | string;
phone ?: null | string;
profiles ?: null | string;
roleId ?: number | null;
shopName ?: null | string;
shopType ?: null | string;
[property : string] : any;
accountName?: null | string;
accountPwd?: null | string;
activateCode?: null | string;
address?: null | string;
chainName?: null | string;
detail?: null | string;
frontImg?: null | string;
id: number | null;
lat?: null | string;
lng?: null | string;
logo?: null | string;
phone?: null | string;
profiles?: null | string;
roleId?: number | null;
shopName?: null | string;
shopType?: null | string;
[property: string]: any;
}
export interface PageQuery {
page : number;
shopName ?: string;
size : number;
status ?: number;
[property : string] : any;
page: number;
shopName?: string;
size: number;
status?: number;
[property: string]: any;
}
@ -109,193 +109,193 @@ export interface ShopInfo {
/**
* 详细地址
*/
address ?: null | string;
address?: null | string;
/**
* 项目分类
*/
article ?: null | string;
article?: null | string;
/**
* 背景图
*/
backImg ?: null | string;
backImg?: null | string;
/**
* 开票系统账号
*/
bindAccount ?: null | string;
bindAccount?: null | string;
/**
* 台桌预订短信
*/
bookingSms ?: null | string;
bookingSms?: null | string;
/**
* 营业时间(周结束)
*/
businessEndDay ?: null | string;
businessEndDay?: null | string;
/**
* 营业时间(周开始)
*/
businessStartDay ?: null | string;
businessStartDay?: null | string;
/**
* 营业时间
*/
businessTime ?: null | string;
businessTime?: null | string;
/**
* 连锁店扩展店名
*/
chainName ?: null | string;
chainName?: null | string;
/**
* 市
*/
cities ?: null | string;
cities?: null | string;
/**
* 积分群体 all-所有 vip-仅针对会员
*/
consumeColony ?: null | string;
consumeColony?: null | string;
/**
* 联系人姓名
*/
contactName ?: null | string;
contactName?: null | string;
/**
* 封面图
*/
coverImg ?: null | string;
createTime ?: null | string;
coverImg?: null | string;
createTime?: null | string;
/**
* 店铺简介
*/
detail ?: null | string;
detail?: null | string;
/**
* 区/县
*/
districts ?: null | string;
districts?: null | string;
/**
* 就餐模式 堂食 dine-in 外带 take-out
*/
eatModel ?: null | string;
eatModel?: null | string;
/**
* 到期时间
*/
expireTime ?: null | string;
expireTime?: null | string;
/**
* 门头照
*/
frontImg ?: null | string;
frontImg?: null | string;
/**
* 使用系统用户 sys_user id
*/
id ?: number | null;
id?: number | null;
/**
* 是否开启会员余额支付
*/
isAccountPay ?: number | null;
isAccountPay?: number | null;
/**
* 是否允许会员自定义金额 1 允许 0 不允许
*/
isCustomAmount ?: number | null;
isCustomAmount?: number | null;
/**
* 是否开启会员充值密码 1 启用 0 禁用
*/
isMemberInPwd ?: number | null;
isMemberInPwd?: number | null;
/**
* 是否启用会员价 0否1是
*/
isMemberPrice ?: number | null;
isMemberPrice?: number | null;
/**
* 是否开启会员退款密码 1 启用 0 禁用
*/
isMemberReturnPwd ?: number | null;
isMemberReturnPwd?: number | null;
/**
* 是否开启退款密码 1 启用 0 禁用
*/
isReturnPwd ?: number | null;
isReturnPwd?: number | null;
/**
* 是否免除桌位费 0否1是
*/
isTableFee ?: number | null;
isTableFee?: number | null;
/**
* 经纬度
*/
lat ?: null | string;
lat?: null | string;
/**
* 经纬度
*/
lng ?: null | string;
lng?: null | string;
/**
* 店铺logo
*/
logo ?: null | string;
logo?: null | string;
/**
* 主店id
*/
mainId ?: number | null;
mainId?: number | null;
/**
* 0停业 1，正常营业 2，网上售卖
*/
onSale ?: number | null;
onSale?: number | null;
/**
* 操作密码
*/
operationPwd ?: null | string;
operationPwd?: null | string;
/**
* 店铺收款码
*/
paymentQrcode ?: null | string;
paymentQrcode?: null | string;
/**
* 联系电话
*/
phone ?: null | string;
phone?: null | string;
/**
* trial试用版，release正式
*/
profiles ?: null | string;
profiles?: null | string;
/**
* 省
*/
provinces ?: null | string;
registerType ?: null | string;
provinces?: null | string;
registerType?: null | string;
/**
* 数电发票类型
*/
sdType ?: null | string;
sdType?: null | string;
/**
* 店铺名称
*/
shopName ?: null | string;
shopName?: null | string;
/**
* 商家二维码
*/
shopQrcode ?: null | string;
shopQrcode?: null | string;
/**
* 店铺类型 单店--only 连锁店--chain--加盟店join （对应原来 type）
*/
shopType ?: null | string;
shopType?: null | string;
/**
* 小程序码(零点八零首页)
*/
smallQrcode ?: null | string;
smallQrcode?: null | string;
/**
* -1 平台禁用 0-过期，1正式营业，
*/
status ?: number | null;
status?: number | null;
/**
* 店铺口号
*/
subTitle ?: null | string;
subTitle?: null | string;
/**
* 桌位费
*/
tableFee ?: number | null;
tableFee?: number | null;
/**
* 商家标签
*/
tag ?: null | string;
tag?: null | string;
/**
* 税率
*/
taxAmount ?: null | string;
taxAmount?: null | string;
/**
* 管理 0否 1是, 1 为直接管理 可切换店铺 0 不可以切换
*/
tubeType ?: number | null;
updateTime ?: null | string;
[property : string] : any;
tubeType?: number | null;
updateTime?: null | string;
[property: string]: any;
}

10
src/api/config.ts
View File

@ -4,8 +4,8 @@
// 商品，耗材相关：<https://tapi.cashier.sxczgkj.cn/product/>
// 系统相关：<https://tapi.cashier.sxczgkj.cn/system/>
export const Account_BaseUrl = "account";
export const Order_BaseUrl = "order";
export const Product_BaseUrl = "product";
export const System_BaseUrl = "system";
export const Market_BaseUrl = "market";
export const Account_BaseUrl = "/account";
export const Order_BaseUrl = "/order";
export const Product_BaseUrl = "/product";
export const System_BaseUrl = "/system";
export const Market_BaseUrl = "/market";

22
src/store/modules/carts.ts
View File

@ -31,6 +31,7 @@ interface PointDeductionRule {
maxDeductionAmount: number;
}
export const useCartsStore = defineStore("carts", () => {
// ------------------------------ 1. 移到内部的工具函数（核心修复） ------------------------------
// 适配工具库 BaseCartItem 接口的商品数据转换函数（原外部函数，现在内部）
@ -93,7 +94,7 @@ export const useCartsStore = defineStore("carts", () => {
const vipUser = ref<{ id?: string | number, isVip?: boolean }>({});
function changeUser(user: any) {
vipUser.value = user;
userPoints.value = 0;
payParamsInit()
}
// 就餐类型
@ -274,6 +275,7 @@ export const useCartsStore = defineStore("carts", () => {
// 订单费用汇总（调用内部的 getAllGoodsList）
const orderCostSummary = computed(() => {
allGoods.value = getAllGoodsList();
console.log(' allGoods.value', allGoods.value);
const costSummary = OrderPriceCalculator.calculateOrderCostSummary(
allGoods.value,
dinnerType.value,
@ -283,6 +285,8 @@ export const useCartsStore = defineStore("carts", () => {
cartOrder.value,
new Date()
);
console.log('costSummary', costSummary);
return costSummary;
});
@ -381,10 +385,10 @@ export const useCartsStore = defineStore("carts", () => {
}
function changeSelCart(cart: CartsState) {
console.log(cart)
if (!cart.id) {
return
}
if (cart.placeNum) {
selPlaceNum.value = cart.placeNum
isOldOrder.value = true
@ -394,11 +398,7 @@ export const useCartsStore = defineStore("carts", () => {
})
return
}
if (cart.is_gift) {
isSelGift.value = true
} else {
isSelGift.value = false
}
if (cart.is_gift) {
isSelGift.value = true
@ -407,7 +407,9 @@ export const useCartsStore = defineStore("carts", () => {
} else {
isSelGift.value = false
isOldOrder.value = false
selListIndex.value = list.value.findIndex((item: CartsState) => item.id === cart.id);
console.log('selListIndex.value', selListIndex.value)
}
}
@ -672,10 +674,14 @@ export const useCartsStore = defineStore("carts", () => {
}
if (msg.operate_type === "manage_edit") {
const newCart = msg.data;
const skuData = getProductDetails({ product_id: msg.data.product_id, sku_id: msg.data.sku_id });
console.log('skuData,', skuData);
const newCart = { ...skuData, ...msg.data };
const listIndex = list.value.findIndex(item => item.id === newCart.id);
const giftIndex = giftList.value.findIndex(item => item.id === newCart.id);
if (giftIndex > -1) {
if (!newCart.is_gift) {
giftList.value.splice(giftIndex, 1);

49
src/utils/coupon-utils.js
View File

@ -77,7 +77,6 @@ export function returnCanDikouGoodsArr(canDikouGoodsArr, selCoupon, user) {
prev.push(...goodsWithType);
return prev;
}, []);
const arr = _.cloneDeep(canDikouGoodsArr)
.map((v) => {
const findCart = goodsCouponGoods.find((carts) => carts.id == v.id);
@ -116,19 +115,17 @@ export function returnCanDikouGoodsArr(canDikouGoodsArr, selCoupon, user) {
*/
export function returnCouponCanUse(args) {
let { canDikouGoodsArr, coupon, goodsOrderPrice, user, selCoupon, shopInfo } = args;
// 优惠券未启用
if (!coupon.use) {
return {
canUse: false,
reason: "优惠券未启用",
reason: coupon.noUseRestrictions || "不在可用时间段内",
};
}
// 计算门槛金额
let fullAmount = goodsOrderPrice;
canDikouGoodsArr = returnCanDikouGoodsArr(canDikouGoodsArr, selCoupon, user, shopInfo);
//优惠券指定门槛商品列表
let canCalcGoodsArr = [...canDikouGoodsArr];
//部分商品参与门槛计算
@ -187,7 +184,13 @@ export function returnCouponCanUse(args) {
// 商品兑换券，第二件半价和买一送一判断是否有可用商品
if ([2, 4, 5].includes(coupon.type)) {
// 没有符合条件的商品
if (!isDikouAll && canCalcGoodsArr.length === 0) {
if (isDikouAll && canDikouGoodsArr.length === 0) {
return {
canUse: false,
reason: "没有符合条件的商品",
};
}
if (!isDikouAll && canUseGoodsArr.length === 0) {
return {
canUse: false,
reason: "没有符合条件的商品",
@ -289,7 +292,8 @@ export function returnCouponDiscount(arr, coupon, user, goodsOrderPrice, selCoup
return returnCouponProductDiscount(canDikouGoodsArr, coupon, user, shopInfo);
}
if (coupon.type == 6) {
return returnCouponBuyOneGiveOneDiscount(canDikouGoodsArr, coupon, user, shopInfo);
const result = returnCouponBuyOneGiveOneDiscount(canDikouGoodsArr, coupon, user, shopInfo);
return result;
}
if (coupon.type == 4) {
return returnSecoendDiscount(canDikouGoodsArr, coupon, user, shopInfo);
@ -403,7 +407,7 @@ function returnCouponBuyOneGiveOneDiscount(canDikouGoodsArr, coupon, user, shopI
if (useRule == "price_asc") {
discountGoods = canUseGoods[canUseGoods.length - 1];
} else {
discountGoods = canUseGoods.slice(0, 1);
discountGoods = canUseGoods[0];
}
} else {
//符合抵扣条件的商品
@ -411,13 +415,18 @@ function returnCouponBuyOneGiveOneDiscount(canDikouGoodsArr, coupon, user, shopI
if (useRule == "price_asc") {
discountGoods = canUseGoods1[canUseGoods1.length - 1];
} else {
discountGoods = canUseGoods1.slice(0, 1);
discountGoods = canUseGoods1[0];
}
}
const discountPrice = returnGoodsPrice(discountGoods, user, shopInfo);
const hasDiscountGoodsArr = [discountGoods];
let discountPrice = 0;
let hasDiscountGoodsArr = [];
console.log("returnCouponBuyOneGiveOneDiscount:discountGoods", discountGoods);
if (discountGoods) {
discountPrice = returnGoodsPrice(discountGoods, user, shopInfo);
hasDiscountGoodsArr = [discountGoods];
}
return {
discountPrice,
discountPrice: discountPrice <= 0 ? 0 : discountPrice,
hasDiscountGoodsArr,
};
}
@ -433,14 +442,14 @@ function returnSecoendDiscount(canDikouGoodsArr, coupon, user, shopInfo) {
const { useFoods, useRule } = coupon;
//抵扣商品
let discountGoods = undefined;
//符合买一送一条件的商品
//符合条件的商品
const canUseGoods = canDikouGoodsArr.filter((v) => v.num >= 2);
//抵扣全部商品
if (useFoods.length === 0) {
if (useRule == "price_asc") {
discountGoods = canUseGoods[canUseGoods.length - 1];
} else {
discountGoods = canUseGoods.slice(0, 1);
discountGoods = canUseGoods[0];
}
} else {
//符合抵扣条件的商品
@ -448,16 +457,18 @@ function returnSecoendDiscount(canDikouGoodsArr, coupon, user, shopInfo) {
if (useRule == "price_asc") {
discountGoods = canUseGoods1[canUseGoods1.length - 1];
} else {
discountGoods = canUseGoods1.slice(0, 1);
discountGoods = canUseGoods1[0];
}
}
console.log("returnSecoendDiscount:discountGoods", discountGoods);
const discountPrice = returnGoodsPrice(discountGoods[0], user, shopInfo);
console.log("returnSecoendDiscount:discountPrice", discountPrice);
const hasDiscountGoodsArr = [discountGoods];
let discountPrice = 0;
let hasDiscountGoodsArr = [];
if (discountGoods) {
discountPrice = returnGoodsPrice(discountGoods, user, shopInfo);
hasDiscountGoodsArr = [discountGoods];
}
//返回半价价格
return {
discountPrice: new BigNumber(discountPrice).dividedBy(2).toNumber(),
discountPrice: discountPrice <= 0 ? 0 : new BigNumber(discountPrice).dividedBy(2).toNumber(),
hasDiscountGoodsArr,
};
}

863
src/utils/goods.ts
View File

File diff suppressed because it is too large Load Diff

1
src/views/tool/Instead/components/carts/item.vue
View File

@ -212,6 +212,7 @@ const vipAllPrice = computed(() => {
return n;
});
const allPrice = computed(() => {
console.log("allPrice", props.item);
if (props.item.discount_sale_amount * 1 > 0) {
return props.item.discount_sale_amount * props.item.number;
}

25
src/views/tool/Instead/components/carts/list.vue
View File

@ -125,9 +125,7 @@
<el-button
type="primary"
size="large"
:disabled="
!carts.isLinkFinshed || showOrder || (carts.oldOrder.detailMap.length && !showOrder)
"
:disabled="disabledMorePay"
@click="createOrder('more-pay')"
>
更多支付
@ -146,7 +144,7 @@
<el-button
type="primary"
size="large"
:disabled="!carts.isLinkFinshed"
:disabled="disabledMorePay"
@click="createOrder('to-pay')"
>
去结账
@ -257,6 +255,25 @@ function itemClick(item) {
function changeNumber(step, item) {
carts.changeNumber(step * 1, item);
}
const disabledMorePay = computed(() => {
if (!carts.isLinkFinshed) {
return true;
}
if (props.showOrder) {
return true;
}
if (Array.isArray(carts.oldOrder.detailMap)) {
if (carts.oldOrder.detailMap.length && !props.showOrder) {
return true;
}
} else {
if (carts.isEmpty && JSON.stringify(carts.oldOrder.detailMap) === "{}") {
return true;
}
}
return false;
});
defineExpose({
carts,

37
src/views/tool/Instead/components/order.vue
View File

@ -81,32 +81,20 @@
<el-icon><ArrowDown /></el-icon>
</div>
</div>
{{ carts.orderCostSummary }}
<div class="u-m-t-20" v-if="carts.coupons.length > 0">
<div class="u-m-t-20" v-if="quansSelArr.length > 0">
<div class="font-bold u-m-b-10">已选优惠券</div>
<el-table empty-text="未选择优惠券" :data="carts.coupons">
<el-table empty-text="未选择优惠券" :data="quansSelArr">
<el-table-column type="index" width="50" label="#"></el-table-column>
<el-table-column prop="name" label="券名称"></el-table-column>
<el-table-column label="券类型" width="80">
<template v-slot="scope">
{{ scope.row.type == 1 ? "优惠券" : "商品券" }}
{{ UTILS.returnCoupType(scope.row.type) }}
</template>
</el-table-column>
<el-table-column label="商品信息">
<template v-slot="scope">
<div v-if="scope.row.type == 2">
<div class="u-flex">
<el-image
:src="scope.row.productImg"
fit="cover"
style="width: 40px; height: 40px"
:preview-src-list="[scope.row.productImg]"
></el-image>
</div>
<div class="u-m-t-10">
<div class="">{{ scope.row.productName }}</div>
<div class="u-m-t-4">x{{ scope.row.num || "" }}</div>
</div>
<div>
{{ scope.row.foods }}
</div>
</template>
</el-table-column>
@ -232,6 +220,8 @@
</template>
<script setup>
import * as UTILS from "@/utils/coupon-utils.js";
import * as quanUtil from "../quan_util.js";
import { OrderPriceCalculator } from "@/utils/goods";
import { useCartsStore } from "@/store/modules/carts";
@ -302,6 +292,7 @@ function delQuan(row) {
if (index != -1) {
quansSelArr.value.splice(index, 1);
}
carts.setCoupons(quansSelArr.value);
}
function couponChange(data) {}
@ -406,12 +397,13 @@ watch(
//002-获取订单可用积分及抵扣金额（支付页面使用）
const pointsRes = ref({ usable: true, maxUsablePoints: 0, minDeductionPoints: 0 });
const usePointsNumber = ref(0);
const orderAmountOrderAmount = computed(() => {
return (carts.goodsTotal - checkOrderPay.discountAmount).toFixed(2);
//积分可抵扣最大金额
const scoreMaxMoney = computed(() => {
return carts.orderCostSummary.finalPayAmount - carts.orderCostSummary.pointDeductionAmount;
});
const pointsDiscountAmount = ref(0);
watch(
() => orderAmountOrderAmount.value,
() => scoreMaxMoney.value,
(newval) => {
pointsInit();
}
@ -424,7 +416,7 @@ function returnPointsDiscountAmount() {
}
async function pointsInit() {
if (!props.user.id || score.sel == -1) {
if (!props.user.id) {
return;
}
const res = await PointsApi.calcOrderUsablePoints({
@ -433,6 +425,9 @@ async function pointsInit() {
});
pointsRes.value = res;
carts.pointDeductionRule.pointsPerYuan = res.equivalentPoints;
if (score.sel == -1) {
return;
}
usePointsNumber.value = res.usable ? res.maxUsablePoints : 0;
if (res.usable) {

268
src/views/tool/Instead/components/popup-coupon.vue
View File

@ -32,7 +32,11 @@
</el-table-column>
<el-table-column prop="discountAmount" label="最大抵扣金额" align="center">
<template v-slot="scope">
<span class="color-red">￥{{ scope.row.maxDiscountAmount }}</span>
<span class="color-red">
{{
!scope.row.maxDiscountAmount ? "无上限" : "￥" + scope.row.maxDiscountAmount
}}
</span>
</template>
</el-table-column>
<el-table-column prop="discountAmount" label="限制" width="180">
@ -70,21 +74,9 @@
<el-table-column label="商品信息" width="220">
<template v-slot="scope">
<div class="u-flex" v-if="scope.row.useFoods.length">
<div class="u-flex">
<el-image
:src="scope.row.productImg"
fit="cover"
style="width: 40px; height: 40px"
:preview-src-list="[scope.row.productImg]"
></el-image>
</div>
<div class="u-p-l-10">
<!-- <div class="">{{ scope.row.productName }}</div> -->
<div class="">x{{ scope.row.discountNum || 1 }}</div>
</div>
<div class="u-flex">
{{ scope.row.foods }}
</div>
<div class="u-flex" v-else>任意商品 x{{ scope.row.discountNum || 1 }}</div>
</template>
</el-table-column>
<el-table-column prop="discountAmount" label="抵扣">
@ -107,9 +99,9 @@
</el-table>
</el-tab-pane>
</el-tabs>
<div v-if="quansSelArr.length > 0">
<div class="font-bold u-m-b-10">已选优惠券</div>
<el-table empty-text="未选择优惠券" :data="quansSelArr" max-height="20vh">
<div class="u-m-t-10" v-if="noUseCoupon.length > 0">
<div class="font-bold u-m-b-10">不可用优惠券</div>
<el-table empty-text="无" :data="noUseCoupon" max-height="30vh">
<el-table-column type="index" width="50" label="#"></el-table-column>
<el-table-column prop="name" label="券名称"></el-table-column>
<el-table-column label="券类型" width="80">
@ -119,21 +111,38 @@
</el-table-column>
<el-table-column label="商品信息" width="120">
<template v-slot="scope">
<div class="u-flex" v-if="scope.row.type == 2">
<div v-if="scope.row.useFoods.length">
<div class="u-flex">
<el-image
:src="scope.row.productImg"
fit="cover"
style="width: 40px; height: 40px"
></el-image>
</div>
<div class="u-p-l-10">
<div class="">{{ scope.row.productName }}</div>
<div class="">x{{ scope.row.discountNum || 1 }}</div>
</div>
</div>
<div v-else>任意商品 x{{ scope.row.discountNum || 1 }}</div>
<div class="u-flex">
{{ scope.row.foods }}
</div>
</template>
</el-table-column>
<el-table-column prop="discountAmount" label="抵扣">
<template v-slot="scope">
<span class="color-red">￥{{ scope.row.discountAmount }}</span>
</template>
</el-table-column>
<el-table-column prop="useRestrictions" label="描述"></el-table-column>
<el-table-column label="不可用原因">
<template v-slot="scope">
<span class="color-red">{{ scope.row.canuseResult.reason }}</span>
</template>
</el-table-column>
</el-table>
</div>
<div class="u-m-t-10" v-if="quansSelArr.length > 0">
<div class="font-bold u-m-b-10">已选优惠券</div>
<el-table empty-text="无" :data="quansSelArr" max-height="20vh">
<el-table-column type="index" width="50" label="#"></el-table-column>
<el-table-column prop="name" label="券名称"></el-table-column>
<el-table-column label="券类型" width="80">
<template v-slot="scope">
{{ UTILS.returnCoupType(scope.row) }}
</template>
</el-table-column>
<el-table-column label="商品信息" width="120">
<template v-slot="scope">
<div class="u-flex">
{{ scope.row.foods }}
</div>
</template>
</el-table-column>
@ -237,7 +246,7 @@ const {
isSetProductCoup,
} = toRefs(state);
const quansSelArr = computed(() => {
return [couponSel.value, goodsCouponSel.value].filter((v) => v.id);
return [goodsCouponSel.value, couponSel.value].filter((v) => v.id);
});
const refTable = ref();
const refTable1 = ref();
@ -246,6 +255,8 @@ let orderPrice = ref(0);
//可以抵扣的商品列表
let canDikouGoodsArr = [];
let goodsArr = [];
//不可用优惠券列表
const noUseCoupon = ref([]);
function open(money, orderInfo) {
let arr = [];
@ -260,72 +271,96 @@ function open(money, orderInfo) {
show.value = true;
}
let couponList = [];
async function getcoup() {
const res = await couponApi.findCoupon({ shopUserId: props.user.id });
console.log(res);
couponList = res || [];
let canUseGoodsCoupon = [];
let canUseDiscountCoupon = [];
let noUseGoodsCoupon = [];
let noUseDiscountCoupon = [];
for (let i = 0; i < couponList.length; i++) {
const coupon = couponList[i];
const selCoupon =
activeName.value == "goods"
? quansSelArr.value.filter((v) => v.type != 2)
: quansSelArr.value.filter((v) => v.type == 2);
const canuseResult = UTILS.returnCouponCanUse({
canDikouGoodsArr,
coupon,
orderPrice: orderPrice.value,
user: props.user,
selCoupon,
shopInfo: shopUser.userInfo,
});
const { canUse, reason } = canuseResult;
if (coupon.type == 2) {
if (canUse || goodsCouponSel.value.id == coupon.id) {
canUseGoodsCoupon.push(coupon);
} else {
noUseGoodsCoupon.push({
...coupon,
canuseResult,
});
}
} else {
if (canUse || couponSel.value.id == coupon.id) {
canUseDiscountCoupon.push(coupon);
} else {
noUseDiscountCoupon.push({
...coupon,
canuseResult,
});
}
}
}
//商品券
canUseGoodsCoupon = canUseGoodsCoupon.map((v) => {
const discount = UTILS.returnCouponDiscount(
canDikouGoodsArr,
v,
props.user,
orderPrice.value,
quansSelArr.value,
shopUser.userInfo
);
return {
...v,
discount,
discountAmount: discount ? discount.discountPrice : v.discountAmount,
};
});
//非商品券
quans.value.coupon = res
.filter((v) => v.type != 2)
.filter((coupon) => {
const { canUse, msg } = UTILS.returnCouponCanUse({
canDikouGoodsArr,
coupon,
orderPrice: orderPrice.value,
user: props.user,
selCoupon: quansSelArr.value,
shopInfo: shopUser.userInfo,
});
return canUse;
})
.map((v) => {
const discount = UTILS.returnCouponDiscount(
canDikouGoodsArr,
v,
props.user,
orderPrice.value,
quansSelArr.value,
shopUser.userInfo
);
return {
...v,
discount,
discountAmount: discount ? discount.discountPrice : v.discountAmount,
};
});
quans.value.productCoupon = res
.filter((v) => v.type == 2)
.filter((coupon) => {
const { canUse, msg } = UTILS.returnCouponCanUse({
canDikouGoodsArr,
coupon,
orderPrice: orderPrice.value,
user: props.user,
selCoupon: quansSelArr.value,
shopInfo: shopUser.userInfo,
});
return canUse;
})
.map((v) => {
const findGoods = goodsArr.find((goods) => goods.productId == v.proId);
const discount = UTILS.returnCouponDiscount(
canDikouGoodsArr,
v,
props.user,
orderPrice.value,
quansSelArr.value,
shopUser.userInfo
);
return {
...v,
productImg: findGoods ? findGoods.productImg : "",
productName: findGoods ? findGoods.productName : "",
discount,
discountAmount: discount ? discount.discountPrice : v.discountAmount,
};
});
canUseDiscountCoupon = canUseDiscountCoupon.map((v) => {
const discount = UTILS.returnCouponDiscount(
canDikouGoodsArr,
v,
props.user,
orderPrice.value,
quansSelArr.value,
shopUser.userInfo
);
return {
...v,
discount,
discountAmount: discount ? discount.discountPrice : v.discountAmount,
};
});
quans.value.productCoupon = canUseGoodsCoupon;
quans.value.coupon = canUseDiscountCoupon;
if (activeName.value == "goods") {
noUseCoupon.value = [...noUseGoodsCoupon];
} else {
noUseCoupon.value = [...noUseDiscountCoupon];
}
}
function couponClick(checked, row) {
couponSel.value = checked ? row : { id: "" };
updateSelCoupon();
}
const AllCouponPrice = computed(() => {
return quansSelArr.value.reduce((pre, cur) => pre + cur.discountAmount, 0);
@ -336,6 +371,7 @@ const payPrice = computed(() => {
});
function productCouponClick(checked, item) {
goodsCouponSel.value = checked ? item : { id: "" };
updateSelCoupon();
}
//删除选中的优惠券
@ -369,9 +405,51 @@ watch(
getcoup();
}
);
function updateSelCoupon() {
const newval = quansSelArr.value;
if (newval.length >= 2) {
let goodsCoupon = newval.filter((v) => v.type == 2);
let otherCoupon = newval.filter((v) => v.type != 2);
goodsCoupon = goodsCoupon.map((v) => {
const discount = UTILS.returnCouponDiscount(
canDikouGoodsArr,
v,
props.user,
orderPrice.value,
[],
shopUser.userInfo
);
return {
...v,
discount,
discountAmount: discount ? discount.discountPrice : v.discountAmount,
};
});
otherCoupon = otherCoupon.map((v) => {
const discount = UTILS.returnCouponDiscount(
canDikouGoodsArr,
v,
props.user,
orderPrice.value,
goodsCoupon,
shopUser.userInfo
);
return {
...v,
discount,
discountAmount: discount ? discount.discountPrice : v.discountAmount,
};
});
couponSel.value = otherCoupon[0];
goodsCouponSel.value = goodsCoupon[0];
}
}
watch(
() => quansSelArr.value,
() => {
(newval) => {
console.log("quansSelArr", newval);
getcoup();
}
);