{"version":3,"sources":["webpack:///./src/views/portal/pages/systemAnnouncement/index.vue?3047","webpack:///./src/views/portal/pages/systemAnnouncement/index.vue","webpack:///./src/views/portal/pages/systemAnnouncement/index.vue?9155"],"names":["onMounted","async","getNoticeList","pagination","reactive","pageSize","pageNo","total","pagesStatus","messageInfoStatus","loading","state","infoContent","errorMessage","res","get","code","rowsList","value","result","list","length","message","ElMessage","error","handleCurrentChange","num","messageInfoStatusChange","id","row","content","back","ref","__exports__"],"mappings":"gHAAA,W,0YCoEAA,gBAAUC,UACRC,MAIF,IAAIC,EAAaC,eAAS,CACxBC,SAAU,EACVC,OAAQ,EACRC,MAAO,IAGLC,EAAcJ,eAAS,CACzBK,mBAAmB,EACnBC,SAAS,IAGPC,EAAQP,eAAS,CACnBQ,YAAa,GACbC,aAAa,KAIf,MAAMX,EAAgBD,UACpB,IAAIa,QAAYC,eAAI,wBAAyB,CAAEV,SAAUF,EAAWE,SAAUC,OAAQH,EAAWG,SAChF,MAAbQ,EAAIE,MACNR,EAAYE,SAAU,EACtBO,EAASC,MAAQJ,EAAIK,OAAOC,KAC5BjB,EAAWI,MAAQO,EAAIK,OAAOZ,MACA,GAA1BO,EAAIK,OAAOC,KAAKC,OAClBV,EAAME,aAAeC,EAAIQ,QAEzBX,EAAME,aAAe,IAGvBU,OAAUC,MAAMV,EAAIQ,UAMlBG,EAAuBC,IAC3BvB,EAAWG,OAASoB,EACpBxB,KAGIyB,EAA0B1B,UAC9BO,EAAYE,SAAQ,EACpB,IAAII,QAAYC,eAAI,8BAA+B,CACjDa,GAAIC,EAAID,KAEO,MAAbd,EAAIE,MACNL,EAAMC,YAAcE,EAAIK,OAAOW,QAC/BtB,EAAYE,SAAQ,EACpBF,EAAYC,mBAAoB,IAEhCc,OAAUC,MAAMV,EAAIQ,SACpBd,EAAYE,SAAQ,IAIlBqB,EAAO,KACXvB,EAAYC,mBAAoB,GAGlC,IAAIQ,EAAWe,eAAI,I,64FC9HnB,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB","file":"js/chunk-9f3e6502.913e5c97.js","sourcesContent":["export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./index.vue?vue&type=style&index=0&id=3fb6b54d&lang=scss&scoped=true\"","<template>\n  <div class=\"score-query\">\n    <el-row class=\"score-query-title\">\n      <el-col>\n        <div style=\"position: relative\">\n          <el-icon\n            class=\"btn\"\n            v-show=\"!pagesStatus.messageInfoStatus\"\n            @click=\"$router.push('/protal')\"\n            ><ArrowLeftBold\n          /></el-icon>\n          <el-icon\n            class=\"btn\"\n            v-show=\"pagesStatus.messageInfoStatus\"\n            @click=\"back\"\n            ><ArrowLeftBold\n          /></el-icon>\n        </div>\n        系统公告</el-col\n      >\n    </el-row>\n    <el-row class=\"message-content\" v-if=\"pagesStatus.messageInfoStatus\">\n      <el-col><div v-html=\"state.infoContent\"></div></el-col>\n    </el-row>\n    <el-row v-else-if=\"state.errorMessage\">\n      <el-col\n        ><div class=\"errorMessage\">{{ state.errorMessage }}</div></el-col\n      >\n    </el-row>\n    <el-row v-loading=\"pagesStatus.loading\" class=\"message-content\" v-else>\n      <el-col>\n        <div style=\"height: 75vh; overflow: hidden\">\n          <div\n            class=\"message-item\"\n            v-for=\"(item, index) in rowsList\"\n            :key=\"index\"\n            @click=\"messageInfoStatusChange(item)\"\n          >\n            <div class=\"message-item-left\">\n              <div>\n                {{ item.title }}\n              </div>\n              <div class=\"text\">\n                {{ item.brief }}\n              </div>\n              <div >\n                <span style=\"float: right;\">{{ item.startTime }} ~ {{ item.endTime }}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n        <el-pagination\n          :page-size=\"pagination.pageSize\"\n          layout=\"prev, pager, next\"\n          :total=\"pagination.total\"\n          style=\"float: right\"\n          @current-change=\"handleCurrentChange\"\n        />\n      </el-col>\n    </el-row>\n  </div>\n</template>\n<script setup>\nimport { post, get } from \"@/api/api\";\nimport { onMounted, reactive, ref, watch } from \"@vue/runtime-core\";\nimport { useStore } from \"vuex\";\nimport { ElMessage } from \"element-plus\";\nimport { ArrowLeftBold } from \"@element-plus/icons-vue\";\nonMounted(async () => {\n  getNoticeList();\n});\n// data\n// 分页数据\nlet pagination = reactive({\n  pageSize: 4,\n  pageNo: 1,\n  total: 0,\n});\n// 页面状态\nlet pagesStatus = reactive({\n  messageInfoStatus: false,\n  loading: true\n});\n// 数据\nlet state = reactive({\n  infoContent: '',\n  errorMessage:''\n});\n// methods\n// 获取所有系统公告\nconst getNoticeList = async () => {\n  let res = await get(\"/examApply/noticeList\", { pageSize: pagination.pageSize, pageNo: pagination.pageNo });\n  if (res.code === 200) {\n    pagesStatus.loading = false\n    rowsList.value = res.result.list;\n    pagination.total = res.result.total\n    if (res.result.list.length == 0) {\n      state.errorMessage = res.message\n    } else {\n      state.errorMessage = ''\n    }\n  } else {\n    ElMessage.error(res.message)\n  }\n\n};\n\n// 分页切换\nconst handleCurrentChange = (num) => {\n  pagination.pageNo = num;\n  getNoticeList()\n};\n// 点击公告\nconst messageInfoStatusChange = async(row) => {\n  pagesStatus.loading=true\n  let res = await get(\"/examApply/notice/queryById\", {\n    id: row.id\n  });\n  if (res.code === 200) {\n    state.infoContent = res.result.content\n    pagesStatus.loading=false\n    pagesStatus.messageInfoStatus = true;\n  } else {\n    ElMessage.error(res.message);\n    pagesStatus.loading=false\n  }\n};\n// 返回\nconst back = () => {\n  pagesStatus.messageInfoStatus = false;\n};\n// list数据\nlet rowsList = ref([]);\n\n</script>\n<style lang=\"scss\" scoped>\n.score-query {\n  height: 89vh;\n  overflow: hidden;\n  background-color: #ffffff;\n}\n.message-content {\n  overflow-y: auto;\n  height: calc(89vh - 0.4167rem);\n  padding: 0 60px;\n  background-color: #fff;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n}\n.score-query-title {\n  text-align: center;\n  height: 60px;\n  line-height: 60px;\n  font-size: 0.1563rem;\n  font-family: PingFang SC;\n  font-weight: bold;\n  color: #333333;\n  border-bottom: 1px solid #e5e5e5;\n  margin-bottom: 0.1042rem;\n  .btn {\n    position: absolute;\n    left: 0;\n    width: 60px;\n    height: 60px;\n    font-size: 0.0833rem;\n    cursor: pointer;\n  }\n}\n.message-item {\n  display: flex;\n  justify-content: space-between;\n  height: 16vh;\n  background: #ffffff;\n  border: 1px solid #d2d2d2;\n  border-radius: 4px;\n  margin-bottom: 20px;\n  cursor: pointer;\n  padding-left: 20px;\n  border-left: 4px solid #097afa;\n\n  .message-item-left {\n    width: 98%;\n    display: flex;\n    align-content: center;\n    justify-content: space-around;\n    flex-direction: column;\n\n    div {\n      font-size: 20px;\n      font-family: PingFang SC;\n      font-weight: bold;\n      color: #333333;\n      margin: 6px 0;\n    }\n    .text {\n      font-size: 0.0729rem;\n      font-family: PingFang SC;\n      font-weight: 500;\n      color: #666666;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      display: -webkit-box;\n      -webkit-box-orient: vertical;\n      -webkit-line-clamp: 2;\n    }\n\n    div:nth-child(3) span {\n      font-size: 0.0729rem;\n      font-family: PingFang SC;\n      font-weight: 500;\n      color: #999999;\n    }\n  }\n}\n.message-item:nth-child(4) {\n  margin-bottom: 10px;\n}\n.message-item-disabled {\n  border-left: 4px solid #d2d2d2;\n}\n.message-item:hover {\n  background-color: #eee;\n}\n.el-button {\n  margin: 0;\n  background-color: #097afa;\n}\n.is-disabled,\n.is-disabled:hover {\n  border: none;\n  color: #999999;\n  background-color: #eeeeee;\n}\n.errorMessage {\n  height: 3.6979rem;\n  line-height: 3.6979rem;\n  font-size: 24px;\n  color: #ccc;\n  text-align: center;\n}\n</style>","import script from \"./index.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./index.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./index.vue?vue&type=style&index=0&id=3fb6b54d&lang=scss&scoped=true\"\n\nimport exportComponent from \"/Users/longwu/congling/yulin/yulin-sign/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-3fb6b54d\"]])\n\nexport default __exports__"],"sourceRoot":""}