库存管理 修改按钮样式

pages/stock/mana.vue

@@ -109,6 +109,9 @@
 								color:#fff;
 								background:#10C176;
 							}
+							&.bg-gray{
+								color:#999;
+							}
 						}
 					}
 				}
@@ -153,7 +156,7 @@
 					<view class="num">
 						<text>库存量：{{v.equivalentInventory||0}}{{v.packgeUnit}}</text>
 						<view class="btns">
-							<button v-if="v.equivalentInventory>0" class="cu-btn out" @click="toList('out',v)">出库</button>
+							<button class="cu-btn" :class="v.equivalentInventory>0?'out':'bg-gray'" @click="v.equivalentInventory>0 && toList('out',v)">出库</button>
 							<button class="cu-btn in" @click="toList('in',v)">入库</button>
 						</view>
 					</view>
@@ -168,7 +171,7 @@
 						<text class="detailType">{{v.detailType}}</text>
 						<text class="warehouse over">{{v.wareHouseName}}</text>
 						<view class="btns">
-							<button v-if="v.equivalentInventory>0" class="cu-btn out" @click="toList('out',v)">出库</button>
+							<button class="cu-btn" :class="v.equivalentInventory>0?'out':'bg-gray'" @click="v.equivalentInventory>0 && toList('out',v)">出库</button>
 							<!-- <button class="cu-btn" @click="toList('in',v)">入库</button> -->
 						</view>
 					</view>