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

代客下单修改部分样式

Browse Source
This commit is contained in:
YeMingfei666
2024-10-16 14:16:14 +08:00
parent 7030d60847
commit 72d4862925
3 changed files with 39 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
pagesCreateOrder/confirm-order/confirm-order.vue
View File

@@ -1,9 +1,9 @@
<template>
<view class="page-gray color-333 u-font-28">
<template v-if="true">
<view class="block">
<view class="block u-p-t-32 u-p-b-32">
<view>桌位号</view>
<view class="font-bold u-font-40 u-m-t-20">
<view class="font-bold u-font-32 u-m-t-16">
{{table.name||''}}
</view>
</view>
@@ -122,7 +122,7 @@
</view>
<view class="block">
<view class="block u-m-b-0">
<view class="u-flex">
<view>共</view>
<view class="fen font-bold">{{goodsNumber}}</view>
@@ -130,9 +130,9 @@
</view>
<view class="goods u-m-t-32">
<view class="item u-m-b-40" @click="changeGoodsSel(index)" v-for="(item,index) in goods.list"
<view class="item u-p-b-32" @click="changeGoodsSel(index)" v-for="(item,index) in goods.list"
:key="index">
<view class="u-flex u-row-between">
<view class="u-flex u-row-between ">
<view class="u-flex">
<image class="img" :src="item.coverImg" mode=""></image>
<view class="u-m-l-32">
@@ -173,17 +173,17 @@
{{item.note}}
</view>
</template>
<scroll-view scroll-x="true" v-if="index==goods.sel">
<view class="u-m-t-32 u-flex no-wrap u-p-b-12">
<scroll-view class="u-m-t-32" scroll-x="true" v-if="index==goods.sel">
<view class=" u-flex no-wrap ">
<!-- <view class="u-flex u-m-r-20 u-m-b-20">
<button class="tag" hover-class="hover-class" @tap="showModel('discount')">单品打折</button>
</view> -->
<view class="u-flex u-m-r-20 u-m-b-20">
<view class="u-flex u-m-r-20 ">
<!-- <button class="tag" hover-class="hover-class" @tap="showModel('giveFood')">赠菜</button> -->
<button class="tag" hover-class="hover-class"
@tap="toggleGoodsItemKey(item,index,'isGift')">{{item.isGift?'取消赠送':'赠送'}}</button>
</view>
<view class="u-flex u-m-r-20 u-m-b-20" >
<view class="u-flex u-m-r-20 " >
<button class="tag" hover-class="hover-class"
@tap="toggleGoodsItemKey(item,index,'isPack')">{{item.isPack?'取消打包':'打包'}}</button>
</view>
@@ -191,13 +191,13 @@
<button class="tag" hover-class="hover-class"
@tap="toggleWait(item)">{{item.isWait?'取消等叫':'等叫'}}</button>
</view> -->
<view class="u-flex u-m-r-20 u-m-b-20">
<view class="u-flex u-m-r-20 ">
<button class="tag" hover-class="hover-class"
@tap="showModel('remark',index)">单品备注</button>
</view>
</view>
</scroll-view>
<view class="border-top u-m-t-48 " v-if="index==goods.sel"></view>
</view>
</view>
<view class="border-bottom">
@@ -234,7 +234,7 @@
</view>
<view style="height: 300rpx;"></view>
<view :style="{height:bottomHeight+'px'}"></view>
<view class="safe-bottom fixed">
<!-- <view class="u-m-b-48">
<label class="radio">
@@ -244,7 +244,9 @@
<view class="btn ">
<my-button shape="circle" @click="createOrder">
{{$shop.registerType=='munchies'?'结算': '下单'}}
<view class="font-bold u-font-32">
{{$shop.registerType=='munchies'?'结算': '下单'}}
</view>
</my-button>
</view>
@@ -262,6 +264,7 @@
<script setup>
import {
onLoad,
onReady,
onShow
} from '@dcloudio/uni-app'
import {
@@ -271,6 +274,7 @@
computed,
watch
} from 'vue';
import {getSafeBottomHeight} from '@/commons/utils/safe-bottom.js'
import modelDiscount from './components/discount'
import giveFood from './components/give-food'
import oneRemark from './components/remark'
@@ -637,6 +641,13 @@
// updateChoseCount()
})
let bottomHeight=ref(100)
onReady(()=>{
getSafeBottomHeight('safe-bottom').then(res=>{
console.log(res);
bottomHeight.value=res
})
})
async function changeUseType() {
const {
@@ -682,7 +693,7 @@
}
.page-gray {
padding: 32rpx 28rpx;
padding: 32rpx 28rpx 0 28rpx;
}
.headeimg {
@@ -697,7 +708,6 @@
border-radius: 18rpx;
margin-bottom: 32rpx;
}
.textarea {
border-radius: 12rpx 12rpx 12rpx 12rpx;
padding: 32rpx 0 32rpx 24rpx;