{"version":3,"sources":["webpack:///./src/views/QrCode/index.vue","webpack:///src/views/QrCode/index.vue","webpack:///./src/views/QrCode/index.vue?f87e","webpack:///./src/views/QrCode/index.vue?3d89","webpack:///./src/assets/images/code.jpg","webpack:///./src/views/QrCode/index.vue?5845"],"names":["render","_vm","this","_c","_self","attrs","staticClass","on","onClickLeft","require","success","ref","_e","_v","_s","ewm","copy","staticRenderFns","data","code","qrCodeUrl","ermsg","str","computed","loginStatus","userInfo","created","methods","getAllCode","res","filterStr","res_","getCode","username","insertCode","creatQrCode","text","width","height","colorLight","colorDark","correctLevel","Toast","copyText","input","document","destroyed","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,cAAc,CAACF,EAAG,MAAM,CAACG,YAAY,UAAU,CAACH,EAAG,cAAc,CAACE,MAAM,CAAC,MAAQ,OAAO,YAAY,KAAK,aAAa,GAAG,aAAa,IAAIE,GAAG,CAAC,aAAaN,EAAIO,gBAAgB,GAAGL,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,IAAMI,EAAQ,QAAgC,IAAM,MAAOR,EAAIS,QAASP,EAAG,MAAM,CAACQ,IAAI,SAASL,YAAY,QAAQL,EAAIW,KAAKT,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACL,EAAIY,GAAG,IAAIZ,EAAIa,GAAGb,EAAIc,IAAId,EAAIc,IAAI,YAAY,OAAOZ,EAAG,MAAM,CAACG,YAAY,OAAOC,GAAG,CAAC,MAAQN,EAAIe,OAAO,CAACf,EAAIY,GAAG,cAAcV,EAAG,MAAM,CAACG,YAAY,SAAS,CAACL,EAAIY,GAAG,yBAE3nBI,EAAkB,G,yDCqCP,GACfC,OACA,OACAC,QACAJ,OACAK,eACAC,SACAX,WACAY,+CAGAC,aAEA,gBACAC,kCACAC,+BAIAC,UAMA,mCAEA,UACA,gBACA,2EAEA,WACA,2BACA,kBACA,eACA,oBACA,cACA,sBAMAC,SACAC,aACAA,0BACA,eAEAC,wBACA,mBACA,sBAQArB,cACA,qBAGAsB,YAEA,2DACA,KACA,qBAEA,uCACAC,QAEA,UAGAC,UACA,OACAC,iCAEAD,2BACA,iBAEA,gCAEA,CACA,OACAC,gCACAd,gBAGA,2CACAe,kCAkBAC,cACA,iBAUA,gCATA,2BACAC,gBACAC,UACAC,WACAC,qBACAC,oBACAC,mCAcAzB,OACA,+BACA,gBACA0B,yBAIAC,WACA,sCACAC,mBACAC,6BACAD,WACAC,6BACAA,+BAQA,gBAKA,kCAEAC,YAEA,oCCvM8V,I,wBCQ1VC,EAAY,eACd,EACA/C,EACAiB,GACA,EACA,KACA,WACA,MAIa,aAAA8B,E,8BCnBfC,EAAOC,QAAU,IAA0B,yB,2DCA3C","file":"js/chunk-1ef9adad.3ab598c4.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"container\"}},[_c('div',{staticClass:\"header\"},[_c('van-nav-bar',{attrs:{\"title\":\"推广赚钱\",\"left-text\":\"返回\",\"right-text\":\"\",\"left-arrow\":\"\"},on:{\"click-left\":_vm.onClickLeft}})],1),_c('div',{staticClass:\"content\"},[_c('img',{attrs:{\"src\":require(\"../../assets/images/code.jpg\"),\"alt\":\"\"}}),(_vm.success)?_c('div',{ref:\"qrCode\",staticClass:\"pic\"}):_vm._e(),_c('div',{staticClass:\"code\"},[_vm._v(\" \"+_vm._s(_vm.ewm?_vm.ewm:'生成中,返回查看')+\" \")]),_c('div',{staticClass:\"copy\",on:{\"click\":_vm.copy}},[_vm._v(\" 复制推广链接 \")]),_c('div',{staticClass:\"copy_\"},[_vm._v(\" 注：推荐使用微信扫码识别 \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div id='container'>\r\n     <div class=\"header\">\r\n        <van-nav-bar\r\n        title=\"推广赚钱\"\r\n        left-text=\"返回\"\r\n        right-text=\"\"\r\n        left-arrow\r\n        @click-left=\"onClickLeft\"\r\n        />\r\n    </div>\r\n    <div class=\"content\">\r\n        <img src=\"../../assets/images/code.jpg\" alt=\"\">\r\n        <div v-if=\"success\" class=\"pic\" ref=\"qrCode\">\r\n\r\n        </div>\r\n        <div class=\"code\">\r\n            {{ewm?ewm:'生成中,返回查看'}}\r\n            <!-- 已更新 -->\r\n        </div>\r\n        <div class=\"copy\" @click=\"copy\">\r\n            <!-- 截图/复制分享 -->\r\n            复制推广链接\r\n        </div>\r\n         <div class=\"copy_\">\r\n            <!-- 截图/复制分享 -->\r\n            注：推荐使用微信扫码识别\r\n        </div>\r\n    </div>\r\n   </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState } from \"vuex\"\r\nimport { insertCode,getCode,getAllCode } from \"../../model/user\"\r\nimport QRCode from \"qrcodejs2\"\r\nimport { Toast } from 'vant';\r\n\r\n\r\nexport default {\r\n    data() {\r\n            return {\r\n                code:\"\",\r\n                ewm:\"\",\r\n                qrCodeUrl:null,\r\n                ermsg:\"\",\r\n                success:false,\r\n                str :`<p style='font-size:14px'>生成中,返回查看</p>`\r\n            }\r\n        },\r\n     computed:{\r\n        // ...mapMutations([\"changeFlag\",\"changeFlag1\"]),\r\n           ...mapState({\r\n            loginStatus : state=>state.user.loginStatus,\r\n            userInfo : state=>state.user.userInfo\r\n        }),\r\n\r\n    },\r\n    created() {\r\n        // this.$store.state.user.code\r\n        // alert()\r\n        // alert(this.$store.state.user.code);\r\n        // alert(localStorage.getItem('code'));\r\n\r\n        let first = localStorage.getItem('code')\r\n        // alert(first)\r\n        if(first!=null){\r\n            this.success = true\r\n            this.ermsg = `51风流-楼凤小姐兼职包养信息平台http://dk51.xyz?/code=${first},更多信息尽在51tea.xyz!`\r\n        }\r\n        this.ewm = first\r\n        this.code = this.filterStr()\r\n        this.getAllCode()\r\n        this.getCode()\r\n        this.$nextTick(()=>{\r\n            if(this.ewm!=''){\r\n                this.creatQrCode()\r\n            }\r\n         })\r\n\r\n    },\r\n\r\n    methods: {\r\n        getAllCode(){\r\n            getAllCode().then((res)=>{\r\n                if(res.status == 200){\r\n                    console.log(res.data.data,777);\r\n                    res.data.data.forEach((item)=>{\r\n                        if(item.code == this.code){\r\n                            this.filterStr()\r\n                        }else{\r\n                            console.log(1);\r\n                        }\r\n                    })\r\n                }\r\n            })\r\n        },\r\n        onClickLeft(){\r\n                this.$router.go(-1)\r\n            },\r\n         //随机四位验证码\r\n         filterStr(){\r\n        //数字+字母\r\n            var str = 'QWERTYUIOPASDFGHJKLZXCVBNMabcdefghjklmnpqrstuvwxyz';\r\n            var res_ = '';\r\n            for (let i = 0; i < 4; i++) {\r\n                //随机产生字符串的下标\r\n                var n = parseInt(Math.random() * str.length)\r\n                res_ += str[n]\r\n            }\r\n                return res_\r\n            },\r\n        // 获取code\r\n        getCode(){\r\n              let data = {\r\n                username:this.userInfo.username,\r\n            }\r\n            getCode(data).then((res)=>{\r\n                if(res.status == 200){\r\n                    console.log(res);\r\n                if(res.data.data[0].code !=''){\r\n                        console.log(1);\r\n                    }else{\r\n                let data_ = {\r\n                    username:this.userInfo.username,\r\n                    code:this.code\r\n                }\r\n                // 新增\r\n                this.$store.commit('updataCode',this.code)\r\n                insertCode(data_).then((res)=>{\r\n                    console.log(res);\r\n                })\r\n         }\r\n                \r\n                }\r\n            })\r\n        },\r\n        //新增code\r\n        // insertCode(){\r\n        //     let data = {\r\n        //         username:this.userInfo.username,\r\n        //         code:this.code\r\n        //     }\r\n        //     insertCode(data).then((res)=>{\r\n        //         console.log(res,666);\r\n        //     })\r\n        // } \r\n    creatQrCode() {\r\n      if(this.qrCodeUrl){\r\n      new QRCode(this.$refs.qrCode, {\r\n        text: this.ermsg, //可以是链接，也可以是文本\r\n        width: 200, //二维码的宽度\r\n        height: 200, //二维码的高度\r\n        colorLight: \"#ffffff\", //二维码背景色\r\n        colorDark: \"#000000\", //二维码前景色，以实现红码为例\r\n        correctLevel: QRCode.CorrectLevel.H, //纠错等级\r\n      });\r\n      }else{\r\n        this.$refs.qrCode.innerHTML = \"\"//当从新调用时把之前生成的二维码清空\r\n         new QRCode(this.$refs.qrCode, {\r\n        text: this.ermsg, //可以是链接，也可以是文本\r\n        width: 200, //二维码的宽度\r\n        height: 200, //二维码的高度\r\n        colorLight: \"#ffffff\", //二维码背景色\r\n        colorDark: \"#000000\", //二维码前景色，\r\n        correctLevel: QRCode.CorrectLevel.H, //纠错等级\r\n        });\r\n      }\r\n    },\r\n    copy(){\r\n        if(this.ewm!=\"\" && this.ewm!=null){\r\n            this.copyText()\r\n            Toast.success('复制成功');\r\n\r\n        }\r\n    },\r\n    copyText() {\r\n    var input = document.createElement(\"input\");// 创建input\r\n    input.value = this.ermsg; // 赋值\r\n    document.body.appendChild(input); // 添加dom\r\n    input.select(); // 选中input\r\n    document.execCommand(\"Copy\"); // 复制到剪贴板\r\n    document.body.removeChild(input); // 清除input\r\n    }\r\n},\r\n\r\n\r\n\r\n\r\n\r\n  async mounted() {\r\n    // this.ces = true\r\n      // this.ces = true\r\n\r\n      // this.changeFlag();\r\n      this.$store.commit('changeFlag')\r\n  },\r\n  destroyed() {\r\n      // this.changeFlag1();\r\n      this.$store.commit('changeFlag1')\r\n  },\r\n\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n*{\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\nli {\r\n  list-style: none;\r\n}\r\n#container{\r\n    width: 100%;\r\n    height: 100%;\r\n    background-color: #f5f5f5;\r\n\r\n}\r\n#container .header{\r\n    width: 100%;\r\n    height: 60px;\r\n    /* color: #ec4899; */\r\n}\r\n#container .logo{\r\n    position: absolute;\r\n    top: 10px;\r\n    left: 34%;\r\n    z-index: 99;\r\n}\r\n#container .logo img{\r\n    height: 45px;\r\n}\r\n#container .content{\r\n    width: 100%;\r\n    height: calc(100% - 60px);\r\n    overflow-y: scroll;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    position: relative;\r\n}\r\n#container .content img{\r\n    width: 100%;\r\n}\r\n\r\n /deep/.van-nav-bar__text{\r\n   \r\n    color: #ec4899 !important;\r\n}\r\n /deep/.van-nav-bar__title{\r\n    color: #ec4899 !important;\r\n    font-size: 18px;\r\n}\r\n/deep/.van-nav-bar .van-icon{\r\n    color: #ec4899 !important;\r\n}\r\n/deep/.van-nav-bar__content{\r\n    height: 60px !important;\r\n}\r\n#container .content .code{\r\n    position: absolute;\r\n    top: 9.4rem;\r\n    right: .8rem;\r\n    width: 3.6rem;\r\n\r\n    height: 35px;\r\n    background-color: #044148;\r\n    /* background-color: #fff; */\r\n    color: #f5f5f5;\r\n    text-align: left;\r\n    line-height: 20px;\r\n    font-size: 18px;\r\n}\r\n#container .content ::v-deep .pic{\r\n    position: absolute;\r\n    top: 4.25rem;\r\n    right: 2.8rem;\r\n    width: 4.4rem;\r\n    height: 4.4rem;\r\n\r\n    background-color: #044148;\r\n}\r\n#container .content .pic ::v-deep  img{\r\n    width: 100%;\r\n    /* height: 100%; */\r\n}\r\n#container .content .copy{\r\n    position: absolute;\r\n    top: 10.95rem;\r\n    right: 3.7rem;\r\n    width: 2.5rem;\r\n\r\n    height: 23px;\r\n    /* background-color: #fff; */\r\n    /* background-color: #fff; */\r\n    color: #044148;\r\n    text-align: center;\r\n    line-height: 35px;\r\n    font-size: 14px;\r\n}\r\n\r\n#container .content .copy_{\r\n    position: absolute;\r\n    top: 11.95rem;\r\n    right: 3.1rem;\r\n    width: 3.9rem;\r\n\r\n    height: 23px;\r\n    /* background-color: #fff; */\r\n    /* background-color: #fff; */\r\n    color: #fff;\r\n    text-align: center;\r\n    line-height: 35px;\r\n    font-size: 12px;\r\n}\r\n/* #044148 */\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&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=00290df2&scoped=true&\"\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=00290df2&prod&scoped=true&lang=css&\"\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  \"00290df2\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/code.a9bbe091.jpg\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../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=00290df2&prod&scoped=true&lang=css&\""],"sourceRoot":""}