forked from liweijie/education
1 line
26 KiB
JSON
1 line
26 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\\teachingLog\\organLog\\components\\logView.vue?vue&type=style&index=0&id=101111aa&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachingLog\\organLog\\components\\logView.vue","mtime":1787640892027},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoucGFnZS1jb250YWluZXIgew0KICBwYWRkaW5nOiA0cHggOHB4Ow0KfQ0KDQouc2VhcmNoLWNhcmQgew0KICBtYXJnaW4tYm90dG9tOiAxNnB4Ow0KDQogIC5zZWFyY2gtZm9ybSB7DQogICAgLnctZnVsbCB7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICB9DQoNCiAgICA6OnYtZGVlcCAuZWwtcm93IHsNCiAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAjZWJlZWY1Ow0KDQogICAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgICBib3JkZXItYm90dG9tOiBub25lOw0KICAgICAgfQ0KICAgIH0NCg0KICAgIDo6di1kZWVwIC5lbC1jb2wgew0KICAgICAgYm9yZGVyLXJpZ2h0OiAxcHggc29saWQgI2ViZWVmNTsNCg0KICAgICAgJjpsYXN0LWNoaWxkIHsNCiAgICAgICAgYm9yZGVyLXJpZ2h0OiBub25lOw0KICAgICAgfQ0KICAgIH0NCg0KICAgIDo6di1kZWVwIC5lbC1mb3JtLWl0ZW1fX2xhYmVsIHsNCiAgICAgIHdoaXRlLXNwYWNlOiBub3JtYWw7DQogICAgICBsaW5lLWhlaWdodDogMS40Ow0KICAgICAgdGV4dC1hbGlnbjogbGVmdDsNCiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDsNCiAgICB9DQoNCiAgICAuZWwtZm9ybS1pdGVtIHsNCiAgICAgIG1hcmdpbi1ib3R0b206IDA7DQogICAgICBwYWRkaW5nOiAxMHB4IDEycHg7DQogICAgfQ0KDQogICAgLmNoYW5nZS1vcHRpb25zIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uOw0KICAgICAgZ2FwOiA4cHg7DQoNCiAgICAgIDo6di1kZWVwIC5lbC1yYWRpby1ncm91cCwNCiAgICAgIDo6di1kZWVwIC5lbC1jaGVja2JveC1ncm91cCB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgICAgICAgZ2FwOiAxMnB4Ow0KICAgICAgfQ0KDQogICAgfQ0KICB9DQoNCiAgLnNlYXJjaC10aXAgew0KICAgIHBhZGRpbmc6IDZweCAxMnB4IDA7DQogICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIGNvbG9yOiAjZjU2YzZjOw0KICB9DQoNCiAgLnNlYXJjaC1hY3Rpb25zIHsNCiAgICBkaXNwbGF5OiBmbGV4Ow0KICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIHBhZGRpbmc6IDEycHg7DQogICAgYm9yZGVyLXRvcDogMXB4IHNvbGlkICNlYmVlZjU7DQoNCiAgICAubGVmdC1ncm91cCB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgZ2FwOiA4cHg7DQogICAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgfQ0KICB9DQp9DQoNCi50YWJsZS1jYXJkIHsNCiAgLmVsLXRhYmxlIHsNCiAgICB3aWR0aDogMTAwJTsNCiAgfQ0KDQogIC5wYWdpbmF0aW9uLXdyYXBwZXIgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDsNCiAgICBwYWRkaW5nOiAxNnB4IDAgMDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["logView.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAscA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"logView.vue","sourceRoot":"src/views/teachingLog/organLog/components","sourcesContent":["<template>\r\n <div class=\"page-container\">\r\n <!-- 查询条件 -->\r\n <el-card shadow=\"never\" class=\"search-card\">\r\n <el-form :model=\"searchForm\" label-width=\"110px\" class=\"search-form\">\r\n <el-row :gutter=\"0\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"开始日期\">\r\n <el-date-picker v-model=\"searchForm.ksrq\" type=\"date\" value-format=\"yyyy-MM-dd\" placeholder=\"选择开始日期\"\r\n class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"结束日期\">\r\n <el-date-picker v-model=\"searchForm.jsrq\" type=\"date\" value-format=\"yyyy-MM-dd\" placeholder=\"选择结束日期\"\r\n class=\"w-full\" />\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n\r\n <el-row :gutter=\"0\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"课程名称\">\r\n <el-input v-model=\"searchForm.kcmc\" placeholder=\"请输入课程名称\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"教研室\">\r\n <el-select v-model=\"searchForm.jys\" placeholder=\"请选择教研室\" clearable class=\"w-full\">\r\n <el-option v-for=\"item in jysOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n\r\n <el-row :gutter=\"0\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"教学方法\">\r\n <el-select v-model=\"searchForm.jxff\" placeholder=\"请选择教学方法\" clearable class=\"w-full\">\r\n <el-option v-for=\"item in jxffOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"日志状态\">\r\n <el-select v-model=\"searchForm.rzzt\" placeholder=\"请选择日志状态\" clearable class=\"w-full\">\r\n <el-option v-for=\"item in rzztOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n\r\n <el-row :gutter=\"0\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"授课教员\">\r\n <el-select v-model=\"searchForm.skjy\" placeholder=\"请选择授课教员\" clearable class=\"w-full\">\r\n <el-option v-for=\"item in skjyOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"培训期班\">\r\n <el-input v-model=\"searchForm.pxqb\" placeholder=\"请输入培训期班\" clearable />\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n\r\n <el-row :gutter=\"0\">\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"改动情况\">\r\n <div class=\"change-options\">\r\n <el-radio-group v-model=\"searchForm.changeType\">\r\n <el-radio v-for=\"item in changeTypeOptions\" :key=\"item.value\" :label=\"item.value\">{{ item.label\r\n }}</el-radio>\r\n </el-radio-group>\r\n <el-checkbox-group v-model=\"searchForm.changeTypes\">\r\n <el-checkbox v-for=\"item in changeTypeList\" :key=\"item.value\" :label=\"item.value\">{{ item.label\r\n }}</el-checkbox>\r\n </el-checkbox-group>\r\n </div>\r\n </el-form-item>\r\n </el-col>\r\n <el-col :span=\"12\">\r\n <el-form-item label=\"任务类别\">\r\n <el-select v-model=\"searchForm.rwlb\" placeholder=\"请选择任务类别\" clearable class=\"w-full\">\r\n <el-option v-for=\"item in rwlbOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n </el-select>\r\n </el-form-item>\r\n </el-col>\r\n </el-row>\r\n </el-form>\r\n\r\n <div class=\"search-actions\">\r\n <div class=\"left-group\">\r\n <el-button type=\"danger\" plain @click=\"handleDeleteSelected\">删除所选</el-button>\r\n <el-button type=\"primary\" @click=\"handleBatchReport\">批准上报所选</el-button>\r\n <el-button @click=\"handleRecheck\">重新检查通报变更情况</el-button>\r\n <el-button icon=\"el-icon-download\" @click=\"handleExport\">导出到 Word</el-button>\r\n <el-button icon=\"el-icon-refresh\" @click=\"handleRefresh\">刷新</el-button>\r\n <el-button icon=\"el-icon-upload2\" :loading=\"importing\" @click=\"handleImportExcel\">导入教学日志</el-button>\r\n <el-button icon=\"el-icon-download\" @click=\"handleDownloadTemplate\">下载模板</el-button>\r\n </div>\r\n <el-button type=\"primary\" @click=\"handleSearch\">查询</el-button>\r\n </div>\r\n\r\n <!-- 隐藏的文件选择器,用于导入 Excel -->\r\n <input ref=\"importFileInput\" type=\"file\" accept=\".xls,.xlsx\" style=\"display: none\" @change=\"handleImportFileChange\" />\r\n </el-card>\r\n\r\n <!-- 数据表格 -->\r\n <el-card shadow=\"never\" class=\"table-card\">\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=\"50\" align=\"center\" />\r\n <el-table-column type=\"index\" label=\"序号\" width=\"60\" align=\"center\" />\r\n <el-table-column prop=\"rwlb\" label=\"库任务类别\" width=\"120\" align=\"center\" />\r\n <el-table-column prop=\"jyxm\" label=\"主讲教员\" width=\"100\" align=\"center\" />\r\n <el-table-column prop=\"rq\" label=\"日期\" width=\"150\" align=\"center\">\r\n <template slot-scope=\"scope\">{{ scope.row.rq ? formatDate(scope.row.rq) : '-' }}</template>\r\n </el-table-column>\r\n <el-table-column label=\"节次\" width=\"80\" align=\"center\">\r\n <template slot-scope=\"scope\">\r\n {{ scope.row.qsjc && scope.row.jsjc ? `${scope.row.qsjc}-${scope.row.jsjc}节` : (scope.row.qsjc || '-') }}\r\n </template>\r\n </el-table-column>\r\n <el-table-column prop=\"kcmc\" label=\"课程名称\" min-width=\"150\" show-overflow-tooltip />\r\n <el-table-column prop=\"pxqbxx\" label=\"培训期班信息\" min-width=\"140\" show-overflow-tooltip />\r\n <el-table-column label=\"人数\" width=\"70\" align=\"center\">\r\n <template slot-scope=\"scope\">{{ scope.row.sdrs || scope.row.ydrs || '-' }}</template>\r\n </el-table-column>\r\n <el-table-column label=\"分组指导教员\" width=\"120\" align=\"center\">\r\n <template slot-scope=\"scope\">{{ scope.row.fzyzdjy || '-' }}</template>\r\n </el-table-column>\r\n <el-table-column prop=\"jsfs\" label=\"教学方法\" width=\"100\" align=\"center\" />\r\n <el-table-column prop=\"zt\" label=\"日志状态\" width=\"100\" align=\"center\" />\r\n <el-table-column prop=\"gdqk\" label=\"变动汇总\" min-width=\"120\" show-overflow-tooltip />\r\n <el-table-column prop=\"jxrzcjfs\" label=\"创建方式\" width=\"100\" align=\"center\" />\r\n <el-table-column label=\"操作\" width=\"80\" align=\"center\" fixed=\"right\" class-name=\"table-action-column\">\r\n <template slot-scope=\"scope\">\r\n <el-button type=\"text\" @click=\"handleDetail(scope.row)\">详细</el-button>\r\n </template>\r\n </el-table-column>\r\n </el-table>\r\n\r\n <!-- 分页 -->\r\n <div class=\"pagination-wrapper\">\r\n <el-pagination :current-page=\"pageNum\" :page-size=\"pageSize\" :total=\"total\" :page-sizes=\"[10, 20, 50, 100]\"\r\n layout=\"total, sizes, prev, pager, next, jumper\" background @current-change=\"handlePageChange\"\r\n @size-change=\"handleSizeChange\" />\r\n </div>\r\n </el-card>\r\n\r\n <!-- 日志详情对话框 -->\r\n <el-dialog :visible.sync=\"detailVisible\" title=\"教学日志详情\" width=\"700px\" destroy-on-close>\r\n <div v-loading=\"detailLoading\">\r\n <el-descriptions v-if=\"!detailLoading\" :column=\"2\" border>\r\n <el-descriptions-item label=\"编号\">{{ detailData.bh || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"统一编号\">{{ detailData.tybh || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"教员编号\">{{ detailData.jybh || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"教员姓名\">{{ detailData.jyxm || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"课程名称\">{{ detailData.kcmc || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"任务类别\">{{ detailData.rwlb || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"日期\">{{ detailData.rq || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"节次\">\r\n {{ detailData.qsjc && detailData.jsjc ? `${detailData.qsjc}-${detailData.jsjc}节` : '-' }}\r\n </el-descriptions-item>\r\n <el-descriptions-item label=\"教学方法\">{{ detailData.jsfs || detailData.jxff || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"创建方式\">{{ detailData.jxrzcjfs || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"应到人数\">{{ detailData.ydrs || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"实到人数\">{{ detailData.sdrs || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"培训期班信息\" :span=\"2\">{{ detailData.pxqbxx || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"授课地点\" :span=\"2\">{{ detailData.skdd || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"状态\">{{ detailData.zt || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"教研室\">{{ detailData.jysmc || detailData.jys || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"变动汇总\" :span=\"2\">{{ detailData.gdqk || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"变动详细情况\" :span=\"2\">{{ detailData.gdxxqk || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"退回意见\" :span=\"2\">{{ detailData.thyj || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"创建时间\">{{ detailData.cjsj || '-' }}</el-descriptions-item>\r\n <el-descriptions-item label=\"修改时间\">{{ detailData.xgsj || '-' }}</el-descriptions-item>\r\n </el-descriptions>\r\n </div>\r\n <div slot=\"footer\" class=\"dialog-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\nimport { formatDate } from '@/utils/index'\r\nimport {\r\n getTeachingLogList,\r\n submitTeachingLog,\r\n exportTeachingLog,\r\n importTeachingLogExcel,\r\n downloadTeachingLogTemplate,\r\n getTeachingLogByBh\r\n} from '@/api/log'\r\n\r\nexport default {\r\n name: 'LogView',\r\n data() {\r\n return {\r\n // ==================== 查询表单 ====================\r\n searchForm: {\r\n ksrq: '',\r\n jsrq: '',\r\n kcmc: '',\r\n jys: '',\r\n jxff: '',\r\n rzzt: '',\r\n skjy: '',\r\n pxqb: '',\r\n changeType: '',\r\n changeTypes: [],\r\n rwlb: ''\r\n },\r\n\r\n jysOptions: ['教研室', '防空兵系', '通信工程系', '装甲兵系'],\r\n jxffOptions: ['理论讲授', '讨论', '实操', '演示', '实验', '演习'],\r\n skjyOptions: ['教务处', '张三', '李四', '王五', '赵六'],\r\n rzztOptions: ['教务部门导入教员类', '管理员手工添加'],\r\n rwlbOptions: ['全军院校训练规划内任务', '其他任务'],\r\n changeTypeOptions: [\r\n { label: '与教学计划一致', value: '与教学计划一致' },\r\n { label: '已改动教学计划', value: '已改动教学计划' },\r\n { label: '手动拟制', value: '手动拟制' }\r\n ],\r\n changeTypeList: [\r\n { label: '已改动教员', value: '已改动教员' },\r\n { label: '已改动时间', value: '已改动时间' },\r\n { label: '已改动课目', value: '已改动课目' },\r\n { label: '已改动内容', value: '已改动内容' },\r\n { label: '已改动教学方法', value: '已改动教学方法' },\r\n { label: '已改动场地', value: '已改动场地' },\r\n { label: '已改动期班', value: '已改动期班' }\r\n ],\r\n\r\n // ==================== 数据表格 ====================\r\n loading: false,\r\n tableData: [],\r\n selectedRows: [],\r\n pageNum: 1,\r\n pageSize: 20,\r\n total: 0,\r\n\r\n // ==================== 导入 ====================\r\n importing: false,\r\n\r\n // ==================== 详情 ====================\r\n detailVisible: false,\r\n detailLoading: false,\r\n detailData: {}\r\n }\r\n },\r\n created() {\r\n this.fetchList()\r\n },\r\n methods: {\r\n handleSelectionChange(rows) {\r\n this.selectedRows = rows\r\n },\r\n\r\n /** 根据已填写的查询值构建实际查询参数 */\r\n buildSearchParams() {\r\n const form = this.searchForm\r\n const params = { pageNum: this.pageNum, pageSize: this.pageSize }\r\n if (form.ksrq) params.ksrq = form.ksrq\r\n if (form.jsrq) params.jsrq = form.jsrq\r\n if (form.kcmc) params.kcmc = form.kcmc\r\n if (form.jys) params.jys = form.jys\r\n if (form.jxff) params.jxff = form.jxff\r\n if (form.rzzt) params.rzzt = form.rzzt\r\n if (form.skjy) params.skjy = form.skjy\r\n if (form.pxqb) params.pxqb = form.pxqb\r\n if (form.rwlb) params.rwlb = form.rwlb\r\n if (form.changeType) params.gdqk = form.changeType\r\n if (form.changeTypes.length > 0) {\r\n params.gdxxqk = form.changeTypes.join(',')\r\n }\r\n return params\r\n },\r\n\r\n /** 从响应中提取列表数据和总数(兼容 records / list / rows 等常见字段名) */\r\n extractListData(res) {\r\n const data = res.data || res\r\n const list = data.records || data.list || data.rows || []\r\n const totalCount = data.total ?? data.totalCount ?? data.totalRows ?? 0\r\n return { list, total: totalCount }\r\n },\r\n\r\n fetchList() {\r\n this.loading = true\r\n return getTeachingLogList(this.buildSearchParams())\r\n .then((res) => {\r\n if (res.code === 200 || res.code === 0) {\r\n const { list, total } = this.extractListData(res)\r\n this.tableData = list\r\n this.total = total\r\n }\r\n })\r\n .catch(() => {\r\n // 错误已由拦截器统一处理\r\n })\r\n .finally(() => {\r\n this.loading = false\r\n })\r\n },\r\n\r\n handleSearch() {\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 handleRefresh() {\r\n this.fetchList()\r\n },\r\n\r\n getSelectedBhs() {\r\n const ids = this.selectedRows.map((row) => row.bh).filter(Boolean)\r\n if (ids.length === 0) {\r\n this.$message.warning('请先选择要操作的记录')\r\n return []\r\n }\r\n return ids\r\n },\r\n\r\n handleDeleteSelected() {\r\n // 后端暂未提供删除接口,仅作提示\r\n this.$message.info('后端暂未提供该接口')\r\n },\r\n\r\n handleBatchReport() {\r\n const ids = this.getSelectedBhs()\r\n if (ids.length === 0) return\r\n this.$confirm(`确定要上报选中的 ${ids.length} 条记录吗?`, '上报确认', {\r\n confirmButtonText: '确定',\r\n cancelButtonText: '取消',\r\n type: 'warning'\r\n })\r\n .then(() => {\r\n // 提交教学日志审核,逐条上报至「已上报」状态\r\n let settled = Promise.resolve()\r\n ids.forEach((bh) => {\r\n settled = settled.then(() => submitTeachingLog(bh, '已上报'))\r\n })\r\n return settled\r\n })\r\n .then(() => {\r\n this.$message.success(`已上报 ${ids.length} 条记录`)\r\n this.fetchList()\r\n })\r\n .catch(() => {})\r\n },\r\n\r\n handleRecheck() {\r\n // 后端暂未提供重新检查接口,仅作提示\r\n this.$message.info('后端暂未提供该接口')\r\n },\r\n\r\n downloadBlob(blob, fileName) {\r\n const url = window.URL.createObjectURL(blob)\r\n const link = document.createElement('a')\r\n link.href = url\r\n link.download = fileName\r\n document.body.appendChild(link)\r\n link.click()\r\n document.body.removeChild(link)\r\n window.URL.revokeObjectURL(url)\r\n },\r\n\r\n handleExport() {\r\n const params = this.buildSearchParams()\r\n delete params.pageNum\r\n delete params.pageSize\r\n exportTeachingLog(params)\r\n .then((blob) => {\r\n this.downloadBlob(blob, `教学日志_${new Date().toISOString().slice(0, 10)}.xls`)\r\n this.$message.success('导出成功')\r\n })\r\n .catch(() => {})\r\n },\r\n\r\n handleImportExcel() {\r\n this.$refs.importFileInput && this.$refs.importFileInput.click()\r\n },\r\n\r\n handleImportFileChange(e) {\r\n const files = e.target.files\r\n if (!files || files.length === 0) return\r\n const file = files[0]\r\n this.importing = true\r\n importTeachingLogExcel(file)\r\n .then((res) => {\r\n if (res.code === 200 || res.code === 0) {\r\n this.$message.success(res.message || '导入成功')\r\n this.fetchList()\r\n } else {\r\n this.$message.error(res.message || '导入失败')\r\n }\r\n })\r\n .catch(() => {})\r\n .finally(() => {\r\n this.importing = false\r\n if (this.$refs.importFileInput) {\r\n this.$refs.importFileInput.value = ''\r\n }\r\n })\r\n },\r\n\r\n handleDownloadTemplate() {\r\n downloadTeachingLogTemplate()\r\n .then((blob) => {\r\n this.downloadBlob(blob, '导入教学日志模板.xls')\r\n this.$message.success('模板下载成功')\r\n })\r\n .catch(() => {})\r\n },\r\n\r\n handleDetail(row) {\r\n this.detailData = { ...row }\r\n this.detailVisible = true\r\n const bh = row.bh\r\n if (!bh) return\r\n this.detailLoading = true\r\n getTeachingLogByBh(String(bh))\r\n .then((res) => {\r\n if ((res.code === 200 || res.code === 0) && res.data) {\r\n this.detailData = res.data\r\n }\r\n })\r\n .catch(() => {\r\n // 详情接口不可用时保留行数据兜底展示\r\n })\r\n .finally(() => {\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.page-container {\r\n padding: 4px 8px;\r\n}\r\n\r\n.search-card {\r\n margin-bottom: 16px;\r\n\r\n .search-form {\r\n .w-full {\r\n width: 100%;\r\n }\r\n\r\n ::v-deep .el-row {\r\n border-bottom: 1px solid #ebeef5;\r\n\r\n &:last-child {\r\n border-bottom: none;\r\n }\r\n }\r\n\r\n ::v-deep .el-col {\r\n border-right: 1px solid #ebeef5;\r\n\r\n &:last-child {\r\n border-right: none;\r\n }\r\n }\r\n\r\n ::v-deep .el-form-item__label {\r\n white-space: normal;\r\n line-height: 1.4;\r\n text-align: left;\r\n justify-content: flex-start;\r\n }\r\n\r\n .el-form-item {\r\n margin-bottom: 0;\r\n padding: 10px 12px;\r\n }\r\n\r\n .change-options {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n\r\n ::v-deep .el-radio-group,\r\n ::v-deep .el-checkbox-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 12px;\r\n }\r\n\r\n }\r\n }\r\n\r\n .search-tip {\r\n padding: 6px 12px 0;\r\n font-size: 12px;\r\n color: #f56c6c;\r\n }\r\n\r\n .search-actions {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 12px;\r\n border-top: 1px solid #ebeef5;\r\n\r\n .left-group {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n }\r\n }\r\n}\r\n\r\n.table-card {\r\n .el-table {\r\n width: 100%;\r\n }\r\n\r\n .pagination-wrapper {\r\n display: flex;\r\n justify-content: flex-end;\r\n padding: 16px 0 0;\r\n }\r\n}\r\n</style>\r\n"]}]} |