{"version":3,"sources":["webpack:///./src/views/freeTrial/index.vue?c874","webpack:///./src/api/addapply/addapply.js","webpack:///./src/views/freeTrial/index.vue","webpack:///src/views/freeTrial/index.vue","webpack:///./src/views/freeTrial/index.vue?d49b","webpack:///./src/views/freeTrial/index.vue?663b","webpack:///./src/assets/freeTrial/banner.png","webpack:///./src/views/freeTrial/components/verificationCode.vue","webpack:///src/views/freeTrial/components/verificationCode.vue","webpack:///./src/views/freeTrial/components/verificationCode.vue?213b","webpack:///./src/views/freeTrial/components/verificationCode.vue?7a94"],"names":["addapply","data","request","method","url","render","_vm","this","_c","_self","staticClass","style","height","screenheight","staticStyle","ref","attrs","rules","form","_v","model","value","contacts","callback","$$v","$set","expression","tel","enterpriseName","type","job","yourRequirements","verificationCode","on","refreshCode","identifyCode","onSubmit","staticRenderFns","components","VerificationCode","name","identifyCodes","bgUrl","source","required","message","trigger","validator","mounted","methods","console","randomNum","max","makeCode","component","module","exports","canvasId","contentWidth","contentHeight","props","fontSizeMin","fontSizeMax","backgroundColorMin","backgroundColorMax","colorMin","colorMax","lineColorMin","lineColorMax","dotColorMin","dotColorMax","randomColor","drawPic","ctx","drawText","drawLine","drawDot","watch"],"mappings":"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,YAAY,CAACyB,GAAG,CAAC,MAAQ3B,EAAI8B,WAAW,CAAC9B,EAAIa,GAAG,WAAW,IAAI,IAAI,cAEzuFkB,EAAkB,G,mEC4CP,GACfC,YAAAC,yBACAC,iBACAvC,gBAAA,WACA,kBACA,MACA,+BAEA,mJACA,UAGAsB,IAFAA,2BAKA,kBACA,MACA,+BAEA,8CACAA,sBAEAA,KAGA,OACAY,gBACAM,eACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,IACA,KAEAC,gBACAxB,MACAI,YACAK,OACAC,kBACAE,OACAa,eACAd,SACAE,oBACAC,qBAEAf,OACAW,iBAAAgB,YAAAC,kBAAAC,4BACAxB,WAAAsB,YAAAC,iBAAAC,4BACAnB,MAAAoB,YAAAD,4BACAd,mBAAAe,YAAAD,6BAEAjC,uBAIAmC,mBACA,oBAEAC,SACAb,oBAAA,WACA,yCACA,MAiBA,OADAc,+BACA,EAhBAlD,yCAAA,aACA,QACA,YACA6C,8BACAhB,iBAEA,iBAEA,YACAgB,cACAhB,wBAUAsB,wBAEA,OADAC,KACA,mCAGAlB,uBACA,qBACA,qCAGAmB,uBACA,oBACA,wFCrM8V,I,wBCQ1VC,EAAY,eACd,EACAjD,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAAiB,E,gCCnBfC,EAAOC,QAAU,IAA0B,2B,oCCA3C,IAAInD,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,SAAS,CAACQ,MAAM,CAAC,GAAKV,EAAImD,SAAS,MAAQnD,EAAIoD,aAAa,OAASpD,EAAIqD,oBAE9KtB,EAAkB,GCItB,G,oBAAA,CACAG,iBACAoB,OACAzB,cACAN,YACA,gBAEA4B,UACA5B,YACA,oBAEAgC,aACAhC,YACA,YAEAiC,aACAjC,YACA,YAEAkC,oBACAlC,YACA,aAEAmC,oBACAnC,YACA,aAEAoC,UACApC,YACA,YAEAqC,UACArC,YACA,aAEAsC,cACAtC,YACA,YAEAuC,cACAvC,YACA,aAEAwC,aACAxC,YACA,WAEAyC,aACAzC,YACA,aAEA6B,cACA7B,YACA,aAEA8B,eACA9B,YACA,aAGAoB,SAEAE,wBACA,0CAGAoB,0BACA,0BACA,sBACA,sBACA,gCAEAC,mBACA,6CACA,qBACAC,wBAEAA,8EACAA,qDAEA,2CACA,yCAMAC,yBACAD,0DACAA,qEACA,6DACA,wDACA,yBAEAA,iBACAA,wBACAA,kBAEAA,yBACAA,oBAEAE,qBAEA,oBACAF,oEACAA,cACAA,mFACAA,mFACAA,YAGAG,oBAEA,sBACAH,oCACAA,cACAA,8FACAA,WAIAI,OACA1C,wBACA,iBAGAa,mBACA,kBCrIwX,I,YCOpXM,EAAY,eACd,EACAjD,EACAgC,GACA,EACA,KACA,WACA,MAIa,OAAAiB,E","file":"js/chunk-3eebed03.d46e1270.js","sourcesContent":["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!./index.vue?vue&type=style&index=0&id=6959161a&prod&lang=scss&scoped=true&\"","import request from \"@/utils/request.js\";\n//获取学习资料列表\nexport const addapply = (data) => {\n\treturn request({\n\t\tmethod: \"post\",\n\t\turl: \"api/MeetingSignature/addapply\",\n\t\tdata\n\t});\n};\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',[_c('div',{staticClass:\"backdrop\"},[_c('div',{staticClass:\"container\",style:({ height: _vm.screenheight })},[_c('div',{staticClass:\"flex-row justify-between align-center\",staticStyle:{\"height\":\"558px\"}},[_c('div',{staticClass:\"form\"},[_c('el-form',{ref:\"form\",attrs:{\"rules\":_vm.rules,\"model\":_vm.form,\"label-width\":\"0px\",\"size\":\"mini\"}},[_c('el-form-item',[_c('div',{staticClass:\"form-title-one\"},[_vm._v(\"提交申请，即刻获取专家1对1服务\")]),_c('div',{staticClass:\"form-title-two\"},[_vm._v(\"独家定制企业营销合规全链解决方案\")])]),_c('div',{staticClass:\"flex-row form1\"},[_c('el-form-item',{attrs:{\"prop\":\"contacts\"}},[_c('el-input',{attrs:{\"placeholder\":\"联系人\"},model:{value:(_vm.form.contacts),callback:function ($$v) {_vm.$set(_vm.form, \"contacts\", $$v)},expression:\"form.contacts\"}})],1),_c('el-form-item',{attrs:{\"prop\":\"tel\"}},[_c('el-input',{attrs:{\"placeholder\":\"手机号\"},model:{value:(_vm.form.tel),callback:function ($$v) {_vm.$set(_vm.form, \"tel\", $$v)},expression:\"form.tel\"}})],1)],1),_c('el-form-item',{attrs:{\"prop\":\"enterpriseName\"}},[_c('el-input',{attrs:{\"placeholder\":\"企业名称\"},model:{value:(_vm.form.enterpriseName),callback:function ($$v) {_vm.$set(_vm.form, \"enterpriseName\", $$v)},expression:\"form.enterpriseName\"}})],1),_c('el-form-item',{attrs:{\"label-width\":\"150\",\"label\":\"企业类型\"}},[_c('el-radio',{attrs:{\"label\":\"1\"},model:{value:(_vm.form.type),callback:function ($$v) {_vm.$set(_vm.form, \"type\", $$v)},expression:\"form.type\"}},[_vm._v(\"服务商\")]),_c('el-radio',{attrs:{\"label\":\"2\"},model:{value:(_vm.form.type),callback:function ($$v) {_vm.$set(_vm.form, \"type\", $$v)},expression:\"form.type\"}},[_vm._v(\"药企\")])],1),_c('el-form-item',{attrs:{\"prop\":\"phone\"}},[_c('el-input',{attrs:{\"placeholder\":\"您所在公司职务\",\"maxlength\":\"11\"},model:{value:(_vm.form.job),callback:function ($$v) {_vm.$set(_vm.form, \"job\", $$v)},expression:\"form.job\"}})],1),_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":\"您的需求\",\"type\":\"textarea\",\"rows\":4,\"resize\":\"none\"},model:{value:(_vm.form.yourRequirements),callback:function ($$v) {_vm.$set(_vm.form, \"yourRequirements\", $$v)},expression:\"form.yourRequirements\"}})],1),_c('div',{staticClass:\"flex-row form1\"},[_c('el-form-item',{attrs:{\"prop\":\"verificationCode\"}},[_c('el-input',{attrs:{\"placeholder\":\"验证码\"},model:{value:(_vm.form.verificationCode),callback:function ($$v) {_vm.$set(_vm.form, \"verificationCode\", $$v)},expression:\"form.verificationCode\"}})],1),_c('el-form-item',[_c('div',{staticClass:\"verificationCode flex-row flex-center\",on:{\"click\":_vm.refreshCode}},[_c('verification-code',{attrs:{\"identifyCode\":_vm.identifyCode}})],1)])],1),_c('el-form-item',[_c('p',[_vm._v(\"*我们将于1个工作日内与您取得联系\")])]),_c('el-form-item',[_c('el-button',{on:{\"click\":_vm.onSubmit}},[_vm._v(\"免费体验\")])],1)],1)],1)])])])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div>\n\t\t<div>\n\t\t\t<div class=\"backdrop\">\n\t\t\t\t<!-- <img :style=\"{ height: screenheight }\" style=\"width: 100%;\" class=\"bannerImg\" :src=\"bgUrl\" /> -->\n\t\t\t\t<div class=\"container\" :style=\"{ height: screenheight }\">\n\t\t\t\t\t<div class=\"flex-row justify-between align-center\" style=\"height: 558px\">\n\t\t\t\t\t\t<div class=\"form\">\n\t\t\t\t\t\t\t<el-form ref=\"form\" :rules=\"rules\" :model=\"form\" label-width=\"0px\" size=\"mini\">\n\t\t\t\t\t\t\t\t<el-form-item>\n\t\t\t\t\t\t\t\t\t<div class=\"form-title-one\">提交申请，即刻获取专家1对1服务</div>\n\t\t\t\t\t\t\t\t\t<div class=\"form-title-two\">独家定制企业营销合规全链解决方案</div>\n\t\t\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t\t\t<div class=\"flex-row form1\">\n\t\t\t\t\t\t\t\t\t<el-form-item prop=\"contacts\"><el-input placeholder=\"联系人\" v-model=\"form.contacts\"></el-input></el-form-item>\n\t\t\t\t\t\t\t\t\t<el-form-item prop=\"tel\"><el-input placeholder=\"手机号\" v-model=\"form.tel\"></el-input></el-form-item>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<el-form-item prop=\"enterpriseName\"><el-input placeholder=\"企业名称\" v-model=\"form.enterpriseName\"></el-input></el-form-item>\n\t\t\t\t\t\t\t\t<el-form-item label-width=\"150\" label=\"企业类型\">\n\t\t\t\t\t\t\t\t\t<el-radio v-model=\"form.type\" label=\"1\">服务商</el-radio>\n\t\t\t\t\t\t\t\t\t<el-radio v-model=\"form.type\" label=\"2\">药企</el-radio>\n\t\t\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t\t\t<el-form-item prop=\"phone\"><el-input placeholder=\"您所在公司职务\" v-model=\"form.job\" maxlength=\"11\"></el-input></el-form-item>\n\t\t\t\t\t\t\t\t<el-form-item><el-input placeholder=\"您的需求\" type=\"textarea\" v-model=\"form.yourRequirements\" :rows=\"4\" resize=\"none\"></el-input></el-form-item>\n\t\t\t\t\t\t\t\t<div class=\"flex-row form1\">\n\t\t\t\t\t\t\t\t\t<el-form-item prop=\"verificationCode\"><el-input placeholder=\"验证码\" v-model=\"form.verificationCode\"></el-input></el-form-item>\n\t\t\t\t\t\t\t\t\t<el-form-item>\n\t\t\t\t\t\t\t\t\t\t<div @click=\"refreshCode\" class=\" verificationCode flex-row flex-center\">\n\t\t\t\t\t\t\t\t\t\t\t<verification-code :identifyCode=\"identifyCode\"></verification-code>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</el-form-item>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<el-form-item><p>*我们将于1个工作日内与您取得联系</p></el-form-item>\n\t\t\t\t\t\t\t\t<el-form-item><el-button @click=\"onSubmit\">免费体验</el-button></el-form-item>\n\t\t\t\t\t\t\t</el-form>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport VerificationCode from './components/verificationCode.vue';\nimport { addapply } from '@/api/addapply/addapply.js';\nexport default {\n\tcomponents: { VerificationCode },\n\tname: 'freeTrial',\n\tdata() {\n\t\tvar checkTel = (rule, value, callback) => {\n\t\t\tif (!value) {\n\t\t\t\treturn callback(new Error('手机号不能为空'));\n\t\t\t}\n\t\t\tvar num_reg = /^13[0-9]{1}[0-9]{8}$|15[0-9]{1}[0-9]{8}$|16[0-9]{1}[0-9]{8}$|18[0-9]{1}[0-9]{8}|17[0-9]{1}[0-9]{8}$|19[0-9]{1}[0-9]{8}$|14[0-9]{1}[0-9]{8}/;\n\t\t\tif (!num_reg.test(value)) {\n\t\t\t\tcallback(new Error('请输入正确的手机号'));\n\t\t\t} else {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t};\n\t\tvar checkVerificationCode = (rule, value, callback) => {\n\t\t\tif (!value) {\n\t\t\t\treturn callback(new Error('验证码不能为空'));\n\t\t\t}\n\t\t\tif (this.identifyCode.toLowerCase() != value.toLowerCase()) {\n\t\t\t\tcallback(new Error('验证码错误'));\n\t\t\t} else {\n\t\t\t\tcallback();\n\t\t\t}\n\t\t};\n\t\treturn {\n\t\t\tidentifyCode: '',\n\t\t\tidentifyCodes: [\n\t\t\t\t'0',\n\t\t\t\t'1',\n\t\t\t\t'2',\n\t\t\t\t'3',\n\t\t\t\t'4',\n\t\t\t\t'5',\n\t\t\t\t'6',\n\t\t\t\t'7',\n\t\t\t\t'8',\n\t\t\t\t'9',\n\t\t\t\t'A',\n\t\t\t\t'a',\n\t\t\t\t'B',\n\t\t\t\t'b',\n\t\t\t\t'C',\n\t\t\t\t'c',\n\t\t\t\t'D',\n\t\t\t\t'd',\n\t\t\t\t'E',\n\t\t\t\t'e',\n\t\t\t\t'F',\n\t\t\t\t'f',\n\t\t\t\t'G',\n\t\t\t\t'g',\n\t\t\t\t'H',\n\t\t\t\t'h',\n\t\t\t\t'I',\n\t\t\t\t'i',\n\t\t\t\t'J',\n\t\t\t\t'j',\n\t\t\t\t'K',\n\t\t\t\t'k',\n\t\t\t\t'L',\n\t\t\t\t'l',\n\t\t\t\t'M',\n\t\t\t\t'm',\n\t\t\t\t'N',\n\t\t\t\t'n',\n\t\t\t\t'O',\n\t\t\t\t'o',\n\t\t\t\t'P',\n\t\t\t\t'p',\n\t\t\t\t'Q',\n\t\t\t\t'q',\n\t\t\t\t'R',\n\t\t\t\t'r',\n\t\t\t\t'S',\n\t\t\t\t's',\n\t\t\t\t'T',\n\t\t\t\t't',\n\t\t\t\t'U',\n\t\t\t\t'u',\n\t\t\t\t'V',\n\t\t\t\t'v',\n\t\t\t\t'W',\n\t\t\t\t'w',\n\t\t\t\t'X',\n\t\t\t\t'x',\n\t\t\t\t'Y',\n\t\t\t\t'y',\n\t\t\t\t'Z',\n\t\t\t\t'z'\n\t\t\t], //根据实际需求加入自己想要的字符\n\t\t\tbgUrl: require('@/assets/freeTrial/banner.png'),\n\t\t\tform: {\n\t\t\t\tcontacts: '',\n\t\t\t\ttel: '',\n\t\t\t\tenterpriseName: '',\n\t\t\t\tjob: '',\n\t\t\t\tsource: '药销通官网',\n\t\t\t\ttype: '1',\n\t\t\t\tyourRequirements: '',\n\t\t\t\tverificationCode: ''\n\t\t\t},\n\t\t\trules: {\n\t\t\t\tenterpriseName: [{ required: true, message: '请输入公司名称', trigger: ['change', 'blur'] }],\n\t\t\t\tcontacts: [{ required: true, message: '请输入联系人', trigger: ['change', 'blur'] }],\n\t\t\t\ttel: [{ validator: checkTel, trigger: ['change', 'blur'] }],\n\t\t\t\tverificationCode: [{ validator: checkVerificationCode, trigger: ['change', 'blur'] }]\n\t\t\t},\n\t\t\tscreenheight: '899px',\n\t\t\t\n\t\t};\n\t},\n\tmounted() {\n\t\tthis.refreshCode();\n\t},\n\tmethods: {\n\t\tonSubmit() {\n\t\t\tthis.$refs['form'].validate(valid => {\n\t\t\t\tif (valid) {\n\t\t\t\t\taddapply(this.form).then(({ data: res }) => {\n\t\t\t\t\t\tif (res.data) {\n\t\t\t\t\t\t\tthis.$message({\n\t\t\t\t\t\t\t\tmessage: '恭喜你，申请成功，稍后会有专人与您联系',\n\t\t\t\t\t\t\t\ttype: 'success'\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tthis.refreshCode();\n\t\t\t\t\t\t}else{\n\t\t\t\t\t\t\tthis.$message({\n\t\t\t\t\t\t\t\tmessage: res.msg,\n\t\t\t\t\t\t\t\ttype: 'warning'\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tconsole.log('error submit!!');\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t});\n\t\t}, // 生成随机数\n\t\trandomNum(min, max) {\n\t\t\tmax = max + 1;\n\t\t\treturn Math.floor(Math.random() * (max - min) + min);\n\t\t},\n\t\t// 更新验证码\n\t\trefreshCode() {\n\t\t\tthis.identifyCode = '';\n\t\t\tthis.makeCode(this.identifyCodes, 4);\n\t\t},\n\t\t// 随机生成验证码字符串\n\t\tmakeCode(data, len) {\n\t\t\tfor (let i = 0; i < len; i++) {\n\t\t\t\tthis.identifyCode += this.identifyCodes[this.randomNum(0, this.identifyCodes.length - 1)];\n\t\t\t}\n\t\t}\n\t}\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.backdrop {\n\twidth: 100%;\n\theight: 879px;\n\tbackground-image: url('../../assets/freeTrial/banner.png');\n\tbackground-repeat: no-repeat;\n}\n.container {\n\tposition: absolute;\n\twidth: 1200px;\n\ttop: 0;\n\tleft: calc(50% - 600px);\n}\n\n.top {\n\twidth: 606px;\n\tcolor: #333333;\n\tline-height: 38px;\n\n\tp {\n\t\tfont-size: 16px;\n\t}\n}\n\n.text1 {\n\theight: 48px;\n\tfont-size: 36px;\n\tfont-weight: 600;\n\tcolor: black;\n\tline-height: 48px;\n\tmargin-block-end: 0em;\n}\n\n.text2 {\n\theight: 48px;\n\tfont-size: 24px;\n\tcolor: black;\n\tline-height: 48px;\n}\n\n.text3 {\n\theight: 25px;\n\tfont-size: 18px;\n\tfont-weight: 400;\n\tcolor: #333333;\n\tline-height: 25px;\n}\n\n.form {\n\tposition: absolute;\n\ttop: calc(50% - 335px);\n\tright: 0;\n\twidth: 451px;\n\tmin-height: 670px;\n\tbackground: #ffffff;\n\tbox-shadow: 0px 0px 22px 0px rgb(0 0 0 / 18%);\n\tborder-radius: 8px;\n\t.verificationCode {\n\t\talign-items: center;\n\t\tpadding-top: 10px;\n\t\twidth: 100%;\n\t\theight: 52px;\n\t\tborder: 1px solid #dcdfe6;\n\t}\n\t.form1 {\n\t\tjustify-content: space-between;\n\t\t.el-form-item::v-deep {\n\t\t\twidth: 49%;\n\t\t}\n\t}\n\n\t.form-title-one {\n\t\theight: 30px;\n\t\tfont-size: 18px;\n\t\tfont-weight: 400;\n\t\tcolor: #2970ec;\n\t\tline-height: 25px;\n\t}\n\n\t.form-title-two {\n\t\theight: 20px;\n\t\tfont-size: 14px;\n\t\tfont-weight: 400;\n\t\tcolor: #333333;\n\t\tline-height: 20px;\n\t}\n}\n\n.el-input__inner {\n\theight: 52px !important;\n\tline-height: 28px;\n}\n\n.el-input::v-deep {\n\t.el-input__inner {\n\t\theight: 52px;\n\t\tline-height: 52px;\n\t}\n}\n\n.el-form-item--mini.el-form-item {\n\tmargin-bottom: 20px;\n}\n\n.el-form {\n\tmargin: 0 auto;\n\tmargin-top: 40px;\n\twidth: 357px;\n\theight: 80%;\n\n\tp {\n\t\tpadding-left: 28px;\n\t\tfont-size: 12px;\n\t\tfont-family: PingFangSC-Regular, PingFang SC;\n\t\tfont-weight: 400;\n\t\tcolor: #666666;\n\t\tline-height: 17px;\n\t}\n\n\t.el-button {\n\t\twidth: 357px;\n\t\theight: 52px;\n\t\tborder-radius: 2px;\n\t}\n}\n\n.dian {\n\twidth: 9px;\n\theight: 8px;\n\tbackground: linear-gradient(270deg, #99baff 0%, #2970ec 100%);\n\tborder-radius: 50px;\n\tdisplay: inline-block;\n}\n</style>\n","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=6959161a&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=6959161a&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  \"6959161a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/banner.11e0cb0a.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"s-canvas\"},[_c('canvas',{attrs:{\"id\":_vm.canvasId,\"width\":_vm.contentWidth,\"height\":_vm.contentHeight}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"s-canvas\">\n    <canvas :id=\"canvasId\" :width=\"contentWidth\" :height=\"contentHeight\"></canvas>\n  </div>\n</template>\n<script>\n  export default {\n    name: 'SIdentify',\n    props: {\n      identifyCode: {\n        type: String,\n        default: '1234'\n      },\n\t  canvasId: {\n\t    type: String,\n\t    default: 's-canvas'\n\t  },\n      fontSizeMin: {\n        type: Number,\n        default: 18\n      },\n      fontSizeMax: {\n        type: Number,\n        default: 40\n      },\n      backgroundColorMin: {\n        type: Number,\n        default: 180\n      },\n      backgroundColorMax: {\n        type: Number,\n        default: 240\n      },\n      colorMin: {\n        type: Number,\n        default: 50\n      },\n      colorMax: {\n        type: Number,\n        default: 160\n      },\n      lineColorMin: {\n        type: Number,\n        default: 40\n      },\n      lineColorMax: {\n        type: Number,\n        default: 180\n      },\n      dotColorMin: {\n        type: Number,\n        default: 0\n      },\n      dotColorMax: {\n        type: Number,\n        default: 255\n      },\n      contentWidth: {\n        type: Number,\n        default: 111\n      },\n      contentHeight: {\n        type: Number,\n        default: 38\n      }\n    },\n    methods: {\n      // 生成一个随机数\n      randomNum(min, max) {\n        return Math.floor(Math.random() * (max - min) + min)\n      },\n      // 生成一个随机的颜色\n      randomColor(min, max) {\n        let r = this.randomNum(min, max)\n        let g = this.randomNum(min, max)\n        let b = this.randomNum(min, max)\n        return 'rgb(' + r + ',' + g + ',' + b + ')'\n      },\n      drawPic() {\n        let canvas = document.getElementById(this.canvasId)\n        let ctx = canvas.getContext('2d')\n        ctx.textBaseline = 'bottom'\n        // 绘制背景\n        ctx.fillStyle = this.randomColor(this.backgroundColorMin, this.backgroundColorMax)\n        ctx.fillRect(0, 0, this.contentWidth, this.contentHeight)\n        // 绘制文字\n        for (let i = 0; i < this.identifyCode.length; i++) {\n          this.drawText(ctx, this.identifyCode[i], i)\n        }\n        // this.drawLine(ctx) // 绘制干扰线\n        // this.drawDot(ctx) // 绘制干扰点\n      },\n      // 绘制文本\n      drawText(ctx, txt, i) {\n        ctx.fillStyle = this.randomColor(this.colorMin, this.colorMax)\n        ctx.font = this.randomNum(this.fontSizeMin, this.fontSizeMax) + 'px SimHei'\n        let x = (i + 1) * (this.contentWidth / (this.identifyCode.length + 1))\n        let y = this.randomNum(this.fontSizeMax, this.contentHeight - 5)\n        var deg = this.randomNum(-30, 30) // 字符旋转角度(不超过45度比较好)\n        // 修改坐标原点和旋转角度\n        ctx.translate(x, y)\n        ctx.rotate(deg * Math.PI / 180)\n        ctx.fillText(txt, 0, 0)\n        // 恢复坐标原点和旋转角度\n        ctx.rotate(-deg * Math.PI / 180)\n        ctx.translate(-x, -y)\n      },\n      drawLine(ctx) {\n        // 绘制干扰线\n        for (let i = 0; i < 8; i++) {\n          ctx.strokeStyle = this.randomColor(this.lineColorMin, this.lineColorMax)\n          ctx.beginPath()\n          ctx.moveTo(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight))\n          ctx.lineTo(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight))\n          ctx.stroke()\n        }\n      },\n      drawDot(ctx) {\n        // 绘制干扰点\n        for (let i = 0; i < 100; i++) {\n          ctx.fillStyle = this.randomColor(0, 255)\n          ctx.beginPath()\n          ctx.arc(this.randomNum(0, this.contentWidth), this.randomNum(0, this.contentHeight), 1, 0, 2 * Math.PI)\n          ctx.fill()\n        }\n      }\n    },\n    watch: {\n      identifyCode() {\n        this.drawPic()\n      }\n    },\n    mounted() {\n      this.drawPic()\n    }\n  }\n</script>\n<style scoped lang=\"scss\">\n</style>\n","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!./verificationCode.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!./verificationCode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./verificationCode.vue?vue&type=template&id=7b026445&scoped=true&\"\nimport script from \"./verificationCode.vue?vue&type=script&lang=js&\"\nexport * from \"./verificationCode.vue?vue&type=script&lang=js&\"\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  \"7b026445\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}