商品设计图片移动至货品下

src/views/commodityManage/components/addSpecifications.vue

@@ -10,6 +10,15 @@
             <el-form-item label="商品货品名称" prop="productName">
                 <el-input v-model="formData.productName" />
             </el-form-item>
+            <el-form-item label="设计图片" prop="designUrl">
+                <el-upload :action="uploadPath" :limit="1" :show-file-list="false" :headers="headers"
+                    :on-success="uploadCdUrl" list-type="picture" class="avatar-uploader" accept=".jpg,.jpeg,.png,.gif">
+                    <img v-if="formData.designUrl" :src="formData.designUrl" class="avatar" />
+                    <el-icon v-else class="avatar-uploader-icon">
+                        <Plus />
+                    </el-icon>
+                </el-upload>
+            </el-form-item>
             <el-form-item label="产品图片" prop="url">
                 <el-upload :action="uploadPath" :limit="1" :show-file-list="false" :headers="headers"
                     :on-success="uploadUrl" list-type="picture" class="avatar-uploader" accept=".jpg,.jpeg,.png,.gif">
@@ -39,13 +48,15 @@ let rules = ref({
     bomCode: { required: true, message: '', trigger: 'blur' },
     model: { required: true, message: '', trigger: 'blur' },
     productName: { required: true, message: '', trigger: 'blur' },
-    url: { required: true, message: '产品图片不为空', trigger: ['blur', 'change'] }
+    url: { required: true, message: '产品图片不为空', trigger: ['blur', 'change'] },
+    designUrl: { required: true, message: '设计图片不为空', trigger: ['blur', 'change'] }
 })
 let formData = ref({
     bomCode: '',
     model: '',
     productName: '',
-    url: ''
+    url: '',
+    designUrl: ''
 })
 
 let headers = computed(() => {
@@ -56,6 +67,10 @@ let uploadUrl = (res: any) => {
     formData.value.url = res.data.url;
 }
 
+let uploadCdUrl = (res: any) => {
+    formData.value.designUrl = res.data.url;
+}
+
 let handleAdd = () => {
     formRef.value?.validate((valid: boolean) => {
         if (valid) {
@@ -75,7 +90,8 @@ let handleClose = () => {
         bomCode: '',
         model: '',
         productName: '',
-        url: ''
+        url: '',
+        designUrl: ''
     }
     showVisiable.value = false
 }

src/views/commodityManage/edit.vue

@@ -45,7 +45,7 @@
                         </el-upload>
                     </el-form-item>
 
-                    <el-form-item label="设计图片" prop="designUrl">
+                    <!-- <el-form-item label="设计图片" prop="designUrl">
                         <el-upload :action="uploadPath" :limit="1" :show-file-list="false" :headers="headers"
                             :on-success="uploadCdUrl" list-type="picture" class="avatar-uploader"
                             accept=".jpg,.jpeg,.png,.gif">
@@ -54,7 +54,7 @@
                                 <Plus />
                             </el-icon>
                         </el-upload>
-                    </el-form-item>
+                    </el-form-item> -->
 
                     <el-form-item label="宣传画廊">
                         <el-upload ref="uploadRef" v-model:file-list="fileList" :action="uploadPath" :limit="5"
@@ -224,7 +224,7 @@ let goods = ref({
     isNew: true,
     isOnSale: true,
     picUrl: "",
-    designUrl: '',
+    // designUrl: '',
     unit: "",
     brandId: "",
     brief: "",
@@ -249,7 +249,7 @@ let rules = ref({
     goodsSn: [{ required: true, message: "商品编号不能为空", trigger: "blur" }],
     name: [{ required: true, message: "商品名称不能为空", trigger: "blur" }],
     picUrl: [{ required: true, message: "商品图片不能为空", trigger: ["blur", 'change'] }],
-    designUrl: [{ required: true, message: "设计图片不能为空", trigger: ["blur", 'change'] }],
+    // designUrl: [{ required: true, message: "设计图片不能为空", trigger: ["blur", 'change'] }],
 });
 
 let headers = computed(() => {
@@ -314,7 +314,7 @@ let init = (id: number) => {
                 keywords.value = keyword.split(",");
             }
         }
-        // console.log(goods.value, 'data');
+        // console.log( .value, 'data');
     });
 
     listCatAndBrand().then((res: any) => {
@@ -419,7 +419,7 @@ let handleCancel = () => {
         isNew: true,
         isOnSale: true,
         picUrl: "",
-        designUrl: '',
+        // designUrl: '',
         unit: "",
         brandId: "",
         brief: "",
@@ -547,7 +547,7 @@ let uploadPicUrl = (res: any) => {
 }
 
 let uploadCdUrl = (res: any) => {
-    goods.value.designUrl = res.data.url;
+    // goods.value.designUrl = res.data.url;
 }
 
 let uploadOverrun = () => {

src/views/commodityManage/shelves.vue

@@ -45,7 +45,7 @@
                         </el-upload>
                     </el-form-item>
 
-                    <el-form-item label="设计图片" prop="designUrl">
+                    <!-- <el-form-item label="设计图片" prop="designUrl">
                         <el-upload :action="uploadPath" :limit="1" :show-file-list="false" :headers="headers"
                             :on-success="uploadCdUrl" list-type="picture" class="avatar-uploader"
                             accept=".jpg,.jpeg,.png,.gif">
@@ -54,7 +54,7 @@
                                 <Plus />
                             </el-icon>
                         </el-upload>
-                    </el-form-item>
+                    </el-form-item> -->
 
                     <el-form-item label="宣传画廊">
                         <el-upload ref="uploadRef" :action="uploadPath" :limit="5" :headers="headers"
@@ -215,7 +215,7 @@ let goods = ref({
     isNew: true,
     isOnSale: true,
     picUrl: "",
-    designUrl: '',
+    // designUrl: '',
     unit: "",
     brandId: "",
     brief: "",
@@ -237,7 +237,7 @@ let rules = ref({
     goodsSn: [{ required: true, message: "商品编号不能为空", trigger: "blur" }],
     name: [{ required: true, message: "商品名称不能为空", trigger: "blur" }],
     picUrl: [{ required: true, message: "商品图片不能为空", trigger: ["blur", 'change'] }],
-    designUrl: [{ required: true, message: "设计图片不能为空", trigger: ["blur", 'change'] }],
+    // designUrl: [{ required: true, message: "设计图片不能为空", trigger: ["blur", 'change'] }],
 });
 
 let emits = defineEmits(['initShelves'])
@@ -281,7 +281,7 @@ let handleCancel = () => {
         isNew: true,
         isOnSale: true,
         picUrl: "",
-        designUrl: "",
+        // designUrl: "",
         unit: "",
         brandId: "",
         brief: "",
@@ -368,7 +368,7 @@ let uploadPicUrl = (res: any) => {
 }
 
 let uploadCdUrl = (res: any) => {
-    goods.value.designUrl = res.data.url;
+    // goods.value.designUrl = res.data.url;
 }
 let uploadOverrun = () => {
     ElMessage({