优化更多
This commit is contained in:
parent
91670a440b
commit
a70fa744b2
|
|
@ -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>
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue