Compare commits

...

3 Commits

Author SHA1 Message Date
zwt13703 4023e9ab37 updates 2026-03-12 12:59:01 +08:00
zwt13703 cc9271c344 updates 2026-02-20 22:35:30 +08:00
zwt13703 2e47337789 updates 2026-02-20 14:48:59 +08:00
47 changed files with 5630 additions and 255 deletions

View File

@ -34,7 +34,7 @@
"/docs": true, "/docs": true,
"**/dist/**": true, "**/dist/**": true,
"**/node_modules": true, "**/node_modules": true,
"node_modules/**": true, "node_modules/**": true
}, },
"cSpell.words": ["Axios", "tinymce"] "cSpell.words": ["Axios", "tinymce"]
} }

View File

@ -302,6 +302,8 @@ const local: App.I18n.Schema = {
tool: 'System Tools', tool: 'System Tools',
tool_gen: 'Code Generation', tool_gen: 'Code Generation',
art: 'Art', art: 'Art',
'art_history-score-control-line': 'History Score Control Line',
art_major: 'Art Major Library',
art_school: 'School', art_school: 'School',
art_school_modules: 'School Modules', art_school_modules: 'School Modules',
'art_school_modules_school-campus': 'School Campus', 'art_school_modules_school-campus': 'School Campus',
@ -314,6 +316,8 @@ const local: App.I18n.Schema = {
'art_school_modules_school-media': 'School Media', 'art_school_modules_school-media': 'School Media',
'art_school_modules_school-name': 'School Name', 'art_school_modules_school-name': 'School Name',
'art_school_modules_school-tag': 'School Tag', 'art_school_modules_school-tag': 'School Tag',
'art_school-recruit-major': 'School Recruit Major',
'art_school-recruit-major-history': 'School Recruit Major History',
about: 'About' about: 'About'
}, },
menu: { menu: {

View File

@ -298,6 +298,8 @@ const local: App.I18n.Schema = {
tool: '系统工具', tool: '系统工具',
tool_gen: '代码生成', tool_gen: '代码生成',
art: '艺术院校', art: '艺术院校',
'art_history-score-control-line': '历年省控线',
art_major: '艺术专业库',
art_school: '院校管理', art_school: '院校管理',
art_school_modules: '院校子模块', art_school_modules: '院校子模块',
'art_school_modules_school-campus': '校区管理', 'art_school_modules_school-campus': '校区管理',
@ -309,7 +311,9 @@ const local: App.I18n.Schema = {
'art_school_modules_school-major-tag': '专业标签', 'art_school_modules_school-major-tag': '专业标签',
'art_school_modules_school-media': '媒体管理', 'art_school_modules_school-media': '媒体管理',
'art_school_modules_school-name': '院校名称', 'art_school_modules_school-name': '院校名称',
'art_school_modules_school-tag': '院校标签', 'art_school_modules_school-tag': '学校标签',
'art_school-recruit-major': '院校招录专业',
'art_school-recruit-major-history': '院校招录专业历年录取',
about: '关于' about: '关于'
}, },
menu: { menu: {

View File

@ -23,6 +23,10 @@ export const views: Record<LastLevelRouteKey, RouteComponent | (() => Promise<Ro
"social-callback": () => import("@/views/_builtin/social-callback/index.vue"), "social-callback": () => import("@/views/_builtin/social-callback/index.vue"),
"user-center": () => import("@/views/_builtin/user-center/index.vue"), "user-center": () => import("@/views/_builtin/user-center/index.vue"),
about: () => import("@/views/about/index.vue"), about: () => import("@/views/about/index.vue"),
"art_history-score-control-line": () => import("@/views/art/history-score-control-line/index.vue"),
art_major: () => import("@/views/art/major/index.vue"),
"art_school-recruit-major-history": () => import("@/views/art/school-recruit-major-history/index.vue"),
"art_school-recruit-major": () => import("@/views/art/school-recruit-major/index.vue"),
art_school: () => import("@/views/art/school/index.vue"), art_school: () => import("@/views/art/school/index.vue"),
"art_school_modules_school-campus": () => import("@/views/art/school/modules/school-campus/index.vue"), "art_school_modules_school-campus": () => import("@/views/art/school/modules/school-campus/index.vue"),
"art_school_modules_school-college": () => import("@/views/art/school/modules/school-college/index.vue"), "art_school_modules_school-college": () => import("@/views/art/school/modules/school-college/index.vue"),

View File

@ -59,6 +59,24 @@ export const generatedRoutes: GeneratedRoute[] = [
i18nKey: 'route.art' i18nKey: 'route.art'
}, },
children: [ children: [
{
name: 'art_history-score-control-line',
path: '/art/history-score-control-line',
component: 'view.art_history-score-control-line',
meta: {
title: 'art_history-score-control-line',
i18nKey: 'route.art_history-score-control-line'
}
},
{
name: 'art_major',
path: '/art/major',
component: 'view.art_major',
meta: {
title: 'art_major',
i18nKey: 'route.art_major'
}
},
{ {
name: 'art_school', name: 'art_school',
path: '/art/school', path: '/art/school',
@ -169,6 +187,24 @@ export const generatedRoutes: GeneratedRoute[] = [
] ]
} }
] ]
},
{
name: 'art_school-recruit-major',
path: '/art/school-recruit-major',
component: 'view.art_school-recruit-major',
meta: {
title: 'art_school-recruit-major',
i18nKey: 'route.art_school-recruit-major'
}
},
{
name: 'art_school-recruit-major-history',
path: '/art/school-recruit-major-history',
component: 'view.art_school-recruit-major-history',
meta: {
title: 'art_school-recruit-major-history',
i18nKey: 'route.art_school-recruit-major-history'
}
} }
] ]
}, },

View File

@ -172,6 +172,8 @@ const routeMap: RouteMap = {
"500": "/500", "500": "/500",
"about": "/about", "about": "/about",
"art": "/art", "art": "/art",
"art_history-score-control-line": "/art/history-score-control-line",
"art_major": "/art/major",
"art_school": "/art/school", "art_school": "/art/school",
"art_school_modules": "/art/school/modules", "art_school_modules": "/art/school/modules",
"art_school_modules_school-campus": "/art/school/modules/school-campus", "art_school_modules_school-campus": "/art/school/modules/school-campus",
@ -184,6 +186,8 @@ const routeMap: RouteMap = {
"art_school_modules_school-media": "/art/school/modules/school-media", "art_school_modules_school-media": "/art/school/modules/school-media",
"art_school_modules_school-name": "/art/school/modules/school-name", "art_school_modules_school-name": "/art/school/modules/school-name",
"art_school_modules_school-tag": "/art/school/modules/school-tag", "art_school_modules_school-tag": "/art/school/modules/school-tag",
"art_school-recruit-major": "/art/school-recruit-major",
"art_school-recruit-major-history": "/art/school-recruit-major-history",
"demo": "/demo", "demo": "/demo",
"demo_demo": "/demo/demo", "demo_demo": "/demo/demo",
"demo_tree": "/demo/tree", "demo_tree": "/demo/tree",

View File

@ -0,0 +1,35 @@
import { request } from '@/service/request';
/** 获取历年省控线列表 */
export function fetchGetHistoryScoreControlLineList(params?: Api.Art.HistoryScoreControlLineSearchParams) {
return request<Api.Art.HistoryScoreControlLineList>({
url: '/art/historyScoreControlLine/list',
method: 'get',
params
});
}
/** 新增历年省控线 */
export function fetchCreateHistoryScoreControlLine(data: Api.Art.HistoryScoreControlLineOperateParams) {
return request<boolean>({
url: '/art/historyScoreControlLine',
method: 'post',
data
});
}
/** 修改历年省控线 */
export function fetchUpdateHistoryScoreControlLine(data: Api.Art.HistoryScoreControlLineOperateParams) {
return request<boolean>({
url: '/art/historyScoreControlLine',
method: 'put',
data
});
}
/** 批量删除历年省控线 */
export function fetchBatchDeleteHistoryScoreControlLine(controlIds: CommonType.IdType[]) {
return request<boolean>({
url: `/art/historyScoreControlLine/${controlIds.join(',')}`,
method: 'delete'
});
}

View File

@ -0,0 +1,35 @@
import { request } from '@/service/request';
/** 获取艺术专业库列表 */
export function fetchGetMajorList(params?: Api.Art.MajorSearchParams) {
return request<Api.Art.MajorList>({
url: '/art/major/list',
method: 'get',
params
});
}
/** 新增艺术专业库 */
export function fetchCreateMajor(data: Api.Art.MajorOperateParams) {
return request<boolean>({
url: '/art/major',
method: 'post',
data
});
}
/** 修改艺术专业库 */
export function fetchUpdateMajor(data: Api.Art.MajorOperateParams) {
return request<boolean>({
url: '/art/major',
method: 'put',
data
});
}
/** 批量删除艺术专业库 */
export function fetchBatchDeleteMajor(majorIds: CommonType.IdType[]) {
return request<boolean>({
url: `/art/major/${majorIds.join(',')}`,
method: 'delete'
});
}

View File

@ -0,0 +1,35 @@
import { request } from '@/service/request';
/** 获取院校招录专业历年录取数据列表 */
export function fetchGetSchoolRecruitMajorHistoryList(params?: Api.Art.SchoolRecruitMajorHistorySearchParams) {
return request<Api.Art.SchoolRecruitMajorHistoryList>({
url: '/art/schoolRecruitMajorHistory/list',
method: 'get',
params
});
}
/** 新增院校招录专业历年录取数据 */
export function fetchCreateSchoolRecruitMajorHistory(data: Api.Art.SchoolRecruitMajorHistoryOperateParams) {
return request<boolean>({
url: '/art/schoolRecruitMajorHistory',
method: 'post',
data
});
}
/** 修改院校招录专业历年录取数据 */
export function fetchUpdateSchoolRecruitMajorHistory(data: Api.Art.SchoolRecruitMajorHistoryOperateParams) {
return request<boolean>({
url: '/art/schoolRecruitMajorHistory',
method: 'put',
data
});
}
/** 批量删除院校招录专业历年录取数据 */
export function fetchBatchDeleteSchoolRecruitMajorHistory(historyIds: CommonType.IdType[]) {
return request<boolean>({
url: `/art/schoolRecruitMajorHistory/${historyIds.join(',')}`,
method: 'delete'
});
}

View File

@ -0,0 +1,35 @@
import { request } from '@/service/request';
/** 获取院校招录专业列表 */
export function fetchGetSchoolRecruitMajorList(params?: Api.Art.SchoolRecruitMajorSearchParams) {
return request<Api.Art.SchoolRecruitMajorList>({
url: '/art/schoolRecruitMajor/list',
method: 'get',
params
});
}
/** 新增院校招录专业 */
export function fetchCreateSchoolRecruitMajor(data: Api.Art.SchoolRecruitMajorOperateParams) {
return request<boolean>({
url: '/art/schoolRecruitMajor',
method: 'post',
data
});
}
/** 修改院校招录专业 */
export function fetchUpdateSchoolRecruitMajor(data: Api.Art.SchoolRecruitMajorOperateParams) {
return request<boolean>({
url: '/art/schoolRecruitMajor',
method: 'put',
data
});
}
/** 批量删除院校招录专业 */
export function fetchBatchDeleteSchoolRecruitMajor(recruitMajorIds: CommonType.IdType[]) {
return request<boolean>({
url: `/art/schoolRecruitMajor/${recruitMajorIds.join(',')}`,
method: 'delete'
});
}

View File

@ -3,3 +3,19 @@
--n-title-font-size: 15px !important; --n-title-font-size: 15px !important;
} }
} }
/* Keep school search form inputs readable across theme/custom overrides */
.school-search-card {
.n-input .n-input__input-el,
.n-input .n-input__textarea-el,
.n-base-selection .n-base-selection-label,
.n-base-selection .n-base-selection-input__content {
color: var(--n-text-color) !important;
-webkit-text-fill-color: var(--n-text-color) !important;
}
.n-input .n-input__placeholder,
.n-base-selection .n-base-selection-placeholder {
color: var(--n-placeholder-color) !important;
}
}

View File

@ -0,0 +1,85 @@
/**
* Namespace Api
*
* All backend api type
*/
declare namespace Api {
/**
* namespace Art
*
* backend api module: "Art"
*/
namespace Art {
/** history score control line */
type HistoryScoreControlLine = Common.CommonRecord<{
/** 省控线主键 */
controlId: CommonType.IdType;
/** 租户编号 */
tenantId: CommonType.IdType;
/** 删除标志0存在 1删除 */
delFlag: string;
/** 省份行政区划代码 */
provinceCode: string;
/** 省份名称 */
provinceName: string;
/** 年份 */
year: number;
/** 专业类别 */
majorCategory: string;
/** 批次 */
batchName: string;
/** 科类(文/理) */
subjectType: string;
/** 文化成绩分数 */
cultureScore: number;
/** 专业成绩分数 */
majorScore: number;
/** 文化成绩校考分数 */
cultureScoreExam: number;
/** 专业成绩校考分数 */
majorScoreExam: number;
/** 备注 */
remark: string;
}>;
/** history score control line search params */
type HistoryScoreControlLineSearchParams = CommonType.RecordNullable<
Pick<
Api.Art.HistoryScoreControlLine,
| 'provinceCode'
| 'provinceName'
| 'year'
| 'majorCategory'
| 'batchName'
| 'subjectType'
| 'cultureScore'
| 'majorScore'
| 'cultureScoreExam'
| 'majorScoreExam'
> &
Api.Common.CommonSearchParams
>;
/** history score control line operate params */
type HistoryScoreControlLineOperateParams = CommonType.RecordNullable<
Pick<
Api.Art.HistoryScoreControlLine,
| 'controlId'
| 'provinceCode'
| 'provinceName'
| 'year'
| 'majorCategory'
| 'batchName'
| 'subjectType'
| 'cultureScore'
| 'majorScore'
| 'cultureScoreExam'
| 'majorScoreExam'
| 'remark'
>
>;
/** history score control line list */
type HistoryScoreControlLineList = Api.Common.PaginatingQueryRecord<HistoryScoreControlLine>;
}
}

85
src/typings/api/art.major.api.d.ts vendored Normal file
View File

@ -0,0 +1,85 @@
/**
* Namespace Api
*
* All backend api type
*/
declare namespace Api {
/**
* namespace Art
*
* backend api module: "Art"
*/
namespace Art {
/** major */
type Major = Common.CommonRecord<{
/** 专业主键ID */
majorId: CommonType.IdType;
/** 租户编号 */
tenantId: CommonType.IdType;
/** 删除标志0存在 1删除 */
delFlag: string;
/** 专业名称 */
majorName: string;
/** 学历层次 */
educationLevel: string;
/** 专业图标 */
majorIcon: string;
/** 学制(年) */
schoolingYears: number;
/** 所属一级学科 */
disciplinePrimary: string;
/** 所属二级学科 */
disciplineSecondary: string;
/** 授予学士学位 */
degreeAwarded: string;
/** 专业概括 */
summary: string;
/** 培养方向 */
trainingDirection: string;
/** 主要课程 */
coreCourses: string;
/** 备注 */
remark: string;
}>;
/** major search params */
type MajorSearchParams = CommonType.RecordNullable<
Pick<
Api.Art.Major,
| 'majorName'
| 'educationLevel'
| 'majorIcon'
| 'schoolingYears'
| 'disciplinePrimary'
| 'disciplineSecondary'
| 'degreeAwarded'
| 'summary'
| 'trainingDirection'
| 'coreCourses'
> &
Api.Common.CommonSearchParams
>;
/** major operate params */
type MajorOperateParams = CommonType.RecordNullable<
Pick<
Api.Art.Major,
| 'majorId'
| 'majorName'
| 'educationLevel'
| 'majorIcon'
| 'schoolingYears'
| 'disciplinePrimary'
| 'disciplineSecondary'
| 'degreeAwarded'
| 'summary'
| 'trainingDirection'
| 'coreCourses'
| 'remark'
>
>;
/** major list */
type MajorList = Api.Common.PaginatingQueryRecord<Major>;
}
}

View File

@ -20,6 +20,8 @@ declare namespace Api {
schoolId: CommonType.IdType; schoolId: CommonType.IdType;
/** 学校详细介绍(大文本) */ /** 学校详细介绍(大文本) */
introduction: string; introduction: string;
/** 院校图标 */
schoolIcon: string;
/** 学校地址 */ /** 学校地址 */
address: string; address: string;
/** 联系电话 */ /** 联系电话 */
@ -28,6 +30,44 @@ declare namespace Api {
email: string; email: string;
/** 官网地址 */ /** 官网地址 */
website: string; website: string;
/** 邮编 */
postcode: string;
/** 建校时间(年) */
establishYear: number;
/** 占地面积(亩) */
campusAreaMu: number;
/** 图书馆藏书量 */
libraryCollection: number;
/** 男生比例(%) */
maleRatio: number;
/** 女生比例(%) */
femaleRatio: number;
/** 是否985(0/1) */
is985: number;
/** 是否211(0/1) */
is211: number;
/** 是否双一流(0/1) */
isDoubleFirstClass: number;
/** 是否重点大学(0/1) */
isKeyUniversity: number;
/** 标签 */
tags: string[];
/** 学生人数 */
studentCount: number;
/** 教师人数 */
teacherCount: number;
/** 硕士点数量 */
masterPoint: number;
/** 博士点数量 */
doctorPoint: number;
/** 重点专业数量 */
keyMajorCount: number;
/** 就业率(%) */
employmentRate: number;
/** 满意度(%) */
satisfactionRate: number;
/** 外部学校ID */
univId: number;
/** 删除标志0代表存在 1代表删除 */ /** 删除标志0代表存在 1代表删除 */
delFlag: string; delFlag: string;
/** 备注 */ /** 备注 */
@ -36,7 +76,36 @@ declare namespace Api {
/** school detail search params */ /** school detail search params */
type SchoolDetailSearchParams = CommonType.RecordNullable< type SchoolDetailSearchParams = CommonType.RecordNullable<
Pick<Api.Art.SchoolDetail, 'schoolId' | 'introduction' | 'address' | 'contact' | 'email' | 'website'> & Pick<
Api.Art.SchoolDetail,
| 'detailId'
| 'schoolId'
| 'introduction'
| 'schoolIcon'
| 'address'
| 'contact'
| 'email'
| 'website'
| 'postcode'
| 'establishYear'
| 'campusAreaMu'
| 'libraryCollection'
| 'maleRatio'
| 'femaleRatio'
| 'is985'
| 'is211'
| 'isDoubleFirstClass'
| 'isKeyUniversity'
| 'tags'
| 'studentCount'
| 'teacherCount'
| 'masterPoint'
| 'doctorPoint'
| 'keyMajorCount'
| 'employmentRate'
| 'satisfactionRate'
| 'univId'
> &
Api.Common.CommonSearchParams Api.Common.CommonSearchParams
>; >;
@ -44,7 +113,34 @@ declare namespace Api {
type SchoolDetailOperateParams = CommonType.RecordNullable< type SchoolDetailOperateParams = CommonType.RecordNullable<
Pick< Pick<
Api.Art.SchoolDetail, Api.Art.SchoolDetail,
'detailId' | 'schoolId' | 'introduction' | 'address' | 'contact' | 'email' | 'website' | 'remark' | 'detailId'
| 'schoolId'
| 'introduction'
| 'schoolIcon'
| 'address'
| 'contact'
| 'email'
| 'website'
| 'postcode'
| 'establishYear'
| 'campusAreaMu'
| 'libraryCollection'
| 'maleRatio'
| 'femaleRatio'
| 'is985'
| 'is211'
| 'isDoubleFirstClass'
| 'isKeyUniversity'
| 'tags'
| 'studentCount'
| 'teacherCount'
| 'masterPoint'
| 'doctorPoint'
| 'keyMajorCount'
| 'employmentRate'
| 'satisfactionRate'
| 'univId'
| 'remark'
> >
>; >;

View File

@ -0,0 +1,145 @@
/**
* Namespace Api
*
* All backend api type
*/
declare namespace Api {
/**
* namespace Art
*
* backend api module: "Art"
*/
namespace Art {
/** school recruit major history */
type SchoolRecruitMajorHistory = Common.CommonRecord<{
/** 历年录取数据ID */
historyId: CommonType.IdType;
/** 租户编号 */
tenantId: CommonType.IdType;
/** 删除标志0存在 1删除 */
delFlag: string;
/** 对应招录专业ID */
recruitMajorId: CommonType.IdType;
/** 学校ID */
schoolId: CommonType.IdType;
/** 学校代码 */
schoolCode: string;
/** 院校代码 */
collegeCode: string;
/** 学校名称 */
schoolName: string;
/** 专业ID */
majorId: CommonType.IdType;
/** 专业代码 */
majorCode: string;
/** 专业名称 */
majorName: string;
/** 招生代码 */
enrollCode: string;
/** 专业类型 */
majorType: string;
/** 专业类别子级 */
majorTypeSub: string;
/** 主考科目 */
mainExamSubject: string;
/** 年份 */
year: number;
/** 科类(文/理) */
subjectType: string;
/** 批次 */
batchName: string;
/** 录取方式(文*x+专*y) */
admissionFormula: string;
/** 录取概率规则运算符 */
probabilityOperator: string;
/** 省控线 */
controlScore: number;
/** 录取线 */
admissionScore: number;
/** 招生人数 */
planEnroll: number;
/** 实际投档人数 */
filedAmount: number;
/** 录取数 */
admitAmount: number;
/** 一志愿录取数 */
firstChoiceAdmitAmount: number;
/** 最低分数差 */
minScoreDiff: number;
/** 学费(元/年) */
tuitionFee: number;
/** 备注 */
remark: string;
}>;
/** school recruit major history search params */
type SchoolRecruitMajorHistorySearchParams = CommonType.RecordNullable<
Pick<
Api.Art.SchoolRecruitMajorHistory,
| 'recruitMajorId'
| 'schoolId'
| 'schoolCode'
| 'collegeCode'
| 'schoolName'
| 'majorId'
| 'majorCode'
| 'majorName'
| 'enrollCode'
| 'majorType'
| 'majorTypeSub'
| 'mainExamSubject'
| 'year'
| 'subjectType'
| 'batchName'
| 'admissionFormula'
| 'probabilityOperator'
| 'controlScore'
| 'admissionScore'
| 'planEnroll'
| 'filedAmount'
| 'admitAmount'
| 'firstChoiceAdmitAmount'
| 'minScoreDiff'
| 'tuitionFee'
> &
Api.Common.CommonSearchParams
>;
/** school recruit major history operate params */
type SchoolRecruitMajorHistoryOperateParams = CommonType.RecordNullable<
Pick<
Api.Art.SchoolRecruitMajorHistory,
| 'historyId'
| 'recruitMajorId'
| 'schoolId'
| 'schoolCode'
| 'collegeCode'
| 'schoolName'
| 'majorId'
| 'majorCode'
| 'majorName'
| 'enrollCode'
| 'majorType'
| 'majorTypeSub'
| 'mainExamSubject'
| 'year'
| 'subjectType'
| 'batchName'
| 'admissionFormula'
| 'probabilityOperator'
| 'controlScore'
| 'admissionScore'
| 'planEnroll'
| 'filedAmount'
| 'admitAmount'
| 'firstChoiceAdmitAmount'
| 'minScoreDiff'
| 'tuitionFee'
| 'remark'
>
>;
/** school recruit major history list */
type SchoolRecruitMajorHistoryList = Api.Common.PaginatingQueryRecord<SchoolRecruitMajorHistory>;
}
}

View File

@ -0,0 +1,153 @@
/**
* Namespace Api
*
* All backend api type
*/
declare namespace Api {
/**
* namespace Art
*
* backend api module: "Art"
*/
namespace Art {
/** school recruit major */
type SchoolRecruitMajor = Common.CommonRecord<{
/** 院校招录专业ID */
recruitMajorId: CommonType.IdType;
/** 租户编号 */
tenantId: CommonType.IdType;
/** 删除标志0存在 1删除 */
delFlag: string;
/** 学校ID */
schoolId: CommonType.IdType;
/** 学校代码 */
schoolCode: string;
/** 学校名称(冗余) */
schoolName: string;
/** 年份 */
year: number;
/** 专业ID */
majorId: CommonType.IdType;
/** 专业代码 */
majorCode: string;
/** 专业名称 */
majorName: string;
/** 招生代码(为空则存空串) */
enrollCode: string;
/** 数据状态(停招/新招/新增) */
dataStatus: string;
/** 批次 */
batchName: string;
/** 专业类型 */
majorType: string;
/** 二级专业类型 */
majorTypeSub: string;
/** 科类(文/理) */
subjectType: string;
/** 录取方式缩写 */
admissionWayShort: string;
/** 对外录取方式 */
admissionWayExternal: string;
/** 对外录取方式运算符 */
admissionWayExternalOp: string;
/** 内部录取方式 */
admissionWayInternal: string;
/** 内部录取方式运算符 */
admissionWayInternalOp: string;
/** 计划招生人数 */
planEnroll: number;
/** 主考科目 */
mainExamSubject: string;
/** 学制(年) */
schoolingYears: number;
/** 院校限制说明 */
enrollLimitDesc: string;
/** 学费(元/年) */
tuitionFee: number;
/** 文化分数限制 */
cultureScoreLimit: number;
/** 专业分数限制 */
majorScoreLimit: number;
/** 语文成绩限制 */
chineseScoreLimit: number;
/** 英语成绩限制 */
englishScoreLimit: number;
/** 备注 */
remark: string;
}>;
/** school recruit major search params */
type SchoolRecruitMajorSearchParams = CommonType.RecordNullable<
Pick<
Api.Art.SchoolRecruitMajor,
| 'schoolId'
| 'schoolCode'
| 'schoolName'
| 'year'
| 'majorId'
| 'majorCode'
| 'majorName'
| 'enrollCode'
| 'dataStatus'
| 'batchName'
| 'majorType'
| 'majorTypeSub'
| 'subjectType'
| 'admissionWayShort'
| 'admissionWayExternal'
| 'admissionWayExternalOp'
| 'admissionWayInternal'
| 'admissionWayInternalOp'
| 'planEnroll'
| 'mainExamSubject'
| 'schoolingYears'
| 'enrollLimitDesc'
| 'tuitionFee'
| 'cultureScoreLimit'
| 'majorScoreLimit'
| 'chineseScoreLimit'
| 'englishScoreLimit'
> &
Api.Common.CommonSearchParams
>;
/** school recruit major operate params */
type SchoolRecruitMajorOperateParams = CommonType.RecordNullable<
Pick<
Api.Art.SchoolRecruitMajor,
| 'recruitMajorId'
| 'schoolId'
| 'schoolCode'
| 'schoolName'
| 'year'
| 'majorId'
| 'majorCode'
| 'majorName'
| 'enrollCode'
| 'dataStatus'
| 'batchName'
| 'majorType'
| 'majorTypeSub'
| 'subjectType'
| 'admissionWayShort'
| 'admissionWayExternal'
| 'admissionWayExternalOp'
| 'admissionWayInternal'
| 'admissionWayInternalOp'
| 'planEnroll'
| 'mainExamSubject'
| 'schoolingYears'
| 'enrollLimitDesc'
| 'tuitionFee'
| 'cultureScoreLimit'
| 'majorScoreLimit'
| 'chineseScoreLimit'
| 'englishScoreLimit'
| 'remark'
>
>;
/** school recruit major list */
type SchoolRecruitMajorList = Api.Common.PaginatingQueryRecord<SchoolRecruitMajor>;
}
}

View File

@ -26,8 +26,6 @@ declare namespace Api {
enrollCodes: string[]; enrollCodes: string[];
/** 学校标签列表 */ /** 学校标签列表 */
schoolTags: string[]; schoolTags: string[];
/** 院校图标 */
schoolIcon: string;
/** 省份 */ /** 省份 */
province: string; province: string;
/** 城市 */ /** 城市 */
@ -42,14 +40,6 @@ declare namespace Api {
schoolNature: string; schoolNature: string;
/** 主管部门:教育部/工信部/民委... */ /** 主管部门:教育部/工信部/民委... */
supervisorDept: string; supervisorDept: string;
/** 建校时间(年) */
establishYear: number;
/** 占地面积(亩) */
campusAreaMu: number;
/** 男生比例(%) */
maleRatio: number;
/** 女生比例(%) */
femaleRatio: number;
/** 删除标志0代表存在 1代表删除 */ /** 删除标志0代表存在 1代表删除 */
delFlag: string; delFlag: string;
/** 备注 */ /** 备注 */
@ -64,7 +54,6 @@ declare namespace Api {
| 'mainCode' | 'mainCode'
| 'mainName' | 'mainName'
| 'shortName' | 'shortName'
| 'schoolIcon'
| 'province' | 'province'
| 'city' | 'city'
| 'district' | 'district'
@ -72,10 +61,6 @@ declare namespace Api {
| 'educationLevel' | 'educationLevel'
| 'schoolNature' | 'schoolNature'
| 'supervisorDept' | 'supervisorDept'
| 'establishYear'
| 'campusAreaMu'
| 'maleRatio'
| 'femaleRatio'
> & > &
Api.Common.CommonSearchParams Api.Common.CommonSearchParams
>; >;
@ -88,7 +73,6 @@ declare namespace Api {
| 'mainCode' | 'mainCode'
| 'mainName' | 'mainName'
| 'shortName' | 'shortName'
| 'schoolIcon'
| 'province' | 'province'
| 'city' | 'city'
| 'district' | 'district'
@ -96,10 +80,6 @@ declare namespace Api {
| 'educationLevel' | 'educationLevel'
| 'schoolNature' | 'schoolNature'
| 'supervisorDept' | 'supervisorDept'
| 'establishYear'
| 'campusAreaMu'
| 'maleRatio'
| 'femaleRatio'
| 'remark' | 'remark'
> >
>; >;
@ -108,7 +88,34 @@ declare namespace Api {
type SchoolDetailInSchoolOperateParams = CommonType.RecordNullable< type SchoolDetailInSchoolOperateParams = CommonType.RecordNullable<
Pick< Pick<
Api.Art.SchoolDetail, Api.Art.SchoolDetail,
'detailId' | 'schoolId' | 'introduction' | 'address' | 'contact' | 'email' | 'website' | 'remark' | 'detailId'
| 'schoolId'
| 'introduction'
| 'schoolIcon'
| 'address'
| 'contact'
| 'email'
| 'website'
| 'postcode'
| 'establishYear'
| 'campusAreaMu'
| 'libraryCollection'
| 'maleRatio'
| 'femaleRatio'
| 'is985'
| 'is211'
| 'isDoubleFirstClass'
| 'isKeyUniversity'
| 'tags'
| 'studentCount'
| 'teacherCount'
| 'masterPoint'
| 'doctorPoint'
| 'keyMajorCount'
| 'employmentRate'
| 'satisfactionRate'
| 'univId'
| 'remark'
> >
>; >;

View File

@ -16,7 +16,6 @@ declare module 'vue' {
BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default'] BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
BooleanTag: typeof import('./../components/custom/boolean-tag.vue')['default'] BooleanTag: typeof import('./../components/custom/boolean-tag.vue')['default']
ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default'] ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
copy: typeof import('./../components/custom/dict-radio copy.vue')['default']
CountTo: typeof import('./../components/custom/count-to.vue')['default'] CountTo: typeof import('./../components/custom/count-to.vue')['default']
DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default'] DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default']
DataTable: typeof import('./../components/common/data-table.vue')['default'] DataTable: typeof import('./../components/common/data-table.vue')['default']
@ -37,6 +36,7 @@ declare module 'vue' {
IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default'] IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default'] IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
IconHugeiconsConfiguration01: typeof import('~icons/hugeicons/configuration01')['default'] IconHugeiconsConfiguration01: typeof import('~icons/hugeicons/configuration01')['default']
IconIcRoundOpenInFull: typeof import('~icons/ic/round-open-in-full')['default']
IconIcRoundRefresh: typeof import('~icons/ic/round-refresh')['default'] IconIcRoundRefresh: typeof import('~icons/ic/round-refresh')['default']
IconIcRoundSearch: typeof import('~icons/ic/round-search')['default'] IconIcRoundSearch: typeof import('~icons/ic/round-search')['default']
IconLocalBanner: typeof import('~icons/local/banner')['default'] IconLocalBanner: typeof import('~icons/local/banner')['default']
@ -62,6 +62,7 @@ declare module 'vue' {
IconSimpleIconsGitee: typeof import('~icons/simple-icons/gitee')['default'] IconSimpleIconsGitee: typeof import('~icons/simple-icons/gitee')['default']
IconTooltip: typeof import('./../components/common/icon-tooltip.vue')['default'] IconTooltip: typeof import('./../components/common/icon-tooltip.vue')['default']
IconUilSearch: typeof import('~icons/uil/search')['default'] IconUilSearch: typeof import('~icons/uil/search')['default']
InlineExpandTextarea: typeof import('./../components/custom/inline-expand-textarea.vue')['default']
JsonPreview: typeof import('./../components/custom/json-preview.vue')['default'] JsonPreview: typeof import('./../components/custom/json-preview.vue')['default']
LangSwitch: typeof import('./../components/common/lang-switch.vue')['default'] LangSwitch: typeof import('./../components/common/lang-switch.vue')['default']
LookForward: typeof import('./../components/custom/look-forward.vue')['default'] LookForward: typeof import('./../components/custom/look-forward.vue')['default']
@ -168,7 +169,6 @@ declare global {
const BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default'] const BetterScroll: typeof import('./../components/custom/better-scroll.vue')['default']
const BooleanTag: typeof import('./../components/custom/boolean-tag.vue')['default'] const BooleanTag: typeof import('./../components/custom/boolean-tag.vue')['default']
const ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default'] const ButtonIcon: typeof import('./../components/custom/button-icon.vue')['default']
const copy: typeof import('./../components/custom/dict-radio copy.vue')['default']
const CountTo: typeof import('./../components/custom/count-to.vue')['default'] const CountTo: typeof import('./../components/custom/count-to.vue')['default']
const DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default'] const DarkModeContainer: typeof import('./../components/common/dark-mode-container.vue')['default']
const DataTable: typeof import('./../components/common/data-table.vue')['default'] const DataTable: typeof import('./../components/common/data-table.vue')['default']
@ -189,6 +189,7 @@ declare global {
const IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default'] const IconGridiconsFullscreen: typeof import('~icons/gridicons/fullscreen')['default']
const IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default'] const IconGridiconsFullscreenExit: typeof import('~icons/gridicons/fullscreen-exit')['default']
const IconHugeiconsConfiguration01: typeof import('~icons/hugeicons/configuration01')['default'] const IconHugeiconsConfiguration01: typeof import('~icons/hugeicons/configuration01')['default']
const IconIcRoundOpenInFull: typeof import('~icons/ic/round-open-in-full')['default']
const IconIcRoundRefresh: typeof import('~icons/ic/round-refresh')['default'] const IconIcRoundRefresh: typeof import('~icons/ic/round-refresh')['default']
const IconIcRoundSearch: typeof import('~icons/ic/round-search')['default'] const IconIcRoundSearch: typeof import('~icons/ic/round-search')['default']
const IconLocalBanner: typeof import('~icons/local/banner')['default'] const IconLocalBanner: typeof import('~icons/local/banner')['default']
@ -214,6 +215,7 @@ declare global {
const IconSimpleIconsGitee: typeof import('~icons/simple-icons/gitee')['default'] const IconSimpleIconsGitee: typeof import('~icons/simple-icons/gitee')['default']
const IconTooltip: typeof import('./../components/common/icon-tooltip.vue')['default'] const IconTooltip: typeof import('./../components/common/icon-tooltip.vue')['default']
const IconUilSearch: typeof import('~icons/uil/search')['default'] const IconUilSearch: typeof import('~icons/uil/search')['default']
const InlineExpandTextarea: typeof import('./../components/custom/inline-expand-textarea.vue')['default']
const JsonPreview: typeof import('./../components/custom/json-preview.vue')['default'] const JsonPreview: typeof import('./../components/custom/json-preview.vue')['default']
const LangSwitch: typeof import('./../components/common/lang-switch.vue')['default'] const LangSwitch: typeof import('./../components/common/lang-switch.vue')['default']
const LookForward: typeof import('./../components/custom/look-forward.vue')['default'] const LookForward: typeof import('./../components/custom/look-forward.vue')['default']

View File

@ -26,6 +26,8 @@ declare module "@elegant-router/types" {
"500": "/500"; "500": "/500";
"about": "/about"; "about": "/about";
"art": "/art"; "art": "/art";
"art_history-score-control-line": "/art/history-score-control-line";
"art_major": "/art/major";
"art_school": "/art/school"; "art_school": "/art/school";
"art_school_modules": "/art/school/modules"; "art_school_modules": "/art/school/modules";
"art_school_modules_school-campus": "/art/school/modules/school-campus"; "art_school_modules_school-campus": "/art/school/modules/school-campus";
@ -38,6 +40,8 @@ declare module "@elegant-router/types" {
"art_school_modules_school-media": "/art/school/modules/school-media"; "art_school_modules_school-media": "/art/school/modules/school-media";
"art_school_modules_school-name": "/art/school/modules/school-name"; "art_school_modules_school-name": "/art/school/modules/school-name";
"art_school_modules_school-tag": "/art/school/modules/school-tag"; "art_school_modules_school-tag": "/art/school/modules/school-tag";
"art_school-recruit-major": "/art/school-recruit-major";
"art_school-recruit-major-history": "/art/school-recruit-major-history";
"demo": "/demo"; "demo": "/demo";
"demo_demo": "/demo/demo"; "demo_demo": "/demo/demo";
"demo_tree": "/demo/tree"; "demo_tree": "/demo/tree";
@ -141,6 +145,10 @@ declare module "@elegant-router/types" {
| "social-callback" | "social-callback"
| "user-center" | "user-center"
| "about" | "about"
| "art_history-score-control-line"
| "art_major"
| "art_school-recruit-major-history"
| "art_school-recruit-major"
| "art_school" | "art_school"
| "art_school_modules_school-campus" | "art_school_modules_school-campus"
| "art_school_modules_school-college" | "art_school_modules_school-college"

View File

@ -0,0 +1,478 @@
<script setup lang="tsx">
import { computed, ref } from 'vue';
import { NButton, NDivider, NInput, NSpace } from 'naive-ui';
import { jsonClone } from '@sa/utils';
import {
fetchBatchDeleteHistoryScoreControlLine,
fetchCreateHistoryScoreControlLine,
fetchGetHistoryScoreControlLineList,
fetchUpdateHistoryScoreControlLine
} from '@/service/api/art/history-score-control-line';
import { useAppStore } from '@/store/modules/app';
import { useAuth } from '@/hooks/business/auth';
import { useDownload } from '@/hooks/business/download';
import { defaultTransform, useNaivePaginatedTable } from '@/hooks/common/table';
import { $t } from '@/locales';
import ButtonIcon from '@/components/custom/button-icon.vue';
import InlineExpandTextarea from '@/components/custom/inline-expand-textarea.vue';
import HistoryScoreControlLineSearch from './modules/history-score-control-line-search.vue';
defineOptions({
name: 'HistoryScoreControlLineList'
});
const appStore = useAppStore();
const { download } = useDownload();
const { hasAuth } = useAuth();
const searchParams = ref<Api.Art.HistoryScoreControlLineSearchParams>({
pageNum: 1,
pageSize: 10,
provinceCode: null,
provinceName: null,
year: null,
majorCategory: null,
batchName: null,
subjectType: null,
cultureScore: null,
majorScore: null,
cultureScoreExam: null,
majorScoreExam: null,
params: {}
});
type TableRow = Api.Art.HistoryScoreControlLine & { tempKey?: string };
type Model = Api.Art.HistoryScoreControlLineOperateParams;
type EditableField = Extract<keyof Model, keyof TableRow>;
const editingModel = ref<Model>(createDefaultModel());
const editingSnapshot = ref<TableRow | null>(null);
const editingMode = ref<NaiveUI.TableOperateType | null>(null);
const editingRowKey = ref<string | null>(null);
const savingRowKey = ref<string | null>(null);
const tempRow = ref<TableRow | null>(null);
const checkedRowKeys = ref<CommonType.IdType[]>([]);
const editableColumns: Array<{ key: EditableField; title: string; textarea?: boolean }> = [
{ key: 'provinceCode', title: '省份行政区划代码' },
{ key: 'provinceName', title: '省份名称' },
{ key: 'year', title: '年份' },
{ key: 'majorCategory', title: '专业类别' },
{ key: 'batchName', title: '批次' },
{ key: 'subjectType', title: '科类(文/理)' },
{ key: 'cultureScore', title: '文化成绩分数' },
{ key: 'majorScore', title: '专业成绩分数' },
{ key: 'cultureScoreExam', title: '文化成绩校考分数' },
{ key: 'majorScoreExam', title: '专业成绩校考分数' },
{ key: 'remark', title: '备注', textarea: true }
];
const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagination, scrollX } =
useNaivePaginatedTable({
api: () => fetchGetHistoryScoreControlLineList(searchParams.value),
transform: response => defaultTransform(response),
onPaginationParamsChange: params => {
searchParams.value.pageNum = params.page;
searchParams.value.pageSize = params.pageSize;
},
columns: () => createColumns()
});
const tableData = computed<TableRow[]>(() => {
const rows = data.value as TableRow[];
return tempRow.value ? [tempRow.value, ...rows] : rows;
});
function createColumns(): NaiveUI.TableColumn<TableRow>[] {
return [
{
type: 'selection',
align: 'center',
width: 48
},
{
key: 'index',
title: $t('common.index'),
align: 'center',
width: 64,
render: (_, index) => index + 1
},
{
key: 'controlId',
title: '省控线主键',
align: 'center',
minWidth: 120
},
...editableColumns.map(column => createEditableColumn(column)),
createOperateColumn()
];
}
function createEditableColumn(column: { key: EditableField; title: string; textarea?: boolean }) {
return {
key: column.key,
title: column.title,
align: 'center',
minWidth: 140,
render: (row: TableRow) => renderEditableCell(row, column.key, column)
} satisfies NaiveUI.TableColumn<TableRow>;
}
function createOperateColumn(): NaiveUI.TableColumn<TableRow> {
return {
key: 'operate',
title: $t('common.operate'),
align: 'center',
fixed: 'right',
width: 180,
render: (row: TableRow) => {
const rowKey = resolveRowKey(row);
const editing = editingRowKey.value === rowKey;
const saving = savingRowKey.value === rowKey;
if (editing) {
return (
<NSpace size={8} justify="center">
<NButton size="tiny" quaternary disabled={saving} onClick={handleCancelEdit}>
{$t('common.cancel')}
</NButton>
<NButton size="tiny" type="primary" loading={saving} onClick={handleSaveRow}>
{$t('common.save')}
</NButton>
</NSpace>
);
}
const showEdit = hasAuth('art:historyScoreControlLine:edit');
const showDelete = hasAuth('art:historyScoreControlLine:remove');
return (
<div class="flex-center gap-8px">
{showEdit ? (
<NButton size="tiny" text type="primary" onClick={() => handleEditRow(row)}>
{$t('common.edit')}
</NButton>
) : null}
{showEdit && showDelete ? <NDivider vertical /> : null}
{showDelete ? (
<ButtonIcon
text
type="error"
icon="material-symbols:delete-outline"
tooltipContent={$t('common.delete')}
popconfirmContent={$t('common.confirmDelete')}
onPositiveClick={() => handleDelete(row.controlId)}
/>
) : null}
</div>
);
}
};
}
function getRowFieldValue(row: TableRow, field: EditableField) {
return row[field as keyof TableRow];
}
function formatDisplayValue(value: unknown) {
if (value === null || value === undefined || value === '') {
return '-';
}
return typeof value === 'number' ? value : String(value);
}
function renderEditableCell(row: TableRow, field: EditableField, options?: { textarea?: boolean }) {
if (!isEditingRow(row)) {
return formatDisplayValue(getRowFieldValue(row, field));
}
const inputValue = editingModel.value[field];
const resolvedValue = inputValue === null || inputValue === undefined ? '' : String(inputValue);
if (options?.textarea) {
return renderTextareaEditor(row, field, resolvedValue);
}
return (
<NInput
size="small"
type={options?.textarea ? 'textarea' : 'text'}
autosize={options?.textarea ? { minRows: 1, maxRows: 4 } : undefined}
value={resolvedValue}
onUpdateValue={value => updateEditingField(field, value)}
/>
);
}
function renderTextareaEditor(row: TableRow, field: EditableField, value: string) {
return <InlineExpandTextarea value={value} onUpdateValue={val => updateEditingField(field, val)} />;
}
function updateEditingField(field: EditableField, value: string | number | null) {
(editingModel.value as Record<string, string | number | null>)[field] = value;
}
function resolveRowKey(row: TableRow) {
if (row.controlId !== null && row.controlId !== undefined && row.controlId !== '') {
return String(row.controlId);
}
return row.tempKey ?? '';
}
function isEditingRow(row: TableRow) {
return editingRowKey.value !== null && editingRowKey.value === resolveRowKey(row);
}
function createDefaultModel(): Model {
return {
controlId: null,
provinceCode: '',
provinceName: '',
year: null,
majorCategory: '',
batchName: '',
subjectType: '',
cultureScore: null,
majorScore: null,
cultureScoreExam: null,
majorScoreExam: null,
remark: ''
};
}
function createTempKey() {
return `temp-${Date.now()}-${Math.random().toString(16).slice(2)}`;
}
function ensureEditingGuard(action: () => void | Promise<void>) {
const executeAction = () => Promise.resolve(action());
if (!editingRowKey.value) {
return executeAction();
}
if (!window.$dialog) {
resetEditingState();
return executeAction();
}
return new Promise<void>((resolve, reject) => {
window.$dialog?.warning({
title: '提示',
content: '当前行尚未保存,确定放弃修改吗?',
positiveText: '放弃',
negativeText: '继续编辑',
onPositiveClick: async () => {
resetEditingState();
try {
await executeAction();
resolve();
} catch (error) {
reject(error);
}
},
onNegativeClick: () => resolve()
});
});
}
function resetEditingState() {
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
editingMode.value = null;
editingRowKey.value = null;
savingRowKey.value = null;
tempRow.value = null;
}
async function handleAddRow() {
await ensureEditingGuard(() => {
editingMode.value = 'add';
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
const key = createTempKey();
tempRow.value = { ...(editingModel.value as TableRow), tempKey: key };
editingRowKey.value = key;
checkedRowKeys.value = [];
});
}
async function handleEditRow(row: TableRow) {
await ensureEditingGuard(() => {
editingMode.value = 'edit';
tempRow.value = null;
editingRowKey.value = resolveRowKey(row);
editingSnapshot.value = jsonClone(row);
editingModel.value = Object.assign(createDefaultModel(), jsonClone(row));
});
}
function handleCancelEdit() {
resetEditingState();
}
const requiredFields: Array<{ key: EditableField; label: string }> = [
{ key: 'provinceCode', label: '省份行政区划代码' },
{ key: 'provinceName', label: '省份名称' },
{ key: 'year', label: '年份' },
{ key: 'majorCategory', label: '专业类别' },
{ key: 'batchName', label: '批次' },
{ key: 'subjectType', label: '科类(文/理)' }
];
function validateModel() {
for (const item of requiredFields) {
const value = editingModel.value[item.key];
if (value === null || value === undefined || value === '') {
window.$message?.warning(`${item.label}不能为空`);
return false;
}
}
return true;
}
async function handleSaveRow() {
if (!editingMode.value) return;
if (!validateModel()) return;
const {
controlId,
provinceCode,
provinceName,
year,
majorCategory,
batchName,
subjectType,
cultureScore,
majorScore,
cultureScoreExam,
majorScoreExam,
remark
} = editingModel.value;
savingRowKey.value = editingRowKey.value;
const requestResult =
editingMode.value === 'add'
? await fetchCreateHistoryScoreControlLine({
provinceCode,
provinceName,
year,
majorCategory,
batchName,
subjectType,
cultureScore,
majorScore,
cultureScoreExam,
majorScoreExam,
remark
})
: await fetchUpdateHistoryScoreControlLine({
controlId,
provinceCode,
provinceName,
year,
majorCategory,
batchName,
subjectType,
cultureScore,
majorScore,
cultureScoreExam,
majorScoreExam,
remark
});
savingRowKey.value = null;
if (requestResult.error) {
window.$message?.error(requestResult.error.message || '保存失败');
if (editingMode.value === 'edit' && editingSnapshot.value) {
editingModel.value = Object.assign(createDefaultModel(), jsonClone(editingSnapshot.value));
}
return;
}
window.$message?.success($t('common.updateSuccess'));
resetEditingState();
await getData();
}
async function handleBatchDelete() {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteHistoryScoreControlLine(checkedRowKeys.value);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
checkedRowKeys.value = [];
await getData();
});
}
async function handleDelete(controlId: CommonType.IdType) {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteHistoryScoreControlLine([controlId]);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
await getData();
});
}
function handleExport() {
download('/art/historyScoreControlLine/export', searchParams.value, `历年省控线_${new Date().getTime()}.xlsx`);
}
async function handleSearch() {
await ensureEditingGuard(async () => {
await getDataByPage();
});
}
async function handleRefresh() {
await ensureEditingGuard(getData);
}
function rowClassName(row: TableRow) {
return isEditingRow(row) ? 'inline-edit-row' : '';
}
</script>
<template>
<div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
<HistoryScoreControlLineSearch v-model:model="searchParams" @search="handleSearch" />
<NCard title="历年省控线列表" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
<template #header-extra>
<TableHeaderOperation
v-model:columns="columnChecks"
:disabled-delete="checkedRowKeys.length === 0"
:loading="loading"
:show-add="hasAuth('art:historyScoreControlLine:add')"
:show-delete="hasAuth('art:historyScoreControlLine:remove')"
:show-export="hasAuth('art:historyScoreControlLine:export')"
@add="handleAddRow"
@delete="handleBatchDelete"
@export="handleExport"
@refresh="handleRefresh"
/>
</template>
<NDataTable
v-model:checked-row-keys="checkedRowKeys"
:columns="columns"
:data="tableData"
size="small"
:flex-height="!appStore.isMobile"
:scroll-x="scrollX"
:loading="loading"
remote
:row-key="resolveRowKey"
:row-class-name="rowClassName"
:pagination="mobilePagination"
class="sm:h-full"
/>
</NCard>
</div>
</template>
<style scoped>
:deep(.inline-edit-row .n-data-table-td) {
background-color: rgba(24, 160, 88, 0.08);
}
</style>

View File

@ -0,0 +1,224 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { jsonClone } from '@sa/utils';
import {
fetchCreateHistoryScoreControlLine,
fetchUpdateHistoryScoreControlLine
} from '@/service/api/art/history-score-control-line';
import { useFormRules, useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'HistoryScoreControlLineOperateDrawer'
});
interface Props {
/** the type of operation */
operateType: NaiveUI.TableOperateType;
/** the edit row data */
rowData?: Api.Art.HistoryScoreControlLine | null;
}
const props = defineProps<Props>();
interface Emits {
(e: 'submitted'): void;
}
const emit = defineEmits<Emits>();
const visible = defineModel<boolean>('visible', {
default: false
});
const { formRef, validate, restoreValidation } = useNaiveForm();
const { createRequiredRule } = useFormRules();
const title = computed(() => {
const titles: Record<NaiveUI.TableOperateType, string> = {
add: '新增历年省控线',
edit: '编辑历年省控线'
};
return titles[props.operateType];
});
type Model = Api.Art.HistoryScoreControlLineOperateParams;
const model = ref<Model>(createDefaultModel());
function createDefaultModel(): Model {
return {
controlId: null,
provinceCode: '',
provinceName: '',
year: null,
majorCategory: '',
batchName: '',
subjectType: '',
cultureScore: null,
majorScore: null,
cultureScoreExam: null,
majorScoreExam: null,
remark: ''
};
}
type RuleKey = Extract<
keyof Model,
| 'controlId'
| 'tenantId'
| 'delFlag'
| 'provinceCode'
| 'provinceName'
| 'year'
| 'majorCategory'
| 'batchName'
| 'subjectType'
>;
const rules: Record<RuleKey, App.Global.FormRule> = {
controlId: createRequiredRule('省控线主键不能为空'),
tenantId: createRequiredRule('租户编号不能为空'),
delFlag: createRequiredRule('删除标志0存在 1删除不能为空'),
provinceCode: createRequiredRule('省份行政区划代码不能为空'),
provinceName: createRequiredRule('省份名称不能为空'),
year: createRequiredRule('年份不能为空'),
majorCategory: createRequiredRule('专业类别不能为空'),
batchName: createRequiredRule('批次不能为空'),
subjectType: createRequiredRule('科类(文/理)不能为空')
};
function handleUpdateModelWhenEdit() {
model.value = createDefaultModel();
if (props.operateType === 'edit' && props.rowData) {
Object.assign(model.value, jsonClone(props.rowData));
}
}
function closeDrawer() {
visible.value = false;
}
async function handleSubmit() {
await validate();
const {
controlId,
provinceCode,
provinceName,
year,
majorCategory,
batchName,
subjectType,
cultureScore,
majorScore,
cultureScoreExam,
majorScoreExam,
remark
} = model.value;
// request
if (props.operateType === 'add') {
const { error } = await fetchCreateHistoryScoreControlLine({
provinceCode,
provinceName,
year,
majorCategory,
batchName,
subjectType,
cultureScore,
majorScore,
cultureScoreExam,
majorScoreExam,
remark
});
if (error) return;
}
if (props.operateType === 'edit') {
const { error } = await fetchUpdateHistoryScoreControlLine({
controlId,
provinceCode,
provinceName,
year,
majorCategory,
batchName,
subjectType,
cultureScore,
majorScore,
cultureScoreExam,
majorScoreExam,
remark
});
if (error) return;
}
window.$message?.success($t('common.updateSuccess'));
closeDrawer();
emit('submitted');
}
watch(visible, () => {
if (visible.value) {
handleUpdateModelWhenEdit();
restoreValidation();
getTreeList();
}
});
</script>
<template>
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="800" class="max-w-90%">
<NDrawerContent :title="title" :native-scrollbar="false" closable>
<NForm ref="formRef" :model="model" :rules="rules">
<NFormItem label="省份行政区划代码" path="provinceCode">
<NInput v-model:value="model.provinceCode" placeholder="请输入省份行政区划代码" />
</NFormItem>
<NFormItem label="省份名称" path="provinceName">
<NInput v-model:value="model.provinceName" placeholder="请输入省份名称" />
</NFormItem>
<NFormItem label="年份" path="year">
<NInput v-model:value="model.year" placeholder="请输入年份" />
</NFormItem>
<NFormItem label="专业类别" path="majorCategory">
<NInput v-model:value="model.majorCategory" placeholder="请输入专业类别" />
</NFormItem>
<NFormItem label="批次" path="batchName">
<NInput v-model:value="model.batchName" placeholder="请输入批次" />
</NFormItem>
<NFormItem label="科类(文/理)" path="subjectType">
<NSelect
v-model:value="model.subjectType"
placeholder="请选择科类(文/理)"
:options="[{ value: '0', label: '请选择字典生成' }]"
clearable
/>
</NFormItem>
<NFormItem label="文化成绩分数" path="cultureScore">
<NInput v-model:value="model.cultureScore" placeholder="请输入文化成绩分数" />
</NFormItem>
<NFormItem label="专业成绩分数" path="majorScore">
<NInput v-model:value="model.majorScore" placeholder="请输入专业成绩分数" />
</NFormItem>
<NFormItem label="文化成绩校考分数" path="cultureScoreExam">
<NInput v-model:value="model.cultureScoreExam" placeholder="请输入文化成绩校考分数" />
</NFormItem>
<NFormItem label="专业成绩校考分数" path="majorScoreExam">
<NInput v-model:value="model.majorScoreExam" placeholder="请输入专业成绩校考分数" />
</NFormItem>
<NFormItem label="备注" path="remark">
<NInput v-model:value="model.remark" :rows="3" type="textarea" placeholder="请输入备注" />
</NFormItem>
</NForm>
<template #footer>
<NSpace :size="16">
<NButton @click="closeDrawer">{{ $t('common.cancel') }}</NButton>
<NButton type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</NButton>
</NSpace>
</template>
</NDrawerContent>
</NDrawer>
</template>
<style scoped></style>

View File

@ -0,0 +1,116 @@
<script setup lang="ts">
import { toRaw } from 'vue';
import { jsonClone } from '@sa/utils';
import { useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'HistoryScoreControlLineSearch'
});
interface Emits {
(e: 'search'): void;
}
const emit = defineEmits<Emits>();
const { formRef, validate, restoreValidation } = useNaiveForm();
const model = defineModel<Api.Art.HistoryScoreControlLineSearchParams>('model', { required: true });
const defaultModel = jsonClone(toRaw(model.value));
function resetModel() {
Object.assign(model.value, defaultModel);
}
async function reset() {
await restoreValidation();
resetModel();
emit('search');
}
async function search() {
await validate();
emit('search');
}
</script>
<template>
<NCard :bordered="false" size="small" class="card-wrapper">
<NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-history-score-control-line-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80">
<NGrid responsive="screen" item-responsive>
<NFormItemGi
span="24 s:12 m:6"
label="省份行政区划代码"
label-width="auto"
path="provinceCode"
class="pr-24px"
>
<NInput v-model:value="model.provinceCode" placeholder="请输入省份行政区划代码" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="省份名称" label-width="auto" path="provinceName" class="pr-24px">
<NInput v-model:value="model.provinceName" placeholder="请输入省份名称" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="年份" label-width="auto" path="year" class="pr-24px">
<NInput v-model:value="model.year" placeholder="请输入年份" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业类别" label-width="auto" path="majorCategory" class="pr-24px">
<NInput v-model:value="model.majorCategory" placeholder="请输入专业类别" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="批次" label-width="auto" path="batchName" class="pr-24px">
<NInput v-model:value="model.batchName" placeholder="请输入批次" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="科类(文/理)" label-width="auto" path="subjectType" class="pr-24px">
<NSelect v-model:value="model.subjectType" placeholder="请选择科类(文/理)" :options="[]" clearable />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="文化成绩分数" label-width="auto" path="cultureScore" class="pr-24px">
<NInput v-model:value="model.cultureScore" placeholder="请输入文化成绩分数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业成绩分数" label-width="auto" path="majorScore" class="pr-24px">
<NInput v-model:value="model.majorScore" placeholder="请输入专业成绩分数" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="文化成绩校考分数"
label-width="auto"
path="cultureScoreExam"
class="pr-24px"
>
<NInput v-model:value="model.cultureScoreExam" placeholder="请输入文化成绩校考分数" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="专业成绩校考分数"
label-width="auto"
path="majorScoreExam"
class="pr-24px"
>
<NInput v-model:value="model.majorScoreExam" placeholder="请输入专业成绩校考分数" />
</NFormItemGi>
<NFormItemGi :show-feedback="false" span="24" class="pr-24px">
<NSpace class="w-full" justify="end">
<NButton @click="reset">
<template #icon>
<icon-ic-round-refresh class="text-icon" />
</template>
{{ $t('common.reset') }}
</NButton>
<NButton type="primary" ghost @click="search">
<template #icon>
<icon-ic-round-search class="text-icon" />
</template>
{{ $t('common.search') }}
</NButton>
</NSpace>
</NFormItemGi>
</NGrid>
</NForm>
</NCollapseItem>
</NCollapse>
</NCard>
</template>
<style scoped></style>

View File

@ -0,0 +1,465 @@
<script setup lang="tsx">
import { computed, ref } from 'vue';
import { NButton, NDivider, NInput, NSpace } from 'naive-ui';
import { jsonClone } from '@sa/utils';
import { fetchBatchDeleteMajor, fetchCreateMajor, fetchGetMajorList, fetchUpdateMajor } from '@/service/api/art/major';
import { useAppStore } from '@/store/modules/app';
import { useAuth } from '@/hooks/business/auth';
import { useDownload } from '@/hooks/business/download';
import { defaultTransform, useNaivePaginatedTable } from '@/hooks/common/table';
import { $t } from '@/locales';
import ButtonIcon from '@/components/custom/button-icon.vue';
import InlineExpandTextarea from '@/components/custom/inline-expand-textarea.vue';
import MajorSearch from './modules/major-search.vue';
defineOptions({
name: 'MajorList'
});
const appStore = useAppStore();
const { download } = useDownload();
const { hasAuth } = useAuth();
const searchParams = ref<Api.Art.MajorSearchParams>({
pageNum: 1,
pageSize: 10,
majorName: null,
educationLevel: null,
majorIcon: null,
schoolingYears: null,
disciplinePrimary: null,
disciplineSecondary: null,
degreeAwarded: null,
summary: null,
trainingDirection: null,
coreCourses: null,
params: {}
});
type TableRow = Api.Art.Major & { tempKey?: string };
type Model = Api.Art.MajorOperateParams;
type EditableField = Extract<keyof Model, keyof TableRow>;
const editingModel = ref<Model>(createDefaultModel());
const editingSnapshot = ref<TableRow | null>(null);
const editingMode = ref<NaiveUI.TableOperateType | null>(null);
const editingRowKey = ref<string | null>(null);
const savingRowKey = ref<string | null>(null);
const tempRow = ref<TableRow | null>(null);
const checkedRowKeys = ref<CommonType.IdType[]>([]);
const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagination, scrollX } =
useNaivePaginatedTable({
api: () => fetchGetMajorList(searchParams.value),
transform: response => defaultTransform(response),
onPaginationParamsChange: params => {
searchParams.value.pageNum = params.page;
searchParams.value.pageSize = params.pageSize;
},
columns: () => createColumns()
});
const tableData = computed<TableRow[]>(() => {
const rows = data.value as TableRow[];
return tempRow.value ? [tempRow.value, ...rows] : rows;
});
function createColumns(): NaiveUI.TableColumn<TableRow>[] {
return [
{
type: 'selection',
align: 'center',
width: 48
},
{
key: 'index',
title: $t('common.index'),
align: 'center',
width: 64,
render: (_, index) => index + 1
},
{
key: 'majorId',
title: '专业主键ID',
align: 'center',
minWidth: 120
},
createEditableColumn('majorName', '专业名称'),
createEditableColumn('educationLevel', '学历层次'),
createEditableColumn('majorIcon', '专业图标'),
createEditableColumn('schoolingYears', '学制(年)'),
createEditableColumn('disciplinePrimary', '所属一级学科'),
createEditableColumn('disciplineSecondary', '所属二级学科'),
createEditableColumn('degreeAwarded', '授予学士学位'),
createEditableColumn('summary', '专业概括', { textarea: true }),
createEditableColumn('trainingDirection', '培养方向', { textarea: true }),
createEditableColumn('coreCourses', '主要课程', { textarea: true }),
createEditableColumn('remark', '备注', { textarea: true }),
createOperateColumn()
];
}
function createEditableColumn(key: EditableField, title: string, options?: { textarea?: boolean; minWidth?: number }) {
return {
key,
title,
align: 'center',
minWidth: options?.minWidth ?? 120,
render: (row: TableRow) => renderEditableCell(row, key, options)
} satisfies NaiveUI.TableColumn<TableRow>;
}
function createOperateColumn(): NaiveUI.TableColumn<TableRow> {
return {
key: 'operate',
title: $t('common.operate'),
align: 'center',
fixed: 'right',
width: 100,
render: (row: TableRow) => {
const rowKey = resolveRowKey(row);
const editing = editingRowKey.value === rowKey;
const saving = savingRowKey.value === rowKey;
if (editing) {
return (
<NSpace size={8} justify="center">
<NButton size="tiny" quaternary disabled={saving} onClick={handleCancelEdit}>
{$t('common.cancel')}
</NButton>
<NButton size="tiny" type="primary" loading={saving} onClick={handleSaveRow}>
{$t('common.save')}
</NButton>
</NSpace>
);
}
const showEdit = hasAuth('art:major:edit');
const showDelete = hasAuth('art:major:remove');
return (
<div class="flex-center gap-8px">
{showEdit ? (
<NButton size="tiny" text type="primary" onClick={() => handleEditRow(row)}>
{$t('common.edit')}
</NButton>
) : null}
{showEdit && showDelete ? <NDivider vertical /> : null}
{showDelete ? (
<ButtonIcon
text
type="error"
icon="material-symbols:delete-outline"
tooltipContent={$t('common.delete')}
popconfirmContent={$t('common.confirmDelete')}
onPositiveClick={() => handleDelete(row.majorId)}
/>
) : null}
</div>
);
}
};
}
function getRowFieldValue(row: TableRow, field: EditableField) {
return row[field as keyof TableRow];
}
function formatDisplayValue(value: unknown) {
if (value === null || value === undefined || value === '') {
return '-';
}
return typeof value === 'number' ? value : String(value);
}
function renderEditableCell(row: TableRow, field: EditableField, options?: { textarea?: boolean }) {
if (!isEditingRow(row)) {
return formatDisplayValue(getRowFieldValue(row, field));
}
const inputValue = editingModel.value[field];
const resolvedValue = inputValue === null || inputValue === undefined ? '' : String(inputValue);
if (options?.textarea) {
return renderTextareaEditor(row, field, resolvedValue);
}
return (
<NInput
size="small"
type={options?.textarea ? 'textarea' : 'text'}
autosize={options?.textarea ? { minRows: 1, maxRows: 4 } : undefined}
value={resolvedValue}
onUpdateValue={value => updateEditingField(field, value)}
/>
);
}
function renderTextareaEditor(row: TableRow, field: EditableField, value: string) {
return <InlineExpandTextarea value={value} onUpdateValue={val => updateEditingField(field, val)} />;
}
function updateEditingField(field: EditableField, value: string | number | null) {
(editingModel.value as Record<string, string | number | null>)[field] = value;
}
function resolveRowKey(row: TableRow) {
if (row.majorId !== null && row.majorId !== undefined && row.majorId !== '') {
return String(row.majorId);
}
return row.tempKey ?? '';
}
function isEditingRow(row: TableRow) {
return editingRowKey.value !== null && editingRowKey.value === resolveRowKey(row);
}
function createDefaultModel(): Model {
return {
majorId: null,
majorName: '',
educationLevel: '',
majorIcon: '',
schoolingYears: null,
disciplinePrimary: '',
disciplineSecondary: '',
degreeAwarded: '',
summary: '',
trainingDirection: '',
coreCourses: '',
remark: ''
};
}
function createTempKey() {
return `temp-${Date.now()}-${Math.random().toString(16).slice(2)}`;
}
function ensureEditingGuard(action: () => void | Promise<void>) {
const executeAction = () => Promise.resolve(action());
if (!editingRowKey.value) {
return executeAction();
}
if (!window.$dialog) {
resetEditingState();
return executeAction();
}
return new Promise<void>((resolve, reject) => {
window.$dialog?.warning({
title: '提示',
content: '当前行尚未保存,确定放弃修改吗?',
positiveText: '放弃',
negativeText: '继续编辑',
onPositiveClick: async () => {
resetEditingState();
try {
await executeAction();
resolve();
} catch (error) {
reject(error);
}
},
onNegativeClick: () => resolve()
});
});
}
function resetEditingState() {
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
editingMode.value = null;
editingRowKey.value = null;
savingRowKey.value = null;
tempRow.value = null;
}
async function handleAddRow() {
await ensureEditingGuard(() => {
editingMode.value = 'add';
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
const key = createTempKey();
tempRow.value = { ...(editingModel.value as TableRow), tempKey: key };
editingRowKey.value = key;
checkedRowKeys.value = [];
});
}
async function handleEditRow(row: TableRow) {
await ensureEditingGuard(() => {
editingMode.value = 'edit';
tempRow.value = null;
editingRowKey.value = resolveRowKey(row);
editingSnapshot.value = jsonClone(row);
editingModel.value = Object.assign(createDefaultModel(), jsonClone(row));
});
}
function handleCancelEdit() {
resetEditingState();
}
const requiredFields: Array<{ key: EditableField; label: string }> = [
{ key: 'majorName', label: '专业名称' },
{ key: 'educationLevel', label: '学历层次' }
];
function validateModel() {
for (const item of requiredFields) {
const value = editingModel.value[item.key];
if (value === null || value === undefined || value === '') {
window.$message?.warning(`${item.label}不能为空`);
return false;
}
}
return true;
}
async function handleSaveRow() {
if (!editingMode.value) return;
if (!validateModel()) return;
const {
majorId,
majorName,
educationLevel,
majorIcon,
schoolingYears,
disciplinePrimary,
disciplineSecondary,
degreeAwarded,
summary,
trainingDirection,
coreCourses,
remark
} = editingModel.value;
savingRowKey.value = editingRowKey.value;
const requestResult =
editingMode.value === 'add'
? await fetchCreateMajor({
majorName,
educationLevel,
majorIcon,
schoolingYears,
disciplinePrimary,
disciplineSecondary,
degreeAwarded,
summary,
trainingDirection,
coreCourses,
remark
})
: await fetchUpdateMajor({
majorId,
majorName,
educationLevel,
majorIcon,
schoolingYears,
disciplinePrimary,
disciplineSecondary,
degreeAwarded,
summary,
trainingDirection,
coreCourses,
remark
});
savingRowKey.value = null;
if (requestResult.error) {
window.$message?.error(requestResult.error.message || '保存失败');
if (editingMode.value === 'edit' && editingSnapshot.value) {
editingModel.value = Object.assign(createDefaultModel(), jsonClone(editingSnapshot.value));
}
return;
}
window.$message?.success($t('common.updateSuccess'));
resetEditingState();
await getData();
}
async function handleBatchDelete() {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteMajor(checkedRowKeys.value);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
checkedRowKeys.value = [];
await getData();
});
}
async function handleDelete(majorId: CommonType.IdType) {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteMajor([majorId]);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
await getData();
});
}
function handleExport() {
download('/art/major/export', searchParams.value, `艺术专业库_${new Date().getTime()}.xlsx`);
}
async function handleSearch() {
await ensureEditingGuard(async () => {
await getDataByPage();
});
}
async function handleRefresh() {
await ensureEditingGuard(getData);
}
function rowClassName(row: TableRow) {
return isEditingRow(row) ? 'inline-edit-row' : '';
}
</script>
<template>
<div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
<MajorSearch v-model:model="searchParams" @search="handleSearch" />
<NCard title="艺术专业库列表" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
<template #header-extra>
<TableHeaderOperation
v-model:columns="columnChecks"
:disabled-delete="checkedRowKeys.length === 0"
:loading="loading"
:show-add="hasAuth('art:major:add')"
:show-delete="hasAuth('art:major:remove')"
:show-export="hasAuth('art:major:export')"
@add="handleAddRow"
@delete="handleBatchDelete"
@export="handleExport"
@refresh="handleRefresh"
/>
</template>
<NDataTable
v-model:checked-row-keys="checkedRowKeys"
:columns="columns"
:data="tableData"
size="small"
:flex-height="!appStore.isMobile"
:scroll-x="scrollX"
:loading="loading"
remote
:row-key="resolveRowKey"
:row-class-name="rowClassName"
:pagination="mobilePagination"
class="sm:h-full"
/>
</NCard>
</div>
</template>
<style scoped>
:deep(.inline-edit-row .n-data-table-td) {
background-color: rgba(24, 160, 88, 0.08);
}
</style>

View File

@ -0,0 +1,201 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { jsonClone } from '@sa/utils';
import { fetchCreateMajor, fetchUpdateMajor } from '@/service/api/art/major';
import { useFormRules, useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'MajorOperateDrawer'
});
interface Props {
/** the type of operation */
operateType: NaiveUI.TableOperateType;
/** the edit row data */
rowData?: Api.Art.Major | null;
}
const props = defineProps<Props>();
interface Emits {
(e: 'submitted'): void;
}
const emit = defineEmits<Emits>();
const visible = defineModel<boolean>('visible', {
default: false
});
const { formRef, validate, restoreValidation } = useNaiveForm();
const { createRequiredRule } = useFormRules();
const title = computed(() => {
const titles: Record<NaiveUI.TableOperateType, string> = {
add: '新增艺术专业库',
edit: '编辑艺术专业库'
};
return titles[props.operateType];
});
type Model = Api.Art.MajorOperateParams;
const model = ref<Model>(createDefaultModel());
function createDefaultModel(): Model {
return {
majorId: null,
majorName: '',
educationLevel: '',
majorIcon: '',
schoolingYears: null,
disciplinePrimary: '',
disciplineSecondary: '',
degreeAwarded: '',
summary: '',
trainingDirection: '',
coreCourses: '',
remark: ''
};
}
type RuleKey = Extract<keyof Model, 'majorId' | 'tenantId' | 'delFlag' | 'majorName' | 'educationLevel'>;
const rules: Record<RuleKey, App.Global.FormRule> = {
majorId: createRequiredRule('专业主键ID不能为空'),
tenantId: createRequiredRule('租户编号不能为空'),
delFlag: createRequiredRule('删除标志0存在 1删除不能为空'),
majorName: createRequiredRule('专业名称不能为空'),
educationLevel: createRequiredRule('学历层次不能为空')
};
function handleUpdateModelWhenEdit() {
model.value = createDefaultModel();
if (props.operateType === 'edit' && props.rowData) {
Object.assign(model.value, jsonClone(props.rowData));
}
}
function closeDrawer() {
visible.value = false;
}
async function handleSubmit() {
await validate();
const {
majorId,
majorName,
educationLevel,
majorIcon,
schoolingYears,
disciplinePrimary,
disciplineSecondary,
degreeAwarded,
summary,
trainingDirection,
coreCourses,
remark
} = model.value;
// request
if (props.operateType === 'add') {
const { error } = await fetchCreateMajor({
majorName,
educationLevel,
majorIcon,
schoolingYears,
disciplinePrimary,
disciplineSecondary,
degreeAwarded,
summary,
trainingDirection,
coreCourses,
remark
});
if (error) return;
}
if (props.operateType === 'edit') {
const { error } = await fetchUpdateMajor({
majorId,
majorName,
educationLevel,
majorIcon,
schoolingYears,
disciplinePrimary,
disciplineSecondary,
degreeAwarded,
summary,
trainingDirection,
coreCourses,
remark
});
if (error) return;
}
window.$message?.success($t('common.updateSuccess'));
closeDrawer();
emit('submitted');
}
watch(visible, () => {
if (visible.value) {
handleUpdateModelWhenEdit();
restoreValidation();
getTreeList();
}
});
</script>
<template>
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="800" class="max-w-90%">
<NDrawerContent :title="title" :native-scrollbar="false" closable>
<NForm ref="formRef" :model="model" :rules="rules">
<NFormItem label="专业名称" path="majorName">
<NInput v-model:value="model.majorName" placeholder="请输入专业名称" />
</NFormItem>
<NFormItem label="学历层次" path="educationLevel">
<NInput v-model:value="model.educationLevel" placeholder="请输入学历层次" />
</NFormItem>
<NFormItem label="专业图标" path="majorIcon">
<NInput v-model:value="model.majorIcon" placeholder="请输入专业图标" />
</NFormItem>
<NFormItem label="学制(年)" path="schoolingYears">
<NInput v-model:value="model.schoolingYears" placeholder="请输入学制(年)" />
</NFormItem>
<NFormItem label="所属一级学科" path="disciplinePrimary">
<NInput v-model:value="model.disciplinePrimary" placeholder="请输入所属一级学科" />
</NFormItem>
<NFormItem label="所属二级学科" path="disciplineSecondary">
<NInput v-model:value="model.disciplineSecondary" placeholder="请输入所属二级学科" />
</NFormItem>
<NFormItem label="授予学士学位" path="degreeAwarded">
<NInput v-model:value="model.degreeAwarded" placeholder="请输入授予学士学位" />
</NFormItem>
<NFormItem label="专业概括" path="summary">
<NInput v-model:value="model.summary" :rows="3" type="textarea" placeholder="请输入专业概括" />
</NFormItem>
<NFormItem label="培养方向" path="trainingDirection">
<NInput v-model:value="model.trainingDirection" :rows="3" type="textarea" placeholder="请输入培养方向" />
</NFormItem>
<NFormItem label="主要课程" path="coreCourses">
<NInput v-model:value="model.coreCourses" :rows="3" type="textarea" placeholder="请输入主要课程" />
</NFormItem>
<NFormItem label="备注" path="remark">
<NInput v-model:value="model.remark" :rows="3" type="textarea" placeholder="请输入备注" />
</NFormItem>
</NForm>
<template #footer>
<NSpace :size="16">
<NButton @click="closeDrawer">{{ $t('common.cancel') }}</NButton>
<NButton type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</NButton>
</NSpace>
</template>
</NDrawerContent>
</NDrawer>
</template>
<style scoped></style>

View File

@ -0,0 +1,122 @@
<script setup lang="ts">
import { toRaw } from 'vue';
import { jsonClone } from '@sa/utils';
import { useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'MajorSearch'
});
interface Emits {
(e: 'search'): void;
}
const emit = defineEmits<Emits>();
const { formRef, validate, restoreValidation } = useNaiveForm();
const model = defineModel<Api.Art.MajorSearchParams>('model', { required: true });
const defaultModel = jsonClone(toRaw(model.value));
function resetModel() {
Object.assign(model.value, defaultModel);
}
async function reset() {
await restoreValidation();
resetModel();
emit('search');
}
async function search() {
await validate();
emit('search');
}
</script>
<template>
<NCard :bordered="false" size="small" class="card-wrapper">
<NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-major-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80">
<NGrid responsive="screen" item-responsive>
<NFormItemGi span="24 s:12 m:6" label="专业名称" label-width="auto" path="majorName" class="pr-24px">
<NInput v-model:value="model.majorName" placeholder="请输入专业名称" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学历层次" label-width="auto" path="educationLevel" class="pr-24px">
<NInput v-model:value="model.educationLevel" placeholder="请输入学历层次" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业图标" label-width="auto" path="majorIcon" class="pr-24px">
<NInput v-model:value="model.majorIcon" placeholder="请输入专业图标" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学制(年)" label-width="auto" path="schoolingYears" class="pr-24px">
<NInput v-model:value="model.schoolingYears" placeholder="请输入学制(年)" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="所属一级学科"
label-width="auto"
path="disciplinePrimary"
class="pr-24px"
>
<NInput v-model:value="model.disciplinePrimary" placeholder="请输入所属一级学科" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="所属二级学科"
label-width="auto"
path="disciplineSecondary"
class="pr-24px"
>
<NInput v-model:value="model.disciplineSecondary" placeholder="请输入所属二级学科" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="授予学士学位"
label-width="auto"
path="degreeAwarded"
class="pr-24px"
>
<NInput v-model:value="model.degreeAwarded" placeholder="请输入授予学士学位" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业概括" label-width="auto" path="summary" class="pr-24px">
<NInput v-model:value="model.summary" placeholder="请输入专业概括" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="培养方向"
label-width="auto"
path="trainingDirection"
class="pr-24px"
>
<NInput v-model:value="model.trainingDirection" placeholder="请输入培养方向" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="主要课程" label-width="auto" path="coreCourses" class="pr-24px">
<NInput v-model:value="model.coreCourses" placeholder="请输入主要课程" />
</NFormItemGi>
<NFormItemGi :show-feedback="false" span="24" class="pr-24px">
<NSpace class="w-full" justify="end">
<NButton @click="reset">
<template #icon>
<icon-ic-round-refresh class="text-icon" />
</template>
{{ $t('common.reset') }}
</NButton>
<NButton type="primary" ghost @click="search">
<template #icon>
<icon-ic-round-search class="text-icon" />
</template>
{{ $t('common.search') }}
</NButton>
</NSpace>
</NFormItemGi>
</NGrid>
</NForm>
</NCollapseItem>
</NCollapse>
</NCard>
</template>
<style scoped></style>

View File

@ -0,0 +1,573 @@
<script setup lang="tsx">
import { computed, ref } from 'vue';
import { NButton, NDivider, NInput, NSpace } from 'naive-ui';
import { jsonClone } from '@sa/utils';
import {
fetchBatchDeleteSchoolRecruitMajorHistory,
fetchCreateSchoolRecruitMajorHistory,
fetchGetSchoolRecruitMajorHistoryList,
fetchUpdateSchoolRecruitMajorHistory
} from '@/service/api/art/school-recruit-major-history';
import { useAppStore } from '@/store/modules/app';
import { useAuth } from '@/hooks/business/auth';
import { useDownload } from '@/hooks/business/download';
import { defaultTransform, useNaivePaginatedTable } from '@/hooks/common/table';
import { $t } from '@/locales';
import ButtonIcon from '@/components/custom/button-icon.vue';
import InlineExpandTextarea from '@/components/custom/inline-expand-textarea.vue';
import SchoolRecruitMajorHistorySearch from './modules/school-recruit-major-history-search.vue';
defineOptions({
name: 'SchoolRecruitMajorHistoryList'
});
const appStore = useAppStore();
const { download } = useDownload();
const { hasAuth } = useAuth();
const searchParams = ref<Api.Art.SchoolRecruitMajorHistorySearchParams>({
pageNum: 1,
pageSize: 10,
recruitMajorId: null,
schoolId: null,
schoolCode: null,
collegeCode: null,
schoolName: null,
majorId: null,
majorCode: null,
majorName: null,
enrollCode: null,
majorType: null,
majorTypeSub: null,
mainExamSubject: null,
year: null,
subjectType: null,
batchName: null,
admissionFormula: null,
probabilityOperator: null,
controlScore: null,
admissionScore: null,
planEnroll: null,
filedAmount: null,
admitAmount: null,
firstChoiceAdmitAmount: null,
minScoreDiff: null,
tuitionFee: null,
params: {}
});
type TableRow = Api.Art.SchoolRecruitMajorHistory & { tempKey?: string };
type Model = Api.Art.SchoolRecruitMajorHistoryOperateParams;
type EditableField = Extract<keyof Model, keyof TableRow>;
const editingModel = ref<Model>(createDefaultModel());
const editingSnapshot = ref<TableRow | null>(null);
const editingMode = ref<NaiveUI.TableOperateType | null>(null);
const editingRowKey = ref<string | null>(null);
const savingRowKey = ref<string | null>(null);
const tempRow = ref<TableRow | null>(null);
const checkedRowKeys = ref<CommonType.IdType[]>([]);
const editableColumns: Array<{ key: EditableField; title: string; textarea?: boolean; minWidth?: number }> = [
{ key: 'recruitMajorId', title: '对应招录专业ID' },
{ key: 'schoolId', title: '学校ID' },
{ key: 'schoolCode', title: '学校代码' },
{ key: 'collegeCode', title: '院校代码' },
{ key: 'schoolName', title: '学校名称', minWidth: 160 },
{ key: 'majorId', title: '专业ID' },
{ key: 'majorCode', title: '专业代码' },
{ key: 'majorName', title: '专业名称', minWidth: 160 },
{ key: 'enrollCode', title: '招生代码' },
{ key: 'majorType', title: '专业类型' },
{ key: 'majorTypeSub', title: '专业类别子级' },
{ key: 'mainExamSubject', title: '主考科目' },
{ key: 'year', title: '年份' },
{ key: 'subjectType', title: '科类(文/理)' },
{ key: 'batchName', title: '批次' },
{ key: 'admissionFormula', title: '录取方式', minWidth: 160 },
{ key: 'probabilityOperator', title: '录取概率规则运算符', minWidth: 160 },
{ key: 'controlScore', title: '省控线' },
{ key: 'admissionScore', title: '录取线' },
{ key: 'planEnroll', title: '招生人数' },
{ key: 'filedAmount', title: '实际投档人数' },
{ key: 'admitAmount', title: '录取数' },
{ key: 'firstChoiceAdmitAmount', title: '一志愿录取数', minWidth: 160 },
{ key: 'minScoreDiff', title: '最低分数差' },
{ key: 'tuitionFee', title: '学费(元/年)' },
{ key: 'remark', title: '备注', textarea: true, minWidth: 160 }
];
const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagination, scrollX } =
useNaivePaginatedTable({
api: () => fetchGetSchoolRecruitMajorHistoryList(searchParams.value),
transform: response => defaultTransform(response),
onPaginationParamsChange: params => {
searchParams.value.pageNum = params.page;
searchParams.value.pageSize = params.pageSize;
},
columns: () => createColumns()
});
const tableData = computed<TableRow[]>(() => {
const rows = data.value as TableRow[];
return tempRow.value ? [tempRow.value, ...rows] : rows;
});
function createColumns(): NaiveUI.TableColumn<TableRow>[] {
return [
{
type: 'selection',
align: 'center',
width: 48
},
{
key: 'index',
title: $t('common.index'),
align: 'center',
width: 64,
render: (_, index) => index + 1
},
{
key: 'historyId',
title: '历年录取数据ID',
align: 'center',
minWidth: 160
},
...editableColumns.map(column => createEditableColumn(column)),
createOperateColumn()
];
}
function createEditableColumn(column: { key: EditableField; title: string; textarea?: boolean; minWidth?: number }) {
return {
key: column.key,
title: column.title,
align: 'center',
minWidth: column.minWidth ?? 140,
render: (row: TableRow) => renderEditableCell(row, column.key, column)
} satisfies NaiveUI.TableColumn<TableRow>;
}
function createOperateColumn(): NaiveUI.TableColumn<TableRow> {
return {
key: 'operate',
title: $t('common.operate'),
align: 'center',
fixed: 'right',
width: 200,
render: (row: TableRow) => {
const rowKey = resolveRowKey(row);
const editing = editingRowKey.value === rowKey;
const saving = savingRowKey.value === rowKey;
if (editing) {
return (
<NSpace size={8} justify="center">
<NButton size="tiny" quaternary disabled={saving} onClick={handleCancelEdit}>
{$t('common.cancel')}
</NButton>
<NButton size="tiny" type="primary" loading={saving} onClick={handleSaveRow}>
{$t('common.save')}
</NButton>
</NSpace>
);
}
const showEdit = hasAuth('art:schoolRecruitMajorHistory:edit');
const showDelete = hasAuth('art:schoolRecruitMajorHistory:remove');
return (
<div class="flex-center gap-8px">
{showEdit ? (
<NButton size="tiny" text type="primary" onClick={() => handleEditRow(row)}>
{$t('common.edit')}
</NButton>
) : null}
{showEdit && showDelete ? <NDivider vertical /> : null}
{showDelete ? (
<ButtonIcon
text
type="error"
icon="material-symbols:delete-outline"
tooltipContent={$t('common.delete')}
popconfirmContent={$t('common.confirmDelete')}
onPositiveClick={() => handleDelete(row.historyId)}
/>
) : null}
</div>
);
}
};
}
function getRowFieldValue(row: TableRow, field: EditableField) {
return row[field as keyof TableRow];
}
function formatDisplayValue(value: unknown) {
if (value === null || value === undefined || value === '') {
return '-';
}
return typeof value === 'number' ? value : String(value);
}
function renderEditableCell(row: TableRow, field: EditableField, options?: { textarea?: boolean }) {
if (!isEditingRow(row)) {
return formatDisplayValue(getRowFieldValue(row, field));
}
const inputValue = editingModel.value[field];
const resolvedValue = inputValue === null || inputValue === undefined ? '' : String(inputValue);
if (options?.textarea) {
return renderTextareaEditor(row, field, resolvedValue);
}
return (
<NInput
size="small"
type={options?.textarea ? 'textarea' : 'text'}
autosize={options?.textarea ? { minRows: 1, maxRows: 4 } : undefined}
value={resolvedValue}
onUpdateValue={value => updateEditingField(field, value)}
/>
);
}
function renderTextareaEditor(row: TableRow, field: EditableField, value: string) {
return <InlineExpandTextarea value={value} onUpdateValue={val => updateEditingField(field, val)} />;
}
function updateEditingField(field: EditableField, value: string | number | null) {
(editingModel.value as Record<string, string | number | null>)[field] = value;
}
function resolveRowKey(row: TableRow) {
if (row.historyId !== null && row.historyId !== undefined && row.historyId !== '') {
return String(row.historyId);
}
return row.tempKey ?? '';
}
function isEditingRow(row: TableRow) {
return editingRowKey.value !== null && editingRowKey.value === resolveRowKey(row);
}
function createDefaultModel(): Model {
return {
historyId: null,
recruitMajorId: null,
schoolId: null,
schoolCode: '',
collegeCode: '',
schoolName: '',
majorId: null,
majorCode: '',
majorName: '',
enrollCode: '',
majorType: '',
majorTypeSub: '',
mainExamSubject: '',
year: null,
subjectType: '',
batchName: '',
admissionFormula: '',
probabilityOperator: '',
controlScore: null,
admissionScore: null,
planEnroll: null,
filedAmount: null,
admitAmount: null,
firstChoiceAdmitAmount: null,
minScoreDiff: null,
tuitionFee: null,
remark: ''
};
}
function createTempKey() {
return `temp-${Date.now()}-${Math.random().toString(16).slice(2)}`;
}
function ensureEditingGuard(action: () => void | Promise<void>) {
const executeAction = () => Promise.resolve(action());
if (!editingRowKey.value) {
return executeAction();
}
if (!window.$dialog) {
resetEditingState();
return executeAction();
}
return new Promise<void>((resolve, reject) => {
window.$dialog?.warning({
title: '提示',
content: '当前行尚未保存,确定放弃修改吗?',
positiveText: '放弃',
negativeText: '继续编辑',
onPositiveClick: async () => {
resetEditingState();
try {
await executeAction();
resolve();
} catch (error) {
reject(error);
}
},
onNegativeClick: () => resolve()
});
});
}
function resetEditingState() {
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
editingMode.value = null;
editingRowKey.value = null;
savingRowKey.value = null;
tempRow.value = null;
}
async function handleAddRow() {
await ensureEditingGuard(() => {
editingMode.value = 'add';
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
const key = createTempKey();
tempRow.value = { ...(editingModel.value as TableRow), tempKey: key };
editingRowKey.value = key;
checkedRowKeys.value = [];
});
}
async function handleEditRow(row: TableRow) {
await ensureEditingGuard(() => {
editingMode.value = 'edit';
tempRow.value = null;
editingRowKey.value = resolveRowKey(row);
editingSnapshot.value = jsonClone(row);
editingModel.value = Object.assign(createDefaultModel(), jsonClone(row));
});
}
function handleCancelEdit() {
resetEditingState();
}
const requiredFields: Array<{ key: EditableField; label: string }> = [
{ key: 'recruitMajorId', label: '对应招录专业ID' },
{ key: 'schoolId', label: '学校ID' },
{ key: 'schoolCode', label: '学校代码' },
{ key: 'schoolName', label: '学校名称' },
{ key: 'majorCode', label: '专业代码' },
{ key: 'majorName', label: '专业名称' },
{ key: 'year', label: '年份' }
];
function validateModel() {
for (const item of requiredFields) {
const value = editingModel.value[item.key];
if (value === null || value === undefined || value === '') {
window.$message?.warning(`${item.label}不能为空`);
return false;
}
}
return true;
}
async function handleSaveRow() {
if (!editingMode.value) return;
if (!validateModel()) return;
const {
historyId,
recruitMajorId,
schoolId,
schoolCode,
collegeCode,
schoolName,
majorId,
majorCode,
majorName,
enrollCode,
majorType,
majorTypeSub,
mainExamSubject,
year,
subjectType,
batchName,
admissionFormula,
probabilityOperator,
controlScore,
admissionScore,
planEnroll,
filedAmount,
admitAmount,
firstChoiceAdmitAmount,
minScoreDiff,
tuitionFee,
remark
} = editingModel.value;
savingRowKey.value = editingRowKey.value;
const requestResult =
editingMode.value === 'add'
? await fetchCreateSchoolRecruitMajorHistory({
recruitMajorId,
schoolId,
schoolCode,
collegeCode,
schoolName,
majorId,
majorCode,
majorName,
enrollCode,
majorType,
majorTypeSub,
mainExamSubject,
year,
subjectType,
batchName,
admissionFormula,
probabilityOperator,
controlScore,
admissionScore,
planEnroll,
filedAmount,
admitAmount,
firstChoiceAdmitAmount,
minScoreDiff,
tuitionFee,
remark
})
: await fetchUpdateSchoolRecruitMajorHistory({
historyId,
recruitMajorId,
schoolId,
schoolCode,
collegeCode,
schoolName,
majorId,
majorCode,
majorName,
enrollCode,
majorType,
majorTypeSub,
mainExamSubject,
year,
subjectType,
batchName,
admissionFormula,
probabilityOperator,
controlScore,
admissionScore,
planEnroll,
filedAmount,
admitAmount,
firstChoiceAdmitAmount,
minScoreDiff,
tuitionFee,
remark
});
savingRowKey.value = null;
if (requestResult.error) {
window.$message?.error(requestResult.error.message || '保存失败');
if (editingMode.value === 'edit' && editingSnapshot.value) {
editingModel.value = Object.assign(createDefaultModel(), jsonClone(editingSnapshot.value));
}
return;
}
window.$message?.success($t('common.updateSuccess'));
resetEditingState();
await getData();
}
async function handleBatchDelete() {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteSchoolRecruitMajorHistory(checkedRowKeys.value);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
checkedRowKeys.value = [];
await getData();
});
}
async function handleDelete(historyId: CommonType.IdType) {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteSchoolRecruitMajorHistory([historyId]);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
await getData();
});
}
function handleExport() {
download(
'/art/schoolRecruitMajorHistory/export',
searchParams.value,
`院校招录专业历年录取数据_${new Date().getTime()}.xlsx`
);
}
async function handleSearch() {
await ensureEditingGuard(async () => {
await getDataByPage();
});
}
async function handleRefresh() {
await ensureEditingGuard(getData);
}
function rowClassName(row: TableRow) {
return isEditingRow(row) ? 'inline-edit-row' : '';
}
</script>
<template>
<div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
<SchoolRecruitMajorHistorySearch v-model:model="searchParams" @search="handleSearch" />
<NCard title="院校招录专业历年录取数据列表" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
<template #header-extra>
<TableHeaderOperation
v-model:columns="columnChecks"
:disabled-delete="checkedRowKeys.length === 0"
:loading="loading"
:show-add="hasAuth('art:schoolRecruitMajorHistory:add')"
:show-delete="hasAuth('art:schoolRecruitMajorHistory:remove')"
:show-export="hasAuth('art:schoolRecruitMajorHistory:export')"
@add="handleAddRow"
@delete="handleBatchDelete"
@export="handleExport"
@refresh="handleRefresh"
/>
</template>
<NDataTable
v-model:checked-row-keys="checkedRowKeys"
:columns="columns"
:data="tableData"
size="small"
:flex-height="!appStore.isMobile"
:scroll-x="scrollX"
:loading="loading"
remote
:row-key="resolveRowKey"
:row-class-name="rowClassName"
:pagination="mobilePagination"
class="sm:h-full"
/>
</NCard>
</div>
</template>
<style scoped>
:deep(.inline-edit-row .n-data-table-td) {
background-color: rgba(24, 160, 88, 0.08);
}
</style>

View File

@ -0,0 +1,336 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { jsonClone } from '@sa/utils';
import {
fetchCreateSchoolRecruitMajorHistory,
fetchUpdateSchoolRecruitMajorHistory
} from '@/service/api/art/school-recruit-major-history';
import { useFormRules, useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'SchoolRecruitMajorHistoryOperateDrawer'
});
interface Props {
/** the type of operation */
operateType: NaiveUI.TableOperateType;
/** the edit row data */
rowData?: Api.Art.SchoolRecruitMajorHistory | null;
}
const props = defineProps<Props>();
interface Emits {
(e: 'submitted'): void;
}
const emit = defineEmits<Emits>();
const visible = defineModel<boolean>('visible', {
default: false
});
const { formRef, validate, restoreValidation } = useNaiveForm();
const { createRequiredRule } = useFormRules();
const title = computed(() => {
const titles: Record<NaiveUI.TableOperateType, string> = {
add: '新增院校招录专业历年录取数据',
edit: '编辑院校招录专业历年录取数据'
};
return titles[props.operateType];
});
type Model = Api.Art.SchoolRecruitMajorHistoryOperateParams;
const model = ref<Model>(createDefaultModel());
function createDefaultModel(): Model {
return {
historyId: null,
recruitMajorId: null,
schoolId: null,
schoolCode: '',
collegeCode: '',
schoolName: '',
majorId: null,
majorCode: '',
majorName: '',
enrollCode: '',
majorType: '',
majorTypeSub: '',
mainExamSubject: '',
year: null,
subjectType: '',
batchName: '',
admissionFormula: '',
probabilityOperator: '',
controlScore: null,
admissionScore: null,
planEnroll: null,
filedAmount: null,
admitAmount: null,
firstChoiceAdmitAmount: null,
minScoreDiff: null,
tuitionFee: null,
remark: ''
};
}
type RuleKey = Extract<
keyof Model,
| 'historyId'
| 'tenantId'
| 'delFlag'
| 'recruitMajorId'
| 'schoolId'
| 'schoolCode'
| 'schoolName'
| 'majorCode'
| 'majorName'
| 'year'
>;
const rules: Record<RuleKey, App.Global.FormRule> = {
historyId: createRequiredRule('历年录取数据ID不能为空'),
tenantId: createRequiredRule('租户编号不能为空'),
delFlag: createRequiredRule('删除标志0存在 1删除不能为空'),
recruitMajorId: createRequiredRule('对应招录专业ID不能为空'),
schoolId: createRequiredRule('学校ID不能为空'),
schoolCode: createRequiredRule('学校代码不能为空'),
schoolName: createRequiredRule('学校名称不能为空'),
majorCode: createRequiredRule('专业代码不能为空'),
majorName: createRequiredRule('专业名称不能为空'),
year: createRequiredRule('年份不能为空')
};
function handleUpdateModelWhenEdit() {
model.value = createDefaultModel();
if (props.operateType === 'edit' && props.rowData) {
Object.assign(model.value, jsonClone(props.rowData));
}
}
function closeDrawer() {
visible.value = false;
}
async function handleSubmit() {
await validate();
const {
historyId,
recruitMajorId,
schoolId,
schoolCode,
collegeCode,
schoolName,
majorId,
majorCode,
majorName,
enrollCode,
majorType,
majorTypeSub,
mainExamSubject,
year,
subjectType,
batchName,
admissionFormula,
probabilityOperator,
controlScore,
admissionScore,
planEnroll,
filedAmount,
admitAmount,
firstChoiceAdmitAmount,
minScoreDiff,
tuitionFee,
remark
} = model.value;
// request
if (props.operateType === 'add') {
const { error } = await fetchCreateSchoolRecruitMajorHistory({
recruitMajorId,
schoolId,
schoolCode,
collegeCode,
schoolName,
majorId,
majorCode,
majorName,
enrollCode,
majorType,
majorTypeSub,
mainExamSubject,
year,
subjectType,
batchName,
admissionFormula,
probabilityOperator,
controlScore,
admissionScore,
planEnroll,
filedAmount,
admitAmount,
firstChoiceAdmitAmount,
minScoreDiff,
tuitionFee,
remark
});
if (error) return;
}
if (props.operateType === 'edit') {
const { error } = await fetchUpdateSchoolRecruitMajorHistory({
historyId,
recruitMajorId,
schoolId,
schoolCode,
collegeCode,
schoolName,
majorId,
majorCode,
majorName,
enrollCode,
majorType,
majorTypeSub,
mainExamSubject,
year,
subjectType,
batchName,
admissionFormula,
probabilityOperator,
controlScore,
admissionScore,
planEnroll,
filedAmount,
admitAmount,
firstChoiceAdmitAmount,
minScoreDiff,
tuitionFee,
remark
});
if (error) return;
}
window.$message?.success($t('common.updateSuccess'));
closeDrawer();
emit('submitted');
}
watch(visible, () => {
if (visible.value) {
handleUpdateModelWhenEdit();
restoreValidation();
getTreeList();
}
});
</script>
<template>
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="800" class="max-w-90%">
<NDrawerContent :title="title" :native-scrollbar="false" closable>
<NForm ref="formRef" :model="model" :rules="rules">
<NFormItem label="对应招录专业ID" path="recruitMajorId">
<NInput v-model:value="model.recruitMajorId" placeholder="请输入对应招录专业ID" />
</NFormItem>
<NFormItem label="学校ID" path="schoolId">
<NInput v-model:value="model.schoolId" placeholder="请输入学校ID" />
</NFormItem>
<NFormItem label="学校代码" path="schoolCode">
<NInput v-model:value="model.schoolCode" placeholder="请输入学校代码" />
</NFormItem>
<NFormItem label="院校代码" path="collegeCode">
<NInput v-model:value="model.collegeCode" placeholder="请输入院校代码" />
</NFormItem>
<NFormItem label="学校名称" path="schoolName">
<NInput v-model:value="model.schoolName" placeholder="请输入学校名称" />
</NFormItem>
<NFormItem label="专业ID" path="majorId">
<NInput v-model:value="model.majorId" placeholder="请输入专业ID" />
</NFormItem>
<NFormItem label="专业代码" path="majorCode">
<NInput v-model:value="model.majorCode" placeholder="请输入专业代码" />
</NFormItem>
<NFormItem label="专业名称" path="majorName">
<NInput v-model:value="model.majorName" placeholder="请输入专业名称" />
</NFormItem>
<NFormItem label="招生代码" path="enrollCode">
<NInput v-model:value="model.enrollCode" placeholder="请输入招生代码" />
</NFormItem>
<NFormItem label="专业类型" path="majorType">
<NSelect
v-model:value="model.majorType"
placeholder="请选择专业类型"
:options="[{ value: '0', label: '请选择字典生成' }]"
clearable
/>
</NFormItem>
<NFormItem label="专业类别子级" path="majorTypeSub">
<NInput v-model:value="model.majorTypeSub" placeholder="请输入专业类别子级" />
</NFormItem>
<NFormItem label="主考科目" path="mainExamSubject">
<NInput v-model:value="model.mainExamSubject" placeholder="请输入主考科目" />
</NFormItem>
<NFormItem label="年份" path="year">
<NInput v-model:value="model.year" placeholder="请输入年份" />
</NFormItem>
<NFormItem label="科类(文/理)" path="subjectType">
<NSelect
v-model:value="model.subjectType"
placeholder="请选择科类(文/理)"
:options="[{ value: '0', label: '请选择字典生成' }]"
clearable
/>
</NFormItem>
<NFormItem label="批次" path="batchName">
<NInput v-model:value="model.batchName" placeholder="请输入批次" />
</NFormItem>
<NFormItem label="录取方式(文*x+专*y)" path="admissionFormula">
<NInput v-model:value="model.admissionFormula" placeholder="请输入录取方式(文*x+专*y)" />
</NFormItem>
<NFormItem label="录取概率规则运算符" path="probabilityOperator">
<NInput v-model:value="model.probabilityOperator" placeholder="请输入录取概率规则运算符" />
</NFormItem>
<NFormItem label="省控线" path="controlScore">
<NInput v-model:value="model.controlScore" placeholder="请输入省控线" />
</NFormItem>
<NFormItem label="录取线" path="admissionScore">
<NInput v-model:value="model.admissionScore" placeholder="请输入录取线" />
</NFormItem>
<NFormItem label="招生人数" path="planEnroll">
<NInput v-model:value="model.planEnroll" placeholder="请输入招生人数" />
</NFormItem>
<NFormItem label="实际投档人数" path="filedAmount">
<NInput v-model:value="model.filedAmount" placeholder="请输入实际投档人数" />
</NFormItem>
<NFormItem label="录取数" path="admitAmount">
<NInput v-model:value="model.admitAmount" placeholder="请输入录取数" />
</NFormItem>
<NFormItem label="一志愿录取数" path="firstChoiceAdmitAmount">
<NInput v-model:value="model.firstChoiceAdmitAmount" placeholder="请输入一志愿录取数" />
</NFormItem>
<NFormItem label="最低分数差" path="minScoreDiff">
<NInput v-model:value="model.minScoreDiff" placeholder="请输入最低分数差" />
</NFormItem>
<NFormItem label="学费(元/年)" path="tuitionFee">
<NInput v-model:value="model.tuitionFee" placeholder="请输入学费(元/年)" />
</NFormItem>
<NFormItem label="备注" path="remark">
<NInput v-model:value="model.remark" :rows="3" type="textarea" placeholder="请输入备注" />
</NFormItem>
</NForm>
<template #footer>
<NSpace :size="16">
<NButton @click="closeDrawer">{{ $t('common.cancel') }}</NButton>
<NButton type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</NButton>
</NSpace>
</template>
</NDrawerContent>
</NDrawer>
</template>
<style scoped></style>

View File

@ -0,0 +1,167 @@
<script setup lang="ts">
import { toRaw } from 'vue';
import { jsonClone } from '@sa/utils';
import { useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'SchoolRecruitMajorHistorySearch'
});
interface Emits {
(e: 'search'): void;
}
const emit = defineEmits<Emits>();
const { formRef, validate, restoreValidation } = useNaiveForm();
const model = defineModel<Api.Art.SchoolRecruitMajorHistorySearchParams>('model', { required: true });
const defaultModel = jsonClone(toRaw(model.value));
function resetModel() {
Object.assign(model.value, defaultModel);
}
async function reset() {
await restoreValidation();
resetModel();
emit('search');
}
async function search() {
await validate();
emit('search');
}
</script>
<template>
<NCard :bordered="false" size="small" class="card-wrapper">
<NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-recruit-major-history-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80">
<NGrid responsive="screen" item-responsive>
<NFormItemGi
span="24 s:12 m:6"
label="对应招录专业ID"
label-width="auto"
path="recruitMajorId"
class="pr-24px"
>
<NInput v-model:value="model.recruitMajorId" placeholder="请输入对应招录专业ID" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学校ID" label-width="auto" path="schoolId" class="pr-24px">
<NInput v-model:value="model.schoolId" placeholder="请输入学校ID" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学校代码" label-width="auto" path="schoolCode" class="pr-24px">
<NInput v-model:value="model.schoolCode" placeholder="请输入学校代码" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="院校代码" label-width="auto" path="collegeCode" class="pr-24px">
<NInput v-model:value="model.collegeCode" placeholder="请输入院校代码" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学校名称" label-width="auto" path="schoolName" class="pr-24px">
<NInput v-model:value="model.schoolName" placeholder="请输入学校名称" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业ID" label-width="auto" path="majorId" class="pr-24px">
<NInput v-model:value="model.majorId" placeholder="请输入专业ID" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业代码" label-width="auto" path="majorCode" class="pr-24px">
<NInput v-model:value="model.majorCode" placeholder="请输入专业代码" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业名称" label-width="auto" path="majorName" class="pr-24px">
<NInput v-model:value="model.majorName" placeholder="请输入专业名称" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="招生代码" label-width="auto" path="enrollCode" class="pr-24px">
<NInput v-model:value="model.enrollCode" placeholder="请输入招生代码" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业类型" label-width="auto" path="majorType" class="pr-24px">
<NSelect v-model:value="model.majorType" placeholder="请选择专业类型" :options="[]" clearable />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业类别子级" label-width="auto" path="majorTypeSub" class="pr-24px">
<NInput v-model:value="model.majorTypeSub" placeholder="请输入专业类别子级" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="主考科目" label-width="auto" path="mainExamSubject" class="pr-24px">
<NInput v-model:value="model.mainExamSubject" placeholder="请输入主考科目" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="年份" label-width="auto" path="year" class="pr-24px">
<NInput v-model:value="model.year" placeholder="请输入年份" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="科类(文/理)" label-width="auto" path="subjectType" class="pr-24px">
<NSelect v-model:value="model.subjectType" placeholder="请选择科类(文/理)" :options="[]" clearable />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="批次" label-width="auto" path="batchName" class="pr-24px">
<NInput v-model:value="model.batchName" placeholder="请输入批次" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="录取方式(文*x+专*y)"
label-width="auto"
path="admissionFormula"
class="pr-24px"
>
<NInput v-model:value="model.admissionFormula" placeholder="请输入录取方式(文*x+专*y)" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="录取概率规则运算符"
label-width="auto"
path="probabilityOperator"
class="pr-24px"
>
<NInput v-model:value="model.probabilityOperator" placeholder="请输入录取概率规则运算符" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="省控线" label-width="auto" path="controlScore" class="pr-24px">
<NInput v-model:value="model.controlScore" placeholder="请输入省控线" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="录取线" label-width="auto" path="admissionScore" class="pr-24px">
<NInput v-model:value="model.admissionScore" placeholder="请输入录取线" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="招生人数" label-width="auto" path="planEnroll" class="pr-24px">
<NInput v-model:value="model.planEnroll" placeholder="请输入招生人数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="实际投档人数" label-width="auto" path="filedAmount" class="pr-24px">
<NInput v-model:value="model.filedAmount" placeholder="请输入实际投档人数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="录取数" label-width="auto" path="admitAmount" class="pr-24px">
<NInput v-model:value="model.admitAmount" placeholder="请输入录取数" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="一志愿录取数"
label-width="auto"
path="firstChoiceAdmitAmount"
class="pr-24px"
>
<NInput v-model:value="model.firstChoiceAdmitAmount" placeholder="请输入一志愿录取数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="最低分数差" label-width="auto" path="minScoreDiff" class="pr-24px">
<NInput v-model:value="model.minScoreDiff" placeholder="请输入最低分数差" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学费(元/年)" label-width="auto" path="tuitionFee" class="pr-24px">
<NInput v-model:value="model.tuitionFee" placeholder="请输入学费(元/年)" />
</NFormItemGi>
<NFormItemGi :show-feedback="false" span="24" class="pr-24px">
<NSpace class="w-full" justify="end">
<NButton @click="reset">
<template #icon>
<icon-ic-round-refresh class="text-icon" />
</template>
{{ $t('common.reset') }}
</NButton>
<NButton type="primary" ghost @click="search">
<template #icon>
<icon-ic-round-search class="text-icon" />
</template>
{{ $t('common.search') }}
</NButton>
</NSpace>
</NFormItemGi>
</NGrid>
</NForm>
</NCollapseItem>
</NCollapse>
</NCard>
</template>
<style scoped></style>

View File

@ -0,0 +1,580 @@
<script setup lang="tsx">
import { computed, ref } from 'vue';
import { NButton, NDivider, NInput, NSpace } from 'naive-ui';
import { jsonClone } from '@sa/utils';
import {
fetchBatchDeleteSchoolRecruitMajor,
fetchCreateSchoolRecruitMajor,
fetchGetSchoolRecruitMajorList,
fetchUpdateSchoolRecruitMajor
} from '@/service/api/art/school-recruit-major';
import { useAppStore } from '@/store/modules/app';
import { useAuth } from '@/hooks/business/auth';
import { useDownload } from '@/hooks/business/download';
import { defaultTransform, useNaivePaginatedTable } from '@/hooks/common/table';
import { $t } from '@/locales';
import ButtonIcon from '@/components/custom/button-icon.vue';
import InlineExpandTextarea from '@/components/custom/inline-expand-textarea.vue';
import SchoolRecruitMajorSearch from './modules/school-recruit-major-search.vue';
defineOptions({
name: 'SchoolRecruitMajorList'
});
const appStore = useAppStore();
const { download } = useDownload();
const { hasAuth } = useAuth();
const searchParams = ref<Api.Art.SchoolRecruitMajorSearchParams>({
pageNum: 1,
pageSize: 10,
schoolId: null,
schoolCode: null,
schoolName: null,
year: null,
majorId: null,
majorCode: null,
majorName: null,
enrollCode: null,
dataStatus: null,
batchName: null,
majorType: null,
majorTypeSub: null,
subjectType: null,
admissionWayShort: null,
admissionWayExternal: null,
admissionWayExternalOp: null,
admissionWayInternal: null,
admissionWayInternalOp: null,
planEnroll: null,
mainExamSubject: null,
schoolingYears: null,
enrollLimitDesc: null,
tuitionFee: null,
cultureScoreLimit: null,
majorScoreLimit: null,
chineseScoreLimit: null,
englishScoreLimit: null,
params: {}
});
type TableRow = Api.Art.SchoolRecruitMajor & { tempKey?: string };
type Model = Api.Art.SchoolRecruitMajorOperateParams;
type EditableField = Extract<keyof Model, keyof TableRow>;
const editingModel = ref<Model>(createDefaultModel());
const editingSnapshot = ref<TableRow | null>(null);
const editingMode = ref<NaiveUI.TableOperateType | null>(null);
const editingRowKey = ref<string | null>(null);
const savingRowKey = ref<string | null>(null);
const tempRow = ref<TableRow | null>(null);
const checkedRowKeys = ref<CommonType.IdType[]>([]);
const editableColumns: Array<{ key: EditableField; title: string; textarea?: boolean; minWidth?: number }> = [
{ key: 'schoolCode', title: '学校代码' },
{ key: 'schoolName', title: '学校名称(冗余)', minWidth: 160 },
{ key: 'year', title: '年份' },
{ key: 'majorId', title: '专业ID' },
{ key: 'majorCode', title: '专业代码' },
{ key: 'majorName', title: '专业名称', minWidth: 160 },
{ key: 'enrollCode', title: '招生代码' },
{ key: 'dataStatus', title: '数据状态' },
{ key: 'batchName', title: '批次' },
{ key: 'majorType', title: '专业类型' },
{ key: 'majorTypeSub', title: '二级专业类型' },
{ key: 'subjectType', title: '科类(文/理)' },
{ key: 'admissionWayShort', title: '录取方式缩写' },
{ key: 'admissionWayExternal', title: '对外录取方式' },
{ key: 'admissionWayExternalOp', title: '对外录取方式运算符' },
{ key: 'admissionWayInternal', title: '内部录取方式' },
{ key: 'admissionWayInternalOp', title: '内部录取方式运算符' },
{ key: 'planEnroll', title: '计划招生人数' },
{ key: 'mainExamSubject', title: '主考科目' },
{ key: 'schoolingYears', title: '学制(年)' },
{ key: 'enrollLimitDesc', title: '院校限制说明', textarea: true, minWidth: 180 },
{ key: 'tuitionFee', title: '学费(元/年)' },
{ key: 'cultureScoreLimit', title: '文化分数限制' },
{ key: 'majorScoreLimit', title: '专业分数限制' },
{ key: 'chineseScoreLimit', title: '语文成绩限制' },
{ key: 'englishScoreLimit', title: '英语成绩限制' },
{ key: 'remark', title: '备注', textarea: true, minWidth: 160 }
];
const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagination, scrollX } =
useNaivePaginatedTable({
api: () => fetchGetSchoolRecruitMajorList(searchParams.value),
transform: response => defaultTransform(response),
onPaginationParamsChange: params => {
searchParams.value.pageNum = params.page;
searchParams.value.pageSize = params.pageSize;
},
columns: () => createColumns()
});
const tableData = computed<TableRow[]>(() => {
const rows = data.value as TableRow[];
return tempRow.value ? [tempRow.value, ...rows] : rows;
});
function createColumns(): NaiveUI.TableColumn<TableRow>[] {
return [
{
type: 'selection',
align: 'center',
width: 48
},
{
key: 'index',
title: $t('common.index'),
align: 'center',
width: 64,
render: (_, index) => index + 1
},
{
key: 'recruitMajorId',
title: '院校招录专业ID',
align: 'center',
minWidth: 150
},
...editableColumns.map(column => createEditableColumn(column)),
createOperateColumn()
];
}
function createEditableColumn(column: { key: EditableField; title: string; textarea?: boolean; minWidth?: number }) {
return {
key: column.key,
title: column.title,
align: 'center',
minWidth: column.minWidth ?? 140,
render: (row: TableRow) => renderEditableCell(row, column.key, column)
} satisfies NaiveUI.TableColumn<TableRow>;
}
function createOperateColumn(): NaiveUI.TableColumn<TableRow> {
return {
key: 'operate',
title: $t('common.operate'),
align: 'center',
fixed: 'right',
width: 200,
render: (row: TableRow) => {
const rowKey = resolveRowKey(row);
const editing = editingRowKey.value === rowKey;
const saving = savingRowKey.value === rowKey;
if (editing) {
return (
<NSpace size={8} justify="center">
<NButton size="tiny" quaternary disabled={saving} onClick={handleCancelEdit}>
{$t('common.cancel')}
</NButton>
<NButton size="tiny" type="primary" loading={saving} onClick={handleSaveRow}>
{$t('common.save')}
</NButton>
</NSpace>
);
}
const showEdit = hasAuth('art:schoolRecruitMajor:edit');
const showDelete = hasAuth('art:schoolRecruitMajor:remove');
return (
<div class="flex-center gap-8px">
{showEdit ? (
<NButton size="tiny" text type="primary" onClick={() => handleEditRow(row)}>
{$t('common.edit')}
</NButton>
) : null}
{showEdit && showDelete ? <NDivider vertical /> : null}
{showDelete ? (
<ButtonIcon
text
type="error"
icon="material-symbols:delete-outline"
tooltipContent={$t('common.delete')}
popconfirmContent={$t('common.confirmDelete')}
onPositiveClick={() => handleDelete(row.recruitMajorId)}
/>
) : null}
</div>
);
}
};
}
function getRowFieldValue(row: TableRow, field: EditableField) {
return row[field as keyof TableRow];
}
function formatDisplayValue(value: unknown) {
if (value === null || value === undefined || value === '') {
return '-';
}
return typeof value === 'number' ? value : String(value);
}
function renderEditableCell(row: TableRow, field: EditableField, options?: { textarea?: boolean }) {
if (!isEditingRow(row)) {
return formatDisplayValue(getRowFieldValue(row, field));
}
const inputValue = editingModel.value[field];
const resolvedValue = inputValue === null || inputValue === undefined ? '' : String(inputValue);
if (options?.textarea) {
return renderTextareaEditor(row, field, resolvedValue);
}
return (
<NInput
size="small"
type={options?.textarea ? 'textarea' : 'text'}
autosize={options?.textarea ? { minRows: 1, maxRows: 4 } : undefined}
value={resolvedValue}
onUpdateValue={value => updateEditingField(field, value)}
/>
);
}
function renderTextareaEditor(row: TableRow, field: EditableField, value: string) {
return <InlineExpandTextarea value={value} onUpdateValue={val => updateEditingField(field, val)} />;
}
function updateEditingField(field: EditableField, value: string | number | null) {
(editingModel.value as Record<string, string | number | null>)[field] = value;
}
function resolveRowKey(row: TableRow) {
if (row.recruitMajorId !== null && row.recruitMajorId !== undefined && row.recruitMajorId !== '') {
return String(row.recruitMajorId);
}
return row.tempKey ?? '';
}
function isEditingRow(row: TableRow) {
return editingRowKey.value !== null && editingRowKey.value === resolveRowKey(row);
}
function createDefaultModel(): Model {
return {
recruitMajorId: null,
schoolId: null,
schoolCode: '',
schoolName: '',
year: null,
majorId: null,
majorCode: '',
majorName: '',
enrollCode: '',
dataStatus: '',
batchName: '',
majorType: '',
majorTypeSub: '',
subjectType: '',
admissionWayShort: '',
admissionWayExternal: '',
admissionWayExternalOp: '',
admissionWayInternal: '',
admissionWayInternalOp: '',
planEnroll: null,
mainExamSubject: '',
schoolingYears: null,
enrollLimitDesc: '',
tuitionFee: null,
cultureScoreLimit: null,
majorScoreLimit: null,
chineseScoreLimit: null,
englishScoreLimit: null,
remark: ''
};
}
function createTempKey() {
return `temp-${Date.now()}-${Math.random().toString(16).slice(2)}`;
}
function ensureEditingGuard(action: () => void | Promise<void>) {
const executeAction = () => Promise.resolve(action());
if (!editingRowKey.value) {
return executeAction();
}
if (!window.$dialog) {
resetEditingState();
return executeAction();
}
return new Promise<void>((resolve, reject) => {
window.$dialog?.warning({
title: '提示',
content: '当前行尚未保存,确定放弃修改吗?',
positiveText: '放弃',
negativeText: '继续编辑',
onPositiveClick: async () => {
resetEditingState();
try {
await executeAction();
resolve();
} catch (error) {
reject(error);
}
},
onNegativeClick: () => resolve()
});
});
}
function resetEditingState() {
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
editingMode.value = null;
editingRowKey.value = null;
savingRowKey.value = null;
tempRow.value = null;
}
async function handleAddRow() {
await ensureEditingGuard(() => {
editingMode.value = 'add';
editingModel.value = createDefaultModel();
editingSnapshot.value = null;
const key = createTempKey();
tempRow.value = { ...(editingModel.value as TableRow), tempKey: key };
editingRowKey.value = key;
checkedRowKeys.value = [];
});
}
async function handleEditRow(row: TableRow) {
await ensureEditingGuard(() => {
editingMode.value = 'edit';
tempRow.value = null;
editingRowKey.value = resolveRowKey(row);
editingSnapshot.value = jsonClone(row);
editingModel.value = Object.assign(createDefaultModel(), jsonClone(row));
});
}
function handleCancelEdit() {
resetEditingState();
}
const requiredFields: Array<{ key: EditableField; label: string }> = [
{ key: 'schoolCode', label: '学校代码' },
{ key: 'schoolName', label: '学校名称' },
{ key: 'year', label: '年份' },
{ key: 'majorCode', label: '专业代码' },
{ key: 'majorName', label: '专业名称' },
{ key: 'enrollCode', label: '招生代码' },
{ key: 'dataStatus', label: '数据状态' }
];
function validateModel() {
for (const item of requiredFields) {
const value = editingModel.value[item.key];
if (value === null || value === undefined || value === '') {
window.$message?.warning(`${item.label}不能为空`);
return false;
}
}
return true;
}
async function handleSaveRow() {
if (!editingMode.value) return;
if (!validateModel()) return;
const {
recruitMajorId,
schoolId,
schoolCode,
schoolName,
year,
majorId,
majorCode,
majorName,
enrollCode,
dataStatus,
batchName,
majorType,
majorTypeSub,
subjectType,
admissionWayShort,
admissionWayExternal,
admissionWayExternalOp,
admissionWayInternal,
admissionWayInternalOp,
planEnroll,
mainExamSubject,
schoolingYears,
enrollLimitDesc,
tuitionFee,
cultureScoreLimit,
majorScoreLimit,
chineseScoreLimit,
englishScoreLimit,
remark
} = editingModel.value;
savingRowKey.value = editingRowKey.value;
const requestResult =
editingMode.value === 'add'
? await fetchCreateSchoolRecruitMajor({
schoolId,
schoolCode,
schoolName,
year,
majorId,
majorCode,
majorName,
enrollCode,
dataStatus,
batchName,
majorType,
majorTypeSub,
subjectType,
admissionWayShort,
admissionWayExternal,
admissionWayExternalOp,
admissionWayInternal,
admissionWayInternalOp,
planEnroll,
mainExamSubject,
schoolingYears,
enrollLimitDesc,
tuitionFee,
cultureScoreLimit,
majorScoreLimit,
chineseScoreLimit,
englishScoreLimit,
remark
})
: await fetchUpdateSchoolRecruitMajor({
recruitMajorId,
schoolId,
schoolCode,
schoolName,
year,
majorId,
majorCode,
majorName,
enrollCode,
dataStatus,
batchName,
majorType,
majorTypeSub,
subjectType,
admissionWayShort,
admissionWayExternal,
admissionWayExternalOp,
admissionWayInternal,
admissionWayInternalOp,
planEnroll,
mainExamSubject,
schoolingYears,
enrollLimitDesc,
tuitionFee,
cultureScoreLimit,
majorScoreLimit,
chineseScoreLimit,
englishScoreLimit,
remark
});
savingRowKey.value = null;
if (requestResult.error) {
window.$message?.error(requestResult.error.message || '保存失败');
if (editingMode.value === 'edit' && editingSnapshot.value) {
editingModel.value = Object.assign(createDefaultModel(), jsonClone(editingSnapshot.value));
}
return;
}
window.$message?.success($t('common.updateSuccess'));
resetEditingState();
await getData();
}
async function handleBatchDelete() {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteSchoolRecruitMajor(checkedRowKeys.value);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
checkedRowKeys.value = [];
await getData();
});
}
async function handleDelete(recruitMajorId: CommonType.IdType) {
await ensureEditingGuard(async () => {
const { error } = await fetchBatchDeleteSchoolRecruitMajor([recruitMajorId]);
if (error) return;
window.$message?.success($t('common.deleteSuccess'));
await getData();
});
}
function handleExport() {
download('/art/schoolRecruitMajor/export', searchParams.value, `院校招录专业_${new Date().getTime()}.xlsx`);
}
async function handleSearch() {
await ensureEditingGuard(async () => {
await getDataByPage();
});
}
async function handleRefresh() {
await ensureEditingGuard(getData);
}
function rowClassName(row: TableRow) {
return isEditingRow(row) ? 'inline-edit-row' : '';
}
</script>
<template>
<div class="min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto">
<SchoolRecruitMajorSearch v-model:model="searchParams" @search="handleSearch" />
<NCard title="院校招录专业列表" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden">
<template #header-extra>
<TableHeaderOperation
v-model:columns="columnChecks"
:disabled-delete="checkedRowKeys.length === 0"
:loading="loading"
:show-add="hasAuth('art:schoolRecruitMajor:add')"
:show-delete="hasAuth('art:schoolRecruitMajor:remove')"
:show-export="hasAuth('art:schoolRecruitMajor:export')"
@add="handleAddRow"
@delete="handleBatchDelete"
@export="handleExport"
@refresh="handleRefresh"
/>
</template>
<NDataTable
v-model:checked-row-keys="checkedRowKeys"
:columns="columns"
:data="tableData"
size="small"
:flex-height="!appStore.isMobile"
:scroll-x="scrollX"
:loading="loading"
remote
:row-key="resolveRowKey"
:row-class-name="rowClassName"
:pagination="mobilePagination"
class="sm:h-full"
/>
</NCard>
</div>
</template>
<style scoped>
:deep(.inline-edit-row .n-data-table-td) {
background-color: rgba(24, 160, 88, 0.08);
}
</style>

View File

@ -0,0 +1,353 @@
<script setup lang="ts">
import { computed, ref, watch } from 'vue';
import { jsonClone } from '@sa/utils';
import { fetchCreateSchoolRecruitMajor, fetchUpdateSchoolRecruitMajor } from '@/service/api/art/school-recruit-major';
import { useFormRules, useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'SchoolRecruitMajorOperateDrawer'
});
interface Props {
/** the type of operation */
operateType: NaiveUI.TableOperateType;
/** the edit row data */
rowData?: Api.Art.SchoolRecruitMajor | null;
}
const props = defineProps<Props>();
interface Emits {
(e: 'submitted'): void;
}
const emit = defineEmits<Emits>();
const visible = defineModel<boolean>('visible', {
default: false
});
const { formRef, validate, restoreValidation } = useNaiveForm();
const { createRequiredRule } = useFormRules();
const title = computed(() => {
const titles: Record<NaiveUI.TableOperateType, string> = {
add: '新增院校招录专业',
edit: '编辑院校招录专业'
};
return titles[props.operateType];
});
type Model = Api.Art.SchoolRecruitMajorOperateParams;
const model = ref<Model>(createDefaultModel());
function createDefaultModel(): Model {
return {
recruitMajorId: null,
schoolId: null,
schoolCode: '',
schoolName: '',
year: null,
majorId: null,
majorCode: '',
majorName: '',
enrollCode: '',
dataStatus: '',
batchName: '',
majorType: '',
majorTypeSub: '',
subjectType: '',
admissionWayShort: '',
admissionWayExternal: '',
admissionWayExternalOp: '',
admissionWayInternal: '',
admissionWayInternalOp: '',
planEnroll: null,
mainExamSubject: '',
schoolingYears: null,
enrollLimitDesc: '',
tuitionFee: null,
cultureScoreLimit: null,
majorScoreLimit: null,
chineseScoreLimit: null,
englishScoreLimit: null,
remark: ''
};
}
type RuleKey = Extract<
keyof Model,
| 'recruitMajorId'
| 'tenantId'
| 'delFlag'
| 'schoolId'
| 'schoolCode'
| 'schoolName'
| 'year'
| 'majorCode'
| 'majorName'
| 'enrollCode'
| 'dataStatus'
>;
const rules: Record<RuleKey, App.Global.FormRule> = {
recruitMajorId: createRequiredRule('院校招录专业ID不能为空'),
tenantId: createRequiredRule('租户编号不能为空'),
delFlag: createRequiredRule('删除标志0存在 1删除不能为空'),
schoolId: createRequiredRule('学校ID不能为空'),
schoolCode: createRequiredRule('学校代码不能为空'),
schoolName: createRequiredRule('学校名称(冗余)不能为空'),
year: createRequiredRule('年份不能为空'),
majorCode: createRequiredRule('专业代码不能为空'),
majorName: createRequiredRule('专业名称不能为空'),
enrollCode: createRequiredRule('招生代码(为空则存空串)不能为空'),
dataStatus: createRequiredRule('数据状态(停招/新招/新增)不能为空')
};
function handleUpdateModelWhenEdit() {
model.value = createDefaultModel();
if (props.operateType === 'edit' && props.rowData) {
Object.assign(model.value, jsonClone(props.rowData));
}
}
function closeDrawer() {
visible.value = false;
}
async function handleSubmit() {
await validate();
const {
recruitMajorId,
schoolId,
schoolCode,
schoolName,
year,
majorId,
majorCode,
majorName,
enrollCode,
dataStatus,
batchName,
majorType,
majorTypeSub,
subjectType,
admissionWayShort,
admissionWayExternal,
admissionWayExternalOp,
admissionWayInternal,
admissionWayInternalOp,
planEnroll,
mainExamSubject,
schoolingYears,
enrollLimitDesc,
tuitionFee,
cultureScoreLimit,
majorScoreLimit,
chineseScoreLimit,
englishScoreLimit,
remark
} = model.value;
// request
if (props.operateType === 'add') {
const { error } = await fetchCreateSchoolRecruitMajor({
schoolId,
schoolCode,
schoolName,
year,
majorId,
majorCode,
majorName,
enrollCode,
dataStatus,
batchName,
majorType,
majorTypeSub,
subjectType,
admissionWayShort,
admissionWayExternal,
admissionWayExternalOp,
admissionWayInternal,
admissionWayInternalOp,
planEnroll,
mainExamSubject,
schoolingYears,
enrollLimitDesc,
tuitionFee,
cultureScoreLimit,
majorScoreLimit,
chineseScoreLimit,
englishScoreLimit,
remark
});
if (error) return;
}
if (props.operateType === 'edit') {
const { error } = await fetchUpdateSchoolRecruitMajor({
recruitMajorId,
schoolId,
schoolCode,
schoolName,
year,
majorId,
majorCode,
majorName,
enrollCode,
dataStatus,
batchName,
majorType,
majorTypeSub,
subjectType,
admissionWayShort,
admissionWayExternal,
admissionWayExternalOp,
admissionWayInternal,
admissionWayInternalOp,
planEnroll,
mainExamSubject,
schoolingYears,
enrollLimitDesc,
tuitionFee,
cultureScoreLimit,
majorScoreLimit,
chineseScoreLimit,
englishScoreLimit,
remark
});
if (error) return;
}
window.$message?.success($t('common.updateSuccess'));
closeDrawer();
emit('submitted');
}
watch(visible, () => {
if (visible.value) {
handleUpdateModelWhenEdit();
restoreValidation();
getTreeList();
}
});
</script>
<template>
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="800" class="max-w-90%">
<NDrawerContent :title="title" :native-scrollbar="false" closable>
<NForm ref="formRef" :model="model" :rules="rules">
<NFormItem label="学校ID" path="schoolId">
<NInput v-model:value="model.schoolId" placeholder="请输入学校ID" />
</NFormItem>
<NFormItem label="学校代码" path="schoolCode">
<NInput v-model:value="model.schoolCode" placeholder="请输入学校代码" />
</NFormItem>
<NFormItem label="学校名称(冗余)" path="schoolName">
<NInput v-model:value="model.schoolName" placeholder="请输入学校名称(冗余)" />
</NFormItem>
<NFormItem label="年份" path="year">
<NInput v-model:value="model.year" placeholder="请输入年份" />
</NFormItem>
<NFormItem label="专业ID" path="majorId">
<NInput v-model:value="model.majorId" placeholder="请输入专业ID" />
</NFormItem>
<NFormItem label="专业代码" path="majorCode">
<NInput v-model:value="model.majorCode" placeholder="请输入专业代码" />
</NFormItem>
<NFormItem label="专业名称" path="majorName">
<NInput v-model:value="model.majorName" placeholder="请输入专业名称" />
</NFormItem>
<NFormItem label="招生代码(为空则存空串)" path="enrollCode">
<NInput v-model:value="model.enrollCode" placeholder="请输入招生代码(为空则存空串)" />
</NFormItem>
<NFormItem label="数据状态(停招/新招/新增)" path="dataStatus">
<NRadioGroup v-model:value="model.dataStatus">
<NSpace>
<NRadio value="0" label="请选择字典生成" />
</NSpace>
</NRadioGroup>
</NFormItem>
<NFormItem label="批次" path="batchName">
<NInput v-model:value="model.batchName" placeholder="请输入批次" />
</NFormItem>
<NFormItem label="专业类型" path="majorType">
<NSelect
v-model:value="model.majorType"
placeholder="请选择专业类型"
:options="[{ value: '0', label: '请选择字典生成' }]"
clearable
/>
</NFormItem>
<NFormItem label="二级专业类型" path="majorTypeSub">
<NInput v-model:value="model.majorTypeSub" placeholder="请输入二级专业类型" />
</NFormItem>
<NFormItem label="科类(文/理)" path="subjectType">
<NSelect
v-model:value="model.subjectType"
placeholder="请选择科类(文/理)"
:options="[{ value: '0', label: '请选择字典生成' }]"
clearable
/>
</NFormItem>
<NFormItem label="录取方式缩写" path="admissionWayShort">
<NInput v-model:value="model.admissionWayShort" placeholder="请输入录取方式缩写" />
</NFormItem>
<NFormItem label="对外录取方式" path="admissionWayExternal">
<NInput v-model:value="model.admissionWayExternal" placeholder="请输入对外录取方式" />
</NFormItem>
<NFormItem label="对外录取方式运算符" path="admissionWayExternalOp">
<NInput v-model:value="model.admissionWayExternalOp" placeholder="请输入对外录取方式运算符" />
</NFormItem>
<NFormItem label="内部录取方式" path="admissionWayInternal">
<NInput v-model:value="model.admissionWayInternal" placeholder="请输入内部录取方式" />
</NFormItem>
<NFormItem label="内部录取方式运算符" path="admissionWayInternalOp">
<NInput v-model:value="model.admissionWayInternalOp" placeholder="请输入内部录取方式运算符" />
</NFormItem>
<NFormItem label="计划招生人数" path="planEnroll">
<NInput v-model:value="model.planEnroll" placeholder="请输入计划招生人数" />
</NFormItem>
<NFormItem label="主考科目" path="mainExamSubject">
<NInput v-model:value="model.mainExamSubject" placeholder="请输入主考科目" />
</NFormItem>
<NFormItem label="学制(年)" path="schoolingYears">
<NInput v-model:value="model.schoolingYears" placeholder="请输入学制(年)" />
</NFormItem>
<NFormItem label="院校限制说明" path="enrollLimitDesc">
<NInput v-model:value="model.enrollLimitDesc" :rows="3" type="textarea" placeholder="请输入院校限制说明" />
</NFormItem>
<NFormItem label="学费(元/年)" path="tuitionFee">
<NInput v-model:value="model.tuitionFee" placeholder="请输入学费(元/年)" />
</NFormItem>
<NFormItem label="文化分数限制" path="cultureScoreLimit">
<NInput v-model:value="model.cultureScoreLimit" placeholder="请输入文化分数限制" />
</NFormItem>
<NFormItem label="专业分数限制" path="majorScoreLimit">
<NInput v-model:value="model.majorScoreLimit" placeholder="请输入专业分数限制" />
</NFormItem>
<NFormItem label="语文成绩限制" path="chineseScoreLimit">
<NInput v-model:value="model.chineseScoreLimit" placeholder="请输入语文成绩限制" />
</NFormItem>
<NFormItem label="英语成绩限制" path="englishScoreLimit">
<NInput v-model:value="model.englishScoreLimit" placeholder="请输入英语成绩限制" />
</NFormItem>
<NFormItem label="备注" path="remark">
<NInput v-model:value="model.remark" :rows="3" type="textarea" placeholder="请输入备注" />
</NFormItem>
</NForm>
<template #footer>
<NSpace :size="16">
<NButton @click="closeDrawer">{{ $t('common.cancel') }}</NButton>
<NButton type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</NButton>
</NSpace>
</template>
</NDrawerContent>
</NDrawer>
</template>
<style scoped></style>

View File

@ -0,0 +1,226 @@
<script setup lang="ts">
import { toRaw } from 'vue';
import { jsonClone } from '@sa/utils';
import { useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales';
defineOptions({
name: 'SchoolRecruitMajorSearch'
});
interface Emits {
(e: 'search'): void;
}
const emit = defineEmits<Emits>();
const { formRef, validate, restoreValidation } = useNaiveForm();
const model = defineModel<Api.Art.SchoolRecruitMajorSearchParams>('model', { required: true });
const defaultModel = jsonClone(toRaw(model.value));
function resetModel() {
Object.assign(model.value, defaultModel);
}
async function reset() {
await restoreValidation();
resetModel();
emit('search');
}
async function search() {
await validate();
emit('search');
}
</script>
<template>
<NCard :bordered="false" size="small" class="card-wrapper">
<NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-recruit-major-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80">
<NGrid responsive="screen" item-responsive>
<NFormItemGi span="24 s:12 m:6" label="学校ID" label-width="auto" path="schoolId" class="pr-24px">
<NInput v-model:value="model.schoolId" placeholder="请输入学校ID" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学校代码" label-width="auto" path="schoolCode" class="pr-24px">
<NInput v-model:value="model.schoolCode" placeholder="请输入学校代码" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学校名称(冗余)" label-width="auto" path="schoolName" class="pr-24px">
<NInput v-model:value="model.schoolName" placeholder="请输入学校名称(冗余)" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="年份" label-width="auto" path="year" class="pr-24px">
<NInput v-model:value="model.year" placeholder="请输入年份" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业ID" label-width="auto" path="majorId" class="pr-24px">
<NInput v-model:value="model.majorId" placeholder="请输入专业ID" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业代码" label-width="auto" path="majorCode" class="pr-24px">
<NInput v-model:value="model.majorCode" placeholder="请输入专业代码" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业名称" label-width="auto" path="majorName" class="pr-24px">
<NInput v-model:value="model.majorName" placeholder="请输入专业名称" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="招生代码(为空则存空串)"
label-width="auto"
path="enrollCode"
class="pr-24px"
>
<NInput v-model:value="model.enrollCode" placeholder="请输入招生代码(为空则存空串)" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="数据状态(停招/新招/新增)"
label-width="auto"
path="dataStatus"
class="pr-24px"
>
<NSelect
v-model:value="model.dataStatus"
placeholder="请选择数据状态(停招/新招/新增)"
:options="[]"
clearable
/>
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="批次" label-width="auto" path="batchName" class="pr-24px">
<NInput v-model:value="model.batchName" placeholder="请输入批次" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="专业类型" label-width="auto" path="majorType" class="pr-24px">
<NSelect v-model:value="model.majorType" placeholder="请选择专业类型" :options="[]" clearable />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="二级专业类型" label-width="auto" path="majorTypeSub" class="pr-24px">
<NInput v-model:value="model.majorTypeSub" placeholder="请输入二级专业类型" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="科类(文/理)" label-width="auto" path="subjectType" class="pr-24px">
<NSelect v-model:value="model.subjectType" placeholder="请选择科类(文/理)" :options="[]" clearable />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="录取方式缩写"
label-width="auto"
path="admissionWayShort"
class="pr-24px"
>
<NInput v-model:value="model.admissionWayShort" placeholder="请输入录取方式缩写" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="对外录取方式"
label-width="auto"
path="admissionWayExternal"
class="pr-24px"
>
<NInput v-model:value="model.admissionWayExternal" placeholder="请输入对外录取方式" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="对外录取方式运算符"
label-width="auto"
path="admissionWayExternalOp"
class="pr-24px"
>
<NInput v-model:value="model.admissionWayExternalOp" placeholder="请输入对外录取方式运算符" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="内部录取方式"
label-width="auto"
path="admissionWayInternal"
class="pr-24px"
>
<NInput v-model:value="model.admissionWayInternal" placeholder="请输入内部录取方式" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="内部录取方式运算符"
label-width="auto"
path="admissionWayInternalOp"
class="pr-24px"
>
<NInput v-model:value="model.admissionWayInternalOp" placeholder="请输入内部录取方式运算符" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="计划招生人数" label-width="auto" path="planEnroll" class="pr-24px">
<NInput v-model:value="model.planEnroll" placeholder="请输入计划招生人数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="主考科目" label-width="auto" path="mainExamSubject" class="pr-24px">
<NInput v-model:value="model.mainExamSubject" placeholder="请输入主考科目" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学制(年)" label-width="auto" path="schoolingYears" class="pr-24px">
<NInput v-model:value="model.schoolingYears" placeholder="请输入学制(年)" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="院校限制说明"
label-width="auto"
path="enrollLimitDesc"
class="pr-24px"
>
<NInput v-model:value="model.enrollLimitDesc" placeholder="请输入院校限制说明" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学费(元/年)" label-width="auto" path="tuitionFee" class="pr-24px">
<NInput v-model:value="model.tuitionFee" placeholder="请输入学费(元/年)" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="文化分数限制"
label-width="auto"
path="cultureScoreLimit"
class="pr-24px"
>
<NInput v-model:value="model.cultureScoreLimit" placeholder="请输入文化分数限制" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="专业分数限制"
label-width="auto"
path="majorScoreLimit"
class="pr-24px"
>
<NInput v-model:value="model.majorScoreLimit" placeholder="请输入专业分数限制" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="语文成绩限制"
label-width="auto"
path="chineseScoreLimit"
class="pr-24px"
>
<NInput v-model:value="model.chineseScoreLimit" placeholder="请输入语文成绩限制" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="英语成绩限制"
label-width="auto"
path="englishScoreLimit"
class="pr-24px"
>
<NInput v-model:value="model.englishScoreLimit" placeholder="请输入英语成绩限制" />
</NFormItemGi>
<NFormItemGi :show-feedback="false" span="24" class="pr-24px">
<NSpace class="w-full" justify="end">
<NButton @click="reset">
<template #icon>
<icon-ic-round-refresh class="text-icon" />
</template>
{{ $t('common.reset') }}
</NButton>
<NButton type="primary" ghost @click="search">
<template #icon>
<icon-ic-round-search class="text-icon" />
</template>
{{ $t('common.search') }}
</NButton>
</NSpace>
</NFormItemGi>
</NGrid>
</NForm>
</NCollapseItem>
</NCollapse>
</NCard>
</template>
<style scoped></style>

View File

@ -25,8 +25,7 @@ type SchoolSubModuleType =
| 'schoolMajor' | 'schoolMajor'
| 'schoolEnrollPlan' | 'schoolEnrollPlan'
| 'schoolDorm' | 'schoolDorm'
| 'schoolMedia' | 'schoolMedia';
| 'schoolTag';
type SchoolSubModuleButton = { type SchoolSubModuleButton = {
key: SchoolSubModuleType; key: SchoolSubModuleType;
@ -50,8 +49,7 @@ const subModuleButtons: SchoolSubModuleButton[] = [
{ key: 'schoolMajor', label: '专业管理' }, { key: 'schoolMajor', label: '专业管理' },
{ key: 'schoolEnrollPlan', label: '招生计划' }, { key: 'schoolEnrollPlan', label: '招生计划' },
{ key: 'schoolDorm', label: '宿舍管理' }, { key: 'schoolDorm', label: '宿舍管理' },
{ key: 'schoolMedia', label: '媒体管理' }, { key: 'schoolMedia', label: '媒体管理' }
{ key: 'schoolTag', label: '院校标签' }
]; ];
const searchParams = ref<Api.Art.SchoolSearchParams>({ const searchParams = ref<Api.Art.SchoolSearchParams>({
@ -60,7 +58,6 @@ const searchParams = ref<Api.Art.SchoolSearchParams>({
mainCode: null, mainCode: null,
mainName: null, mainName: null,
shortName: null, shortName: null,
schoolIcon: null,
province: null, province: null,
city: null, city: null,
district: null, district: null,
@ -68,10 +65,6 @@ const searchParams = ref<Api.Art.SchoolSearchParams>({
educationLevel: null, educationLevel: null,
schoolNature: null, schoolNature: null,
supervisorDept: null, supervisorDept: null,
establishYear: null,
campusAreaMu: null,
maleRatio: null,
femaleRatio: null,
params: {} params: {}
}); });
@ -104,25 +97,19 @@ const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagi
}, },
{ {
key: 'mainCode', key: 'mainCode',
title: '学校编码(唯一标识,如国标代码)', title: '学校编码(国标代码)',
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
{ {
key: 'mainName', key: 'mainName',
title: '学校主名称(官方全称)', title: '学校主名称',
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
{ {
key: 'shortName', key: 'shortName',
title: '学校简称(备用)', title: '学校简称',
align: 'center',
minWidth: 120
},
{
key: 'schoolIcon',
title: '院校图标',
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
@ -146,49 +133,25 @@ const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagi
}, },
{ {
key: 'universityType', key: 'universityType',
title: '大学类型:综合/工科/财经/艺术...', title: '大学类型',
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
{ {
key: 'educationLevel', key: 'educationLevel',
title: '学历层次:本科/专科', title: '学历层次',
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
{ {
key: 'schoolNature', key: 'schoolNature',
title: '办学性质:公办/民办/中外合作', title: '办学性质',
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
{ {
key: 'supervisorDept', key: 'supervisorDept',
title: '主管部门:教育部/工信部/民委...', title: '主管部门',
align: 'center',
minWidth: 120
},
{
key: 'establishYear',
title: '建校时间(年)',
align: 'center',
minWidth: 120
},
{
key: 'campusAreaMu',
title: '占地面积(亩)',
align: 'center',
minWidth: 120
},
{
key: 'maleRatio',
title: '男生比例(%)',
align: 'center',
minWidth: 120
},
{
key: 'femaleRatio',
title: '女生比例(%)',
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-campus-search"> <NCollapseItem :title="$t('common.search')" name="art-school-campus-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-college-search"> <NCollapseItem :title="$t('common.search')" name="art-school-college-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -1,6 +1,6 @@
<script setup lang="tsx"> <script setup lang="tsx">
import { computed, ref } from 'vue'; import { computed, ref } from 'vue';
import { NDivider } from 'naive-ui'; import { NDivider, NTag } from 'naive-ui';
import { fetchBatchDeleteSchoolDetail, fetchGetSchoolDetailList } from '@/service/api/art/school-detail'; import { fetchBatchDeleteSchoolDetail, fetchGetSchoolDetailList } from '@/service/api/art/school-detail';
import { useAppStore } from '@/store/modules/app'; import { useAppStore } from '@/store/modules/app';
import { useAuth } from '@/hooks/business/auth'; import { useAuth } from '@/hooks/business/auth';
@ -32,12 +32,33 @@ const { hasAuth } = useAuth();
const searchParams = ref<Api.Art.SchoolDetailSearchParams>({ const searchParams = ref<Api.Art.SchoolDetailSearchParams>({
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
detailId: null,
schoolId: props.schoolId, schoolId: props.schoolId,
introduction: null, introduction: null,
schoolIcon: null,
address: null, address: null,
contact: null, contact: null,
email: null, email: null,
website: null, website: null,
postcode: null,
establishYear: null,
campusAreaMu: null,
libraryCollection: null,
maleRatio: null,
femaleRatio: null,
is985: null,
is211: null,
isDoubleFirstClass: null,
isKeyUniversity: null,
tags: [],
studentCount: null,
teacherCount: null,
masterPoint: null,
doctorPoint: null,
keyMajorCount: null,
employmentRate: null,
satisfactionRate: null,
univId: null,
params: {} params: {}
}); });
@ -46,6 +67,17 @@ const requestParams = computed<Api.Art.SchoolDetailSearchParams>(() => ({
schoolId: props.schoolId ?? searchParams.value.schoolId schoolId: props.schoolId ?? searchParams.value.schoolId
})); }));
function renderBooleanTag(value?: number | null) {
if (value === null || value === undefined) return '-';
return <NTag type={value === 1 ? 'success' : 'default'}>{value === 1 ? '是' : '否'}</NTag>;
}
function renderStringArray(values?: string[] | null) {
if (!values?.length) return '-';
return values.join(' / ');
}
const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagination, scrollX } = const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagination, scrollX } =
useNaivePaginatedTable({ useNaivePaginatedTable({
api: () => fetchGetSchoolDetailList(requestParams.value), api: () => fetchGetSchoolDetailList(requestParams.value),
@ -85,6 +117,12 @@ const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagi
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
{
key: 'schoolIcon',
title: '院校图标',
align: 'center',
minWidth: 140
},
{ {
key: 'address', key: 'address',
title: '学校地址', title: '学校地址',
@ -109,6 +147,89 @@ const { columns, columnChecks, data, getData, getDataByPage, loading, mobilePagi
align: 'center', align: 'center',
minWidth: 120 minWidth: 120
}, },
{
key: 'postcode',
title: '邮编',
align: 'center',
minWidth: 100
},
{
key: 'establishYear',
title: '建校年份',
align: 'center',
minWidth: 100
},
{
key: 'campusAreaMu',
title: '占地面积(亩)',
align: 'center',
minWidth: 120
},
{
key: 'libraryCollection',
title: '图书馆藏书量',
align: 'center',
minWidth: 120
},
{
key: 'studentCount',
title: '学生人数',
align: 'center',
minWidth: 100
},
{
key: 'teacherCount',
title: '教师人数',
align: 'center',
minWidth: 100
},
{
key: 'employmentRate',
title: '就业率(%)',
align: 'center',
minWidth: 100
},
{
key: 'satisfactionRate',
title: '满意度(%)',
align: 'center',
minWidth: 100
},
{
key: 'is985',
title: '985',
align: 'center',
minWidth: 80,
render: row => renderBooleanTag(row.is985)
},
{
key: 'is211',
title: '211',
align: 'center',
minWidth: 80,
render: row => renderBooleanTag(row.is211)
},
{
key: 'isDoubleFirstClass',
title: '双一流',
align: 'center',
minWidth: 90,
render: row => renderBooleanTag(row.isDoubleFirstClass)
},
{
key: 'isKeyUniversity',
title: '重点大学',
align: 'center',
minWidth: 100,
render: row => renderBooleanTag(row.isKeyUniversity)
},
{
key: 'tags',
title: '详情标签',
align: 'center',
minWidth: 160,
render: row => renderStringArray(row.tags)
},
{ {
key: 'remark', key: 'remark',
title: '备注', title: '备注',

View File

@ -35,6 +35,9 @@ const visible = defineModel<boolean>('visible', {
const { formRef, validate, restoreValidation } = useNaiveForm(); const { formRef, validate, restoreValidation } = useNaiveForm();
const { createRequiredRule } = useFormRules(); const { createRequiredRule } = useFormRules();
const submitLoading = ref(false);
const detailTagInputValue = ref('');
const detailTagList = ref<string[]>([]);
const title = computed(() => { const title = computed(() => {
const titles: Record<NaiveUI.TableOperateType, string> = { const titles: Record<NaiveUI.TableOperateType, string> = {
@ -44,6 +47,17 @@ const title = computed(() => {
return titles[props.operateType]; return titles[props.operateType];
}); });
const booleanOptions = [
{ value: 1, label: '是' },
{ value: 0, label: '否' }
];
function toNumberValue(value: CommonType.IdType | null | undefined) {
if (value === null || value === undefined || value === '') return null;
return typeof value === 'number' ? value : Number(value);
}
type Model = Api.Art.SchoolDetailOperateParams; type Model = Api.Art.SchoolDetailOperateParams;
const model = ref<Model>(createDefaultModel()); const model = ref<Model>(createDefaultModel());
@ -53,31 +67,94 @@ function createDefaultModel(): Model {
detailId: null, detailId: null,
schoolId: null, schoolId: null,
introduction: '', introduction: '',
schoolIcon: '',
address: '', address: '',
contact: '', contact: '',
email: '', email: '',
website: '', website: '',
postcode: '',
establishYear: null,
campusAreaMu: null,
libraryCollection: null,
maleRatio: null,
femaleRatio: null,
is985: null,
is211: null,
isDoubleFirstClass: null,
isKeyUniversity: null,
tags: [],
studentCount: null,
teacherCount: null,
masterPoint: null,
doctorPoint: null,
keyMajorCount: null,
employmentRate: null,
satisfactionRate: null,
univId: null,
remark: '' remark: ''
}; };
} }
type RuleKey = Extract<keyof Model, 'detailId' | 'schoolId'>; type RuleKey = 'schoolId' | 'address' | 'contact';
const rules: Record<RuleKey, App.Global.FormRule> = { const rules: Record<RuleKey, App.Global.FormRule> = {
detailId: createRequiredRule('主键ID不能为空'), schoolId: createRequiredRule('关联学校主表ID不能为空'),
schoolId: createRequiredRule('关联学校主表ID不能为空') address: createRequiredRule('学校地址不能为空'),
contact: createRequiredRule('联系电话不能为空')
}; };
function normalizeStringList(values?: string[] | null) {
if (!values?.length) return [];
const uniqueValues = new Set<string>();
values.forEach(value => {
const normalizedValue = String(value).trim();
if (normalizedValue) {
uniqueValues.add(normalizedValue);
}
});
return Array.from(uniqueValues);
}
function isSameStringList(source: string[], target: string[]) {
if (source.length !== target.length) return false;
return source.every((value, index) => value === target[index]);
}
function syncTagsToModel() {
model.value.tags = normalizeStringList(detailTagList.value);
}
function addDetailTags() {
const values = detailTagInputValue.value
.split(/[,]/)
.map(item => item.trim())
.filter(Boolean);
if (!values.length) return;
detailTagList.value = normalizeStringList([...detailTagList.value, ...values]);
detailTagInputValue.value = '';
}
function handleUpdateModelWhenEdit() { function handleUpdateModelWhenEdit() {
model.value = createDefaultModel(); model.value = createDefaultModel();
detailTagInputValue.value = '';
detailTagList.value = [];
if (props.operateType === 'add' && props.defaultSchoolId !== null) { if (props.operateType === 'add' && props.defaultSchoolId !== null) {
model.value.schoolId = props.defaultSchoolId; model.value.schoolId = props.defaultSchoolId;
} }
if (props.operateType === 'edit' && props.rowData) { if (props.operateType === 'edit' && props.rowData) {
Object.assign(model.value, jsonClone(props.rowData)); const detailData = jsonClone(props.rowData);
Object.assign(model.value, detailData);
detailTagList.value = normalizeStringList(detailData.tags);
} }
syncTagsToModel();
} }
function closeDrawer() { function closeDrawer() {
@ -87,61 +164,138 @@ function closeDrawer() {
async function handleSubmit() { async function handleSubmit() {
await validate(); await validate();
const { detailId, schoolId, introduction, address, contact, email, website, remark } = model.value; submitLoading.value = true;
// request const {
if (props.operateType === 'add') { detailId,
const { error } = await fetchCreateSchoolDetail({
schoolId, schoolId,
introduction, introduction,
schoolIcon,
address, address,
contact, contact,
email, email,
website, website,
postcode,
establishYear,
campusAreaMu,
libraryCollection,
maleRatio,
femaleRatio,
is985,
is211,
isDoubleFirstClass,
isKeyUniversity,
studentCount,
teacherCount,
masterPoint,
doctorPoint,
keyMajorCount,
employmentRate,
satisfactionRate,
univId,
remark remark
}); } = model.value;
const payload: Api.Art.SchoolDetailOperateParams = {
detailId,
schoolId,
introduction,
schoolIcon,
address,
contact,
email,
website,
postcode,
establishYear,
campusAreaMu,
libraryCollection,
maleRatio,
femaleRatio,
is985,
is211,
isDoubleFirstClass,
isKeyUniversity,
tags: normalizeStringList(detailTagList.value),
studentCount,
teacherCount,
masterPoint,
doctorPoint,
keyMajorCount,
employmentRate,
satisfactionRate,
univId,
remark
};
if (props.operateType === 'add') {
const { error } = await fetchCreateSchoolDetail(payload);
submitLoading.value = false;
if (error) return; if (error) return;
} }
if (props.operateType === 'edit') { if (props.operateType === 'edit') {
const { error } = await fetchUpdateSchoolDetail({ const { error } = await fetchUpdateSchoolDetail(payload);
detailId, submitLoading.value = false;
schoolId,
introduction,
address,
contact,
email,
website,
remark
});
if (error) return; if (error) return;
} }
window.$message?.success($t('common.updateSuccess')); window.$message?.success(props.operateType === 'add' ? $t('common.addSuccess') : $t('common.updateSuccess'));
closeDrawer(); closeDrawer();
emit('submitted'); emit('submitted');
} }
watch(visible, () => { watch(visible, show => {
if (visible.value) { if (show) {
handleUpdateModelWhenEdit(); handleUpdateModelWhenEdit();
restoreValidation(); restoreValidation();
} }
}); });
watch(
detailTagList,
tags => {
const normalizedTags = normalizeStringList(tags);
if (!isSameStringList(tags, normalizedTags)) {
detailTagList.value = normalizedTags;
return;
}
syncTagsToModel();
},
{ deep: true }
);
</script> </script>
<template> <template>
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="800" class="max-w-90%"> <NDrawer v-model:show="visible" :title="title" display-directive="show" :width="980" class="max-w-96%">
<NDrawerContent :title="title" :native-scrollbar="false" closable> <NDrawerContent :title="title" :native-scrollbar="false" closable>
<NForm ref="formRef" :model="model" :rules="rules"> <NForm ref="formRef" :model="model" :rules="rules" label-placement="left">
<NGrid :cols="24" :x-gap="16">
<NGi :span="8">
<NFormItem label="关联学校主表ID" path="schoolId"> <NFormItem label="关联学校主表ID" path="schoolId">
<NInput <NInputNumber
v-model:value="model.schoolId" :value="toNumberValue(model.schoolId)"
:disabled="props.defaultSchoolId !== null" :disabled="props.defaultSchoolId !== null"
class="w-full"
clearable
placeholder="请输入关联学校主表ID" placeholder="请输入关联学校主表ID"
@update:value="value => (model.schoolId = value)"
/> />
</NFormItem> </NFormItem>
<NFormItem label="学校详细介绍(大文本)" path="introduction"> </NGi>
<NGi :span="8">
<NFormItem label="外部学校ID" path="univId">
<NInputNumber v-model:value="model.univId" class="w-full" clearable placeholder="请输入外部学校ID" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="邮编" path="postcode">
<NInput v-model:value="model.postcode" placeholder="请输入邮编" />
</NFormItem>
</NGi>
<NGi :span="24">
<NFormItem label="学校详细介绍" path="introduction">
<NInput <NInput
v-model:value="model.introduction" v-model:value="model.introduction"
:rows="3" :rows="3"
@ -149,26 +303,144 @@ watch(visible, () => {
placeholder="请输入学校详细介绍(大文本)" placeholder="请输入学校详细介绍(大文本)"
/> />
</NFormItem> </NFormItem>
<NFormItem label="学校地址" path="address"> </NGi>
<NInput v-model:value="model.address" placeholder="请输入学校地址" /> <NGi :span="12">
</NFormItem> <NFormItem label="院校图标" path="schoolIcon">
<NFormItem label="联系电话" path="contact"> <NInput v-model:value="model.schoolIcon" placeholder="请输入院校图标地址" />
<NInput v-model:value="model.contact" placeholder="请输入联系电话" />
</NFormItem>
<NFormItem label="邮箱" path="email">
<NInput v-model:value="model.email" placeholder="请输入邮箱" />
</NFormItem> </NFormItem>
</NGi>
<NGi :span="12">
<NFormItem label="官网地址" path="website"> <NFormItem label="官网地址" path="website">
<NInput v-model:value="model.website" placeholder="请输入官网地址" /> <NInput v-model:value="model.website" placeholder="请输入官网地址" />
</NFormItem> </NFormItem>
</NGi>
<NGi :span="12">
<NFormItem label="学校地址" path="address">
<NInput v-model:value="model.address" placeholder="请输入学校地址" />
</NFormItem>
</NGi>
<NGi :span="12">
<NFormItem label="联系电话" path="contact">
<NInput v-model:value="model.contact" placeholder="请输入联系电话" />
</NFormItem>
</NGi>
<NGi :span="12">
<NFormItem label="邮箱" path="email">
<NInput v-model:value="model.email" placeholder="请输入邮箱" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="建校年份" path="establishYear">
<NInputNumber v-model:value="model.establishYear" class="w-full" clearable placeholder="请输入建校年份" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="占地面积(亩)" path="campusAreaMu">
<NInputNumber v-model:value="model.campusAreaMu" class="w-full" clearable placeholder="请输入占地面积" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="图书馆藏书量" path="libraryCollection">
<NInputNumber
v-model:value="model.libraryCollection"
class="w-full"
clearable
placeholder="请输入图书馆藏书量"
/>
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="学生人数" path="studentCount">
<NInputNumber v-model:value="model.studentCount" class="w-full" clearable placeholder="请输入学生人数" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="教师人数" path="teacherCount">
<NInputNumber v-model:value="model.teacherCount" class="w-full" clearable placeholder="请输入教师人数" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="硕士点数量" path="masterPoint">
<NInputNumber v-model:value="model.masterPoint" class="w-full" clearable placeholder="请输入硕士点数量" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="博士点数量" path="doctorPoint">
<NInputNumber v-model:value="model.doctorPoint" class="w-full" clearable placeholder="请输入博士点数量" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="重点专业数" path="keyMajorCount">
<NInputNumber v-model:value="model.keyMajorCount" class="w-full" clearable placeholder="请输入重点专业数" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="男生比例(%)" path="maleRatio">
<NInputNumber v-model:value="model.maleRatio" class="w-full" clearable placeholder="请输入男生比例" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="女生比例(%)" path="femaleRatio">
<NInputNumber v-model:value="model.femaleRatio" class="w-full" clearable placeholder="请输入女生比例" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="就业率(%)" path="employmentRate">
<NInputNumber v-model:value="model.employmentRate" class="w-full" clearable placeholder="请输入就业率" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="满意度(%)" path="satisfactionRate">
<NInputNumber v-model:value="model.satisfactionRate" class="w-full" clearable placeholder="请输入满意度" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否985" path="is985">
<NSelect v-model:value="model.is985" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否211" path="is211">
<NSelect v-model:value="model.is211" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否双一流" path="isDoubleFirstClass">
<NSelect v-model:value="model.isDoubleFirstClass" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否重点大学" path="isKeyUniversity">
<NSelect v-model:value="model.isKeyUniversity" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItem>
</NGi>
<NGi :span="24">
<NFormItem label="详情标签" path="tags">
<NSpace vertical class="w-full">
<NSpace class="w-full" :wrap-item="false">
<NInput
v-model:value="detailTagInputValue"
class="flex-1"
placeholder="输入详情标签后回车或点击确认,可用逗号一次输入多个"
@keydown.enter.prevent="addDetailTags"
/>
<NButton type="primary" ghost @click="addDetailTags">确认</NButton>
</NSpace>
<NDynamicTags v-model:value="detailTagList" />
</NSpace>
</NFormItem>
</NGi>
<NGi :span="24">
<NFormItem label="备注" path="remark"> <NFormItem label="备注" path="remark">
<NInput v-model:value="model.remark" :rows="3" type="textarea" placeholder="请输入备注" /> <NInput v-model:value="model.remark" :rows="3" type="textarea" placeholder="请输入备注" />
</NFormItem> </NFormItem>
</NGi>
</NGrid>
</NForm> </NForm>
<template #footer> <template #footer>
<NSpace :size="16"> <NSpace :size="16">
<NButton @click="closeDrawer">{{ $t('common.cancel') }}</NButton> <NButton @click="closeDrawer">{{ $t('common.cancel') }}</NButton>
<NButton type="primary" @click="handleSubmit">{{ $t('common.confirm') }}</NButton> <NButton type="primary" :loading="submitLoading" @click="handleSubmit">{{ $t('common.confirm') }}</NButton>
</NSpace> </NSpace>
</template> </template>
</NDrawerContent> </NDrawerContent>

View File

@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { toRaw } from 'vue'; import { ref, toRaw, watch } from 'vue';
import { jsonClone } from '@sa/utils'; import { jsonClone } from '@sa/utils';
import { useNaiveForm } from '@/hooks/common/form'; import { useNaiveForm } from '@/hooks/common/form';
import { $t } from '@/locales'; import { $t } from '@/locales';
@ -19,9 +19,60 @@ const { formRef, validate, restoreValidation } = useNaiveForm();
const model = defineModel<Api.Art.SchoolDetailSearchParams>('model', { required: true }); const model = defineModel<Api.Art.SchoolDetailSearchParams>('model', { required: true });
const defaultModel = jsonClone(toRaw(model.value)); const defaultModel = jsonClone(toRaw(model.value));
const detailTagInputValue = ref('');
const detailTagList = ref<string[]>([]);
const booleanOptions = [
{ value: 1, label: '是' },
{ value: 0, label: '否' }
];
function toNumberValue(value: CommonType.IdType | null | undefined) {
if (value === null || value === undefined || value === '') return null;
return typeof value === 'number' ? value : Number(value);
}
function normalizeStringList(values?: string[] | null) {
if (!values?.length) return [];
const uniqueValues = new Set<string>();
values.forEach(value => {
const normalizedValue = String(value).trim();
if (normalizedValue) {
uniqueValues.add(normalizedValue);
}
});
return Array.from(uniqueValues);
}
function isSameStringList(source: string[], target: string[]) {
if (source.length !== target.length) return false;
return source.every((value, index) => value === target[index]);
}
function syncTagsToModel() {
model.value.tags = normalizeStringList(detailTagList.value);
}
function addDetailTags() {
const values = detailTagInputValue.value
.split(/[,]/)
.map(item => item.trim())
.filter(Boolean);
if (!values.length) return;
detailTagList.value = normalizeStringList([...detailTagList.value, ...values]);
detailTagInputValue.value = '';
}
function resetModel() { function resetModel() {
Object.assign(model.value, defaultModel); Object.assign(model.value, jsonClone(defaultModel));
detailTagInputValue.value = '';
detailTagList.value = normalizeStringList(defaultModel.tags);
syncTagsToModel();
} }
async function reset() { async function reset() {
@ -34,25 +85,58 @@ async function search() {
await validate(); await validate();
emit('search'); emit('search');
} }
watch(
detailTagList,
tags => {
const normalizedTags = normalizeStringList(tags);
if (!isSameStringList(tags, normalizedTags)) {
detailTagList.value = normalizedTags;
return;
}
syncTagsToModel();
},
{ deep: true }
);
watch(
() => model.value.tags,
tags => {
const normalizedTags = normalizeStringList(tags);
if (!isSameStringList(detailTagList.value, normalizedTags)) {
detailTagList.value = normalizedTags;
}
},
{ immediate: true }
);
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-detail-search"> <NCollapseItem :title="$t('common.search')" name="art-school-detail-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">
<NGrid responsive="screen" item-responsive> <NGrid responsive="screen" item-responsive>
<NFormItemGi span="24 s:12 m:6" label="关联学校主表ID" label-width="auto" path="schoolId" class="pr-24px"> <NFormItemGi span="24 s:12 m:6" label="详情ID" label-width="auto" path="detailId" class="pr-24px">
<NInput v-model:value="model.schoolId" placeholder="请输入关联学校主表ID" /> <NInputNumber
:value="toNumberValue(model.detailId)"
class="w-full"
clearable
placeholder="请输入详情ID"
@update:value="value => (model.detailId = value)"
/>
</NFormItemGi> </NFormItemGi>
<NFormItemGi <NFormItemGi span="24 s:12 m:6" label="学校ID" label-width="auto" path="schoolId" class="pr-24px">
span="24 s:12 m:6" <NInputNumber
label="学校详细介绍(大文本)" :value="toNumberValue(model.schoolId)"
label-width="auto" class="w-full"
path="introduction" clearable
class="pr-24px" placeholder="请输入学校ID"
> @update:value="value => (model.schoolId = value)"
<NInput v-model:value="model.introduction" placeholder="请输入学校详细介绍(大文本)" /> />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学校地址" label-width="auto" path="address" class="pr-24px"> <NFormItemGi span="24 s:12 m:6" label="学校地址" label-width="auto" path="address" class="pr-24px">
<NInput v-model:value="model.address" placeholder="请输入学校地址" /> <NInput v-model:value="model.address" placeholder="请输入学校地址" />
@ -60,12 +144,97 @@ async function search() {
<NFormItemGi span="24 s:12 m:6" label="联系电话" label-width="auto" path="contact" class="pr-24px"> <NFormItemGi span="24 s:12 m:6" label="联系电话" label-width="auto" path="contact" class="pr-24px">
<NInput v-model:value="model.contact" placeholder="请输入联系电话" /> <NInput v-model:value="model.contact" placeholder="请输入联系电话" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="邮箱" label-width="auto" path="email" class="pr-24px">
<NInput v-model:value="model.email" placeholder="请输入邮箱" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="官网地址" label-width="auto" path="website" class="pr-24px"> <NFormItemGi span="24 s:12 m:6" label="官网地址" label-width="auto" path="website" class="pr-24px">
<NInput v-model:value="model.website" placeholder="请输入官网地址" /> <NInput v-model:value="model.website" placeholder="请输入官网地址" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="院校图标" label-width="auto" path="schoolIcon" class="pr-24px">
<NInput v-model:value="model.schoolIcon" placeholder="请输入院校图标地址" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="邮编" label-width="auto" path="postcode" class="pr-24px">
<NInput v-model:value="model.postcode" placeholder="请输入邮编" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="外部学校ID" label-width="auto" path="univId" class="pr-24px">
<NInputNumber v-model:value="model.univId" class="w-full" clearable placeholder="请输入外部学校ID" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="建校年份" label-width="auto" path="establishYear" class="pr-24px">
<NInputNumber v-model:value="model.establishYear" class="w-full" clearable placeholder="请输入建校年份" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="占地面积(亩)" label-width="auto" path="campusAreaMu" class="pr-24px">
<NInputNumber v-model:value="model.campusAreaMu" class="w-full" clearable placeholder="请输入占地面积" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="图书馆藏书量"
label-width="auto"
path="libraryCollection"
class="pr-24px"
>
<NInputNumber
v-model:value="model.libraryCollection"
class="w-full"
clearable
placeholder="请输入图书馆藏书量"
/>
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="学生人数" label-width="auto" path="studentCount" class="pr-24px">
<NInputNumber v-model:value="model.studentCount" class="w-full" clearable placeholder="请输入学生人数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="教师人数" label-width="auto" path="teacherCount" class="pr-24px">
<NInputNumber v-model:value="model.teacherCount" class="w-full" clearable placeholder="请输入教师人数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="硕士点数量" label-width="auto" path="masterPoint" class="pr-24px">
<NInputNumber v-model:value="model.masterPoint" class="w-full" clearable placeholder="请输入硕士点数量" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="博士点数量" label-width="auto" path="doctorPoint" class="pr-24px">
<NInputNumber v-model:value="model.doctorPoint" class="w-full" clearable placeholder="请输入博士点数量" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="重点专业数" label-width="auto" path="keyMajorCount" class="pr-24px">
<NInputNumber v-model:value="model.keyMajorCount" class="w-full" clearable placeholder="请输入重点专业数" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="就业率(%)" label-width="auto" path="employmentRate" class="pr-24px">
<NInputNumber v-model:value="model.employmentRate" class="w-full" clearable placeholder="请输入就业率" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="满意度(%)" label-width="auto" path="satisfactionRate" class="pr-24px">
<NInputNumber v-model:value="model.satisfactionRate" class="w-full" clearable placeholder="请输入满意度" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="是否985" label-width="auto" path="is985" class="pr-24px">
<NSelect v-model:value="model.is985" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="是否211" label-width="auto" path="is211" class="pr-24px">
<NSelect v-model:value="model.is211" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="是否双一流"
label-width="auto"
path="isDoubleFirstClass"
class="pr-24px"
>
<NSelect v-model:value="model.isDoubleFirstClass" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="是否重点大学"
label-width="auto"
path="isKeyUniversity"
class="pr-24px"
>
<NSelect v-model:value="model.isKeyUniversity" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItemGi>
<NFormItemGi span="24" label="详情标签" label-width="auto" path="tags" class="pr-24px">
<NSpace vertical class="w-full">
<NSpace class="w-full" :wrap-item="false">
<NInput
v-model:value="detailTagInputValue"
class="flex-1"
placeholder="输入详情标签后回车或点击确认,可用逗号一次输入多个"
@keydown.enter.prevent="addDetailTags"
/>
<NButton type="primary" ghost @click="addDetailTags">确认</NButton>
</NSpace>
<NDynamicTags v-model:value="detailTagList" />
</NSpace>
</NFormItemGi>
<NFormItemGi :show-feedback="false" span="24" class="pr-24px"> <NFormItemGi :show-feedback="false" span="24" class="pr-24px">
<NSpace class="w-full" justify="end"> <NSpace class="w-full" justify="end">
<NButton @click="reset"> <NButton @click="reset">

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-dorm-search"> <NCollapseItem :title="$t('common.search')" name="art-school-dorm-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-enroll-plan-search"> <NCollapseItem :title="$t('common.search')" name="art-school-enroll-plan-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-major-tag-search"> <NCollapseItem :title="$t('common.search')" name="art-school-major-tag-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -102,7 +102,7 @@ watch(
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-major-search"> <NCollapseItem :title="$t('common.search')" name="art-school-major-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-media-search"> <NCollapseItem :title="$t('common.search')" name="art-school-media-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-name-search"> <NCollapseItem :title="$t('common.search')" name="art-school-name-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">

View File

@ -39,6 +39,8 @@ const enrollCodeInputValue = ref('');
const enrollCodeList = ref<string[]>([]); const enrollCodeList = ref<string[]>([]);
const schoolTagInputValue = ref(''); const schoolTagInputValue = ref('');
const schoolTagList = ref<string[]>([]); const schoolTagList = ref<string[]>([]);
const detailTagInputValue = ref('');
const detailTagList = ref<string[]>([]);
const title = computed(() => { const title = computed(() => {
const titles: Record<NaiveUI.TableOperateType, string> = { const titles: Record<NaiveUI.TableOperateType, string> = {
@ -48,6 +50,11 @@ const title = computed(() => {
return titles[props.operateType]; return titles[props.operateType];
}); });
const booleanOptions = [
{ value: 1, label: '是' },
{ value: 0, label: '否' }
];
type Model = Api.Art.SchoolWithDetailOperateParams; type Model = Api.Art.SchoolWithDetailOperateParams;
const model = ref<Model>(createDefaultModel()); const model = ref<Model>(createDefaultModel());
@ -59,7 +66,6 @@ function createDefaultModel(): Model {
mainCode: '', mainCode: '',
mainName: '', mainName: '',
shortName: '', shortName: '',
schoolIcon: '',
province: '', province: '',
city: '', city: '',
district: '', district: '',
@ -67,20 +73,36 @@ function createDefaultModel(): Model {
educationLevel: '', educationLevel: '',
schoolNature: '', schoolNature: '',
supervisorDept: '', supervisorDept: '',
establishYear: null,
campusAreaMu: null,
maleRatio: null,
femaleRatio: null,
remark: '' remark: ''
}, },
detail: { detail: {
detailId: null, detailId: null,
schoolId: null, schoolId: null,
introduction: '', introduction: '',
schoolIcon: '',
address: '', address: '',
contact: '', contact: '',
email: '', email: '',
website: '', website: '',
postcode: '',
establishYear: null,
campusAreaMu: null,
libraryCollection: null,
maleRatio: null,
femaleRatio: null,
is985: null,
is211: null,
isDoubleFirstClass: null,
isKeyUniversity: null,
tags: [],
studentCount: null,
teacherCount: null,
masterPoint: null,
doctorPoint: null,
keyMajorCount: null,
employmentRate: null,
satisfactionRate: null,
univId: null,
remark: '' remark: ''
}, },
enrollCodes: [], enrollCodes: [],
@ -114,33 +136,35 @@ function normalizeStringList(values?: string[] | null) {
function isSameStringList(source: string[], target: string[]) { function isSameStringList(source: string[], target: string[]) {
if (source.length !== target.length) return false; if (source.length !== target.length) return false;
return source.every((code, index) => code === target[index]); return source.every((value, index) => value === target[index]);
}
function appendValues(inputValue: string, target: string[]) {
const values = inputValue
.split(/[,]/)
.map(item => item.trim())
.filter(Boolean);
if (!values.length) return target;
return normalizeStringList([...target, ...values]);
} }
function addEnrollCodes() { function addEnrollCodes() {
const inputCodes = enrollCodeInputValue.value enrollCodeList.value = appendValues(enrollCodeInputValue.value, enrollCodeList.value);
.split(/[,]/)
.map(code => code.trim())
.filter(Boolean);
if (!inputCodes.length) return;
enrollCodeList.value = normalizeStringList([...enrollCodeList.value, ...inputCodes]);
enrollCodeInputValue.value = ''; enrollCodeInputValue.value = '';
} }
function addSchoolTags() { function addSchoolTags() {
const inputTags = schoolTagInputValue.value schoolTagList.value = appendValues(schoolTagInputValue.value, schoolTagList.value);
.split(/[,]/)
.map(tag => tag.trim())
.filter(Boolean);
if (!inputTags.length) return;
schoolTagList.value = normalizeStringList([...schoolTagList.value, ...inputTags]);
schoolTagInputValue.value = ''; schoolTagInputValue.value = '';
} }
function addDetailTags() {
detailTagList.value = appendValues(detailTagInputValue.value, detailTagList.value);
detailTagInputValue.value = '';
}
function syncEnrollCodesToModel() { function syncEnrollCodesToModel() {
model.value.enrollCodes = normalizeStringList(enrollCodeList.value); model.value.enrollCodes = normalizeStringList(enrollCodeList.value);
} }
@ -149,6 +173,10 @@ function syncSchoolTagsToModel() {
model.value.schoolTags = normalizeStringList(schoolTagList.value); model.value.schoolTags = normalizeStringList(schoolTagList.value);
} }
function syncDetailTagsToModel() {
model.value.detail.tags = normalizeStringList(detailTagList.value);
}
async function loadEditFormData(schoolId: CommonType.IdType) { async function loadEditFormData(schoolId: CommonType.IdType) {
detailLoading.value = true; detailLoading.value = true;
@ -172,11 +200,14 @@ async function loadEditFormData(schoolId: CommonType.IdType) {
} }
if (!detailRes.error && detailRes.data) { if (!detailRes.error && detailRes.data) {
Object.assign(model.value.detail, jsonClone(detailRes.data)); const detailData = jsonClone(detailRes.data);
Object.assign(model.value.detail, detailData);
detailTagList.value = normalizeStringList(detailData.tags);
} }
syncEnrollCodesToModel(); syncEnrollCodesToModel();
syncSchoolTagsToModel(); syncSchoolTagsToModel();
syncDetailTagsToModel();
model.value.detail.schoolId = model.value.school.schoolId; model.value.detail.schoolId = model.value.school.schoolId;
detailLoading.value = false; detailLoading.value = false;
} }
@ -187,12 +218,15 @@ async function handleUpdateModelWhenOpen() {
enrollCodeList.value = []; enrollCodeList.value = [];
schoolTagInputValue.value = ''; schoolTagInputValue.value = '';
schoolTagList.value = []; schoolTagList.value = [];
detailTagInputValue.value = '';
detailTagList.value = [];
if (props.operateType === 'edit' && props.rowData?.schoolId !== null && props.rowData?.schoolId !== undefined) { if (props.operateType === 'edit' && props.rowData?.schoolId !== null && props.rowData?.schoolId !== undefined) {
await loadEditFormData(props.rowData.schoolId); await loadEditFormData(props.rowData.schoolId);
} else { } else {
syncEnrollCodesToModel(); syncEnrollCodesToModel();
syncSchoolTagsToModel(); syncSchoolTagsToModel();
syncDetailTagsToModel();
} }
} }
@ -216,13 +250,94 @@ async function handleSubmit() {
submitLoading.value = true; submitLoading.value = true;
const {
schoolId,
mainCode,
mainName,
shortName,
province,
city,
district,
universityType,
educationLevel,
schoolNature,
supervisorDept,
remark: schoolRemark
} = model.value.school;
const {
detailId,
introduction,
schoolIcon,
address,
contact,
email,
website,
postcode,
establishYear,
campusAreaMu,
libraryCollection,
maleRatio,
femaleRatio,
is985,
is211,
isDoubleFirstClass,
isKeyUniversity,
studentCount,
teacherCount,
masterPoint,
doctorPoint,
keyMajorCount,
employmentRate,
satisfactionRate,
univId,
remark: detailRemark
} = model.value.detail;
const payload: Api.Art.SchoolWithDetailOperateParams = { const payload: Api.Art.SchoolWithDetailOperateParams = {
school: { school: {
...model.value.school schoolId,
mainCode,
mainName,
shortName,
province,
city,
district,
universityType,
educationLevel,
schoolNature,
supervisorDept,
remark: schoolRemark
}, },
detail: { detail: {
...model.value.detail, detailId,
schoolId: model.value.school.schoolId schoolId,
introduction,
schoolIcon,
address,
contact,
email,
website,
postcode,
establishYear,
campusAreaMu,
libraryCollection,
maleRatio,
femaleRatio,
is985,
is211,
isDoubleFirstClass,
isKeyUniversity,
tags: normalizeStringList(detailTagList.value),
studentCount,
teacherCount,
masterPoint,
doctorPoint,
keyMajorCount,
employmentRate,
satisfactionRate,
univId,
remark: detailRemark
}, },
enrollCodes: normalizeStringList(enrollCodeList.value), enrollCodes: normalizeStringList(enrollCodeList.value),
schoolTags: normalizeStringList(schoolTagList.value) schoolTags: normalizeStringList(schoolTagList.value)
@ -288,10 +403,25 @@ watch(
}, },
{ deep: true } { deep: true }
); );
watch(
detailTagList,
tags => {
const normalizedTags = normalizeStringList(tags);
if (!isSameStringList(tags, normalizedTags)) {
detailTagList.value = normalizedTags;
return;
}
syncDetailTagsToModel();
},
{ deep: true }
);
</script> </script>
<template> <template>
<NDrawer v-model:show="visible" :title="title" display-directive="show" :width="960" class="max-w-92%"> <NDrawer v-model:show="visible" :title="title" display-directive="show" :width="1120" class="max-w-96%">
<NDrawerContent :title="title" :native-scrollbar="false" closable> <NDrawerContent :title="title" :native-scrollbar="false" closable>
<NForm ref="formRef" :model="model" :rules="rules" label-placement="left"> <NForm ref="formRef" :model="model" :rules="rules" label-placement="left">
<NCard title="院校基础信息" size="small" :bordered="true" class="mb-16px"> <NCard title="院校基础信息" size="small" :bordered="true" class="mb-16px">
@ -343,11 +473,6 @@ watch(
</NSpace> </NSpace>
</NFormItem> </NFormItem>
</NGi> </NGi>
<NGi :span="12">
<NFormItem label="院校图标" path="school.schoolIcon">
<NInput v-model:value="model.school.schoolIcon" placeholder="请输入院校图标地址" />
</NFormItem>
</NGi>
<NGi :span="8"> <NGi :span="8">
<NFormItem label="省份" path="school.province"> <NFormItem label="省份" path="school.province">
<NInput v-model:value="model.school.province" placeholder="请输入省份" /> <NInput v-model:value="model.school.province" placeholder="请输入省份" />
@ -365,7 +490,7 @@ watch(
</NGi> </NGi>
<NGi :span="8"> <NGi :span="8">
<NFormItem label="大学类型" path="school.universityType"> <NFormItem label="大学类型" path="school.universityType">
<NInput v-model:value="model.school.universityType" placeholder="综合/工科/财经/艺术" /> <NInput v-model:value="model.school.universityType" placeholder="请输入大学类型,如综合/工科/艺术" />
</NFormItem> </NFormItem>
</NGi> </NGi>
<NGi :span="8"> <NGi :span="8">
@ -374,7 +499,6 @@ watch(
v-model:value="model.school.educationLevel" v-model:value="model.school.educationLevel"
placeholder="请选择学历层次" placeholder="请选择学历层次"
:options="[ :options="[
{ value: '', label: '请选择' },
{ value: '本科', label: '本科' }, { value: '本科', label: '本科' },
{ value: '专科', label: '专科' } { value: '专科', label: '专科' }
]" ]"
@ -401,26 +525,6 @@ watch(
<NInput v-model:value="model.school.supervisorDept" placeholder="请输入主管部门" /> <NInput v-model:value="model.school.supervisorDept" placeholder="请输入主管部门" />
</NFormItem> </NFormItem>
</NGi> </NGi>
<NGi :span="8">
<NFormItem label="建校时间(年)" path="school.establishYear">
<NInput v-model:value="model.school.establishYear" placeholder="请输入建校年份" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="占地面积(亩)" path="school.campusAreaMu">
<NInput v-model:value="model.school.campusAreaMu" placeholder="请输入占地面积(亩)" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="男生比例(%)" path="school.maleRatio">
<NInput v-model:value="model.school.maleRatio" placeholder="请输入男生比例(%)" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="女生比例(%)" path="school.femaleRatio">
<NInput v-model:value="model.school.femaleRatio" placeholder="请输入女生比例(%)" />
</NFormItem>
</NGi>
<NGi :span="24"> <NGi :span="24">
<NFormItem label="备注" path="school.remark"> <NFormItem label="备注" path="school.remark">
<NInput v-model:value="model.school.remark" :rows="2" type="textarea" placeholder="请输入备注" /> <NInput v-model:value="model.school.remark" :rows="2" type="textarea" placeholder="请输入备注" />
@ -441,6 +545,16 @@ watch(
/> />
</NFormItem> </NFormItem>
</NGi> </NGi>
<NGi :span="12">
<NFormItem label="院校图标" path="detail.schoolIcon">
<NInput v-model:value="model.detail.schoolIcon" placeholder="请输入院校图标地址" />
</NFormItem>
</NGi>
<NGi :span="12">
<NFormItem label="官网地址" path="detail.website">
<NInput v-model:value="model.detail.website" placeholder="请输入官网地址" />
</NFormItem>
</NGi>
<NGi :span="12"> <NGi :span="12">
<NFormItem label="学校地址" path="detail.address"> <NFormItem label="学校地址" path="detail.address">
<NInput v-model:value="model.detail.address" placeholder="请输入学校地址" /> <NInput v-model:value="model.detail.address" placeholder="请输入学校地址" />
@ -451,14 +565,150 @@ watch(
<NInput v-model:value="model.detail.contact" placeholder="请输入联系电话" /> <NInput v-model:value="model.detail.contact" placeholder="请输入联系电话" />
</NFormItem> </NFormItem>
</NGi> </NGi>
<NGi :span="12"> <NGi :span="8">
<NFormItem label="邮箱" path="detail.email"> <NFormItem label="邮箱" path="detail.email">
<NInput v-model:value="model.detail.email" placeholder="请输入邮箱" /> <NInput v-model:value="model.detail.email" placeholder="请输入邮箱" />
</NFormItem> </NFormItem>
</NGi> </NGi>
<NGi :span="12"> <NGi :span="8">
<NFormItem label="官网地址" path="detail.website"> <NFormItem label="邮编" path="detail.postcode">
<NInput v-model:value="model.detail.website" placeholder="请输入官网地址" /> <NInput v-model:value="model.detail.postcode" placeholder="请输入邮编" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="外部学校ID" path="detail.univId">
<NInputNumber v-model:value="model.detail.univId" class="w-full" clearable placeholder="请输入外部学校ID" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="建校年份" path="detail.establishYear">
<NInputNumber v-model:value="model.detail.establishYear" class="w-full" clearable placeholder="请输入建校年份" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="占地面积(亩)" path="detail.campusAreaMu">
<NInputNumber
v-model:value="model.detail.campusAreaMu"
class="w-full"
clearable
placeholder="请输入占地面积(亩)"
/>
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="图书馆藏书量" path="detail.libraryCollection">
<NInputNumber
v-model:value="model.detail.libraryCollection"
class="w-full"
clearable
placeholder="请输入图书馆藏书量"
/>
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="男生比例(%)" path="detail.maleRatio">
<NInputNumber v-model:value="model.detail.maleRatio" class="w-full" clearable placeholder="请输入男生比例" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="女生比例(%)" path="detail.femaleRatio">
<NInputNumber v-model:value="model.detail.femaleRatio" class="w-full" clearable placeholder="请输入女生比例" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="就业率(%)" path="detail.employmentRate">
<NInputNumber
v-model:value="model.detail.employmentRate"
class="w-full"
clearable
placeholder="请输入就业率"
/>
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="满意度(%)" path="detail.satisfactionRate">
<NInputNumber
v-model:value="model.detail.satisfactionRate"
class="w-full"
clearable
placeholder="请输入满意度"
/>
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否985" path="detail.is985">
<NSelect v-model:value="model.detail.is985" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否211" path="detail.is211">
<NSelect v-model:value="model.detail.is211" :options="booleanOptions" clearable placeholder="请选择" />
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否双一流" path="detail.isDoubleFirstClass">
<NSelect
v-model:value="model.detail.isDoubleFirstClass"
:options="booleanOptions"
clearable
placeholder="请选择"
/>
</NFormItem>
</NGi>
<NGi :span="6">
<NFormItem label="是否重点大学" path="detail.isKeyUniversity">
<NSelect
v-model:value="model.detail.isKeyUniversity"
:options="booleanOptions"
clearable
placeholder="请选择"
/>
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="学生人数" path="detail.studentCount">
<NInputNumber v-model:value="model.detail.studentCount" class="w-full" clearable placeholder="请输入学生人数" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="教师人数" path="detail.teacherCount">
<NInputNumber v-model:value="model.detail.teacherCount" class="w-full" clearable placeholder="请输入教师人数" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="重点专业数" path="detail.keyMajorCount">
<NInputNumber
v-model:value="model.detail.keyMajorCount"
class="w-full"
clearable
placeholder="请输入重点专业数"
/>
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="硕士点数量" path="detail.masterPoint">
<NInputNumber v-model:value="model.detail.masterPoint" class="w-full" clearable placeholder="请输入硕士点数量" />
</NFormItem>
</NGi>
<NGi :span="8">
<NFormItem label="博士点数量" path="detail.doctorPoint">
<NInputNumber v-model:value="model.detail.doctorPoint" class="w-full" clearable placeholder="请输入博士点数量" />
</NFormItem>
</NGi>
<NGi :span="24">
<NFormItem label="详情标签" path="detail.tags">
<NSpace vertical class="w-full">
<NSpace class="w-full" :wrap-item="false">
<NInput
v-model:value="detailTagInputValue"
class="flex-1"
placeholder="输入详情标签后回车或点击确认,可用逗号一次输入多个"
@keydown.enter.prevent="addDetailTags"
/>
<NButton type="primary" ghost @click="addDetailTags">确认</NButton>
</NSpace>
<NDynamicTags v-model:value="detailTagList" />
</NSpace>
</NFormItem> </NFormItem>
</NGi> </NGi>
<NGi :span="24"> <NGi :span="24">

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-search"> <NCollapseItem :title="$t('common.search')" name="art-school-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">
@ -51,13 +51,7 @@ async function search() {
> >
<NInput v-model:value="model.mainCode" placeholder="请输入学校编码(唯一标识,如国标代码)" /> <NInput v-model:value="model.mainCode" placeholder="请输入学校编码(唯一标识,如国标代码)" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi <NFormItemGi span="24 s:12 m:6" label="学校主名称" label-width="auto" path="mainName" class="pr-24px">
span="24 s:12 m:6"
label="学校主名称(官方全称)"
label-width="auto"
path="mainName"
class="pr-24px"
>
<NInput v-model:value="model.mainName" placeholder="请输入学校主名称(官方全称)" /> <NInput v-model:value="model.mainName" placeholder="请输入学校主名称(官方全称)" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi <NFormItemGi
@ -69,9 +63,6 @@ async function search() {
> >
<NInput v-model:value="model.shortName" placeholder="请输入学校简称(备用)" /> <NInput v-model:value="model.shortName" placeholder="请输入学校简称(备用)" />
</NFormItemGi> </NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="院校图标" label-width="auto" path="schoolIcon" class="pr-24px">
<NInput v-model:value="model.schoolIcon" placeholder="请输入院校图标" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="省份" label-width="auto" path="province" class="pr-24px"> <NFormItemGi span="24 s:12 m:6" label="省份" label-width="auto" path="province" class="pr-24px">
<NInput v-model:value="model.province" placeholder="请输入省份" /> <NInput v-model:value="model.province" placeholder="请输入省份" />
</NFormItemGi> </NFormItemGi>
@ -122,24 +113,6 @@ async function search() {
> >
<NInput v-model:value="model.supervisorDept" placeholder="请输入主管部门:教育部/工信部/民委..." /> <NInput v-model:value="model.supervisorDept" placeholder="请输入主管部门:教育部/工信部/民委..." />
</NFormItemGi> </NFormItemGi>
<NFormItemGi
span="24 s:12 m:6"
label="建校时间(年)"
label-width="auto"
path="establishYear"
class="pr-24px"
>
<NInput v-model:value="model.establishYear" placeholder="请输入建校时间(年)" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="占地面积(亩)" label-width="auto" path="campusAreaMu" class="pr-24px">
<NInput v-model:value="model.campusAreaMu" placeholder="请输入占地面积(亩)" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="男生比例(%)" label-width="auto" path="maleRatio" class="pr-24px">
<NInput v-model:value="model.maleRatio" placeholder="请输入男生比例(%)" />
</NFormItemGi>
<NFormItemGi span="24 s:12 m:6" label="女生比例(%)" label-width="auto" path="femaleRatio" class="pr-24px">
<NInput v-model:value="model.femaleRatio" placeholder="请输入女生比例(%)" />
</NFormItemGi>
<NFormItemGi :show-feedback="false" span="24" class="pr-24px"> <NFormItemGi :show-feedback="false" span="24" class="pr-24px">
<NSpace class="w-full" justify="end"> <NSpace class="w-full" justify="end">
<NButton @click="reset"> <NButton @click="reset">

View File

@ -8,7 +8,7 @@ import SchoolEnrollPlanList from './school-enroll-plan/index.vue';
import SchoolMajorList from './school-major/index.vue'; import SchoolMajorList from './school-major/index.vue';
import SchoolMediaList from './school-media/index.vue'; import SchoolMediaList from './school-media/index.vue';
import SchoolNameList from './school-name/index.vue'; import SchoolNameList from './school-name/index.vue';
import SchoolTagList from './school-tag/index.vue'; // import SchoolTagList from './school-tag/index.vue';
defineOptions({ defineOptions({
name: 'SchoolSubTableModal' name: 'SchoolSubTableModal'
@ -21,8 +21,7 @@ type SchoolSubModuleType =
| 'schoolMajor' | 'schoolMajor'
| 'schoolEnrollPlan' | 'schoolEnrollPlan'
| 'schoolDorm' | 'schoolDorm'
| 'schoolMedia' | 'schoolMedia';
| 'schoolTag';
type SchoolSubModuleOption = { type SchoolSubModuleOption = {
key: SchoolSubModuleType; key: SchoolSubModuleType;
@ -52,8 +51,7 @@ const subModuleOptions: SchoolSubModuleOption[] = [
{ key: 'schoolMajor', label: '专业管理' }, { key: 'schoolMajor', label: '专业管理' },
{ key: 'schoolEnrollPlan', label: '招生计划管理' }, { key: 'schoolEnrollPlan', label: '招生计划管理' },
{ key: 'schoolDorm', label: '宿舍管理' }, { key: 'schoolDorm', label: '宿舍管理' },
{ key: 'schoolMedia', label: '媒体管理' }, { key: 'schoolMedia', label: '媒体管理' }
{ key: 'schoolTag', label: '院校标签管理' }
]; ];
const activeTab = ref<SchoolSubModuleType>(props.activeModule); const activeTab = ref<SchoolSubModuleType>(props.activeModule);
@ -65,8 +63,7 @@ const componentMap = {
schoolMajor: SchoolMajorList, schoolMajor: SchoolMajorList,
schoolEnrollPlan: SchoolEnrollPlanList, schoolEnrollPlan: SchoolEnrollPlanList,
schoolDorm: SchoolDormList, schoolDorm: SchoolDormList,
schoolMedia: SchoolMediaList, schoolMedia: SchoolMediaList
schoolTag: SchoolTagList
} as const; } as const;
const activeComponent = computed(() => componentMap[activeTab.value]); const activeComponent = computed(() => componentMap[activeTab.value]);
@ -161,7 +158,7 @@ watch(
<NGi :span="8">办学性质{{ formatFieldValue(schoolInfo?.schoolNature) }}</NGi> <NGi :span="8">办学性质{{ formatFieldValue(schoolInfo?.schoolNature) }}</NGi>
<NGi :span="8">学历层次{{ formatFieldValue(schoolInfo?.educationLevel) }}</NGi> <NGi :span="8">学历层次{{ formatFieldValue(schoolInfo?.educationLevel) }}</NGi>
<NGi :span="8">主管部门{{ formatFieldValue(schoolInfo?.supervisorDept) }}</NGi> <NGi :span="8">主管部门{{ formatFieldValue(schoolInfo?.supervisorDept) }}</NGi>
<NGi :span="8">建校年份{{ formatFieldValue(schoolInfo?.establishYear) }}</NGi> <NGi :span="8">学校简称{{ formatFieldValue(schoolInfo?.shortName) }}</NGi>
</NGrid> </NGrid>
</NCard> </NCard>
<NDivider class="my-10px">子表管理区</NDivider> <NDivider class="my-10px">子表管理区</NDivider>

View File

@ -37,7 +37,7 @@ async function search() {
</script> </script>
<template> <template>
<NCard :bordered="false" size="small" class="card-wrapper"> <NCard :bordered="false" size="small" class="school-search-card card-wrapper">
<NCollapse> <NCollapse>
<NCollapseItem :title="$t('common.search')" name="art-school-tag-search"> <NCollapseItem :title="$t('common.search')" name="art-school-tag-search">
<NForm ref="formRef" :model="model" label-placement="left" :label-width="80"> <NForm ref="formRef" :model="model" label-placement="left" :label-width="80">