{"version":3,"sources":["webpack:///./src/views/individual/Message/index.vue","webpack:///src/views/individual/Message/index.vue","webpack:///./src/views/individual/Message/index.vue?12f5","webpack:///./src/views/individual/Message/index.vue?2a24"],"names":["render","staticRenderFns","name","components","data","messages","msgType","currentMsgType","pagination","pageSize","currentPage","total","orderField","orderType","mounted","GetItemDetailList","handleGetList","h","renderTabPanel","renderMessages","renderPagination","methods","$createElement","onTabNavChange","e","preventDefault","stopPropagation","renderTabLi","map","l","index","itemKey","className","label","renderHandle","Array","isArray","length","msg","renderMessage","type","find","m","MsgType","toString","elementId","ID","CreateTime","MsgContent","Title","click","onDeleteMsgBtnClick","postData","Name","Del","then","res","success","$message","error","callback","ItemCode","console","log","x","ItemValue","ItemName","param","push","SqlField","pattern","value","queryParam","searchEntity","JSON","stringify","GetList","rows","onPaginationSizeChange","onPaginationCurrentChange","val","component"],"mappings":"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","file":"js/chunk-36f3daa2.20f1ff6c.js","sourcesContent":["var render, staticRenderFns\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=a189758a&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  \"a189758a\",\n  null\n  \n)\n\nexport default component.exports","\r\n<script>\r\nimport { GetList, Del, GetItemDetailList } from '@/api/general-api'\r\n\r\nexport default {\r\n  name: 'Message',\r\n  components: {\r\n  },\r\n  data() {\r\n    return {\r\n      messages: [],\r\n      msgType: [],\r\n      currentMsgType: '0',\r\n      pagination: {\r\n        pageSize: 20,\r\n        currentPage: 1,\r\n        total: 0,\r\n        orderField: \"CreateTime\",\r\n        orderType: \"descend\",\r\n      },\r\n    }\r\n  },\r\n  mounted() {\r\n    this.GetItemDetailList(this.handleGetList)\r\n  },\r\n  render(h) {\r\n    return (\r\n      <el-container class=\"flex-column\">\r\n        <div class=\"full-width flex-column bg-white mg-b pd-10\">\r\n          <b class=\"desc-content\">我的消息</b>\r\n        </div>\r\n        <div class=\"full-width bg-white mg-b pd-10 no-header-underline\">\r\n          {this.renderTabPanel()}\r\n          {this.renderMessages()}\r\n          {this.renderPagination()}\r\n\r\n        </div>\r\n      </el-container>\r\n    )\r\n  },\r\n  methods: {\r\n    /** 渲染订单类型Tab */\r\n    renderTabPanel() {\r\n      const { msgType, currentMsgType } = this\r\n      const onTabNavChange = (name, e) => {\r\n        e.preventDefault()\r\n        e.stopPropagation()\r\n        this.currentMsgType = name\r\n        this.pagination.currentPage = 1\r\n        this.handleGetList()\r\n      }\r\n      const renderTabLi = () => {\r\n        return msgType.map((l, index) => {\r\n          const itemKey = `${l.name}-${index}`\r\n          const className = `a-normal-tab ${l.name === currentMsgType ? 'active' : ''}`\r\n          return (\r\n            <li class=\"nav-row-item\" key={itemKey}>\r\n              <a onClick={e => onTabNavChange(l.name, e)} class={className}>{l.label}</a>\r\n            </li>\r\n          )\r\n        })\r\n      }\r\n      return (\r\n        <el-row\r\n          type=\"flex\"\r\n          justify=\"space-between\"\r\n          align=\"middle\"\r\n          style=\"padding: 10px 0\"\r\n        >\r\n          <ul class=\"tab-nav\" id=\"tab-nav\">\r\n            {renderTabLi()}\r\n          </ul>\r\n        </el-row>\r\n      )\r\n    },\r\n    /** 渲染订单列表 */\r\n    renderMessages() {\r\n      const { messages, msgType } = this\r\n      const renderHandle = () => {\r\n        if (!Array.isArray(messages) || !messages.length) {\r\n          return <el-empty description=\"没有消息哦!\" />\r\n        }\r\n        return messages.map(msg => {\r\n          return this.renderMessage(msg)\r\n        })\r\n      }\r\n      return (\r\n        <div class=\"order-content\">{renderHandle()}</div>\r\n      )\r\n    },\r\n    /** 渲染单个消息 */\r\n    renderMessage(msg) {\r\n      const type = this.msgType.find(m => m.name === msg.MsgType.toString()) || { label: msg.msgType }\r\n      const elementId = 'msg-item-'+msg.ID\r\n      return (\r\n        <div class=\"msg-item\">\r\n          <div class=\"msg-title\">\r\n            <span class=\"text-dark\">{msg.CreateTime}</span>\r\n            <span class=\"vidiver-row\" />\r\n            <span class=\"text-dark brackets\">{type.label}</span>\r\n            <span class=\"vidiver-row\" />\r\n            <div id={elementId} style=\"position: relative;\">\r\n            <el-popover\r\n              placement=\"bottom\"\r\n              popper-class=\"msg-content\"\r\n              width=\"300\"\r\n              trigger=\"click\"\r\n              append-to-body={false}\r\n              content={msg.MsgContent}\r\n            >\r\n              <a slot=\"reference\" class=\"under-line\">{msg.Title}</a>\r\n            </el-popover>\r\n            </div>\r\n          </div>\r\n          <div class=\"msg-del-btn\" title=\"删除消息\" onClick={()=>this.onDeleteMsgBtnClick(msg)}><i class=\"el-icon-delete\" /></div>\r\n        </div>\r\n      )\r\n    },\r\n    /** 删除消息事件 */\r\n    onDeleteMsgBtnClick(msg){\r\n      const postData = {\r\n        Name:'Message',\r\n        ID:msg.ID\r\n      }\r\n      Del(postData).then(res=>{\r\n        if(!res.success){\r\n          return this.$message.error('消息删除失败：'+res.msg)\r\n        }\r\n\r\n        this.$message.success('消息删除成功!')\r\n        this.handleGetList()\r\n      })\r\n    },\r\n    // --获取字典\r\n    GetItemDetailList(callback) {\r\n      GetItemDetailList({ ItemCode: 'MsgType' }).then(res => {\r\n        console.log(res)\r\n        if (!res.success) {\r\n          return this.$message.error(\"订单状态数据获取失败：\" + res.msg)\r\n        }\r\n        this.msgType = [{ name: '0', label: '全部消息' }, ...res.data.map(x => ({\r\n          name: x.ItemValue,\r\n          label: x.ItemName\r\n        }))]\r\n        callback()\r\n      })\r\n    },\r\n    handleGetList() {\r\n      const param = []\r\n      if (this.currentMsgType > 0) {\r\n        param.push({\r\n          SqlField: 'MsgType',\r\n          pattern: 'Equal',\r\n          value: this.currentMsgType\r\n        })\r\n      }\r\n      const queryParam = {\r\n        Name: 'Message',\r\n        currentPage: this.pagination.currentPage,\r\n        pageSize: this.pagination.pageSize,\r\n        searchEntity: JSON.stringify(param)\r\n      }\r\n      GetList(queryParam).then((res) => {\r\n        if (!res.success) {\r\n          return this.$message.error('消息数据获取失败：' + res.msg)\r\n        }\r\n        this.messages = [...res.data.rows]\r\n        this.pagination.currentPage = res.data.currentPage;\r\n        this.pagination.pageSize = res.data.pageSize;\r\n        this.pagination.total = res.data.total;\r\n      })\r\n    },\r\n    /** 渲染分页器 */\r\n    renderPagination() {\r\n      const { pagination } = this\r\n      return <el-row type=\"flex\" justify=\"end\" align=\"middle\">\r\n        <el-pagination\r\n          on-size-change={this.onPaginationSizeChange}\r\n          on-current-change={this.onPaginationCurrentChange}\r\n          on-current-page={pagination.currentPage}\r\n          page-sizes={[20, 40, 60, 100, 500]}\r\n          page-size={pagination.pageSize}\r\n          layout=\"total, prev, pager, next\"\r\n          total={pagination.total}\r\n        >\r\n        </el-pagination>\r\n      </el-row>\r\n    },\r\n    /** 每页显示数量改变事件 */\r\n    onPaginationSizeChange(val) {\r\n      this.pagination.pageSize = val;\r\n      this.handleGetList();\r\n    },\r\n    /** 当前页改变事件 */\r\n    onPaginationCurrentChange(val) {\r\n      this.pagination.currentPage = val;\r\n      this.handleGetList();\r\n    },\r\n  }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.tab-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  .nav-row-item {\r\n    display: inline-block;\r\n    padding-right: 20px;\r\n    .a-normal-tab {\r\n      color: #333;\r\n      display: inline-block;\r\n      border-bottom: 2px solid #fff;\r\n      cursor: pointer;\r\n      transition: all 0.5s linear;\r\n\r\n      &:hover {\r\n        color: #083090;\r\n      }\r\n\r\n      &.active {\r\n        font-weight: 700;\r\n        color: #083090;\r\n        border-bottom: 2px solid #083090;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.msg-item {\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  margin-bottom: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  border-bottom: 0px dashed #f0f0f0;\r\n\r\n  .msg-title {\r\n    flex: 1;\r\n    padding: 5px 10px;\r\n    box-sizing: border-box;\r\n    line-height: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n\r\n    .vidiver-row {\r\n      display: inline-block;\r\n      width: 1px;\r\n      margin: 0 10px;\r\n      height: 100%;\r\n      min-height: 20px;\r\n      background: linear-gradient(#ffffff, #999, #ffffff);\r\n    }\r\n\r\n    a {\r\n      padding: 5px 0;\r\n    }\r\n  }\r\n\r\n  .msg-del-btn {\r\n    width: 24px;\r\n    height: 24px;\r\n    border-radius: 12px;\r\n    cursor: pointer;\r\n    line-height: 24px;\r\n    text-align: center;\r\n    color: #c10015;\r\n    font-size: 14px;\r\n    background-color: #f5f5f5;\r\n    transition: all 0.3s linear;\r\n\r\n    &:hover {\r\n      color: #fff;\r\n      background-color: #c10015;\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!./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&\"","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=a189758a&prod&lang=scss&scoped=true&\""],"sourceRoot":""}