zhaichao/education
1
0
Fork 0
forked from liweijie/education
Code Pull Requests Activity
Files
394eb0285dda1f4cfd0c7ce36093db9283d0bce2
education/frontend/node_modules/.cache/vue-loader/a48104147a8972fd401347841f13c338.json
T

1 line
36 KiB
JSON
Raw Blame History

{"remainingRequest":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachOffice\\subject\\index.vue?vue&type=style&index=0&id=66b271f2&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachOffice\\subject\\index.vue","mtime":1787567993852},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\css-loader\\dist\\cjs.js","mtime":1787309792478},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":1787309794547},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\postcss-loader\\src\\index.js","mtime":1787309793084},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\sass-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1787309791955},{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\node_modules\\vue-loader\\lib\\index.js","mtime":1787309793790}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouYXBwLWNvbnRhaW5lciB7DQogIHBhZGRpbmc6IDIwcHg7DQp9DQoNCi8vID09PT09PT09PT09PT09PT09PT09IDEuIOmhtumDqOeKtuaAgeaPkOekuiA9PT09PT09PT09PT09PT09PT09PQ0KLnN0YXR1cy10aXAgew0KICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7DQogIGJhY2tncm91bmQ6ICNkYzM1NDU7DQogIGNvbG9yOiAjZmZmOw0KICBmb250LXNpemU6IDEycHg7DQogIHBhZGRpbmc6IDNweCAxMHB4Ow0KICBib3JkZXItcmFkaXVzOiA0cHg7DQogIG1hcmdpbi1ib3R0b206IDEycHg7DQp9DQoNCi8vID09PT09PT09PT09PT09PT09PT09IDIuIOafpeivouadoeS7tuWMuuWfnyA9PT09PT09PT09PT09PT09PT09PQ0KLnNlYXJjaC1jYXJkIHsNCiAgbWFyZ2luLWJvdHRvbTogMTZweDsNCg0KICAucXVlcnktZmllbGQgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBtYXJnaW4tYm90dG9tOiAxNHB4Ow0KICAgIG1pbi1oZWlnaHQ6IDMycHg7DQoNCiAgICA6OnYtZGVlcCguZWwtY2hlY2tib3gpIHsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KICAgICAgZmxleC1zaHJpbms6IDA7DQogICAgfQ0KDQogICAgLnEtbGFiZWwgew0KICAgICAgd2lkdGg6IDEyMHB4Ow0KICAgICAgZmxleC1zaHJpbms6IDA7DQogICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICBjb2xvcjogIzMwMzEzMzsNCiAgICAgIHRleHQtYWxpZ246IHJpZ2h0Ow0KICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDsNCg0KICAgICAgJi5uby1jaGVjayB7DQogICAgICAgIG1hcmdpbi1sZWZ0OiAyNHB4Ow0KICAgICAgfQ0KICAgIH0NCg0KICAgIC5xLWNvbnRyb2wgew0KICAgICAgZmxleDogMTsNCiAgICAgIG1pbi13aWR0aDogMDsNCiAgICB9DQogIH0NCg0KICAubm90aWNlIHsNCiAgICBmb250LXNpemU6IDEycHg7DQogICAgY29sb3I6ICNmNTZjNmM7DQogICAgbWFyZ2luLXRvcDogOHB4Ow0KICAgIHRleHQtYWxpZ246IGxlZnQ7DQogIH0NCg0KfQ0KDQovLyA9PT09PT09PT09PT09PT09PT09PSAzLiDmk43kvZzmjInpkq7ljLrln58gPT09PT09PT09PT09PT09PT09PT0NCi5hY3Rpb24tY2FyZCB7DQogIG1hcmdpbi1ib3R0b206IDE2cHg7DQoNCiAgLmFjdGlvbi1yb3cgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgZmxleC13cmFwOiB3cmFwOw0KICAgIGdhcDogMTJweDsNCiAgICBtYXJnaW4tYm90dG9tOiAxMnB4Ow0KDQogICAgJjpsYXN0LWNoaWxkIHsNCiAgICAgIG1hcmdpbi1ib3R0b206IDA7DQogICAgfQ0KICB9DQp9DQoNCi8vID09PT09PT09PT09PT09PT09PT09IDQuIOaWh+S7tuS4iuS8oOWMuuWfnyA9PT09PT09PT09PT09PT09PT09PQ0KLnVwbG9hZC1jYXJkIHsNCiAgbWFyZ2luLWJvdHRvbTogMTZweDsNCg0KICAudXBsb2FkLXJvdyB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgZ2FwOiAxMnB4Ow0KDQogICAgLnVwbG9hZC1sZWZ0IHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgZ2FwOiAxMnB4Ow0KDQogICAgICAuZmlsZS1uYW1lIHsNCiAgICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgICAgICBjb2xvcjogIzk5OTsNCg0KICAgICAgICAmLmhhcy1maWxlIHsNCiAgICAgICAgICBjb2xvcjogIzMwMzEzMzsNCiAgICAgICAgfQ0KICAgICAgfQ0KICAgIH0NCg0KICAgIC51cGxvYWQtcmlnaHQgew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBnYXA6IDEycHg7DQogICAgfQ0KICB9DQp9DQoNCi8vID09PT09PT09PT09PT09PT09PT09IDUuIOe6ouiJsuaPkOekuuaWh+WtlyA9PT09PT09PT09PT09PT09PT09PQ0KLnJlZC10aXAgew0KICBmb250LXNpemU6IDE0cHg7DQogIGNvbG9yOiAjZjU2YzZjOw0KICBtYXJnaW4tYm90dG9tOiAxNnB4Ow0KICBsaW5lLWhlaWdodDogMS42Ow0KfQ0KDQovLyA9PT09PT09PT09PT09PT09PT09PSA2LiDmlbDmja7ooajmoLzljLrln58gPT09PT09PT09PT09PT09PT09PT0NCi50YWJsZS1jYXJkIHsNCiAgLnBhZ2luYXRpb24td3JhcHBlciB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOw0KICAgIG1hcmdpbi10b3A6IDE2cHg7DQogIH0NCg0KICA6OnYtZGVlcCguZWwtdGFibGUgLmNlbGwpIHsNCiAgICBmb250LXNpemU6IDEycHg7DQogIH0NCg0KICAudGV4dC1kYW5nZXIgew0KICAgIGNvbG9yOiAjZjU2YzZjOw0KICB9DQp9DQoNCi8vID09PT09PT09PT09PT09PT09PT09IOaWsOWini/nvJbovpHlvLnnqpcgPT09PT09PT09PT09PT09PT09PT0NCi5hZGQtZGlhbG9nIHsNCiAgOjp2LWRlZXAoLmVsLWRpYWxvZ19fYm9keSkgew0KICAgIG1heC1oZWlnaHQ6IDcwdmg7DQogICAgb3ZlcmZsb3c6IGF1dG87DQogIH0NCn0NCg0KLmFkZC1mb3JtIHsNCiAgLnctZnVsbCB7DQogICAgd2lkdGg6IDEwMCU7DQogIH0NCn0NCg0KLmRpYWxvZy1mb290ZXIgew0KICBkaXNwbGF5OiBmbGV4Ow0KICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOw0KICBnYXA6IDEycHg7DQp9DQoNCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6kBA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/teachOffice/subject","sourcesContent":["<template>\r\n <div class=\"app-container management-page subject-page\">\r\n\r\n <!-- ==================== 2. 查询条件区域 ==================== -->\r\n <el-card shadow=\"never\" class=\"search-card\">\r\n <div class=\"section-heading\">\r\n <div>\r\n <h2 class=\"section-title\">筛选条件</h2>\r\n <p class=\"section-description\">按课程名称、代码和培训属性筛选课程科目</p>\r\n </div>\r\n <el-button type=\"primary\" icon=\"el-icon-search\" @click=\"handleQuery\">查询</el-button>\r\n </div>\r\n <el-form :model=\"searchForm\">\r\n <el-row :gutter=\"32\">\r\n <!-- 左栏 -->\r\n <el-col :xs=\"24\" :md=\"12\">\r\n <div class=\"query-field\">\r\n <span class=\"q-label no-check\">课名称</span>\r\n <el-input v-model=\"searchForm.kmc\" placeholder=\"请输入课名称\" clearable class=\"q-control\" />\r\n </div>\r\n <div class=\"query-field\">\r\n <span class=\"q-label no-check\">科目代码</span>\r\n <el-input v-model=\"searchForm.kmdm\" placeholder=\"请输入科目代码\" clearable class=\"q-control\" />\r\n </div>\r\n <div class=\"query-field\">\r\n <span class=\"q-label no-check\">培训层次</span>\r\n <el-input v-model=\"searchForm.pxcc\" placeholder=\"请输入培训层次\" clearable class=\"q-control\" />\r\n </div>\r\n <div class=\"query-field\">\r\n <span class=\"q-label no-check\">课程类型</span>\r\n <el-input v-model=\"searchForm.kclx\" placeholder=\"请输入课程类型\" clearable class=\"q-control\" />\r\n </div>\r\n </el-col>\r\n\r\n <!-- 右栏 -->\r\n <el-col :xs=\"24\" :md=\"12\">\r\n <div class=\"query-field\">\r\n <span class=\"q-label no-check\">简称</span>\r\n <el-input v-model=\"searchForm.jc\" placeholder=\"请输入简称\" clearable class=\"q-control\" />\r\n </div>\r\n <div class=\"query-field\">\r\n <span class=\"q-label no-check\">教研室代号</span>\r\n <el-input v-model=\"searchForm.jysdh\" placeholder=\"请输入教研室代号\" clearable class=\"q-control\" />\r\n </div>\r\n <div class=\"query-field\">\r\n <span class=\"q-label no-check\">培训类型</span>\r\n <el-input v-model=\"searchForm.pxlx\" placeholder=\"请输入培训类型\" clearable class=\"q-control\" />\r\n </div>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n\r\n </el-card>\r\n\r\n <!-- ==================== 3. 操作按钮区域 ==================== -->\r\n <el-card shadow=\"never\" class=\"action-card\">\r\n <div class=\"section-heading section-heading--compact\">\r\n <div>\r\n <h2 class=\"section-title\">课程科目操作</h2>\r\n <p class=\"section-description\">维护课程科目，或下载业务数据与导入模板</p>\r\n </div>\r\n </div>\r\n <div class=\"action-row\">\r\n <el-button type=\"primary\" icon=\"el-icon-plus\" @click=\"handleOpenDialog\">新建课程科目</el-button>\r\n <el-button type=\"danger\" plain icon=\"el-icon-delete\" @click=\"handleBatchDelete\">删除所选</el-button>\r\n <el-button icon=\"el-icon-download\" @click=\"handleDownloadCourse\">下载课程科目基本信息</el-button>\r\n <el-button icon=\"el-icon-download\" @click=\"handleDownloadTextbook\">下载课程教材基本信息</el-button>\r\n </div>\r\n <div class=\"action-row\">\r\n <el-button icon=\"el-icon-download\" @click=\"handleDownloadTemplate\">【课程科目数据文件模板】下载</el-button>\r\n </div>\r\n </el-card>\r\n\r\n <!-- ==================== 4. 文件上传区域 ==================== -->\r\n <el-card shadow=\"never\" class=\"upload-card\">\r\n <div class=\"section-heading section-heading--compact\">\r\n <div>\r\n <h2 class=\"section-title\">数据导入</h2>\r\n <p class=\"section-description\">选择填写完成的课程科目模板并上传</p>\r\n </div>\r\n </div>\r\n <div class=\"upload-row\">\r\n <div class=\"upload-left\">\r\n <el-button icon=\"el-icon-folder-opened\" @click=\"handleSelectFile\">选择文件</el-button>\r\n <span class=\"file-name\" :class=\"{ 'has-file': selectedFile }\">{{ fileName }}</span>\r\n <input ref=\"fileInputRef\" type=\"file\" style=\"display: none\" @change=\"handleFileChange\" />\r\n </div>\r\n <div class=\"upload-right\">\r\n <el-checkbox v-model=\"coverExist\">覆盖已存在课程科目</el-checkbox>\r\n <el-button type=\"primary\" icon=\"el-icon-upload2\" @click=\"handleUpload\">上传数据</el-button>\r\n </div>\r\n </div>\r\n </el-card>\r\n\r\n <!-- ==================== 6. 数据表格区域 ==================== -->\r\n <el-card shadow=\"never\" class=\"table-card\">\r\n <div class=\"section-heading section-heading--compact table-heading\">\r\n <div>\r\n <h2 class=\"section-title\">课程科目列表</h2>\r\n <p class=\"section-description\">共 {{ total }} 条数据</p>\r\n </div>\r\n </div>\r\n <el-table v-loading=\"loading\" :data=\"tableData\" stripe border highlight-current-row\r\n @selection-change=\"handleSelectionChange\">\r\n <el-table-column type=\"selection\" width=\"40\" align=\"center\" />\r\n <el-table-column prop=\"kbh\" label=\"课编号\" width=\"130\" show-overflow-tooltip />\r\n <el-table-column prop=\"kmc\" label=\"课名称\" width=\"200\" show-overflow-tooltip />\r\n <el-table-column prop=\"jc\" label=\"简称\" width=\"130\" show-overflow-tooltip />\r\n <el-table-column prop=\"jysdh\" label=\"教研室代号\" width=\"150\" show-overflow-tooltip />\r\n <el-table-column prop=\"kclx\" label=\"课程类型\" width=\"150\" align=\"center\" />\r\n <el-table-column prop=\"pxlx\" label=\"培训类型\" width=\"150\" align=\"center\" />\r\n <el-table-column prop=\"pxcc\" label=\"培训层次\" width=\"200\" align=\"center\" />\r\n <el-table-column prop=\"xf\" label=\"学分\" align=\"center\" />\r\n <el-table-column prop=\"xs\" label=\"学时\" width=\"160\" align=\"center\" />\r\n <el-table-column label=\"操作\" width=\"150\" align=\"center\" fixed=\"right\">\r\n <template slot-scope=\"{ row }\">\r\n <el-button type=\"text\" size=\"small\" @click=\"handleEdit(row)\">编辑</el-button>\r\n <el-button type=\"text\" size=\"small\" class=\"text-danger\" @click=\"handleDelete(row)\">删除</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n\r\n <el-pagination\r\n :current-page=\"pageNum\"\r\n :page-size=\"pageSize\"\r\n :total=\"total\"\r\n :page-sizes=\"[10, 20, 50, 100]\"\r\n layout=\"total, sizes, prev, pager, next, jumper\"\r\n class=\"pagination-wrapper\"\r\n @current-change=\"handlePageChange\"\r\n @size-change=\"handleSizeChange\"\r\n />\r\n </el-card>\r\n\r\n <!-- 新增/编辑课程科目弹窗 -->\r\n <el-dialog\r\n :visible=\"dialogVisible\"\r\n :title=\"dialogTitle\"\r\n width=\"1000px\"\r\n :close-on-click-modal=\"false\"\r\n class=\"add-dialog\"\r\n @update:visible=\"val => dialogVisible = val\"\r\n >\r\n <el-form ref=\"addFormRef\" :model=\"addForm\" :rules=\"rules\" label-width=\"120px\" class=\"add-form\" :status-icon=\"false\">\r\n <el-row :gutter=\"24\">\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"课编号\" prop=\"kbh\">\r\n <el-input v-model=\"addForm.kbh\" :disabled=\"isEdit\" placeholder=\"新增时留空自动生成\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"课名称\" prop=\"kmc\">\r\n <el-input v-model=\"addForm.kmc\" placeholder=\"请输入课名称\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"简称\" prop=\"jc\">\r\n <el-input v-model=\"addForm.jc\" placeholder=\"请输入简称\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"教研室代号\" prop=\"jysdh\">\r\n <el-input v-model=\"addForm.jysdh\" placeholder=\"请输入教研室代号\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"学分\" prop=\"xf\">\r\n <el-input-number v-model=\"addForm.xf\" :min=\"0\" :precision=\"1\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"学时\" prop=\"xs\">\r\n <el-input-number v-model=\"addForm.xs\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"培训层次\" prop=\"pxcc\">\r\n <el-input v-model=\"addForm.pxcc\" placeholder=\"请输入培训层次\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"培训类型\" prop=\"pxlx\">\r\n <el-input v-model=\"addForm.pxlx\" placeholder=\"请输入培训类型\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"课程类型\" prop=\"kclx\">\r\n <el-input v-model=\"addForm.kclx\" placeholder=\"请输入课程类型\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"考试课时\" prop=\"ksks\">\r\n <el-input-number v-model=\"addForm.ksks\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"成绩分制\" prop=\"cjfz\">\r\n <el-input v-model=\"addForm.cjfz\" placeholder=\"请输入成绩分制\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"不计入学员平均分\" prop=\"bjrxypjf\">\r\n <el-select v-model=\"addForm.bjrxypjf\" class=\"w-full\">\r\n <el-option label=\"否\" :value=\"0\" />\r\n <el-option label=\"是\" :value=\"1\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"理论学时\" prop=\"llxs\">\r\n <el-input-number v-model=\"addForm.llxs\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"实践学时\" prop=\"sjxs\">\r\n <el-input-number v-model=\"addForm.sjxs\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"周课时\" prop=\"zks\">\r\n <el-input-number v-model=\"addForm.zks\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"课类型\" prop=\"klx\">\r\n <el-input v-model=\"addForm.klx\" placeholder=\"请输入课类型\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"考试课时不显示\" prop=\"ksksbxs\">\r\n <el-select v-model=\"addForm.ksksbxs\" class=\"w-full\">\r\n <el-option label=\"否\" :value=\"0\" />\r\n <el-option label=\"是\" :value=\"1\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"课程统一编号\" prop=\"kctybh\">\r\n <el-input v-model=\"addForm.kctybh\" placeholder=\"请输入课程统一编号\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"辅导答疑课时\" prop=\"fddyks\">\r\n <el-input-number v-model=\"addForm.fddyks\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"自修课时\" prop=\"zxks\">\r\n <el-input-number v-model=\"addForm.zxks\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"修订日期\" prop=\"xdrq\">\r\n <el-input v-model=\"addForm.xdrq\" placeholder=\"如 2026-08-24\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"节次优选级\" prop=\"jcyxj\">\r\n <el-input v-model=\"addForm.jcyxj\" placeholder=\"请输入节次优选级\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"课程支持方式\" prop=\"kczcfs\">\r\n <el-input v-model=\"addForm.kczcfs\" placeholder=\"请输入课程支持方式\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"课程建设方式\" prop=\"kcjsfs\">\r\n <el-input v-model=\"addForm.kcjsfs\" placeholder=\"请输入课程建设方式\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"政治类课程\" prop=\"zzlkc\">\r\n <el-select v-model=\"addForm.zzlkc\" class=\"w-full\">\r\n <el-option label=\"否\" :value=\"0\" />\r\n <el-option label=\"是\" :value=\"1\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"考核方式\" prop=\"khfs\">\r\n <el-input v-model=\"addForm.khfs\" placeholder=\"请输入考核方式\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"形成性成绩分值\" prop=\"xcxcjfz\">\r\n <el-input-number v-model=\"addForm.xcxcjfz\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"终结性成绩分值\" prop=\"zjxcjfz\">\r\n <el-input-number v-model=\"addForm.zjxcjfz\" :min=\"0\" controls-position=\"right\" class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"密级\" prop=\"mj\">\r\n <el-input v-model=\"addForm.mj\" placeholder=\"请输入密级\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"评选情况\" prop=\"pxqk\">\r\n <el-input v-model=\"addForm.pxqk\" placeholder=\"请输入评选情况\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :xs=\"24\" :sm=\"24\" :md=\"24\">\r\n <el-form-item label=\"备注\">\r\n <el-input v-model=\"addForm.bz\" type=\"textarea\" :rows=\"2\" placeholder=\"请输入备注\" />\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n <div slot=\"footer\">\r\n <div class=\"dialog-footer\">\r\n <el-button @click=\"handleCancel\">取消</el-button>\r\n <el-button type=\"primary\" :loading=\"addLoading\" @click=\"handleSubmit\">保存</el-button>\r\n </div>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport { listKb as listSubject, addKb as addSubject, updateKb as updateSubject, deleteKb as deleteSubject, getKb } from '@/api/teachOffice/kb'\r\n\r\nexport default {\r\n name: 'SubjectIndex',\r\n data() {\r\n return {\r\n // ==================== 1. 顶部状态提示 ====================\r\n statusTip: '请输入查询条件',\r\n\r\n // ==================== 2. 查询条件 ====================\r\n searchForm: {\r\n kmc: '',\r\n jc: '',\r\n kmdm: '',\r\n jysdh: '',\r\n kclx: '',\r\n pxlx: '',\r\n pxcc: ''\r\n },\r\n\r\n // ==================== 列表数据 ====================\r\n loading: false,\r\n tableData: [],\r\n total: 0,\r\n pageNum: 1,\r\n pageSize: 20,\r\n selectedRows: [],\r\n\r\n // ==================== 文件上传 ====================\r\n selectedFile: null,\r\n coverExist: false,\r\n\r\n // ==================== 新增/编辑弹窗 ====================\r\n dialogVisible: false,\r\n addLoading: false,\r\n isEdit: false,\r\n addForm: this.createEmptyForm(),\r\n rules: {\r\n kmc: [{ required: true, message: '请输入课名称', trigger: 'blur' }],\r\n jysdh: [{ required: true, message: '请输入教研室代号', trigger: 'blur' }],\r\n xf: [{ required: true, message: '请输入学分', trigger: 'blur' }],\r\n pxcc: [{ required: true, message: '请输入培训层次', trigger: 'blur' }],\r\n pxlx: [{ required: true, message: '请输入培训类型', trigger: 'blur' }],\r\n kclx: [{ required: true, message: '请输入课程类型', trigger: 'blur' }],\r\n ksks: [{ required: true, message: '请输入考试课时', trigger: 'blur' }],\r\n cjfz: [{ required: true, message: '请输入成绩分制', trigger: 'blur' }],\r\n llxs: [{ required: true, message: '请输入理论学时', trigger: 'blur' }],\r\n sjxs: [{ required: true, message: '请输入实践学时', trigger: 'blur' }],\r\n zks: [{ required: true, message: '请输入周课时', trigger: 'blur' }],\r\n klx: [{ required: true, message: '请输入课类型', trigger: 'blur' }],\r\n kctybh: [{ required: true, message: '请输入课程统一编号', trigger: 'blur' }],\r\n fddyks: [{ required: true, message: '请输入辅导答疑课时', trigger: 'blur' }],\r\n zxks: [{ required: true, message: '请输入自修课时', trigger: 'blur' }],\r\n xdrq: [{ required: true, message: '请输入修订日期', trigger: 'blur' }],\r\n jcyxj: [{ required: true, message: '请输入节次优选级', trigger: 'blur' }],\r\n kczcfs: [{ required: true, message: '请输入课程支持方式', trigger: 'blur' }],\r\n kcjsfs: [{ required: true, message: '请输入课程建设方式', trigger: 'blur' }],\r\n khfs: [{ required: true, message: '请输入考核方式', trigger: 'blur' }],\r\n xcxcjfz: [{ required: true, message: '请输入形成性成绩分值', trigger: 'blur' }],\r\n zjxcjfz: [{ required: true, message: '请输入终结性成绩分值', trigger: 'blur' }],\r\n mj: [{ required: true, message: '请输入密级', trigger: 'blur' }],\r\n pxqk: [{ required: true, message: '请输入评选情况', trigger: 'blur' }]\r\n }\r\n }\r\n },\r\n computed: {\r\n dialogTitle() {\r\n return this.isEdit ? '编辑课程科目' : '新增课程科目'\r\n },\r\n fileName() {\r\n return (this.selectedFile && this.selectedFile.name) || '未选择任何文件'\r\n }\r\n },\r\n mounted() {\r\n this.fetchList()\r\n },\r\n methods: {\r\n /** 移除空值 */\r\n cleanPayload(obj) {\r\n const payload = {}\r\n Object.keys(obj).forEach(key => {\r\n const value = obj[key]\r\n if (value !== '' && value !== null && value !== undefined) {\r\n payload[key] = value\r\n }\r\n })\r\n return payload\r\n },\r\n\r\n /** 创建空白课程科目表单 */\r\n createEmptyForm() {\r\n return {\r\n kbh: '', kmc: '', jysdh: '', bz: '', xh: '', xf: 0, jc: '', xs: 0,\r\n pxcc: '', pxlx: '', kclx: '', ksks: 0, py: '', gfmc: '', cjfz: '',\r\n bjrxypjf: 0, jxglbmbh: '', llxs: 0, sjxs: 0, kmdm: '', zks: 0, klx: '',\r\n ksksbxs: 0, kctybh: '', sydx: '', fddyks: 0, zxks: 0, bb: '', xdrq: '',\r\n jcyxj: '', kczcfs: '', kcjsfs: '', jsonzd: '', zzlkc: 0, khfs: '',\r\n xcxcjfz: 0, zjxcjfz: 0, mj: '', pxqk: ''\r\n }\r\n },\r\n\r\n resetForm() {\r\n this.addForm = this.createEmptyForm()\r\n },\r\n\r\n // ==================== 列表加载 ====================\r\n buildQuery() {\r\n return this.cleanPayload({\r\n pageNum: this.pageNum,\r\n pageSize: this.pageSize,\r\n kmc: this.searchForm.kmc,\r\n jc: this.searchForm.jc,\r\n kmdm: this.searchForm.kmdm,\r\n jysdh: this.searchForm.jysdh,\r\n kclx: this.searchForm.kclx,\r\n pxlx: this.searchForm.pxlx,\r\n pxcc: this.searchForm.pxcc\r\n })\r\n },\r\n\r\n fetchList() {\r\n this.loading = true\r\n listSubject(this.buildQuery())\r\n .then(res => {\r\n const data = (res && res.data) || {}\r\n this.tableData = data.records || []\r\n this.total = data.total || 0\r\n this.statusTip = `共检索到 ${this.total} 条记录`\r\n })\r\n .finally(() => {\r\n this.loading = false\r\n })\r\n },\r\n\r\n // ==================== 查询 ====================\r\n handleQuery() {\r\n this.pageNum = 1\r\n this.fetchList()\r\n },\r\n\r\n handlePageChange(current) {\r\n this.pageNum = current\r\n this.fetchList()\r\n },\r\n handleSizeChange(size) {\r\n this.pageSize = size\r\n this.pageNum = 1\r\n this.fetchList()\r\n },\r\n handleSelectionChange(rows) {\r\n this.selectedRows = rows\r\n },\r\n\r\n // ==================== 删除所选 ====================\r\n handleBatchDelete() {\r\n if (this.selectedRows.length === 0) {\r\n this.$message.warning('请先选择要删除的记录')\r\n return\r\n }\r\n const kbhList = this.selectedRows.map(r => r.kbh)\r\n this.$confirm(`确定删除所选 ${kbhList.length} 条课程科目吗？`, '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n const tasks = kbhList.map(kbh => deleteSubject(kbh))\r\n Promise.all(tasks)\r\n .then(() => {\r\n this.$message.success(`已删除 ${kbhList.length} 条记录`)\r\n this.fetchList()\r\n })\r\n .catch(() => {\r\n this.$message.error('删除失败')\r\n })\r\n }).catch(() => {})\r\n },\r\n\r\n /** 单条删除 */\r\n handleDelete(row) {\r\n this.$confirm(`确定删除课程科目「${row.kmc || row.kbh}」吗？`, '提示', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n }).then(() => {\r\n return deleteSubject(row.kbh)\r\n }).then(() => {\r\n this.$message.success('删除成功')\r\n this.fetchList()\r\n }).catch((err) => {\r\n if (err && err !== 'cancel') {\r\n this.$message.error('删除失败')\r\n }\r\n })\r\n },\r\n\r\n // ==================== 下载（后端暂未提供） ====================\r\n handleDownloadCourse() {\r\n this.$message.warning('后端暂未提供该接口')\r\n },\r\n handleDownloadTextbook() {\r\n this.$message.warning('后端暂未提供该接口')\r\n },\r\n handleDownloadTemplate() {\r\n this.$message.warning('后端暂未提供该接口')\r\n },\r\n\r\n // ==================== 文件上传（后端暂未提供） ====================\r\n handleSelectFile() {\r\n this.$refs.fileInputRef && this.$refs.fileInputRef.click()\r\n },\r\n\r\n handleFileChange(e) {\r\n const input = e.target\r\n this.selectedFile = (input.files && input.files[0]) || null\r\n },\r\n\r\n handleUpload() {\r\n this.$message.warning('后端暂未提供该接口')\r\n },\r\n\r\n // ==================== 新增/编辑弹窗 ====================\r\n handleOpenDialog() {\r\n this.isEdit = false\r\n this.resetForm()\r\n this.dialogVisible = true\r\n },\r\n\r\n handleEdit(row) {\r\n this.addLoading = true\r\n getKb(row.kbh)\r\n .then(res => {\r\n const data = (res && res.data) || row\r\n this.isEdit = true\r\n this.addForm = Object.assign(this.createEmptyForm(), data)\r\n this.dialogVisible = true\r\n })\r\n .finally(() => {\r\n this.addLoading = false\r\n })\r\n },\r\n\r\n handleSubmit() {\r\n this.$refs.addFormRef.validate((valid) => {\r\n if (!valid) return\r\n this.addLoading = true\r\n const payload = this.cleanPayload({ ...this.addForm })\r\n const requestFn = this.isEdit ? updateSubject : addSubject\r\n requestFn(payload)\r\n .then(() => {\r\n this.$message.success(this.isEdit ? '修改成功' : '保存成功')\r\n this.dialogVisible = false\r\n this.fetchList()\r\n })\r\n .finally(() => {\r\n this.addLoading = false\r\n })\r\n })\r\n },\r\n\r\n handleCancel() {\r\n this.dialogVisible = false\r\n }\r\n }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.app-container {\r\n padding: 20px;\r\n}\r\n\r\n// ==================== 1. 顶部状态提示 ====================\r\n.status-tip {\r\n display: inline-block;\r\n background: #dc3545;\r\n color: #fff;\r\n font-size: 12px;\r\n padding: 3px 10px;\r\n border-radius: 4px;\r\n margin-bottom: 12px;\r\n}\r\n\r\n// ==================== 2. 查询条件区域 ====================\r\n.search-card {\r\n margin-bottom: 16px;\r\n\r\n .query-field {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 14px;\r\n min-height: 32px;\r\n\r\n ::v-deep(.el-checkbox) {\r\n margin-right: 6px;\r\n flex-shrink: 0;\r\n }\r\n\r\n .q-label {\r\n width: 120px;\r\n flex-shrink: 0;\r\n font-size: 13px;\r\n color: #303133;\r\n text-align: right;\r\n margin-right: 10px;\r\n white-space: nowrap;\r\n\r\n &.no-check {\r\n margin-left: 24px;\r\n }\r\n }\r\n\r\n .q-control {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n }\r\n\r\n .notice {\r\n font-size: 12px;\r\n color: #f56c6c;\r\n margin-top: 8px;\r\n text-align: left;\r\n }\r\n\r\n}\r\n\r\n// ==================== 3. 操作按钮区域 ====================\r\n.action-card {\r\n margin-bottom: 16px;\r\n\r\n .action-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n margin-bottom: 12px;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\r\n}\r\n\r\n// ==================== 4. 文件上传区域 ====================\r\n.upload-card {\r\n margin-bottom: 16px;\r\n\r\n .upload-row {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n\r\n .upload-left {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n\r\n .file-name {\r\n font-size: 12px;\r\n color: #999;\r\n\r\n &.has-file {\r\n color: #303133;\r\n }\r\n }\r\n }\r\n\r\n .upload-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n }\r\n}\r\n\r\n// ==================== 5. 红色提示文字 ====================\r\n.red-tip {\r\n font-size: 14px;\r\n color: #f56c6c;\r\n margin-bottom: 16px;\r\n line-height: 1.6;\r\n}\r\n\r\n// ==================== 6. 数据表格区域 ====================\r\n.table-card {\r\n .pagination-wrapper {\r\n display: flex;\r\n justify-content: flex-end;\r\n margin-top: 16px;\r\n }\r\n\r\n ::v-deep(.el-table .cell) {\r\n font-size: 12px;\r\n }\r\n\r\n .text-danger {\r\n color: #f56c6c;\r\n }\r\n}\r\n\r\n// ==================== 新增/编辑弹窗 ====================\r\n.add-dialog {\r\n ::v-deep(.el-dialog__body) {\r\n max-height: 70vh;\r\n overflow: auto;\r\n }\r\n}\r\n\r\n.add-form {\r\n .w-full {\r\n width: 100%;\r\n }\r\n}\r\n\r\n.dialog-footer {\r\n display: flex;\r\n justify-content: flex-end;\r\n gap: 12px;\r\n}\r\n\r\n</style>\r\n"]}]}
View Git Blame Copy Permalink