education/frontend/node_modules/.cache/vue-loader/a6ddaf133d677bef1f6ed7697160237b.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\\student\\statusChange\\index.vue?vue&type=style&index=0&id=179ecc33&scoped=true&lang=scss","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\student\\statusChange\\index.vue","mtime":1787567871642},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi5hcHAtY29udGFpbmVyIHsNCiAgcGFkZGluZzogMjBweDsNCn0NCg0KLnN0YXR1cy1jaGFuZ2UtcGFnZSB7DQogIC5zZWFyY2gtY2FyZCB7DQogICAgbWFyZ2luLWJvdHRvbTogMTZweDsNCiAgfQ0KDQogIC5zZWFyY2gtZm9ybSB7DQogICAgLnctZnVsbCB7DQogICAgICB3aWR0aDogMTAwJTsNCiAgICB9DQoNCiAgICAuc2VhcmNoLWFjdGlvbnMgew0KICAgICAgZGlzcGxheTogZmxleDsNCiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7DQogICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47DQogICAgICBwYWRkaW5nLXRvcDogOHB4Ow0KDQogICAgICAuc2VhcmNoLXRpcCB7DQogICAgICAgIGZvbnQtc2l6ZTogMTJweDsNCiAgICAgICAgY29sb3I6ICM5MDkzOTk7DQogICAgICB9DQoNCiAgICAgIC5zZWFyY2gtYnV0dG9ucyB7DQogICAgICAgIGRpc3BsYXk6IGZsZXg7DQogICAgICAgIGdhcDogMTJweDsNCiAgICAgIH0NCiAgICB9DQogIH0NCg0KICAudGFibGUtY2FyZCB7DQogICAgLnRhYmxlLWhlYWRlciB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjsNCiAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjsNCiAgICAgIG1hcmdpbi1ib3R0b206IDE2cHg7DQoNCiAgICAgIC50YWJsZS10aXRsZSB7DQogICAgICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICAgICAgZm9udC13ZWlnaHQ6IDYwMDsNCiAgICAgICAgY29sb3I6ICMzMDMxMzM7DQogICAgICB9DQogICAgfQ0KDQogICAgLnBhZ2luYXRpb24td3JhcHBlciB7DQogICAgICBkaXNwbGF5OiBmbGV4Ow0KICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDsNCiAgICAgIG1hcmdpbi10b3A6IDE2cHg7DQogICAgfQ0KICB9DQoNCiAgLmFkZC1mb3JtIHsNCiAgICBtYXgtaGVpZ2h0OiA2MHZoOw0KICAgIG92ZXJmbG93LXk6IGF1dG87DQogICAgcGFkZGluZy1yaWdodDogNHB4Ow0KICB9DQoNCiAgLnRleHQtZGFuZ2VyIHsNCiAgICBjb2xvcjogI2Y1NmM2YzsNCiAgICBwYWRkaW5nOiAwOw0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6aA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/student/statusChange","sourcesContent":["<template>\r\n  <div class=\"app-container status-change-page\">\r\n    <!-- ==================== 1. 查询条件 ==================== -->\r\n    <el-card shadow=\"never\" class=\"search-card\">\r\n      <el-form ref=\"searchFormRef\" :model=\"searchForm\" label-width=\"90px\" class=\"search-form\">\r\n        <el-row :gutter=\"24\">\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"12\" :lg=\"12\" :xl=\"12\">\r\n            <el-form-item label=\"编号\">\r\n              <el-input v-model=\"searchForm.bh\" placeholder=\"请输入编号\" clearable @keyup.enter.native=\"handleSearch\" />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"12\" :lg=\"12\" :xl=\"12\">\r\n            <el-form-item label=\"学员编号\">\r\n              <el-input v-model=\"searchForm.xybh\" placeholder=\"请输入学员编号\" clearable @keyup.enter.native=\"handleSearch\" />\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"12\" :lg=\"12\" :xl=\"12\">\r\n            <el-form-item label=\"申请类型\">\r\n              <el-select v-model=\"searchForm.sqlx\" placeholder=\"请选择申请类型\" clearable class=\"w-full\">\r\n                <el-option v-for=\"item in applyTypeOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n              </el-select>\r\n            </el-form-item>\r\n          </el-col>\r\n          <el-col :xs=\"24\" :sm=\"12\" :md=\"12\" :lg=\"12\" :xl=\"12\">\r\n            <el-form-item label=\"状态\">\r\n              <el-select v-model=\"searchForm.zt\" placeholder=\"请选择状态\" clearable class=\"w-full\">\r\n                <el-option v-for=\"(item, key) in statusMap\" :key=\"key\" :label=\"item.label\" :value=\"Number(key)\" />\r\n              </el-select>\r\n            </el-form-item>\r\n          </el-col>\r\n        </el-row>\r\n        <el-row>\r\n          <el-col :span=\"24\" class=\"search-actions\">\r\n            <div class=\"search-buttons\">\r\n              <el-button type=\"primary\" @click=\"handleSearch\">查询</el-button>\r\n              <el-button @click=\"handleReset\">重置</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-header\">\r\n        <span class=\"table-title\">学籍异动申请列表：</span>\r\n        <el-button type=\"primary\" icon=\"el-icon-plus\" @click=\"handleAdd\">新增学籍异动申请</el-button>\r\n      </div>\r\n      <el-table v-loading=\"loading\" :data=\"tableData\" stripe border highlight-current-row>\r\n        <el-table-column type=\"index\" label=\"序号\" width=\"60\" align=\"center\" />\r\n        <el-table-column prop=\"bh\" label=\"编号\" min-width=\"140\" show-overflow-tooltip />\r\n        <el-table-column prop=\"xybh\" label=\"学员编号\" min-width=\"120\" show-overflow-tooltip />\r\n        <el-table-column prop=\"sqlx\" label=\"申请类型\" width=\"100\" align=\"center\" />\r\n        <el-table-column prop=\"sy\" label=\"事由\" min-width=\"140\" show-overflow-tooltip />\r\n        <el-table-column prop=\"bz\" label=\"备注\" min-width=\"140\" show-overflow-tooltip />\r\n        <el-table-column label=\"状态\" width=\"90\" align=\"center\">\r\n          <template slot-scope=\"{ row }\">\r\n            <el-tag :type=\"statusTagType(row.zt)\" size=\"mini\" effect=\"light\">{{ statusLabel(row.zt) }}</el-tag>\r\n          </template>\r\n        </el-table-column>\r\n        <el-table-column label=\"提交时间\" width=\"160\" align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ row.tjsj ? fmtDateTime(row.tjsj) : '-' }}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"创建时间\" width=\"160\" align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ row.cjsj ? fmtDateTime(row.cjsj) : '-' }}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"修改时间\" width=\"160\" align=\"center\">\r\n          <template slot-scope=\"{ row }\">{{ row.xgsj ? fmtDateTime(row.xgsj) : '-' }}</template>\r\n        </el-table-column>\r\n        <el-table-column label=\"操作\" width=\"230\" align=\"center\" fixed=\"right\">\r\n          <template slot-scope=\"{ row }\">\r\n            <el-button v-if=\"!row.tjsj\" type=\"text\" size=\"small\" icon=\"el-icon-upload2\" @click=\"handleSubmit(row)\">提交</el-button>\r\n            <el-button v-else type=\"text\" size=\"small\" icon=\"el-icon-check\" disabled>已提交</el-button>\r\n            <el-button type=\"text\" size=\"small\" icon=\"el-icon-view\" @click=\"handleDetail(row)\">详情</el-button>\r\n            <el-button type=\"text\" size=\"small\" icon=\"el-icon-edit\" @click=\"handleEdit(row)\">编辑</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      <el-empty v-if=\"!loading && tableData.length === 0\" description=\"暂无学籍异动申请数据\" :image-size=\"60\" />\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-wrapper\"\r\n        @current-change=\"handlePageChange\"\r\n        @size-change=\"handleSizeChange\"\r\n      />\r\n    </el-card>\r\n\r\n    <!-- ==================== 3. 新增/编辑对话框 ==================== -->\r\n    <el-dialog\r\n      :visible=\"formDialogVisible\"\r\n      :title=\"dialogTitle\"\r\n      width=\"600px\"\r\n      :close-on-click-modal=\"false\"\r\n      @update:visible=\"val => formDialogVisible = val\"\r\n    >\r\n      <el-form ref=\"formRef\" :model=\"form\" :rules=\"formRules\" label-width=\"110px\" class=\"add-form\">\r\n        <el-form-item label=\"编号\" prop=\"bh\">\r\n          <el-input v-model=\"form.bh\" placeholder=\"请输入编号\" :disabled=\"!isAdd\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"学员编号\" prop=\"xybh\">\r\n          <el-input v-model=\"form.xybh\" placeholder=\"请输入学员编号\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"申请类型\" prop=\"sqlx\">\r\n          <el-select v-model=\"form.sqlx\" placeholder=\"请选择申请类型\" class=\"w-full\">\r\n            <el-option v-for=\"item in applyTypeOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"事由\" prop=\"sy\">\r\n          <el-input v-model=\"form.sy\" type=\"textarea\" :rows=\"3\" placeholder=\"请输入事由\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"备注\">\r\n          <el-input v-model=\"form.bz\" type=\"textarea\" :rows=\"3\" placeholder=\"请输入备注\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"状态\" prop=\"zt\">\r\n          <el-select v-model=\"form.zt\" placeholder=\"请选择状态\" class=\"w-full\">\r\n            <el-option v-for=\"(item, key) in statusMap\" :key=\"key\" :label=\"item.label\" :value=\"Number(key)\" />\r\n          </el-select>\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\">\r\n        <el-button @click=\"formDialogVisible = false\">取消</el-button>\r\n        <el-button type=\"primary\" :loading=\"formSaving\" @click=\"handleFormSubmit\">确定</el-button>\r\n      </div>\r\n    </el-dialog>\r\n\r\n    <!-- ==================== 4. 详情对话框 ==================== -->\r\n    <el-dialog title=\"学籍异动申请详情\" :visible=\"detailDialogVisible\" width=\"760px\" :close-on-click-modal=\"false\"\r\n      @update:visible=\"val => detailDialogVisible = val\">\r\n      <div v-loading=\"detailLoading\" class=\"detail-body\">\r\n        <el-descriptions :column=\"2\" border>\r\n          <el-descriptions-item label=\"编号\">{{ detailForm.bh || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"学员编号\">{{ detailForm.xybh || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"申请类型\">{{ detailForm.sqlx || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"状态\">\r\n            <el-tag :type=\"statusTagType(detailForm.zt)\" size=\"mini\">{{ statusLabel(detailForm.zt) }}</el-tag>\r\n          </el-descriptions-item>\r\n          <el-descriptions-item label=\"事由\" :span=\"2\">{{ detailForm.sy || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"备注\" :span=\"2\">{{ detailForm.bz || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"创建时间\">{{ detailForm.cjsj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"修改时间\">{{ detailForm.xgsj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"提交时间\">{{ detailForm.tjsj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"学员队审核意见\">{{ detailForm.xydshyj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"学员队干部编号\">{{ detailForm.xydgbbh || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"学员队干部审核时间\">{{ detailForm.xydshsj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"管理员账户编号\">{{ detailForm.glyzhbh || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"管理员审核意见\">{{ detailForm.glyshyj || '-' }}</el-descriptions-item>\r\n          <el-descriptions-item label=\"管理员审核时间\">{{ detailForm.glyshsj || '-' }}</el-descriptions-item>\r\n        </el-descriptions>\r\n      </div>\r\n      <div slot=\"footer\">\r\n        <el-button @click=\"detailDialogVisible = false\">关闭</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  listApplication,\r\n  getApplication,\r\n  addApplication,\r\n  updateApplication,\r\n  delApplication\r\n} from '@/api/studentRecords/application'\r\n\r\nexport default {\r\n  name: 'StatusChangeIndex',\r\n  data() {\r\n    return {\r\n      // ==================== 申请类型选项（学籍异动） ====================\r\n      applyTypeOptions: ['休学', '复学', '退学', '转学', '留级', '转专业'],\r\n\r\n      // ==================== 状态映射：0-待审核 1-已审核 2-驳回等 ====================\r\n      statusMap: {\r\n        0: { label: '待审核', type: 'warning' },\r\n        1: { label: '已审核', type: 'success' },\r\n        2: { label: '驳回', type: 'danger' }\r\n      },\r\n\r\n      // ==================== 查询条件 ====================\r\n      searchForm: {\r\n        bh: '',\r\n        xybh: '',\r\n        sqlx: '',\r\n        zt: undefined\r\n      },\r\n\r\n      // ==================== 列表数据 ====================\r\n      loading: false,\r\n      tableData: [],\r\n      total: 0,\r\n      pageNum: 1,\r\n      pageSize: 20,\r\n\r\n      // ==================== 新增/编辑 ====================\r\n      formDialogVisible: false,\r\n      dialogTitle: '新增学籍异动申请',\r\n      isAdd: true,\r\n      formSaving: false,\r\n      form: this.createEmptyForm(),\r\n      formRules: {\r\n        bh: [{ required: true, message: '请输入编号', trigger: 'blur' }],\r\n        xybh: [{ required: true, message: '请输入学员编号', trigger: 'blur' }],\r\n        sqlx: [{ required: true, message: '请选择申请类型', trigger: 'change' }],\r\n        sy: [{ required: true, message: '请输入事由', trigger: 'blur' }],\r\n        zt: [{ required: true, message: '请选择状态', trigger: 'change' }]\r\n      },\r\n\r\n      // ==================== 详情 ====================\r\n      detailDialogVisible: false,\r\n      detailLoading: false,\r\n      detailForm: {}\r\n    }\r\n  },\r\n  mounted() {\r\n    this.fetchList()\r\n  },\r\n  methods: {\r\n    createEmptyForm() {\r\n      return {\r\n        bh: '',\r\n        xybh: '',\r\n        sqlx: '',\r\n        sy: '',\r\n        bz: '',\r\n        zt: 0\r\n      }\r\n    },\r\n\r\n    // ==================== 状态展示 ====================\r\n    // 统一格式化后端 LocalDateTime（去除 T、截断到秒）\r\n    fmtDateTime(val) {\r\n      if (val === null || val === undefined || val === '') return ''\r\n      return String(val).replace('T', ' ').slice(0, 19)\r\n    },\r\n    statusLabel(zt) {\r\n      const item = this.statusMap[zt]\r\n      return item ? item.label : (zt !== null && zt !== undefined ? String(zt) : '-')\r\n    },\r\n    statusTagType(zt) {\r\n      const item = this.statusMap[zt]\r\n      return item ? item.type : 'info'\r\n    },\r\n\r\n    // ==================== 查询列表 ====================\r\n    fetchList() {\r\n      this.loading = true\r\n      const params = {\r\n        pageNum: this.pageNum,\r\n        pageSize: this.pageSize\r\n      }\r\n      // 等值筛选，留空不传\r\n      ;['bh', 'xybh', 'sqlx'].forEach(key => {\r\n        const value = this.searchForm[key]\r\n        if (value !== '' && value !== null && value !== undefined) {\r\n          params[key] = String(value).trim()\r\n        }\r\n      })\r\n      if (this.searchForm.zt !== undefined && this.searchForm.zt !== '' && this.searchForm.zt !== null) {\r\n        params.zt = this.searchForm.zt\r\n      }\r\n      listApplication(params).then(response => {\r\n        const data = response.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    handleSearch() {\r\n      this.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    handleReset() {\r\n      this.$refs.searchFormRef.resetFields()\r\n      this.pageNum = 1\r\n      this.fetchList()\r\n    },\r\n\r\n    handlePageChange(current) {\r\n      this.pageNum = current\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    handleAdd() {\r\n      this.isAdd = true\r\n      this.dialogTitle = '新增学籍异动申请'\r\n      this.form = this.createEmptyForm()\r\n      this.formDialogVisible = 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.isAdd = false\r\n      this.dialogTitle = '编辑学籍异动申请'\r\n      this.form = this.createEmptyForm()\r\n      this.formDialogVisible = true\r\n      this.$nextTick(() => {\r\n        this.$refs.formRef && this.$refs.formRef.clearValidate()\r\n      })\r\n      getApplication(row.bh).then(response => {\r\n        const data = response.data || {}\r\n        this.form = {\r\n          bh: data.bh || '',\r\n          xybh: data.xybh || '',\r\n          sqlx: data.sqlx || '',\r\n          sy: data.sy || '',\r\n          bz: data.bz || '',\r\n          zt: data.zt !== null && data.zt !== undefined ? Number(data.zt) : 0\r\n        }\r\n      }).catch(() => {})\r\n    },\r\n\r\n    buildPayload() {\r\n      const f = this.form\r\n      const payload = {\r\n        bh: f.bh,\r\n        xybh: f.xybh,\r\n        sqlx: f.sqlx,\r\n        sy: f.sy,\r\n        zt: Number(f.zt)\r\n      }\r\n      // 备注留空则移除\r\n      if (f.bz !== '' && f.bz !== null && f.bz !== undefined) {\r\n        payload.bz = f.bz\r\n      }\r\n      return payload\r\n    },\r\n\r\n    handleFormSubmit() {\r\n      this.$refs.formRef.validate(valid => {\r\n        if (!valid) return\r\n        this.formSaving = true\r\n        const payload = this.buildPayload()\r\n        const request = this.isAdd ? addApplication(payload) : updateApplication(payload)\r\n        request.then(() => {\r\n          this.$message.success(this.isAdd ? '新增成功' : '修改成功')\r\n          this.formDialogVisible = false\r\n          this.fetchList()\r\n        }).catch(() => {\r\n        }).finally(() => {\r\n          this.formSaving = false\r\n        })\r\n      })\r\n    },\r\n\r\n    // ==================== 提交 ====================\r\n    // 无独立提交接口，通过编辑接口写入提交时间 tjsj（zt 保持原值不变）\r\n    formatNow() {\r\n      const d = new Date()\r\n      const pad = n => String(n).padStart(2, '0')\r\n      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`\r\n    },\r\n\r\n    handleSubmit(row) {\r\n      this.$confirm(`确定要提交编号为「${row.bh}」的学籍异动申请吗？`, '系统提示', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => {\r\n        const payload = {\r\n          bh: row.bh,\r\n          xybh: row.xybh,\r\n          sqlx: row.sqlx,\r\n          sy: row.sy,\r\n          zt: row.zt !== null && row.zt !== undefined ? Number(row.zt) : 0,\r\n          tjsj: this.formatNow()\r\n        }\r\n        if (row.bz) {\r\n          payload.bz = row.bz\r\n        }\r\n        return updateApplication(payload)\r\n      }).then(() => {\r\n        this.$message.success('提交成功')\r\n        this.fetchList()\r\n      }).catch(() => {})\r\n    },\r\n\r\n    // ==================== 删除 ====================\r\n    handleDelete(row) {\r\n      this.$confirm(`确定要删除编号为「${row.bh}」的学籍异动申请吗？`, '系统提示', {\r\n        confirmButtonText: '确定',\r\n        cancelButtonText: '取消',\r\n        type: 'warning'\r\n      }).then(() => {\r\n        return delApplication(row.bh)\r\n      }).then(() => {\r\n        this.$message.success('删除成功')\r\n        this.fetchList()\r\n      }).catch(() => {})\r\n    },\r\n\r\n    // ==================== 详情 ====================\r\n    handleDetail(row) {\r\n      this.detailDialogVisible = true\r\n      this.detailLoading = true\r\n      this.detailForm = {}\r\n      getApplication(row.bh).then(response => {\r\n        this.detailForm = response.data || {}\r\n        this.detailLoading = false\r\n      }).catch(() => {\r\n        this.detailLoading = false\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.app-container {\r\n  padding: 20px;\r\n}\r\n\r\n.status-change-page {\r\n  .search-card {\r\n    margin-bottom: 16px;\r\n  }\r\n\r\n  .search-form {\r\n    .w-full {\r\n      width: 100%;\r\n    }\r\n\r\n    .search-actions {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      padding-top: 8px;\r\n\r\n      .search-tip {\r\n        font-size: 12px;\r\n        color: #909399;\r\n      }\r\n\r\n      .search-buttons {\r\n        display: flex;\r\n        gap: 12px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .table-card {\r\n    .table-header {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n      margin-bottom: 16px;\r\n\r\n      .table-title {\r\n        font-size: 16px;\r\n        font-weight: 600;\r\n        color: #303133;\r\n      }\r\n    }\r\n\r\n    .pagination-wrapper {\r\n      display: flex;\r\n      justify-content: flex-end;\r\n      margin-top: 16px;\r\n    }\r\n  }\r\n\r\n  .add-form {\r\n    max-height: 60vh;\r\n    overflow-y: auto;\r\n    padding-right: 4px;\r\n  }\r\n\r\n  .text-danger {\r\n    color: #f56c6c;\r\n    padding: 0;\r\n  }\r\n}\r\n</style>\r\n"]}]}