education/frontend/node_modules/.cache/vue-loader/a626563062c52ec7d97c4c3438da0754.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\\teachOffice\\taskPlan\\index.vue?vue&type=style&index=0&id=00fdee29&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachOffice\\taskPlan\\index.vue","mtime":1787648748791},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCg0KLmFwcC1jb250YWluZXIgew0KICBwYWRkaW5nOiAyMHB4Ow0KfQ0KDQoudGFzay1wbGFuLXBhZ2Ugew0KICAucGFnZS10aXRsZSB7DQogICAgdGV4dC1hbGlnbjogY2VudGVyOw0KICAgIGZvbnQtc2l6ZTogMjBweDsNCiAgICBmb250LXdlaWdodDogNjAwOw0KICAgIGNvbG9yOiAjMzAzMTMzOw0KICAgIG1hcmdpbi1ib3R0b206IDIwcHg7DQogIH0NCg0KICAvLyA9PT09PT09PT09IDEuIOafpeivouadoeS7tuWMuuWfnyA9PT09PT09PT09DQogIC5zZWFyY2gtY2FyZCB7DQogICAgbWFyZ2luLWJvdHRvbTogMTZweDsNCg0KICAgIC5zZWFyY2gtZm9ybSB7DQogICAgICAuZWwtZm9ybS1pdGVtIHsNCiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDsNCiAgICAgICAgbWFyZ2luLXJpZ2h0OiAyNHB4Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KDQogIC8vID09PT09PT09PT0gMi4g5bel5YW35qCPID09PT09PT09PT0NCiAgLmxpc3QtdG9vbGJhciB7DQogICAgZGlzcGxheTogZmxleDsNCiAgICBhbGlnbi1pdGVtczogY2VudGVyOw0KICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgZ2FwOiAxMnB4Ow0KICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQoNCiAgICAubGVmdC1ncm91cCwNCiAgICAucmlnaHQtZ3JvdXAgew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBmbGV4LXdyYXA6IHdyYXA7DQogICAgICBnYXA6IDEwcHg7DQogICAgfQ0KICB9DQoNCiAgLy8gPT09PT09PT09PSAzLiDmlbDmja7ooajmoLzljLrln58gPT09PT09PT09PQ0KICAudGFibGUtY2FyZCB7DQogICAgLnRhc2stdGFibGUgew0KICAgICAgd2lkdGg6IDEwMCU7DQogICAgfQ0KDQogICAgLnBhZ2luYXRpb24gew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7DQogICAgICBtYXJnaW4tdG9wOiAxMnB4Ow0KICAgIH0NCg0KICAgIC50ZXh0LWRhbmdlciB7DQogICAgICBjb2xvcjogI2Y1NmM2YzsNCiAgICB9DQogIH0NCg0KICAvLyA9PT09PT09PT09IDQuIOivpuaDhSA9PT09PT09PT09DQogIC5kZXRhaWwtZW1wdHkgew0KICAgIG1pbi1oZWlnaHQ6IDEyMHB4Ow0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsNCiAgICBjb2xvcjogIzkwOTM5OTsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2bA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/teachOffice/taskPlan","sourcesContent":["<template>\r\n  <div class=\"app-container task-plan-page\">\r\n    <!-- ==================== 页面标题 ==================== -->\r\n    <div class=\"page-title\">教学任务计划管理</div>\r\n\r\n    <!-- ==================== 1. 查询条件区域 ==================== -->\r\n    <el-card shadow=\"never\" class=\"search-card\">\r\n      <el-form :inline=\"true\" :model=\"searchForm\" class=\"search-form\">\r\n        <el-form-item label=\"任务名称\">\r\n          <el-input\r\n            v-model=\"searchForm.rwmc\"\r\n            placeholder=\"请输入任务名称\"\r\n            clearable\r\n            style=\"width: 180px\"\r\n            @keyup.enter.native=\"handleQuery\"\r\n          />\r\n        </el-form-item>\r\n        <el-form-item label=\"年度\">\r\n          <el-select v-model=\"searchForm.nd\" placeholder=\"请选择年度\" clearable style=\"width: 140px\">\r\n            <el-option v-for=\"y in yearOptions\" :key=\"y\" :label=\"y\" :value=\"y\" />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"状态\">\r\n          <el-select v-model=\"searchForm.zt\" placeholder=\"请选择状态\" clearable style=\"width: 140px\">\r\n            <el-option\r\n              v-for=\"opt in statusOptions\"\r\n              :key=\"opt.value\"\r\n              :label=\"opt.label\"\r\n              :value=\"opt.value\"\r\n            />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item>\r\n          <el-button type=\"primary\" icon=\"el-icon-search\" @click=\"handleQuery\">查询</el-button>\r\n        </el-form-item>\r\n      </el-form>\r\n    </el-card>\r\n\r\n    <!-- ==================== 2. 操作区域 ==================== -->\r\n    <div class=\"list-toolbar\">\r\n      <div class=\"left-group\">\r\n        <el-button type=\"primary\" icon=\"el-icon-plus\" @click=\"handleAdd\">新建教学任务</el-button>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- ==================== 3. 数据表格 ==================== -->\r\n    <el-card shadow=\"never\" class=\"table-card\">\r\n      <el-table v-loading=\"loading\" :data=\"tableData\" border stripe class=\"task-table\">\r\n        <template slot=\"empty\">\r\n          <span>无数据！</span>\r\n        </template>\r\n        <el-table-column type=\"index\" label=\"序号\" width=\"70\" align=\"center\" />\r\n        <el-table-column prop=\"rwmc\" label=\"任务名称\" width=\"250\" align=\"center\" show-overflow-tooltip />\r\n        <el-table-column prop=\"nd\" label=\"年度\" width=\"150\" align=\"center\" />\r\n        <el-table-column label=\"状态\" width=\"100\" align=\"center\">\r\n          <template slot-scope=\"{ row }\">\r\n            <el-tag :type=\"row.zt === '发布' ? 'success' : 'info'\" size=\"small\">\r\n              {{ row.zt || '-' }}\r\n            </el-tag>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column prop=\"fbsj\" label=\"发布时间\" width=\"180\" align=\"center\" :formatter=\"fmtDateTime\" />\r\n        <el-table-column prop=\"jssj\" label=\"结束时间\" width=\"180\" align=\"center\" :formatter=\"fmtDateTime\" />\r\n        <el-table-column prop=\"cjsj\" label=\"创建时间\" width=\"180\" align=\"center\" :formatter=\"fmtDateTime\" />\r\n        <el-table-column prop=\"jcxqscsj\" label=\"教材需求生成时间\"  align=\"center\" :formatter=\"fmtDateTime\" />\r\n        <el-table-column label=\"操作\" width=\"300\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"{ row }\">\r\n            <el-button type=\"text\" size=\"small\" @click=\"handleDetail(row)\">详情</el-button>\r\n            <el-button type=\"text\" size=\"small\" @click=\"handleEdit(row)\">编辑</el-button>\r\n            <el-button\r\n              type=\"text\"\r\n              size=\"small\"\r\n              :disabled=\"row.zt === '发布'\"\r\n              @click=\"handlePublish(row)\"\r\n            >发布</el-button>\r\n            <el-button type=\"text\" size=\"small\" class=\"text-danger\" @click=\"handleDelete(row)\">删除</el-button>\r\n          </template>\r\n        </el-table-column>\r\n      </el-table>\r\n\r\n      <el-pagination\r\n        :current-page=\"pageNum\"\r\n        :page-size=\"pageSize\"\r\n        :total=\"total\"\r\n        :page-sizes=\"[10, 20, 50, 100]\"\r\n        layout=\"total, sizes, prev, pager, next, jumper\"\r\n        class=\"pagination\"\r\n        @current-change=\"handlePageChange\"\r\n        @size-change=\"handleSizeChange\"\r\n      />\r\n    </el-card>\r\n\r\n    <!-- ==================== 4. 新增/修改对话框 ==================== -->\r\n    <el-dialog\r\n      :visible=\"dialogVisible\"\r\n      :title=\"dialogTitle\"\r\n      width=\"560px\"\r\n      :close-on-click-modal=\"false\"\r\n      @update:visible=\"val => dialogVisible = val\"\r\n    >\r\n      <el-form ref=\"formRef\" :model=\"form\" :rules=\"rules\" label-width=\"140px\" class=\"add-form\">\r\n        <el-form-item v-if=\"isEdit\" label=\"编号\" prop=\"bh\">\r\n          <el-input v-model=\"form.bh\" disabled placeholder=\"编号不可修改\" />\r\n        </el-form-item>\r\n        <el-form-item v-else label=\"编号\">\r\n          <el-input disabled placeholder=\"新增后由系统自动生成\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"任务名称\" prop=\"rwmc\">\r\n          <el-input v-model=\"form.rwmc\" placeholder=\"请输入任务名称\" clearable />\r\n        </el-form-item>\r\n        <el-form-item label=\"年度\" prop=\"nd\">\r\n          <el-select v-model=\"form.nd\" placeholder=\"请选择年度\" style=\"width: 100%\">\r\n            <el-option v-for=\"y in yearOptions\" :key=\"y\" :label=\"y\" :value=\"y\" />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"状态\" prop=\"zt\">\r\n          <el-select v-model=\"form.zt\" placeholder=\"请选择状态\" style=\"width: 100%\">\r\n            <el-option\r\n              v-for=\"opt in statusOptions\"\r\n              :key=\"opt.value\"\r\n              :label=\"opt.label\"\r\n              :value=\"opt.value\"\r\n            />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"发布时间\">\r\n          <el-date-picker\r\n            v-model=\"form.fbsj\"\r\n            type=\"datetime\"\r\n            value-format=\"yyyy-MM-ddTHH:mm:ss\"\r\n            placeholder=\"请选择发布时间\"\r\n            style=\"width: 100%\"\r\n          />\r\n        </el-form-item>\r\n        <el-form-item label=\"结束时间\">\r\n          <el-date-picker\r\n            v-model=\"form.jssj\"\r\n            type=\"datetime\"\r\n            value-format=\"yyyy-MM-ddTHH:mm:ss\"\r\n            placeholder=\"请选择结束时间\"\r\n            style=\"width: 100%\"\r\n          />\r\n        </el-form-item>\r\n        <el-form-item label=\"教材需求生成时间\">\r\n          <el-date-picker\r\n            v-model=\"form.jcxqscsj\"\r\n            type=\"datetime\"\r\n            value-format=\"yyyy-MM-ddTHH:mm:ss\"\r\n            placeholder=\"请选择教材需求生成时间\"\r\n            style=\"width: 100%\"\r\n          />\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\">\r\n        <el-button @click=\"dialogVisible = false\">取消</el-button>\r\n        <el-button type=\"primary\" :loading=\"saving\" @click=\"handleSubmit\">确定</el-button>\r\n      </div>\r\n    </el-dialog>\r\n\r\n    <!-- ==================== 5. 详情对话框 ==================== -->\r\n    <el-dialog\r\n      :visible=\"detailVisible\"\r\n      title=\"教学任务详情\"\r\n      width=\"620px\"\r\n      :close-on-click-modal=\"false\"\r\n      @update:visible=\"val => detailVisible = val\"\r\n    >\r\n      <el-descriptions v-if=\"detailData.bh\" :column=\"2\" border>\r\n        <el-descriptions-item label=\"编号\">{{ detailData.bh || '-' }}</el-descriptions-item>\r\n        <el-descriptions-item label=\"任务名称\">{{ detailData.rwmc || '-' }}</el-descriptions-item>\r\n        <el-descriptions-item label=\"年度\">{{ fmtVal(detailData.nd) }}</el-descriptions-item>\r\n        <el-descriptions-item label=\"状态\">{{ detailData.zt || '-' }}</el-descriptions-item>\r\n        <el-descriptions-item label=\"发布时间\">{{ fmtVal(detailData.fbsj) }}</el-descriptions-item>\r\n        <el-descriptions-item label=\"结束时间\">{{ fmtVal(detailData.jssj) }}</el-descriptions-item>\r\n        <el-descriptions-item label=\"创建时间\">{{ fmtVal(detailData.cjsj) }}</el-descriptions-item>\r\n        <el-descriptions-item label=\"教材需求生成时间\">{{ fmtVal(detailData.jcxqscsj) }}</el-descriptions-item>\r\n      </el-descriptions>\r\n      <div v-else v-loading=\"detailLoading\" class=\"detail-empty\">加载中...</div>\r\n      <div slot=\"footer\">\r\n        <el-button @click=\"detailVisible = false\">关闭</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n/**\r\n * 教学任务计划管理（完整管理页）\r\n * 对应菜单：teachOffice/taskPlan\r\n * 提供 teachingTask 全套真实接口操作：分页查询 list、详情 get?bh=、新增 add、编辑 update、\r\n * 发布 batchPublish?bh=（需先填写教研室任务书）、删除 delete?bh=（级联删除教研室任务书）\r\n * 只读查询视图在 src/views/teachBusiness/teachingTask/index.vue（教学任务列表）提供，避免重复操作同一实体\r\n */\r\nimport {\r\n  listTeachingTask,\r\n  getTeachingTask,\r\n  addTeachingTask,\r\n  updateTeachingTask,\r\n  deleteTeachingTask,\r\n  publishTeachingTask\r\n} from '@/api/teachBusiness/teachingTask'\r\nimport { listAllSemester } from '@/api/teachBusiness/semester'\r\n\r\nexport default {\r\n  name: 'TaskPlan',\r\n  data() {\r\n    return {\r\n      // ==================== 1. 查询条件 ====================\r\n      searchForm: {\r\n        rwmc: '',\r\n        nd: undefined,\r\n        zt: ''\r\n      },\r\n      yearOptions: [],\r\n      statusOptions: [\r\n        { label: '未发布', value: '未发布' },\r\n        { label: '发布', value: '发布' }\r\n      ],\r\n\r\n      // ==================== 2. 表格数据 ====================\r\n      loading: false,\r\n      tableData: [],\r\n      pageNum: 1,\r\n      pageSize: 10,\r\n      total: 0,\r\n\r\n      // ==================== 3. 新增/修改表单 ====================\r\n      dialogVisible: false,\r\n      dialogTitle: '新建教学任务',\r\n      isEdit: false,\r\n      saving: false,\r\n      form: this.createEmptyForm(),\r\n      rules: {\r\n        rwmc: [{ required: true, message: '请输入任务名称', trigger: 'blur' }],\r\n        nd: [{ required: true, message: '请选择年度', trigger: 'change' }],\r\n        zt: [{ required: true, message: '请选择状态', trigger: 'change' }]\r\n      },\r\n\r\n      // ==================== 4. 详情 ====================\r\n      detailVisible: false,\r\n      detailLoading: false,\r\n      detailData: {}\r\n    }\r\n  },\r\n  created() {\r\n    this.loadYearOptions().then(() => this.fetchList())\r\n  },\r\n  methods: {\r\n    /* ---------- 年度下拉（数据来自 /semester/all，禁止硬编码） ---------- */\r\n    loadYearOptions() {\r\n      return listAllSemester().then(response => {\r\n        const list = response.data || []\r\n        const map = {}\r\n        list.forEach(item => {\r\n          if (item.nd !== null && item.nd !== undefined && item.nd !== '') map[item.nd] = item\r\n        })\r\n        const arr = Object.keys(map).sort((a, b) => String(b).localeCompare(String(a)))\r\n        this.yearOptions = arr\r\n        // 默认年度：优先当前学期(dqxq=true)，否则取最新年度\r\n        const current = list.find(item => item.dqxq === true)\r\n        const defaultNd = (current && current.nd) || arr[0]\r\n        if (!this.searchForm.nd) this.searchForm.nd = defaultNd\r\n        return arr\r\n      }).catch(() => {\r\n        this.yearOptions = []\r\n        return []\r\n      })\r\n    },\r\n\r\n    /* ---------- 通用格式化 ---------- */\r\n    fmtDateTime(row, column, cellValue) {\r\n      if (cellValue === null || cellValue === undefined || cellValue === '') return '-'\r\n      return String(cellValue).replace('T', ' ').slice(0, 16)\r\n    },\r\n    fmtVal(val) {\r\n      if (val === null || val === undefined || val === '') return '-'\r\n      return String(val).replace('T', ' ').slice(0, 16)\r\n    },\r\n    /** 移除空值（''/null/undefined），保留 0 等有效值 */\r\n    cleanPayload(obj) {\r\n      const payload = {}\r\n      Object.keys(obj).forEach(key => {\r\n        const value = obj[key]\r\n        if (value !== '' && value !== null && value !== undefined) {\r\n          payload[key] = value\r\n        }\r\n      })\r\n      return payload\r\n    },\r\n\r\n    /* ---------- 列表加载 ---------- */\r\n    fetchList() {\r\n      this.loading = true\r\n      const params = { pageNum: this.pageNum, pageSize: this.pageSize }\r\n      if (this.searchForm.rwmc && this.searchForm.rwmc.trim()) params.rwmc = this.searchForm.rwmc.trim()\r\n      if (this.searchForm.nd !== undefined && this.searchForm.nd !== null && this.searchForm.nd !== '') {\r\n        params.nd = this.searchForm.nd\r\n      }\r\n      if (this.searchForm.zt && this.searchForm.zt.trim()) params.zt = this.searchForm.zt.trim()\r\n      listTeachingTask(params).then(res => {\r\n        const data = (res && res.data) || {}\r\n        this.tableData = data.records || []\r\n        this.total = data.total || 0\r\n        this.loading = false\r\n      }).catch(() => {\r\n        this.tableData = []\r\n        this.total = 0\r\n        this.loading = false\r\n      })\r\n    },\r\n\r\n    handleQuery() {\r\n      this.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    handlePageChange(page) {\r\n      this.pageNum = page\r\n      this.fetchList()\r\n    },\r\n\r\n    handleSizeChange(size) {\r\n      this.pageSize = size\r\n      this.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    /* ---------- 新增 / 修改 ---------- */\r\n    createEmptyForm() {\r\n      return {\r\n        bh: '',\r\n        rwmc: '',\r\n        nd: undefined,\r\n        zt: '未发布',\r\n        fbsj: '',\r\n        jssj: '',\r\n        jcxqscsj: ''\r\n      }\r\n    },\r\n\r\n    handleAdd() {\r\n      this.form = this.createEmptyForm()\r\n      if (!this.form.nd && this.searchForm.nd) this.form.nd = this.searchForm.nd\r\n      this.isEdit = false\r\n      this.dialogTitle = '新建教学任务'\r\n      this.dialogVisible = true\r\n      this.$nextTick(() => {\r\n        this.$refs.formRef && this.$refs.formRef.clearValidate()\r\n      })\r\n    },\r\n\r\n    handleEdit(row) {\r\n      this.form = {\r\n        bh: row.bh || '',\r\n        rwmc: row.rwmc || '',\r\n        nd: row.nd,\r\n        zt: row.zt || '未发布',\r\n        fbsj: row.fbsj || '',\r\n        jssj: row.jssj || '',\r\n        jcxqscsj: row.jcxqscsj || ''\r\n      }\r\n      this.isEdit = true\r\n      this.dialogTitle = '修改教学任务'\r\n      this.dialogVisible = true\r\n      this.$nextTick(() => {\r\n        this.$refs.formRef && this.$refs.formRef.clearValidate()\r\n      })\r\n    },\r\n\r\n    handleSubmit() {\r\n      this.$refs.formRef.validate(valid => {\r\n        if (!valid) {\r\n          this.$message.warning('请完善必填项后再提交')\r\n          return\r\n        }\r\n        const payload = this.cleanPayload(this.buildPayload())\r\n        this.saving = true\r\n        const req = this.isEdit ? updateTeachingTask(payload) : addTeachingTask(payload)\r\n        req.then(() => {\r\n          this.$message.success(this.isEdit ? '修改成功' : '新建成功')\r\n          this.dialogVisible = false\r\n          this.fetchList()\r\n        }).catch(() => {}).finally(() => {\r\n          this.saving = false\r\n        })\r\n      })\r\n    },\r\n\r\n    /** 构建请求体：年度转数字以匹配后端 Integer，时间字段有值才传 */\r\n    buildPayload() {\r\n      const f = this.form\r\n      const payload = {}\r\n      if (this.isEdit && f.bh && String(f.bh).trim()) payload.bh = String(f.bh).trim()\r\n      if (f.rwmc && String(f.rwmc).trim()) payload.rwmc = String(f.rwmc).trim()\r\n      if (f.nd !== undefined && f.nd !== null && f.nd !== '') payload.nd = Number(f.nd)\r\n      if (f.zt && String(f.zt).trim()) payload.zt = String(f.zt).trim()\r\n      if (f.fbsj) payload.fbsj = f.fbsj\r\n      if (f.jssj) payload.jssj = f.jssj\r\n      if (f.jcxqscsj) payload.jcxqscsj = f.jcxqscsj\r\n      return payload\r\n    },\r\n\r\n    /* ---------- 详情 ---------- */\r\n    handleDetail(row) {\r\n      this.detailVisible = true\r\n      this.detailLoading = true\r\n      this.detailData = {}\r\n      getTeachingTask(row.bh).then(res => {\r\n        this.detailData = (res && res.data) || {}\r\n        this.detailLoading = false\r\n      }).catch(() => {\r\n        this.detailLoading = false\r\n      })\r\n    },\r\n\r\n    /* ---------- 删除 ---------- */\r\n    handleDelete(row) {\r\n      this.$confirm(`确定要删除「${row.rwmc || row.bh || '该记录'}」吗？删除将级联删除关联的教研室任务书。`, '系统提示', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => deleteTeachingTask(row.bh)).then(() => {\r\n        this.$message.success('删除成功')\r\n        this.fetchList()\r\n      }).catch(() => {})\r\n    },\r\n\r\n    /* ---------- 发布 ---------- */\r\n    handlePublish(row) {\r\n      this.$confirm(`确定要发布教学任务「${row.rwmc || row.bh || '该记录'}」吗？发布前请先填写关联的教研室任务书。`, '系统提示', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => publishTeachingTask(row.bh)).then(() => {\r\n        this.$message.success('发布成功')\r\n        this.fetchList()\r\n      }).catch(() => {})\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.task-plan-page {\r\n  .page-title {\r\n    text-align: center;\r\n    font-size: 20px;\r\n    font-weight: 600;\r\n    color: #303133;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  // ========== 1. 查询条件区域 ==========\r\n  .search-card {\r\n    margin-bottom: 16px;\r\n\r\n    .search-form {\r\n      .el-form-item {\r\n        margin-bottom: 0;\r\n        margin-right: 24px;\r\n      }\r\n    }\r\n  }\r\n\r\n  // ========== 2. 工具栏 ==========\r\n  .list-toolbar {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 12px;\r\n    margin-bottom: 16px;\r\n\r\n    .left-group,\r\n    .right-group {\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      gap: 10px;\r\n    }\r\n  }\r\n\r\n  // ========== 3. 数据表格区域 ==========\r\n  .table-card {\r\n    .task-table {\r\n      width: 100%;\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    .text-danger {\r\n      color: #f56c6c;\r\n    }\r\n  }\r\n\r\n  // ========== 4. 详情 ==========\r\n  .detail-empty {\r\n    min-height: 120px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color: #909399;\r\n  }\r\n}\r\n</style>\r\n"]}]}