Procházet zdrojové kódy

添加/编辑商品,“兑换盲豆数量”字段可编辑

DELL před 3 roky
rodič
revize
76e60c0aa4

+ 7 - 7
src/views/business/goods/add.vue

@@ -47,7 +47,7 @@
             <el-select
               v-model="addData.tagIds"
               placeholder="请选择商品标签"
-              multiple 
+              multiple
               clearable
             >
               <el-option :label="item.name" :value="item.tagId" v-for="(item, index) in goodsTagItemsList" :key="index" />
@@ -74,7 +74,7 @@
           </el-form-item>
         </el-col>
       </el-row>
-      
+
       <el-row v-if="addData.multiSku === 0" :gutter="40" style="width: 600px">
         <el-col :span="23">
           <el-form-item label="价格:" prop="value">
@@ -84,8 +84,8 @@
           </el-form-item>
         </el-col>
         <el-col :span="23">
-          <el-form-item label="兑换盲豆数量:" prop="value">
-            <el-input :value="(addData.value * 10).toFixed(0)" type="number" readonly disabled>
+          <el-form-item label="兑换盲豆数量:" prop="exchangePrice">
+            <el-input v-model="addData.exchangePrice" type="number" placeholder="请输入盲豆数量">
               <template slot="append">盲豆</template>
             </el-input>
           </el-form-item>
@@ -155,12 +155,12 @@ export default {
         exchangeShow: [{ required: true, message: '请选择是否支持盲豆兑换', trigger: 'change' }],
         multiSku: [{ required: true, message: '请选择SKU类型', trigger: 'change' }],
         value: [
-          { required: true, message: '请输商品价格', trigger: 'blur' },
+          { required: true, message: '请输商品价格', trigger: 'blur' },
           { pattern: /^([1-9]\d*(\.\d{1,2})?|([0](\.([0][1-9]|[1-9]\d{0,1}))))$/, message: "请输入正确的金额,最多两位小数", trigger: ["blur", "change"] }
         ],
         exchangePrice: [
-          { required: true },
-          // { pattern: /^([1-9]\d*)$/, message: "请输入正确的数字", trigger: ["blur", "change"] }
+          { required: true,message:'请输入盲豆数量', trigger: 'blur' },
+          { pattern: /^([1-9]\d*)$/, message: "请输入正确的数字", trigger: ["blur", "change"] }
         ],
         cost: [
           { required: false, message: '请输入采购价格', trigger: 'blur' },

+ 15 - 7
src/views/business/goods/components/spec.vue

@@ -68,8 +68,9 @@
             </el-form-item>
           </td>
           <td>
-            <el-form-item :prop="`skuList.${index}.valueY`" :rules="exchangeRules">
-              <p>{{ (sku.valueY * 10).toFixed(0) }}</p>
+            <el-form-item :prop="`skuList.${index}.exchange`" :rules="exchangeRules">
+<!--              <p>{{ (sku.valueY * 10).toFixed(0) }}</p>-->
+              <el-input v-model="sku.exchange" />
             </el-form-item>
           </td>
           <td class="pd">
@@ -117,9 +118,16 @@ export default {
       skuList: [],
       specValTmp: '',
       specifications: [],
-      valueYRules: [{ required: true, message: '请输入价格', trigger: 'blur' },{ pattern: /^([1-9]\d*(\.\d{1,2})?|([0](\.([0][1-9]|[1-9]\d{0,1}))))$/, message: "请输入正确的金额,最多两位小数", trigger: ["blur", "change"]}],
-      costYRules: [{ required: false, message: '请输入采购价格', trigger: 'blur' },{ pattern: /^([1-9]\d*(\.\d{1,2})?|([0](\.([0][1-9]|[1-9]\d{0,1}))))$/, message: "请输入正确的金额,最多两位小数", trigger: ["blur", "change"] }],
-      exchangeRules: [{ required: true, trigger: 'blur' }]
+      valueYRules: [
+        { required: true, message: '请输入价格', trigger: 'blur' },
+        { pattern: /^([1-9]\d*(\.\d{1,2})?|([0](\.([0][1-9]|[1-9]\d{0,1}))))$/, message: "请输入正确的金额,最多两位小数", trigger: ["blur", "change"]}],
+      costYRules: [
+        { required: false, message: '请输入采购价格', trigger: 'blur' },
+        { pattern: /^([1-9]\d*(\.\d{1,2})?|([0](\.([0][1-9]|[1-9]\d{0,1}))))$/, message: "请输入正确的金额,最多两位小数", trigger: ["blur", "change"] }],
+      exchangeRules: [
+        { required: true,message:'请输入盲豆数量', trigger: 'blur' },
+        { pattern: /^([1-9]\d*)$/, message: "请输入正确的数字", trigger: ["blur", "change"] }
+      ]
     }
   },
   directives: {
@@ -177,7 +185,7 @@ export default {
       }
       if (spec.vals.find(item => item === this.specValTmp)) {
         this.$message.warning('规格值已存在')
-        return 
+        return
       }
       spec.vals.push(this.specValTmp)
       this.specValTmp = ''
@@ -330,6 +338,6 @@ export default {
       color: red;
     }
   }
-  
+
 }
 </style>