更新

ghsApp/src/admin/home/components/OrderItem.vue

@@ -108,56 +108,56 @@
               :data-order-id="item.id"
               :data-share-type="shareBtnType"
               @click.stop="shareOrder(item)"
-              class="admin-button-com bule"
+              class="admin-button-com bule list-btn--compact"
             >分享</button>
           </view>
           <!-- #endif -->
           <!-- #ifdef APP-PLUS -->
           <view class="list-button-item">
-            <button @click.stop="shareOrder(item)" class="admin-button-com bule">分享</button>
+            <button @click.stop="shareOrder(item)" class="admin-button-com bule list-btn--compact">分享</button>
           </view>
           <!-- #endif -->
           <!-- #ifndef MP-WEIXIN -->
           <!-- #ifndef APP-PLUS -->
           <view class="list-button-item">
-            <button @click.stop="shareOrder(item)" class="admin-button-com bule">分享</button>
+            <button @click.stop="shareOrder(item)" class="admin-button-com bule list-btn--compact">分享</button>
           </view>
           <!-- #endif -->
           <!-- #endif -->
           <block v-if="currentStatus == 2">
             <block v-if="item.book == 0">
-              <view class="list-button-item"><button @click.stop="directFh(item)" class="admin-button-com bule">发货</button> </view>
+              <view class="list-button-item"><button @click.stop="directFh(item)" class="admin-button-com bule list-btn--compact">发货</button> </view>
             </block>
             <block v-else>
-              <view class="list-button-item"><button @click.stop="confirmFh(item)" class="admin-button-com bule">发货</button> </view>
+              <view class="list-button-item"><button @click.stop="confirmFh(item)" class="admin-button-com bule list-btn--compact">发货</button> </view>
             </block>
           </block>
           <block v-else>
-            <view class="list-button-item"><button disabled="true" class="admin-button-com bule active">发货</button> </view>
+            <view class="list-button-item"><button disabled="true" class="admin-button-com bule active list-btn--compact">发货</button> </view>
           </block>
           <view class="list-button-item">
-            <button @click.stop="printWlFlag(item)" class="admin-button-com bule">
+            <button @click.stop="printWlFlag(item)" class="admin-button-com bule list-btn--wide">
               物流标<text>({{ item.printWlNum || 0 }})</text>
             </button>
           </view>
           <view class="list-button-item" v-if="currentStatus == 1">
             <button
               disabled="true"
-              class="admin-button-com bule active"
+              class="admin-button-com bule active list-btn--wide"
               :class="{ 'print-btn--unprinted': !isPrinted(item) }"
             >打印({{ item.printNum || 0 }})</button>
           </view>
           <view class="list-button-item" v-else>
             <button
               @click.stop="printOrder(item)"
-              class="admin-button-com bule"
+              class="admin-button-com bule list-btn--wide"
               :class="{ 'print-btn--unprinted': !isPrinted(item) }"
             >
               打印<text>({{ item.printNum || 0 }})</text>
             </button>
           </view>
           <view class="list-button-item">
-            <button @click.stop="openMore(item)" class="admin-button-com bule">更多</button>
+            <button @click.stop="openMore(item)" class="admin-button-com bule list-btn--compact">更多</button>
           </view>
         </view>
       </view>
@@ -639,7 +639,7 @@ export default {
     width: 100%;
     display: flex;
     flex-wrap: wrap;
-    justify-content: space-around;
+    justify-content: space-between;
     align-items: center;
     .list-button-item {
       display: flex;
@@ -649,22 +649,34 @@ export default {
       flex: none;
       min-height: 48upx;
     }
-    /* 底部操作栏按钮：与原组件级 .admin-button-com 移入前一致 */
+    /* 底部操作栏按钮基础样式 */
     .admin-button-com {
-      width: 140upx;
       height: 60upx;
-      padding: 0;
+      padding: 0 12upx;
       line-height: 60upx;
       text-align: center;
       font-size: 26upx;
       margin: 0;
-      min-width: 90upx;
+      min-width: 100upx;
       max-width: 140upx;
+      width: auto;
       flex: none;
       box-sizing: border-box;
       &.active {
         border: 1upx solid #ccc;
       }
+      /* 两字按钮：分享、更多、发货 */
+      &.list-btn--compact {
+        width: 105upx;
+        padding: 0;
+      }
+      /* 带计数文案：物流标、打印 */
+      &.list-btn--wide {
+        min-width: 140upx;
+        max-width: 200upx;
+        width: auto;
+        padding: 0 16upx;
+      }
     }
   }
 }