宣传物料管理页面调试完成

src/api/dataManage/pro-materials.js

@@ -22,7 +22,7 @@ export function addProMaterialsAPI(data) {
 // 编辑产品中心
 export function editProductCenterAPI(data) {
     return request_formdata({
-        url: '//material/edit',
+        url: '/material/edit',
         method: 'POST',
         data,
     })

src/components/UploadFileFormData/index.vue

@@ -107,6 +107,10 @@ export default {
             //     }
             // }
             this.$emit('update:fileList', fileList)
+
+            if (file.id) {
+                this.$emit('onSelectDeleteFileId', file.id)
+            }
         },
 
         // 预览
@@ -195,6 +199,7 @@ export default {
             //     )
             //     return false
             // }
+
             // 判断文件大小
             const isLt = file.size / 1024 / 1024 < this.fileSize
             if (!isLt) {

src/views/dataManage/pro-materials/components/addAndEditForm.vue

@@ -49,6 +49,7 @@
                             :file-type="[]"
                             :file-list.sync="addAndEditForm.file"
                             :is-uploaded="addAndEditForm.file.length >= 1"
+                            @onSelectDeleteFileId="handleSelectDeleteFileId"
                         />
                     </el-form-item>
                 </el-col>
@@ -61,6 +62,7 @@
                             :file-type="['png', 'jpg', 'jpeg']"
                             :file-list.sync="addAndEditForm.cover"
                             :is-uploaded="addAndEditForm.cover.length >= 1"
+                            @onSelectDeleteFileId="handleSelectDeleteFileId"
                         />
                     </el-form-item>
                 </el-col>
@@ -155,6 +157,7 @@ export default {
         return {
             currentTab: '1', // 当前激活的Tab名称
             productList: [],
+            deleteFileId: [],
             // 基本信息表单
             addAndEditForm: {
                 name: '', // 名称
@@ -208,7 +211,6 @@ export default {
         handleCancel() {
             // 重置基本信息表单
             this.$refs.addAndEditForm?.resetFields()
-
             this.$emit('closeDialog', false)
         },
         // 保存操作：校验所有表单
@@ -234,7 +236,10 @@ export default {
                     typeId, // 类型
                     version, // 版本
                     typeName, // 类型名称
-                    productName, // 归属产品
+                    productName: productName.substring(
+                        0,
+                        productName.length - 1,
+                    ), // 归属产品
                     description,
                     productId: productId.join(','),
                 }
@@ -255,19 +260,30 @@ export default {
                     }
                 })
 
+                if (this.formType === 2) {
+                    params.id = this.detailsId
+                    if (this.deleteFileId.length > 0) {
+                        params.delIds = this.deleteFileId.join(',')
+                    }
+                }
+
                 formData.append('fileMsg', JSON.stringify(fileMsg))
                 formData.append('params', JSON.stringify(params))
 
-                const res = await addProMaterialsAPI(formData)
+                const API =
+                    this.formType === 2
+                        ? editProductCenterAPI
+                        : addProMaterialsAPI
+
+                const res = await API(formData)
                 console.log(res, 'res')
 
                 if (res.code === 200) {
-                    this.$message.success('保存成功')
+                    this.$modal.msgSuccess(
+                        this.formType === 2 ? '编辑成功' : '新增成功',
+                    )
                     this.$emit('closeDialog', true)
                 }
-
-                // this.$message.success('保存成功')
-                // this.$emit('closeDialog', true)
             } catch (error) {
                 // 校验失败，提示用户
                 // this.$message.error('请完善所有必填项后再保存')
@@ -295,7 +311,8 @@ export default {
                 {
                     value.forEach((item) => {
                         this.addAndEditForm.productName +=
-                            this.productList.find((j) => item == j.value).label
+                            this.productList.find((j) => item == j.id).name +
+                            ','
                     })
                 }
             }
@@ -305,7 +322,49 @@ export default {
         async getProductCenterDetail() {
             const res = await getProductCenterDetailAPI(this.detailsId)
 
-            console.log(res, '宣传物料详情')
+            const {
+                name,
+                typeId,
+                files,
+                version,
+                typeName,
+                productIds,
+                description,
+                productName,
+            } = res.data
+
+            this.addAndEditForm = {
+                name,
+                typeId: typeId + '',
+                version,
+                typeName,
+                productId: productIds.map((e) => e * 1),
+                description,
+                productName,
+                file: files
+                    .filter((e) => e.typeId === 1)
+                    .map((item) => ({
+                        id: item.id,
+                        url: item.filePath,
+                        name: item.originalName,
+                    })),
+                cover: files
+                    .filter((e) => e.typeId === 2)
+                    .map((item) => ({
+                        id: item.id,
+                        url: item.filePath,
+                        name: item.originalName,
+                    })),
+            }
+            // this.addAndEditForm.productId.forEach((item) => {
+            //     this.addAndEditForm.productName +=
+            //         this.productList.find((j) => item == j.id).name + ','
+            // })
+        },
+
+        // 删除文件ID
+        handleSelectDeleteFileId(id) {
+            this.deleteFileId.push(id)
         },
     },
 

src/views/dataManage/pro-materials/index.vue

@@ -199,7 +199,7 @@ export default {
                     label: '描述',
                 },
                 {
-                    prop: 'createUser',
+                    prop: 'createUserName',
                     label: '创建人',
                 },
                 {