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

台桌列表样式调整

This commit is contained in:
YeMingfei666 2024-09-02 18:30:03 +08:00
parent 7a1122ece6
commit 7c777b72df
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/table/table_list.vue
View File

@ -47,7 +47,7 @@
class="item" class="item"
v-for="item in tableList" v-for="item in tableList"
:key="item.id" :key="item.id"
:class="{ using: item.status == 'using' }" :class="[item.status]"
> >
<div class="new-top flex u-row-between"> <div class="new-top flex u-row-between">
<span class="name">{{ item.name }}</span> <span class="name">{{ item.name }}</span>
@ -116,7 +116,7 @@
</template> </template>
<template v-else> <template v-else>
<el-button <el-button
type="primary" type="info"
disabled disabled
>开始点餐</el-button >开始点餐</el-button
> >
@ -207,7 +207,7 @@ export default {
}, },
closed: { closed: {
label: "关台", label: "关台",
type: "#F56C6C", type: "rgb(221,221,221)",
}, },
// opening: { // opening: {
// label: "开台中", // label: "开台中",
@ -362,6 +362,10 @@ export default {
&.using { &.using {
background-color: rgb(250, 85, 85); background-color: rgb(250, 85, 85);
} }
&.closed{
background-color: rgb(221, 221, 221);
filter: grayscale(1);
}
.new-top { .new-top {
height: 30px; height: 30px;
color: #fff; color: #fff;