| 1 |
- {"version":3,"sources":["webpack:///./src/views/message.vue","webpack:///src/views/message.vue","webpack:///./src/views/message.vue?5acd","webpack:///./src/views/message.vue?3ee5","webpack:///./src/assets/normal-8.png","webpack:///./src/views/message.vue?235c","webpack:///./src/assets/return.png"],"names":["render","_vm","this","_c","_self","ref","staticClass","attrs","require","on","$event","$router","back","_v","staticStyle","finished","list","length","getList","model","value","loading","callback","$$v","expression","_l","item","index","key","is_read","push","id","_e","style","opacity","domProps","_s","title","create_at","content","staticRenderFns","components","data","params","page","page_num","mounted","methods","search","UserCenterService","RegExp","activated","beforeRouteLeave","from","node","vnode","keys","cache","next","component","module","exports"],"mappings":"0HAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,OAAOC,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,MAAM,CAACG,YAAY,aAAaC,MAAM,CAAC,IAAMC,EAAQ,SAAyBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOT,EAAIU,QAAQC,WAAWT,EAAG,IAAI,CAACG,YAAY,gBAAgB,CAACL,EAAIY,GAAG,UAAUV,EAAG,WAAW,CAACW,YAAY,CAAC,MAAQ,QAAQP,MAAM,CAAC,SAAWN,EAAIc,SAAS,mBAAkB,EAAM,gBAAgBd,EAAIe,KAAKC,OAAS,EAAI,QAAU,IAAIR,GAAG,CAAC,KAAOR,EAAIiB,SAASC,MAAM,CAACC,MAAOnB,EAAIoB,QAASC,SAAS,SAAUC,GAAMtB,EAAIoB,QAAQE,GAAKC,WAAW,YAAY,CAACrB,EAAG,KAAK,CAACG,YAAY,QAAQ,CAACL,EAAIwB,GAAIxB,EAAIe,MAAM,SAASU,EAAKC,GAAO,OAAOxB,EAAG,KAAK,CAACyB,IAAID,EAAMlB,GAAG,CAAC,MAAQ,SAASC,GAAQgB,EAAKG,QAAU,EAAG5B,EAAIU,QAAQmB,KAAK,oBAAD,OAAqBJ,EAAKK,QAAS,CAAC5B,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAAmB,IAAjBoB,EAAKG,QAAe1B,EAAG,OAAO,CAACG,YAAY,SAASL,EAAI+B,KAAK7B,EAAG,IAAI,CAACG,YAAY,YAAY2B,MAAO,CAACC,QAA0B,IAAjBR,EAAKG,QAAgB,GAAM,GAAIM,SAAS,CAAC,UAAYlC,EAAImC,GAAGV,EAAKW,UAAUlC,EAAG,OAAO,CAACG,YAAY,aAAa,CAACL,EAAIY,GAAGZ,EAAImC,GAAGV,EAAKY,gBAAgBnC,EAAG,IAAI,CAACG,YAAY,eAAe6B,SAAS,CAAC,YAAclC,EAAImC,GAAGV,EAAKa,YAAYpC,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,SAAS,CAACG,YAAY,MAAMC,MAAM,CAAC,KAAO,WAAW,CAACN,EAAIY,GAAG,iBAAqC,IAApBZ,EAAIe,KAAKC,OAAcd,EAAG,MAAM,CAACG,YAAY,oBAAoB,CAACH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMC,EAAQ,WAA6BP,EAAIY,GAAG,8BAA8BZ,EAAI+B,MAAM,MAAM,IAEz8CQ,EAAkB,G,kGC6CtB,GACAC,cACAC,gBACA,OACAL,SACAM,QACAN,SACAO,OACAC,aAEA7B,QACAK,WACAN,cAGA+B,mBACA,wBACA,4BACA,gBAEAC,SACAC,kBACA,6BACA,iBACA,mBACA,gBAEA9B,mBAAA,WACA,gBACA+B,qDAAA,aACA,0BAKA,OAJAvB,wBACAwB,kEACA,2BAEA,KAEA,+EACA,2BACA,cAEA,mBAEA,kBACA,iBACA,oBACA,kBAKAC,qBAAA,WACA,2BACA,uCAIAC,iCAEA,GADA,sCACA,oCACAC,wBACA,CACA,kBACA,cACA,sDACA,kBACAC,+FACAC,MACA,4BACA,2BACA,SAGA,GAFA,gBAEA,UACA,mBACA,MACAC,cAGAC,YAIAC,MClIiV,I,wBCQ7UC,EAAY,eACd,EACA3D,EACAwC,GACA,EACA,KACA,WACA,MAIa,aAAAmB,E,gCCnBfC,EAAOC,QAAU,IAA0B,6B,kCCA3C,W,4CCAAD,EAAOC,QAAU","file":"js/chunk-01f9d2a2.03972eac.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"wrap\",staticClass:\"wrap\"},[_c('div',{staticClass:\"header\"},[_c('img',{staticClass:\"return-img\",attrs:{\"src\":require(\"../assets/return.png\")},on:{\"click\":function($event){return _vm.$router.back()}}}),_c('p',{staticClass:\"header-title\"},[_vm._v(\"消息\")])]),_c('van-list',{staticStyle:{\"width\":\"100%\"},attrs:{\"finished\":_vm.finished,\"immediate-check\":false,\"finished-text\":_vm.list.length > 0 ? '没有更多了' : ''},on:{\"load\":_vm.getList},model:{value:(_vm.loading),callback:function ($$v) {_vm.loading=$$v},expression:\"loading\"}},[_c('ul',{staticClass:\"list\"},[_vm._l((_vm.list),function(item,index){return _c('li',{key:index,on:{\"click\":function($event){item.is_read = 1; _vm.$router.push(`/message-info?id=${item.id}`)}}},[_c('div',{staticClass:\"item-row-between\"},[(item.is_read === 0)?_c('span',{staticClass:\"yuan\"}):_vm._e(),_c('p',{staticClass:\"item-name\",style:({opacity: item.is_read === 1 ? 0.7 : 1}),domProps:{\"innerHTML\":_vm._s(item.title)}}),_c('span',{staticClass:\"item-time\"},[_vm._v(_vm._s(item.create_at))])]),_c('p',{staticClass:\"item-content\",domProps:{\"textContent\":_vm._s(item.content)}}),_c('div',{staticClass:\"item-row-between\"},[_c('button',{staticClass:\"btn\",attrs:{\"type\":\"button\"}},[_vm._v(\"查看详情\")])])])}),(_vm.list.length === 0)?_c('div',{staticClass:\"normal-box-small\"},[_c('img',{attrs:{\"src\":require(\"../assets/normal-8.png\")}}),_vm._v(\"\\n\\t\\t\\t\\t消息列表为空\\n\\t\\t\\t\")]):_vm._e()],2)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- 消息 -->\r\n<template>\r\n\t<div class=\"wrap\" ref=\"wrap\">\r\n\r\n\t\t<div class=\"header\">\r\n\t\t\t<img src=\"../assets/return.png\" class=\"return-img\" @click=\"$router.back()\">\r\n\t\t\t<p class=\"header-title\">消息</p>\r\n\t\t</div>\r\n\r\n <van-list\r\n style=\"width: 100%\"\r\n v-model=\"loading\"\r\n :finished=\"finished\"\r\n :immediate-check=\"false\"\r\n :finished-text=\"list.length > 0 ? '没有更多了' : ''\"\r\n @load=\"getList\"\r\n >\r\n\t\t<ul class=\"list\">\r\n\t\t\t<li\r\n v-for=\"(item, index) in list\"\r\n :key=\"index\"\r\n @click=\"item.is_read = 1; $router.push(`/message-info?id=${item.id}`)\"\r\n >\r\n\t\t\t\t<div class=\"item-row-between\">\r\n <span class=\"yuan\" v-if=\"item.is_read === 0\"></span>\r\n\t\t\t\t\t<p class=\"item-name\" :style=\"{opacity: item.is_read === 1 ? 0.7 : 1}\" v-html=\"item.title\"></p>\r\n\t\t\t\t\t<span class=\"item-time\">{{ item.create_at }}</span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<p class=\"item-content\" v-text=\"item.content\"></p>\r\n\t\t\t\t<div class=\"item-row-between\">\r\n\t\t\t\t\t<button type=\"button\" class=\"btn\">查看详情</button>\r\n\t\t\t\t</div>\r\n\t\t\t</li>\r\n\t\t\t<!-- 暂无数据展示 -->\r\n\t\t\t<div class=\"normal-box-small\" v-if=\"list.length === 0\">\r\n\t\t\t\t<img src=\"../assets/normal-8.png\">\r\n\t\t\t\t消息列表为空\r\n\t\t\t</div>\r\n </ul>\r\n </van-list>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\nimport {UserCenterService} from \"@/common/service\";\r\n\r\n export default {\r\n\t\tcomponents: {},\r\n data() {\r\n return {\r\n title: '',\r\n params: {\r\n title: '', // 标题\r\n page: 1, // 页数\r\n page_num: 20, // 每页数\r\n },\r\n list: [],\r\n loading: false,\r\n finished: false,\r\n };\r\n },\r\n mounted() {\r\n const option = this.$route.query;\r\n this.params.title = option.key || '';\r\n this.getList();\r\n },\r\n methods: {\r\n search() {\r\n this.params.title = this.title;\r\n this.finished = false;\r\n this.params.page = 1;\r\n this.getList();\r\n },\r\n getList() {\r\n this.loading = true;\r\n UserCenterService.getMessageList(this.params).then(({data}) => {\r\n const list = data.list.map(item => {\r\n item.title = item.title.replace(\r\n RegExp(this.params.title, 'g'),\r\n `<span style=\"color: #FF6700\">${this.params.title}</span>`,\r\n );\r\n return item;\r\n });\r\n this.list = this.params.page === 1 ? list : [...this.list, ...list];\r\n if (list.length < this.params.page_num) {\r\n this.finished = true;\r\n } else {\r\n this.params.page++;\r\n }\r\n }).catch(() => {\r\n this.finished = true;\r\n }).finally(() => {\r\n this.loading = false;\r\n });\r\n },\r\n },\r\n\r\n activated() {\r\n this.$nextTick(() => {\r\n this.$refs.wrap.scrollTop = this.scroll || 0;\r\n //其他操作\r\n })\r\n },\r\n beforeRouteLeave(to, from, next) {\r\n this.scroll = this.$refs.wrap.scrollTop;\r\n if (from.meta.toPagesKeep.includes(to.path)) {\r\n from.meta.keepAlive = true;\r\n } else {\r\n let vnode = this.$vnode;\r\n let parentVnode = vnode && vnode.parent;\r\n if (parentVnode && parentVnode.componentInstance && parentVnode.componentInstance.cache) {\r\n var key = vnode.key == null\r\n ? node.componentOptions.Ctor.cid + (vnode.componentOptions.tag ? `::${vnode.componentOptions.tag}` : '')\r\n : vnode.key;\r\n var cache = parentVnode.componentInstance.cache;\r\n var keys = parentVnode.componentInstance.keys;\r\n if (cache[key]) {\r\n this.$destroy();\r\n // remove key\r\n if (keys.length) {\r\n var index = keys.indexOf(key);\r\n if (index > -1) {\r\n keys.splice(index, 1)\r\n }\r\n }\r\n cache[key] = null;\r\n }\r\n }\r\n }\r\n next();\r\n }\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\tmin-height: 100vh;\r\n\t\tbackground-color: #F4F4F4;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tpadding: 56px 15px 15px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t/* 头部样式 */\r\n\t.header {\r\n\t\twidth: 100%;\r\n\t\theight: 44px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tposition: fixed;\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tz-index: 999;\r\n\t}\r\n\r\n\t.return-img {\r\n\t\tposition: absolute;\r\n\t\tleft: 15px;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\twidth: 20px;\r\n\t}\r\n\r\n\t.header-title {\r\n\t\tcolor: #333333;\r\n\t\tfont-size: 18px;\r\n\t\tfont-weight:bold;\r\n\t}\r\n\r\n\t.list {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.list>li {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tbox-shadow: 0 0 12px rgba(0, 0, 0, 0.04);\r\n\t\tpadding: 12px 10px;\r\n\t\tbox-sizing: border-box;\r\n\t\tmargin-bottom: 12px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t.item-row-between {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n position: relative;\r\n\t}\r\n .item-row-between .yuan {\r\n display: block;\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 3px;\r\n background: #FF0000;\r\n margin-right: 5px;\r\n }\r\n\r\n\t.item-name {\r\n\t\tflex: 1;\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: bold;\r\n\t\tcolor: #222222;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 1;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\t.tag {\r\n\t\theight: 16px;\r\n\t\tline-height: 16px;\r\n\t\tbackground-color: #CEDCFF;\r\n\t\tborder-radius: 2px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: fit-content;\r\n\t\tpadding: 0 6px;\r\n\t\tcolor: #2A63F3;\r\n\t\tfont-size: 10px;\r\n\t}\r\n\r\n\t.tag.green {\r\n\t\tcolor: #6AA86C;\r\n\t\tbackground-color: #E4F1E4;\r\n\t}\r\n\r\n\t.item-content {\r\n\t\twidth: 100%;\r\n\t\tcolor: #666666;\r\n\t\tfont-size: 10px;\r\n\t\tmargin: 8px 0;\r\n\t\tdisplay: -webkit-box;\r\n\t\t-webkit-line-clamp: 2;\r\n\t\toverflow: hidden;\r\n\t\ttext-overflow: ellipsis;\r\n\t\t-webkit-box-orient: vertical;\r\n\t}\r\n\r\n\r\n\t.btn {\r\n\t\twidth: 74px;\r\n\t\theight: 24px;\r\n\t\tline-height: 24px;\r\n\t\tborder-radius: 50px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tborder: 1px solid #C2C2C2;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tcolor: #222222;\r\n\t\tfont-size: 12px;\r\n\t}\r\n\r\n\t.time {\r\n\t\tfont-size: 10px;\r\n\t\tcolor: #999999;\r\n\t}\r\n\r\n\t.item-time {\r\n\t\tfont-size: 10px;\r\n\t\tcolor: #999999;\r\n\t\tmargin-left: 10px;\r\n\t}\r\n\r\n\t.normal-box-small {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tfont-size: 16px;\r\n\t\tcolor: #888888;\r\n\t\tpadding: 69px 0;\r\n\t}\r\n\r\n\t.normal-box-small>img {\r\n\t\twidth: 218px;\r\n\t\tmargin-bottom: 25px;\r\n\t}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./message.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./message.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./message.vue?vue&type=template&id=70244aee&scoped=true&\"\nimport script from \"./message.vue?vue&type=script&lang=js&\"\nexport * from \"./message.vue?vue&type=script&lang=js&\"\nimport style0 from \"./message.vue?vue&type=style&index=0&id=70244aee&prod&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n \"70244aee\",\n null\n \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/normal-8.ac8a9533.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./message.vue?vue&type=style&index=0&id=70244aee&prod&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAm5JREFUWEft2MnLTlEYAPDfZx4yK8WCWLBgwQIbSobIkMiwYiMbJX+JWLFRSmJBUoYyLCjDQoREQgghikQiQ4/OW8eXvPfe976fV31ne8+9z+8+59xzn3O6dHjr6nCfXmCrI9RTGeyH2XiEl2XQPQEci5MJ+AlLcKkost3AcTiH6RloN3Z0AnACzmNqhvmBFTj1r4ETE25KBvmObdhbFBf92jHEgYrMBbLRvmEL9pfBtQM4LeHGZ5Cv2ITDZXF1A2fgLOLDaLQv2IhjVXB1AmfhDMZkkM9YW+aD+NNL1DEH5+I0RmYBPmJ1WmKqJu/Xfa0C5+MEhmWKD2kpudiSLN3cCnARjmNIBnmHZbhaB66VDC7HEQzKIG/Tb+x6XbiqwDU4hAEZ5BUW43aduCrA9TiIqE4a7TliuO/VjSsLjA8hSqV8zj3BQjxsB64scDRiKPPs3UzZe9MJwDBEmbSz2/J0JyFLFaJFX6jKMrMdu7oh76ehflY0cNF+VYDx7K3Ygz5ZoCjnYz4+Lhq8SL+qwHj2ZuxD3yzQ04R8UCR4kT6tAOP5G3AA/bNgL9KcvFsE0KxPq8B4fhQFUesNzIK9Tgv3rWaAZtfrAEaM+P8exeAsYPz6luJaM8TfrtcFjBjxgUTxMDQL+D7hr1RF1gkMw7xUfg3PQFF+rcSFKsi6gWGYkwrYURkoNuwxV2NLUKq1AxiAmWkLEKcKjRZbgHUpw4WR7QIGIE4T4lSh+yZqAS4XFbYTGIY4VYg9cpwyNFrHHH00QJMTchLidGFVOkwqlMR2Z7CBGIHYJsTf5UYhWerUU8Aypt/69gIrp+5/GeKfiUBcKeCBb1YAAAAASUVORK5CYII=\""],"sourceRoot":""}
|
