{"version":3,"sources":["webpack:///./src/assets/home/person-avatar.png","webpack:///./src/views/message/contactList.vue?181e","webpack:///./src/views/message/contactList.vue?2ece","webpack:///src/views/message/contactList.vue","webpack:///./src/views/message/contactList.vue?051d","webpack:///./src/views/message/contactList.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","$router","go","_l","item","key","name","toChat","PhotoUrl","_v","_s","NickName","resetName","msgTime","lastMsg","unReadNum","_e","hxChatList","length","staticRenderFns","data","finished","loading","pageNo","pageSize","refreshing","computed","hxIsLogin","$store","state","chatList","chat","msgList","watch","handler","dispatch","immediate","getHxChatList","deep","contact","created","getSingleList","methods","push","arr","splice","str","obj","sort","b","timeStamp","$forceUpdate","getUnreadNum","currentMsgs","forEach","msg","status","bySelf","getLastMsg","lastType","filename","renderTime","localMoment","$formatTime","localStr","component"],"mappings":"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","file":"js/chunk-50f9a7fa.63eb9ee2.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/person-avatar.d36da681.png\";","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/_sass-loader@8.0.2@sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/index.js??vue-loader-options!./contactList.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"messageIndex\"},[_c('van-nav-bar',{staticClass:\"primary-header\",attrs:{\"title\":\"限时私聊\",\"left-arrow\":\"\",\"fixed\":\"\",\"border\":false},on:{\"click-left\":function($event){return _vm.$router.go(-1)}}}),_c('ul',{staticClass:\"chat-list\"},_vm._l((_vm.hxChatList),function(item){return _c('li',{key:item.name,staticClass:\"item\",on:{\"click\":function($event){return _vm.toChat(item)}}},[_c('div',{staticClass:\"item-dl\"},[(item.PhotoUrl)?_c('img',{staticClass:\"avatar\",attrs:{\"src\":item.PhotoUrl,\"alt\":\"\"}}):_c('img',{staticClass:\"avatar\",attrs:{\"src\":require(\"@/assets/home/person-avatar.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"item-dd\"},[_c('div',{staticClass:\"flex\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(item.NickName || _vm.resetName(item.name)))]),_c('time',{staticClass:\"time\"},[_vm._v(_vm._s(item.msgTime))])]),_c('div',{staticClass:\"flex\"},[_c('p',{staticClass:\"desc\"},[_vm._v(_vm._s(item.lastMsg))]),(item.unReadNum)?_c('span',{staticClass:\"unread\"},[_vm._v(_vm._s(item.unReadNum))]):_vm._e()])])])])}),0),(_vm.hxChatList.length==0)?_c('div',{staticClass:\"no-data\"},[_vm._v(\"暂无消息\")]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"messageIndex\">\r\n    <van-nav-bar\r\n      title=\"限时私聊\"\r\n      left-arrow\r\n      class=\"primary-header\"\r\n      fixed\r\n      :border=\"false\"\r\n      @click-left=\"$router.go(-1)\"\r\n    />\r\n    <ul class=\"chat-list\">\r\n      <li class=\"item\" v-for=\"item in hxChatList\" :key=\"item.name\" @click=\"toChat(item)\">\r\n        <div class=\"item-dl\">\r\n          <img class=\"avatar\" v-if=\"item.PhotoUrl\" :src=\"item.PhotoUrl\" alt=\"\">\r\n          <img class=\"avatar\" v-else src=\"@/assets/home/person-avatar.png\" alt=\"\">\r\n          <div class=\"item-dd\">\r\n            <div class=\"flex\">\r\n              <span class=\"name\">{{item.NickName || resetName(item.name)}}</span>\r\n              <time class=\"time\">{{item.msgTime}}</time>\r\n            </div>\r\n            <div class=\"flex\">\r\n              <p class=\"desc\">{{item.lastMsg}}</p>\r\n              <span class=\"unread\" v-if=\"item.unReadNum\">{{item.unReadNum}}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n    <div class=\"no-data\" v-if=\"hxChatList.length==0\">暂无消息</div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport {mapGetters,mapState} from 'vuex'\r\nimport {GetUserSingleChats} from '@/common/api.js'\r\nexport default {\r\n  data(){\r\n    return{\r\n      finished:false,\r\n      loading:true,\r\n      pageNo:1,\r\n      pageSize:10,\r\n      refreshing:false,\r\n      hxChatList:[],\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      contact:'onGetContactUserList',\r\n    }),\r\n    ...mapState({\r\n      userData:state=>state.userData,\r\n    }),\r\n    hxIsLogin() {\r\n      return this.$store.state.hxIsLogin;\r\n    },\r\n    chatList() {\r\n      return this.$store.state.chat.msgList;\r\n    },\r\n  },\r\n  watch: {\r\n    hxIsLogin:{\r\n      handler(value){\r\n        if(value && this.contact.length==0){\r\n          this.$store.dispatch('onGetContactUserList');\r\n        }\r\n      },\r\n      immediate:true,\r\n    },\r\n    chatList:{\r\n      handler(value){\r\n        if(value){\r\n          this.getHxChatList();\r\n        }\r\n      },\r\n      deep:true\r\n    },\r\n    contact(value){\r\n      if(value.length){\r\n        this.getHxChatList();\r\n      }\r\n    }\r\n  },\r\n  created() {\r\n    this.getSingleList();\r\n  },\r\n  methods: {\r\n    //获取单聊列表\r\n    getSingleList(){\r\n      this.$store.dispatch('getSingleList');\r\n      // let userCode=this.$store.state.userData.UserCode;\r\n      // GetUserSingleChats({\r\n      //   PageSize:999,\r\n      //   PageNo:1,\r\n      //   UserCode:userCode\r\n      // }).then(r=>{\r\n      //   if(r.Result==1){\r\n      //     this.$store.commit('setSingleChatList',r.Data.Lines);\r\n      //     if(this.hxIsLogin){\r\n      //       this.$store.dispatch('onGetContactUserList');\r\n      //     }\r\n      //   }\r\n      // })\r\n    },\r\n    //去聊天页面\r\n    toChat(item){\r\n      this.$router.push({path:'/chat',query:{type:'contact',chatId:item.name,nickname:item.NickName}})\r\n    },\r\n    //格式化群名称\r\n    resetName(value){\r\n      let str='';\r\n      if(value){\r\n        let arr=value.split('-');\r\n        arr.splice(0,1);\r\n        str=arr.join('-');\r\n      }\r\n      return str;\r\n    },\r\n    getHxChatList(){\r\n      let arr=[];\r\n      for (let i = 0; i < this.contact.length; i++) {\r\n        let lastMsg=this.getLastMsg(this.contact[i]);\r\n        let obj={\r\n          ...this.contact[i],\r\n          ...lastMsg,\r\n        }\r\n        obj['unReadNum']=this.getUnreadNum(this.contact[i]);\r\n        arr.push(obj);\r\n      }\r\n      arr.sort((a,b)=>{\r\n        return b.timeStamp-a.timeStamp;\r\n      });\r\n      this.hxChatList=arr;\r\n      this.$forceUpdate();\r\n    },\r\n    getUnreadNum(item) {\r\n      const chatList = this.chatList.contact;\r\n      let userId = item.name;\r\n      const currentMsgs = chatList[userId] || [];\r\n      let unReadNum = 0;\r\n      currentMsgs.forEach(msg => {\r\n        if (msg.status !== \"read\" && msg.status !== \"recall\" && !msg.bySelf) {\r\n          unReadNum++;\r\n        }\r\n      });\r\n      return unReadNum;\r\n    },\r\n    getLastMsg(item) {\r\n      const chatList = this.chatList.contact;\r\n      let userId = item.name;\r\n      const currentMsgs = chatList[userId] || [];\r\n      let lastMsg = \"\";\r\n      let lastType =currentMsgs.length && currentMsgs[currentMsgs.length - 1].type;\r\n      if (currentMsgs.length) {\r\n        if (lastType === \"img\") {\r\n          lastMsg = \"[image]\";\r\n        } else if (lastType === \"file\") {\r\n          lastMsg = currentMsgs[currentMsgs.length - 1].filename;\r\n        } else if (lastType === \"audio\") {\r\n          lastMsg = \"[audio]\";\r\n        } else if (lastType === \"vidio\") {\r\n          lastMsg = \"[vidio]\";\r\n        } else if(lastType === 'text' && currentMsgs[currentMsgs.length - 1].ext && currentMsgs[currentMsgs.length - 1].ext.chat_sp_type==10001) {\r\n          lastMsg = \"[投标信息]\";\r\n        }else {\r\n          lastMsg = currentMsgs[currentMsgs.length - 1].msg;\r\n        }\r\n      }\r\n      let timeStamp=0;\r\n      if(currentMsgs.length){\r\n        timeStamp=currentMsgs[currentMsgs.length - 1].time || new Date().getTime();\r\n      }\r\n      let msgTime = currentMsgs.length? this.renderTime(currentMsgs[currentMsgs.length - 1].time): \"\";\r\n      return {\r\n        lastMsg,\r\n        msgTime,\r\n        timeStamp\r\n      };\r\n    },\r\n    renderTime(time) {\r\n      let nowStr = new Date();\r\n      let localStr = time ? new Date(time) : nowStr;\r\n      let localMoment ='';\r\n      if(this.$formatTime(localStr,'yyy-MM-dd')==this.$formatTime(nowStr,'yyy-MM-dd')){\r\n        localMoment = this.$formatTime(localStr,'hh:mm');\r\n      }else{\r\n        localMoment = this.$formatTime(localStr,'MM/dd hh:mm');\r\n      }\r\n      return localMoment;\r\n    },\r\n  },\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n@import '~@/style/_base.scss';\r\n.messageIndex{\r\n  padding-top: 46px;\r\n  min-height: 100vh;\r\n  box-sizing: border-box;\r\n  .item-dl{\r\n    display: flex;\r\n    align-items: center;\r\n    padding: 10px 15px;\r\n    background-color: #fff;\r\n    .avatar{\r\n      width: 40px;\r\n      height: 40px;\r\n      border-radius: 50%;\r\n      margin-right: 10px;\r\n    }\r\n    .item-dd{\r\n      flex: 1;\r\n      width: 100px;\r\n    }\r\n  }\r\n  .contact{\r\n    @include bb;\r\n    .name{\r\n      font-size: 16px;\r\n      color: #333;\r\n    }\r\n  }\r\n  .chat-list{\r\n    .item{\r\n      @include bb;\r\n    }\r\n    .flex{\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n    }\r\n    .name{\r\n      font-size: 14px;\r\n      color:#333;\r\n      line-height: 24px;\r\n      flex: 1;\r\n      width: 100px;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .time{\r\n      font-size: 12px;\r\n      line-height: 24px;\r\n      color: #999;\r\n    }\r\n    .desc{\r\n      font-size: 14px;\r\n      color:#999;\r\n      line-height: 24px;\r\n      height: 24px;\r\n      flex: 1;\r\n      width: 100px;\r\n      overflow: hidden;\r\n      white-space: nowrap;\r\n      text-overflow: ellipsis;\r\n    }\r\n    .unread{\r\n      font-size: 10px;\r\n      color: #fff;\r\n      line-height: 18px;\r\n      width: 18px;\r\n      height: 18px;\r\n      border-radius: 18px;\r\n      background-color: #ff3838;\r\n      text-align: center;\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.1@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/index.js??vue-loader-options!./contactList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.1@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.5@vue-loader/lib/index.js??vue-loader-options!./contactList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./contactList.vue?vue&type=template&id=4c01bdd5&\"\nimport script from \"./contactList.vue?vue&type=script&lang=js&\"\nexport * from \"./contactList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./contactList.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.9.5@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"],"sourceRoot":""}