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

更改订单显示样式

Browse Source
This commit is contained in:
魏啾
2024-06-22 17:51:48 +08:00
parent 328b512411
commit 776523c1ea
1 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -96,8 +96,10 @@
style="border: 2px solid red; color: red; padding: 4px 2px;">已退</span></div> style="border: 2px solid red; color: red; padding: 4px 2px;">已退</span></div>
<div v-else>{{ item.priceAmount }}</div> <div v-else>{{ item.priceAmount }}</div>
</div> </div>
<div :style="{ 'height': reforderboxrightbuttonheight + 'px' }"></div>
</div> </div>
<div class="orderbox_right_button">
<div class="orderbox_right_button" ref="reforderboxrightbutton">
<div class="orderbox_right_buttonbutton"> <div class="orderbox_right_buttonbutton">
<el-button style="width: 100%;" type="warning" :loading="callLoading" @click="callNumberHandle"> <el-button style="width: 100%;" type="warning" :loading="callLoading" @click="callNumberHandle">
叫号 叫号
@@ -249,7 +251,8 @@ const itemboxshow = ref(false)
import { ipcRenderer } from 'electron' import { ipcRenderer } from 'electron'
const reforderboxrightbutton = ref(null);//定义ref
const reforderboxrightbuttonheight = ref(null)//获取元素高度
import { bySubType } from "@/api/device"; import { bySubType } from "@/api/device";
@@ -452,6 +455,9 @@ const emititemboxshow = async (e) => { //接收子组件值 并赋值给父组
itemboxshow.value = true itemboxshow.value = true
loadingboxshow.value = false loadingboxshow.value = false
orderDetaildata.value = res orderDetaildata.value = res
if (reforderboxrightbutton.value) { //点击动态获取元素高度
reforderboxrightbuttonheight.value = reforderboxrightbutton.value.offsetHeight;
}
orderDetaildata.value.detailList.forEach((e) => { orderDetaildata.value.detailList.forEach((e) => {
e.checked = false e.checked = false
e.zongprice = e.priceAmount / e.num e.zongprice = e.priceAmount / e.num
@@ -949,7 +955,7 @@ onMounted(() => {
.tableDataclass { .tableDataclass {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
height: 80%; height: 90%;
.orderbox_right_item { .orderbox_right_item {
margin-top: 6px; margin-top: 6px;
@@ -963,8 +969,9 @@ onMounted(() => {
.orderbox_right_button { .orderbox_right_button {
position: absolute; position: absolute;
width: 90%; width: 96%;
left: 50%; left: 50%;
background: #fff;
bottom: 16px; bottom: 16px;
.orderbox_right_buttonbutton { .orderbox_right_buttonbutton {