feat:添加封面图

src/views/hard/hard-spu/form.vue

@@ -1,6 +1,6 @@
 <template>
 	<el-dialog :title="form.id ? '编辑' : '新增'" width="40%" v-model="visible" :close-on-click-modal="false" draggable>
-		<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="100px" v-loading="loading">
+		<el-form ref="dataFormRef" :model="form" :rules="dataRules" formDialogRef label-width="120px" v-loading="loading">
 			<el-row :gutter="24">
 				<el-col :span="24" class="mb20">
 					<el-form-item label="商品名" prop="name">
@@ -13,7 +13,12 @@
 					</el-form-item>
 				</el-col>
 				<el-col :span="24" class="mb20">
-					<el-form-item label="商品图片" prop="pic">
+					<el-form-item label="商品封面图片" prop="cover">
+						<upload-imgs v-model="form.cover" />
+					</el-form-item>
+				</el-col>
+				<el-col :span="24" class="mb20">
+					<el-form-item label="商品识别图片" prop="pic">
 						<upload-imgs v-model="form.pic" />
 					</el-form-item>
 				</el-col>
@@ -116,7 +121,8 @@ const dataRules = ref({
 	name: [{ required: true, message: "请输入商品名", trigger: "blur" }],
 	hardId: [{ required: true, message: "请选择设备", trigger: "blur" }],
 	spuCategoryId: [{ required: true, message: "请选择分类", trigger: "change" }],
-	pic: [{ required: true, message: "请选择图片", trigger: "change" }],
+	cover: [{ required: true, message: "请选择封面图片", trigger: "change" }],
+	pic: [{ required: true, message: "请选择识别图片", trigger: "change" }],
 	price: [{ required: true, message: "请输入价格", trigger: "blur" }],
 	sort: [{ required: true, message: "请输入排序", trigger: "blur" }],
 	status: [{ required: true, message: "请选择是否启用", trigger: "change" }],