{"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\\teachNotice\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Admin\\Desktop\\education\\frontend\\src\\views\\teachNotice\\index.vue","mtime":1787567993845},{"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\\babel-loader\\lib\\index.js","mtime":1787309793142},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgeyBsaXN0VGVhY2hOb3RpY2UsIGdldFRlYWNoTm90aWNlLCBhZGRUZWFjaE5vdGljZSwgdXBkYXRlVGVhY2hOb3RpY2UsIGRlbFRlYWNoTm90aWNlIH0gZnJvbSAiQC9hcGkvdGVhY2hOb3RpY2UiDQoNCmV4cG9ydCBkZWZhdWx0IHsNCiAgbmFtZTogIlRlYWNoTm90aWNlIiwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgbG9hZGluZzogdHJ1ZSwNCiAgICAgIHRhYmxlSGVpZ2h0OiB3aW5kb3cuaW5uZXJIZWlnaHQgLSAzMjAsDQogICAgICB0b3RhbDogMCwNCiAgICAgIG5vdGljZUxpc3Q6IFtdLA0KICAgICAgY2F0ZWdvcnlPcHRpb25zOiBbJ+aVmeWtpuWFrOWRiicsICfogIPor5XpgJrnn6UnLCAn6LCD6K++6YCa55+lJ10sDQogICAgICBxdWVyeVBhcmFtczogew0KICAgICAgICBwYWdlTnVtOiAxLA0KICAgICAgICBwYWdlU2l6ZTogMTAsDQogICAgICAgIHRpdGxlOiB1bmRlZmluZWQsDQogICAgICAgIGNhdGVnb3J5OiB1bmRlZmluZWQsDQogICAgICAgIHB1Ymxpc2hEYXRlRnJvbTogdW5kZWZpbmVkLA0KICAgICAgICBwdWJsaXNoRGF0ZVRvOiB1bmRlZmluZWQNCiAgICAgIH0sDQogICAgICAvLyDmlrDlop4v5L+u5pS5IOWvueivneahhg0KICAgICAgZGlhbG9nVmlzaWJsZTogZmFsc2UsDQogICAgICBkaWFsb2dUaXRsZTogJycsDQogICAgICBmb3JtOiB7fSwNCiAgICAgIHJ1bGVzOiB7DQogICAgICAgIHRpdGxlOiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogIuWFrOWRiuagh+mimOS4jeiDveS4uuepuiIsIHRyaWdnZXI6ICJibHVyIiB9XSwNCiAgICAgICAgY29udGVudDogW3sgcmVxdWlyZWQ6IHRydWUsIG1lc3NhZ2U6ICLlhazlkYrmraPmlofkuI3og73kuLrnqboiLCB0cmlnZ2VyOiAiYmx1ciIgfV0sDQogICAgICAgIGNhdGVnb3J5OiBbeyByZXF1aXJlZDogdHJ1ZSwgbWVzc2FnZTogIuWFrOWRiuexu+WIq+S4jeiDveS4uuepuiIsIHRyaWdnZXI6ICJjaGFuZ2UiIH1dDQogICAgICB9LA0KICAgICAgLy8g6K+m5oOFIOWvueivneahhg0KICAgICAgdmlld1Zpc2libGU6IGZhbHNlLA0KICAgICAgdmlld0Zvcm06IHt9DQogICAgfQ0KICB9LA0KICBjcmVhdGVkKCkgew0KICAgIHRoaXMuZ2V0TGlzdCgpDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICAvKiog5p+l6K+i5YiX6KGoICovDQogICAgZ2V0TGlzdCgpIHsNCiAgICAgIHRoaXMubG9hZGluZyA9IHRydWUNCiAgICAgIGxpc3RUZWFjaE5vdGljZSh0aGlzLnF1ZXJ5UGFyYW1zKS50aGVuKHJlc3BvbnNlID0+IHsNCiAgICAgICAgY29uc3QgZGF0YSA9IHJlc3BvbnNlLmRhdGEgfHwge30NCiAgICAgICAgdGhpcy5ub3RpY2VMaXN0ID0gZGF0YS5yZWNvcmRzIHx8IFtdDQogICAgICAgIHRoaXMudG90YWwgPSBkYXRhLnRvdGFsIHx8IDANCiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2UNCiAgICAgIH0pLmNhdGNoKCgpID0+IHsNCiAgICAgICAgdGhpcy5ub3RpY2VMaXN0ID0gW10NCiAgICAgICAgdGhpcy50b3RhbCA9IDANCiAgICAgICAgdGhpcy5sb2FkaW5nID0gZmFsc2UNCiAgICAgIH0pDQogICAgfSwNCiAgICAvKiog5pe26Ze05qC85byP5YyW77yaeXl5eS1NTS1kZCBISDptbTpzcyAqLw0KICAgIGZvcm1hdFRpbWUodGltZSkgew0KICAgICAgaWYgKCF0aW1lKSByZXR1cm4gJycNCiAgICAgIGNvbnN0IGRhdGUgPSBuZXcgRGF0ZSh0aW1lKQ0KICAgICAgaWYgKGlzTmFOKGRhdGUuZ2V0VGltZSgpKSkgcmV0dXJuIHRpbWUNCiAgICAgIGNvbnN0IHBhZCA9IG4gPT4gU3RyaW5nKG4pLnBhZFN0YXJ0KDIsICcwJykNCiAgICAgIHJldHVybiBgJHtkYXRlLmdldEZ1bGxZZWFyKCl9LSR7cGFkKGRhdGUuZ2V0TW9udGgoKSArIDEpfS0ke3BhZChkYXRlLmdldERhdGUoKSl9ICR7cGFkKGRhdGUuZ2V0SG91cnMoKSl9OiR7cGFkKGRhdGUuZ2V0TWludXRlcygpKX06JHtwYWQoZGF0ZS5nZXRTZWNvbmRzKCkpfWANCiAgICB9LA0KICAgIC8qKiDnirbmgIHmoIfnrb7popzoibIgKi8NCiAgICBzdGF0dXNUYWdUeXBlKHN0YXR1cykgew0KICAgICAgaWYgKHN0YXR1cyA9PT0gJ+W3suWPkeW4gycpIHJldHVybiAnc3VjY2VzcycNCiAgICAgIGlmIChzdGF0dXMgPT09ICflt7LkuIvmnrYnKSByZXR1cm4gJ2luZm8nDQogICAgICByZXR1cm4gJ3dhcm5pbmcnDQogICAgfSwNCiAgICAvKiog5p+l6K+i5oyJ6ZKuICovDQogICAgaGFuZGxlUXVlcnkoKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zLnBhZ2VOdW0gPSAxDQogICAgICB0aGlzLmdldExpc3QoKQ0KICAgIH0sDQogICAgLyoqIOmHjee9ruaMiemSriAqLw0KICAgIHJlc2V0UXVlcnkoKSB7DQogICAgICB0aGlzLnF1ZXJ5UGFyYW1zID0gew0KICAgICAgICBwYWdlTnVtOiAxLA0KICAgICAgICBwYWdlU2l6ZTogMTAsDQogICAgICAgIHRpdGxlOiB1bmRlZmluZWQsDQogICAgICAgIGNhdGVnb3J5OiB1bmRlZmluZWQsDQogICAgICAgIHB1Ymxpc2hEYXRlRnJvbTogdW5kZWZpbmVkLA0KICAgICAgICBwdWJsaXNoRGF0ZVRvOiB1bmRlZmluZWQNCiAgICAgIH0NCiAgICAgIHRoaXMuaGFuZGxlUXVlcnkoKQ0KICAgIH0sDQogICAgLyoqIOaWsOWiniAqLw0KICAgIGhhbmRsZUFkZCgpIHsNCiAgICAgIHRoaXMuZGlhbG9nVGl0bGUgPSAn5paw5aKe5YWs5ZGKJw0KICAgICAgdGhpcy5mb3JtID0geyB0aXRsZTogdW5kZWZpbmVkLCBjb250ZW50OiB1bmRlZmluZWQsIGNhdGVnb3J5OiB1bmRlZmluZWQgfQ0KICAgICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gdHJ1ZQ0KICAgICAgdGhpcy4kbmV4dFRpY2soKCkgPT4gew0KICAgICAgICB0aGlzLiRyZWZzLm5vdGljZUZvcm0gJiYgdGhpcy4kcmVmcy5ub3RpY2VGb3JtLmNsZWFyVmFsaWRhdGUoKQ0KICAgICAgfSkNCiAgICB9LA0KICAgIC8qKiDkv67mlLkgKi8NCiAgICBoYW5kbGVVcGRhdGUocm93KSB7DQogICAgICBnZXRUZWFjaE5vdGljZShyb3cuaWQpLnRoZW4ocmVzcG9uc2UgPT4gew0KICAgICAgICBjb25zdCBkYXRhID0gcmVzcG9uc2UuZGF0YSB8fCB7fQ0KICAgICAgICB0aGlzLmZvcm0gPSB7DQogICAgICAgICAgaWQ6IGRhdGEuaWQsDQogICAgICAgICAgdGl0bGU6IGRhdGEudGl0bGUsDQogICAgICAgICAgY29udGVudDogZGF0YS5jb250ZW50LA0KICAgICAgICAgIGNhdGVnb3J5OiBkYXRhLmNhdGVnb3J5DQogICAgICAgIH0NCiAgICAgIH0pLmNhdGNoKCgpID0+IHt9KQ0KICAgICAgdGhpcy5kaWFsb2dUaXRsZSA9ICfkv67mlLnlhazlkYonDQogICAgICB0aGlzLmRpYWxvZ1Zpc2libGUgPSB0cnVlDQogICAgfSwNCiAgICAvKiog5o+Q5Lqk5paw5aKeL+S/ruaUuSAqLw0KICAgIHN1Ym1pdEZvcm0oKSB7DQogICAgICB0aGlzLiRyZWZzLm5vdGljZUZvcm0udmFsaWRhdGUodmFsaWQgPT4gew0KICAgICAgICBpZiAoIXZhbGlkKSByZXR1cm4NCiAgICAgICAgY29uc3QgaXNBZGQgPSAhdGhpcy5mb3JtLmlkDQogICAgICAgIGlmIChpc0FkZCkgew0KICAgICAgICAgIGFkZFRlYWNoTm90aWNlKHRoaXMuZm9ybSkudGhlbigoKSA9PiB7DQogICAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoIuaWsOWinuaIkOWKnyIpDQogICAgICAgICAgICB0aGlzLmRpYWxvZ1Zpc2libGUgPSBmYWxzZQ0KICAgICAgICAgICAgdGhpcy5nZXRMaXN0KCkNCiAgICAgICAgICB9KS5jYXRjaCgoKSA9PiB7fSkNCiAgICAgICAgfSBlbHNlIHsNCiAgICAgICAgICB1cGRhdGVUZWFjaE5vdGljZSh0aGlzLmZvcm0pLnRoZW4oKCkgPT4gew0KICAgICAgICAgICAgdGhpcy4kbWVzc2FnZS5zdWNjZXNzKCLkv67mlLnmiJDlip8iKQ0KICAgICAgICAgICAgdGhpcy5kaWFsb2dWaXNpYmxlID0gZmFsc2UNCiAgICAgICAgICAgIHRoaXMuZ2V0TGlzdCgpDQogICAgICAgICAgfSkuY2F0Y2goKCkgPT4ge30pDQogICAgICAgIH0NCiAgICAgIH0pDQogICAgfSwNCiAgICAvKiog5LiL5p62ICovDQogICAgaGFuZGxlT2ZmbGluZShyb3cpIHsNCiAgICAgIHRoaXMuJGNvbmZpcm0oIuehruiupOS4i+aetuivpeWFrOWRiuWQl++8nyIsICLmj5DnpLoiLCB7DQogICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAi56Gu5a6aIiwNCiAgICAgICAgY2FuY2VsQnV0dG9uVGV4dDogIuWPlua2iCIsDQogICAgICAgIHR5cGU6ICJ3YXJuaW5nIg0KICAgICAgfSkudGhlbigoKSA9PiB7DQogICAgICAgIHVwZGF0ZVRlYWNoTm90aWNlKHsgaWQ6IHJvdy5pZCwgc3RhdHVzOiAn5bey5LiL5p62JyB9KS50aGVuKCgpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoIuS4i+aetuaIkOWKnyIpDQogICAgICAgICAgdGhpcy5nZXRMaXN0KCkNCiAgICAgICAgfSkuY2F0Y2goKCkgPT4ge30pDQogICAgICB9KS5jYXRjaCgoKSA9PiB7fSkNCiAgICB9LA0KICAgIC8qKiDliKDpmaTvvIjnuqfogZTliKDpmaTvvJrku4Xmi5/liLYv5bey5LiL5p625Y+v5Yig77yM5ZCO56uv5qCh6aqM77yJICovDQogICAgaGFuZGxlRGVsZXRlKHJvdykgew0KICAgICAgdGhpcy4kY29uZmlybSgi56Gu6K6k5Yig6Zmk6K+l5YWs5ZGK5ZCX77yfIiwgIuaPkOekuiIsIHsNCiAgICAgICAgY29uZmlybUJ1dHRvblRleHQ6ICLnoa7lrpoiLA0KICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiAi5Y+W5raIIiwNCiAgICAgICAgdHlwZTogIndhcm5pbmciDQogICAgICB9KS50aGVuKCgpID0+IHsNCiAgICAgICAgZGVsVGVhY2hOb3RpY2Uocm93LmlkKS50aGVuKCgpID0+IHsNCiAgICAgICAgICB0aGlzLiRtZXNzYWdlLnN1Y2Nlc3MoIuWIoOmZpOaIkOWKnyIpDQogICAgICAgICAgdGhpcy5nZXRMaXN0KCkNCiAgICAgICAgfSkuY2F0Y2goKCkgPT4ge30pDQogICAgICB9KS5jYXRjaCgoKSA9PiB7fSkNCiAgICB9LA0KICAgIC8qKiDor6bmg4UgKi8NCiAgICBoYW5kbGVWaWV3KHJvdykgew0KICAgICAgZ2V0VGVhY2hOb3RpY2Uocm93LmlkKS50aGVuKHJlc3BvbnNlID0+IHsNCiAgICAgICAgdGhpcy52aWV3Rm9ybSA9IHJlc3BvbnNlLmRhdGEgfHwge30NCiAgICAgICAgdGhpcy52aWV3VmlzaWJsZSA9IHRydWUNCiAgICAgIH0pLmNhdGNoKCgpID0+IHt9KQ0KICAgIH0sDQogICAgLyoqIOWvueivneahhuWFs+mXreS6i+S7tu+8iFZ1ZTIg5YW85a6577yJICovDQogICAgaGFuZGxlRGlhbG9nVmlzaWJsZSh2YWwpIHsNCiAgICAgIHRoaXMuZGlhbG9nVmlzaWJsZSA9IHZhbA0KICAgIH0sDQogICAgaGFuZGxlVmlld1Zpc2libGUodmFsKSB7DQogICAgICB0aGlzLnZpZXdWaXNpYmxlID0gdmFsDQogICAgfQ0KICB9DQp9DQo="},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgNA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/teachNotice","sourcesContent":["<template>\r\n  <div class=\"app-container teach-notice\">\r\n    <!-- 查询条件区域 -->\r\n    <el-form :model=\"queryParams\" ref=\"queryForm\" size=\"small\" :inline=\"true\" label-width=\"68px\">\r\n      <el-form-item label=\"标题\" prop=\"title\">\r\n        <el-input\r\n          v-model=\"queryParams.title\"\r\n          placeholder=\"请输入标题\"\r\n          clearable\r\n          @keyup.enter.native=\"handleQuery\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item label=\"公告类别\">\r\n        <el-select\r\n          v-model=\"queryParams.category\"\r\n          placeholder=\"请选择\"\r\n          clearable\r\n          style=\"width: 160px\"\r\n        >\r\n          <el-option\r\n            v-for=\"item in categoryOptions\"\r\n            :key=\"item\"\r\n            :label=\"item\"\r\n            :value=\"item\"\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=\"queryParams.publishDateFrom\"\r\n          type=\"date\"\r\n          placeholder=\"从\"\r\n          value-format=\"yyyy-MM-dd\"\r\n          style=\"width: 140px\"\r\n        />\r\n        <span class=\"range-sep\">-</span>\r\n        <el-date-picker\r\n          v-model=\"queryParams.publishDateTo\"\r\n          type=\"date\"\r\n          placeholder=\"到\"\r\n          value-format=\"yyyy-MM-dd\"\r\n          style=\"width: 140px\"\r\n        />\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-button type=\"primary\" icon=\"el-icon-search\" size=\"mini\" @click=\"handleQuery\">查询</el-button>\r\n        <el-button icon=\"el-icon-refresh\" size=\"mini\" @click=\"resetQuery\">重置</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n\r\n    <!-- 数据列表区域 -->\r\n    <div class=\"list-heading\">\r\n      <div class=\"list-title\">公告列表</div>\r\n      <el-button\r\n        type=\"primary\"\r\n        icon=\"el-icon-plus\"\r\n        size=\"mini\"\r\n        @click=\"handleAdd\"\r\n      >新增</el-button>\r\n    </div>\r\n    <el-table v-loading=\"loading\" :data=\"noticeList\" border :height=\"tableHeight\">\r\n      <el-table-column label=\"序号\" type=\"index\" align=\"center\" width=\"70\" />\r\n      <el-table-column label=\"发布时间\" align=\"center\" width=\"165\">\r\n        <template slot-scope=\"scope\">{{ formatTime(scope.row.publishTime) }}</template>\r\n      </el-table-column>\r\n      <el-table-column label=\"标题\" align=\"left\" prop=\"title\" min-width=\"300\" :show-overflow-tooltip=\"true\" />\r\n      <el-table-column label=\"公告状态\" align=\"center\" width=\"100\">\r\n        <template slot-scope=\"scope\">\r\n          <el-tag :type=\"statusTagType(scope.row.status)\">{{ scope.row.status }}</el-tag>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column label=\"公告类别\" align=\"center\" prop=\"category\" width=\"110\" />\r\n      <el-table-column label=\"优先级\" align=\"center\" prop=\"priority\" width=\"80\" />\r\n      <el-table-column label=\"阅读次数\" align=\"center\" prop=\"readCount\" width=\"90\" />\r\n      <el-table-column label=\"接收/已读\" align=\"center\" width=\"110\">\r\n        <template slot-scope=\"scope\">{{ scope.row.recipientCount }}/{{ scope.row.readerCount }}</template>\r\n      </el-table-column>\r\n      <el-table-column\r\n        label=\"操作\"\r\n        align=\"center\"\r\n        width=\"300\"\r\n        fixed=\"right\"\r\n        class-name=\"small-padding fixed-width action-column\"\r\n      >\r\n        <template slot-scope=\"scope\">\r\n          <el-button\r\n            type=\"text\"\r\n            size=\"mini\"\r\n            icon=\"el-icon-view\"\r\n            @click=\"handleView(scope.row)\"\r\n          >详情</el-button>\r\n          <el-button\r\n            type=\"text\"\r\n            size=\"mini\"\r\n            icon=\"el-icon-edit\"\r\n            @click=\"handleUpdate(scope.row)\"\r\n          >修改</el-button>\r\n          <el-button\r\n            v-if=\"scope.row.status !== '已下架'\"\r\n            type=\"text\"\r\n            size=\"mini\"\r\n            icon=\"el-icon-download\"\r\n            @click=\"handleOffline(scope.row)\"\r\n          >下架</el-button>\r\n          <el-button\r\n            type=\"text\"\r\n            size=\"mini\"\r\n            icon=\"el-icon-delete\"\r\n            style=\"color: #f56c6c\"\r\n            @click=\"handleDelete(scope.row)\"\r\n          >删除</el-button>\r\n        </template>\r\n      </el-table-column>\r\n    </el-table>\r\n\r\n    <pagination\r\n      v-show=\"total > 0\"\r\n      :total=\"total\"\r\n      :page.sync=\"queryParams.pageNum\"\r\n      :limit.sync=\"queryParams.pageSize\"\r\n      @pagination=\"getList\"\r\n    />\r\n\r\n    <!-- 新增/修改 对话框 -->\r\n    <el-dialog\r\n      :title=\"dialogTitle\"\r\n      :visible=\"dialogVisible\"\r\n      :close-on-click-modal=\"false\"\r\n      width=\"600px\"\r\n      @update:visible=\"handleDialogVisible\"\r\n    >\r\n      <el-form ref=\"noticeForm\" :model=\"form\" :rules=\"rules\" label-width=\"80px\">\r\n        <el-form-item label=\"公告标题\" prop=\"title\">\r\n          <el-input v-model=\"form.title\" placeholder=\"请输入公告标题\" />\r\n        </el-form-item>\r\n        <el-form-item label=\"公告类别\" prop=\"category\">\r\n          <el-select v-model=\"form.category\" placeholder=\"请选择公告类别\" clearable>\r\n            <el-option v-for=\"item in categoryOptions\" :key=\"item\" :label=\"item\" :value=\"item\" />\r\n          </el-select>\r\n        </el-form-item>\r\n        <el-form-item label=\"公告正文\" prop=\"content\">\r\n          <el-input type=\"textarea\" v-model=\"form.content\" rows=\"8\" placeholder=\"请输入公告正文\" />\r\n        </el-form-item>\r\n      </el-form>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button type=\"primary\" size=\"mini\" @click=\"submitForm\">确 定</el-button>\r\n        <el-button size=\"mini\" @click=\"handleDialogVisible(false)\">取 消</el-button>\r\n      </div>\r\n    </el-dialog>\r\n\r\n    <!-- 详情 对话框 -->\r\n    <el-dialog\r\n      title=\"公告详情\"\r\n      :visible=\"viewVisible\"\r\n      :close-on-click-modal=\"false\"\r\n      width=\"600px\"\r\n      @update:visible=\"handleViewVisible\"\r\n    >\r\n      <div class=\"detail-body\">\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">公告标题</span>\r\n          <span class=\"detail-value\">{{ viewForm.title }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">公告类别</span>\r\n          <span class=\"detail-value\">{{ viewForm.category }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">公告状态</span>\r\n          <span class=\"detail-value\">{{ viewForm.status }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">优先级</span>\r\n          <span class=\"detail-value\">{{ viewForm.priority }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">发布时间</span>\r\n          <span class=\"detail-value\">{{ viewForm.publishTime }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">阅读次数</span>\r\n          <span class=\"detail-value\">{{ viewForm.readCount }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">接收/已读</span>\r\n          <span class=\"detail-value\">{{ viewForm.recipientCount }}/{{ viewForm.readerCount }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">发布范围</span>\r\n          <span class=\"detail-value\">{{ viewForm.scopeName }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">公告正文</span>\r\n          <span class=\"detail-value detail-content\">{{ viewForm.content }}</span>\r\n        </div>\r\n        <div class=\"detail-row\">\r\n          <span class=\"detail-label\">备注</span>\r\n          <span class=\"detail-value\">{{ viewForm.remark }}</span>\r\n        </div>\r\n      </div>\r\n      <div slot=\"footer\" class=\"dialog-footer\">\r\n        <el-button size=\"mini\" @click=\"handleViewVisible(false)\">关 闭</el-button>\r\n      </div>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { listTeachNotice, getTeachNotice, addTeachNotice, updateTeachNotice, delTeachNotice } from \"@/api/teachNotice\"\r\n\r\nexport default {\r\n  name: \"TeachNotice\",\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      tableHeight: window.innerHeight - 320,\r\n      total: 0,\r\n      noticeList: [],\r\n      categoryOptions: ['教学公告', '考试通知', '调课通知'],\r\n      queryParams: {\r\n        pageNum: 1,\r\n        pageSize: 10,\r\n        title: undefined,\r\n        category: undefined,\r\n        publishDateFrom: undefined,\r\n        publishDateTo: undefined\r\n      },\r\n      // 新增/修改 对话框\r\n      dialogVisible: false,\r\n      dialogTitle: '',\r\n      form: {},\r\n      rules: {\r\n        title: [{ required: true, message: \"公告标题不能为空\", trigger: \"blur\" }],\r\n        content: [{ required: true, message: \"公告正文不能为空\", trigger: \"blur\" }],\r\n        category: [{ required: true, message: \"公告类别不能为空\", trigger: \"change\" }]\r\n      },\r\n      // 详情 对话框\r\n      viewVisible: false,\r\n      viewForm: {}\r\n    }\r\n  },\r\n  created() {\r\n    this.getList()\r\n  },\r\n  methods: {\r\n    /** 查询列表 */\r\n    getList() {\r\n      this.loading = true\r\n      listTeachNotice(this.queryParams).then(response => {\r\n        const data = response.data || {}\r\n        this.noticeList = data.records || []\r\n        this.total = data.total || 0\r\n        this.loading = false\r\n      }).catch(() => {\r\n        this.noticeList = []\r\n        this.total = 0\r\n        this.loading = false\r\n      })\r\n    },\r\n    /** 时间格式化：yyyy-MM-dd HH:mm:ss */\r\n    formatTime(time) {\r\n      if (!time) return ''\r\n      const date = new Date(time)\r\n      if (isNaN(date.getTime())) return time\r\n      const pad = n => String(n).padStart(2, '0')\r\n      return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())} ${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`\r\n    },\r\n    /** 状态标签颜色 */\r\n    statusTagType(status) {\r\n      if (status === '已发布') return 'success'\r\n      if (status === '已下架') return 'info'\r\n      return 'warning'\r\n    },\r\n    /** 查询按钮 */\r\n    handleQuery() {\r\n      this.queryParams.pageNum = 1\r\n      this.getList()\r\n    },\r\n    /** 重置按钮 */\r\n    resetQuery() {\r\n      this.queryParams = {\r\n        pageNum: 1,\r\n        pageSize: 10,\r\n        title: undefined,\r\n        category: undefined,\r\n        publishDateFrom: undefined,\r\n        publishDateTo: undefined\r\n      }\r\n      this.handleQuery()\r\n    },\r\n    /** 新增 */\r\n    handleAdd() {\r\n      this.dialogTitle = '新增公告'\r\n      this.form = { title: undefined, content: undefined, category: undefined }\r\n      this.dialogVisible = true\r\n      this.$nextTick(() => {\r\n        this.$refs.noticeForm && this.$refs.noticeForm.clearValidate()\r\n      })\r\n    },\r\n    /** 修改 */\r\n    handleUpdate(row) {\r\n      getTeachNotice(row.id).then(response => {\r\n        const data = response.data || {}\r\n        this.form = {\r\n          id: data.id,\r\n          title: data.title,\r\n          content: data.content,\r\n          category: data.category\r\n        }\r\n      }).catch(() => {})\r\n      this.dialogTitle = '修改公告'\r\n      this.dialogVisible = true\r\n    },\r\n    /** 提交新增/修改 */\r\n    submitForm() {\r\n      this.$refs.noticeForm.validate(valid => {\r\n        if (!valid) return\r\n        const isAdd = !this.form.id\r\n        if (isAdd) {\r\n          addTeachNotice(this.form).then(() => {\r\n            this.$message.success(\"新增成功\")\r\n            this.dialogVisible = false\r\n            this.getList()\r\n          }).catch(() => {})\r\n        } else {\r\n          updateTeachNotice(this.form).then(() => {\r\n            this.$message.success(\"修改成功\")\r\n            this.dialogVisible = false\r\n            this.getList()\r\n          }).catch(() => {})\r\n        }\r\n      })\r\n    },\r\n    /** 下架 */\r\n    handleOffline(row) {\r\n      this.$confirm(\"确认下架该公告吗？\", \"提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\"\r\n      }).then(() => {\r\n        updateTeachNotice({ id: row.id, status: '已下架' }).then(() => {\r\n          this.$message.success(\"下架成功\")\r\n          this.getList()\r\n        }).catch(() => {})\r\n      }).catch(() => {})\r\n    },\r\n    /** 删除（级联删除：仅拟制/已下架可删，后端校验） */\r\n    handleDelete(row) {\r\n      this.$confirm(\"确认删除该公告吗？\", \"提示\", {\r\n        confirmButtonText: \"确定\",\r\n        cancelButtonText: \"取消\",\r\n        type: \"warning\"\r\n      }).then(() => {\r\n        delTeachNotice(row.id).then(() => {\r\n          this.$message.success(\"删除成功\")\r\n          this.getList()\r\n        }).catch(() => {})\r\n      }).catch(() => {})\r\n    },\r\n    /** 详情 */\r\n    handleView(row) {\r\n      getTeachNotice(row.id).then(response => {\r\n        this.viewForm = response.data || {}\r\n        this.viewVisible = true\r\n      }).catch(() => {})\r\n    },\r\n    /** 对话框关闭事件（Vue2 兼容） */\r\n    handleDialogVisible(val) {\r\n      this.dialogVisible = val\r\n    },\r\n    handleViewVisible(val) {\r\n      this.viewVisible = val\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.teach-notice {\r\n  .range-sep {\r\n    margin: 0 8px;\r\n    color: #909399;\r\n  }\r\n  .list-heading {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    gap: 16px;\r\n    margin-bottom: 12px;\r\n  }\r\n  .list-title {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: #303133;\r\n    padding-left: 10px;\r\n    border-left: 4px solid var(--edu-green-primary);\r\n  }\r\n  ::v-deep .action-column .cell {\r\n    white-space: nowrap;\r\n  }\r\n  .detail-body {\r\n    padding: 0 8px;\r\n    .detail-row {\r\n      display: flex;\r\n      padding: 6px 0;\r\n      font-size: 13px;\r\n      line-height: 1.6;\r\n      .detail-label {\r\n        flex-shrink: 0;\r\n        width: 90px;\r\n        color: #909399;\r\n        text-align: right;\r\n        margin-right: 12px;\r\n      }\r\n      .detail-value {\r\n        flex: 1;\r\n        color: #303133;\r\n        word-break: break-all;\r\n      }\r\n      .detail-content {\r\n        white-space: pre-wrap;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .list-heading {\r\n      align-items: stretch;\r\n      flex-direction: column;\r\n    }\r\n\r\n    .list-heading .el-button {\r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n</style>\r\n"]}]}