@@ -60,7 +72,7 @@
@@ -73,12 +85,13 @@ import { ElMessage } from 'element-plus'
import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
import editor from '@/components/wangEditor/index.vue'
import { uploadFile, getFileNameAndFilePath } from '@/api/system-boot/file'
-import { libcaseAdd } from '@/api/supervision-boot/database/index'
+import { libcaseAdd, updateCaseLibrary } from '@/api/supervision-boot/database/index'
const emit = defineEmits(['onSubmit'])
const dialogVisible = ref(false)
const title = ref('')
const formRef = ref()
const fileList: any = ref([])
+const caseList: any = ref([])
// 注意不要和表单ref的命名冲突
const form = reactive
({
type: '',
@@ -86,6 +99,8 @@ const form = reactive({
location: '',
process: '',
measures: '',
+ summary: '',
+ caseUrl: '',
effect: '',
url: ''
})
@@ -104,19 +119,31 @@ const open = (text: string, data?: anyObj) => {
dialogVisible.value = true
if (data) {
fileList.value = []
+ caseList.value = []
// 表单赋值
for (let key in form) {
form[key] = data[key]
}
- data.url.split(',').forEach((item: string) => {
- console.log('🚀 ~ data.url.split ~ item:', item)
- getFileNameAndFilePath({ filePath: item }).then(res => {
- fileList.value.push({
+ form.id = data.id
+ if (data.url.length > 0) {
+ data.url.split(',').forEach((item: string) => {
+ getFileNameAndFilePath({ filePath: item }).then(res => {
+ fileList.value.push({
+ name: res.data.fileName,
+ url: res.data.name
+ })
+ })
+ })
+ }
+
+ if (data.caseUrl.length > 0) {
+ getFileNameAndFilePath({ filePath: data.caseUrl }).then(res => {
+ caseList.value.push({
name: res.data.fileName,
url: res.data.name
})
})
- })
+ }
} else {
// 在此处恢复默认表单
for (let key in form) {
@@ -125,19 +152,21 @@ const open = (text: string, data?: anyObj) => {
}
}
const submit = () => {
- console.log(`1111`, fileList.value)
-
formRef.value.validate(async (valid: boolean) => {
if (valid) {
if (fileList.value.length > 0) {
const promises = fileList.value.map(async item => {
- return new Promise((resolve, reject) => {
- uploadFile(item.raw, '/supervision/')
- .then((res: any) => {
- resolve(res.data.name)
- })
- .catch(reject)
- })
+ if (item.raw) {
+ return new Promise((resolve, reject) => {
+ uploadFile(item.raw, '/supervision/')
+ .then((res: any) => {
+ resolve(res.data.name)
+ })
+ .catch(reject)
+ })
+ } else {
+ return item.url
+ }
})
try {
@@ -147,17 +176,47 @@ const submit = () => {
console.error('上传文件出错', error)
return
}
+ } else {
+ form.url = ''
+ }
+
+ if (caseList.value.length > 0) {
+ const promises = caseList.value.map(async item => {
+ if (caseList.value[0].raw) {
+ return new Promise((resolve, reject) => {
+ uploadFile(item.raw, '/supervision/')
+ .then((res: any) => {
+ resolve(res.data.name)
+ })
+ .catch(reject)
+ })
+ } else {
+ return item.url
+ }
+ })
+
+ try {
+ const fileNames = await Promise.all(promises)
+ form.caseUrl = fileNames.join(',') + ''
+ } catch (error) {
+ console.error('上传文件出错', error)
+ return
+ }
+ } else {
+ form.caseUrl = ''
}
setTimeout(() => {
if (title.value === '新增案例') {
- console.log('🚀 ~ libcaseAdd ~ form:', form)
-
libcaseAdd(form).then(res => {
+ ElMessage.success(title.value + '成功!')
handleClose()
})
} else {
- // 其他逻辑
+ ElMessage.success(title.value + '成功!')
+ updateCaseLibrary(form).then(res => {
+ handleClose()
+ })
}
}, 100)
}
@@ -165,7 +224,7 @@ const submit = () => {
}
const handleClose = () => {
- ElMessage.success(title.value + '成功!')
+ fileList.value = []
emit('onSubmit')
dialogVisible.value = false
}
diff --git a/src/views/pqs/database/case/index.vue b/src/views/pqs/database/case/index.vue
index c0c316ba..e9ca4c30 100644
--- a/src/views/pqs/database/case/index.vue
+++ b/src/views/pqs/database/case/index.vue
@@ -9,6 +9,12 @@
+
+
+
+
+
+