商品总体库存不足提示

src/views/mall/components/details/s-select-sku.vue

@@ -74,7 +74,7 @@
           />
         </div>
         <!-- 数量可加减 库存 -->
-        <span style="color: #b7b7b7; font-size: 14px;">库存：{{ totalStock }}</span>
+        <span :style="`color: ${totalStock ? '#b7b7b7' : 'red'}; font-size: 14px;`" >库存：{{ totalStock }}</span>
       </div>
     </div>
     <!-- 操作区 -->
@@ -132,7 +132,7 @@
   watch(
     () => state.selectedSku,
     (newVal) => {
-      if (newVal?.stock) totalStock.value = newVal.stock
+      if (newVal?.stock) totalStock.value = newVal?.stock-0 || 0
       emits('change', newVal);
     },
     {
@@ -150,6 +150,10 @@
 
   // 加入购物车
   function onAddCart() {
+    if (!totalStock.value ) {
+      Snackbar.warning('库存不足！')
+      return;
+    }
     if (props.goodsInfo.type !== '0') return Snackbar.warning('虚拟商品不能加入购物车')
     if (state.selectedSku.id <= 0) {
       Snackbar.warning('请选择商品规格')
@@ -170,6 +174,10 @@
 
   // 立即购买
   function onBuy() {
+    if (!totalStock.value ) {
+      Snackbar.warning('库存不足！')
+      return;
+    }
     if (!state?.selectedSku?.id || state.selectedSku.id <= 0) {
       Snackbar.warning('请选择商品规格')
       return;