| | |
| | | @close="handleClose" |
| | | class="attachment-dialog"> |
| | | <!-- 工具栏 --> |
| | | <div class="toolbar"> |
| | | <div v-if="editable" |
| | | class="toolbar"> |
| | | <el-button type="primary" |
| | | size="small" |
| | | @click="handleUpload"> |
| | |
| | | <el-dialog v-model="uploadDialogVisible" |
| | | title="上传附件" |
| | | width="50%" |
| | | @close="handleUploadClose"> |
| | | @close="closeUpload"> |
| | | <AttachmentUpload v-model:file-list="newFileList" /> |
| | | <template #footer> |
| | | <el-button @click="handleUploadClose">关闭</el-button> |
| | | <el-button @click="saveUpload">保存</el-button> |
| | | <el-button @click="closeUpload">关闭</el-button> |
| | | </template> |
| | | </el-dialog> |
| | | <!-- 文件列表表格 --> |
| | |
| | | <el-button link |
| | | type="primary" |
| | | size="small" |
| | | :href="scope.row.downloadURL" |
| | | class="download-link"> |
| | | class="download-link" |
| | | @click="downloadFile(scope.row.downloadURL)"> |
| | | 下载 |
| | | </el-button> |
| | | <el-button link |
| | | <el-button v-if="editable" |
| | | link |
| | | type="danger" |
| | | size="small" |
| | | @click="handleDelete(scope.row)"> |
| | |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | editable: { |
| | | type: Boolean, |
| | | default: true, |
| | | }, |
| | | }); |
| | | |
| | | const emit = defineEmits(["close", "download", "upload", "delete"]); |
| | |
| | | uploadDialogVisible.value = true; |
| | | }; |
| | | |
| | | const handleUploadClose = async () => { |
| | | const saveUpload = async () => { |
| | | // 检查是否有新上传的文件 |
| | | if (newFileList.value.length > 0) { |
| | | try { |
| | |
| | | proxy?.$modal?.msgError("上传失败"); |
| | | } |
| | | } |
| | | uploadDialogVisible.value = false; |
| | | }; |
| | | |
| | | const closeUpload = () => { |
| | | newFileList.value = []; |
| | | uploadDialogVisible.value = false; |
| | | }; |
| | | |
| | |
| | | }); |
| | | }; |
| | | |
| | | const downloadFile = url => { |
| | | window.open(url, "_blank"); |
| | | }; |
| | | onMounted(() => { |
| | | setList(); |
| | | }); |