在线商城增加商品性质

src/views/supermarket/shopSpu/form.vue

@@ -28,6 +28,13 @@
                 />
               </el-form-item>
             </el-col>
+            <el-col :span="8" class="mb20">
+              <el-form-item label="商品性质" prop="productNature">
+                <el-select v-model="form.productNature" placeholder="请选择商品性质">
+                  <el-option :value="item.value" :label="item.label" v-for="(item, index) in supermarket_nature" :key="index" />
+                </el-select>
+              </el-form-item>
+            </el-col>
             <el-col :span="24" class="mb20">
               <el-form-item label="商品封面图" prop="picUrl" required>
                 <upload-img v-model:imageUrl="form.picUrl"></upload-img>
@@ -195,13 +202,13 @@ const dataFormRef = ref();
 const visible = ref(false)
 const loading = ref(false)
 // 定义字典
-const {spu_status} = useDict('spu_status')
+const { supermarket_nature,spu_status} = useDict("supermarket_nature",'spu_status')
-
 // 提交表单数据
 const form = reactive({
   id: '',
   productCode: '',
   productName: '',
+  productNature: "",
   description: '',
   categoryId: '',
   picUrl: '',
@@ -220,6 +227,7 @@ const form = reactive({
 
 // 定义校验规则
 const dataRules = ref({
+  productNature: [{ required: true, message: "请选择商品性质", trigger: "blur" }],
   productCode: [{ required: true, message: '货号不能为空', trigger: 'blur' }],
   productName: [{ required: true, message: '商品名称不能为空', trigger: 'blur' }],
   categoryId: [{ required: true, message: '商品分类不能为空', trigger: 'change' }],