{"version":3,"sources":["webpack:///./src/views/UserName/PersonalCenter/Sidebar/Information.vue?26a1","webpack:///src/views/UserName/PersonalCenter/Sidebar/Information.vue","webpack:///./src/views/UserName/PersonalCenter/Sidebar/Information.vue?5d3e","webpack:///./src/views/UserName/PersonalCenter/Sidebar/Information.vue","webpack:///./src/views/UserName/PersonalCenter/Sidebar/Information.vue?75f7"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_l","item","index","key","class","hasRead","_s","message","date","directives","name","rawName","value","param","page","expression","attrs","count","data","on","handleCurrentChange","$event","$set","staticRenderFns","type","messageList","created","getmessage","methods","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,UAAUH,EAAG,KAAK,CAACE,YAAY,YAAYN,EAAIQ,GAAIR,EAAe,aAAE,SAASS,EAAKC,GAAO,OAAON,EAAG,KAAK,CAACO,IAAID,EAAMJ,YAAY,UAAUM,MAAuB,IAAjBH,EAAKI,QAAgB,SAAW,IAAI,CAACT,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIc,GAAGL,EAAKM,YAAYX,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAGP,EAAIc,GAAGL,EAAKO,cAAa,GAAGZ,EAAG,gBAAgB,CAACa,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOpB,EAAIqB,MAAMC,MAAQ,EAAGC,WAAW,oBAAoBjB,YAAY,QAAQkB,MAAM,CAAC,eAAexB,EAAIqB,MAAMC,KAAK,YAAYtB,EAAIqB,MAAMI,MAAM,OAAS,4BAA4B,MAAQzB,EAAI0B,MAAMC,GAAG,CAAC,iBAAiB3B,EAAI4B,oBAAoB,qBAAqB,SAASC,GAAQ,OAAO7B,EAAI8B,KAAK9B,EAAIqB,MAAO,OAAQQ,IAAS,sBAAsB,SAASA,GAAQ,OAAO7B,EAAI8B,KAAK9B,EAAIqB,MAAO,OAAQQ,QAAa,IACj6BE,EAAkB,G,YCkCtB,GACEb,KAAM,kBACNQ,KAFF,WAGI,MAAO,CACLL,MAAO,CACLI,MAAO,GACPH,KAAM,EACNU,KAAM,IAERN,KAAM,EACNO,YAAa,KAmBjBC,QA7BF,WA8BIjC,KAAKkC,cAEPC,QAAS,CACPR,oBADJ,SACA,GACM3B,KAAKoB,MAAMC,KAAOA,EAAO,EACzBrB,KAAKkC,cAGPA,WANJ,WAMA,WACM,EAAN,iEACA,kBACQ,EAAR,+BACQ,EAAR,mCAQA,mBACQ,QAAR,aCtF6Y,I,wBCQzYE,EAAY,eACd,EACAtC,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,2CCnBf,W","file":"static/js/chunk-2bd25a3a.a1812776.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"page-title\"},[_vm._v(\"系统消息\")]),_c('ul',{staticClass:\"info-box\"},_vm._l((_vm.messageList),function(item,index){return _c('li',{key:index,staticClass:\"content\",class:item.hasRead === 1 ? 'active' : ''},[_c('div',{staticClass:\"text\"},[_vm._v(_vm._s(item.message))]),_c('div',{staticClass:\"date\"},[_vm._v(_vm._s(item.date))])])}),0),_c('el-pagination',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.param.page >= 1),expression:\"param.page >= 1\"}],staticClass:\"mt-20\",attrs:{\"current-page\":_vm.param.page,\"page-size\":_vm.param.count,\"layout\":\"prev, pager, next, jumper\",\"total\":_vm.data},on:{\"current-change\":_vm.handleCurrentChange,\"update:currentPage\":function($event){return _vm.$set(_vm.param, \"page\", $event)},\"update:current-page\":function($event){return _vm.$set(_vm.param, \"page\", $event)}}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!--页面标题-->\r\n    <div class=\"page-title\">系统消息</div>\r\n    <!--消息列表-->\r\n    <ul class=\"info-box\">\r\n      <!--列表项-->\r\n      <li\r\n        v-for=\"(item, index) in messageList\"\r\n        :key=\"index\"\r\n        class=\"content\"\r\n        :class=\"item.hasRead === 1 ? 'active' : ''\"\r\n      >\r\n        <!--消息内容-->\r\n        <div class=\"text\">{{ item.message }}</div>\r\n        <!--日期-->\r\n        <div class=\"date\">{{ item.date }}</div>\r\n      </li>\r\n    </ul>\r\n    <!--分页-->\r\n    <el-pagination\r\n      v-show=\"param.page >= 1\"\r\n      @current-change=\"handleCurrentChange\"\r\n      :current-page.sync=\"param.page\"\r\n      :page-size=\"param.count\"\r\n      layout=\"prev, pager, next, jumper\"\r\n      :total=\"data\"\r\n      class=\"mt-20\"\r\n    />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport API from '@/api';\r\n\r\nexport default {\r\n  name: 'InformationName',\r\n  data() {\r\n    return {\r\n      param: {\r\n        count: 10,\r\n        page: 0,\r\n        type: '',\r\n      },\r\n      data: 0, // 消息总数\r\n      messageList: [\r\n        /* {\r\n          hasRead: 1,\r\n          message: '消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容',\r\n          date: '2021-11-19 09:10'\r\n        },\r\n        {\r\n          hasRead: 0,\r\n          message: '消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容',\r\n          date: '2021-11-19 09:10'\r\n        },\r\n        {\r\n          hasRead: 0,\r\n          message: '消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容消息内容',\r\n          date: '2021-11-19 09:10'\r\n        } */\r\n      ],\r\n    };\r\n  },\r\n  created() {\r\n    this.getmessage();\r\n  },\r\n  methods: {\r\n    handleCurrentChange(page) {\r\n      this.param.page = page - 1;\r\n      this.getmessage();\r\n    },\r\n    // 获取消息列表\r\n    getmessage() {\r\n      API.message(this.param.page = 1, this.param.count, this.param.type)\r\n        .then((res) => {\r\n          this.data = res.message.data.totalCount;\r\n          this.messageList = res.message.data.list;\r\n          // if (res.message.succes) {\r\n          //   console.log(res)\r\n          //   this.data = res.message.data.totalCount\r\n          //   this.messageList = res.message.data.list\r\n          //   console.log(this.messageList)\r\n          // }\r\n        })\r\n        .catch((mgs) => {\r\n          console.log(mgs);\r\n        });\r\n    },\r\n    //\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n// 页面标题\r\n.page-title {\r\n  font-size: 20px;\r\n  font-weight: bold;\r\n  margin-bottom: 20px;\r\n}\r\n.info-box {\r\n  //margin: 20px 0;\r\n  padding: 8px 0;\r\n  // 内容\r\n  .content {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    font-size: 18px;\r\n    /*line-height: 64px;*/\r\n    white-space: nowrap;\r\n    padding: 20px 30px;\r\n    cursor: pointer;\r\n    background: #fff;\r\n\r\n    &:before {\r\n      content: '●';\r\n      font-size: 4px;\r\n      padding-right: 10px;\r\n    }\r\n    &:nth-child(even) {\r\n      background: #fffaed;\r\n    }\r\n    &:hover {\r\n      color: #f7b515;\r\n      white-space: normal;\r\n    }\r\n    &.active {\r\n    }\r\n    // 文本\r\n    .text {\r\n      flex: 1 1 auto;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n    // 日期\r\n    .date {\r\n      flex: 0 0 200px;\r\n      text-align: right;\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??ref--13-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Information.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js??ref--13-2!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Information.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Information.vue?vue&type=template&id=f4d57b54&scoped=true&\"\nimport script from \"./Information.vue?vue&type=script&lang=js&\"\nexport * from \"./Information.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Information.vue?vue&type=style&index=0&id=f4d57b54&lang=scss&scoped=true&\"\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  \"f4d57b54\",\n  null\n  \n)\n\nexport default component.exports","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/lib/loaders/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/lib/index.js??vue-loader-options!./Information.vue?vue&type=style&index=0&id=f4d57b54&lang=scss&scoped=true&\""],"sourceRoot":""}