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

台桌列表样式调整

This commit is contained in:
YeMingfei666 2024-08-30 17:34:58 +08:00
parent f53f9b0f07
commit 6def1406bb
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -70,13 +70,13 @@
<div class="row"> <div class="row">
<span class="tips">客座次数：{{ item.maxCapacity }}人</span> <span class="tips">客座次数：{{ item.maxCapacity }}人</span>
</div> </div>
<div class="row"> <div class="row btn-group">
<template v-if="item.status == 'idle'"> <template v-if="item.status == 'idle'">
<el-button <el-button
type="primary" type="primary"
:disabled="!item.tableId || item.status === 'closed'" :disabled="!item.tableId || item.status === 'closed'"
@click="diancanShow(item)" @click="diancanShow(item)"
>点餐</el-button> >开始点餐</el-button>
</template> </template>
<template v-if="item.status == 'using'"> <template v-if="item.status == 'using'">
<el-button <el-button
@ -281,7 +281,13 @@ export default {
display: flex; display: flex;
justify-content: center; justify-content: center;
} }
.btn-group{
display: flex;
gap: 10px;
}
::v-deep .el-button{
width: 100%;
}
.item { .item {
border: 1px solid #ddd; border: 1px solid #ddd;
display: flex; display: flex;