- ![]()
+ ![]()
@@ -1474,7 +1482,7 @@ import { to } from 'await-to-js';
import { globalHeaders } from '@/utils/request';
// import type { UploadInstance } from 'element-plus';
// import type { FormInstance, TreeInstance } from 'element-plus';
-import { Plus, ArrowDown, InfoFilled } from '@element-plus/icons-vue';
+import { Plus, ArrowDown, InfoFilled, Loading } from '@element-plus/icons-vue';
import service from '@/utils/request';
interface ComponentInternalInstance {
proxy?: any;
@@ -1760,6 +1768,12 @@ const form = reactive({
...initFormData
});
+// 异步加载的图片URL
+const asyncPhotoUrl = ref('');
+const asyncDetailPhotoUrl = ref('');
+const photoLoading = ref(false);
+const detailPhotoLoading = ref(false);
+
const rules = reactive({
name: [{ required: true, message: '学生姓名不能为空', trigger: 'blur' }],
studentNo: [{ required: true, message: '学号不能为空', trigger: 'blur' }],
@@ -2513,6 +2527,88 @@ const closeDialog = () => {
reset();
};
+// 通过认证请求获取图片数据并转换为blob URL
+const getImageBlobUrl = async (imageUrl: string): Promise => {
+ try {
+ // 通过axios请求图片数据，这样会自动带上token和clientId
+ const response = await service({
+ url: '/resource/oss/download/' + imageUrl,
+ method: 'get',
+ responseType: 'blob',
+ timeout: 300000 // 300秒超时
+ });
+
+ // 由于axios响应拦截器对blob类型响应直接返回blob数据
+ // 这里response直接就是blob对象，而不是包含data属性的响应对象
+ const blob = response;
+
+ // 验证响应数据
+ if (!blob) {
+ throw new Error('响应数据为空');
+ }
+
+ if (!(blob instanceof Blob)) {
+ // 如果不是Blob，尝试获取实际内容用于调试
+ let actualContent = 'Unknown';
+ try {
+ if (typeof blob === 'string') {
+ actualContent = (blob as string).substring(0, 200);
+ } else if (blob && typeof blob.toString === 'function') {
+ actualContent = blob.toString().substring(0, 200);
+ }
+ } catch (e) {
+ actualContent = 'Cannot convert to string';
+ }
+
+ throw new Error(`响应数据不是有效的Blob对象。实际类型: ${typeof blob}, 内容: ${actualContent}`);
+ }
+
+ // 创建blob URL
+ const blobUrl = URL.createObjectURL(blob);
+ return blobUrl;
+ } catch (error) {
+ return '';
+ }
+};
+
+// 监听photoPath变化，异步加载图片
+watchEffect(async () => {
+ if (form.photoPath) {
+ photoLoading.value = true;
+ try {
+ const blobUrl = await getImageBlobUrl(form.photoPath);
+ asyncPhotoUrl.value = blobUrl;
+ } catch (error) {
+ console.error('加载图片失败:', error);
+ asyncPhotoUrl.value = '';
+ } finally {
+ photoLoading.value = false;
+ }
+ } else {
+ asyncPhotoUrl.value = '';
+ photoLoading.value = false;
+ }
+});
+
+// 监听detailForm.photoPath变化，异步加载详情图片
+watchEffect(async () => {
+ if (detailForm.photoPath) {
+ detailPhotoLoading.value = true;
+ try {
+ const blobUrl = await getImageBlobUrl(detailForm.photoPath);
+ asyncDetailPhotoUrl.value = blobUrl;
+ } catch (error) {
+ console.error('加载详情图片失败:', error);
+ asyncDetailPhotoUrl.value = '';
+ } finally {
+ detailPhotoLoading.value = false;
+ }
+ } else {
+ asyncDetailPhotoUrl.value = '';
+ detailPhotoLoading.value = false;
+ }
+});
+
onMounted(() => {
getDeptTree(); // 初始化部门数据（会在完成后自动调用getList）
getRegionTree(); // 初始化行政区划数据
@@ -2665,6 +2761,32 @@ onMounted(() => {
background: #a8a8a8;
}
+/* 照片加载状态样式 */
+.photo-loading {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ width: 150px;
+ height: 150px;
+ border: 2px dashed #d9d9d9;
+ border-radius: 6px;
+ background-color: #fafafa;
+ color: #8c8d91;
+ font-size: 14px;
+ transition: border-color 0.3s;
+}
+
+.photo-loading .el-icon {
+ font-size: 24px;
+ margin-bottom: 8px;
+ color: #409eff;
+}
+
+.photo-loading span {
+ font-size: 12px;
+}
+
/* 照片上传样式 */
.photo-uploader .photo {
width: 130px;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ detailForm.studentNo }}
+
+
+
+
+ {{ detailForm.idCard }}
+
+
+
+
+
+
+ {{ detailForm.name }}
+
+
+
+
+ {{ detailForm.nameEnglish }}
+
+
+
+
+
+
+ {{ detailForm.formerName }}
+
+
+
+
+ {{ detailForm.gender === '0' ? '男' : detailForm.gender === '1' ? '女' : '未知' }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ proxy.parseTime(detailForm.birthDate, '{y}-{m}-{d}') }}
+
+
+
+
+ {{ getDictLabel(xg_nation, detailForm.nationality) }}
+
+
+
+
+ {{ getRegionName(detailForm.nativePlace) }}
+
+
+
+
+
+
+
+ {{ getDictLabel(xg_political_status, detailForm.politicalStatus) }}
+
+
+
+
+ {{ detailForm.phone }}
+
+
+
+
+ {{ detailForm.postalCode }}
+
+
+
+
+
+
+ {{ detailForm.hukouLocation }}
+
+
+
+
+
+
+ {{ detailForm.homeAddress }}
+
+
+
+
+
+
+ {{ detailForm.currentAddress }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getDictLabel(wenhuachengdu, detailForm.educationLevel) }}
+
+
+
+
+ {{ getDictLabel(house_hold_register_type, detailForm.householdRegisterType) }}
+
+
+
+
+ {{ detailForm.religion }}
+
+
+
+
+
+
+ {{ getRegionName(detailForm.sourceRegion) }}
+
+
+
+
+
+ {{ detailForm.graduateSchool }}
+
+
+
+
+ {{ detailForm.email }}
+
+
+
+
+
+
+ {{ detailForm.qq }}
+
+
+
+
+ {{ detailForm.wechat }}
+
+
+
+
+ {{ getMaritalStatusLabel(detailForm.maritalStatus) }}
+
+
+
+
+
+
+ {{ detailForm.emergencyContactName }}
+
+
+
+
+ {{ detailForm.emergencyContactPhone }}
+
+
+
+
+ {{ detailForm.emergencyContactRelation }}
+
+
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isPoorStudent) }}
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isMinority) }}
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isOrphan) }}
+
+
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isLeftBehindChild) }}
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isSingleChild) }}
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isLowIncome) }}
+
+
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.hasLoan) }}
+
+
+
+
+ {{ detailForm.loanAmount }}
+
+
+
+
+
+
+ {{ detailForm.specialties }}
+
+
+
+
+ {{ detailForm.awards }}
+
+
+
+
+
+
+ {{ detailForm.violations }}
+
+
+
+
+ {{ detailForm.socialActivities }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ detailForm.fatherName }}
+
+
+
+
+ {{ detailForm.fatherPhone }}
+
+
+
+
+
+
+ {{ detailForm.fatherWorkUnit }}
+
+
+
+
+
+
+ {{ detailForm.motherName }}
+
+
+
+
+ {{ detailForm.motherPhone }}
+
+
+
+
+
+
+ {{ detailForm.motherWorkUnit }}
+
+
+
+
+
+
+ {{ detailForm.guardianName }}
+
+
+
+
+ {{ detailForm.guardianPhone }}
+
+
+
+
+ {{ detailForm.guardianRelation }}
+
+
+
+
+
+
+ {{ detailForm.familyIncome }}
+
+
+
+
+ {{ detailForm.perCapitaIncome }}
+
+
+
+
+ {{ detailForm.incomeSource }}
+
+
+
+
+
+
+ {{ getFamilyEconomicStatusLabel(detailForm.familyEconomicStatus) }}
+
+
+
+
+ {{ detailForm.familyMembers }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ detailForm.height }}
+
+
+
+
+ {{ detailForm.weight }}
+
+
+
+
+ {{ getBloodTypeLabel(detailForm.bloodType) }}
+
+
+
+
+
+
+ {{ detailForm.healthStatus }}
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isDisabled) }}
+
+
+
+
+ {{ getDisabilityTypeLabel(detailForm.disabilityType) }}
+
+
+
+
+
+
+ {{ detailForm.disabilityLevel }}
+
+
+
+
+
+
+ {{ detailForm.specialCondition }}
+
+
+
+
+
+
+ {{ detailForm.allergies }}
+
+
+
+
+
+
+ {{ detailForm.medicalHistory }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ detailForm.collegeName }}
+
+
+
+
+ {{ detailForm.majorName }}
+
+
+
+
+
+
+ {{ detailForm.className }}
+
+
+
+
+ {{ detailForm.classTeacherName }}
+
+
+
+
+ {{ getAcademicLevelLabel(detailForm.academicLevel) }}
+
+
+
+
+
+
+ {{ detailForm.enrollmentYear }}
+
+
+
+
+ {{ proxy.parseTime(detailForm.enrollmentDate, '{y}-{m}-{d}') }}
+
+
+
+
+ {{ detailForm.schoolSystem }}
+
+
+
+
+
+
+ {{ detailForm.grade }}
+
+
+
+
+ {{ getTrainingModeLabel(detailForm.trainingType) }}
+
+
+
+
+ {{ getAdmissionCategoryLabel(detailForm.admissionCategory) }}
+
+
+
+
+
+
+
+ {{ getStudentStatusLabel(detailForm.studentStatus) }}
+
+
+
+
+
+ {{ getDictLabel(sys_yesno, detailForm.isBoarder) }}
+
+
+
+
+ {{ getDormBuildingName(detailForm.dormitoryBuilding) }}
+
+
+
+
+
+
+ {{ detailForm.dormitoryRoom }}
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ detailForm.bankCardNo }}
+
+
+
+
+ {{ detailForm.cardHolderName }}
+
+
+
+
+
+
+ {{ detailForm.bankName }}
+
+
+
+
+ {{ detailForm.bankBranch }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/web/src/views/xg/xsjcxx/studentMsg/studentMsg/index.vue b/web/src/views/xg/xsjcxx/studentMsg/studentMsg/index.vue
index 9299d838..b5fc524e 100644
--- a/web/src/views/xg/xsjcxx/studentMsg/studentMsg/index.vue
+++ b/web/src/views/xg/xsjcxx/studentMsg/studentMsg/index.vue
@@ -236,7 +236,11 @@
:before-upload="beforePhotoUpload"
:http-request="handlePhotoUpload"
>
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新增
+
+
+ 修改
+
+
+
+
+
+ 更多
+
+
+
+ 下载模板
+ 导入数据
+ 导出数据
+
+
+
+
+
+
+
+
+
+
+
+ {{ getStudentStatusLabel(scope.row.studentStatus) }}
+
+
+
+
+
+
+ {{ scope.row.createTime }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 搜索
+ 重置
+
+
+
+
+
+
+
+ 学生照片
+
+
+
+
+
+
+ 暂无照片
+
+ {{ getRegionFullPath(form.nativePlace) }}
+
+
+
+ {{ getRegionFullPath(form.sourceRegion) }}
+
+
+
+ ![]()
+
+ 暂无照片
+
+ {{ getRegionFullPath(detailForm.nativePlace) }}
+
+
+
+ {{ getRegionFullPath(detailForm.sourceRegion) }}
+
+
+ 将文件拖到此处，或点击上传
+
+
+ 下载模板
+
+
+ 不更新已经存在的学生数据，仅更新新增的学生数据
+
+
+ 仅允许导入xls、xlsx格式文件。
+
+
+ 暂无照片
@@ -912,7 +916,11 @@
- ![]()
+ ![]()
+
+ 暂无照片