更改订单显示样式

src/views/order/index.vue

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