From 19542eaf50738cc756a7a109a23ef1e2dd458f5c Mon Sep 17 00:00:00 2001
From: wangxiaowei <1121133807@qq.com>
Date: Sun, 14 Dec 2025 18:16:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=A5=97=E9=A4=90=E7=AE=A1?=
=?UTF-8?q?=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/bundle/setmeal/add.vue | 353 ++++++++++++++++++++++
src/bundle/setmeal/setmeal.vue | 4 +-
src/components/order/ComboCard.vue | 451 +++++++----------------------
3 files changed, 463 insertions(+), 345 deletions(-)
create mode 100644 src/bundle/setmeal/add.vue
diff --git a/src/bundle/setmeal/add.vue b/src/bundle/setmeal/add.vue
new file mode 100644
index 0000000..87412ad
--- /dev/null
+++ b/src/bundle/setmeal/add.vue
@@ -0,0 +1,353 @@
+{
+ "layout": "default",
+ "style": {
+ "navigationStyle": "custom"
+ }
+}
+
+
+
+
+
+
+
+
+
+
+ 团购有效期
+
+
+
+
+ 指定天数内有效
+
+
+ 指定时间段内有效
+
+
+
+
+
+ 确定
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 带“*”的为必填项
+
+
+
+
+
+ 基本信息
+
+
+ 套餐属性
+
+
+
+
+
+
+
+
+ 本地套餐
+
+
+ 抖音套餐
+
+
+
+
+
+
+ 抖音skuid
+
+
+
+
+
+
+
+ 团购名称
+
+
+
+
+
+
+
+
+
+ 环境描述
+
+
+
+
+
+
+
+
+
+ 团购视频
+
+
+
+
+
+
+ 添加视频
+
+
+
+
+
+
+
+ 团购图片
+
+
+
+
+
+ 最多可上传9张图片
+
+
+
+
+
+
+
+ 添加图片
+
+
+
+
+
+
+ 规格与价格
+
+
+
+ 门市价
+
+
+
+
+
+
+
+
+ 团购价
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 库存
+
+
+
+
+ 输入范围1~999
+
+
+
+
+
+
+
+
+ 套餐详情
+
+
+
+
+
+ 套餐介绍
+
+
+
+
+ 每条内容之间需要换行输入
+
+
+
+
+
+
+
+ 其他说明
+
+
+
+
+
+
+
+ 购买须知
+
+
+
+
+
+ 团购有效期
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 其他说明
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/bundle/setmeal/setmeal.vue b/src/bundle/setmeal/setmeal.vue
index 8332177..8495c58 100644
--- a/src/bundle/setmeal/setmeal.vue
+++ b/src/bundle/setmeal/setmeal.vue
@@ -37,7 +37,7 @@
- 新建套餐
+ 新建套餐
@@ -66,7 +66,7 @@
const keywords = ref('') // 搜索关键词
// tab
- const tab = ref('all')
+ const tab = ref('list')
const tabList = ref>([
{ title: '已上架', num: 10, name: 'list'},
{ title: '已下架', num: 11, name: 'delist' },
diff --git a/src/components/order/ComboCard.vue b/src/components/order/ComboCard.vue
index becb0a3..1195140 100644
--- a/src/components/order/ComboCard.vue
+++ b/src/components/order/ComboCard.vue
@@ -1,217 +1,70 @@
-
-
-
-
-
-
-
-
- {{ order.store_name }}
-
-
-
-
- 待使用
- 已使用
- 已退款
-
-
-
-
-
-
-
-
-
- {{ order.title }}
-
- {{ order.hour }}小时
-
-
- {{ order.introduce }}
-
-
-
-
-
-
- 申请退款
-
-
- 立即预定
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 这是茶馆的名称这是茶馆的名称这是茶馆的名称
-
-
-
-
- 待使用
- 已使用
- 已退款
-
-
-
-
-
-
-
-
-
- 这是套餐的名字这是套餐的名字这是套餐的名字这是套餐的名字这是套餐的名字
-
- 3小时
-
-
-
-
- 立即预定
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {{ order.store_name }}
-
-
-
-
- 待付款
- 消费中
- 已预约
- 完成
- 订单取消
-
-
-
-
-
-
-
-
-
- {{ order.room_name }}
-
- 预约时间:{{ order.day_time }} {{ order.start_time }}-{{ order.end_time }}
- 预约时长:{{ order.hours }}小时
-
-
-
+
+
+
+
+
-
-
-
-
- 删除订单
-
-
-
-
-
-
- 取消订单
- 去支付
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 茶艺师
-
-
-
-
- 金牌茶艺师
-
-
-
-
- 消费中
- 已预约
- 服务中
- 完成
- 待付款
- 订单取消
-
-
+ 改价
+
-
- 上门服务
+
+
-
- 到点服务
+
+
+
+ 这里是套餐的名字这里是套餐的名这里是套餐的名字这里是套餐的名字这里是套餐的名字这里是套餐的名字这里是套餐的名字这里是套餐的名字字
+
+
+
+
+ ID:1270304172
+
+
+
+
+
+ 5.1折
+
+
+
+
+
+
+
+ 团购价
+
+
+
+ ¥
+
+
+
-
- 预约时间:03/18 08:00-12:00
+
+ 门市价
+
+
+
+
+ 确定
-
-
-
-
- 删除订单
-
-
-
-
- 取消订单
-
- 去支付
-
-
-
+
@@ -244,32 +97,30 @@
年售
96
-
- 更多
- 改价
- 下架
- 编辑
-
-
-
-
-
-
-
-
- 删除订单
+
+
+
+ 更多
+ 改价
+ 下架
+ 编辑
-
-
-
- 取消订单
+
+
+
+
+
+ 删除
+ 上架
+ 编辑
- 去支付
+
@@ -288,6 +139,10 @@
import { router } from '@/utils/tools'
import { toTimes, copy } from '@/utils/tools'
+ // 改价弹窗
+ const showChangePricePopup = ref(false)
+ const changePrice = ref('')
+
/**
* ComboCard 套餐卡片组件
* @description 展示订单列表套餐卡片信息
@@ -303,14 +158,6 @@
type: String,
default: OrderSource.Combo
},
- /**
- * 订单类型: 待使用、退款等
- * TODO 这里的orderStatus在接入接口的时候需要改为类似于data.orderStatus这种形式
- */
- orderStatus: {
- type: String,
- default: OrderStatus.ToUse
- },
order: {
type: Object,
@@ -323,77 +170,41 @@
const ComboCard = {
/**
- * 跳转到对对应室的详情页
+ * 详情页
*/
- handleToStore: () => {
- handleToTRStoreHooks(props.order.store_id, props.order.operation_type)
+ handleToOrderDetail: () => {
+
},
/**
- * 申请退款
+ * 设置不可用日期
*/
- handleOrderRefund: (source: string) => {
- switch (source) {
- case OrderSource.Combo:
- router.navigateTo(`/bundle/order/after-sales/after-sales?orderId=${props.order.id}&storeId=${props.order.store_id}&comboId=${props.order.group_id}&orderType=${OrderSource.Combo}&orderStatus=${OrderStatus.AfterSaleApply}`)
- break;
- default:
- break;
- }
+ handleMore: () => {
+ toast.info('功能开发中')
},
/**
- * 使用套餐
+ * 改价弹窗
*/
- handleUsePackage: () => {
- router.navigateTo(`/bundle/tea-room/choose-room?groupCouponId=${props.order.group_id}&groupCouponOrderId=${props.order.id}&teaRoomId=${props.order.store_id}`)
+ handleOpenChangePricePopup: () => {
+ showChangePricePopup.value = true
+ },
+
+ /**
+ * 确认改价
+ */
+ handleConfirmChangePrice: () => {
+ ComboCard.handleOpenChangePricePopup()
},
+
/**
- * 删除订单
+ * 下架商品
*/
- handleDeleteOrder: (source: string) => {
+ handleDelisted: () => {
message.confirm({
- title: '确定删除订单?',
- msg: '删除订单后无法恢复,是否确认删除订单?',
- confirmButtonText: '确定',
- cancelButtonText: '取消',
- cancelButtonProps: {
- customClass: '!bg-[#F6F7F8] !text-[#303133] !text-32rpx !leading-44rpx !rounded-8rpx',
- },
- confirmButtonProps: {
- customClass: '!bg-[#4C9F44] !text-[#fff] !text-32rpx !leading-44rpx !rounded-8rpx',
- }
- }).then((res) => {
- switch (source) {
- case OrderSource.Combo:
- // TODO 这里调用删除直营订单的接口
- break;
- case OrderSource.DouYin:
- // TODO 这里调用删除抖音订单的接口
- break;
- case OrderSource.TeaRoom:
- // 这里调用删除茶室订单的接口
- handleTRDeleteOrderHooks(props.order.id)
- break;
- case OrderSource.TeaSpecialist:
- // TODO 这里调用删除茶室订单的接口
- break;
- default:
- break;
- }
- }).catch(() => {
- // 点击取消按钮回调事件
- })
- },
-
- /**
- * 取消订单
- */
- handleCancelOrder: (source: string) => {
- message.confirm({
- title: '确定取消订单?',
- msg: '取消订单后无法恢复,优惠券可退回',
+ title: '您确认要下架该商品吗?',
+ msg: '下架后该商品将不再售卖,已售出、待验券的商品不受影响,请您照常接待',
confirmButtonText: '确定',
cancelButtonText: '取消',
cancelButtonProps: {
@@ -404,71 +215,25 @@
}
}).then((res) => {
if (res.action == 'confirm') {
- switch (source) {
- case OrderSource.Combo:
- // TODO 这里调用删除直营订单的接口
- break;
- case OrderSource.DouYin:
- // TODO 这里调用删除抖音订单的接口
- break;
- case OrderSource.TeaRoom:
- // 这里调用删除茶室订单的接口
- handleTRCancelOrderHooks(props.order.id)
- break;
- case OrderSource.TeaSpecialist:
- // TODO 这里调用删除茶室订单的接口
- break;
- default:
- break;
- }
+ toast.info('下架成功')
}
+ // 点击确认按钮回调事件
}).catch(() => {
// 点击取消按钮回调事件
})
},
/**
- * 跳转到订单详情页
+ * 上架商品
*/
- handleToOrderDetail: () => {
- switch (props.type) {
- case OrderSource.Combo:
- router.navigateTo(`/bundle/order/platform/order-detail?orderId=${props.order.id}&orderStatus=${props.orderStatus}`)
- break;
- case OrderSource.DouYin:
- router.navigateTo(`/bundle/order/douyin/douyin-order-detail?orderId=${props.order.id}&orderStatus=${props.orderStatus}`)
- break;
- case OrderSource.TeaRoom:
- router.navigateTo(`/bundle/order/tea-room/order-detail?orderId=${props.order.id}&orderStatus=${props.orderStatus}`)
- break;
- case OrderSource.TeaSpecialist:
- router.navigateTo(`/bundle/order/tea-specialist/order-detail?orderId=${props.order.id}&orderStatus=${props.orderStatus}`)
- break;
- default:
- break;
- }
+ handleAdd: () => {
+ toast.info('上架成功')
},
/**
- * 支付
+ * 编辑商品
*/
- handleToPayOrder: (source: string) => {
- switch (source) {
- case OrderSource.Combo:
- router.navigateTo(`/bundle/order/platform/order-detail?orderStatus=${props.orderStatus}&toPay=true`)
- break;
- case OrderSource.DouYin:
- router.navigateTo(`/bundle/order/douyin/douyin-order-detail?orderStatus=${props.orderStatus}&toPay=true`)
- break;
- case OrderSource.TeaRoom:
- handleTRToPayHooks(props.order.id, props.order.room_name, props.order.store_id)
- break;
- case OrderSource.TeaSpecialist:
- router.navigateTo( `/bundle/order/tea-specialist/order-detail?orderStatus=${props.orderStatus}&toPay=true`)
- break;
- default:
- break;
- }
+ handleEdit: () => {
}
}