-
+
- 销售销售11111111111111111111111111
- [222]待点单
+ [222]待点单
@@ -46,7 +47,77 @@
退单
-
order
+
+
+
+ 堂食订单
+
+
+
+
+
+
+ 订单号：200000000000
+
+
+ 收银员：V1
+
+
+ 创建时间：2024-20-01 11:49:06
+
+
+ 终端：mobile
+
+
+ 会员：微信用户
+
+
+ 台桌：222
+
+
+ 流水号：#1
+
+
+ 合计：
+ ￥0.00
+
+
+ 未支付
+
+
+ 商品明细
+ 0项
+
+
+
+
+
+ 点单
+ 取消
+
+
+
@@ -57,6 +128,7 @@ import { ElMessage } from 'element-plus'
const route = useRoute()
console.log(route)
const activeName = ref('first')//定义初始name
+const itemboxshow = ref(false)
const handleClick = (Name) => {
console.log(Name)
}
@@ -79,7 +151,7 @@ const onSubmit = () => {
height: 100%;
.orderbox_left {
- width: 70%;
+ width: 60%;
height: 100%;
background: #fff;
border-radius: 10px;
@@ -91,6 +163,7 @@ const onSubmit = () => {
:deep(.el-tabs__item) {
width: 33.33%;
+ // width: 10px !important;
}
:deep(.el-is-active) {
@@ -115,6 +188,7 @@ const onSubmit = () => {
justify-content: space-between;
// background: #eeeeee;
border-bottom: 1px solid #ccc;
+
.demo_tabs_boxitem_one {
display: flex;
justify-content: flex-start;
@@ -151,12 +225,130 @@ const onSubmit = () => {
}
- .orderbox_right {
- width: 30%;
+ .orderbox_rightbox {
+ position: relative;
+ width: 40%;
+ padding: 20px;
margin-left: 10px;
background: #fff;
border-radius: 10px;
+ .orderbox_rightbox_top {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+ padding: 10px 16px;
+ width: 100%;
+ border-radius: 10px;
+ background: #bdb8b8;
+
+ .orderbox_rightbox_top_div {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ }
+ }
+
}
-}
-
\ No newline at end of file
+
+ .orderbox_right {
+ position: relative;
+ width: 40%;
+ padding: 20px;
+ margin-left: 10px;
+ background: #fff;
+ border-radius: 10px;
+
+ .orderbox_right_top {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding-bottom: 10px;
+ border-bottom: 2px solid #000;
+ }
+
+ .orderbox_right_list {
+ display: flex;
+ font-size: 14px;
+ justify-content: space-between;
+ align-items: center;
+ padding-bottom: 10px;
+ text-align: center;
+ border-bottom: 2px solid #ccc;
+
+ div:nth-child(1) {
+ text-align: left;
+ width: 45%;
+ }
+
+ div:nth-child(2) {
+ width: 15%;
+ align-items: center;
+ }
+
+ div:nth-child(3) {
+ width: 15%;
+ align-items: center;
+ }
+
+ div:nth-child(4) {
+ text-align: right;
+ width: 25%;
+ }
+ }
+
+ .orderbox_right_list_item {
+ display: flex;
+ font-size: 14px;
+ justify-content: space-between;
+ align-items: center;
+ padding-bottom: 10px;
+
+ div:nth-child(1) {
+ text-align: left;
+ width: 45%;
+ }
+
+ div:nth-child(2) {
+ width: 15%;
+ align-items: center;
+ }
+
+ div:nth-child(3) {
+ width: 15%;
+ align-items: center;
+ }
+
+ div:nth-child(4) {
+ text-align: right;
+ width: 25%;
+ }
+ }
+
+ .tableDataclass {
+ width: 100%;
+ overflow: auto;
+ height: 75%;
+
+ .orderbox_right_item {
+ margin-top: 16px;
+
+ span {
+ font-size: var(--el-font-size-base);
+ // color: var(--primary-color);
+ }
+ }
+ }
+
+
+ .orderbox_right_button {
+ position: absolute;
+ width: 90%;
+ left: 50%;
+ bottom: 16px;
+ transform: translateX(-50%) !important;
+ }
+
+
+ }
+}
\ No newline at end of file
From 08597b3c9f2cd23f25c3e1704297868396982ae4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E5=95=BE?= <1144797966@qq.com>
Date: Fri, 23 Feb 2024 16:18:07 +0800
Subject: [PATCH 5/6] 111
---
src/views/order/index.vue | 77 ++++++++++++++++++++++++++++++++-------
1 file changed, 63 insertions(+), 14 deletions(-)
diff --git a/src/views/order/index.vue b/src/views/order/index.vue
index c548eeb..246bc15 100644
--- a/src/views/order/index.vue
+++ b/src/views/order/index.vue
@@ -47,21 +47,10 @@
退单