更新

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

@@ -132,11 +132,19 @@
             <view class="list-button-item"><button disabled="true" class="admin-button-com bule active">发货</button> </view>
           </block>
           <view class="list-button-item" v-if="currentStatus == 1">
-            <button disabled="true" class="admin-button-com bule active">打印(${item.printNum})</button>
+            <button
+              disabled="true"
+              class="admin-button-com bule active"
+              :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">
-              打印<text>({{ item.printNum }})</text>
+            <button
+              @click.stop="printOrder(item)"
+              class="admin-button-com bule"
+              :class="{ 'print-btn--unprinted': !isPrinted(item) }"
+            >
+              打印<text>({{ item.printNum || 0 }})</text>
             </button>
           </view>
           <view class="list-button-item">
@@ -331,6 +339,9 @@ export default {
       this.$set(item, key, value)
       this.updateFiled({ id: item.id, key, value })
     },
+    isPrinted(item) {
+      return Number(item && item.printNum) > 0
+    },
     directFh(info) {
       this.$emit('directFh', info);
     },
@@ -518,6 +529,11 @@ export default {
     border: 1upx solid #ccc;
   }
 }
+.print-btn--unprinted {
+  color: #fff;
+  background-color: $mainColor;
+  border-color: $mainColor;
+}
 .list-top,
 .list-bottom {
   padding: 15upx 30upx;