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

1.新增订单手动退款 2.团购新增抖音团购核销

Browse Source
This commit is contained in:
gyq
2024-07-19 16:31:40 +08:00
parent c155e8a805
commit a282636266
10 changed files with 287 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/views/home/index.vue
View File

@@ -12,19 +12,23 @@
<el-text class="t">{{ masterId }}</el-text>
</div>
<div class="select_user" @click="fastCashierRef.show()" v-if="!memberInfo.telephone">
<el-icon class="icon">
<WalletFilled />
</el-icon>
<el-text class="t">快捷收银</el-text>
<div class="left">
<el-icon class="icon">
<WalletFilled />
</el-icon>
<el-text class="t">快捷收银</el-text>
</div>
<el-icon class="arrow">
<ArrowRight />
</el-icon>
</div>
<div class="select_user" v-else @click="clearMember">
<el-icon class="icon">
<UserFilled />
</el-icon>
<el-text class="t">{{ memberInfo.telephone }}</el-text>
<div class="left">
<el-icon class="icon">
<UserFilled />
</el-icon>
<el-text class="t">{{ memberInfo.telephone }}</el-text>
</div>
<el-icon class="arrow">
<Close />
</el-icon>
@@ -418,7 +422,7 @@ onMounted(() => {
.menu {
background-color: var(--el-color-warning);
color: #fff;
width: 100px;
width: 60px;
display: flex;
align-items: center;
justify-content: center;
@@ -437,7 +441,7 @@ onMounted(() => {
}
.number {
flex: 1;
width: 50px;
display: flex;
align-items: center;
justify-content: center;
@@ -450,24 +454,31 @@ onMounted(() => {
}
.select_user {
flex: 1;
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--el-color-info-light-8);
padding: 0 var(--el-font-size-base);
.icon {
color: var(--el-color-primary);
font-size: 18px;
}
.left {
display: flex;
align-items: center;
.t {
font-size: var(--el-font-size-base);
padding: 0 10px;
.icon {
color: var(--el-color-primary);
font-size: 20px;
}
.t {
font-size: var(--el-font-size-base);
margin-left: 4px;
}
}
.arrow {
color: #999;
font-size: 20px;
font-size: 16px;
position: relative;
top: 2px;
}