{"version":3,"sources":["webpack:///./src/views/pages/user/my-card.vue?2741","webpack:///src/views/pages/user/my-card.vue","webpack:///./src/views/pages/user/my-card.vue?2eff","webpack:///./src/views/pages/user/my-card.vue","webpack:///./src/views/pages/user/my-card.vue?e6a3","webpack:///./src/views/pages/user/my-card.vue?787d"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","staticStyle","list","length","actList","attrs","_l","item","index","key","_v","_s","title","validTime","address","code","swiperOption","slot","id","activity","ticketName","number","activityReg","fullName","phoneNumber","validStartAt","validEndAt","_e","staticRenderFns","name","data","pagination","el","computed","created","getPapers","getActPapers","mounted","methods","JsBarcode","$","width","height","text","colorDark","colorLight","correctLevel","creatQrCode","qrcode","url","destroyed","component"],"mappings":"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","file":"static/js/chunk-1babbcb7.031d1915.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"m-card my-card\"},[_vm._m(0),_c('div',{staticStyle:{\"padding\":\"50px\"}},[((_vm.list && _vm.list.length) || (_vm.actList && _vm.actList.length))?_c('Row',{attrs:{\"gutter\":46}},[_vm._l((_vm.list),function(item,index){return _c('Col',{key:index,attrs:{\"span\":\"12\"}},[_c('div',{staticClass:\"card-box border_boxshow\"},[_c('div',{staticClass:\"cb-title\"},[_c('span',{staticClass:\"cb-title-left\"},[_vm._v(_vm._s(item.title))]),_c('span',{staticClass:\"cb-title-btn\"},[_vm._v(\"发送至手机\")])]),_c('div',{staticClass:\"cb-info\"},[_c('p',[_vm._v(\"有效时间：\"+_vm._s(item.validTime))]),_c('p',[_vm._v(\"活动地址：\"+_vm._s(item.address))])]),_c('div',{staticClass:\"cb-code\"},[_c('p',[_vm._v(\"电子编号：\"+_vm._s(item.code))]),_c('div',{staticClass:\"cb-code-display\"})]),_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('swiper',{staticClass:\"swiper\",attrs:{\"options\":_vm.swiperOption}},[_c('swiper-slide',{staticClass:\"swiper_item\"},[_c('div',{staticClass:\"swiper-box\"},[_c('canvas',{staticClass:\"barcode\",attrs:{\"id\":'tiao_code' + index}})])]),_c('swiper-slide',{staticClass:\"swiper_item\"},[_c('div',{staticClass:\"swiper-box swiper-box2\"},[_c('div',{staticClass:\"barcode_img\",staticStyle:{\"text-align\":\"center\"},attrs:{\"id\":'my_qrcode' + index}})])]),_c('div',{staticClass:\"swiper-pagination\",attrs:{\"slot\":\"pagination\"},slot:\"pagination\"})],1)],1)])])}),_vm._l((_vm.actList),function(item){return _c('Col',{key:item.id,attrs:{\"span\":\"12\"}},[_c('div',{staticClass:\"card-box act_card_wrap\"},[_c('div',{staticClass:\"act_card\"},[_c('div',{staticClass:\"cb-title\"},[_vm._v(\" \"+_vm._s(item.activity.title)+\" \"),_c('span',{staticClass:\"cb-title-btn\"},[_vm._v(\"发送至手机\")])]),_c('div',{staticClass:\"act_info\"},[_c('p',{staticClass:\"flex-p\"},[_c('span',[_vm._v(\"票种：\"+_vm._s(item.ticketName))]),_c('span',[_vm._v(\"票数：\"+_vm._s(item.number))])]),_c('p',{staticClass:\"flex-p\"},[_c('span',[_vm._v(\"联系人：\"+_vm._s(item.activityReg.fullName))]),_c('span',[_vm._v(\"手机：\"+_vm._s(item.activityReg.phoneNumber))])]),(item.validStartAt && item.validEndAt)?_c('p',[_vm._v(\"有效时间：\"+_vm._s(item.validTime))]):_vm._e(),(item.activity.address)?_c('p',[_vm._v(\"活动地址：\"+_vm._s(item.activity.address))]):_vm._e()])])])])})],2):_c('div',{staticClass:\"u-empty\"},[_vm._v(\"暂无数据\")])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mc-top\"},[_c('div',{staticClass:\"mc-top-title\"},[_c('span',{staticClass:\"mc-top-txt\"},[_vm._v(\"我的证件\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"content\">\r\n    <div class=\"m-card my-card\">\r\n      <div class=\"mc-top\">\r\n        <div class=\"mc-top-title\">\r\n          <span class=\"mc-top-txt\">我的证件</span>\r\n        </div>\r\n      </div>\r\n      <div style=\"padding: 50px\">\r\n        <Row\r\n          :gutter=\"46\"\r\n          v-if=\"(list && list.length) || (actList && actList.length)\"\r\n        >\r\n          <Col\r\n            :key=\"index\"\r\n            span=\"12\"\r\n            v-for=\"(item, index) in list\"\r\n          >\r\n            <div class=\"card-box border_boxshow\">\r\n              <div class=\"cb-title\">\r\n                <span class=\"cb-title-left\">{{ item.title }}</span>\r\n                <span class=\"cb-title-btn\">发送至手机</span>\r\n              </div>\r\n              <div class=\"cb-info\">\r\n                <p>有效时间：{{ item.validTime }}</p>\r\n                <p>活动地址：{{ item.address }}</p>\r\n              </div>\r\n              <div class=\"cb-code\">\r\n                <p>电子编号：{{ item.code }}</p>\r\n                <div class=\"cb-code-display\"></div>\r\n              </div>\r\n              <div style=\"width: 100%\">\r\n                <swiper\r\n                  :options=\"swiperOption\"\r\n                  class=\"swiper\"\r\n                >\r\n                  <swiper-slide class=\"swiper_item\">\r\n                    <div class=\"swiper-box\">\r\n                      <canvas\r\n                        :id=\"'tiao_code' + index\"\r\n                        class=\"barcode\"\r\n                      ></canvas>\r\n                    </div>\r\n                  </swiper-slide>\r\n                  <swiper-slide class=\"swiper_item\">\r\n                    <div class=\"swiper-box swiper-box2\">\r\n                      <div\r\n                        :id=\"'my_qrcode' + index\"\r\n                        class=\"barcode_img\"\r\n                        style=\"text-align: center\"\r\n                      ></div>\r\n                    </div>\r\n                  </swiper-slide>\r\n                  <div\r\n                    class=\"swiper-pagination\"\r\n                    slot=\"pagination\"\r\n                  ></div>\r\n                </swiper>\r\n              </div>\r\n            </div>\r\n          </Col>\r\n          <Col\r\n            :key=\"item.id\"\r\n            span=\"12\"\r\n            v-for=\"item in actList\"\r\n          >\r\n            <div class=\"card-box act_card_wrap\">\r\n              <div class=\"act_card\">\r\n                <div class=\"cb-title\">\r\n                  {{ item.activity.title }}\r\n                  <span class=\"cb-title-btn\">发送至手机</span>\r\n                </div>\r\n                <div class=\"act_info\">\r\n                  <p class=\"flex-p\">\r\n                    <span>票种：{{ item.ticketName }}</span>\r\n                    <span>票数：{{ item.number }}</span>\r\n                  </p>\r\n                  <p class=\"flex-p\">\r\n                    <span>联系人：{{ item.activityReg.fullName }}</span>\r\n                    <span>手机：{{ item.activityReg.phoneNumber }}</span>\r\n                  </p>\r\n                  <p v-if=\"item.validStartAt && item.validEndAt\">有效时间：{{ item.validTime }}</p>\r\n                  <p v-if=\"item.activity.address\">活动地址：{{ item.activity.address }}</p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </Col>\r\n        </Row>\r\n        <div\r\n          class=\"u-empty\"\r\n          v-else\r\n        >暂无数据</div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport QRCode from \"qrcodejs2\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport moment from \"moment\";\r\nexport default {\r\n  name: \"layout\",\r\n  data () {\r\n    return {\r\n      list: [],\r\n      actList: [],\r\n      swiperOption: {\r\n        pagination: {\r\n          el: \".swiper-pagination\",\r\n        },\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.getPapers();\r\n    this.getActPapers();\r\n  },\r\n  mounted () { },\r\n  methods: {\r\n    ...mapActions({\r\n      graphqlPost: \"graphqlPostByZXS\",\r\n    }),\r\n    async getPapers () {\r\n      let query = `\r\n        query{\r\n          memberCertificateQuery{\r\n            byUserId(exhibitionId:\"${this.exhibitionId}\",userId:\"${this.user.userId}\"){\r\n                address\r\n                city\r\n                code\r\n                country\r\n                county\r\n                createAt\r\n                exhibitionId\r\n                id\r\n                title\r\n                validStartAt\r\n                validEndAt\r\n                metadata\r\n              }\r\n            }\r\n        }\r\n      `;\r\n      let opt = {\r\n        query: query,\r\n        variables: {},\r\n      };\r\n      let data = await this.graphqlPost(opt);\r\n      let res = JSON.parse(\r\n        JSON.stringify(data.data.memberCertificateQuery.byUserId)\r\n      );\r\n      res.forEach((e) => {\r\n        e.validTime =\r\n          moment(e.validStartAt).format(\"YYYY/MM/DD\") +\r\n          \"~\" +\r\n          moment(e.validEndAt).format(\"MM/DD\");\r\n      });\r\n      this.list = res;\r\n      this.$nextTick(() => {\r\n        this.list.forEach((el, index) => {\r\n          this.JsBarcode(el.code, index);\r\n        });\r\n      });\r\n      console.log(\"我的证件\", this.list);\r\n    },\r\n    async getActPapers () {\r\n      let query = `\r\n        query($query:QueryInput!){\r\n          activityTicketQuery{\r\n            query(query:$query){\r\n               items{\r\n                activity{\r\n                  address\r\n                  title\r\n                }\r\n                activityReg{\r\n                  fullName\r\n                  phoneNumber\r\n                }\r\n                number\r\n                ticketName\r\n                validEndAt\r\n                validStartAt\r\n              }\r\n              }\r\n            }\r\n        }\r\n      `;\r\n      let where = {\r\n        Equal: {\r\n          n: \"exhibitionId\",\r\n          v: this.exhibitionId,\r\n        },\r\n        Equal2: {\r\n          n: \"memberId\",\r\n          v: this.user.id,\r\n        },\r\n      };\r\n      let opt = {\r\n        query: query,\r\n        variables: {\r\n          query: {\r\n            page: 1,\r\n            size: 50,\r\n            where: JSON.stringify(where),\r\n          },\r\n        },\r\n      };\r\n      let data = await this.graphqlPost(opt);\r\n      console.log(\"活动票\", data);\r\n      let res = JSON.parse(JSON.stringify(data.data.activityTicketQuery.query));\r\n      res.items.forEach((e) => {\r\n        e.validTime =\r\n          moment(e.validStartAt).format(\"YYYY/MM/DD\") +\r\n          \"~\" +\r\n          moment(e.validEndAt).format(\"MM/DD\");\r\n      });\r\n      this.actList = res.items;\r\n    },\r\n    JsBarcode (code, index) {\r\n      $(\"#tiao_code\" + index).JsBarcode(code, {}); //displayValue: false,是否在条形码下方显示文字\r\n      // 加载二维码 reqBody = null;\r\n      const qrCode = new QRCode(\"my_qrcode\" + index, {\r\n        width: 130, // 设置宽度\r\n        height: 130, // 设置高度\r\n        text: code,\r\n        colorDark: \"#000\",\r\n        colorLight: \"#fff\",\r\n        correctLevel: QRCode.CorrectLevel.H,\r\n      });\r\n    },\r\n    creatQrCode (ref) {\r\n      let url = \"1231231231\";\r\n      this.qrcode = new QRCode(this.$refs[ref], {\r\n        text: url, // 需要转换为二维码的内容\r\n        width: 130,\r\n        height: 130,\r\n        colorDark: \"#000\",\r\n        colorLight: \"#fff\",\r\n        correctLevel: QRCode.CorrectLevel.H,\r\n      });\r\n    },\r\n  },\r\n  destroyed () { },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@assets/scss/my-theme/mixin.scss\";\r\n.content {\r\n  .m-card {\r\n    border: solid 1px #ededed;\r\n    min-height: 600px;\r\n    .mc-top-title::before {\r\n      opacity: 0;\r\n      font-size: 16px;\r\n    }\r\n  }\r\n}\r\n.my-card {\r\n  .card-box {\r\n    &.border_boxshow,\r\n    .act_card {\r\n      background-color: #fff;\r\n      box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.2);\r\n      border: solid 1px rgba(24, 144, 255, 0.66);\r\n      @include border_color_hover(#1890ff);\r\n      border-radius: 5px;\r\n    }\r\n    .act_card {\r\n      width: 100%;\r\n      height: 220px;\r\n      .act_info {\r\n        padding: 16px 16px;\r\n        color: #666;\r\n        p {\r\n          line-height: 2;\r\n          &.flex-p {\r\n            span {\r\n              display: inline-block;\r\n              line-height: initial;\r\n              width: 50%;\r\n              font-size: 14px;\r\n              overflow: hidden;\r\n              text-overflow: ellipsis;\r\n              white-space: nowrap;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    &.act_card_wrap {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n    margin-bottom: 20px;\r\n    overflow: hidden;\r\n    width: 100%;\r\n    height: 450px;\r\n\r\n    .cb {\r\n      &-title {\r\n        height: 64px;\r\n        display: flex;\r\n        justify-content: space-between;\r\n        align-items: center;\r\n        margin: 0 12px;\r\n        border-bottom: solid 1px#d9d9d9;\r\n        &-btn {\r\n          padding: 6px 18px;\r\n          @include background_color(#1890ff);\r\n          color: #fff;\r\n          cursor: pointer;\r\n          border-radius: 3px;\r\n          display: inline-block;\r\n          width: 106px;\r\n        }\r\n        &-left {\r\n          width: calc(100% - 106px);\r\n          overflow: hidden;\r\n          white-space: nowrap;\r\n          text-overflow: ellipsis;\r\n        }\r\n      }\r\n      &-info {\r\n        height: 90px;\r\n        display: flex;\r\n        align-content: center;\r\n        font-size: 14px;\r\n        color: #666;\r\n        border-bottom: 1px dashed #fb8e9a;\r\n        flex-wrap: wrap;\r\n        p {\r\n          width: 100%;\r\n          line-height: 2;\r\n          padding: 0 16px;\r\n        }\r\n      }\r\n      &-code {\r\n        p {\r\n          font-size: 15px;\r\n          color: #333;\r\n          padding: 40px 0 26px;\r\n          text-align: center;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.swiper {\r\n  height: 170px;\r\n  .swiper_item {\r\n    // width: 100%!important;\r\n  }\r\n  &-box {\r\n    height: 156px;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n  .barcode {\r\n    margin: 0 auto;\r\n    border: solid 1px rgba(123, 123, 123, 0.4);\r\n  }\r\n  .barcode_img {\r\n    margin-left: -18px;\r\n    img {\r\n      border: solid 1px rgba(123, 123, 123, 0.4);\r\n    }\r\n  }\r\n  ::v-deep {\r\n    // .swiper-slide {\r\n    //   width: 100% !important;\r\n    // }\r\n    .swiper-pagination {\r\n      bottom: -2px !important;\r\n    }\r\n    .swiper-pagination-bullet-active {\r\n      @include background_color(#1890ff);\r\n    }\r\n  }\r\n}\r\n</style> \r\n\r\n\r\n\r\n<style lang=\"scss\">\r\n.swiper-box2 {\r\n  width: 451px;\r\n  img {\r\n    margin: 0 auto;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-card.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-card.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./my-card.vue?vue&type=template&id=41d78ddb&scoped=true&\"\nimport script from \"./my-card.vue?vue&type=script&lang=js&\"\nexport * from \"./my-card.vue?vue&type=script&lang=js&\"\nimport style0 from \"./my-card.vue?vue&type=style&index=0&id=41d78ddb&lang=scss&scoped=true&\"\nimport style1 from \"./my-card.vue?vue&type=style&index=1&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  \"41d78ddb\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-card.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-card.vue?vue&type=style&index=1&lang=scss&\"","import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-card.vue?vue&type=style&index=0&id=41d78ddb&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./my-card.vue?vue&type=style&index=0&id=41d78ddb&lang=scss&scoped=true&\""],"sourceRoot":""}