修改样式

src/components/sale/orderlist.vue

@@ -120,13 +120,13 @@
                 <div style="color:red" v-if="item.CommissionBack>0">补交提成：{{item.CommissionBack}}</div>
               </template>
             </td>
-            <td style="border:none">{{item.GuestNum}}人</td>
-            <td style="border:none">
+            <td style="border:none;width:7%">{{item.GuestNum}}人</td>
+            <td style="border:none;width:7%">
               <template v-if="item.Class_Price>=0">
                 {{item.Class_Price.toFixed(2)}}
               </template>
             </td>
-            <td :style="{color:item.Class_Price!=item.Unit_Price?'var(--q-color-negative)':'','border':'none'}">
+            <td style="width:7%" :style="{color:item.Class_Price!=item.Unit_Price?'var(--q-color-negative)':'','border':'none'}">
               <template v-if="item.Unit_Price>=0">
                 {{item.Unit_Price.toFixed(2)}}
               </template>
@@ -134,7 +134,7 @@
                 <span class="redstyle">{{item.Unit_Price.toFixed(2)}}</span>
               </template>
             </td>
-            <td style="border:none">
+            <td style="border:none;width:7%">
               <template v-if="item.PreferPrice>=0">
                 {{item.PreferPrice.toFixed(2)}}
               </template>
@@ -143,7 +143,7 @@
               </template>
 
             </td>
-            <td style="border:none">
+            <td style="border:none;width:7%">
               <template v-if="item.Income>=0">
                 {{item.Income.toFixed(2)}}
               </template>
@@ -151,7 +151,7 @@
                 <span class="redstyle">{{item.Income.toFixed(2)}}</span>
               </template>
             </td>
-            <td style="color:var(--q-color-negative);border:none">
+            <td style="color:var(--q-color-negative);border:none;width:7%">
               <template v-if="item.DiscountMoney>=0">
                 {{item.DiscountMoney.toFixed(2)}}
               </template>
@@ -159,7 +159,7 @@
                 <span class="redstyle">{{item.DiscountMoney.toFixed(2)}}</span>
               </template>
             </td>
-            <td style="border:none">
+            <td style="border:none;width:6%">
               <template v-if="item.LessPrice>=0">
                 {{item.LessPrice.toFixed(2)}}
               </template>
@@ -167,7 +167,7 @@
                 <span class="redstyle">{{item.LessPrice.toFixed(2)}}</span>
               </template>
             </td>
-            <td style="border:none">
+            <td style="border:none;width:7%">
               <template v-if="item.Refund>=0">
                 {{item.Refund.toFixed(2)}}
               </template>
@@ -175,7 +175,7 @@
                 <span class="redstyle">{{item.Refund.toFixed(2)}}</span>
               </template>
             </td>
-            <td style="border:none">
+            <td style="border:none;width:7%">
               <template v-if="item.PlatformTax>=0">
                 {{item.PlatformTax.toFixed(2)}}
               </template>
@@ -183,7 +183,7 @@
                 <span class="redstyle">{{item.PlatformTax.toFixed(2)}}</span>
               </template>
             </td>
-            <td style="color:#2961FE;border:none">
+            <td style="color:#2961FE;border:none;width:7%">
               <template v-if="item.DueInMoney>=0">
                 {{item.DueInMoney.toFixed(2)}}
               </template>
@@ -191,7 +191,7 @@
                 <span class="redstyle">{{item.DueInMoney.toFixed(2)}}</span>
               </template>
             </td>
-            <td style="border:none">
+            <td style="border:none;width:7%">
               <div style="background: rgba(2, 196, 153, 0.2);width: 80px;border-radius: 2px;text-align: center">
                 <span style="color: #02C499">{{item.OrderStateName}}</span>
               </div>