支持上传jpg/png/pdf格式文件,单个文件不超过10MB(如病例、住房证明等)
@@ -330,15 +330,17 @@ import {
updateOutsideAccommodationApply,
addOutsideAccommodationApply
} from '@/api/dormitory/outsideAccommodation/outsideAccommodationApply'
-import { batchAddOutsideAccommodationAttachment } from "@/api/dormitory/outsideAccommodation/outsideAccommodationAttachment";
+import { batchAddOutsideAccommodationAttachment, deleteOutsideAccommodationAttachmentNameAndStuName } from "@/api/dormitory/outsideAccommodation/outsideAccommodationAttachment";
import { getUserProfile } from '@/api/system/user' // 获取当前登录用户
import { getOwnLog } from '@/api/dormitory/new/stuDom'
import {
pcaTextArr // 省市区联动数据,纯汉字
} from 'element-china-area-data'
+import AffixIndex from "@/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/affix/index"
export default {
name: 'OutsideAccommodationApply',
+ components: { AffixIndex },
data() {
return {
// 遮罩层
@@ -804,19 +806,26 @@ export default {
// 处理子组件传递的删除文件事件
handleDeleteFile(fileName) {
// 接收文件名后,可执行后续逻辑,删除在数据库的数据
- // if (fileName) {
- // deleteRtEnlistmentReserveAttachByFileNameAndStuName({fileName:fileName, studentName: this.formData.studentName}).then(res => {
- // this.$message.success(`成功删除文件:${fileName}`);
- // })
- // }
+ if (fileName) {
+ deleteOutsideAccommodationAttachmentNameAndStuName({ attachmentName: fileName, studentName: this.form.studentName }).then(res => {
+ this.$message.success(`成功删除文件:${fileName}`);
+ })
+ }
},
goBack() {
- // 关闭当前标签页并返回上个页面
- // const obj = { path: 'disciplinaryApplication', query: { t: Date.now() } }
- // this.$tab.closeOpenPage(obj)
- this.$router.back()
- // 关闭窗体 index 当前层索引
- this.$tab.closePage()
+ // 1. 先清空附件组件数据(主动触发清理)
+ this.$nextTick(() => {
+ // 如果Affix组件有ref(比如ref="affixComponent"),主动调用clearData
+ if (this.$refs.affixComponent) {
+ this.$refs.affixComponent.clearData();
+ }
+
+ // 2. 优化退出逻辑:先关闭tab,再返回(避免重复操作)
+ this.$tab.closePage().then(() => {
+ // 仅当需要返回上一页时执行(根据业务场景选择)
+ // this.$router.back();
+ });
+ });
},
// 保存学生签名
saveStudentSignature() {
diff --git a/src/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/affix/index.vue b/src/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/affix/index.vue
new file mode 100644
index 0000000..0500991
--- /dev/null
+++ b/src/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/affix/index.vue
@@ -0,0 +1,380 @@
+
+
+
+ 点击上传
+
+
+ 打包下载
+
+
+
+
+
+
{{ item.name }}
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/detailApply.vue b/src/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/detailApply.vue
index 1599d4e..80cb6f5 100644
--- a/src/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/detailApply.vue
+++ b/src/views/dormitory/outsideAccommodation/outsideAccommodationApply/components/detailApply.vue
@@ -26,11 +26,11 @@
男
女
-
+
出生年月
{{ renderData.birthDate }}
-
+
专业系
{{ renderData.majorName }}
@@ -38,12 +38,12 @@
班级
{{ renderData.className }}
-
+
学号
{{ renderData.studentNo }}
- 宿费交纳情况(只填写当年度交费情况)
+ 宿费交纳情况
{{ renderData.accommodationFee }}
@@ -61,7 +61,7 @@
附件材料
-
+
@@ -104,11 +104,11 @@
-->
- 外宿详细地址(具体到门牌号)
+ 外宿详细地址
{{ renderData.address + renderData.outsideAddress }}
- 外宿居所紧急联系人电话
+ 紧急联系电话
{{ renderData.emergencyPhone }}
@@ -203,6 +203,47 @@