( $ _ $ )

src/views/commodity/commoditySystem/addCommodity.vue

@@ -25,7 +25,7 @@
     <!-- 商品 -->
     <div class="addCom common">
       <div v-if="active">
-        <el-form ref="form" :model="form" :rules="rules" label-width="90px" style="padding: 40px 40px;">
+        <el-form ref="form" :model="form" :rules="rules" label-width="100px" style="padding: 40px 40px;">
           <div class="leftCom">
             <el-form-item label="商品名称" prop="productName">
               <el-input v-model="form.productName" maxlength="40" show-word-limit />
@@ -33,8 +33,10 @@
             <el-form-item label="卖点简介">
               <el-input v-model="form.productBrief" maxlength="50" show-word-limit />
             </el-form-item>
-            <el-form-item label="商品排序值">
-              <el-input v-model="form.sortId" show-word-limit />
+            <el-form-item
+              label="商品排序值" prop="sortId"
+            >
+              <el-input v-model.number="form.sortId" show-word-limit />
             </el-form-item>
             <el-form-item>
               <Tinymce v-if="showTinymce" ref="content" v-model="form.productText" class="tinymce-wrap" :height="200" />
@@ -310,6 +312,7 @@ export default {
       dialogVisible: false,
       rules: {
         productName: [ { required: true, message: '请输入商品名称', trigger: 'blur' } ],
+        sortId: [{ required: true, message: '请输入排序值', trigger: 'blur' }, { type: 'number', message: '排序值必须为数字' }],
         shopGroupId: [ { required: true, message: '请选择商品分组', trigger: 'change' } ],
         classifyId: [ { required: true, message: '请选择商品分类', trigger: 'change' } ],
         ifLogistics: [ { required: true, message: '请选择是否需要物流', trigger: 'change' } ],

src/views/commodity/commoditySystem/addComponent.vue

@@ -150,7 +150,6 @@
           </el-table-column>
           <el-table-column label="售价">
             <template slot-scope="scope">
-              {{ String(scope.row.price) }}
               <el-input-number
                 v-model="scope.row.price" :controls="false" :max="999999999" :min="0"
                 :precision="2"
@@ -188,7 +187,7 @@
               <div>代金卷最大抵扣额度(一般设置全额抵扣)<el-button type="warning" size="mini" @click="$emit('syncVoucherPrice')">同步售价</el-button></div>
             </template>
             <template slot-scope="scope">
-              {{ String(scope.row.voucherPrice) }}<el-input-number v-model="scope.row.voucherPrice" :controls="false" :min="0" :precision="6" :step="0.01" style="width: auto;" />
+              <el-input-number v-model="scope.row.voucherPrice" :controls="false" :min="0" :precision="6" :step="0.01" style="width: auto;" />
             </template>
           </el-table-column>
           <el-table-column label="商品绑定的代金卷">