{"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\\index.vue?vue&type=style&index=1&id=31859a28&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachingLog\\organLog\\index.vue","mtime":1787311575928},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQoucGFnZS1jb250YWluZXIgew0KICBwYWRkaW5nOiAyMHB4Ow0KfQ0KDQovLyA9PT09PT09PT09PT09PT09PT09PSDlhazlhbHljLrln5/lrrnlmaggPT09PT09PT09PT09PT09PT09PT0NCi5zZWN0aW9uLWNhcmQgew0KICBiYWNrZ3JvdW5kOiAjZmZmOw0KICBib3JkZXItcmFkaXVzOiA4cHg7DQogIGJveC1zaGFkb3c6IDAgMXB4IDRweCByZ2JhKDAsIDAsIDAsIDAuMDgpOw0KICBwYWRkaW5nOiAxNnB4IDIwcHg7DQogIG1hcmdpbi1ib3R0b206IDE2cHg7DQoNCiAgJjpsYXN0LWNoaWxkIHsNCiAgICBtYXJnaW4tYm90dG9tOiAwOw0KICB9DQp9DQoNCi8vID09PT09PT09PT09PT09PT09PT09IDEuIOafpeivouadoeS7tuWMuuWfnyA9PT09PT09PT09PT09PT09PT09PQ0KLnF1ZXJ5LWNhcmQgew0KICAucXVlcnktZmllbGQgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBtYXJnaW4tYm90dG9tOiAxNnB4Ow0KICAgIG1pbi1oZWlnaHQ6IDMycHg7DQoNCiAgICAmOmxhc3QtY2hpbGQgew0KICAgICAgbWFyZ2luLWJvdHRvbTogMDsNCiAgICB9DQoNCiAgICA6ZGVlcCguZWwtY2hlY2tib3gpIHsNCiAgICAgIG1hcmdpbi1yaWdodDogNnB4Ow0KICAgICAgZmxleC1zaHJpbms6IDA7DQogICAgfQ0KDQogICAgLnEtbGFiZWwgew0KICAgICAgd2lkdGg6IDgwcHg7DQogICAgICBmbGV4LXNocmluazogMDsNCiAgICAgIGZvbnQtc2l6ZTogMTNweDsNCiAgICAgIGNvbG9yOiAjMzAzMTMzOw0KICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7DQogICAgfQ0KDQogICAgLnEtY29udHJvbCB7DQogICAgICBmbGV4OiAxOw0KICAgICAgbWluLXdpZHRoOiAwOw0KICAgIH0NCg0KICAgICYucXVlcnktZmllbGQtYmxvY2sgew0KICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjsNCiAgICAgIHBhZGRpbmctdG9wOiAwOw0KDQogICAgICAuZWwtcmFkaW8tZ3JvdXAgew0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgIH0NCg0KICAgICAgLmNoYW5nZS1oZWFkZXIgew0KICAgICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgICAgICB3aWR0aDogMTAwJTsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4Ow0KDQogICAgICAgIC5lbC1jaGVja2JveCB7DQogICAgICAgICAgZmxleC1zaHJpbms6IDA7DQogICAgICAgIH0NCg0KICAgICAgICAuY2hhbmdlLWxhYmVsIHsNCiAgICAgICAgICB3aWR0aDogODBweDsNCiAgICAgICAgICBmbGV4LXNocmluazogMDsNCiAgICAgICAgICBmb250LXNpemU6IDEzcHg7DQogICAgICAgICAgY29sb3I6ICMzMDMxMzM7DQogICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7DQogICAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4Ow0KICAgICAgICB9DQoNCiAgICAgICAgLnJhZGlvLXJvdyB7DQogICAgICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgICAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgICAgICAgZ2FwOiA0cHggMTZweDsNCiAgICAgICAgICBmbGV4OiAxOw0KICAgICAgICAgIG1hcmdpbi1ib3R0b206IDA7DQogICAgICAgIH0NCiAgICAgIH0NCg0KICAgICAgLnJhZGlvLXJvdyB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGZsZXgtd3JhcDogd3JhcDsNCiAgICAgICAgZ2FwOiA0cHggMTZweDsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4Ow0KICAgICAgfQ0KDQogICAgICAucmFkaW8tcm93LWluZGVudCB7DQogICAgICAgIHBhZGRpbmctbGVmdDogMTIwcHg7DQogICAgICB9DQogICAgfQ0KICB9DQoNCiAgLnF1ZXJ5LWZvb3RlciB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOw0KICAgIGdhcDogMTJweDsNCiAgICBtYXJnaW4tdG9wOiAxMnB4Ow0KICAgIHBhZGRpbmctdG9wOiAxMnB4Ow0KICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCAjZWJlZWY1Ow0KICB9DQp9DQoNCi8vID09PT09PT09PT09PT09PT09PT09IDIuIOaTjeS9nOaMiemSruWMuuWfnyA9PT09PT09PT09PT09PT09PT09PQ0KLmFjdGlvbi1jYXJkIHsNCiAgLmFjdGlvbi1iYXIgew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgZ2FwOiAxMHB4Ow0KDQogICAgLmFjdGlvbi1pbnB1dCB7DQogICAgICB3aWR0aDogMjQwcHg7DQogICAgICBmbGV4LXNocmluazogMDsNCiAgICB9DQogIH0NCn0NCg0KLy8gPT09PT09PT09PT09PT09PT09PT0gMy4g5pWw5o2u6KGo5qC85Yy65Z+fID09PT09PT09PT09PT09PT09PT09DQoudGFibGUtY2FyZCB7DQogIC5tYWluLXRhYmxlIHsNCiAgICA6ZGVlcCguY2VsbCkgew0KICAgICAgZm9udC1zaXplOiAxMnB4Ow0KICAgIH0NCiAgfQ0KfQ0KDQovLyA9PT09PT09PT09PT09PT09PT09PSDmjInpkq7moLflvI8gPT09PT09PT09PT09PT09PT09PT0NCi5ncmF5LWJ0biB7DQogIGhlaWdodDogMjhweDsNCiAgcGFkZGluZzogMnB4IDE0cHg7DQogIGZvbnQtc2l6ZTogMTJweDsNCiAgYmFja2dyb3VuZDogI2Y1ZjVmNTsNCiAgYm9yZGVyOiAxcHggc29saWQgI2MwYzRjYzsNCiAgY29sb3I6ICMzMzM7DQogIGJvcmRlci1yYWRpdXM6IDJweDsNCg0KICAmOmhvdmVyLA0KICAmOmZvY3VzIHsNCiAgICBiYWNrZ3JvdW5kOiAjZWJlYmViOw0KICAgIGJvcmRlci1jb2xvcjogI2MwYzRjYzsNCiAgICBjb2xvcjogIzMzMzsNCiAgfQ0KfQ0KDQouYmx1ZS1idG4gew0KICBoZWlnaHQ6IDI4cHg7DQogIHBhZGRpbmc6IDJweCAxNnB4Ow0KICBmb250LXNpemU6IDEycHg7DQogIGJhY2tncm91bmQ6ICM0MDllZmY7DQogIGJvcmRlcjogbm9uZTsNCiAgY29sb3I6ICNmZmY7DQogIGJvcmRlci1yYWRpdXM6IDJweDsNCg0KICAmOmhvdmVyLA0KICAmOmZvY3VzIHsNCiAgICBiYWNrZ3JvdW5kOiAjNjZiMWZmOw0KICAgIGNvbG9yOiAjZmZmOw0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAspCA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/teachingLog/organLog","sourcesContent":["<script setup lang=\"ts\">\r\nimport { onMounted, ref } from 'vue'\r\n\r\nimport { ElMessage, ElMessageBox } from 'element-plus'\r\nimport { formatDate } from '@/utils/format'\r\nimport {\r\n  getTeachingLogList,\r\n  deleteTeachingLog,\r\n  batchReportTeachingLog,\r\n  recheckTeachingLog,\r\n  exportTeachingLogWord,\r\n  importTeachingLogExcel,\r\n  downloadTeachingLogTemplate,\r\n  getTeachingLogByBh,\r\n  type TeachingLogItem,\r\n  type TeachingLogListParams\r\n} from '@/api/log'\r\n\r\nconst pageTitle = ref('教学日志管理查询')\r\n\r\n// ==================== 查询表单 ====================\r\ninterface SearchForm {\r\n  ksrq: string\r\n  ksrqEnabled: boolean\r\n  jsrq: string\r\n  jsrqEnabled: boolean\r\n  kcmc: string\r\n  kcmcEnabled: boolean\r\n  jys: string\r\n  jysEnabled: boolean\r\n  jxff: string\r\n  jxffEnabled: boolean\r\n  rzzt: string\r\n  rzztEnabled: boolean\r\n  skjy: string\r\n  skjyEnabled: boolean\r\n  pxqb: string\r\n  pxqbEnabled: boolean\r\n  changeType: string\r\n  changeTypeEnabled: boolean\r\n  changeTypes: string[]\r\n  rwlb: string\r\n  rwlbEnabled: boolean\r\n}\r\n\r\nconst searchForm = ref<SearchForm>({\r\n  ksrq: '',\r\n  ksrqEnabled: false,\r\n  jsrq: '',\r\n  jsrqEnabled: false,\r\n  kcmc: '',\r\n  kcmcEnabled: false,\r\n  jys: '教研室',\r\n  jysEnabled: false,\r\n  jxff: '理论讲授',\r\n  jxffEnabled: false,\r\n  rzzt: '教务部门导入教员类',\r\n  rzztEnabled: false,\r\n  skjy: '教务处',\r\n  skjyEnabled: false,\r\n  pxqb: '',\r\n  pxqbEnabled: false,\r\n  changeType: '与教学计划一致',\r\n  changeTypeEnabled: false,\r\n  changeTypes: [],\r\n  rwlb: '全军院校训练规划内任务',\r\n  rwlbEnabled: false\r\n})\r\n\r\nconst jysOptions = ['教研室', '防空兵系', '通信工程系', '装甲兵系']\r\nconst jxffOptions = ['理论讲授', '讨论', '实操', '演示', '实验', '演习']\r\nconst skjyOptions = ['教务处', '张三', '李四', '王五', '赵六']\r\nconst rzztOptions = ['教务部门导入教员类', '管理员手工添加']\r\nconst rwlbOptions = ['全军院校训练规划内任务', '其他任务']\r\nconst changeTypeOptions = [\r\n  { label: '与教学计划一致', value: '与教学计划一致' },\r\n  { label: '已改动教学计划', value: '已改动教学计划' },\r\n  { label: '手动拟制', value: '手动拟制' }\r\n]\r\nconst 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\nconst pageNum = ref(1)\r\nconst pageSize = ref(20)\r\nconst total = ref(0)\r\n\r\n// ==================== 数据表格 ====================\r\nconst loading = ref(false)\r\nconst selectedRows = ref<TeachingLogItem[]>([])\r\nconst tableData = ref<TeachingLogItem[]>([])\r\n\r\nconst handleSelectionChange = (rows: TeachingLogItem[]) => {\r\n  selectedRows.value = rows\r\n}\r\n\r\n/** 根据\"勾选启用\"模式构建实际查询参数 */\r\nconst buildSearchParams = (): TeachingLogListParams => {\r\n  const form = searchForm.value\r\n  const params: TeachingLogListParams = {\r\n    pageNum: pageNum.value,\r\n    pageSize: pageSize.value\r\n  }\r\n  if (form.ksrqEnabled && form.ksrq) params.ksrq = form.ksrq\r\n  if (form.jsrqEnabled && form.jsrq) params.jsrq = form.jsrq\r\n  if (form.kcmcEnabled && form.kcmc) params.kcmc = form.kcmc\r\n  if (form.jysEnabled && form.jys) params.jys = form.jys\r\n  if (form.jxffEnabled && form.jxff) params.jxff = form.jxff\r\n  if (form.rzztEnabled && form.rzzt) params.rzzt = form.rzzt\r\n  if (form.skjyEnabled && form.skjy) params.skjy = form.skjy\r\n  if (form.pxqbEnabled && form.pxqb) params.pxqb = form.pxqb\r\n  if (form.rwlbEnabled && form.rwlb) params.rwlb = form.rwlb\r\n  if (form.changeTypeEnabled && form.changeType) params.gdqk = form.changeType\r\n  if (form.changeTypeEnabled && 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\nconst extractListData = (res: any) => {\r\n  const data = res.data || res\r\n  // 兼容多种后端返回格式\r\n  const list = data.records || data.list || data.rows || []\r\n  const total = data.total ?? data.totalCount ?? data.totalRows ?? 0\r\n  return { list, total }\r\n}\r\n\r\n/** 查询（从第 1 页开始） */\r\nconst handleSearch = async () => {\r\n  loading.value = true\r\n  pageNum.value = 1\r\n  try {\r\n    const params = buildSearchParams()\r\n    const res = await getTeachingLogList(params)\r\n    if (res.code === 200 || res.code === 0) {\r\n      const { list, total: totalCount } = extractListData(res)\r\n      tableData.value = list\r\n      total.value = totalCount\r\n    }\r\n  } catch {\r\n    // 错误已由拦截器统一处理\r\n  } finally {\r\n    loading.value = false\r\n  }\r\n}\r\n\r\n/** 分页变化 */\r\nconst handlePageChange = async (page: number) => {\r\n  pageNum.value = page\r\n  loading.value = true\r\n  try {\r\n    const params = buildSearchParams()\r\n    const res = await getTeachingLogList(params)\r\n    if (res.code === 200 || res.code === 0) {\r\n      const { list, total: totalCount } = extractListData(res)\r\n      tableData.value = list\r\n      total.value = totalCount\r\n    }\r\n  } catch {\r\n    // 错误已由拦截器统一处理\r\n  } finally {\r\n    loading.value = false\r\n  }\r\n}\r\n\r\n/** 每页条数变化 */\r\nconst handleSizeChange = async (size: number) => {\r\n  pageSize.value = size\r\n  pageNum.value = 1\r\n  loading.value = true\r\n  try {\r\n    const params = buildSearchParams()\r\n    const res = await getTeachingLogList(params)\r\n    if (res.code === 200 || res.code === 0) {\r\n      const { list, total: totalCount } = extractListData(res)\r\n      tableData.value = list\r\n      total.value = totalCount\r\n    }\r\n  } catch {\r\n    // 错误已由拦截器统一处理\r\n  } finally {\r\n    loading.value = false\r\n  }\r\n}\r\n\r\n/** 刷新（重新加载当前页） */\r\nconst handleRefresh = async () => {\r\n  loading.value = true\r\n  try {\r\n    const params = buildSearchParams()\r\n    const res = await getTeachingLogList(params)\r\n    if (res.code === 200 || res.code === 0) {\r\n      const { list, total: totalCount } = extractListData(res)\r\n      tableData.value = list\r\n      total.value = totalCount\r\n    }\r\n  } catch {\r\n    // 错误已由拦截器统一处理\r\n  } finally {\r\n    loading.value = false\r\n  }\r\n}\r\n\r\n// 页面加载时自动查询\r\nonMounted(() => {\r\n  handleSearch()\r\n})\r\n\r\n/** 批量删除 */\r\nconst handleDeleteSelected = async () => {\r\n  if (selectedRows.value.length === 0) {\r\n    ElMessage.warning('请先选择要删除的记录')\r\n    return\r\n  }\r\n  try {\r\n    await ElMessageBox.confirm(\r\n      `确定要删除选中的 ${selectedRows.value.length} 条记录吗？`,\r\n      '删除确认',\r\n      { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }\r\n    )\r\n    const ids = selectedRows.value\r\n      .map((row) => (row as any).bh)\r\n      .filter(Boolean) as (string | number)[]\r\n    if (ids.length === 0) {\r\n      ElMessage.warning('所选记录缺少日志编号')\r\n      return\r\n    }\r\n    await deleteTeachingLog(ids)\r\n    ElMessage.success(`已删除 ${ids.length} 条记录`)\r\n    handleSearch()\r\n  } catch (err: any) {\r\n    if (err !== 'cancel') {\r\n      // 错误已由拦截器处理\r\n    }\r\n  }\r\n}\r\n\r\n/** 批量上报 */\r\nconst handleBatchReport = async () => {\r\n  if (selectedRows.value.length === 0) {\r\n    ElMessage.warning('请先选择要上报的记录')\r\n    return\r\n  }\r\n  try {\r\n    await ElMessageBox.confirm(\r\n      `确定要批量上报选中的 ${selectedRows.value.length} 条记录吗？`,\r\n      '上报确认',\r\n      { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }\r\n    )\r\n    const ids = selectedRows.value\r\n      .map((row) => (row as any).bh)\r\n      .filter(Boolean) as (string | number)[]\r\n    if (ids.length === 0) {\r\n      ElMessage.warning('所选记录缺少日志编号')\r\n      return\r\n    }\r\n    await batchReportTeachingLog(ids)\r\n    ElMessage.success(`已批量上报 ${ids.length} 条记录`)\r\n    handleSearch()\r\n  } catch (err: any) {\r\n    if (err !== 'cancel') {\r\n      // 错误已由拦截器处理\r\n    }\r\n  }\r\n}\r\n\r\n/** 重新检查通报变更情况 */\r\nconst handleRecheck = async () => {\r\n  try {\r\n    await recheckTeachingLog()\r\n    ElMessage.success('重新检查完成')\r\n  } catch {\r\n    // 错误已由拦截器处理\r\n  }\r\n}\r\n\r\n/** 导出 Word */\r\nconst handleExportWord = async () => {\r\n  try {\r\n    const form = searchForm.value\r\n    const params: Record<string, any> = {}\r\n    if (form.ksrqEnabled && form.ksrq) params.ksrq = form.ksrq\r\n    if (form.jsrqEnabled && form.jsrq) params.jsrq = form.jsrq\r\n    if (form.kcmcEnabled && form.kcmc) params.kcmc = form.kcmc\r\n    if (form.jysEnabled && form.jys) params.jys = form.jys\r\n    if (form.jxffEnabled && form.jxff) params.jxff = form.jxff\r\n    if (form.rzztEnabled && form.rzzt) params.rzzt = form.rzzt\r\n    if (form.skjyEnabled && form.skjy) params.skjy = form.skjy\r\n    if (form.pxqbEnabled && form.pxqb) params.pxqb = form.pxqb\r\n    if (form.rwlbEnabled && form.rwlb) params.rwlb = form.rwlb\r\n    if (form.changeTypeEnabled && form.changeType) params.gdqk = form.changeType\r\n    if (form.changeTypeEnabled && form.changeTypes.length > 0) {\r\n      params.gdxxqk = form.changeTypes.join(',')\r\n    }\r\n\r\n    const res = await exportTeachingLogWord(params)\r\n    // 创建 Blob 并下载\r\n    const blob = new Blob([res as any], {\r\n      type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'\r\n    })\r\n    const url = window.URL.createObjectURL(blob)\r\n    const link = document.createElement('a')\r\n    link.href = url\r\n    link.download = `教学日志_${new Date().toISOString().slice(0, 10)}.docx`\r\n    document.body.appendChild(link)\r\n    link.click()\r\n    document.body.removeChild(link)\r\n    window.URL.revokeObjectURL(url)\r\n    ElMessage.success('导出成功')\r\n  } catch {\r\n    // 错误已由拦截器处理\r\n  }\r\n}\r\n\r\n// ==================== 查看详情 ====================\r\nconst detailVisible = ref(false)\r\nconst detailLoading = ref(false)\r\nconst detailData = ref<Record<string, any>>({})\r\n\r\nconst handleDetail = async (row: TeachingLogItem) => {\r\n  // 先用行数据兜底展示（列表接口已返回完整字段）\r\n  detailData.value = { ...(row as Record<string, any>) }\r\n  detailVisible.value = true\r\n  const bh = row.bh\r\n  if (!bh) return\r\n  // 尝试拉取详情接口刷新，接口不可用时不阻断展示\r\n  detailLoading.value = true\r\n  try {\r\n    const res = await getTeachingLogByBh(String(bh))\r\n    if (res.code === 200 || res.code === 0 && res.data) {\r\n      detailData.value = res.data || {}\r\n    }\r\n  } catch {\r\n    // 详情接口 404 等异常时保留行数据展示\r\n  } finally {\r\n    detailLoading.value = false\r\n  }\r\n}\r\n\r\n/** 切换视图 */\r\nconst handleSwitchView = () => {\r\n  ElMessage.info('转教学计划视图')\r\n}\r\n\r\n// ==================== 导入 Excel ====================\r\nconst importFileInput = ref<HTMLInputElement | null>(null)\r\nconst importing = ref(false)\r\n\r\n/** 触发文件选择 */\r\nconst handleImportExcel = () => {\r\n  importFileInput.value?.click()\r\n}\r\n\r\n/** 文件选择后自动上传 */\r\nconst handleImportFileChange = async (e: Event) => {\r\n  const files = (e.target as HTMLInputElement).files\r\n  if (!files || files.length === 0) return\r\n  const file = files[0]\r\n\r\n  importing.value = true\r\n  try {\r\n    const res = await importTeachingLogExcel(file)\r\n    if (res.code === 200 || res.code === 0) {\r\n      ElMessage.success(res.message || '导入成功')\r\n      handleSearch()\r\n    } else {\r\n      ElMessage.error(res.message || '导入失败')\r\n    }\r\n  } catch {\r\n    // 错误已由拦截器统一处理\r\n  } finally {\r\n    importing.value = false\r\n    // 重置 input 以便再次选择同一文件\r\n    if (importFileInput.value) {\r\n      importFileInput.value.value = ''\r\n    }\r\n  }\r\n}\r\n\r\n/** 下载导入模板 */\r\nconst handleDownloadTemplate = async () => {\r\n  try {\r\n    const res = await downloadTeachingLogTemplate()\r\n    const blob = new Blob([res as any], {\r\n      type: 'application/vnd.ms-excel'\r\n    })\r\n    const url = window.URL.createObjectURL(blob)\r\n    const link = document.createElement('a')\r\n    link.href = url\r\n    link.download = '导入教学日志模板.xls'\r\n    document.body.appendChild(link)\r\n    link.click()\r\n    document.body.removeChild(link)\r\n    window.URL.revokeObjectURL(url)\r\n    ElMessage.success('模板下载成功')\r\n  } catch {\r\n    // 错误已由拦截器统一处理\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<template>\r\n  <div class=\"page-container\">\r\n    <!-- 查询条件 -->\r\n    <el-card shadow=\"never\" class=\"search-card\">\r\n      <div class=\"form-title\">\r\n        <span class=\"title-left\">教学日志管理-教学日志视图</span>\r\n        <span class=\"title-link\" @click=\"handleSwitchView\">转教学计划视图</span>\r\n      </div>\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.ksrqEnabled\">开始日期</el-checkbox>\r\n              </template>\r\n              <el-date-picker v-model=\"searchForm.ksrq\" type=\"date\" value-format=\"YYYY-MM-DD\" placeholder=\"选择开始日期\"\r\n                class=\"w-full\" :disabled=\"!searchForm.ksrqEnabled\" />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.jsrqEnabled\">结束日期</el-checkbox>\r\n              </template>\r\n              <el-date-picker v-model=\"searchForm.jsrq\" type=\"date\" value-format=\"YYYY-MM-DD\" placeholder=\"选择结束日期\"\r\n                class=\"w-full\" :disabled=\"!searchForm.jsrqEnabled\" />\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.kcmcEnabled\">课程名称</el-checkbox>\r\n              </template>\r\n              <el-input v-model=\"searchForm.kcmc\" placeholder=\"请输入课程名称\" clearable :disabled=\"!searchForm.kcmcEnabled\" />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.jysEnabled\">教研室</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.jys\" placeholder=\"请选择教研室\" class=\"w-full\"\r\n                :disabled=\"!searchForm.jysEnabled\">\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.jxffEnabled\">教学方法</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.jxff\" placeholder=\"请选择教学方法\" class=\"w-full\"\r\n                :disabled=\"!searchForm.jxffEnabled\">\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.rzztEnabled\">日志状态</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.rzzt\" placeholder=\"请选择日志状态\" class=\"w-full\"\r\n                :disabled=\"!searchForm.rzztEnabled\">\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.skjyEnabled\">授课教员</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.skjy\" placeholder=\"请选择授课教员\" class=\"w-full\"\r\n                :disabled=\"!searchForm.skjyEnabled\">\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.pxqbEnabled\">培训期班</el-checkbox>\r\n              </template>\r\n              <el-input v-model=\"searchForm.pxqb\" placeholder=\"请输入培训期班\" clearable :disabled=\"!searchForm.pxqbEnabled\" />\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.changeTypeEnabled\">改动情况</el-checkbox>\r\n              </template>\r\n              <div class=\"change-options\" :class=\"{ disabled: !searchForm.changeTypeEnabled }\">\r\n                <el-radio-group v-model=\"searchForm.changeType\" :disabled=\"!searchForm.changeTypeEnabled\">\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\" :disabled=\"!searchForm.changeTypeEnabled\">\r\n                  <el-checkbox v-for=\"item in changeTypeList\" :key=\"item.value\" :label=\"item.value\" />\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.rwlbEnabled\">任务类别</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.rwlb\" placeholder=\"请选择任务类别\" class=\"w-full\"\r\n                :disabled=\"!searchForm.rwlbEnabled\">\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-tip\">\r\n        注意：勾选\"选择框\"表示启用该项对应的查询条件。\r\n      </div>\r\n\r\n      <div class=\"search-actions\">\r\n        <div class=\"left-group\">\r\n          <el-button type=\"primary\" @click=\"handleDeleteSelected\">删除所选</el-button>\r\n          <el-button type=\"primary\" @click=\"handleBatchReport\">批准上报所选</el-button>\r\n          <el-button type=\"primary\" @click=\"handleRecheck\">重新检查通报变更情况</el-button>\r\n          <el-button type=\"primary\" @click=\"handleExportWord\">导出到 Word</el-button>\r\n          <el-button type=\"primary\" @click=\"handleRefresh\">刷新</el-button>\r\n          <el-button type=\"success\" :loading=\"importing\" @click=\"handleImportExcel\">导入教学日志</el-button>\r\n          <el-button type=\"primary\" @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\r\n        ref=\"importFileInput\"\r\n        type=\"file\"\r\n        accept=\".xls,.xlsx\"\r\n        style=\"display: none\"\r\n        @change=\"handleImportFileChange\"\r\n      />\r\n    </el-card>\r\n\r\n    <!-- 日志详情对话框 -->\r\n    <el-dialog v-model=\"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 || '-' }}</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    </el-dialog>\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=\"120\" align=\"center\" :formatter=\"formatDate\" />\r\n        <el-table-column label=\"节次\" width=\"80\" align=\"center\">\r\n          <template #default=\"{ row }\">\r\n            {{ row.qsjc && row.jsjc ? `${row.qsjc}-${row.jsjc}节` : (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 #default=\"{ row }\">{{ row.sdrs ?? row.ydrs ?? '-' }}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"分组指导教员\" width=\"120\" align=\"center\">\r\n          <template #default=\"{ row }\">{{ 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\">\r\n          <template #default=\"{ row }\">\r\n            <el-button type=\"primary\" link @click=\"handleDetail(row as TeachingLogItem)\">详细</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 v-model:current-page=\"pageNum\" v-model:page-size=\"pageSize\" :page-sizes=\"[10, 20, 50, 100]\"\r\n          :total=\"total\" 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  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.page-container {\r\n  padding: 20px;\r\n}\r\n\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.search-card {\r\n  margin-bottom: 16px;\r\n\r\n  .form-title {\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 12px 12px 0;\r\n\r\n    .title-left {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      color: #303133;\r\n      margin-right: 20px;\r\n    }\r\n\r\n    .title-link {\r\n      font-size: 16px;\r\n      font-weight: 600;\r\n      color: #409eff;\r\n      cursor: pointer;\r\n\r\n      &:hover {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n\r\n  .search-form {\r\n    .w-full {\r\n      width: 100%;\r\n    }\r\n\r\n    .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    .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    .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      .el-radio-group,\r\n      .el-checkbox-group {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n      }\r\n\r\n      &.disabled {\r\n        opacity: 0.6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .search-tip {\r\n    font-size: 12px;\r\n    color: #f56c6c;\r\n    padding: 8px 12px;\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\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\r\n\r\n<script setup lang=\"ts\">\r\nimport { reactive, ref } from 'vue'\r\nimport { ElMessage } from 'element-plus'\r\nimport {\r\n  getTeachingLogList,\r\n  deleteTeachingLog,\r\n  rejectTeachingLog,\r\n  recheckTeachingLog,\r\n  approveTeachingLog,\r\n  addTeachingLog,\r\n  type TeachingLogItem,\r\n} from '@/api/log'\r\n\r\n// ==================== 1. 查询条件 ====================\r\ninterface SearchForm {\r\n  startDateEnabled: boolean\r\n  startDate: string\r\n  endDateEnabled: boolean\r\n  endDate: string\r\n  courseNameEnabled: boolean\r\n  courseName: string\r\n  teachMethodEnabled: boolean\r\n  teachMethod: string\r\n  changeEnabled: boolean\r\n  change: string\r\n  taskCategoryEnabled: boolean\r\n  taskCategory: string\r\n  deptEnabled: boolean\r\n  dept: string\r\n  teacherEnabled: boolean\r\n  teacher: string\r\n  classNameEnabled: boolean\r\n  className: string\r\n}\r\n\r\nconst searchForm = reactive<SearchForm>({\r\n  startDateEnabled: true,\r\n  startDate: '2026-06-27',\r\n  endDateEnabled: true,\r\n  endDate: '2026-07-07',\r\n  courseNameEnabled: false,\r\n  courseName: '',\r\n  teachMethodEnabled: false,\r\n  teachMethod: '理论讲授',\r\n  changeEnabled: false,\r\n  change: '与教学计划一致',\r\n  taskCategoryEnabled: false,\r\n  taskCategory: '全军院校训练规划内任务',\r\n  deptEnabled: false,\r\n  dept: '教务处',\r\n  teacherEnabled: false,\r\n  teacher: '教务处',\r\n  classNameEnabled: false,\r\n  className: ''\r\n})\r\n\r\nconst teachMethodOptions = ['理论讲授', '实践教学', '研讨教学', '案例教学', '实操演练']\r\nconst changeOptions = [\r\n  '与教学计划一致',\r\n  '已改动教学计划',\r\n  '手动拟制',\r\n  '教员变动',\r\n  '时间变动',\r\n  '课程变动',\r\n  '授课方式变动',\r\n  '任务类别变动',\r\n  '期班变动',\r\n  '地点变动',\r\n  '课题变动'\r\n]\r\nconst taskCategoryOptions = ['全军院校训练规划内任务', '其他任务（含研究生导师指导）']\r\nconst deptOptions = ['教务处', '指挥系', '政治工作教研室', '军事基础教研室', '装备保障教研室']\r\nconst teacherOptions = ['教务处', '张三', '李四', '王五', '赵六', '孙七']\r\n\r\n/** 查询 */\r\nconst handleQuery = async () => {\r\n  loading.value = true\r\n  try {\r\n    const params: Record<string, any> = { pageNum: 1, pageSize: 9999 }\r\n    if (searchForm.startDateEnabled && searchForm.startDate) params.ksrq = searchForm.startDate\r\n    if (searchForm.endDateEnabled && searchForm.endDate) params.jsrq = searchForm.endDate\r\n    if (searchForm.courseNameEnabled && searchForm.courseName) params.kcmc = searchForm.courseName\r\n    if (searchForm.teachMethodEnabled && searchForm.teachMethod) params.jxff = searchForm.teachMethod\r\n    if (searchForm.changeEnabled && searchForm.change) params.gdqk = searchForm.change\r\n    if (searchForm.taskCategoryEnabled && searchForm.taskCategory) params.rwlb = searchForm.taskCategory\r\n    if (searchForm.deptEnabled && searchForm.dept) params.jys = searchForm.dept\r\n    if (searchForm.teacherEnabled && searchForm.teacher) params.skjy = searchForm.teacher\r\n    if (searchForm.classNameEnabled && searchForm.className) params.pxqb = searchForm.className\r\n\r\n    const res: any = await getTeachingLogList(params as any)\r\n    let records: TeachingLogItem[] = res?.data?.records || res?.data?.list || res?.data || []\r\n    if (!Array.isArray(records)) records = []\r\n\r\n    tableData.length = 0\r\n    records.forEach((item, idx) => {\r\n      tableData.push({\r\n        id: idx + 1,\r\n        _bh: item.bh || '',\r\n        taskCategory: item.rwlb || item.pxqbxx || '-',\r\n        lecturer: item.jyxm || '-',\r\n        date: (item.rq || '').substring(0, 10) || '-',\r\n        period: item.qsjc && item.jsjc ? `${item.qsjc}-${item.jsjc}节` : '-',\r\n        courseName: item.kcmc || '-',\r\n        className: item.pxqbxx || '-',\r\n        studentCount: item.sdrs ?? item.ydrs ?? 0,\r\n        groupTeacher: '-',\r\n        teachMethod: item.jxff || '-',\r\n        logStatus: item.zt || '-',\r\n        changeSummary: item.gdqk || (Array.isArray(item.gdqkList) && item.gdqkList.length > 0 ? '有变更' : '无'),\r\n        createWay: item.jxrzcjfs || '-'\r\n      })\r\n    })\r\n    ElMessage.success(`查询完成，共 ${tableData.length} 条记录`)\r\n  } catch (err: any) {\r\n    console.error('查询失败:', err)\r\n    ElMessage.error(err?.message || '查询失败')\r\n  } finally {\r\n    loading.value = false\r\n  }\r\n}\r\n\r\n/** 重置：恢复默认值 */\r\nconst handleReset = () => {\r\n  searchForm.startDateEnabled = true\r\n  searchForm.startDate = '2026-06-27'\r\n  searchForm.endDateEnabled = true\r\n  searchForm.endDate = '2026-07-07'\r\n  searchForm.courseNameEnabled = false\r\n  searchForm.courseName = ''\r\n  searchForm.teachMethodEnabled = false\r\n  searchForm.teachMethod = '理论讲授'\r\n  searchForm.changeEnabled = false\r\n  searchForm.change = '与教学计划一致'\r\n  searchForm.taskCategoryEnabled = false\r\n  searchForm.taskCategory = '全军院校训练规划内任务'\r\n  searchForm.deptEnabled = false\r\n  searchForm.dept = '教务处'\r\n  searchForm.teacherEnabled = false\r\n  searchForm.teacher = '教务处'\r\n  searchForm.classNameEnabled = false\r\n  searchForm.className = ''\r\n  ElMessage.success('已重置查询条件')\r\n}\r\n\r\n// ==================== 3. 数据表格 ====================\r\ninterface TableRow {\r\n  id: number\r\n  _bh: string\r\n  taskCategory: string\r\n  lecturer: string\r\n  date: string\r\n  period: string\r\n  courseName: string\r\n  className: string\r\n  studentCount: number\r\n  groupTeacher: string\r\n  teachMethod: string\r\n  logStatus: string\r\n  changeSummary: string\r\n  createWay: string\r\n}\r\n\r\nconst loading = ref(false)\r\nconst tableData = reactive<TableRow[]>([])\r\n\r\n/** 表格多选 */\r\nconst selectedRows = ref<TableRow[]>([])\r\nconst handleSelectionChange = (rows: TableRow[]) => {\r\n  selectedRows.value = rows\r\n}\r\n\r\n/** 详情 */\r\nconst handleDetail = (row: TableRow) => {\r\n  console.log('查看详情:', row)\r\n  ElMessage.info(`查看「${row.courseName}」详情（前端模拟）`)\r\n}\r\n\r\n// ==================== 2. 操作按钮 ====================\r\nconst remark = ref('')\r\n\r\nconst requireSelect = (): TableRow[] => {\r\n  if (selectedRows.value.length === 0) {\r\n    ElMessage.warning('请先选择记录')\r\n    return []\r\n  }\r\n  return selectedRows.value\r\n}\r\n\r\nconst handleDelete = async () => {\r\n  const rows = requireSelect()\r\n  if (!rows.length) return\r\n  try {\r\n    await deleteTeachingLog(rows.map(r => r._bh))\r\n    ElMessage.success(`已删除 ${rows.length} 条`)\r\n    handleQuery()\r\n  } catch (err: any) { if (err !== 'cancel') console.error('删除失败:', err) }\r\n}\r\n\r\nconst handleAudit = async () => {\r\n  const rows = requireSelect()\r\n  if (!rows.length) return\r\n  try {\r\n    for (const r of rows) {\r\n      await approveTeachingLog(r._bh, remark.value || '')\r\n    }\r\n    ElMessage.success(`已审核通过 ${rows.length} 条`)\r\n    handleQuery()\r\n  } catch (err: any) { if (err !== 'cancel') console.error('审核失败:', err) }\r\n}\r\n\r\nconst handleWithdraw = async () => {\r\n  const rows = requireSelect()\r\n  if (!rows.length) return\r\n  try {\r\n    for (const r of rows) await rejectTeachingLog(r._bh, remark.value || '撤回重填')\r\n    ElMessage.success(`已撤回 ${rows.length} 条`)\r\n    handleQuery()\r\n  } catch (err: any) { if (err !== 'cancel') console.error('撤回失败:', err) }\r\n}\r\n\r\nconst handleRecheck = async () => {\r\n  const rows = requireSelect()\r\n  if (!rows.length) return\r\n  try {\r\n    await recheckTeachingLog()\r\n    ElMessage.success(`已重新检查 ${rows.length} 条记录的变更情况`)\r\n    handleQuery()\r\n  } catch (err: any) { if (err !== 'cancel') console.error('检查失败:', err) }\r\n}\r\n\r\nconst handleExportWord = () => {\r\n  const bhs = selectedRows.value.map(r => r._bh).join(',')\r\n  if (bhs) {\r\n    window.open(`/api/log/teaching-log/export?bhs=${bhs}`, '_blank')\r\n  } else {\r\n    window.open('/api/log/teaching-log/export', '_blank')\r\n  }\r\n}\r\n\r\n// ==================== 新增测试数据（临时） ====================\r\nconst addTestLoading = ref(false)\r\nconst handleAddTest = async () => {\r\n  addTestLoading.value = true\r\n  try {\r\n    const now = new Date()\r\n    const dateStr = `${now.getFullYear()}-${String(now.getMonth() + 1).padStart(2, '0')}-${String(now.getDate()).padStart(2, '0')}`\r\n    const res: any = await addTeachingLog({\r\n      bh: `LOG-TEST-${Date.now()}`,\r\n      rq: `${dateStr}T00:00:00`,\r\n      qsjc: '1',\r\n      jsjc: '2',\r\n      kcmc: '测试课程',\r\n      jyxm: '测试教员',\r\n      jxff: '讲授',\r\n      rwlb: '全军院校训练规划内任务',\r\n    } as any)\r\n    if (res?.code === 200 || res?.code === 0 || res === undefined) {\r\n      ElMessage.success('测试数据已创建')\r\n      handleQuery()\r\n    } else {\r\n      ElMessage.error(res?.message || '创建失败')\r\n    }\r\n  } catch (err: any) {\r\n    console.error('创建失败:', err)\r\n    ElMessage.error(err?.message || '创建失败')\r\n  } finally {\r\n    addTestLoading.value = false\r\n  }\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"page-container\">\r\n    <el-card shadow=\"never\">\r\n      <!-- ==================== 1. 查询条件区域 ==================== -->\r\n      <div class=\"section-card query-card\">\r\n        <el-row :gutter=\"32\">\r\n          <!-- 左列 -->\r\n          <el-col :xs=\"24\" :md=\"12\">\r\n            <div class=\"query-field\">\r\n              <el-checkbox v-model=\"searchForm.startDateEnabled\" />\r\n              <span class=\"q-label\">开始日期</span>\r\n              <el-date-picker v-model=\"searchForm.startDate\" type=\"date\" value-format=\"YYYY-MM-DD\" placeholder=\"请选择\"\r\n                class=\"q-control\" :disabled=\"!searchForm.startDateEnabled\" />\r\n            </div>\r\n            <div class=\"query-field\">\r\n              <el-checkbox v-model=\"searchForm.courseNameEnabled\" />\r\n              <span class=\"q-label\">课程名称</span>\r\n              <el-input v-model=\"searchForm.courseName\" placeholder=\"请输入课程名称\" clearable class=\"q-control\"\r\n                :disabled=\"!searchForm.courseNameEnabled\" />\r\n            </div>\r\n            <div class=\"query-field\">\r\n              <el-checkbox v-model=\"searchForm.teachMethodEnabled\" />\r\n              <span class=\"q-label\">教学方法</span>\r\n              <el-select v-model=\"searchForm.teachMethod\" placeholder=\"请选择\" class=\"q-control\"\r\n                :disabled=\"!searchForm.teachMethodEnabled\">\r\n                <el-option v-for=\"item in teachMethodOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </div>\r\n            <div class=\"query-field query-field-block\" :class=\"{ disabled: !searchForm.changeEnabled }\">\r\n              <el-radio-group v-model=\"searchForm.change\" :disabled=\"!searchForm.changeEnabled\">\r\n                <div class=\"change-header\">\r\n                  <el-checkbox v-model=\"searchForm.changeEnabled\" />\r\n                  <span class=\"change-label\">改动情况</span>\r\n                  <div class=\"radio-row\">\r\n                    <el-radio v-for=\"item in changeOptions.slice(0, 4)\" :key=\"item\" :value=\"item\">{{ item }}</el-radio>\r\n                  </div>\r\n                </div>\r\n                <div class=\"radio-row radio-row-indent\">\r\n                  <el-radio v-for=\"item in changeOptions.slice(4, 8)\" :key=\"item\" :value=\"item\">{{ item }}</el-radio>\r\n                </div>\r\n                <div class=\"radio-row radio-row-indent\">\r\n                  <el-radio v-for=\"item in changeOptions.slice(8)\" :key=\"item\" :value=\"item\">{{ item }}</el-radio>\r\n                </div>\r\n              </el-radio-group>\r\n            </div>\r\n            <div class=\"query-field\">\r\n              <el-checkbox v-model=\"searchForm.taskCategoryEnabled\" />\r\n              <span class=\"q-label\">任务类别</span>\r\n              <el-select v-model=\"searchForm.taskCategory\" placeholder=\"请选择\" class=\"q-control\"\r\n                :disabled=\"!searchForm.taskCategoryEnabled\">\r\n                <el-option v-for=\"item in taskCategoryOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\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              <el-checkbox v-model=\"searchForm.endDateEnabled\" />\r\n              <span class=\"q-label\">结束日期</span>\r\n              <el-date-picker v-model=\"searchForm.endDate\" type=\"date\" value-format=\"YYYY-MM-DD\" placeholder=\"请选择\"\r\n                class=\"q-control\" :disabled=\"!searchForm.endDateEnabled\" />\r\n            </div>\r\n            <div class=\"query-field\">\r\n              <el-checkbox v-model=\"searchForm.deptEnabled\" />\r\n              <span class=\"q-label\">教研室</span>\r\n              <el-select v-model=\"searchForm.dept\" placeholder=\"请选择\" class=\"q-control\"\r\n                :disabled=\"!searchForm.deptEnabled\">\r\n                <el-option v-for=\"item in deptOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </div>\r\n            <div class=\"query-field\">\r\n              <el-checkbox v-model=\"searchForm.teacherEnabled\" />\r\n              <span class=\"q-label\">授课教员</span>\r\n              <el-select v-model=\"searchForm.teacher\" placeholder=\"请选择\" class=\"q-control\"\r\n                :disabled=\"!searchForm.teacherEnabled\">\r\n                <el-option v-for=\"item in teacherOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </div>\r\n            <div class=\"query-field\">\r\n              <el-checkbox v-model=\"searchForm.classNameEnabled\" />\r\n              <span class=\"q-label\">培训班</span>\r\n              <el-input v-model=\"searchForm.className\" placeholder=\"请输入培训班\" clearable class=\"q-control\"\r\n                :disabled=\"!searchForm.classNameEnabled\" />\r\n            </div>\r\n          </el-col>\r\n        </el-row>\r\n\r\n        <div class=\"query-footer\">\r\n          <el-button class=\"gray-btn\" @click=\"handleReset\">重置</el-button>\r\n          <el-button class=\"blue-btn\" @click=\"handleQuery\">查询</el-button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- ==================== 2. 操作按钮区域 ==================== -->\r\n      <div class=\"section-card action-card\">\r\n        <div class=\"action-bar\">\r\n          <el-button class=\"gray-btn\" @click=\"handleDelete\">删除所选</el-button>\r\n          <el-button class=\"gray-btn\" @click=\"handleAudit\">审核通过所选</el-button>\r\n          <el-input v-model=\"remark\" placeholder=\"请输入备注/原因\" clearable class=\"action-input\" />\r\n          <el-button class=\"gray-btn\" @click=\"handleWithdraw\">撤回重填所选</el-button>\r\n          <el-button class=\"gray-btn\" @click=\"handleRecheck\">重新检查所选变更情况</el-button>\r\n          <el-button class=\"gray-btn\" @click=\"handleExportWord\">导出到Word</el-button>\r\n        </div>\r\n      </div>\r\n\r\n      <!-- ==================== 3. 数据表格区域 ==================== -->\r\n      <div class=\"section-card table-card\">\r\n        <el-table :data=\"tableData\" border stripe @selection-change=\"handleSelectionChange\" class=\"main-table\">\r\n          <el-table-column type=\"selection\" width=\"50\" />\r\n          <el-table-column type=\"index\" label=\"序号\" width=\"60\" align=\"center\" />\r\n          <el-table-column prop=\"taskCategory\" label=\"任务类别\" show-overflow-tooltip />\r\n          <el-table-column prop=\"lecturer\" label=\"主讲教员\" width=\"90\" align=\"center\" />\r\n          <el-table-column prop=\"date\" label=\"日期\" width=\"110\" align=\"center\" />\r\n          <el-table-column prop=\"period\" label=\"节次\" width=\"70\" align=\"center\" />\r\n          <el-table-column prop=\"courseName\" label=\"课程名称\" width=\"120\" show-overflow-tooltip />\r\n          <el-table-column prop=\"className\" label=\"培训期班信息\" width=\"140\" show-overflow-tooltip />\r\n          <el-table-column prop=\"studentCount\" label=\"人数\" width=\"70\" align=\"center\" />\r\n          <el-table-column prop=\"groupTeacher\" label=\"分组指导教员\" width=\"110\" align=\"center\" />\r\n          <el-table-column prop=\"teachMethod\" label=\"教学方法\" width=\"100\" align=\"center\" />\r\n          <el-table-column prop=\"logStatus\" label=\"日志状态\" width=\"90\" align=\"center\" />\r\n          <el-table-column prop=\"changeSummary\" label=\"变动汇总\" width=\"110\" align=\"center\" />\r\n          <el-table-column prop=\"createWay\" label=\"创建方式\" width=\"110\" align=\"center\" />\r\n          <el-table-column label=\"详细\" width=\"80\" align=\"center\">\r\n            <template #default=\"{ row }\">\r\n              <el-button type=\"primary\" link @click=\"handleDetail(row as TableRow)\">详细</el-button>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.page-container {\r\n  padding: 20px;\r\n}\r\n\r\n// ==================== 公共区域容器 ====================\r\n.section-card {\r\n  background: #fff;\r\n  border-radius: 8px;\r\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);\r\n  padding: 16px 20px;\r\n  margin-bottom: 16px;\r\n\r\n  &:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n}\r\n\r\n// ==================== 1. 查询条件区域 ====================\r\n.query-card {\r\n  .query-field {\r\n    display: flex;\r\n    align-items: center;\r\n    margin-bottom: 16px;\r\n    min-height: 32px;\r\n\r\n    &:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    :deep(.el-checkbox) {\r\n      margin-right: 6px;\r\n      flex-shrink: 0;\r\n    }\r\n\r\n    .q-label {\r\n      width: 80px;\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    }\r\n\r\n    .q-control {\r\n      flex: 1;\r\n      min-width: 0;\r\n    }\r\n\r\n    &.query-field-block {\r\n      flex-direction: column;\r\n      padding-top: 0;\r\n\r\n      .el-radio-group {\r\n        width: 100%;\r\n      }\r\n\r\n      .change-header {\r\n        display: flex;\r\n        align-items: center;\r\n        width: 100%;\r\n        margin-bottom: 4px;\r\n\r\n        .el-checkbox {\r\n          flex-shrink: 0;\r\n        }\r\n\r\n        .change-label {\r\n          width: 80px;\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        }\r\n\r\n        .radio-row {\r\n          display: flex;\r\n          flex-wrap: wrap;\r\n          gap: 4px 16px;\r\n          flex: 1;\r\n          margin-bottom: 0;\r\n        }\r\n      }\r\n\r\n      .radio-row {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 4px 16px;\r\n        margin-bottom: 4px;\r\n      }\r\n\r\n      .radio-row-indent {\r\n        padding-left: 120px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .query-footer {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    gap: 12px;\r\n    margin-top: 12px;\r\n    padding-top: 12px;\r\n    border-top: 1px solid #ebeef5;\r\n  }\r\n}\r\n\r\n// ==================== 2. 操作按钮区域 ====================\r\n.action-card {\r\n  .action-bar {\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    gap: 10px;\r\n\r\n    .action-input {\r\n      width: 240px;\r\n      flex-shrink: 0;\r\n    }\r\n  }\r\n}\r\n\r\n// ==================== 3. 数据表格区域 ====================\r\n.table-card {\r\n  .main-table {\r\n    :deep(.cell) {\r\n      font-size: 12px;\r\n    }\r\n  }\r\n}\r\n\r\n// ==================== 按钮样式 ====================\r\n.gray-btn {\r\n  height: 28px;\r\n  padding: 2px 14px;\r\n  font-size: 12px;\r\n  background: #f5f5f5;\r\n  border: 1px solid #c0c4cc;\r\n  color: #333;\r\n  border-radius: 2px;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    background: #ebebeb;\r\n    border-color: #c0c4cc;\r\n    color: #333;\r\n  }\r\n}\r\n\r\n.blue-btn {\r\n  height: 28px;\r\n  padding: 2px 16px;\r\n  font-size: 12px;\r\n  background: #409eff;\r\n  border: none;\r\n  color: #fff;\r\n  border-radius: 2px;\r\n\r\n  &:hover,\r\n  &:focus {\r\n    background: #66b1ff;\r\n    color: #fff;\r\n  }\r\n}\r\n</style>\r\n\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref } from 'vue'\r\n\r\nimport { ElMessage } from 'element-plus'\r\nimport { formatDate } from '@/utils/format'\r\n\r\nconst pageTitle = ref('机关已审核教学日志')\r\n\r\n// ==================== 查询表单 ====================\r\ninterface SearchForm {\r\n  ksrq: string\r\n  ksrqEnabled: boolean\r\n  jsrq: string\r\n  jsrqEnabled: boolean\r\n  kcmc: string\r\n  kcmcEnabled: boolean\r\n  jys: string\r\n  jysEnabled: boolean\r\n  jxff: string\r\n  jxffEnabled: boolean\r\n  skjy: string\r\n  skjyEnabled: boolean\r\n  gdqkEnabled: boolean\r\n  createSource: string\r\n  changeTypes: string[]\r\n  rwlb: string\r\n  rwlbEnabled: boolean\r\n  pxqb: string\r\n  pxqbEnabled: boolean\r\n}\r\n\r\nconst searchForm = ref<SearchForm>({\r\n  ksrq: '2026-06-27',\r\n  ksrqEnabled: false,\r\n  jsrq: '2026-07-07',\r\n  jsrqEnabled: false,\r\n  kcmc: '',\r\n  kcmcEnabled: false,\r\n  jys: '',\r\n  jysEnabled: false,\r\n  jxff: '理论讲授',\r\n  jxffEnabled: false,\r\n  skjy: '教务处',\r\n  skjyEnabled: false,\r\n  gdqkEnabled: false,\r\n  createSource: '',\r\n  changeTypes: [],\r\n  rwlb: '全军院校训练规划内任务',\r\n  rwlbEnabled: false,\r\n  pxqb: '',\r\n  pxqbEnabled: false\r\n})\r\n\r\nconst jysOptions = ['教研室', '防空兵系', '通信工程系', '装甲兵系']\r\nconst jxffOptions = ['理论讲授', '讨论', '实操', '演示']\r\nconst skjyOptions = ['教务处', '张三', '李四', '王五']\r\nconst rwlbOptions = ['全军院校训练规划内任务', '其他任务']\r\nconst createSourceOptions = ['由教学计划创建', '已改动教学计划', '手动拟制']\r\nconst changeTypeOptions = [\r\n  '教员变动',\r\n  '时间变动',\r\n  '课程变动',\r\n  '授课方式变动',\r\n  '任务类别变动',\r\n  '期班变动',\r\n  '地点变动',\r\n  '课题变动'\r\n]\r\n\r\nconst handleSearch = () => {\r\n  ElMessage.success('查询机关已审核教学日志（前端模拟）')\r\n  console.log('查询条件：', searchForm.value)\r\n}\r\n\r\n// ==================== 表格数据 ====================\r\ninterface AuditedLogItem {\r\n  xh: number\r\n  rwlb: string\r\n  zjjy: string\r\n  rq: string\r\n  jc: string\r\n  kcmc: string\r\n  pxqbxx: string\r\n  rs: number\r\n  fzzdjy: string\r\n  jxff: string\r\n  rzzt: string\r\n  bdhz: string\r\n  cjfs: string\r\n}\r\n\r\nconst loading = ref(false)\r\nconst selectedRows = ref<AuditedLogItem[]>([])\r\nconst tableData = ref<AuditedLogItem[]>([])\r\n\r\nconst handleSelectionChange = (rows: AuditedLogItem[]) => {\r\n  selectedRows.value = rows\r\n}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"page-container\">\r\n    <!-- 页面标题 -->\r\n    <div class=\"page-title\">{{ pageTitle }}</div>\r\n\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.ksrqEnabled\">开始日期</el-checkbox>\r\n              </template>\r\n              <el-date-picker\r\n                v-model=\"searchForm.ksrq\"\r\n                type=\"date\"\r\n                value-format=\"YYYY-MM-DD\"\r\n                placeholder=\"选择开始日期\"\r\n                class=\"w-full\"\r\n                :disabled=\"!searchForm.ksrqEnabled\"\r\n              />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.jsrqEnabled\">结束日期</el-checkbox>\r\n              </template>\r\n              <el-date-picker\r\n                v-model=\"searchForm.jsrq\"\r\n                type=\"date\"\r\n                value-format=\"YYYY-MM-DD\"\r\n                placeholder=\"选择结束日期\"\r\n                class=\"w-full\"\r\n                :disabled=\"!searchForm.jsrqEnabled\"\r\n              />\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.kcmcEnabled\">课程名称</el-checkbox>\r\n              </template>\r\n              <el-input v-model=\"searchForm.kcmc\" placeholder=\"请输入课程名称\" clearable :disabled=\"!searchForm.kcmcEnabled\" />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"12\">\r\n            <el-form-item>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.jysEnabled\">教研室</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.jys\" placeholder=\"请选择教研室\" class=\"w-full\" :disabled=\"!searchForm.jysEnabled\">\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.jxffEnabled\">教学方法</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.jxff\" placeholder=\"请选择教学方法\" class=\"w-full\" :disabled=\"!searchForm.jxffEnabled\">\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.skjyEnabled\">授课教员</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.skjy\" placeholder=\"请选择授课教员\" class=\"w-full\" :disabled=\"!searchForm.skjyEnabled\">\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-row>\r\n\r\n        <el-row :gutter=\"0\">\r\n          <el-col :span=\"24\">\r\n            <el-form-item>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.gdqkEnabled\">改动情况</el-checkbox>\r\n              </template>\r\n              <div class=\"change-options\" :class=\"{ disabled: !searchForm.gdqkEnabled }\">\r\n                <el-radio-group v-model=\"searchForm.createSource\" :disabled=\"!searchForm.gdqkEnabled\">\r\n                  <el-radio v-for=\"item in createSourceOptions\" :key=\"item\" :label=\"item\">{{ item }}</el-radio>\r\n                </el-radio-group>\r\n                <el-checkbox-group v-model=\"searchForm.changeTypes\" :disabled=\"!searchForm.gdqkEnabled\">\r\n                  <el-checkbox v-for=\"item in changeTypeOptions\" :key=\"item\" :label=\"item\" />\r\n                </el-checkbox-group>\r\n              </div>\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>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.rwlbEnabled\">任务类别</el-checkbox>\r\n              </template>\r\n              <el-select v-model=\"searchForm.rwlb\" placeholder=\"请选择任务类别\" class=\"w-full\" :disabled=\"!searchForm.rwlbEnabled\">\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-col :span=\"12\">\r\n            <el-form-item>\r\n              <template #label>\r\n                <el-checkbox v-model=\"searchForm.pxqbEnabled\">培训期班</el-checkbox>\r\n              </template>\r\n              <el-input v-model=\"searchForm.pxqb\" placeholder=\"请输入培训期班\" clearable :disabled=\"!searchForm.pxqbEnabled\" />\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        <el-button type=\"primary\" @click=\"handleSearch\">查询</el-button>\r\n      </div>\r\n    </el-card>\r\n\r\n    <!-- 数据表格 -->\r\n    <el-card shadow=\"never\" class=\"table-card\">\r\n      <el-table\r\n        v-loading=\"loading\"\r\n        :data=\"tableData\"\r\n        stripe\r\n        border\r\n        highlight-current-row\r\n        @selection-change=\"handleSelectionChange\"\r\n      >\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=\"zjjy\" label=\"主讲教员\" width=\"100\" align=\"center\" />\r\n        <el-table-column prop=\"rq\" label=\"日期\" width=\"120\" align=\"center\" :formatter=\"formatDate\" />\r\n        <el-table-column prop=\"jc\" label=\"节次\" width=\"80\" align=\"center\" />\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 prop=\"rs\" label=\"人数\" width=\"70\" align=\"center\" />\r\n        <el-table-column prop=\"fzzdjy\" label=\"分组指导教员\" width=\"120\" align=\"center\" />\r\n        <el-table-column prop=\"jxff\" label=\"教学方法\" width=\"100\" align=\"center\" />\r\n        <el-table-column prop=\"rzzt\" label=\"日志状态\" width=\"100\" align=\"center\" />\r\n        <el-table-column prop=\"bdhz\" label=\"变动汇总\" min-width=\"120\" show-overflow-tooltip />\r\n        <el-table-column prop=\"cjfs\" label=\"创建方式\" width=\"100\" align=\"center\" />\r\n        <el-table-column label=\"详细\" width=\"80\" align=\"center\">\r\n          <template #default=\"{ row }\">\r\n            <el-button type=\"primary\" link>详细</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.page-container {\r\n  padding: 20px;\r\n}\r\n\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.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    .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    .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    .el-form-item {\r\n      margin-bottom: 0;\r\n      padding: 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      .el-radio-group,\r\n      .el-checkbox-group {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: 12px;\r\n      }\r\n\r\n      &.disabled {\r\n        opacity: 0.6;\r\n      }\r\n    }\r\n  }\r\n\r\n  .search-actions {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n    padding: 12px;\r\n    border-top: 1px solid #ebeef5;\r\n  }\r\n}\r\n\r\n.table-card {\r\n  .el-table {\r\n    width: 100%;\r\n  }\r\n}\r\n</style>\r\n"]}]}