From a70fa744b2c6d72cb181e048192eb95c1becb1ab Mon Sep 17 00:00:00 2001
From: gyq <875626088@qq.com>
Date: Wed, 10 Jul 2024 13:39:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=9B=B4=E5=A4=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/more.vue | 336 ++++++++++++++++++++--------------------
 1 file changed, 166 insertions(+), 170 deletions(-)

diff --git a/src/components/more.vue b/src/components/more.vue
index e0e8969..bdd5f3b 100644
--- a/src/components/more.vue
+++ b/src/components/more.vue
@@ -1,18 +1,24 @@
 <template>
-    <div class="drawerbox">
-        <el-drawer size="60%" :with-header="false" direction="rtl" v-model="dialogVisible" style="padding: 0;">
-            <div class="drawerbox_box">
-                <div class="drawerbox_bo_top">
-                    <div class="drawerbox_bo_top_left">
-                        <div class="drawerbox_bo_top_left_one">
-                            {{ store.userInfo.loginName }}
-                        </div>
-                        <div class="drawerbox_bo_top_left_tow" style="margin-top: 10px;">
-                            收银员：{{ store.userInfo.userCode }} <span style="color: #666;">登录：{{
-                                store.userInfo.loginTime }}</span>
-                        </div>
-                    </div>
-                    <!-- <div class="drawerbox_bo_top_ring">
+  <div class="drawerbox">
+    <el-drawer
+      size="60%"
+      :with-header="false"
+      direction="rtl"
+      v-model="dialogVisible"
+      style="padding: 0"
+    >
+      <div class="drawerbox_box">
+        <div class="drawerbox_bo_top">
+          <div class="drawerbox_bo_top_left">
+            <div class="drawerbox_bo_top_left_one">
+              {{ store.userInfo.shopName }}
+            </div>
+            <div class="drawerbox_bo_top_left_tow" style="margin-top: 10px">
+              收银员：{{ store.userInfo.userCode }}
+              <span style="color: #666">{{ store.userInfo.loginTime }}</span>
+            </div>
+          </div>
+          <!-- <div class="drawerbox_bo_top_ring">
                         <div class="drawerbox_bo_top_ring_tb">
                             <el-icon style="margin: 0 auto;" size="20">
                                 <FolderAdd />
@@ -26,51 +32,46 @@
                             <span>最小化</span>
                         </div>
                     </div> -->
-                </div>
-                <div class="drawerbox_bo_box">
-                    <div style="padding:10px;color: #999; font-weight:bold;">系统</div>
-                    <div class="drawerbox_bo_box_itemb_felx">
-                        <div class="drawerbox_bo_box_itembox">
-                            <div class="drawerbox_bo_box_icon">
-                                <el-icon size="40">
-                                    <Setting />
-                                </el-icon>
-                            </div>
-                            <div class="drawerbox_bo_box_icontext">
-                                设置
-                            </div>
-                        </div>
-                        <div class="drawerbox_bo_box_itembox" @click="openCallHandle">
-                            <div class="drawerbox_bo_box_icon">
-                                <el-icon size="40">
-                                    <Bell />
-                                </el-icon>
-                            </div>
-                            <div class="drawerbox_bo_box_icontext">
-                                叫号
-                            </div>
-                        </div>
-                        <div class="drawerbox_bo_box_itembox" @click="router.push({ name: 'device_list' })">
-                            <div class="drawerbox_bo_box_icon">
-                                <el-icon size="40">
-                                    <TurnOff />
-                                </el-icon>
-                            </div>
-                            <div class="drawerbox_bo_box_icontext">
-                                设备管理
-                            </div>
-                        </div>
-                        <div class="drawerbox_bo_box_itembox" @click="screenref.shows()">
-                            <div class="drawerbox_bo_box_icon">
-                                <el-icon size="40">
-                                    <Switch />
-                                </el-icon>
-                            </div>
-                            <div class="drawerbox_bo_box_icontext">
-                                锁屏
-                            </div>
-                        </div>
-                        <!-- <div class="drawerbox_bo_box_itembox" @click="to('webview', {
+        </div>
+        <div class="drawerbox_bo_box">
+          <div style="padding: 10px; color: #999; font-weight: bold">系统</div>
+          <div class="drawerbox_bo_box_itemb_felx">
+            <div class="drawerbox_bo_box_itembox">
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <Setting />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">设置</div>
+            </div>
+            <div class="drawerbox_bo_box_itembox" @click="openCallHandle">
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <Bell />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">叫号</div>
+            </div>
+            <div
+              class="drawerbox_bo_box_itembox"
+              @click="router.push({ name: 'device_list' })"
+            >
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <TurnOff />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">设备管理</div>
+            </div>
+            <div class="drawerbox_bo_box_itembox" @click="screenref.shows()">
+              <div class="drawerbox_bo_box_icon">
+                <el-icon size="40">
+                  <Switch />
+                </el-icon>
+              </div>
+              <div class="drawerbox_bo_box_icontext">锁屏</div>
+            </div>
+            <!-- <div class="drawerbox_bo_box_itembox" @click="to('webview', {
                             url: 'https://cashiernewadmin.sxczgkj.cn/',
                             title: '后台管理'
                         })">
@@ -83,155 +84,150 @@
                                 后台管理
                             </div>
                         </div> -->
-                    </div>
-                </div>
-            </div>
-            <div class="boxabsolute">
-                <div>
-                    ©银收客 v{{ packageData.version }}
-                </div>
-                <!-- <div>
+          </div>
+        </div>
+      </div>
+      <div class="boxabsolute">
+        <div>©银收客 v{{ packageData.version }}</div>
+        <!-- <div>
                     有效期
                 </div> -->
-            </div>
-        </el-drawer>
-    </div>
-    <screen ref="screenref"></screen>
+      </div>
+    </el-drawer>
+  </div>
+  <screen ref="screenref"></screen>
 </template>
 
 <script setup>
-import { ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { useUser } from "@/store/user.js"
-import screen from '@/components/screen.vue'
+import { ref } from "vue";
+import { useRouter } from "vue-router";
+import { useUser } from "@/store/user.js";
+import screen from "@/components/screen.vue";
 
-import packageData from '../../package.json'
+import packageData from "../../package.json";
 
-const router = useRouter()
+const router = useRouter();
 
-const emit = defineEmits(['openCall'])
+const emit = defineEmits(["openCall"]);
 
-const store = useUser()
-const screenref = ref(null)
+const store = useUser();
+const screenref = ref(null);
 
-const dialogVisible = ref(false)
+const dialogVisible = ref(false);
 
 function show() {
-    dialogVisible.value = true
+  dialogVisible.value = true;
 }
 
 // 打开叫号弹窗
 function openCallHandle() {
-    dialogVisible.value = false
-    emit('openCall')
+  dialogVisible.value = false;
+  emit("openCall");
 }
 
 // 跳转
 function to(pathName, data) {
-    router.push({
-        name: pathName,
-        query: data
-    })
+  router.push({
+    name: pathName,
+    query: data,
+  });
 }
 
 defineExpose({
-    show
-})
-
-
+  show,
+});
 </script>
 
 <style scoped lang="scss">
 .drawerbox {
-    :deep(.el-drawer__body) {
-        background: #1c1d1f !important;
-        position: relative;
+  :deep(.el-drawer__body) {
+    background: #1c1d1f !important;
+    position: relative;
+  }
+
+  .boxabsolute {
+    position: absolute;
+    bottom: 20px;
+    left: 50%;
+    transform: translate(-50%);
+
+    div {
+      color: #8c9196;
+      text-align: center;
     }
 
-    .boxabsolute {
-        position: absolute;
-        bottom: 20px;
-        left: 50%;
-        transform: translate(-50%);
+    div:nth-child(2) {
+      margin-top: 10px;
+    }
+  }
 
-        div {
-            color: #8c9196;
+  .drawerbox_box {
+    color: #fff;
+
+    .drawerbox_bo_top {
+      padding: 20px 0;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      border-bottom: 1px solid #ccc;
+
+      .drawerbox_bo_top_left {
+        display: flex;
+        flex-direction: column;
+      }
+
+      .drawerbox_bo_top_ring {
+        display: flex;
+        align-items: center;
+
+        .drawerbox_bo_top_ring_tb {
+          display: flex;
+          flex-direction: column;
+          border: 1px solid #ccc;
+          border-radius: 6px;
+          padding: 6px 10px;
+
+          span {
+            width: 80px;
+            margin-top: 5px;
             text-align: center;
+          }
         }
-
-        div:nth-child(2) {
-            margin-top: 10px;
-        }
+      }
     }
 
-    .drawerbox_box {
-        color: #fff;
+    .drawerbox_bo_box {
+      width: 100%;
 
-        .drawerbox_bo_top {
-            padding: 20px 0;
+      .drawerbox_bo_box_itemb_felx {
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: flex-start;
+
+        .drawerbox_bo_box_itembox {
+          width: 20%;
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          margin-right: 20px;
+          margin-bottom: 30px;
+
+          .drawerbox_bo_box_icon {
+            border-radius: 6px;
+            background: #2196f3;
+            width: 100px;
+            height: 100px;
             display: flex;
-            justify-content: space-between;
             align-items: center;
-            border-bottom: 1px solid #ccc;
-
-            .drawerbox_bo_top_left {
-                display: flex;
-                flex-direction: column;
-            }
-
-            .drawerbox_bo_top_ring {
-                display: flex;
-                align-items: center;
-
-                .drawerbox_bo_top_ring_tb {
-                    display: flex;
-                    flex-direction: column;
-                    border: 1px solid #ccc;
-                    border-radius: 6px;
-                    padding: 6px 10px;
-
-                    span {
-                        width: 80px;
-                        margin-top: 5px;
-                        text-align: center;
-                    }
-                }
-            }
-        }
-
-        .drawerbox_bo_box {
-            width: 100%;
-
-            .drawerbox_bo_box_itemb_felx {
-                display: flex;
-                flex-wrap: wrap;
-                justify-content: flex-start;
-
-                .drawerbox_bo_box_itembox {
-                    width: 20%;
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    margin-right: 20px;
-                    margin-bottom: 30px;
-
-                    .drawerbox_bo_box_icon {
-                        border-radius: 6px;
-                        background: #2196f3;
-                        width: 100px;
-                        height: 100px;
-                        display: flex;
-                        align-items: center;
-                        justify-content: center;
-                    }
-
-                    .drawerbox_bo_box_icontext {
-                        margin-top: 10px;
-                    }
-                }
-            }
+            justify-content: center;
+          }
 
+          .drawerbox_bo_box_icontext {
+            margin-top: 10px;
+          }
         }
+      }
     }
+  }
 }
-</style>
\ No newline at end of file
+</style>