Просмотр исходного кода

feat: 商品规格禁用时库存为0

Sun 3 лет назад
Родитель
Сommit
97ad04d2ca
1 измененных файлов с 3 добавлено и 2 удалено
  1. 3 2
      src/views/business/goods/components/spec.vue

+ 3 - 2
src/views/business/goods/components/spec.vue

@@ -78,12 +78,12 @@
           </td>
           <td>
             <el-form-item :prop="`skuList.${index}.quantity`" :rules="{ required: true, message: '请输入库存', trigger: 'blur' }">
-              <el-input-number v-model="sku.quantity" :min="0" />
+              <el-input-number v-model="sku.quantity" :min="0" @change="$event === 0 ? sku.status = false : sku.status = true" />
             </el-form-item>
           </td>
           <td style="padding: 0px 10px">
             <el-form-item :prop="`skuList.${index}.status`">
-              <el-switch v-model="sku.status" active-color="#13ce66" inactive-color="#ff4949" />
+              <el-switch v-model="sku.status" active-color="#13ce66" inactive-color="#ff4949" @change="!$event ? sku.quantity = 0 : sku.quantity = 1" />
             </el-form-item>
           </td>
         </tr>
@@ -149,6 +149,7 @@ export default {
         this.$set(item, 'valueY', accDiv(item.value, 100))
         this.$set(item, 'costY', accDiv(item.cost, 100))
         this.$set(item, 'picUrlArr', item.picUrl.split(',').map(item => { return { fileName: item }}))
+        this.$set(item, 'status', !!item.quantity)
         return item
       })
     },