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] 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 @@
                 <el-tab-pane label="退单" name="third">退单</el-tab-pane>
             </el-tabs>
         </div>
-        <div class="orderbox_rightbox">
-            <div class="orderbox_rightbox_top">
-                <el-icon size="40">
-                    <Document />
-                </el-icon>
-                <div class="orderbox_rightbox_top_div">
-                    <div>今日普通订单</div>
-                    <div style="font-size:14px;">今日本终端处理的订单</div>
-                </div>
-            </div>
-        </div>
         <div class="orderbox_right" v-if="itemboxshow">
             <div class="orderbox_right_top">
                 <span>堂食订单</span>
-                <el-icon size="32" style="color: var(--primary-color) ;" @click="itemboxshow = false">
+                <el-icon :size="32" style="color: var(--primary-color) ;" @click="itemboxshow = false">
                     <CircleCloseFilled />
                 </el-icon>
             </div>
@@ -118,6 +107,45 @@
 
             </div>
         </div>
+        <div class="orderbox_rightbox" v-else>
+            <div class="orderbox_rightbox_top">
+                <div
+                    style="padding: 6px; background:#187ead; border-radius:50%;width: 50px;height: 50px; display: flex; align-items: center; justify-content: center;">
+                    <el-icon :size="30" color="#fff">
+                        <Document />
+                    </el-icon>
+                </div>
+                <div class="orderbox_rightbox_top_div">
+                    <div>今日普通订单</div>
+                    <div style="font-size:14px;">今日本终端处理的订单</div>
+                </div>
+            </div>
+            <div class="orderbox_rightbox_top">
+                <div
+                    style="padding: 6px; background:#187ead; border-radius:50%;width: 50px;height: 50px; display: flex; align-items: center; justify-content: center;">
+                    <el-icon :size="30" color="#fff">
+                        <Connection />
+                    </el-icon>
+                </div>
+                <div class="orderbox_rightbox_top_div">
+                    <div>今日普通订单</div>
+                    <div style="font-size:14px;">今日本终端处理的订单</div>
+                </div>
+            </div>
+            <div class="orderbox_rightbox_top">
+                <div
+                    style="padding: 6px; background:#187ead; border-radius:50%;width: 50px;height: 50px; display: flex; align-items: center; justify-content: center;">
+                    <el-icon :size="30" color="#fff">
+                        <Crop />
+                    </el-icon>
+                </div>
+                <div class="orderbox_rightbox_top_div">
+                    <div>今日普通订单</div>
+                    <div style="font-size:14px;">今日本终端处理的订单</div>
+                </div>
+            </div>
+        </div>
+        
     </div>
 </template>
 
@@ -163,9 +191,24 @@ const onSubmit = () => {
 
             :deep(.el-tabs__item) {
                 width: 33.33%;
+                padding: 0;
+                position: relative;
+                // width: 10px !important;
+            }
+            :deep(.el-tabs__active-bar){
+                height:0 !important;
+            }
+            :deep(.el-tabs__active-bar)::after {
+                content: '';
+                position: absolute;
+                bottom: 0;
+                left: 50%;
+                height: 2px;
+                width: 10px;
+                background: red;
+                transform:translateX(-50%);
                 // width: 10px !important;
             }
-
             :deep(.el-is-active) {
                 width: 33.33%;
                 color: var(--primary-color);
@@ -233,16 +276,22 @@ const onSubmit = () => {
         background: #fff;
         border-radius: 10px;
 
+        .orderbox_rightbox_top:nth-child(1) {
+            margin-top: 0;
+        }
+
         .orderbox_rightbox_top {
+            margin-top: 10px;
             display: flex;
             justify-content: flex-start;
             align-items: center;
             padding: 10px 16px;
             width: 100%;
             border-radius: 10px;
-            background: #bdb8b8;
+            background: #e7e5e5;
 
             .orderbox_rightbox_top_div {
+                margin-left: 10px;
                 display: flex;
                 flex-direction: column;
                 justify-content: space-around;