czg_team
/
cashier_desktop
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

111

This commit is contained in:
魏啾 2024-02-23 16:18:07 +08:00
parent b69be492d7
commit 08597b3c9f
1 changed files with 63 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

77
src/views/order/index.vue
View File

@ -47,21 +47,10 @@
<el-tab-pane label="退单" name="third">退单</el-tab-pane> <el-tab-pane label="退单" name="third">退单</el-tab-pane>
</el-tabs> </el-tabs>
</div> </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" v-if="itemboxshow">
<div class="orderbox_right_top"> <div class="orderbox_right_top">
<span>堂食订单</span> <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 /> <CircleCloseFilled />
</el-icon> </el-icon>
</div> </div>
@ -118,6 +107,45 @@
</div> </div>
</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> </div>
</template> </template>
@ -163,9 +191,24 @@ const onSubmit = () => {
:deep(.el-tabs__item) { :deep(.el-tabs__item) {
width: 33.33%; 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; // width: 10px !important;
} }
:deep(.el-is-active) { :deep(.el-is-active) {
width: 33.33%; width: 33.33%;
color: var(--primary-color); color: var(--primary-color);
@ -233,16 +276,22 @@ const onSubmit = () => {
background: #fff; background: #fff;
border-radius: 10px; border-radius: 10px;
.orderbox_rightbox_top:nth-child(1) {
margin-top: 0;
}
.orderbox_rightbox_top { .orderbox_rightbox_top {
margin-top: 10px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
padding: 10px 16px; padding: 10px 16px;
width: 100%; width: 100%;
border-radius: 10px; border-radius: 10px;
background: #bdb8b8; background: #e7e5e5;
.orderbox_rightbox_top_div { .orderbox_rightbox_top_div {
margin-left: 10px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;