yuhongqi 16 ساعت پیش
والد
کامیت
384085aaa0
1فایلهای تغییر یافته به همراه20 افزوده شده و 5 حذف شده
  1. 20 5
      src/views/hisStore/storeOrder/index.vue

+ 20 - 5
src/views/hisStore/storeOrder/index.vue

@@ -267,7 +267,7 @@
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
-    <el-row :gutter="10" class="mb8">
+    <el-row :gutter="10" class="mb8 order-toolbar-row">
       <!-- <el-col :span="1.5">
         <el-button
           type="primary"
@@ -385,36 +385,40 @@
           >创建erp</el-button>
         </el-tooltip>
       </el-col>
-      <el-col :span="1.5">
+      <el-col class="order-stat-col">
         <el-button
           disabled
           plain
           type="primary"
           size="mini"
+          class="order-stat-btn"
       >应付金额: {{ payPriceTotal}}</el-button>
     </el-col>
-      <el-col :span="1.5">
+      <el-col class="order-stat-col">
         <el-button
           disabled
           plain
           type="primary"
           size="mini"
+          class="order-stat-btn"
       >实付金额: {{payMoneyTotal}}</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <el-col class="order-stat-col">
         <el-button
           disabled
           plain
           type="primary"
           size="mini"
+          class="order-stat-btn"
       >物流代收金额: {{payRemainTotal }}</el-button>
       </el-col>
-      <el-col :span="1.5">
+      <el-col class="order-stat-col">
         <el-button
           disabled
           plain
           type="primary"
           size="mini"
+          class="order-stat-btn"
       >订单量/金额: {{ total }}/{{payPriceTotal }}</el-button>
       </el-col>
 
@@ -2503,6 +2507,17 @@ export default {
 
 </style>
 <style scoped>
+.order-toolbar-row {
+  flex-wrap: wrap;
+}
+.order-stat-col {
+  width: auto !important;
+  flex: 0 0 auto !important;
+  max-width: none !important;
+}
+.order-stat-btn {
+  white-space: nowrap;
+}
 .tag-input-order-search {
   padding: 20px;
   background: #fff;