{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\Notice\\index.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\vab\\components\\Notice\\index.vue","mtime":1678954023500},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgbWFwR2V0dGVycyB9IGZyb20gInZ1ZXgiOwppbXBvcnQgeyBnZXRBbGxNZXNzYWdlLCByZWNlaXZlTWVzc2FnZSB9IGZyb20gIkAvYXBpL2NvbW1vbiI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiTm90aWNlIiwKCiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFjdGl2ZU5hbWU6ICJub3RpY2UiLAogICAgICBiYWRnZTogbnVsbCwKICAgICAgbGlzdDogW10sCiAgICAgIHBhZ2U6IDEsCiAgICAgIHBhZ2VTaXplOiAyMAogICAgfTsKICB9LAoKICBjb21wdXRlZDogeyAuLi5tYXBHZXR0ZXJzKHsKICAgICAgc2hvd05vdGljZTogInNldHRpbmdzL3Nob3dOb3RpY2UiCiAgICB9KQogIH0sCgogIGNyZWF0ZWQoKSB7CiAgICB0aGlzLiRuZXh0VGljaygoKSA9PiB7CiAgICAgIGlmICh0aGlzLnNob3dOb3RpY2UpIHsKICAgICAgICB0aGlzLmdldEFsbE1lc3NhZ2UoKTsKICAgICAgfQogICAgfSk7CiAgfSwKCiAgbWV0aG9kczogewogICAgaGFuZGxlQ2xpY2sodGFiKSB7Ly8gdGhpcy5mZXRjaERhdGEoKTsKICAgIH0sCgogICAgaGFuZGxlQ2xlYXJOb3RpY2UoKSB7CiAgICAgIHRoaXMuYmFkZ2UgPSBudWxsOwogICAgICB0aGlzLmxpc3QgPSBbXTsKICAgICAgdGhpcy4kYmFzZU1lc3NhZ2UoIua4heepuua2iOaBr+aIkOWKnyIsICJzdWNjZXNzIik7CiAgICB9LAoKICAgIC8vIOiOt+WPlumAmuefpQogICAgYXN5bmMgZ2V0QWxsTWVzc2FnZSgpIHsKICAgICAgY29uc3QgewogICAgICAgIGRhdGEsCiAgICAgICAgcGFnZVRvdGFsCiAgICAgIH0gPSBhd2FpdCBnZXRBbGxNZXNzYWdlKHsKICAgICAgICBwYWdlOiB0aGlzLnBhZ2UsCiAgICAgICAgcGFnZVNpemU6IHRoaXMucGFnZVNpemUsCiAgICAgICAgcmVjZWl2ZVN0YXR1czogNAogICAgICB9KTsKICAgICAgdGhpcy5saXN0ID0gZGF0YTsKICAgICAgdGhpcy5iYWRnZSA9IHBhZ2VUb3RhbDsKICAgIH0sCgogICAgLy8g54K55Ye75bey6K+7CiAgICBhc3luYyBoYXNSZWFkKGlkLCBpbmRleCkgewogICAgICBjb25zdCB7CiAgICAgICAgZXJyLAogICAgICAgIGRhdGEKICAgICAgfSA9IGF3YWl0IHJlY2VpdmVNZXNzYWdlKGlkKTsKICAgICAgaWYgKGVycikgcmV0dXJuOyAvLyB0aGlzLmxpc3RbaW5kZXhdLnJlY2VpdmVTdGF0dXMgPSA1OwogICAgICAvLyB0aGlzLmJhZGdlID0gdGhpcy5iYWRnZSAtIDE7CgogICAgICB0aGlzLmdldEFsbE1lc3NhZ2UoKTsKICAgIH0sCgogICAgcGFnZUNoYW5nZShwYWdlKSB7CiAgICAgIHRoaXMucGFnZSA9IHBhZ2U7CiAgICAgIHRoaXMuZ2V0QWxsTWVzc2FnZSgpOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA;AACA;AAEA;EACAA,cADA;;EAEAC;IACA;MACAC,oBADA;MAEAC,WAFA;MAGAC,QAHA;MAIAC,OAJA;MAKAC;IALA;EAOA,CAVA;;EAWAC,YACA;MACAC;IADA;EADA,CAXA;;EAgBAC;IACA;MACA;QACA;MACA;IACA,CAJA;EAKA,CAtBA;;EAwBAC;IACAC,kBACA;IACA,CAHA;;IAIAC;MACA;MACA;MACA;IACA,CARA;;IASA;IACA;MACA;QAAAX;QAAAY;MAAA;QACAR,eADA;QAEAC,uBAFA;QAGAQ;MAHA;MAMA;MACA;IACA,CAnBA;;IAoBA;IACA;MACA;QAAAC;QAAAd;MAAA;MACA,gBAFA,CAGA;MACA;;MACA;IACA,CA3BA;;IA4BAe;MACA;MACA;IACA;;EA/BA;AAxBA","names":["name","data","activeName","badge","list","page","pageSize","computed","showNotice","created","methods","handleClick","handleClearNotice","pageTotal","receiveStatus","err","pageChange"],"sourceRoot":"src/vab/components/Notice","sources":["index.vue"],"sourcesContent":["<template>\n  <el-badge v-if=\"showNotice\" :value=\"badge >= 100 ? '99+' : badge\">\n    <el-popover placement=\"bottom\" trigger=\"hover\" width=\"300\">\n      <vab-remix-icon\n        slot=\"reference\"\n        icon-class=\"notification-line\"\n      ></vab-remix-icon>\n      <el-tabs v-model=\"activeName\" @tab-click=\"handleClick\">\n        <el-tab-pane label=\"未读消息\" name=\"notice\">\n          <div class=\"notice-list\">\n            <el-scrollbar>\n              <ul>\n                <li v-for=\"(item, index) in list\" :key=\"index\">\n                  <!--                  <el-avatar :size=\"45\" :src=\"item.image\"></el-avatar>-->\n                  <p class=\"title\">{{ item.title }}</p>\n                  <p class=\"content\">{{ item.content }}</p>\n                  <el-button\n                    class=\"read-btn\"\n                    type=\"text\"\n                    size=\"mini\"\n                    plain\n                    @click=\"hasRead(item.id, index)\"\n                  >\n                    标记已读\n                  </el-button>\n                </li>\n              </ul>\n            </el-scrollbar>\n          </div>\n        </el-tab-pane>\n        <!--        <el-tab-pane :label=\"translateTitle('邮件')\" name=\"email\">-->\n        <!--          <div class=\"notice-list\">-->\n        <!--            <el-scrollbar>-->\n        <!--              <ul>-->\n        <!--                <li v-for=\"(item, index) in list\" :key=\"index\">-->\n        <!--                  <el-avatar :size=\"45\" :src=\"item.image\"></el-avatar>-->\n        <!--                  <span>{{ item.email }}</span>-->\n        <!--                </li>-->\n        <!--              </ul>-->\n        <!--            </el-scrollbar>-->\n        <!--          </div>-->\n        <!--        </el-tab-pane>-->\n      </el-tabs>\n      <div class=\"notice-clear\">\n        <!--        <vab-remix-icon icon-class=\"close-circle-line\"></vab-remix-icon>-->\n        <!--        {{ translateTitle(\"清空消息\") }}-->\n        <el-pagination\n          small\n          layout=\"prev, pager, next\"\n          :total=\"badge\"\n          :current-page=\"page\"\n          :page-size=\"pageSize\"\n          @current-change=\"pageChange\"\n        ></el-pagination>\n      </div>\n    </el-popover>\n  </el-badge>\n</template>\n\n<script>\n  import { mapGetters } from \"vuex\";\n  import { getAllMessage, receiveMessage } from \"@/api/common\";\n\n  export default {\n    name: \"Notice\",\n    data() {\n      return {\n        activeName: \"notice\",\n        badge: null,\n        list: [],\n        page: 1,\n        pageSize: 20,\n      };\n    },\n    computed: {\n      ...mapGetters({\n        showNotice: \"settings/showNotice\",\n      }),\n    },\n    created() {\n      this.$nextTick(() => {\n        if (this.showNotice) {\n          this.getAllMessage();\n        }\n      });\n    },\n\n    methods: {\n      handleClick(tab) {\n        // this.fetchData();\n      },\n      handleClearNotice() {\n        this.badge = null;\n        this.list = [];\n        this.$baseMessage(\"清空消息成功\", \"success\");\n      },\n      // 获取通知\n      async getAllMessage() {\n        const { data, pageTotal } = await getAllMessage({\n          page: this.page,\n          pageSize: this.pageSize,\n          receiveStatus: 4,\n        });\n\n        this.list = data;\n        this.badge = pageTotal;\n      },\n      // 点击已读\n      async hasRead(id, index) {\n        const { err, data } = await receiveMessage(id);\n        if (err) return;\n        // this.list[index].receiveStatus = 5;\n        // this.badge = this.badge - 1;\n        this.getAllMessage();\n      },\n      pageChange(page) {\n        this.page = page;\n        this.getAllMessage();\n      },\n    },\n  };\n</script>\n\n<style lang=\"scss\" scoped>\n  ::v-deep {\n    .el-tabs__active-bar {\n      min-width: 28px;\n    }\n  }\n\n  .notice-list {\n    height: 59vh;\n\n    ul {\n      padding: 0 15px 0 0;\n      margin: 0;\n\n      li {\n        padding: 10px 0 10px 0;\n        position: relative;\n        border-bottom: 1px solid #f2f2f2;\n\n        ::v-deep {\n          .el-avatar {\n            flex-shrink: 0;\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n          }\n        }\n\n        .title {\n          font-weight: bold;\n        }\n        .content {\n          font-size: 12px;\n        }\n        .read-btn {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n      }\n    }\n  }\n\n  .notice-clear {\n    /*display: flex;*/\n    /*align-items: center;*/\n    /*justify-content: center;*/\n    /*padding: 10px 0 0 0;*/\n    /*font-size: 14px;*/\n    /*color: #515a6e;*/\n    color: $base-color-blue;\n    /*text-align: center;*/\n    /*cursor: pointer;*/\n    border-top: 1px solid #e8eaec;\n    -webkit-transition: color 0.2s ease-in-out;\n    transition: color 0.2s ease-in-out;\n\n    i {\n      margin-right: 3px;\n    }\n  }\n</style>\n"]}]}