{"version":3,"sources":["webpack:///./src/views/pages/user/my-msg.vue?8415","webpack:///./src/views/pages/user/my-msg.vue","webpack:///src/views/pages/user/my-msg.vue","webpack:///./src/views/pages/user/my-msg.vue?aeff","webpack:///./src/views/pages/user/my-msg.vue?c0d7"],"names":["render","_vm","this","_c","_self","staticClass","on","switchBrand","model","value","showTabs","callback","$$v","expression","attrs","count","all","notRead","host","sys","_l","list","item","key","id","$event","msgClick","sendUserType","_v","_e","_s","senderFullName","staticStyle","dataTime","hasRead","stopPropagation","content","introduction","loading","finished","length","moreClick","staticRenderFns","name","data","actTabs","pageIndex","pageSize","computed","mapGetters","exhibitionId","user","created","getCountWarp","getData","methods","mapActions","graphqlPost","msgRead","getCount","type","query","userId","where","equal_messageState","equal_sendUserType","opt","variables","page","size","JSON","stringify","res","parse","notificationMessageQuery","queryByReceiver","totalCount","$nextTick","messageId","receiverId","result","$Message","success","$Bus","$emit","map","e","error","order","N","v","items","forEach","publishAt","moment","format","createAt","Set","hasNextPage","destroyed","component"],"mappings":"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","file":"static/js/chunk-4d2e61b0.7c60a0fc.js","sourcesContent":["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!./my-msg.vue?vue&type=style&index=0&id=6e238a1a&prod&lang=scss&scoped=true&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"msg\"},[_c('Tabs',{on:{\"on-click\":_vm.switchBrand},model:{value:(_vm.showTabs),callback:function ($$v) {_vm.showTabs=$$v},expression:\"showTabs\"}},[_c('TabPane',{attrs:{\"label\":'全部（'+_vm.count.all+'）',\"name\":\"all\"}}),_c('TabPane',{attrs:{\"label\":'未读（'+_vm.count.notRead+'）',\"name\":\"notRead\"}}),_c('TabPane',{attrs:{\"label\":'主办（'+_vm.count.host+'）',\"name\":\"host\"}}),_c('TabPane',{attrs:{\"label\":'系统（'+_vm.count.sys+'）',\"name\":\"sys\"}})],1),_c('div',{staticClass:\"msg_wrap\"},_vm._l((_vm.list),function(item){return _c('div',{key:item.id,staticClass:\"msg-list\",on:{\"click\":function($event){return _vm.msgClick(item)}}},[_c('div',{staticClass:\"ml-top\"},[_c('div',{staticClass:\"ml-top-l\"},[(item.sendUserType==1)?_c('span',{staticClass:\"tag zb\"},[_vm._v(\"主办\")]):(item.sendUserType==0)?_c('span',{staticClass:\"tag xt\"},[_vm._v(\"系统\")]):_vm._e(),_c('span',[_vm._v(_vm._s(item.senderFullName))]),_c('span',{staticStyle:{\"font-size\":\"12px\"}},[_vm._v(_vm._s(item.dataTime))])]),_c('div',{staticClass:\"ml-top-r\"},[(item.hasRead)?_c('span',{staticClass:\"msg-btn2\"},[_c('i',{staticClass:\"icon iconfont icon-yidu\"}),_vm._v(\"已读\")]):_c('span',{staticClass:\"msg-btn s-2\",on:{\"click\":function($event){$event.stopPropagation();return _vm.msgClick(item)}}},[_vm._v(\"未读\")])])]),_c('div',{staticClass:\"ml-bottom\"},[_vm._v(_vm._s(item.content))]),(item.introduction)?_c('div',{staticClass:\"msg_source\"},[_c('p',{},[_vm._v(\"来源：\"+_vm._s(item.introduction))])]):_vm._e()])}),0),(_vm.loading)?_c('div',{staticClass:\"no_more mar_bot2\"},[_c('p',[_vm._v(\"加载中...\")])]):(_vm.finished)?_c('div',{staticClass:\"no_more mar_bot2\"},[_c('p',[_vm._v(\"没有更多了\")])]):(_vm.list && _vm.list.length)?_c('div',{staticClass:\"more mar_bot2\",on:{\"click\":_vm.moreClick}},[_c('p',[_vm._v(\"加载更多\")])]):_c('div',{staticClass:\"no_more mar_bot2\"},[_vm._v(\"暂无数据！\")])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"msg\">\r\n    <Tabs v-model=\"showTabs\" @on-click=\"switchBrand\">\r\n      <TabPane :label=\"'全部（'+count.all+'）'\" name=\"all\"></TabPane>\r\n      <TabPane :label=\"'未读（'+count.notRead+'）'\" name=\"notRead\"></TabPane>\r\n      <TabPane :label=\"'主办（'+count.host+'）'\" name=\"host\"></TabPane>\r\n      <TabPane :label=\"'系统（'+count.sys+'）'\" name=\"sys\"></TabPane>\r\n      <!-- <div slot=\"extra\" class=\"msg-tool\">\r\n        <span class=\"brand\">\r\n          <i class=\"icon iconfont icon-lajitong\"></i>全部删除\r\n        </span>\r\n        <span class=\"brand\">\r\n          <i class=\"icon iconfont icon-yidu\"></i>全部设为已读\r\n        </span>\r\n      </div> -->\r\n    </Tabs>\r\n    <div class=\"msg_wrap\">\r\n      <div class=\"msg-list\" v-for=\"(item) in list\" :key=\"item.id\" @click=\"msgClick(item)\">\r\n        <div class=\"ml-top\">\r\n          <div class=\"ml-top-l\">\r\n            <span v-if=\"item.sendUserType==1\" class=\"tag zb\">主办</span>\r\n            <span v-else-if=\"item.sendUserType==0\" class=\"tag xt\">系统</span>\r\n            <span>{{item.senderFullName}}</span>\r\n            <span style=\"font-size:12px\">{{item.dataTime}}</span>\r\n          </div>\r\n          <div class=\"ml-top-r\">\r\n            <!-- <span class=\"msg-btn\">刪除</span>  -->\r\n            <span class=\"msg-btn2\" v-if=\"item.hasRead\"> <i class=\"icon iconfont icon-yidu\"></i>已读</span>\r\n             <span class=\"msg-btn s-2\" v-else @click.stop=\"msgClick(item)\">未读</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"ml-bottom\">{{item.content}}</div>\r\n        <div class=\"msg_source\" v-if=\"item.introduction\">\r\n          <p class=\"\" >来源：{{item.introduction}}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"no_more mar_bot2\" v-if=\"loading\">\r\n      <p>加载中...</p>\r\n    </div>\r\n    <div class=\"no_more mar_bot2\" v-else-if=\"finished\">\r\n      <p>没有更多了</p>\r\n    </div>\r\n    <div class=\"more mar_bot2\" @click=\"moreClick\" v-else-if=\"list && list.length\">\r\n      <p>加载更多</p>\r\n    </div>\r\n    <div class=\"no_more mar_bot2\" v-else>暂无数据！</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport moment from \"moment\";\r\nexport default {\r\n  name: \"layout\",\r\n  data() {\r\n    return {\r\n      showTabs:'all',\r\n      actTabs:'all',\r\n      loading: false,   //消息列表加载状态\r\n      finished: false,  //消息列表是否完成状态\r\n      list: [],    //消息列表\r\n      pageIndex: 1,\r\n      pageSize:20,\r\n      count:{\r\n        all:0,\r\n        notRead:0,\r\n        host:0,\r\n        sys:0\r\n      }\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      exhibitionId: \"getExhibitionId\",\r\n      user:\"getUser\"\r\n    }),\r\n  },\r\n  created() {\r\n    this.getCountWarp();\r\n    this.getData();\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n      msgRead:'user/msgRead'\r\n    }),\r\n    getCountWarp(){\r\n      this.getCount('all');\r\n      this.getCount('notRead');\r\n      this.getCount('host');\r\n      this.getCount('sys');\r\n    },\r\n    async getCount(type){\r\n      let query = `\r\n        query($query:QueryInput!){\r\n          notificationMessageQuery{\r\n            queryByReceiver(query:$query,receiverId:\"${this.user.userId}\"){\r\n              totalCount\r\n            }\r\n          }\r\n        }\r\n      `;\r\n      let where = {\r\n        \"or\": {\r\n          \"equal_exhibitionId\": {\r\n            \"n\": \"exhibitionId\",\r\n            \"v\": \"c0226ba0-881c-43ef-b25a-31b7c32004e2\"\r\n          }\r\n        },\r\n      };\r\n      if(type=='notRead'){\r\n        where.equal_messageState={\r\n          \"n\": \"messageState\",\r\n          \"v\": 0\r\n        }\r\n      }else if(type=='host'){\r\n        where.equal_sendUserType={\r\n          \"n\": \"sendUserType\",\r\n          \"v\": 1\r\n        }\r\n      }else if(type=='sys'){\r\n        where.equal_sendUserType={\r\n          \"n\": \"sendUserType\",\r\n          \"v\": 0\r\n        }\r\n      }\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: 10000,\r\n            size: 1,\r\n            where: JSON.stringify(where),\r\n          },\r\n        },\r\n      };\r\n      let data = await this.graphqlPost(opt);\r\n      let res = JSON.parse(\r\n        JSON.stringify(data.data.notificationMessageQuery.queryByReceiver)\r\n      );\r\n      this.count[type]=res.totalCount\r\n    },\r\n    switchBrand(name){\r\n      if(this.actTabs!=this.showTabs){\r\n        this.actTabs=this.showTabs;\r\n        this.getCountWarp();\r\n        this.$nextTick(()=>{\r\n          this.pageIndex=1;\r\n          this.getData();\r\n        })\r\n      }\r\n    },\r\n    \r\n    async msgClick(item){\r\n      if(item.hasRead){\r\n        return\r\n      }\r\n      let opt={\r\n        messageId:item.id,\r\n        receiverId:this.user.userId\r\n      }\r\n      let res = await this.msgRead(opt);\r\n      if(res.result){\r\n        this.$Message.success('阅读成功');\r\n        this.$Bus.$emit('refreshMsg');\r\n        this.list.map(e=>{\r\n          if(e.id==item.id){\r\n            e.hasRead=true\r\n          }\r\n        })\r\n      }else{\r\n        this.$Message.error(res.error)\r\n      }\r\n    },\r\n    async getData(){\r\n      let query=`\r\n      query($query:QueryInput!){\r\n          notificationMessageQuery{\r\n            queryByReceiver(query:$query,receiverId:\"${this.user.userId}\"){\r\n                hasNextPage\r\n                pageIndex\r\n                totalCount\r\n                items{\r\n                  content\r\n                  createAt\r\n                  id\r\n                  introduction    \r\n                  receiverId\r\n                  messageState    \r\n                  publishAt       \r\n                  hasRead(receiverId:\"${this.user.userId}\")\r\n                  senderFullName  \r\n                  senderAvatarUrl \r\n                  senderId        \r\n                  sendUserType    \r\n                  title          \r\n                  referenceId     \r\n                  referenceType   \r\n                }                 \r\n              }                   \r\n            }\r\n        }\r\n      `;\r\n      let where = {\r\n        \"or\": {\r\n          \"equal_exhibitionId\": {\r\n            \"n\": \"exhibitionId\",\r\n            \"v\": this.exhibitionId\r\n          }\r\n        },\r\n      };\r\n      if(this.showTabs=='notRead'){\r\n        where.equal_messageState={\r\n          \"n\": \"messageState\",\r\n          \"v\": 0\r\n        }\r\n      }else if(this.showTabs=='host'){\r\n        where.equal_sendUserType={\r\n          \"n\": \"sendUserType\",\r\n          \"v\": 1\r\n        }\r\n      }else if(this.showTabs=='sys'){\r\n        where.equal_sendUserType={\r\n          \"n\": \"sendUserType\",\r\n          \"v\": 0\r\n        }\r\n      }\r\n      let order = [\r\n        {\r\n          N: \"messageState\",\r\n          v: 1,\r\n        },\r\n        {\r\n          \"N\":\"readAt\",\r\n          \"v\":0\r\n        },\r\n        {\r\n          \"N\":\"receiveUserType\",\r\n          \"v\":1\r\n        },\r\n        {\r\n          \"N\":\"publishAt\",\r\n          \"v\":0\r\n        },\r\n        {\r\n          \"N\":\"createAt\",\r\n          \"v\":0\r\n        }\r\n      ];\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: this.pageIndex,\r\n            size: this.pageSize,\r\n            where: JSON.stringify(where),\r\n            order: JSON.stringify(order),\r\n          },\r\n        },\r\n      };\r\n      let data = await this.graphqlPost(opt);\r\n      // console.log(JSON.stringify(where),query,'消息data')\r\n      let res=JSON.parse(JSON.stringify(data.data.notificationMessageQuery.queryByReceiver));\r\n      if(res&&res.items.length){\r\n        res.items.forEach(e => {\r\n          e.dataTime=e.publishAt?moment(e.publishAt).format('YYYY/MM/DD HH:mm:ss'):moment(e.createAt).format('YYYY/MM/DD HH:mm:ss');\r\n        });\r\n      }\r\n      if(this.pageIndex==1){\r\n        this.list=res.items\r\n      }else{\r\n        this.list=[...new Set([...this.list,...res.items])];\r\n      }\r\n      this.loading=false;\r\n      if (!res.hasNextPage) {\r\n        this.finished = true;\r\n      }\r\n    },\r\n    //点击加载更多\r\n    moreClick(){\r\n      if (this.finished) return;\r\n      this.pageIndex += 1;\r\n      this.getData()\r\n    },\r\n  },\r\n  destroyed() {},\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.msg {\r\n  min-height: 700px;\r\n  background-color: #fff;\r\n  border: solid 1px #ededed;\r\n  ::v-deep {\r\n    .ivu-tabs-bar {\r\n      padding: 0 20px;\r\n    }\r\n    .ivu-tabs-nav .ivu-tabs-tab {\r\n      padding: 14px 16px;\r\n    }\r\n  }\r\n  &-tool {\r\n    display: flex;\r\n    align-items: center;\r\n    .iconfont {\r\n      display: inline-block;\r\n      padding-right: 6px;\r\n    }\r\n    .brand {\r\n      line-height: 49px;\r\n      padding-left: 29px;\r\n      font-size: 12px;\r\n      color: #333;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n  .msg_wrap{\r\n    margin-top: -10px;\r\n    .msg-list {\r\n      padding: 30px 10px 28px;\r\n      margin: 0 20px;\r\n      border-bottom: 1px solid #ededed;\r\n      cursor: pointer;\r\n      &:hover{\r\n        background: #fafafa;\r\n      }\r\n      .ml-top {\r\n        display: flex;\r\n        align-items: center;\r\n        margin-bottom: 10px;\r\n        &-l {\r\n          width: 50%;\r\n          span {\r\n            display: inline-block;\r\n            margin-right: 10px;\r\n          }\r\n          .tag {\r\n            margin-right: 10px;\r\n            font-size: 12px;\r\n            width: 40px;\r\n            height: 20px;\r\n            border-radius: 3px;\r\n            text-align: center;\r\n            line-height: 20px;\r\n            &.zb{\r\n              background: rgba($color: #ff5e00, $alpha: 0.1);\r\n              color: #ff5e00;\r\n            }\r\n            &.xt{\r\n              color: #1890ff;\r\n              background: rgba($color: #1890ff, $alpha: 0.1);\r\n            }\r\n          }\r\n        }\r\n        &-r {\r\n          flex: 1;\r\n          text-align: right;\r\n          .msg-btn {\r\n            display: inline-block;\r\n            min-width: 46px;\r\n            text-align: center;\r\n            padding: 1px 5px;\r\n            border-radius: 3px;\r\n            background-color: #fff;\r\n            border: 1px solid #d9d9d9;\r\n            margin-left: 10px;\r\n            font-size: 12px;\r\n            cursor: pointer;\r\n            color: #333;\r\n            &.s-2 {\r\n              min-width: 57px;\r\n              color: #fff;\r\n              background-color: #ff5e00;\r\n              border: 1px solid #ff5e00;\r\n            }\r\n          }\r\n          .msg-btn2 {\r\n            display: inline-block;\r\n            min-width: 57px;\r\n            text-align: center;\r\n            padding: 1px 5px;\r\n            border-radius: 3px;\r\n            background-color: #fff; \r\n            margin-left: 10px;\r\n            font-size: 12px;\r\n            cursor: pointer;\r\n            color: #333;\r\n            .iconfont {\r\n            font-size: 12px;\r\n              display: inline-block;\r\n              padding-right: 5px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      .msg_source{\r\n        margin-top:10px;\r\n        display: flex;\r\n        padding: 6px;\r\n        align-items: center;\r\n        background: #f5f5f5;\r\n        p{\r\n          color: #666;\r\n        }\r\n      }\r\n    }\r\n  }\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!./my-msg.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!./my-msg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-msg.vue?vue&type=template&id=6e238a1a&scoped=true&\"\nimport script from \"./my-msg.vue?vue&type=script&lang=js&\"\nexport * from \"./my-msg.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-msg.vue?vue&type=style&index=0&id=6e238a1a&prod&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  \"6e238a1a\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}