{"version":3,"sources":["webpack:///./src/views/platform/baseInfo/com/invite_friends/UserManagement.vue?f5ce","webpack:///./src/views/platform/baseInfo/com/invite_friends/UserManagement.vue","webpack:///src/views/platform/baseInfo/com/invite_friends/UserManagement.vue","webpack:///./src/views/platform/baseInfo/com/invite_friends/UserManagement.vue?8726"],"names":["staticRenderFns","name","components","TableView","props","acData","type","Object","default","data","currentPage","dataSource","dataSource1","objInfo","numberOfParticipants","numberOfInvitees","methods","getColumns","title","dataIndex","align","changePage","_ref","current","getInit","_this","id","getAction","concat","then","res","users","awards","renderData","map","e","value","number","goodsName","goodsUnit","mounted","render","_ref2","h","arguments","_e$value","showSizeChanger","defaultPageSize","hideOnSinglePage","showQuickJumper","_defineProperty","component"],"mappings":"2IAAA,W,+CCAI,EAAQA,E,oECIG,GACfC,KAAA,iBACAC,WAAA,CAAAC,kBACAC,MAAA,CACAC,OAAA,CACAC,KAAAC,OACAC,QAAA,eAGAC,KAAA,WACA,OACAC,YAAA,EACAC,WAAA,GACAC,YAAA,GACAC,QAAA,CACAC,qBAAA,EACAC,iBAAA,KAIAC,QAAA,CACAC,WAAA,WACA,OACA,CACAC,MAAA,KACAC,UAAA,OACAC,MAAA,UAEA,CACAF,MAAA,OACAC,UAAA,YACAC,MAAA,UAEA,CACAF,MAAA,SACAC,UAAA,MACAC,MAAA,YAIAC,WAAA,SAAAC,GAAA,IAAAC,EAAAD,EAAAC,QACA,KAAAb,YAAAa,GAEAC,QAAA,eAAAC,EAAA,KACAC,EAAA,KAAArB,OAAAqB,GACAC,eAAA,0BAAAC,OAAAF,IAAAG,MAAA,SAAAC,GACA,IAAArB,EAAAqB,EAAArB,KACA,GAAAA,EAAA,CACA,IAAAsB,EAAAtB,EAAAsB,MAAAC,EAAAvB,EAAAuB,OAAAjB,EAAAN,EAAAM,iBAAAD,EAAAL,EAAAK,qBACAW,EAAAZ,QAAA,CACAC,uBACAC,oBAEAU,EAAAd,WAAAoB,EACAN,EAAAb,YAAAoB,OAIAC,WAAA,WACA,YAAArB,YAAAsB,KAAA,SAAAC,GACA,OACAC,MAAAD,EAAAE,OACApC,KAAA,GAAA2B,OAAAO,EAAAG,WAAAV,OAAAO,EAAAI,UAAA,IAAAJ,EAAAI,UAAA,cAKAC,QAAA,WACA,IAAAd,EAAA,KAAArB,OAAAqB,GACAA,GACA,KAAAF,WAGAiB,OAAA,eAAAC,EAAAC,EAAAC,UAAA,GACA,OAAAD,EAAA,aACA,aAAAA,EAAA,aACA,YAAAA,EAAA,aACA,gBAAAA,EAAA,QACA,KAAA9B,QAAAC,uBAAA6B,EAAA,mBAAAA,EAAA,aAGA,gBAAAA,EAAA,QACA,KAAA9B,QAAAE,mBAAA4B,EAAA,sBAAAA,EAAA,aAIA,eACA,KAAAV,aAAAC,KAAA,SAAAC,GAAA,IAAAU,EACA,OAAAF,EAAA,aACA,mBAAAA,EAAA,QACA,QADAE,EACAV,EAAAC,aAAA,IAAAS,IAAA,IAAAF,EAAA,QACAR,EAAAlC,cAGA0C,EAAA,aAEA,eAAAA,EAAAxC,OAAA,4BAGA,KAAAc,aAAA,WACA,KAAAN,WAAA,eACA,cAAA+B,EAAA,CAEAI,iBAAA,EACAC,gBAAA,EACAC,kBAAA,EACAC,iBAAA,GAAAC,eAAAR,EAAA,oBACA,GAAAQ,eAAAR,EAAA,UACA,KAAAhC,aAAAgC,IAAA,WAEA,KAAArB,oBClHoZ,I,wBFQhZ8B,EAAY,eACd,EACA,EACAnD,GACA,EACA,KACA,WACA,MAIa,aAAAmD,E","file":"js/chunk-2355a630.58b23dbb.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserManagement.vue?vue&type=style&index=0&id=5b8ef7cd&prod&lang=less&scoped=true&\"","var render, staticRenderFns\nimport script from \"./UserManagement.vue?vue&type=script&lang=js&\"\nexport * from \"./UserManagement.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UserManagement.vue?vue&type=style&index=0&id=5b8ef7cd&prod&lang=less&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  \"5b8ef7cd\",\n  null\n  \n)\n\nexport default component.exports","<script>\r\nimport TableView from '@/components/TableVIew'\r\nimport { getAction } from '@/command/netTool'\r\n\r\nexport default {\r\n  name: 'userManagement',\r\n  components: { TableView },\r\n  props: {\r\n    acData: {\r\n      type: Object,\r\n      default: () => {}\r\n    }\r\n  },\r\n  data() {\r\n    return {\r\n      currentPage: 1,\r\n      dataSource: [],\r\n      dataSource1: [],\r\n      objInfo: {\r\n        numberOfParticipants: 0,\r\n        numberOfInvitees: 0\r\n      }\r\n    }\r\n  },\r\n  methods: {\r\n    getColumns() {\r\n      return [\r\n        {\r\n          title: '用户',\r\n          dataIndex: 'name',\r\n          align: 'center'\r\n        },\r\n        {\r\n          title: '联系方式',\r\n          dataIndex: 'telephone',\r\n          align: 'center'\r\n        },\r\n        {\r\n          title: '有效邀请数量',\r\n          dataIndex: 'num',\r\n          align: 'center'\r\n        }\r\n      ]\r\n    },\r\n    changePage({ current }) {\r\n      this.currentPage = current\r\n    },\r\n    getInit() {\r\n      const { id } = this.acData\r\n      getAction(`/activities/statistics/${id}`).then(res => {\r\n        const { data } = res\r\n        if (data) {\r\n          const { users, awards, numberOfInvitees, numberOfParticipants } = data\r\n          this.objInfo = {\r\n            numberOfParticipants,\r\n            numberOfInvitees\r\n          }\r\n          this.dataSource = users\r\n          this.dataSource1 = awards\r\n        }\r\n      })\r\n    },\r\n    renderData() {\r\n      return this.dataSource1.map(e => {\r\n        return {\r\n          value: e.number,\r\n          name: `${e.goodsName}${e.goodsUnit ? '(' + e.goodsUnit + ')' : ''}`\r\n        }\r\n      })\r\n    }\r\n  },\r\n  mounted() {\r\n    const { id } = this.acData\r\n    if (id) {\r\n      this.getInit()\r\n    }\r\n  },\r\n  render() {\r\n    return (\r\n      <div class=\"user-box\">\r\n        <div class=\"top-box\">\r\n          <div class=\"top-box-div\">\r\n            <span>{this.objInfo.numberOfParticipants}</span>\r\n            <span>参与人数</span>\r\n          </div>\r\n          <div class=\"top-box-div\">\r\n            <span>{this.objInfo.numberOfInvitees}</span>\r\n            <span>邀请总人数</span>\r\n          </div>\r\n        </div>\r\n        <div class=\"middle-box\">\r\n          {this.renderData().map(e => {\r\n            return (\r\n              <div class=\"middle-box-div\">\r\n                <span>{e.value ?? 0}</span>\r\n                <span>{e.name}</span>\r\n              </div>\r\n            )\r\n          })}\r\n        </div>\r\n        <div class=\"bottom-box\">\r\n          <TableView\r\n            bordered\r\n            columns={this.getColumns()}\r\n            dataSource={this.dataSource}\r\n            showRowSelect={false}\r\n            pagination={{\r\n              showSizeChanger: false,\r\n              defaultPageSize: 7,\r\n              hideOnSinglePage: true,\r\n              showQuickJumper: false,\r\n              hideOnSinglePage: true,\r\n              current: this.currentPage\r\n            }}\r\n            onChange={this.changePage}\r\n          />\r\n        </div>\r\n      </div>\r\n    )\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.user-box {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  .top-box {\r\n    width: 100%;\r\n    height: 100px;\r\n    border: 1px solid rgba(232, 234, 236, 1);\r\n    border-radius: 4px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n\r\n    &-div {\r\n      flex: 1;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n\r\n      &:nth-last-of-type(1) {\r\n        &::after {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      &::after {\r\n        content: '';\r\n        width: 1px;\r\n        height: 52px;\r\n        background-color: rgba(232, 234, 236, 1);\r\n        position: absolute;\r\n        right: 0;\r\n      }\r\n\r\n      span {\r\n        font-family: 'PingFang SC ', 'PingFang SC', sans-serif;\r\n        font-weight: 500;\r\n        font-style: normal;\r\n        color: #515a6e;\r\n        &:nth-of-type(1) {\r\n          font-size: 20px;\r\n        }\r\n        &:nth-of-type(2) {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .middle-box {\r\n    width: 100%;\r\n    min-height: 100px;\r\n    border: 1px solid rgba(232, 234, 236, 1);\r\n    border-radius: 4px;\r\n    margin: 15px auto 15px;\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n\r\n    &-div {\r\n      width: 25%;\r\n      height: 100px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      padding: 0 10px;\r\n      box-sizing: border-box;\r\n\r\n      span {\r\n        text-align: center;\r\n        width: 100%;\r\n        overflow: hidden; //超出的文本隐藏\r\n        text-overflow: ellipsis; //溢出用省略号显示\r\n        white-space: nowrap; //溢出不换行\r\n      }\r\n\r\n      &:nth-last-of-type(1),\r\n      &:nth-child(4n) {\r\n        &::after {\r\n          display: none;\r\n        }\r\n      }\r\n\r\n      &::after {\r\n        content: '';\r\n        width: 1px;\r\n        height: 52px;\r\n        background-color: rgba(232, 234, 236, 1);\r\n        position: absolute;\r\n        right: 0;\r\n      }\r\n\r\n      span {\r\n        font-family: 'PingFang SC ', 'PingFang SC', sans-serif;\r\n        font-weight: 500;\r\n        font-style: normal;\r\n        color: #515a6e;\r\n        &:nth-of-type(1) {\r\n          font-size: 20px;\r\n        }\r\n        &:nth-of-type(2) {\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .bottom-box {\r\n    /deep/ .ant-table-pagination {\r\n      width: 100%;\r\n      text-align: center;\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!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserManagement.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!./UserManagement.vue?vue&type=script&lang=js&\""],"sourceRoot":""}