新增产品线图片字段

src/views/commodityManage/components/addSpecifications.vue

@@ -28,6 +28,15 @@
                     </el-icon>
                 </el-upload>
             </el-form-item>
+            <el-form-item label="产品线图片" prop="lineUrl">
+                <el-upload :action="uploadPath" :limit="1" :show-file-list="false" :headers="headers"
+                    :on-success="uploadLineUrl" list-type="picture" class="avatar-uploader" accept=".jpg,.jpeg,.png,.gif">
+                    <img v-if="formData.lineUrl" :src="formData.lineUrl" class="avatar" />
+                    <el-icon v-else class="avatar-uploader-icon">
+                        <Plus />
+                    </el-icon>
+                </el-upload>
+            </el-form-item>
         </el-form>
         <template #footer class="dialog-footer">
             <el-button @click="handleClose">取消</el-button>
@@ -56,7 +65,8 @@ let formData = ref({
     model: '',
     productName: '',
     url: '',
-    designUrl: ''
+    designUrl: '',
+    lineUrl: ''
 })
 
 let headers = computed(() => ({ Authorization: sessionStorage.getItem("token") }));
@@ -69,6 +79,10 @@ let uploadCdUrl = (res: any) => {
     formData.value.designUrl = res.data.url;
 }
 
+let uploadLineUrl = (res: any) => {
+    formData.value.lineUrl = res.data.url;
+}
+
 let handleAdd = () => {
     formRef.value?.validate((valid: boolean) => {
         if (valid) {
@@ -89,7 +103,8 @@ let handleClose = () => {
         model: '',
         productName: '',
         url: '',
-        designUrl: ''
+        designUrl: '',
+        lineUrl: ''
     }
     showVisiable.value = false
 }

vite.config.ts

@@ -6,11 +6,6 @@ import { loadEnv } from "vite";
 import path from "path";
 
 //按需要加载
-import AutoImport from "unplugin-auto-import/vite";
-import Components from "unplugin-vue-components/vite";
-import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
-import Icons from "unplugin-icons/vite";
-import IconsResolver from "unplugin-icons/resolver";
 import Inspect from "vite-plugin-inspect";
 //import { viteMockServe } from "vite-plugin-mock";
 import { createSvgIconsPlugin } from "vite-plugin-svg-icons";