{"version":3,"sources":["webpack:///./src/assets/PC/shop/shop-InfoHead.jpg","webpack:///./src/assets/PC/home/znx.png","webpack:///./src/views/InMail/Index.vue?3843","webpack:///./src/views/InMail/Index.vue","webpack:///src/views/InMail/Index.vue","webpack:///./src/views/InMail/Index.vue?9428","webpack:///./src/views/InMail/Index.vue?b6fc","webpack:///./src/views/InMail/Index.vue?91fd"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","directives","name","rawName","value","loading","expression","load","Infos","pictureUrl","attrs","require","staticStyle","_v","_s","nativeOn","$event","type","indexOf","_k","keyCode","key","Search","apply","arguments","model","msgs","title","callback","$$v","$set","on","Isdata","_e","_l","msgList","data","item","id","class","DetailId","goInMallDetail","_m","dateTimeString","introduction","isReaded","clientWidth","IsDetail","InMallDetail","dataTimeString","Info","domProps","content","staticRenderFns","loadings","$store","state","page","limit","recordCount","IsloadList","mounted","token","sessionStorage","getItem","JSON","parse","GetInit","$router","push","methods","isTrue","GetSystemMessage","then","res","status","concat","length","$route","query","GetInitId","debounce","iIndex","filter","v","i","Id","messageId","GetSystemMessageInfo","$toast","message","GetUserInfo","dispatch","GetSystemMessageTop4","computed","watch","handler","val","deep","component"],"mappings":"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","file":"js/chunk-91a069b0.a9f3a89a.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/shop-InfoHead.04c565a3.jpg\";","module.exports = \"data:image/png;base64,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\"","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!./Index.vue?vue&type=style&index=1&id=486ceb76&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"InMail\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}]}),_c('div',{staticClass:\"InMails flex\"},[_c('div',{directives:[{name:\"infinite-scroll\",rawName:\"v-infinite-scroll\",value:(_vm.load),expression:\"load\"}],staticClass:\"InMailList\"},[_c('div',{staticClass:\"InMail-Info flex2\"},[_c('div',[(_vm.Infos.pictureUrl)?_c('img',{staticClass:\"Info-img\",attrs:{\"src\":_vm.Infos.pictureUrl}}):_c('img',{staticClass:\"Info-img\",attrs:{\"src\":require(\"@/assets/PC/shop/shop-InfoHead.jpg\")}})]),_c('div',{staticStyle:{\"width\":\"100%\",\"overflow\":\"hidden\"}},[_c('h2',{staticClass:\"co-fff hidden\"},[_vm._v(_vm._s(_vm.Infos.name))])])]),_c('div',{staticClass:\"InMail-search\"},[_c('el-input',{staticClass:\"InMail-search-inp\",attrs:{\"placeholder\":\"搜索通知\"},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\"))return null;return _vm.Search.apply(null, arguments)}},model:{value:(_vm.msgs.title),callback:function ($$v) {_vm.$set(_vm.msgs, \"title\", $$v)},expression:\"msgs.title\"}}),_c('i',{staticClass:\"el-icon-search cur\",on:{\"click\":_vm.Search}})],1),(!_vm.Isdata)?_c('div',{staticClass:\"InMail-msg-list\"},_vm._l((_vm.msgList.data),function(item){return _c('div',{key:item.id,staticClass:\"InMail-msg-item flex cur\",class:_vm.DetailId == item.id ? 'InMail-msg-item-active':'',on:{\"click\":function($event){return _vm.goInMallDetail(item.id)}}},[_vm._m(0,true),_c('div',{staticClass:\"InMail-msg-item-d\"},[_c('div',{staticClass:\"flex3\",staticStyle:{\"width\":\"100%\"}},[(item.type == 0)?_c('span',{staticClass:\"co-fff\"},[_vm._v(\"系统通知\")]):_vm._e(),_c('span',{staticClass:\"InMail-msg-item-deta\"},[_vm._v(_vm._s(item.dateTimeString))])]),_c('div',{staticClass:\"flex3\",staticStyle:{\"width\":\"100%\"}},[_c('span',{staticClass:\"InMail-msg-item-title\"},[_vm._v(_vm._s(item.introduction))]),(!item.isReaded)?_c('div',{staticClass:\"box-msg\"}):_vm._e()])])])}),0):_vm._e(),(_vm.Isdata)?_c('div',{staticClass:\"flex1 co-7E3\",staticStyle:{\"height\":\"90px\"}},[_vm._v(\"暂无消息\")]):_vm._e()]),(_vm.clientWidth > 750)?_c('div',{staticClass:\"InMailList-d\"},[(_vm.IsDetail)?_c('div',{staticClass:\"InMailList-d-s\"},[_c('div',{staticClass:\"InMailList-d-s-title\"},[_vm._v(\"系统通知\")]),_c('div',{staticClass:\"InMailList-d-s-deta co-999 tc\"},[_vm._v(_vm._s(_vm.InMallDetail.dataTimeString))]),_c('div',{staticClass:\"InMailList-d-s-content flex\"},[_vm._m(1),_c('div',{staticClass:\"InMailList-d-s-content-text\"},[_c('b',[_vm._v(\"亲爱的\"+_vm._s(_vm.Info.name)+\"，你好：\")]),_c('p',{domProps:{\"innerHTML\":_vm._s(_vm.InMallDetail.content)}}),_c('div',{staticClass:\"san0\"})])])]):_c('div',{staticClass:\"co-999 flex1\",staticStyle:{\"height\":\"100%\"}},[_vm._v(\"您还未选中通知，点击左侧查看通知\")])]):_vm._e()])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"InMail-msg-item-icon flex1\"},[_c('img',{attrs:{\"src\":require(\"@/assets/PC/home/znx.png\")}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"InMailList-d-s-content-icon flex1\"},[_c('img',{attrs:{\"src\":require(\"@/assets/PC/home/znx.png\")}})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"InMail\">\r\n    <div v-loading=\"loading\"></div>\r\n    <div class=\"InMails flex\">\r\n      <div class=\"InMailList\" v-infinite-scroll=\"load\">\r\n        <div class=\"InMail-Info flex2\">\r\n          <div>\r\n            <img v-if=\"Infos.pictureUrl\" :src=\"Infos.pictureUrl\" class=\"Info-img\">\r\n            <img v-else src=\"@/assets/PC/shop/shop-InfoHead.jpg\" class=\"Info-img\">\r\n          </div>\r\n          <div style=\"width: 100%; overflow: hidden\">\r\n            <h2 class=\"co-fff hidden\">{{Infos.name}}</h2>\r\n          </div>\r\n        </div>\r\n        <div class=\"InMail-search\">\r\n          <el-input v-model=\"msgs.title\" @keyup.enter.native=\"Search\" class=\"InMail-search-inp\" placeholder=\"搜索通知\"></el-input>\r\n          <i class=\"el-icon-search cur\" @click=\"Search\"></i>\r\n        </div>\r\n        <div v-if=\"!Isdata\" class=\"InMail-msg-list\">\r\n          <div v-for=\"item in msgList.data\" :key=\"item.id\" class=\"InMail-msg-item flex cur\" @click=\"goInMallDetail(item.id)\" :class=\"DetailId == item.id ? 'InMail-msg-item-active':''\">\r\n            <div class=\"InMail-msg-item-icon flex1\">\r\n              <img src=\"@/assets/PC/home/znx.png\">\r\n            </div>\r\n            <div class=\"InMail-msg-item-d\"> \r\n              <div class=\"flex3\" style=\"width: 100%\">\r\n                <span v-if=\"item.type == 0\" class=\" co-fff\">系统通知</span>\r\n                <span class=\"InMail-msg-item-deta\">{{ item.dateTimeString }}</span>\r\n              </div>\r\n              <div class=\"flex3\" style=\"width: 100%\">\r\n                <span class=\"InMail-msg-item-title\">{{ item.introduction }}</span>\r\n                <div v-if=\"!item.isReaded\" class=\"box-msg\"></div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"Isdata\" style=\"height: 90px\" class=\"flex1 co-7E3\">暂无消息</div>\r\n      </div>\r\n      <div v-if=\"clientWidth > 750\" class=\"InMailList-d\">\r\n        <div v-if=\"IsDetail\" class=\"InMailList-d-s\">\r\n          <div class=\"InMailList-d-s-title\">系统通知</div>\r\n          <div class=\"InMailList-d-s-deta co-999 tc\">{{InMallDetail.dataTimeString}}</div>\r\n          <div class=\"InMailList-d-s-content flex\">\r\n            <div class=\"InMailList-d-s-content-icon flex1\">\r\n              <img src=\"@/assets/PC/home/znx.png\">\r\n            </div>\r\n            <div class=\"InMailList-d-s-content-text\">\r\n              <b>亲爱的{{ Info.name }}，你好：</b> \r\n              <p v-html=\"InMallDetail.content\"></p> \r\n              <div class=\"san0\"></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div v-else class=\"co-999 flex1\" style=\"height: 100%\">您还未选中通知，点击左侧查看通知</div>\r\n      </div>\r\n    </div>\r\n  </div>  \r\n</template>\r\n\r\n<script>\r\nimport { GetSystemMessage, GetSystemMessageInfo, GetUserInfo, GetSystemMessageTop4} from \"@/api/profile.js\";\r\nimport { debounce } from \"@/utils/common\";\r\n\r\nexport default {\r\n  name: \"InMail\",\r\n  data() {\r\n    return {\r\n      loading: true,                          // !loading\r\n      loadings: true,\r\n      Info: this.$store.state.Infos,          // !个人信息\r\n      msgs:{\r\n        page: 1,\r\n        limit: 10,\r\n        title: '',\r\n      },\r\n      msgList: {data: [], recordCount: 0 },   // !消息列表\r\n      InMallDetail: {},                       // !详情数据\r\n      IsDetail: false,                        // !是否展开详情\r\n      DetailId: '',                           // !当前选中id\r\n      Isdata: false,                          // !暂无消息\r\n      IsloadList: false,                      // !下拉加载\r\n    }\r\n  },\r\n  mounted() {\r\n    if(!this.$store.state.token) {\r\n      this.$router.push('/');\r\n    }else {\r\n      if(sessionStorage.getItem('msgs')){\r\n        this.msgs = JSON.parse(sessionStorage.getItem('msgs'));\r\n      }\r\n      this.GetInit();\r\n    }\r\n  },\r\n  methods: {\r\n    // !初始化列表\r\n    GetInit(isTrue) {\r\n      GetSystemMessage(this.msgs).then(res => {\r\n        if(res.status == 1) {\r\n          if(isTrue) {\r\n            this.msgList.data = res.data;\r\n            isTrue = false;\r\n          }else {\r\n            this.msgList.data =this.msgList.data.concat(res.data);\r\n          }\r\n          \r\n          if(this.msgList.data.length == res.recordCount) {\r\n            this.IsloadList = false;\r\n          } else {\r\n            this.IsloadList = true;\r\n          }\r\n          if(this.msgList.data.length > 0) {\r\n            this.Isdata = false;\r\n          }else {\r\n            this.Isdata = true;\r\n          }\r\n        }\r\n      }).then(()=> {\r\n        if(this.$route.query.id) {\r\n          if(this.clientWidth > 750) {\r\n            this.DetailId = this.$route.query.id;\r\n            this.GetInitId(this.DetailId)\r\n          }\r\n        }\r\n      })\r\n      this.loading = false;\r\n    },\r\n    load() {\r\n      debounce(()=> {\r\n        if(this.IsloadList) {\r\n        this.msgs.page++;\r\n        this.GetInit();\r\n      }\r\n      },1000)\r\n      \r\n    },\r\n    // !搜索\r\n    Search() {\r\n      this.msgs.page = 1;\r\n      this.GetInit(true);\r\n    },\r\n    // !查看消息详情\r\n    goInMallDetail(id) {\r\n      let iIndex = '';\r\n      this.msgList.data.filter( (v, i) => {\r\n        if(v.id == id) {\r\n          iIndex = i;\r\n        }\r\n        return iIndex;\r\n      })\r\n      this.msgList.data[iIndex].isReaded = true;\r\n\r\n      if(this.clientWidth > 750) {\r\n        this.$router.push('/Home/InMail?id=' + id);\r\n      } else if(this.clientWidth < 751){\r\n        this.$router.push('/Home/InMailDetail?id=' + id);\r\n      }\r\n    },\r\n    // !获取详情\r\n    GetInitId(id) {\r\n      this.DetailId = id;\r\n      const Id = {messageId: id};\r\n      GetSystemMessageInfo(Id).then(res => {\r\n        if(res.status == 1) {\r\n          this.InMallDetail = res.data;\r\n          this.IsDetail = true;\r\n        } else {\r\n          this.$toast(res.message);\r\n        }\r\n      }).then(()=> {\r\n        GetUserInfo().then(res => {// !获取个人信息\r\n          this.$store.dispatch('Profile', res.data);\r\n        });\r\n        GetSystemMessageTop4().then(res => {\r\n          if(res.status == 1) {\r\n            this.$store.dispatch('MsgTop4', res.data);\r\n          }\r\n        });\r\n\r\n        this.msgList.data.filter((v, i) => {\r\n          if(v.id == this.$route.query.id){\r\n            this.msgList.data[i].isReaded = true;\r\n          }\r\n          return this.msgList.data;\r\n        })\r\n      })\r\n    }\r\n  },\r\n  computed: {\r\n    clientWidth () {\r\n      return this.$store.state.clientWidth;\r\n    },\r\n    Infos() {\r\n      return this.$store.state.Infos;\r\n    },\r\n  },\r\n  watch: {\r\n    $route: {\r\n      handler(val) {\r\n        if(val.query.id) {\r\n          this.GetInitId(val.query.id);\r\n        }\r\n      },\r\n      deep: true,\r\n    },\r\n    Infos(val) {\r\n      this.Info = val;\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n  $mobil_base: 750;\r\n\r\n  @function vw($true) {\r\n    @return ($true / $mobil_base) * 100vw;\r\n  }\r\n\r\n  .InMail {\r\n    .InMail-msg-item-d {width: 100%;}\r\n    .InMails { width: 1200px; height: 500px; background: #fff; box-shadow: 0 0 15px #ccc; margin: 40px auto; border-radius: 5px; overflow: hidden;}\r\n    .InMailList { width: 333px; height: 500px; background: #3D1152; overflow: auto;}\r\n\r\n    .InMailList-d { width: 100%;}\r\n    .InMailList-d-s { padding: 40px; height: 100%;}\r\n    .InMailList-d-s-title { font-size: 18px; padding-bottom: 20px; border-bottom: 1px #7E3D9D solid; margin-bottom: 40px;}\r\n    .InMailList-d-s-deta { font-size: 12px; margin-bottom: 21px;}\r\n    .InMailList-d-s-content-text { padding: 15px; background: #F2F5F7; margin-left: 30px; border-radius: 5px; position: relative;}\r\n    .san0 {width: 0;height: 0;border-top: 7px solid transparent;border-right: 15px solid #F2F5F7;border-bottom: 7px solid transparent; position: absolute; left: -14px; top: 15px;}\r\n    .InMailList-d-s-content-text b {font-size: 18px; }\r\n    .InMailList-d-s-content-text p { margin-top: 5px; }\r\n\r\n    .InMail-Info, .InMail-search {padding: 16px; position: relative;}\r\n    .InMail-search, .InMail-msg-item-active { background: #340d49;}\r\n    .InMail-search i {color: #A872C1;position: absolute; left: 30px; top: 23px;}\r\n    .Info-img { width: 62.4px; height: 62.4px; border-radius: 31.2px; margin-right: 8px;}\r\n\r\n    .InMail-msg-item {padding: 13px 16px;border-bottom: 1px rgb(36, 35, 35) solid;}\r\n    .InMail-msg-item-icon, .InMailList-d-s-content-icon {min-width: 43px; width: 43px; height: 43px; background: #F2F5F7; border-radius: 50%; margin-right: 10px;}\r\n    .InMail-msg-item-icon img, .InMailList-d-s-content-icon img {width: 20px;}\r\n\r\n    .InMail-msg-item-deta, .InMail-msg-item-title, .co-7E3 {color: #7E3D9D;}\r\n  }\r\n\r\n  @media (max-width: 750px) {\r\n    .InMail {\r\n      .InMails, .InMailList{width: 100%;}\r\n      .InMailList {height: calc( 100vh - 13.3333vw);}\r\n      .InMails {margin: 0;height: calc( 100vh - 13.3333vw); border-radius: 0;}\r\n\r\n      .InMail-Info {padding: vw(40);}\r\n      .InMail-search {padding: vw(16) vw(40);}\r\n      .Info-img {width: vw(120); height: vw(120);}\r\n      .InMail-search i {font-size: vw(29); left: vw(80); top: vw(39);}\r\n\r\n      .InMail-msg-item {padding: vw(40);}\r\n      .InMail-msg-item-icon {width: vw(64); min-width: vw(64); height: vw(64);}\r\n      .InMail-msg-item-icon img {width: vw(37);}\r\n\r\n      .InMail-msg-item-title {font-size: vw(24); margin-top: vw(5);}\r\n    }\r\n  }\r\n</style>\r\n\r\n<style lang=\"scss\">\r\n  $mobil_base: 750;\r\n\r\n  @function vw($true) {\r\n    @return ($true / $mobil_base) * 100vw;\r\n  }\r\n  .InMailList::-webkit-scrollbar {width: 5px;}\r\n  .InMailList::-webkit-scrollbar-track {-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em}\r\n  .InMailList::-webkit-scrollbar-thumb {background-color:#4d1965;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius:2em}\r\n  @media (min-width: 751px) {\r\n    .InMail-search-inp input {height: 28px; border-radius: 14px; background: #4d1965; border: 0; padding-left: 40px; color: #fff;}\r\n  }\r\n  @media (max-width: 750px) {\r\n    .InMail-search-inp input {height: vw(72); border-radius: vw(36); background: #4d1965; border: 0; padding-left: 40px;  color: #fff;}\r\n  }\r\n</style>","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!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.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!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Index.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Index.vue?vue&type=template&id=486ceb76\"\nimport script from \"./Index.vue?vue&type=script&lang=js\"\nexport * from \"./Index.vue?vue&type=script&lang=js\"\nimport style0 from \"./Index.vue?vue&type=style&index=0&id=486ceb76&prod&lang=scss\"\nimport style1 from \"./Index.vue?vue&type=style&index=1&id=486ceb76&prod&lang=scss\"\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  null,\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!./Index.vue?vue&type=style&index=0&id=486ceb76&prod&lang=scss\""],"sourceRoot":""}