diff --git a/stdiet-admin/src/main/java/com/stdiet/web/controller/custom/SysCustomerCaseController.java b/stdiet-admin/src/main/java/com/stdiet/web/controller/custom/SysCustomerCaseController.java
index aa4f90018..38ff8e102 100644
--- a/stdiet-admin/src/main/java/com/stdiet/web/controller/custom/SysCustomerCaseController.java
+++ b/stdiet-admin/src/main/java/com/stdiet/web/controller/custom/SysCustomerCaseController.java
@@ -141,36 +141,37 @@ public class SysCustomerCaseController extends BaseController
         return getDataTable(list);
     }
 
-    /**
-     * 上传文件到OSS返回URL
-     */
-    @PostMapping("/uploadCaseFile")
-    @PreAuthorize("@ss.hasPermi('custom:customerCase:list')")
-    public AjaxResult uploadCseFile(MultipartFile file) throws Exception {
-        try {
-            if(file == null){
-                return AjaxResult.error("文件不存在");
-            }
-            int fileNameLength = file.getOriginalFilename().length();
-            if (fileNameLength > FileUploadUtils.DEFAULT_FILE_NAME_LENGTH)
-            {
-                throw new FileNameLengthLimitExceededException(FileUploadUtils.DEFAULT_FILE_NAME_LENGTH);
-            }
-            FileUploadUtils.assertAllowed(file, MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION);
-
-            String fileUrl = AliyunOSSUtils.uploadFileInputSteam(AliyunOSSConfig.casePrefix, DateUtils.getDate()+"/"+file.getOriginalFilename(), file);
-
-            AjaxResult ajax = null;
-            if(StringUtils.isNotEmpty(fileUrl)){
-                ajax = AjaxResult.success();
-                ajax.put("fileUrl", fileUrl);
-                ajax.put("fileName", file.getOriginalFilename());
-            }else{
-                ajax = AjaxResult.error("文件上传失败");
-            }
-            return ajax;
-        } catch (Exception e) {
-            return AjaxResult.error("文件上传失败");
-        }
-    }
+//    转移到SysFileUploadController.java
+//    /**
+//     * 上传文件到OSS返回URL
+//     */
+//    @PostMapping("/uploadCaseFile")
+//    @PreAuthorize("@ss.hasPermi('custom:customerCase:list')")
+//    public AjaxResult uploadCseFile(MultipartFile file) throws Exception {
+//        try {
+//            if(file == null){
+//                return AjaxResult.error("文件不存在");
+//            }
+//            int fileNameLength = file.getOriginalFilename().length();
+//            if (fileNameLength > FileUploadUtils.DEFAULT_FILE_NAME_LENGTH)
+//            {
+//                throw new FileNameLengthLimitExceededException(FileUploadUtils.DEFAULT_FILE_NAME_LENGTH);
+//            }
+//            FileUploadUtils.assertAllowed(file, MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION);
+//
+//            String fileUrl = AliyunOSSUtils.uploadFileInputSteam(AliyunOSSConfig.casePrefix, DateUtils.getDate()+"/"+file.getOriginalFilename(), file);
+//
+//            AjaxResult ajax = null;
+//            if(StringUtils.isNotEmpty(fileUrl)){
+//                ajax = AjaxResult.success();
+//                ajax.put("fileUrl", fileUrl);
+//                ajax.put("fileName", file.getOriginalFilename());
+//            }else{
+//                ajax = AjaxResult.error("文件上传失败");
+//            }
+//            return ajax;
+//        } catch (Exception e) {
+//            return AjaxResult.error("文件上传失败");
+//        }
+//    }
 }
\ No newline at end of file
diff --git a/stdiet-admin/src/main/java/com/stdiet/web/controller/custom/SysFileUploadController.java b/stdiet-admin/src/main/java/com/stdiet/web/controller/custom/SysFileUploadController.java
new file mode 100644
index 000000000..2745957c1
--- /dev/null
+++ b/stdiet-admin/src/main/java/com/stdiet/web/controller/custom/SysFileUploadController.java
@@ -0,0 +1,54 @@
+package com.stdiet.web.controller.custom;
+
+import com.stdiet.common.core.controller.BaseController;
+import com.stdiet.common.core.domain.AjaxResult;
+import com.stdiet.common.exception.file.FileNameLengthLimitExceededException;
+import com.stdiet.common.utils.DateUtils;
+import com.stdiet.common.utils.StringUtils;
+import com.stdiet.common.utils.file.FileUploadUtils;
+import com.stdiet.common.utils.file.MimeTypeUtils;
+import com.stdiet.common.utils.oss.AliyunOSSUtils;
+import org.springframework.security.access.prepost.PreAuthorize;
+import org.springframework.web.bind.annotation.PathVariable;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.web.multipart.MultipartFile;
+
+@RestController
+@RequestMapping("/custom/fileUpload")
+public class SysFileUploadController extends BaseController {
+
+    /**
+     * 上传文件到OSS返回URL
+     */
+    @PostMapping(value = "/{prefix}")
+    @PreAuthorize("@ss.hasPermi('custom:file:upload')")
+    public AjaxResult uploadCseFile(MultipartFile file, @PathVariable String prefix) throws Exception {
+
+        try {
+            if (file == null) {
+                return AjaxResult.error("文件不存在");
+            }
+            int fileNameLength = file.getOriginalFilename().length();
+            if (fileNameLength > FileUploadUtils.DEFAULT_FILE_NAME_LENGTH) {
+                throw new FileNameLengthLimitExceededException(FileUploadUtils.DEFAULT_FILE_NAME_LENGTH);
+            }
+            FileUploadUtils.assertAllowed(file, MimeTypeUtils.DEFAULT_ALLOWED_EXTENSION);
+
+            String fileUrl = AliyunOSSUtils.uploadFileInputSteam(prefix + '/', DateUtils.getDate() + "/" + file.getOriginalFilename(), file);
+
+            AjaxResult ajax = null;
+            if (StringUtils.isNotEmpty(fileUrl)) {
+                ajax = AjaxResult.success();
+                ajax.put("fileUrl", fileUrl);
+                ajax.put("fileName", file.getOriginalFilename());
+            } else {
+                ajax = AjaxResult.error("文件上传失败");
+            }
+            return ajax;
+        } catch (Exception e) {
+            return AjaxResult.error("文件上传失败");
+        }
+    }
+}
diff --git a/stdiet-common/src/main/java/com/stdiet/common/utils/oss/AliyunOSSUtils.java b/stdiet-common/src/main/java/com/stdiet/common/utils/oss/AliyunOSSUtils.java
index 0f2199d0d..0b77da830 100644
--- a/stdiet-common/src/main/java/com/stdiet/common/utils/oss/AliyunOSSUtils.java
+++ b/stdiet-common/src/main/java/com/stdiet/common/utils/oss/AliyunOSSUtils.java
@@ -248,7 +248,7 @@ public class AliyunOSSUtils {
 
     /**
      *
-     * @param fileUrl
+     * @param fileUrlList
      * @return
      */
     public static List<String> generatePresignedUrl(List<String> fileUrlList){
diff --git a/stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredentFile.java b/stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredentFile.java
new file mode 100644
index 000000000..ceab8eccd
--- /dev/null
+++ b/stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredentFile.java
@@ -0,0 +1,27 @@
+package com.stdiet.custom.domain;
+
+import lombok.Data;
+
+import java.util.Date;
+
+@Data
+public class SysIngredentFile {
+
+    Long id;
+
+    Long igdId;
+
+    String fileUrl;
+
+    String fileName;
+
+    Integer delFlag;
+
+    Long createBy;
+
+    Date createTime;
+
+    Long updateBy;
+
+    Date updateTime;
+}
diff --git a/stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredient.java b/stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredient.java
index c5cd66719..4f52f9902 100644
--- a/stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredient.java
+++ b/stdiet-custom/src/main/java/com/stdiet/custom/domain/SysIngredient.java
@@ -15,8 +15,6 @@ import java.util.Date;
  */
 @Data
 public class SysIngredient {
-    private static final long serialVersionUID = 1L;
-
     /**
      * id
      */
@@ -107,4 +105,9 @@ public class SysIngredient {
 
     private Long[] notRecIds;
 
+    /**
+     * 食材信息
+     */
+    private String info;
+
 }
\ No newline at end of file
diff --git a/stdiet-custom/src/main/java/com/stdiet/custom/mapper/SysIngredientMapper.java b/stdiet-custom/src/main/java/com/stdiet/custom/mapper/SysIngredientMapper.java
index d1e8b9d9f..8ac25d4aa 100644
--- a/stdiet-custom/src/main/java/com/stdiet/custom/mapper/SysIngredientMapper.java
+++ b/stdiet-custom/src/main/java/com/stdiet/custom/mapper/SysIngredientMapper.java
@@ -1,6 +1,8 @@
 package com.stdiet.custom.mapper;
 
 import java.util.List;
+
+import com.stdiet.custom.domain.SysIngredentFile;
 import com.stdiet.custom.domain.SysIngredient;
 import com.stdiet.custom.domain.SysIngredientNotRec;
 import com.stdiet.custom.domain.SysIngredientRec;
@@ -80,4 +82,6 @@ public interface SysIngredientMapper
      * @return
      */
     public SysIngredient selectSysIngredientByName(@Param("name") String name);
+
+    int batchInsertIngredientImage(List<SysIngredentFile> ingredentFiles);
 }
\ No newline at end of file
diff --git a/stdiet-custom/src/main/java/com/stdiet/custom/service/impl/SysIngredientServiceImpl.java b/stdiet-custom/src/main/java/com/stdiet/custom/service/impl/SysIngredientServiceImpl.java
index 2814d59bd..c37cf6f08 100644
--- a/stdiet-custom/src/main/java/com/stdiet/custom/service/impl/SysIngredientServiceImpl.java
+++ b/stdiet-custom/src/main/java/com/stdiet/custom/service/impl/SysIngredientServiceImpl.java
@@ -60,6 +60,9 @@ public class SysIngredientServiceImpl implements ISysIngredientService {
         insertRecommand(sysIngredient);
         //
         insertNotRecommand(sysIngredient);
+        //
+        
+
         return rows;
     }
 
diff --git a/stdiet-custom/src/main/resources/mapper/custom/SysIngredientMapper.xml b/stdiet-custom/src/main/resources/mapper/custom/SysIngredientMapper.xml
index 68e4ab886..122e4bf06 100644
--- a/stdiet-custom/src/main/resources/mapper/custom/SysIngredientMapper.xml
+++ b/stdiet-custom/src/main/resources/mapper/custom/SysIngredientMapper.xml
@@ -5,21 +5,23 @@
 <mapper namespace="com.stdiet.custom.mapper.SysIngredientMapper">
 
     <resultMap type="SysIngredient" id="SysIngredientResult">
-        <result property="id"    column="id"    />
-        <result property="name"    column="name"    />
-        <result property="type"    column="type"    />
-        <result property="proteinRatio"    column="protein_ratio"    />
-        <result property="fatRatio"    column="fat_ratio"    />
-        <result property="carbonRatio"    column="carbon_ratio"    />
-        <result property="area"    column="area"    />
-        <result property="remark"    column="remark"    />
-        <result property="createBy"    column="create_by"    />
-        <result property="createTime"    column="create_time"    />
-        <result property="updateBy"    column="update_by"    />
-        <result property="updateTime"    column="update_time"    />
-        <result property="rec"    column="rec"    />
-        <result property="notRec"    column="not_rec"    />
-        <result property="reviewStatus"    column="review_status"    />
+        <result property="id" column="id"/>
+        <result property="name" column="name"/>
+        <result property="type" column="type"/>
+        <result property="proteinRatio" column="protein_ratio"/>
+        <result property="fatRatio" column="fat_ratio"/>
+        <result property="carbonRatio" column="carbon_ratio"/>
+        <result property="area" column="area"/>
+        <result property="remark" column="remark"/>
+        <result property="createBy" column="create_by"/>
+        <result property="createTime" column="create_time"/>
+        <result property="updateBy" column="update_by"/>
+        <result property="updateTime" column="update_time"/>
+        <result property="rec" column="rec"/>
+        <result property="notRec" column="not_rec"/>
+        <result property="reviewStatus" column="review_status"/>
+        <result property="info" column="info"/>
+        <association property="imgFiles" column="id" select="selectIngredentFileById"/>
     </resultMap>
 
     <sql id="selectSysIngredientVo">
@@ -43,44 +45,44 @@
     <sql id="selectSysIngredientByPhyVo">
         SELECT * FROM sys_ingredient igd
         RIGHT JOIN(
-            SELECT * FROM(
-                SELECT DISTINCT(ingredient_id) as id FROM sys_ingredient_rec
-                <where>
-                    <if test="recIds != null">
-                        physical_signs_id in
-                        <foreach collection="recIds" item="item" index="index" open="(" separator="," close=")">
-                            #{item}
-                        </foreach>
-                    </if>
-                </where>
-            ) recId
-            LEFT JOIN (
-                    SELECT ingredient_id as id, GROUP_CONCAT(name SEPARATOR ',') rec FROM(
-                            SELECT physical_signs_id as id, ingredient_id
-                            FROM sys_ingredient_rec
-                    ) rec JOIN sys_physical_signs phy USING(id)
-                    GROUP BY id
-            ) recM USING(id)
-            INNER JOIN (
-                SELECT * FROM(
-                    SELECT DISTINCT(ingredient_id) as id FROM sys_ingredient_not_rec
-                    <where>
-                        <if test="notRecIds != null">
-                            physical_signs_id in
-                            <foreach collection="notRecIds" item="item" index="index" open="(" separator="," close=")">
-                                #{item}
-                            </foreach>
-                        </if>
-                    </where>
-                ) notRecId
-                LEFT JOIN (
-                        SELECT ingredient_id as id, GROUP_CONCAT(name SEPARATOR ',') not_rec FROM(
-                                SELECT physical_signs_id as id, ingredient_id
-                                FROM sys_ingredient_not_rec
-                        ) notRec JOIN sys_physical_signs phy USING(id)
-                        GROUP BY id
-                ) notRecM USING(id)
-            ) notRecT USING(id)
+        SELECT * FROM(
+        SELECT DISTINCT(ingredient_id) as id FROM sys_ingredient_rec
+        <where>
+            <if test="recIds != null">
+                physical_signs_id in
+                <foreach collection="recIds" item="item" index="index" open="(" separator="," close=")">
+                    #{item}
+                </foreach>
+            </if>
+        </where>
+        ) recId
+        LEFT JOIN (
+        SELECT ingredient_id as id, GROUP_CONCAT(name SEPARATOR ',') rec FROM(
+        SELECT physical_signs_id as id, ingredient_id
+        FROM sys_ingredient_rec
+        ) rec JOIN sys_physical_signs phy USING(id)
+        GROUP BY id
+        ) recM USING(id)
+        INNER JOIN (
+        SELECT * FROM(
+        SELECT DISTINCT(ingredient_id) as id FROM sys_ingredient_not_rec
+        <where>
+            <if test="notRecIds != null">
+                physical_signs_id in
+                <foreach collection="notRecIds" item="item" index="index" open="(" separator="," close=")">
+                    #{item}
+                </foreach>
+            </if>
+        </where>
+        ) notRecId
+        LEFT JOIN (
+        SELECT ingredient_id as id, GROUP_CONCAT(name SEPARATOR ',') not_rec FROM(
+        SELECT physical_signs_id as id, ingredient_id
+        FROM sys_ingredient_not_rec
+        ) notRec JOIN sys_physical_signs phy USING(id)
+        GROUP BY id
+        ) notRecM USING(id)
+        ) notRecT USING(id)
         ) recT USING(id)
     </sql>
 
@@ -97,10 +99,10 @@
             </otherwise>
         </choose>
         <where>
-            <if test="name != null  and name != ''"> and name like concat('%', #{name}, '%')</if>
-            <if test="type != null  and type != ''"> and type = #{type}</if>
-            <if test="area != null  and area != ''"> and area = #{area}</if>
-            <if test="reviewStatus != null and reviewStatus != ''"> and review_status = #{reviewStatus}</if>
+            <if test="name != null  and name != ''">and name like concat('%', #{name}, '%')</if>
+            <if test="type != null  and type != ''">and type = #{type}</if>
+            <if test="area != null  and area != ''">and area = #{area}</if>
+            <if test="reviewStatus != null and reviewStatus != ''">and review_status = #{reviewStatus}</if>
         </where>
     </select>
 
@@ -141,14 +143,14 @@
         </trim>
     </insert>
 
-    <insert id="batchIngredientRec" >
+    <insert id="batchIngredientRec">
         insert into sys_ingredient_rec(ingredient_id, physical_signs_id) values
         <foreach collection="list" separator="," item="item" index="index">
             (#{item.ingredientId},#{item.recommandId})
         </foreach>
     </insert>
 
-    <insert id="batchIngredientNotRec" >
+    <insert id="batchIngredientNotRec">
         insert into sys_ingredient_not_rec(ingredient_id, physical_signs_id) values
         <foreach collection="list" separator="," item="item" index="index">
             (#{item.ingredientId},#{item.notRecommandId})
@@ -213,4 +215,28 @@
         where name = #{name} limit 1
     </select>
 
+    <!--    添加食材图片-->
+    <insert id="batchInsertIngredientImage">
+        insert into sys_ingredient_file(igd_id, file_url, file_name, create_by, create_time, update_by, update_time )
+        values
+        <foreach collection="list" separator="," item="item" index="index">
+            (#{item.ingredientId},#{item.fileUrl},#{item.fileName},#{item.createBy},#{item.createTime},#{item.updateBy},#{item.updateTime})
+        </foreach>
+    </insert>
+
+    <resultMap id="SysIngredentFileResult" type="SysIngredentFile">
+        <result property="id" column="id"/>
+        <result property="fileName" column="file_name"/>
+        <result property="fileUrl" column="file_url"/>
+    </resultMap>
+
+    <!--    查找图片-->
+    <select id="selectIngredentFileById" parameterType="Long" resultMap="SysIngredentFileResult">
+        select id, file_url, file_name from sys_ingredent_file where igd_id = #{id} and del_flag = 0
+    </select>
+
+    <!--    删除图片记录-->
+    <update id="deleteIngredentFileById" parameterType="Long">
+        update sys_ingredent_file set del_flag=1 where id=#{id}
+    </update>
 </mapper>
\ No newline at end of file
diff --git a/stdiet-ui/src/components/FileUpload/DragUpload.vue b/stdiet-ui/src/components/FileUpload/DragUpload.vue
index 46fedccf7..6a47e08a0 100644
--- a/stdiet-ui/src/components/FileUpload/DragUpload.vue
+++ b/stdiet-ui/src/components/FileUpload/DragUpload.vue
@@ -1,74 +1,81 @@
 <template>
-  <el-upload class="upload-demo"
-             ref="upload"
-             drag
-             :headers="upload.headers"
-             :action="upload.url"
-             :limit="upload.limit"
-             :disabled="upload.isUploading"
-             :file-list="upload.fileList"
-             :multiple="upload.multiple"
-             :on-change="handleFileChange"
-             :on-remove="handleFileRemove"
-             :on-exceed="handleFileexceed"
-             :on-progress="handleFileUploadProgress"
-             :on-success="handleFileSuccess"
-             :on-error="handleFileFail"
-             :data="upload.data"
-             :auto-upload="false">
-    <i class="el-icon-upload"></i>
+  <el-upload
+    class="upload-demo"
+    ref="upload"
+    drag
+    :headers="upload.headers"
+    :action="upload.url"
+    :limit="upload.limit"
+    :disabled="upload.isUploading"
+    :file-list="upload.fileList"
+    :multiple="upload.multiple"
+    :on-change="handleFileChange"
+    :on-remove="handleFileRemove"
+    :on-exceed="handleFileexceed"
+    :on-progress="handleFileUploadProgress"
+    :on-success="handleFileSuccess"
+    :on-error="handleFileFail"
+    :data="upload.data"
+    :auto-upload="false"
+  >
+    <em class="el-icon-upload" />
     <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-    <div class="el-upload__tip" slot="tip">最多可上传{{upload.limit}}个文件，且每个文件不超过{{upload.fileSize/(1024*1024)}}M</div>
+    <div class="el-upload__tip" slot="tip">
+      最多可上传{{ upload.limit }}个文件，且每个文件不超过{{
+        upload.fileSize / (1024 * 1024)
+      }}M
+    </div>
   </el-upload>
 </template>
 <script>
-  import { getToken } from '@/utils/auth'
+import { getToken } from "@/utils/auth";
 export default {
   name: "DragUpload",
-  components: {
-
-  },
+  components: {},
   data() {
     return {
       upload: {
         // 是否禁用上传
         isUploading: false,
         // 上传的地址
-        url: process.env.VUE_APP_BASE_API + "/custom/customerCase/uploadCaseFile",
+        url: process.env.VUE_APP_BASE_API + "/custom/fileUpload/" + this.prefix,
         // 设置上传的请求头部
-        headers: {Authorization: 'Bearer ' + getToken()},
+        headers: { Authorization: "Bearer " + getToken() },
         // 其他需要携带的数据
-        data:{},
+        data: {},
         //文件列表
-        fileList:[],
+        fileList: [],
         //同时上传文件上限
         limit: 10,
         //每个文件大小(单位：byte)
         fileSize: 1024 * 1024 * 10,
         //是否支持同时选择多张
-        multiple: true
+        multiple: true,
+      },
+      uploadResult: {
+        fileUrl: [],
+        fileName: [],
       },
-      uploadResult:{
-        fileUrl:[],
-        fileName:[]
-      }
     };
   },
   methods: {
-    uploadFile(){
-      if(this.upload.fileList.length > 0 && this.uploadResult.fileUrl.length < this.upload.fileList.length){
+    uploadFile() {
+      if (
+        this.upload.fileList.length > 0 &&
+        this.uploadResult.fileUrl.length < this.upload.fileList.length
+      ) {
         this.$refs.upload.submit();
-      }else{
-        this.$emit('callbackMethod', this.uploadResult);
+      } else {
+        this.$emit("callbackMethod", this.uploadResult);
       }
     },
-    uploadReset(){
+    uploadReset() {
       this.upload.fileList = [];
       this.uploadResult["fileUrl"] = [];
       this.uploadResult["fileName"] = [];
     },
     //移除文件
-    handleFileRemove(file, fileList){
+    handleFileRemove(file, fileList) {
       this.upload.fileList = fileList;
     },
     //监控上传文件列表
@@ -84,9 +91,9 @@ export default {
       this.upload.fileList = fileList;
     },
     // 文件数量超过限度
-    handleFileexceed(file, fileList){
+    handleFileexceed(file, fileList) {
       this.$message({
-        message: "最多可上传"+ this.upload.limit +"份文件",
+        message: "最多可上传" + this.upload.limit + "份文件",
         type: "warning",
       });
     },
@@ -96,39 +103,38 @@ export default {
     },
     // 文件上传成功处理
     handleFileSuccess(response, file, fileList) {
-      if(response != null && response.code === 200){
+      if (response != null && response.code === 200) {
         this.uploadResult.fileUrl.push(response.fileUrl);
         this.uploadResult.fileName.push(response.fileName);
-        if(this.uploadResult.fileUrl.length === this.upload.fileList.length){
+        if (this.uploadResult.fileUrl.length === this.upload.fileList.length) {
           //文件全部上传成功，则调用回调方法
-          this.$emit('callbackMethod', this.uploadResult);
+          this.$emit("callbackMethod", this.uploadResult);
         }
-      }else{
+      } else {
         this.upload.fileList = fileList.pop();
-        this.$message.error('文件上传失败，请检查文件格式');
-        this.$emit('changeSubmitFlag', false);
+        this.$message.error("文件上传失败，请检查文件格式");
+        this.$emit("changeSubmitFlag", false);
       }
     },
     // 文件上传失败处理
-    handleFileFail(err, file, fileList){
-      this.$message.error('文件上传失败，请检查文件格式');
+    handleFileFail(err, file, fileList) {
+      this.$message.error("文件上传失败，请检查文件格式");
       this.upload.fileList = fileList.pop();
-      this.$emit('changeSubmitFlag', false);
-    }
+      this.$emit("changeSubmitFlag", false);
+    },
   },
   props: {
-
+    prefix: {
+      type: String,
+      default: "case",
+    },
   },
   created() {
-      //this.uploadReset();
+    //this.uploadReset();
   },
-
 };
 </script>
 
 <style scoped>
-
-
-
 </style>
 
diff --git a/stdiet-ui/src/components/FileUpload/DragUploadEdit.vue b/stdiet-ui/src/components/FileUpload/DragUploadEdit.vue
index 14da04c39..ed00da5b0 100644
--- a/stdiet-ui/src/components/FileUpload/DragUploadEdit.vue
+++ b/stdiet-ui/src/components/FileUpload/DragUploadEdit.vue
@@ -1,41 +1,58 @@
 <template>
   <div>
-    <div v-for="(item, index) in oldCaseFileList">
-      <span style="margin-right: 10px;">
-        {{item.fileName.length > 15 ? (item.fileName.substring(0,15)+"...") : item.fileName}}
+    <div v-for="(item, index) in oldCaseFileList" :key="index">
+      <span style="margin-right: 10px">
+        {{
+          item.fileName.length > 15
+            ? item.fileName.substring(0, 15) + "..."
+            : item.fileName
+        }}
       </span>
-      <el-button style="margin-left: 10px;" type="danger" size="small" @click="removeOldFile(index)">移除该文件</el-button>
+      <el-button
+        style="margin-left: 10px"
+        type="danger"
+        size="small"
+        @click="removeOldFile(index)"
+        >移除该文件</el-button
+      >
     </div>
-    <el-upload class="upload-demo" style="margin-top: 10px;"
-               ref="upload"
-               drag
-               :headers="upload.headers"
-               :action="upload.url"
-               :limit="upload.limit"
-               :disabled="upload.isUploading"
-               :file-list="upload.fileList"
-               :multiple="upload.multiple"
-               :on-remove="handleFileRemove"
-               :on-change="handleFileChange"
-               :on-exceed="handleFileexceed"
-               :on-progress="handleFileUploadProgress"
-               :on-success="handleFileSuccess"
-               :on-error="handleFileFail"
-               :data="upload.data"
-               :auto-upload="false">
-      <i class="el-icon-upload"></i>
+    <el-upload
+      class="upload-demo"
+      style="margin-top: 10px"
+      ref="upload"
+      drag
+      :headers="upload.headers"
+      :action="upload.url"
+      :limit="upload.limit"
+      :disabled="upload.isUploading"
+      :file-list="upload.fileList"
+      :multiple="upload.multiple"
+      :on-remove="handleFileRemove"
+      :on-change="handleFileChange"
+      :on-exceed="handleFileexceed"
+      :on-progress="handleFileUploadProgress"
+      :on-success="handleFileSuccess"
+      :on-error="handleFileFail"
+      :data="upload.data"
+      :auto-upload="false"
+    >
+      <em class="el-icon-upload" />
       <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
-      <div class="el-upload__tip" slot="tip">已存在{{oldCaseFileList.length}}个文件，还可上传{{upload.limit}}个文件，且每个文件不超过{{upload.fileSize/(1024*1024)}}M</div>
+      <div class="el-upload__tip" slot="tip">
+        已存在{{ oldCaseFileList.length }}个文件，还可上传{{
+          upload.limit
+        }}个文件，且每个文件不超过{{ upload.fileSize / (1024 * 1024) }}M
+      </div>
     </el-upload>
   </div>
 </template>
 <script>
-  import { getToken } from '@/utils/auth'
-  import AutoHideMessage from "@/components/AutoHideMessage";
+import { getToken } from "@/utils/auth";
+// import AutoHideMessage from "@/components/AutoHideMessage";
 export default {
   name: "DragUploadEdit",
   components: {
-      "AutoHideMessage":AutoHideMessage
+    // "AutoHideMessage":AutoHideMessage
   },
   data() {
     return {
@@ -43,54 +60,57 @@ export default {
         // 是否禁用上传
         isUploading: false,
         // 上传的地址
-        url: process.env.VUE_APP_BASE_API + "/custom/customerCase/uploadCaseFile",
+        url: process.env.VUE_APP_BASE_API + "/custom/fileUpload/" + this.prefix,
         // 设置上传的请求头部
-        headers: {Authorization: 'Bearer ' + getToken()},
+        headers: { Authorization: "Bearer " + getToken() },
         // 其他需要携带的数据
-        data:{},
+        data: {},
         //文件列表
-        fileList:[],
+        fileList: [],
         //同时上传文件上限
         limit: 10 - this.caseFileList.length,
         //每个文件大小(单位：byte)
         fileSize: 1024 * 1024 * 10,
         //是否支持同时选择多张
-        multiple: true
+        multiple: true,
       },
       oldCaseFileList: this.caseFileList,
-      uploadResult:{
-        fileUrl:[],
-        fileName:[]
-      }
+      uploadResult: {
+        fileUrl: [],
+        fileName: [],
+      },
     };
   },
   methods: {
-    async uploadFile(){
-      if(this.upload.fileList.length > 0 && this.uploadResult.fileUrl.length < this.upload.fileList.length){
+    async uploadFile() {
+      if (
+        this.upload.fileList.length > 0 &&
+        this.uploadResult.fileUrl.length < this.upload.fileList.length
+      ) {
         this.$refs.upload.submit();
-      }else{
+      } else {
         //合并旧文件
-        if(this.oldCaseFileList != null && this.oldCaseFileList.length > 0){
+        if (this.oldCaseFileList != null && this.oldCaseFileList.length > 0) {
           await this.oldCaseFileList.forEach((item, index) => {
             this.uploadResult.fileUrl.unshift(item.fileUrl);
             this.uploadResult.fileName.unshift(item.fileName);
           });
         }
-        this.$emit('callbackMethod', this.uploadResult);
+        this.$emit("callbackMethod", this.uploadResult);
       }
     },
-    removeOldFile(index){
-      this.oldCaseFileList.splice(index,1);
+    removeOldFile(index) {
+      this.oldCaseFileList.splice(index, 1);
       this.upload.limit = 10 - this.oldCaseFileList.length;
     },
-    uploadReset(){
+    uploadReset() {
       this.upload.fileList = [];
       this.uploadResult["fileUrl"] = [];
       this.uploadResult["fileName"] = [];
       this.oldCaseFileList = [];
     },
     //移除文件
-    handleFileRemove(file, fileList){
+    handleFileRemove(file, fileList) {
       this.upload.fileList = fileList;
     },
     //监控上传文件列表
@@ -106,9 +126,9 @@ export default {
       this.upload.fileList = fileList;
     },
     // 文件数量超过限度
-    handleFileexceed(file, fileList){
+    handleFileexceed(file, fileList) {
       this.$message({
-        message: "最多可上传"+ this.upload.limit +"份文件",
+        message: "最多可上传" + this.upload.limit + "份文件",
         type: "warning",
       });
     },
@@ -118,56 +138,54 @@ export default {
     },
     // 文件上传成功处理
     async handleFileSuccess(response, file, fileList) {
-      if(response != null && response.code === 200){
+      if (response != null && response.code === 200) {
         this.uploadResult.fileUrl.push(response.fileUrl);
         this.uploadResult.fileName.push(response.fileName);
-        if(this.uploadResult.fileUrl.length === this.upload.fileList.length){
+        if (this.uploadResult.fileUrl.length === this.upload.fileList.length) {
           //文件全部上传成功，则调用回调方法
-          if(this.oldCaseFileList != null && this.oldCaseFileList.length > 0){
+          if (this.oldCaseFileList != null && this.oldCaseFileList.length > 0) {
             await this.oldCaseFileList.forEach((item, index) => {
               this.uploadResult.fileUrl.unshift(item.fileUrl);
               this.uploadResult.fileName.unshift(item.fileName);
             });
           }
-          this.$emit('callbackMethod', this.uploadResult);
+          this.$emit("callbackMethod", this.uploadResult);
         }
-      }else{
+      } else {
         this.upload.fileList = fileList.pop();
-        this.$message.error('文件上传失败，请检查文件格式');
-        this.$emit('changeSubmitFlag', false);
+        this.$message.error("文件上传失败，请检查文件格式");
+        this.$emit("changeSubmitFlag", false);
       }
     },
     // 文件上传失败处理
-    handleFileFail(err, file, fileList){
-      this.$message.error('文件上传失败，请检查文件格式');
+    handleFileFail(err, file, fileList) {
+      this.$message.error("文件上传失败，请检查文件格式");
       this.upload.fileList = fileList.pop();
-      this.$emit('changeSubmitFlag', false);
-    }
+      this.$emit("changeSubmitFlag", false);
+    },
   },
   props: {
-    caseFileList:{
+    caseFileList: {
       type: Array,
       default: function () {
         return [];
-      }
-    }
+      },
+    },
+    prefix: {
+      type: String,
+      default: "case",
+    },
   },
-  created() {
-
+  created() {},
+  watch: {
+    caseFileList: function (newVal, oldVal) {
+      //console.log(newVal.length);
+      this.oldCaseFileList = newVal;
+    },
   },
-  watch : {
-    caseFileList:function(newVal, oldVal) {
-        //console.log(newVal.length);
-        this.oldCaseFileList = newVal;
-    }
-  }
-
 };
 </script>
 
 <style scoped>
-
-
-
 </style>
 
diff --git a/stdiet-ui/src/views/custom/customerCase/index.vue b/stdiet-ui/src/views/custom/customerCase/index.vue
index b1ec42819..53800dc9f 100644
--- a/stdiet-ui/src/views/custom/customerCase/index.vue
+++ b/stdiet-ui/src/views/custom/customerCase/index.vue
@@ -1,6 +1,12 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      v-show="showSearch"
+      label-width="68px"
+    >
       <!--<el-form-item label="案例信息" prop="name">
         <el-input
           v-model.trim="queryParams.name"
@@ -17,12 +23,15 @@
           allow-create
           clearable
           default-first-option
-          placeholder="关键词搜索" style="width: 100%;">
+          placeholder="关键词搜索"
+          style="width: 100%"
+        >
           <el-option
             v-for="dict in caseKeyOptions"
             :key="dict.dictValue"
             :label="dict.dictLabel"
-            :value="dict.dictValue">
+            :value="dict.dictValue"
+          >
           </el-option>
         </el-select>
       </el-form-item>
@@ -36,8 +45,16 @@
         />
       </el-form-item>
       <el-form-item>
-        <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button
+          type="cyan"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
       </el-form-item>
     </el-form>
 
@@ -49,7 +66,8 @@
           size="mini"
           @click="handleAdd"
           v-hasPermi="['custom:customerCase:add']"
-        >新增</el-button>
+          >新增</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -59,7 +77,8 @@
           :disabled="single"
           @click="handleUpdate"
           v-hasPermi="['custom:customerCase:edit']"
-        >修改</el-button>
+          >修改</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -69,7 +88,8 @@
           :disabled="multiple"
           @click="handleDelete"
           v-hasPermi="['custom:customerCase:remove']"
-        >删除</el-button>
+          >删除</el-button
+        >
       </el-col>
       <el-col :span="1.5">
         <el-button
@@ -78,40 +98,54 @@
           size="mini"
           @click="handleExport"
           v-hasPermi="['custom:customerCase:export']"
-        >导出</el-button>
+          >导出</el-button
+        >
       </el-col>
-      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+      <right-toolbar
+        :showSearch.sync="showSearch"
+        @queryTable="getList"
+      ></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="customerCaseList" @selection-change="handleSelectionChange">
+    <el-table
+      v-loading="loading"
+      :data="customerCaseList"
+      @selection-change="handleSelectionChange"
+    >
       <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="案例名称" align="center" prop="name" >
+      <el-table-column label="案例名称" align="center" prop="name">
         <template slot-scope="scope">
-          <AutoHideMessage :data="scope.row.name" :maxLength="10"></AutoHideMessage>
+          <AutoHideMessage
+            :data="scope.row.name"
+            :maxLength="10"
+          ></AutoHideMessage>
         </template>
       </el-table-column>
-      <el-table-column label="关键词" align="center" prop="keyword" >
+      <el-table-column label="关键词" align="center" prop="keyword">
         <template slot-scope="scope">
-          <AutoHideMessage :data="scope.row.keyword" :maxLength="10"></AutoHideMessage>
+          <AutoHideMessage
+            :data="scope.row.keyword"
+            :maxLength="10"
+          ></AutoHideMessage>
           <!--<AutoHideInfo :data="scope.row.keyword.split(',')" :line="1"></AutoHideInfo>-->
         </template>
       </el-table-column>
-      <el-table-column label="备注" align="center" prop="remark" >
+      <el-table-column label="备注" align="center" prop="remark">
         <template slot-scope="scope">
-          <AutoHideMessage :data="scope.row.remark" :maxLength="10"></AutoHideMessage>
+          <AutoHideMessage
+            :data="scope.row.remark"
+            :maxLength="10"
+          ></AutoHideMessage>
         </template>
       </el-table-column>
       <el-table-column label="所属客户" align="center" prop="customerName" />
-      <el-table-column
-        label="文件"
-        align="center"
-      >
+      <el-table-column label="文件" align="center">
         <template slot-scope="scope">
           <el-button
             size="mini"
             type="text"
             @click="getFileListByCaseId(scope.row)"
-          >文件列表
+            >文件列表
           </el-button>
         </template>
       </el-table-column>
@@ -127,7 +161,11 @@
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+      <el-table-column
+        label="操作"
+        align="center"
+        class-name="small-padding fixed-width"
+      >
         <template slot-scope="scope">
           <el-button
             size="mini"
@@ -135,20 +173,22 @@
             icon="el-icon-edit"
             @click="handleUpdate(scope.row)"
             v-hasPermi="['custom:customerCase:edit']"
-          >修改</el-button>
+            >修改</el-button
+          >
           <el-button
             size="mini"
             type="text"
             icon="el-icon-delete"
             @click="handleDelete(scope.row)"
             v-hasPermi="['custom:customerCase:remove']"
-          >删除</el-button>
+            >删除</el-button
+          >
         </template>
       </el-table-column>
     </el-table>
 
     <pagination
-      v-show="total>0"
+      v-show="total > 0"
       :total="total"
       :page.sync="queryParams.pageNum"
       :limit.sync="queryParams.pageSize"
@@ -156,49 +196,87 @@
     />
 
     <!-- 添加或修改客户案例管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" @closed="cancel" width="520px" append-to-body>
+    <el-dialog
+      :title="title"
+      :visible.sync="open"
+      @closed="cancel"
+      width="520px"
+      append-to-body
+    >
       <div style="height: 600px; overflow: auto; padding-right: 20px">
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="案例名称" prop="name">
-          <el-input v-model.trim="form.name" type="textarea" maxlength="50" rows = "1" show-word-limit  placeholder="请输入案例名称" />
-        </el-form-item>
-        <el-form-item label="关键词" prop="keywordArray">
-          <el-select
-            v-model="form.keywordArray"
-            multiple
-            filterable
-            clearable
-            allow-create
-            default-first-option
-            placeholder="请创建案例关键词，按回车创建，最多20个" style="width: 100%;">
-            <el-option
-              v-for="dict in caseKeyOptions"
-              :key="dict.dictValue"
-              :label="dict.dictLabel"
-              :value="dict.dictValue">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="案例备注" prop="remark">
-          <el-input
-            type="textarea"
-            placeholder="请输入案例备注"
-            v-model.trim="form.remark"
-            maxlength="200"
-            rows = "4"
-            show-word-limit
-          ></el-input>
-        </el-form-item>
+        <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+          <el-form-item label="案例名称" prop="name">
+            <el-input
+              v-model.trim="form.name"
+              type="textarea"
+              maxlength="50"
+              rows="1"
+              show-word-limit
+              placeholder="请输入案例名称"
+            />
+          </el-form-item>
+          <el-form-item label="关键词" prop="keywordArray">
+            <el-select
+              v-model="form.keywordArray"
+              multiple
+              filterable
+              clearable
+              allow-create
+              default-first-option
+              placeholder="请创建案例关键词，按回车创建，最多20个"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="dict in caseKeyOptions"
+                :key="dict.dictValue"
+                :label="dict.dictLabel"
+                :value="dict.dictValue"
+              >
+              </el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="案例备注" prop="remark">
+            <el-input
+              type="textarea"
+              placeholder="请输入案例备注"
+              v-model.trim="form.remark"
+              maxlength="200"
+              rows="4"
+              show-word-limit
+            ></el-input>
+          </el-form-item>
 
-        <el-form-item label="所属客户" prop="customerId">
-          <el-input v-model="form.customerName" placeholder="" style="width: 60%" :readonly="true" />
-          <span style="margin-left: 10px"> <el-button type="primary" @click="selectCustomer">选择所属客户</el-button></span>
-        </el-form-item>
-        <el-form-item label="案例文件" prop="file" >
-          <DragUpload v-show="form.id == null || form.id <= 0" @changeSubmitFlag="changeSubmitFlag" @callbackMethod="addOrEditCustomerCase" ref="uploadCaseFile"></DragUpload>
-          <DragUploadEdit v-show="form.id != null || form.id > 0" @callbackMethod="addOrEditCustomerCase" @changeSubmitFlag="changeSubmitFlag" :caseFileList="form.caseFileList" ref="editUploadCaseFile"></DragUploadEdit>
-        </el-form-item>
-      </el-form>
+          <el-form-item label="所属客户" prop="customerId">
+            <el-input
+              v-model="form.customerName"
+              placeholder=""
+              style="width: 60%"
+              :readonly="true"
+            />
+            <span style="margin-left: 10px">
+              <el-button type="primary" @click="selectCustomer"
+                >选择所属客户</el-button
+              ></span
+            >
+          </el-form-item>
+          <el-form-item label="案例文件" prop="file">
+            <DragUpload
+              v-if="form.id == null || form.id <= 0"
+              @changeSubmitFlag="changeSubmitFlag"
+              @callbackMethod="addOrEditCustomerCase"
+              ref="uploadCaseFile"
+              prefix="case"
+            />
+            <DragUploadEdit
+              v-else
+              @callbackMethod="addOrEditCustomerCase"
+              @changeSubmitFlag="changeSubmitFlag"
+              :caseFileList="form.caseFileList"
+              ref="editUploadCaseFile"
+              prefix="case"
+            />
+          </el-form-item>
+        </el-form>
       </div>
       <div slot="footer" class="dialog-footer">
         <el-button type="primary" @click="submitForm">确 定</el-button>
@@ -207,258 +285,281 @@
     </el-dialog>
 
     <MuchFileDown ref="muchFileDownRef"></MuchFileDown>
-    <SelectCustomer @dealCustomerId="dealCustomerId" ref="selectCustomerRef"></SelectCustomer>
+    <SelectCustomer
+      @dealCustomerId="dealCustomerId"
+      ref="selectCustomerRef"
+    ></SelectCustomer>
   </div>
 </template>
 
 <script>
-  import { listCustomerCase, getCustomerCase, delCustomerCase, addCustomerCase, updateCustomerCase, exportCustomerCase,getFileListByCaseId,downCaseFile } from "@/api/custom/customerCase";
-  import DragUpload from "@/components/FileUpload/DragUpload";
-  import DragUploadEdit from "@/components/FileUpload/DragUploadEdit";
-  import SelectCustomer from "@/components/Customer/SelectCustomer";
-  import MuchFileDown from "@/components/FileDownload/MuchFileDown";
-  import AutoHideMessage from "@/components/AutoHideMessage";
-  import AutoHideInfo from "@/components/AutoHideInfo";
+import {
+  listCustomerCase,
+  getCustomerCase,
+  delCustomerCase,
+  addCustomerCase,
+  updateCustomerCase,
+  exportCustomerCase,
+  getFileListByCaseId,
+} from "@/api/custom/customerCase";
+import DragUpload from "@/components/FileUpload/DragUpload";
+import DragUploadEdit from "@/components/FileUpload/DragUploadEdit";
+import SelectCustomer from "@/components/Customer/SelectCustomer";
+import MuchFileDown from "@/components/FileDownload/MuchFileDown";
+import AutoHideMessage from "@/components/AutoHideMessage";
+import AutoHideInfo from "@/components/AutoHideInfo";
 
-  export default {
-    name: "CustomerCase",
-    data() {
-      return {
-        // 遮罩层
-        loading: true,
-        // 选中数组
-        ids: [],
-        // 非单个禁用
-        single: true,
-        // 非多个禁用
-        multiple: true,
-        // 显示搜索条件
-        showSearch: true,
-        // 总条数
-        total: 0,
-        // 客户案例管理表格数据
-        customerCaseList: [],
-        // 弹出层标题
-        title: "",
-        // 是否显示弹出层
-        open: false,
-        // 查询参数
-        queryParams: {
-          pageNum: 1,
-          pageSize: 10,
-          name: null,
-          keyword: null,
-          customerName: null
-        },
-        // 表单参数
-        form: {
-
-        },
-        // 表单校验
-        rules: {
-          name: [
-            { required: true, message: "案例名称不能为空", trigger: "blur" },
-          ],
-          keywordArray: [
-            { required: true, message: "案例关键词不能为空", trigger: "blur" },
-          ],
-        },
-        keywordArray:[],
-        submitFlag: false,
-        caseKeyOptions: [],
-      };
-    },
-    components: {
-      "DragUpload": DragUpload,
-      "SelectCustomer":SelectCustomer,
-      "MuchFileDown": MuchFileDown,
-      "AutoHideMessage": AutoHideMessage,
-      "AutoHideInfo":AutoHideInfo,
-      "DragUploadEdit":DragUploadEdit
-    },
-    created() {
-      this.getList();
-      this.getDicts("case_key").then((response) => {
-        this.caseKeyOptions = response.data;
+export default {
+  name: "CustomerCase",
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 选中数组
+      ids: [],
+      // 非单个禁用
+      single: true,
+      // 非多个禁用
+      multiple: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 客户案例管理表格数据
+      customerCaseList: [],
+      // 弹出层标题
+      title: "",
+      // 是否显示弹出层
+      open: false,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        name: null,
+        keyword: null,
+        customerName: null,
+      },
+      // 表单参数
+      form: {},
+      // 表单校验
+      rules: {
+        name: [
+          { required: true, message: "案例名称不能为空", trigger: "blur" },
+        ],
+        keywordArray: [
+          { required: true, message: "案例关键词不能为空", trigger: "blur" },
+        ],
+      },
+      keywordArray: [],
+      submitFlag: false,
+      caseKeyOptions: [],
+    };
+  },
+  components: {
+    DragUpload: DragUpload,
+    SelectCustomer: SelectCustomer,
+    MuchFileDown: MuchFileDown,
+    AutoHideMessage: AutoHideMessage,
+    AutoHideInfo: AutoHideInfo,
+    DragUploadEdit: DragUploadEdit,
+  },
+  created() {
+    this.getList();
+    this.getDicts("case_key").then((response) => {
+      this.caseKeyOptions = response.data;
+    });
+  },
+  methods: {
+    /** 查询客户案例管理列表 */
+    getList() {
+      this.loading = true;
+      this.queryParams.keyword = this.keywordArray.join(",");
+      listCustomerCase(this.queryParams).then((response) => {
+        this.customerCaseList = response.rows;
+        this.total = response.total;
+        this.loading = false;
       });
     },
-    methods: {
-      /** 查询客户案例管理列表 */
-      getList() {
-        this.loading = true;
-        this.queryParams.keyword = this.keywordArray.join(",");
-        listCustomerCase(this.queryParams).then(response => {
-          this.customerCaseList = response.rows;
-          this.total = response.total;
-          this.loading = false;
-        });
-      },
-      // 取消按钮
-      cancel() {
-        this.open = false;
+    // 取消按钮
+    cancel() {
+      this.open = false;
+      this.$refs["uploadCaseFile"] &&
         this.$refs["uploadCaseFile"].uploadReset();
+      this.$refs["editUploadCaseFile"] &&
         this.$refs["editUploadCaseFile"].uploadReset();
-        this.reset();
-      },
-      // 表单重置
-      reset() {
+      this.reset();
+    },
+    // 表单重置
+    reset() {
+      this.form = {
+        id: null,
+        name: null,
+        keywordArray: [],
+        remark: null,
+        customerId: null,
+        customerName: null,
+        caseFileList: [],
+        caseFileUrl: [],
+        caseFileName: [],
+      };
+      this.resetForm("form");
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    // 多选框选中数据
+    handleSelectionChange(selection) {
+      this.ids = selection.map((item) => item.id);
+      this.single = selection.length !== 1;
+      this.multiple = !selection.length;
+    },
+    /** 新增按钮操作 */
+    handleAdd() {
+      this.reset();
+      this.open = true;
+      this.title = "添加客户案例管理";
+    },
+    /** 修改按钮操作 */
+    handleUpdate(row) {
+      this.reset();
+      const id = row.id || this.ids;
+      getCustomerCase(id).then((response) => {
         this.form = {
-          id: null,
-          name: null,
-          keywordArray: [],
-          remark: null,
-          customerId: null,
-          customerName: null,
-          caseFileList:[],
+          id: response.data.id,
+          name: response.data.name,
+          keywordArray: response.data.keyword.split(","),
+          remark: response.data.remark,
+          customerId: response.data.customerId,
+          customerName: response.data.customerName,
+          caseFileList: response.data.caseFileList,
           caseFileUrl: [],
-          caseFileName: []
+          caseFileName: [],
         };
-        this.resetForm("form");
-      },
-      /** 搜索按钮操作 */
-      handleQuery() {
-        this.queryParams.pageNum = 1;
-        this.getList();
-      },
-      /** 重置按钮操作 */
-      resetQuery() {
-        this.resetForm("queryForm");
-        this.handleQuery();
-      },
-      // 多选框选中数据
-      handleSelectionChange(selection) {
-        this.ids = selection.map(item => item.id)
-        this.single = selection.length!==1
-        this.multiple = !selection.length
-      },
-      /** 新增按钮操作 */
-      handleAdd() {
-        this.reset();
         this.open = true;
-        this.title = "添加客户案例管理";
-      },
-      /** 修改按钮操作 */
-      handleUpdate(row) {
-        this.reset();
-        const id = row.id || this.ids
-        getCustomerCase(id).then(response => {
-          this.form = {
-            id: response.data.id,
-            name: response.data.name,
-            keywordArray: response.data.keyword.split(","),
-            remark: response.data.remark,
-            customerId: response.data.customerId,
-            customerName: response.data.customerName,
-            caseFileList: response.data.caseFileList,
-            caseFileUrl: [],
-            caseFileName: []
-          };
-          this.open = true;
-          this.title = "修改客户案例管理";
-        });
-      },
-      /** 提交按钮 */
-      submitForm() {
-        this.$refs["form"].validate(valid => {
-          if (valid) {
-              if(this.submitFlag){
-                  this.$message({
-                      message: "正在上传提交中，请勿重复提交",
-                      type: "warning",
-                  });
-                  return;
-              }
-              //判断案例关键词
-              if(this.form.keywordArray.length > 20){
-                this.$message({message: "案例关键词最多20个", type: "warning"});
-                return;
-              }
-              this.submitFlag = true;
-              this.form.keyword = this.form.keywordArray.join(",");
-              if (this.form.id != null) {
-                this.$refs["editUploadCaseFile"].uploadFile();
-              } else {
-                this.$refs["uploadCaseFile"].uploadFile();
-              }
+        this.title = "修改客户案例管理";
+      });
+    },
+    /** 提交按钮 */
+    submitForm() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          if (this.submitFlag) {
+            this.$message({
+              message: "正在上传提交中，请勿重复提交",
+              type: "warning",
+            });
+            return;
+          }
+          //判断案例关键词
+          if (this.form.keywordArray.length > 20) {
+            this.$message({ message: "案例关键词最多20个", type: "warning" });
+            return;
+          }
+          this.submitFlag = true;
+          this.form.keyword = this.form.keywordArray.join(",");
+          if (this.form.id != null) {
+            this.$refs["editUploadCaseFile"].uploadFile();
+          } else {
+            this.$refs["uploadCaseFile"].uploadFile();
           }
-        });
-      },
-      addOrEditCustomerCase(fileResult){
-        this.form.caseFileName = fileResult.fileName;
-        this.form.caseFileUrl = fileResult.fileUrl;
-        if(this.form.caseFileUrl.length == 0){
-          this.$message.error('请至少选择一个文件上传');
-          this.submitFlag = false;
-          return;
         }
-        if(this.form.id != null){
-          // console.log(this.form.caseFileName.length);
-          updateCustomerCase(this.form).then(response => {
-            if (response.code === 200) {
-              this.$refs["editUploadCaseFile"].uploadReset();
-              this.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
-            }
-            this.submitFlag = false;
-
-          });
-        }else{
-          addCustomerCase(this.form).then(response => {
-            if (response.code === 200) {
-              this.$refs["uploadCaseFile"].uploadReset();
-              this.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-            }
-            this.submitFlag = false;
-          });
-        }
-      },
-      changeSubmitFlag(flag){
-         this.submitFlag = flag;
-      },
-      selectCustomer(){
-        this.$refs['selectCustomerRef'].showDialog("选择案例所属客户");
-      },
-      dealCustomerId(customerId, customerName){
-         this.form.customerId = customerId;
-         this.form.customerName = customerName;
-      },
-      getFileListByCaseId(customerCase){
-        getFileListByCaseId(customerCase.id).then(response => {
+      });
+    },
+    addOrEditCustomerCase(fileResult) {
+      this.form.caseFileName = fileResult.fileName;
+      this.form.caseFileUrl = fileResult.fileUrl;
+      if (this.form.caseFileUrl.length == 0) {
+        this.$message.error("请至少选择一个文件上传");
+        this.submitFlag = false;
+        return;
+      }
+      if (this.form.id != null) {
+        // console.log(this.form.caseFileName.length);
+        updateCustomerCase(this.form).then((response) => {
           if (response.code === 200) {
-              this.$refs["muchFileDownRef"].showDialog(customerCase.name, response.rows);
+            this.$refs["editUploadCaseFile"].uploadReset();
+            this.msgSuccess("修改成功");
+            this.open = false;
+            this.getList();
           }
+          this.submitFlag = false;
         });
-      },
-      /** 删除按钮操作 */
-      handleDelete(row) {
-        const ids = row.id || this.ids;
-        this.$confirm('是否确认删除客户案例管理编号为"' + ids + '"的数据项?', "警告", {
+      } else {
+        addCustomerCase(this.form).then((response) => {
+          if (response.code === 200) {
+            this.$refs["uploadCaseFile"].uploadReset();
+            this.msgSuccess("新增成功");
+            this.open = false;
+            this.getList();
+          }
+          this.submitFlag = false;
+        });
+      }
+    },
+    changeSubmitFlag(flag) {
+      this.submitFlag = flag;
+    },
+    selectCustomer() {
+      this.$refs["selectCustomerRef"].showDialog("选择案例所属客户");
+    },
+    dealCustomerId(customerId, customerName) {
+      this.form.customerId = customerId;
+      this.form.customerName = customerName;
+    },
+    getFileListByCaseId(customerCase) {
+      getFileListByCaseId(customerCase.id).then((response) => {
+        if (response.code === 200) {
+          this.$refs["muchFileDownRef"].showDialog(
+            customerCase.name,
+            response.rows
+          );
+        }
+      });
+    },
+    /** 删除按钮操作 */
+    handleDelete(row) {
+      const ids = row.id || this.ids;
+      this.$confirm(
+        '是否确认删除客户案例管理编号为"' + ids + '"的数据项?',
+        "警告",
+        {
           confirmButtonText: "确定",
           cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
+          type: "warning",
+        }
+      )
+        .then(function () {
           return delCustomerCase(ids);
-        }).then(() => {
+        })
+        .then(() => {
           this.getList();
           this.msgSuccess("删除成功");
-        }).catch(function() {});
-      },
-      /** 导出按钮操作 */
-      handleExport() {
-        const queryParams = this.queryParams;
-        this.$confirm('是否确认导出所有客户案例管理数据项?', "警告", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(function() {
+        })
+        .catch(function () {});
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      const queryParams = this.queryParams;
+      this.$confirm("是否确认导出所有客户案例管理数据项?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
+      })
+        .then(function () {
           return exportCustomerCase(queryParams);
-        }).then(response => {
+        })
+        .then((response) => {
           this.download(response.msg);
-      }).catch(function() {});
-      }
-    }
-  };
+        })
+        .catch(function () {});
+    },
+  },
+};
 </script>