Files
education/frontend/node_modules/.cache/vue-loader/dfcd076b2caa5db085002db090375f8b.json
T

1 line
15 KiB
JSON

{"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\\teachBusiness\\teachingTask\\index.vue?vue&type=style&index=0&id=718f6c89&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachBusiness\\teachingTask\\index.vue","mtime":1787648748773},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5hcHAtY29udGFpbmVyIHsNCiAgcGFkZGluZzogMjBweDsNCn0NCg0KLnRlYWNoaW5nLXRhc2stcGFnZSB7DQogIC5wYWdlLXRpdGxlIHsNCiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7DQogICAgZm9udC1zaXplOiAyMHB4Ow0KICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgY29sb3I6ICMzMDMxMzM7DQogICAgbWFyZ2luLWJvdHRvbTogMjBweDsNCiAgfQ0KDQogIC8vID09PT09PT09PT09PT09PT09PT09IDEuIOafpeivouadoeS7tuWMuuWfnyA9PT09PT09PT09PT09PT09PT09PQ0KICAuc2VhcmNoLWNhcmQgew0KICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQoNCiAgICAuc2VhcmNoLWZvcm0gew0KICAgICAgLnNlYXJjaC1hY3Rpb25zIHsNCiAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDsNCiAgICAgICAgcGFkZGluZy10b3A6IDEycHg7DQogICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZWJlZWY1Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KDQogIC8vID09PT09PT09PT09PT09PT09PT09IDIuIOaVsOaNruihqOagvCA9PT09PT09PT09PT09PT09PT09PQ0KICAudGFibGUtY2FyZCB7DQogICAgLnBhZ2luYXRpb24gew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7DQogICAgICBtYXJnaW4tdG9wOiAxMnB4Ow0KICAgIH0NCiAgfQ0KDQogIC8vID09PT09PT09PT09PT09PT09PT09IDMuIOivpuaDhSA9PT09PT09PT09PT09PT09PT09PQ0KICAuZGV0YWlsLWVtcHR5IHsNCiAgICBtaW4taGVpZ2h0OiAxMjBweDsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7DQogICAgY29sb3I6ICM5MDkzOTk7DQogIH0NCn0NCg0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyPA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/teachBusiness/teachingTask","sourcesContent":["<template>\r\n <div class=\"app-container teaching-task-page\">\r\n <!-- ==================== 页面标题 ==================== -->\r\n <div class=\"page-title\">教学任务列表</div>\r\n\r\n <!-- ==================== 1. 查询条件区域 ==================== -->\r\n <el-card shadow=\"never\" class=\"search-card\">\r\n <el-form :model=\"searchForm\" label-width=\"80px\" class=\"search-form\">\r\n <el-row :gutter=\"24\">\r\n <el-col :xs=\"24\" :sm=\"12\" :md=\"8\">\r\n <el-form-item label=\"任务名称\">\r\n <el-input\r\n v-model=\"searchForm.rwmc\"\r\n placeholder=\"请输入任务名称\"\r\n clearable\r\n @keyup.enter.native=\"handleQuery\"\r\n />\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=\"年度\">\r\n <el-select\r\n v-model=\"searchForm.nd\"\r\n placeholder=\"请选择年度\"\r\n clearable\r\n style=\"width: 100%\"\r\n >\r\n <el-option v-for=\"y in yearOptions\" :key=\"y\" :label=\"y\" :value=\"y\" />\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=\"状态\">\r\n <el-select\r\n v-model=\"searchForm.zt\"\r\n placeholder=\"请选择状态\"\r\n clearable\r\n style=\"width: 100%\"\r\n >\r\n <el-option\r\n v-for=\"opt in statusOptions\"\r\n :key=\"opt.value\"\r\n :label=\"opt.label\"\r\n :value=\"opt.value\"\r\n />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n <div class=\"search-actions\">\r\n <el-button type=\"primary\" icon=\"el-icon-search\" @click=\"handleQuery\">查询</el-button>\r\n </div>\r\n </el-form>\r\n </el-card>\r\n\r\n <!-- ==================== 2. 数据表格 ==================== -->\r\n <el-card shadow=\"never\" class=\"table-card\">\r\n <el-table v-loading=\"loading\" :data=\"tableData\" border stripe>\r\n <template slot=\"empty\">\r\n <span>无数据!</span>\r\n </template>\r\n <el-table-column type=\"index\" label=\"序号\" width=\"70\" align=\"center\" />\r\n <el-table-column prop=\"bh\" label=\"编号\" width=\"100\" align=\"center\" show-overflow-tooltip />\r\n <el-table-column prop=\"rwmc\" label=\"任务名称\" width=\"250\" align=\"center\" show-overflow-tooltip />\r\n <el-table-column prop=\"nd\" label=\"年度\" width=\"150\" align=\"center\" />\r\n <el-table-column label=\"状态\" width=\"100\" align=\"center\">\r\n <template slot-scope=\"{ row }\">\r\n <el-tag :type=\"row.zt === '已发布' ? 'success' : 'info'\" size=\"small\">\r\n {{ row.zt || '-' }}\r\n </el-tag>\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"fbsj\" label=\"发布时间\" width=\"200\" align=\"center\" :formatter=\"fmtDateTime\" />\r\n <el-table-column prop=\"jssj\" label=\"结束时间\" width=\"200\" align=\"center\" :formatter=\"fmtDateTime\" />\r\n <el-table-column prop=\"cjsj\" label=\"创建时间\" width=\"200\" align=\"center\" :formatter=\"fmtDateTime\" />\r\n <el-table-column prop=\"jcxqscsj\" label=\"教材需求生成时间\" width=\"200\" align=\"center\" :formatter=\"fmtDateTime\" />\r\n <el-table-column label=\"操作\" align=\"center\" fixed=\"right\">\r\n <template slot-scope=\"{ row }\">\r\n <el-button type=\"text\" size=\"small\" @click=\"handleDetail(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\"\r\n @current-change=\"handlePageChange\"\r\n @size-change=\"handleSizeChange\"\r\n />\r\n </el-card>\r\n\r\n <!-- ==================== 3. 详情对话框 ==================== -->\r\n <el-dialog\r\n :visible=\"detailVisible\"\r\n title=\"教学任务详情\"\r\n width=\"620px\"\r\n :close-on-click-modal=\"false\"\r\n @update:visible=\"val => detailVisible = val\"\r\n >\r\n <el-descriptions v-if=\"detailData.bh\" :column=\"2\" border>\r\n <el-descriptions-item label=\"编号\">{{ detailData.bh || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"任务名称\">{{ detailData.rwmc || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"年度\">{{ fmtVal(detailData.nd) }}</el-descriptions-item>\r\n <el-descriptions-item label=\"状态\">{{ detailData.zt || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"发布时间\">{{ fmtVal(detailData.fbsj) }}</el-descriptions-item>\r\n <el-descriptions-item label=\"结束时间\">{{ fmtVal(detailData.jssj) }}</el-descriptions-item>\r\n <el-descriptions-item label=\"创建时间\">{{ fmtVal(detailData.cjsj) }}</el-descriptions-item>\r\n <el-descriptions-item label=\"教材需求生成时间\">{{ fmtVal(detailData.jcxqscsj) }}</el-descriptions-item>\r\n </el-descriptions>\r\n <div v-else v-loading=\"detailLoading\" class=\"detail-empty\">加载中...</div>\r\n <div slot=\"footer\">\r\n <el-button @click=\"detailVisible = false\">关闭</el-button>\r\n </div>\r\n </el-dialog>\r\n </div>\r\n</template>\r\n\r\n<script>\r\n/**\r\n * 教学任务列表(只读查询页)\r\n * 对应菜单:teachBusiness/teachingTask(原「分组课列表」页,下载类功能后端无接口已移除)\r\n * 仅提供 分页查询 list + 详情 get?bh=,不做增删改发(避免与教学任务计划管理页重复操作同一实体)\r\n * 增删改发统一在 src/views/teachOffice/taskPlan/index.vue(教学任务计划管理)完成\r\n */\r\nimport { listTeachingTask, getTeachingTask } from '@/api/teachBusiness/teachingTask'\r\nimport { listAllSemester } from '@/api/teachBusiness/semester'\r\n\r\nexport default {\r\n name: 'TeachingTask',\r\n data() {\r\n return {\r\n // ==================== 1. 查询条件 ====================\r\n searchForm: {\r\n rwmc: '',\r\n nd: undefined,\r\n zt: ''\r\n },\r\n yearOptions: [],\r\n statusOptions: [\r\n { label: '未发布', value: '未发布' },\r\n { label: '已发布', value: '已发布' }\r\n ],\r\n\r\n // ==================== 2. 表格数据 ====================\r\n loading: false,\r\n tableData: [],\r\n pageNum: 1,\r\n pageSize: 10,\r\n total: 0,\r\n\r\n // ==================== 3. 详情 ====================\r\n detailVisible: false,\r\n detailLoading: false,\r\n detailData: {}\r\n }\r\n },\r\n created() {\r\n this.loadYearOptions().then(() => this.fetchList())\r\n },\r\n methods: {\r\n /* ---------- 年度下拉(数据来自 /semester/all,禁止硬编码) ---------- */\r\n loadYearOptions() {\r\n return listAllSemester().then(response => {\r\n const list = response.data || []\r\n const map = {}\r\n list.forEach(item => {\r\n if (item.nd !== null && item.nd !== undefined && item.nd !== '') map[item.nd] = item\r\n })\r\n const arr = Object.keys(map).sort((a, b) => String(b).localeCompare(String(a)))\r\n this.yearOptions = arr\r\n // 默认年度:优先当前学期(dqxq=true),否则取最新年度\r\n const current = list.find(item => item.dqxq === true)\r\n const defaultNd = (current && current.nd) || arr[0]\r\n if (!this.searchForm.nd) this.searchForm.nd = defaultNd\r\n return arr\r\n }).catch(() => {\r\n this.yearOptions = []\r\n return []\r\n })\r\n },\r\n\r\n /* ---------- 通用格式化 ---------- */\r\n fmtDateTime(row, column, cellValue) {\r\n if (cellValue === null || cellValue === undefined || cellValue === '') return '-'\r\n return String(cellValue).replace('T', ' ').slice(0, 16)\r\n },\r\n fmtVal(val) {\r\n if (val === null || val === undefined || val === '') return '-'\r\n return String(val).replace('T', ' ').slice(0, 16)\r\n },\r\n\r\n /* ---------- 列表加载 ---------- */\r\n fetchList() {\r\n this.loading = true\r\n const params = { pageNum: this.pageNum, pageSize: this.pageSize }\r\n if (this.searchForm.rwmc && this.searchForm.rwmc.trim()) params.rwmc = this.searchForm.rwmc.trim()\r\n if (this.searchForm.nd !== undefined && this.searchForm.nd !== null && this.searchForm.nd !== '') {\r\n params.nd = this.searchForm.nd\r\n }\r\n if (this.searchForm.zt && this.searchForm.zt.trim()) params.zt = this.searchForm.zt.trim()\r\n listTeachingTask(params).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.loading = false\r\n }).catch(() => {\r\n this.tableData = []\r\n this.total = 0\r\n this.loading = false\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(page) {\r\n this.pageNum = page\r\n this.fetchList()\r\n },\r\n\r\n handleSizeChange(size) {\r\n this.pageSize = size\r\n this.pageNum = 1\r\n this.fetchList()\r\n },\r\n\r\n /* ---------- 详情(只读,走真实 get?bh= 接口) ---------- */\r\n handleDetail(row) {\r\n this.detailVisible = true\r\n this.detailLoading = true\r\n this.detailData = {}\r\n getTeachingTask(row.bh).then(res => {\r\n this.detailData = (res && res.data) || {}\r\n this.detailLoading = false\r\n }).catch(() => {\r\n this.detailLoading = false\r\n })\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.teaching-task-page {\r\n .page-title {\r\n text-align: center;\r\n font-size: 20px;\r\n font-weight: 600;\r\n color: #303133;\r\n margin-bottom: 20px;\r\n }\r\n\r\n // ==================== 1. 查询条件区域 ====================\r\n .search-card {\r\n margin-bottom: 16px;\r\n\r\n .search-form {\r\n .search-actions {\r\n display: flex;\r\n justify-content: flex-end;\r\n padding-top: 12px;\r\n border-top: 1px solid #ebeef5;\r\n }\r\n }\r\n }\r\n\r\n // ==================== 2. 数据表格 ====================\r\n .table-card {\r\n .pagination {\r\n display: flex;\r\n justify-content: flex-end;\r\n margin-top: 12px;\r\n }\r\n }\r\n\r\n // ==================== 3. 详情 ====================\r\n .detail-empty {\r\n min-height: 120px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #909399;\r\n }\r\n}\r\n\r\n</style>\r\n"]}]}