整理

src/views/canteen/canteenOnlineSpu/form.vue

@@ -22,12 +22,22 @@
           </el-select>
         </el-form-item>
       </el-col>
+
          <el-col :span="12" class="mb20">
            <el-form-item label="商品价格" prop="price">
-             <el-input v-model="form.price" placeholder="请输入商品价格"/>
+             <el-input-number v-model="form.price" placeholder="请输入商品价格"/>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12" class="mb20">
+           <el-form-item label="市场价" prop="marketPrice">
+             <el-input-number v-model="form.marketPrice" placeholder="请输入市场价"/>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12" class="mb20">
+           <el-form-item label="库存" prop="stock">
+             <el-input-number v-model="form.stock" placeholder="请输入库存"/>
            </el-form-item>
          </el-col>
-
     <el-col :span="24" class="mb20">
   <el-form-item label="商品封面图" prop="picUrl">
     <upload-img v-model="form.picUrl"></upload-img>
@@ -42,7 +52,7 @@
 
     <el-col :span="12" class="mb20">
       <el-form-item label="排序字段" prop="sort">
-        <el-input v-model="form.sort" placeholder="请输入排序字段"/>
+        <el-input-number v-model="form.sort" placeholder="请输入排序字段"/>
       </el-form-item>
       </el-col>
 
@@ -55,17 +65,6 @@
         </el-form-item>
       </el-col>
 
-    <el-col :span="12" class="mb20">
-      <el-form-item label="市场价" prop="marketPrice">
-        <el-input v-model="form.marketPrice" placeholder="请输入市场价"/>
-      </el-form-item>
-      </el-col>
-
-    <el-col :span="12" class="mb20">
-      <el-form-item label="库存" prop="stock">
-        <el-input v-model="form.stock" placeholder="请输入库存"/>
-      </el-form-item>
-      </el-col>
 
 <!--    <el-col :span="12" class="mb20">-->
 <!--      <el-form-item label="部门id" prop="deptId">-->
@@ -112,7 +111,7 @@ const form = reactive({
 	  picUrl: '',
 	  sliderPicUrls: '',
 	  sort: '',
-	  status: '',
+	  status: '0',
 	  price: '',
 	  marketPrice: '',
 	  stock: '',
@@ -130,7 +129,9 @@ const dataRules = ref({
         picUrl: [{required: true, message: '商品封面图不能为空', trigger: 'blur'}],
         price: [{required: true, message: '商品价格', trigger: 'blur'}],
         marketPrice: [{required: true, message: '市场价', trigger: 'blur'}],
-        stock: [{ validator: rule.number, trigger: 'blur' }],
+        stock: [{ required: true,message: '请输入库存数量',trigger: 'blur' }],
+        status: [{required: true, message: '请勾选上下架', trigger: 'blur'}],
+
 })
 
 // 打开弹窗