优化更多

src/components/more.vue

@@ -1,15 +1,21 @@
 <template>
   <div class="drawerbox">
-        <el-drawer size="60%" :with-header="false" direction="rtl" v-model="dialogVisible" style="padding: 0;">
+    <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 }}
+              {{ store.userInfo.shopName }}
             </div>
-                        <div class="drawerbox_bo_top_left_tow" style="margin-top: 10px;">
+            <div class="drawerbox_bo_top_left_tow" style="margin-top: 10px">
-                            收银员：{{ store.userInfo.userCode }} <span style="color: #666;">登录：{{
+              收银员：{{ store.userInfo.userCode }}
-                                store.userInfo.loginTime }}</span>
+              <span style="color: #666">{{ store.userInfo.loginTime }}</span>
             </div>
           </div>
           <!-- <div class="drawerbox_bo_top_ring">
@@ -28,7 +34,7 @@
                     </div> -->
         </div>
         <div class="drawerbox_bo_box">
-                    <div style="padding:10px;color: #999; font-weight:bold;">系统</div>
+          <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">
@@ -36,9 +42,7 @@
                   <Setting />
                 </el-icon>
               </div>
-                            <div class="drawerbox_bo_box_icontext">
+              <div class="drawerbox_bo_box_icontext">设置</div>
-                                设置
-                            </div>
             </div>
             <div class="drawerbox_bo_box_itembox" @click="openCallHandle">
               <div class="drawerbox_bo_box_icon">
@@ -46,19 +50,18 @@
                   <Bell />
                 </el-icon>
               </div>
-                            <div class="drawerbox_bo_box_icontext">
+              <div class="drawerbox_bo_box_icontext">叫号</div>
-                                叫号
             </div>
-                        </div>
+            <div
-                        <div class="drawerbox_bo_box_itembox" @click="router.push({ name: 'device_list' })">
+              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 class="drawerbox_bo_box_icontext">设备管理</div>
-                                设备管理
-                            </div>
             </div>
             <div class="drawerbox_bo_box_itembox" @click="screenref.shows()">
               <div class="drawerbox_bo_box_icon">
@@ -66,9 +69,7 @@
                   <Switch />
                 </el-icon>
               </div>
-                            <div class="drawerbox_bo_box_icontext">
+              <div class="drawerbox_bo_box_icontext">锁屏</div>
-                                锁屏
-                            </div>
             </div>
             <!-- <div class="drawerbox_bo_box_itembox" @click="to('webview', {
                             url: 'https://cashiernewadmin.sxczgkj.cn/',
@@ -87,9 +88,7 @@
         </div>
       </div>
       <div class="boxabsolute">
-                <div>
+        <div>©银收客 v{{ packageData.version }}</div>
-                    ©银收客 v{{ packageData.version }}
-                </div>
         <!-- <div>
                     有效期
                 </div> -->
@@ -100,45 +99,43 @@
 </template>
 
 <script setup>
-import { ref } from 'vue'
+import { ref } from "vue";
-import { useRouter } from 'vue-router'
+import { useRouter } from "vue-router";
-import { useUser } from "@/store/user.js"
+import { useUser } from "@/store/user.js";
-import screen from '@/components/screen.vue'
+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 store = useUser();
-const screenref = ref(null)
+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
+  dialogVisible.value = false;
-    emit('openCall')
+  emit("openCall");
 }
 
 // 跳转
 function to(pathName, data) {
   router.push({
     name: pathName,
-        query: data
+    query: data,
-    })
+  });
 }
 
 defineExpose({
-    show
+  show,
-})
+});
-
-
 </script>
 
 <style scoped lang="scss">
@@ -230,7 +227,6 @@ defineExpose({
           }
         }
       }
-
     }
   }
 }