{"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\\classHour\\subsidy\\index.vue?vue&type=style&index=0&id=544e7d71&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\classHour\\subsidy\\index.vue","mtime":1787567871602},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKDQouYXBwLWNvbnRhaW5lciB7DQogIHBhZGRpbmc6IDIwcHg7DQp9DQoNCi5zdWJzaWR5LXBhZ2Ugew0KICAubGlzdC10aXRsZSB7DQogICAgZm9udC1zaXplOiAxNnB4Ow0KICAgIGZvbnQtd2VpZ2h0OiA2MDA7DQogICAgY29sb3I6ICMzMDMxMzM7DQogICAgbWFyZ2luLWJvdHRvbTogMTJweDsNCiAgfQ0KDQogIC8vID09PT09PT09PT09PT09PT09PT09IDEuIOafpeivouadoeS7tuWMuuWfnyA9PT09PT09PT09PT09PT09PT09PQ0KICAuc2VhcmNoLWNhcmQgew0KICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQoNCiAgICAuc2VhcmNoLWZvcm0gew0KICAgICAgLnNlYXJjaC1hY3Rpb25zLWNvbCB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICB9DQoNCiAgICAgIC5zZWFyY2gtYWN0aW9ucyB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGdhcDogMTJweDsNCiAgICAgIH0NCiAgICB9DQogIH0NCg0KICAvLyA9PT09PT09PT09PT09PT09PT09PSAyLiDmlbDmja7ooajmoLwgPT09PT09PT09PT09PT09PT09PT0NCiAgLnRhYmxlLWNhcmQgew0KICAgIC50YWJsZS10aXRsZSB7DQogICAgICBmb250LXNpemU6IDE0cHg7DQogICAgICBmb250LXdlaWdodDogNjAwOw0KICAgICAgY29sb3I6ICMzMDMxMzM7DQogICAgICBtYXJnaW4tYm90dG9tOiAxMnB4Ow0KICAgIH0NCg0KICAgIC5wYWdpbmF0aW9uIHsNCiAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kOw0KICAgICAgbWFyZ2luLXRvcDogMTJweDsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6PA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;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","file":"index.vue","sourceRoot":"src/views/classHour/subsidy","sourcesContent":["<template>\r\n  <div class=\"app-container subsidy-page\">\r\n    <div class=\"list-title\">课时补助核算</div>\r\n\r\n    <!-- ==================== Tab 切换 ==================== -->\r\n    <el-tabs v-model=\"activeTab\" @tab-click=\"handleTabClick\">\r\n      <el-tab-pane label=\"课时统计\" name=\"hour\" />\r\n      <el-tab-pane label=\"课时费统计\" name=\"fee\" />\r\n    </el-tabs>\r\n\r\n    <!-- ==================== 1. 查询条件 ==================== -->\r\n    <!-- 课时统计 -->\r\n    <el-card v-if=\"activeTab === 'hour'\" shadow=\"never\" class=\"search-card\">\r\n      <el-form :model=\"hourForm\" label-width=\"100px\" class=\"search-form\" @submit.native.prevent>\r\n        <el-row :gutter=\"24\">\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\">\r\n            <el-form-item label=\"学期年度\">\r\n              <el-input v-model=\"hourForm.nd\" placeholder=\"如 2026\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\">\r\n            <el-form-item label=\"学期序号\">\r\n              <el-input v-model=\"hourForm.xq\" placeholder=\"如 1\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\">\r\n            <el-form-item label=\"教员姓名\">\r\n              <el-input v-model=\"hourForm.jyxm\" placeholder=\"请输入教员姓名\" clearable @keyup.enter.native=\"handleQuery\" />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\" class=\"search-actions-col\">\r\n            <div class=\"search-actions\">\r\n              <el-button type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n              <el-button type=\"primary\" plain @click=\"handleExport\">导出 Excel</el-button>\r\n            </div>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n    </el-card>\r\n\r\n    <!-- 课时费统计 -->\r\n    <el-card v-else shadow=\"never\" class=\"search-card\">\r\n      <el-form :model=\"feeForm\" label-width=\"100px\" class=\"search-form\" @submit.native.prevent>\r\n        <el-row :gutter=\"24\">\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\">\r\n            <el-form-item label=\"学期年度\">\r\n              <el-input v-model=\"feeForm.nd\" placeholder=\"如 2026\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\">\r\n            <el-form-item label=\"学期序号\">\r\n              <el-input v-model=\"feeForm.xq\" placeholder=\"如 1\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\">\r\n            <el-form-item label=\"教员姓名\">\r\n              <el-input v-model=\"feeForm.jyxm\" placeholder=\"请输入教员姓名\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"6\">\r\n            <el-form-item label=\"标准编号\">\r\n              <el-input v-model=\"feeForm.ksfbzbh\" placeholder=\"课时费标准编号\" clearable />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :span=\"24\" class=\"search-actions-col\">\r\n            <div class=\"search-actions\">\r\n              <el-button type=\"primary\" @click=\"handleQuery\">查询</el-button>\r\n              <el-button type=\"primary\" plain @click=\"handleExport\">导出 Excel</el-button>\r\n            </div>\r\n          </el-col>\r\n        </el-row>\r\n      </el-form>\r\n    </el-card>\r\n\r\n    <!-- ==================== 2. 数据表格 ==================== -->\r\n    <el-card shadow=\"never\" class=\"table-card\">\r\n      <div class=\"table-title\">{{ activeTab === 'hour' ? '课时统计列表' : '课时费统计列表' }}</div>\r\n      <el-table v-loading=\"currentState.loading\" :data=\"currentState.list\" border stripe style=\"width: 100%\">\r\n        <el-table-column type=\"index\" label=\"序号\" width=\"55\" align=\"center\" />\r\n        <el-table-column prop=\"jysdh\" label=\"教研室代号\" width=\"100\" align=\"center\" show-overflow-tooltip />\r\n        <el-table-column prop=\"jysmc\" label=\"教研室名称\" width=\"120\" show-overflow-tooltip />\r\n        <el-table-column prop=\"jybh\" label=\"教员编号\" width=\"110\" align=\"center\" show-overflow-tooltip />\r\n        <el-table-column prop=\"jyxm\" label=\"教员姓名\" width=\"100\" align=\"center\" show-overflow-tooltip />\r\n        <el-table-column prop=\"zc\" label=\"职称\" width=\"90\" align=\"center\" show-overflow-tooltip />\r\n        <el-table-column prop=\"nf\" label=\"年份\" width=\"70\" align=\"center\" />\r\n        <el-table-column prop=\"sbn\" label=\"上半年\" width=\"90\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.sbn) }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"xbn\" label=\"下半年\" width=\"90\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.xbn) }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"zj\" label=\"总计\" width=\"90\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.zj) }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"bzksl\" label=\"标准课时量\" width=\"100\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.bzksl) }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"cks\" label=\"超课时\" width=\"90\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.cks) }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"jsgs\" label=\"计算过程\" min-width=\"140\" show-overflow-tooltip />\r\n        <el-table-column prop=\"jg\" label=\"结果\" width=\"90\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.jg) }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"ksfbzmc\" label=\"课时费标准\" width=\"110\" align=\"center\" show-overflow-tooltip />\r\n        <el-table-column prop=\"ksfbz\" label=\"课时费单价\" width=\"100\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.ksfbz) }}</template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"clksfbz\" label=\"超量课时费单价\" width=\"110\" align=\"right\" header-align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ fmtValue(row.clksfbz) }}</template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination\r\n        :current-page=\"currentState.pageNum\"\r\n        :page-size=\"currentState.pageSize\"\r\n        :total=\"currentState.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  </div>\r\n</template>\r\n\r\n<script>\r\nimport { saveAs } from 'file-saver'\r\nimport {\r\n  listHourStatistics,\r\n  exportHourStatistics,\r\n  listFeeStatistics,\r\n  exportFeeStatistics\r\n} from '@/api/classHour/hourStat'\r\n\r\nexport default {\r\n  name: 'SubsidyIndex',\r\n  data() {\r\n    return {\r\n      // ==================== Tab ====================\r\n      activeTab: 'hour',\r\n\r\n      // ==================== 课时统计查询条件 ====================\r\n      hourForm: {\r\n        nd: '',\r\n        xq: '',\r\n        jyxm: ''\r\n      },\r\n\r\n      // ==================== 课时费统计查询条件 ====================\r\n      feeForm: {\r\n        nd: '',\r\n        xq: '',\r\n        jyxm: '',\r\n        ksfbzbh: ''\r\n      },\r\n\r\n      // ==================== 各 Tab 列表状态 ====================\r\n      hourState: this.createEmptyState(),\r\n      feeState: this.createEmptyState()\r\n    }\r\n  },\r\n  computed: {\r\n    currentForm() {\r\n      return this.activeTab === 'hour' ? this.hourForm : this.feeForm\r\n    },\r\n    currentState() {\r\n      return this.activeTab === 'hour' ? this.hourState : this.feeState\r\n    }\r\n  },\r\n  mounted() {\r\n    this.fetchList()\r\n  },\r\n  methods: {\r\n    createEmptyState() {\r\n      return { list: [], loading: false, pageNum: 1, pageSize: 20, total: 0 }\r\n    },\r\n\r\n    /** 构建查询参数，仅传非空字段（与后端 Query 字段一致） */\r\n    buildParams(form) {\r\n      const params = {}\r\n      if (form.nd && form.nd.trim()) params.nd = form.nd.trim()\r\n      if (form.xq && form.xq.trim()) params.xq = form.xq.trim()\r\n      if (form.jyxm && form.jyxm.trim()) params.jyxm = form.jyxm.trim()\r\n      if (form.ksfbzbh && form.ksfbzbh.trim()) params.ksfbzbh = form.ksfbzbh.trim()\r\n      return params\r\n    },\r\n\r\n    // ==================== 查询 ====================\r\n    fetchList() {\r\n      const state = this.currentState\r\n      const form = this.currentForm\r\n      const params = Object.assign(\r\n        { pageNum: state.pageNum, pageSize: state.pageSize },\r\n        this.buildParams(form)\r\n      )\r\n      state.loading = true\r\n      const req = this.activeTab === 'hour' ? listHourStatistics(params) : listFeeStatistics(params)\r\n      req.then(res => {\r\n        const data = (res && res.data) || {}\r\n        state.list = data.records || []\r\n        state.total = data.total || 0\r\n      }).catch(() => {\r\n        state.list = []\r\n        state.total = 0\r\n      }).finally(() => {\r\n        state.loading = false\r\n      })\r\n    },\r\n\r\n    handleTabClick() {\r\n      this.currentState.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    handleQuery() {\r\n      this.currentState.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    handlePageChange(page) {\r\n      this.currentState.pageNum = page\r\n      this.fetchList()\r\n    },\r\n\r\n    handleSizeChange(size) {\r\n      this.currentState.pageSize = size\r\n      this.currentState.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    // ==================== 导出 ====================\r\n    handleExport() {\r\n      const clean = this.buildParams(this.currentForm)\r\n      const isHour = this.activeTab === 'hour'\r\n      const req = isHour ? exportHourStatistics(clean) : exportFeeStatistics(clean)\r\n      const fileName = isHour ? '课时统计.xlsx' : '课时费统计.xlsx'\r\n      req.then(blob => {\r\n        saveAs(blob, fileName)\r\n        this.$message.success('导出成功')\r\n      }).catch(() => {})\r\n    },\r\n\r\n    /** 数值空值显示为 '-'（保留 0） */\r\n    fmtValue(val) {\r\n      return val === null || val === undefined ? '-' : val\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.subsidy-page {\r\n  .list-title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #303133;\r\n    margin-bottom: 12px;\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-col {\r\n        display: flex;\r\n        align-items: center;\r\n      }\r\n\r\n      .search-actions {\r\n        display: flex;\r\n        gap: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // ==================== 2. 数据表格 ====================\r\n  .table-card {\r\n    .table-title {\r\n      font-size: 14px;\r\n      font-weight: 600;\r\n      color: #303133;\r\n      margin-bottom: 12px;\r\n    }\r\n\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</style>\r\n"]}]}