{"remainingRequest":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js??vue-loader-options!/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/views/user/message.vue?vue&type=script&lang=js&","dependencies":[{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/src/views/user/message.vue","mtime":1617946848000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/babel-loader/lib/index.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/usr/local/develop/php/www/waibao/NN2024071001/NN2024071001/addons/admin/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQpleHBvcnQgZGVmYXVsdCB7DQogIG5hbWU6ICJVc2VyTWVzc2FnZSIsDQogIGRhdGEoKSB7DQogICAgcmV0dXJuIHsNCiAgICAgIGFjdGl2ZTogJzAnLCAgLy8g5a+86Iiq6YCJ5LitDQogICAgICBkYXRhOiBbXSwgIC8vIOWIl+ihqOaYvuekuuaVsOaNrg0KICAgICAgY2hvb3NlOiBbXSwgIC8vIOWIl+ihqOmAieS4reaVsOaNrg0KICAgICAgYWxsRGF0YTogWyAgLy8g5YWo6YOo5pWw5o2uDQogICAgICAgIHt0aXRsZTogJ+S9oOacieS4pOadoeS7u+WKoeW+heWujOaIkO+8jOS4jeimgeW/mOS6huWTpn4nLCB0eXBlOiAzLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAwfSwNCiAgICAgICAge3RpdGxlOiAn5L2g5pyJ5Lik5p2h5Lu75Yqh5b6F5a6M5oiQ77yM5LiN6KaB5b+Y5LqG5ZOmficsIHR5cGU6IDMsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDB9LA0KICAgICAgICB7dGl0bGU6ICfkvaDmnInkuKTmnaHku7vliqHlvoXlrozmiJDvvIzkuI3opoHlv5jkuoblk6Z+JywgdHlwZTogMywgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMH0sDQogICAgICAgIHt0aXRsZTogJ+S9oOacieS4pOadoeS7u+WKoeW+heWujOaIkO+8jOS4jeimgeW/mOS6huWTpn4nLCB0eXBlOiAzLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAwfSwNCiAgICAgICAge3RpdGxlOiAn5L2g5pyJ5Lik5p2h5Lu75Yqh5b6F5a6M5oiQ77yM5LiN6KaB5b+Y5LqG5ZOmficsIHR5cGU6IDMsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDF9LA0KICAgICAgICB7dGl0bGU6ICfkvaDmnInkuKTmnaHku7vliqHlvoXlrozmiJDvvIzkuI3opoHlv5jkuoblk6Z+JywgdHlwZTogMywgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ+S9oOacieS4pOadoeS7u+WKoeW+heWujOaIkO+8jOS4jeimgeW/mOS6huWTpn4nLCB0eXBlOiAzLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAxfSwNCiAgICAgICAge3RpdGxlOiAn5L2g5pyJ5Lik5p2h5Lu75Yqh5b6F5a6M5oiQ77yM5LiN6KaB5b+Y5LqG5ZOmficsIHR5cGU6IDMsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDF9LA0KICAgICAgICB7dGl0bGU6ICfkvaDmnInkuKTmnaHku7vliqHlvoXlrozmiJDvvIzkuI3opoHlv5jkuoblk6Z+JywgdHlwZTogMywgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ+S9oOacieS4pOadoeS7u+WKoeW+heWujOaIkO+8jOS4jeimgeW/mOS6huWTpn4nLCB0eXBlOiAzLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAxfSwNCiAgICAgICAge3RpdGxlOiAnTGFyYXZlbDgueCtWdWUrRWxlbWVudFVJ57uZ5L2g5Y+R5p2l5LqG5LiA5p2h56eB5L+hJywgdHlwZTogMiwgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMH0sDQogICAgICAgIHt0aXRsZTogJ0xhcmF2ZWw4LngrVnVlK0VsZW1lbnRVSee7meS9oOWPkeadpeS6huS4gOadoeengeS/oScsIHR5cGU6IDIsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDB9LA0KICAgICAgICB7dGl0bGU6ICdMYXJhdmVsOC54K1Z1ZStFbGVtZW50VUnnu5nkvaDlj5HmnaXkuobkuIDmnaHnp4Hkv6EnLCB0eXBlOiAyLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAwfSwNCiAgICAgICAge3RpdGxlOiAnTGFyYXZlbDgueCtWdWUrRWxlbWVudFVJ57uZ5L2g5Y+R5p2l5LqG5LiA5p2h56eB5L+hJywgdHlwZTogMiwgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ0xhcmF2ZWw4LngrVnVlK0VsZW1lbnRVSee7meS9oOWPkeadpeS6huS4gOadoeengeS/oScsIHR5cGU6IDIsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDF9LA0KICAgICAgICB7dGl0bGU6ICdMYXJhdmVsOC54K1Z1ZStFbGVtZW50VUnnu5nkvaDlj5HmnaXkuobkuIDmnaHnp4Hkv6EnLCB0eXBlOiAyLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAxfSwNCiAgICAgICAge3RpdGxlOiAnTGFyYXZlbDgueCtWdWUrRWxlbWVudFVJ57uZ5L2g5Y+R5p2l5LqG5LiA5p2h56eB5L+hJywgdHlwZTogMiwgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ0xhcmF2ZWw4LngrVnVlK0VsZW1lbnRVSee7meS9oOWPkeadpeS6huS4gOadoeengeS/oScsIHR5cGU6IDIsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDF9LA0KICAgICAgICB7dGl0bGU6ICdMYXJhdmVsOC54K1Z1ZStFbGVtZW50VUnnu5nkvaDlj5HmnaXkuobkuIDmnaHnp4Hkv6EnLCB0eXBlOiAyLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAxfSwNCiAgICAgICAge3RpdGxlOiAnTGFyYXZlbDgueCtWdWUrRWxlbWVudFVJ57uZ5L2g5Y+R5p2l5LqG5LiA5p2h56eB5L+hJywgdHlwZTogMiwgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ0xhcmF2ZWw4LngrVnVlK0VsZW1lbnRVSeaWsOeJiOacrOWPkeW4g++8jOasoui/juS9k+mqjCcsIHR5cGU6IDEsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDB9LA0KICAgICAgICB7dGl0bGU6ICdMYXJhdmVsOC54K1Z1ZStFbGVtZW50VUnmlrDniYjmnKzlj5HluIPvvIzmrKLov47kvZPpqownLCB0eXBlOiAxLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAwfSwNCiAgICAgICAge3RpdGxlOiAnTGFyYXZlbDgueCtWdWUrRWxlbWVudFVJ5paw54mI5pys5Y+R5biD77yM5qyi6L+O5L2T6aqMJywgdHlwZTogMSwgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ0xhcmF2ZWw4LngrVnVlK0VsZW1lbnRVSeaWsOeJiOacrOWPkeW4g++8jOasoui/juS9k+mqjCcsIHR5cGU6IDEsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDF9LA0KICAgICAgICB7dGl0bGU6ICdMYXJhdmVsOC54K1Z1ZStFbGVtZW50VUnmlrDniYjmnKzlj5HluIPvvIzmrKLov47kvZPpqownLCB0eXBlOiAxLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAxfSwNCiAgICAgICAge3RpdGxlOiAnTGFyYXZlbDgueCtWdWUrRWxlbWVudFVJ5paw54mI5pys5Y+R5biD77yM5qyi6L+O5L2T6aqMJywgdHlwZTogMSwgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ0xhcmF2ZWw4LngrVnVlK0VsZW1lbnRVSeaWsOeJiOacrOWPkeW4g++8jOasoui/juS9k+mqjCcsIHR5cGU6IDEsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDF9LA0KICAgICAgICB7dGl0bGU6ICdMYXJhdmVsOC54K1Z1ZStFbGVtZW50VUnmlrDniYjmnKzlj5HluIPvvIzmrKLov47kvZPpqownLCB0eXBlOiAxLCB0aW1lOiAnMjAyMC0wNy0yNCAxMTozNScsIHN0YXRlOiAxfSwNCiAgICAgICAge3RpdGxlOiAnTGFyYXZlbDgueCtWdWUrRWxlbWVudFVJ5paw54mI5pys5Y+R5biD77yM5qyi6L+O5L2T6aqMJywgdHlwZTogMSwgdGltZTogJzIwMjAtMDctMjQgMTE6MzUnLCBzdGF0ZTogMX0sDQogICAgICAgIHt0aXRsZTogJ0xhcmF2ZWw4LngrVnVlK0VsZW1lbnRVSeaWsOeJiOacrOWPkeW4g++8jOasoui/juS9k+mqjCcsIHR5cGU6IDEsIHRpbWU6ICcyMDIwLTA3LTI0IDExOjM1Jywgc3RhdGU6IDF9DQogICAgICBdDQogICAgfQ0KICB9LA0KICBjb21wdXRlZDogew0KICAgIC8qIOWwj+Wxj+W5leawtOW5s+WvvOiIqiAqLw0KICAgIG1vZGUoKSB7DQogICAgICByZXR1cm4gdGhpcy4kc3RvcmUuc3RhdGUudGhlbWUuc2NyZWVuV2lkdGggPCA3NjggPyAnaG9yaXpvbnRhbCcgOiAndmVydGljYWwnOw0KICAgIH0sDQogICAgLyog5YWo6YOo5pyq6K+75pWw6YePICovDQogICAgYWxsVW5SZWFkTnVtKCkgew0KICAgICAgcmV0dXJuIHRoaXMuYWxsRGF0YS5maWx0ZXIoZCA9PiBkLnN0YXRlID09PSAwKS5sZW5ndGg7DQogICAgfSwNCiAgICAvKiDpgJrnn6XmnKror7vmlbDph48gKi8NCiAgICB1blJlYWROdW0xKCkgew0KICAgICAgcmV0dXJuIHRoaXMuYWxsRGF0YS5maWx0ZXIoZCA9PiBkLnN0YXRlID09PSAwICYmIGQudHlwZSA9PT0gMSkubGVuZ3RoOw0KICAgIH0sDQogICAgLyog56eB5L+h5pyq6K+75pWw6YePICovDQogICAgdW5SZWFkTnVtMigpIHsNCiAgICAgIHJldHVybiB0aGlzLmFsbERhdGEuZmlsdGVyKGQgPT4gZC5zdGF0ZSA9PT0gMCAmJiBkLnR5cGUgPT09IDIpLmxlbmd0aDsNCiAgICB9LA0KICAgIC8qIOS7o+WKnuacquivu+aVsOmHjyAqLw0KICAgIHVuUmVhZE51bTMoKSB7DQogICAgICByZXR1cm4gdGhpcy5hbGxEYXRhLmZpbHRlcihkID0+IGQuc3RhdGUgPT09IDAgJiYgZC50eXBlID09PSAzKS5sZW5ndGg7DQogICAgfQ0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMucXVlcnkoKTsNCiAgfSwNCiAgbWV0aG9kczogew0KICAgIC8qIOafpeivouaVsOaNriAqLw0KICAgIHF1ZXJ5KGluZGV4KSB7DQogICAgICB0aGlzLmFjdGl2ZSA9IGluZGV4IHx8ICcwJzsNCiAgICAgIGlmICh0aGlzLmFjdGl2ZSA9PT0gJzAnKSB0aGlzLmRhdGEgPSB0aGlzLmFsbERhdGE7DQogICAgICBlbHNlIHRoaXMuZGF0YSA9IHRoaXMuYWxsRGF0YS5maWx0ZXIoZCA9PiBTdHJpbmcoZC50eXBlKSA9PT0gdGhpcy5hY3RpdmUpOw0KICAgIH0sDQogICAgLyog5p+l55yLICovDQogICAgdmlldyhyb3cpIHsNCiAgICAgIGNvbnNvbGUubG9nKHJvdyk7DQogICAgICB0aGlzLiRtZXNzYWdlKCfngrnlh7vkuobmn6XnnIsnKTsNCiAgICB9LA0KICAgIC8qIOWIoOmZpCAqLw0KICAgIHJlbW92ZShyb3cpIHsNCiAgICAgIGlmIChyb3cpIHsgIC8vIOWNleS4quWIoOmZpA0KICAgICAgICB0aGlzLmRhdGEuc3BsaWNlKHRoaXMuZGF0YS5pbmRleE9mKHJvdyksIDEpOw0KICAgICAgICB0aGlzLiRtZXNzYWdlKHt0eXBlOiAnc3VjY2VzcycsIG1lc3NhZ2U6ICfliKDpmaTmiJDlip8nfSk7DQogICAgICB9IGVsc2UgeyAgLy8g5om56YeP5Yig6ZmkDQogICAgICAgIGlmICh0aGlzLmNob29zZS5sZW5ndGggPT09IDApIHJldHVybiB0aGlzLiRtZXNzYWdlLmVycm9yKCfor7foh7PlsJHpgInmi6nkuIDmnaHmlbDmja4nKTsNCiAgICAgICAgdGhpcy4kY29uZmlybSgn56Gu5a6a6KaB5Yig6Zmk6YCJ5Lit55qE5raI5oGv5ZCXPycsICfmj5DnpLonLCB7dHlwZTogJ3dhcm5pbmcnfSkudGhlbigoKSA9PiB7DQogICAgICAgICAgdGhpcy5jaG9vc2UuZm9yRWFjaChkID0+IHsNCiAgICAgICAgICAgIHRoaXMuZGF0YS5zcGxpY2UodGhpcy5kYXRhLmluZGV4T2YoZCksIDEpOw0KICAgICAgICAgIH0pOw0KICAgICAgICAgIHRoaXMuJG1lc3NhZ2Uoe3R5cGU6ICdzdWNjZXNzJywgbWVzc2FnZTogJ+WIoOmZpOaIkOWKnyd9KTsNCiAgICAgICAgfSkuY2F0Y2goKCkgPT4gMCk7DQogICAgICB9DQogICAgfSwNCiAgICAvKiDmoIforrDlt7Lor7sgKi8NCiAgICByZWFkKCkgew0KICAgICAgaWYgKHRoaXMuY2hvb3NlLmxlbmd0aCA9PT0gMCkgcmV0dXJuIHRoaXMuJG1lc3NhZ2UuZXJyb3IoJ+ivt+iHs+WwkemAieaLqeS4gOadoeaVsOaNricpOw0KICAgICAgdGhpcy5jaG9vc2UuZm9yRWFjaChkID0+IHsNCiAgICAgICAgdGhpcy5kYXRhW3RoaXMuZGF0YS5pbmRleE9mKGQpXS5zdGF0ZSA9IDE7DQogICAgICB9KTsNCiAgICB9LA0KICAgIC8qIOWFqOmDqOagh+iusOW3suivuyAqLw0KICAgIHJlYWRBbGwoKSB7DQogICAgICB0aGlzLmRhdGEuZm9yRWFjaChkID0+IHsNCiAgICAgICAgZC5zdGF0ZSA9IDE7DQogICAgICB9KTsNCiAgICB9DQogIH0NCn0NCg=="},{"version":3,"sources":["message.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DA;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":"message.vue","sourceRoot":"src/views/user","sourcesContent":["<template>\r\n  <div class=\"ele-body\">\r\n    <el-card shadow=\"never\" body-style=\"padding:0;\">\r\n      <div class=\"ele-cell ele-cell-align-top ele-user-message\">\r\n        <el-menu :default-active=\"active\" :mode=\"mode\" @select=\"query\">\r\n          <el-menu-item index=\"0\">\r\n            <span>全部消息</span>\r\n            <el-badge v-if=\"allUnReadNum\" :value=\"allUnReadNum\" class=\"ele-badge-static\"/>\r\n          </el-menu-item>\r\n          <el-menu-item index=\"1\">\r\n            <span>系统通知</span>\r\n            <el-badge v-if=\"unReadNum1\" :value=\"unReadNum1\" class=\"ele-badge-static\"/>\r\n          </el-menu-item>\r\n          <el-menu-item index=\"2\">\r\n            <span>用户私信</span>\r\n            <el-badge v-if=\"unReadNum2\" :value=\"unReadNum2\" class=\"ele-badge-static\"/>\r\n          </el-menu-item>\r\n          <el-menu-item index=\"3\">\r\n            <span>代办事项</span>\r\n            <el-badge v-if=\"unReadNum3\" :value=\"unReadNum3\" class=\"ele-badge-static\"/>\r\n          </el-menu-item>\r\n        </el-menu>\r\n        <div class=\"ele-cell-content\">\r\n          <!-- 操作按钮 -->\r\n          <div class=\"ele-table-tool\">\r\n            <el-button size=\"small\" @click=\"read\" type=\"primary\" plain>标记已读</el-button>\r\n            <el-button size=\"small\" @click=\"readAll\" type=\"primary\" plain>全部已读</el-button>\r\n            <el-button size=\"small\" @click=\"remove()\" type=\"danger\" plain>删除消息</el-button>\r\n          </div>\r\n          <!-- 数据表格 -->\r\n          <ele-data-table ref=\"table\" :data=\"data\" :choose.sync=\"choose\" height=\"calc(100vh - 265px)\" :border=\"false\">\r\n            <template slot-scope=\"{index}\">\r\n              <el-table-column type=\"selection\" width=\"45\" align=\"center\" fixed=\"left\"/>\r\n              <el-table-column type=\"index\" :index=\"index\" width=\"45\" align=\"center\" fixed=\"left\"\r\n                               show-overflow-tooltip/>\r\n              <el-table-column prop=\"title\" label=\"标题内容\" show-overflow-tooltip min-width=\"110\"/>\r\n              <el-table-column prop=\"time\" label=\"时间\" show-overflow-tooltip width=\"140px\" align=\"center\"/>\r\n              <el-table-column label=\"状态\" width=\"80px\" align=\"center\">\r\n                <template slot-scope=\"{row}\">\r\n                  <span :class=\"['ele-text-danger','ele-text-info'][row.state]\">{{ ['未读', '已读'][row.state] }}</span>\r\n                </template>\r\n              </el-table-column>\r\n              <el-table-column label=\"操作\" width=\"140px\" align=\"center\" :resizable=\"false\" fixed=\"right\">\r\n                <template slot-scope=\"{row}\">\r\n                  <el-link @click=\"view(row)\" icon=\"el-icon-view\" type=\"primary\" :underline=\"false\">查看</el-link>\r\n                  <el-popconfirm title=\"确定要删除此消息吗？\" @onConfirm=\"remove(row)\" class=\"ele-action\">\r\n                    <el-link slot=\"reference\" icon=\"el-icon-delete\" type=\"danger\" :underline=\"false\">删除</el-link>\r\n                  </el-popconfirm>\r\n                </template>\r\n              </el-table-column>\r\n            </template>\r\n          </ele-data-table>\r\n        </div>\r\n      </div>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"UserMessage\",\r\n  data() {\r\n    return {\r\n      active: '0',  // 导航选中\r\n      data: [],  // 列表显示数据\r\n      choose: [],  // 列表选中数据\r\n      allData: [  // 全部数据\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 0},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 0},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 0},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 0},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 1},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 1},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 1},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 1},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 1},\r\n        {title: '你有两条任务待完成，不要忘了哦~', type: 3, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 0},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 0},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 0},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI给你发来了一条私信', type: 2, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 0},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 0},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1},\r\n        {title: 'Laravel8.x+Vue+ElementUI新版本发布，欢迎体验', type: 1, time: '2020-07-24 11:35', state: 1}\r\n      ]\r\n    }\r\n  },\r\n  computed: {\r\n    /* 小屏幕水平导航 */\r\n    mode() {\r\n      return this.$store.state.theme.screenWidth < 768 ? 'horizontal' : 'vertical';\r\n    },\r\n    /* 全部未读数量 */\r\n    allUnReadNum() {\r\n      return this.allData.filter(d => d.state === 0).length;\r\n    },\r\n    /* 通知未读数量 */\r\n    unReadNum1() {\r\n      return this.allData.filter(d => d.state === 0 && d.type === 1).length;\r\n    },\r\n    /* 私信未读数量 */\r\n    unReadNum2() {\r\n      return this.allData.filter(d => d.state === 0 && d.type === 2).length;\r\n    },\r\n    /* 代办未读数量 */\r\n    unReadNum3() {\r\n      return this.allData.filter(d => d.state === 0 && d.type === 3).length;\r\n    }\r\n  },\r\n  mounted() {\r\n    this.query();\r\n  },\r\n  methods: {\r\n    /* 查询数据 */\r\n    query(index) {\r\n      this.active = index || '0';\r\n      if (this.active === '0') this.data = this.allData;\r\n      else this.data = this.allData.filter(d => String(d.type) === this.active);\r\n    },\r\n    /* 查看 */\r\n    view(row) {\r\n      console.log(row);\r\n      this.$message('点击了查看');\r\n    },\r\n    /* 删除 */\r\n    remove(row) {\r\n      if (row) {  // 单个删除\r\n        this.data.splice(this.data.indexOf(row), 1);\r\n        this.$message({type: 'success', message: '删除成功'});\r\n      } else {  // 批量删除\r\n        if (this.choose.length === 0) return this.$message.error('请至少选择一条数据');\r\n        this.$confirm('确定要删除选中的消息吗?', '提示', {type: 'warning'}).then(() => {\r\n          this.choose.forEach(d => {\r\n            this.data.splice(this.data.indexOf(d), 1);\r\n          });\r\n          this.$message({type: 'success', message: '删除成功'});\r\n        }).catch(() => 0);\r\n      }\r\n    },\r\n    /* 标记已读 */\r\n    read() {\r\n      if (this.choose.length === 0) return this.$message.error('请至少选择一条数据');\r\n      this.choose.forEach(d => {\r\n        this.data[this.data.indexOf(d)].state = 1;\r\n      });\r\n    },\r\n    /* 全部标记已读 */\r\n    readAll() {\r\n      this.data.forEach(d => {\r\n        d.state = 1;\r\n      });\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.ele-user-message >>> .el-menu {\r\n  flex-shrink: 0;\r\n}\r\n\r\n.ele-user-message .ele-cell-content {\r\n  padding: 20px 15px;\r\n  box-sizing: border-box;\r\n  overflow: auto;\r\n}\r\n\r\n.ele-user-message .ele-badge-static {\r\n  margin-left: 10px;\r\n}\r\n\r\n@media screen and (min-width: 768px) {\r\n  .ele-user-message >>> .el-menu-item {\r\n    min-width: 150px;\r\n    text-align: right;\r\n    border-right: 2px solid transparent;\r\n  }\r\n\r\n  .ele-user-message >>> .el-menu-item:first-child {\r\n    margin-top: 15px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .ele-user-message {\r\n    display: block;\r\n  }\r\n\r\n  .ele-user-message >>> .el-menu-item {\r\n    height: 45px;\r\n    line-height: 45px;\r\n    padding: 0 5px;\r\n    display: inline-block;\r\n    float: none;\r\n  }\r\n\r\n  .ele-user-message >>> .el-menu {\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    overflow: auto;\r\n  }\r\n\r\n  .ele-user-message .ele-badge-static {\r\n    margin-left: 3px;\r\n  }\r\n}\r\n</style>"]}]}