{"version":3,"sources":["webpack:///./src/views/contract/update/dzq/phone.vue","webpack:///src/views/contract/update/dzq/phone.vue","webpack:///./src/views/contract/update/dzq/phone.vue?0f2a","webpack:///./src/views/contract/update/dzq/phone.vue?5d95","webpack:///./src/views/contract/update/dzq/phone.vue?7332"],"names":["render","_vm","this","_c","_self","staticClass","ref","attrs","formData","required","message","regexp","model","value","telephone","callback","$$v","$set","expression","verificationCode","smsTime","on","sendSms","_v","_s","errorMessage","threeElementsFail","$event","displayQrCode","_e","staticStyle","onColse","nextLoading","sendPhone","weixinVisible","slot","successLoading","staticRenderFns","props","visible","type","default","phone","data","serialNumber","qrcode","computed","qrUrl","sign","config","mounted","methods","url","method","state","result","msg","creatQrCode","text","width","height","colorDark","colorLight","correctLevel","params","code","component"],"mappings":"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","file":"static/js/chunk-b227e08c.cec2843f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"content-box account-info first\"},[_c('el-form',{ref:\"formData\",staticClass:\"sr-from-single\",attrs:{\"model\":_vm.formData,\"label-width\":\"150px\"}},[_c('el-form-item',{attrs:{\"label\":\"新手机号\",\"rules\":[\n                    {required: true, message: '请输入新手机号'},\n                    {regexp: /^\\d{11}$/, message: '请输入正确的手机号码'},\n                ]}},[_c('el-input',{attrs:{\"placeholder\":\"手机号码\",\"min\":\"11\",\"max\":\"11\"},model:{value:(_vm.formData.telephone),callback:function ($$v) {_vm.$set(_vm.formData, \"telephone\", $$v)},expression:\"formData.telephone\"}})],1),_c('el-form-item',{attrs:{\"label\":\"验证码\",\"rules\":[{required: true, message: '请输短信验证码'}]}},[_c('el-input',{attrs:{\"placeholder\":\"请输入短信验证码\"},model:{value:(_vm.formData.verificationCode),callback:function ($$v) {_vm.$set(_vm.formData, \"verificationCode\", $$v)},expression:\"formData.verificationCode\"}}),_c('el-button',{staticClass:\"underline sms-code\",attrs:{\"disabled\":_vm.smsTime == 0 ? false : true,\"type\":\"text\"},on:{\"click\":_vm.sendSms}},[_vm._v(\" \"+_vm._s(_vm.smsTime === 0 ? '点击获取' : `（${_vm.smsTime}S）`)+\" \")])],1),(_vm.errorMessage)?_c('div',{staticClass:\"item\"},[_c('label'),_c('div',{staticClass:\"error\"},[(_vm.threeElementsFail)?[_vm._v(\" 该手机号无法完成实名认证 \"),_c('br'),_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \"),_c('br'),_vm._v(\" 尝试 \"),_c('span',{staticClass:\"important\",on:{\"click\":function($event){return _vm.displayQrCode()}}},[_vm._v(\"人脸识别\")]),_vm._v(\" 进行实名认证 \")]:[_vm._v(\" \"+_vm._s(_vm.errorMessage)+\" \")]],2)]):_vm._e()],1),_c('div',{staticStyle:{\"text-align\":\"center\"}},[_c('el-button',{on:{\"click\":_vm.onColse}},[_vm._v(\"取 消\")]),_c('el-button',{attrs:{\"type\":\"primary\",\"loading\":_vm.nextLoading},on:{\"click\":_vm.sendPhone}},[_vm._v(\"下一步\")])],1)],1),_c('el-dialog',{attrs:{\"title\":\"人脸识别认证\",\"visible\":_vm.weixinVisible,\"center\":\"\",\"close-on-click-modal\":false,\"close-on-press-escape\":false,\"append-to-body\":\"\",\"width\":\"450px\"},on:{\"update:visible\":function($event){_vm.weixinVisible=$event}}},[_c('div',{staticClass:\"qr-content\"},[_c('p',[_vm._v(\" 将要为 \"),_c('b',[_vm._v(\"(\"+_vm._s(_vm.formData.telephone)+\")\")]),_vm._v(\" 进行人脸识别 \"),_c('br'),_vm._v(\" 请使用微信扫一扫在手机完成认证 \")]),_c('div',{ref:\"qrCode\",staticClass:\"qrcode\"})]),_c('div',{staticClass:\"qr-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('el-button',{attrs:{\"type\":\"primary\",\"loading\":_vm.successLoading,\"icon\":\"el-icon-success\"}},[_vm._v(\"认证中\")])],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div>\n        <div class=\"content-box account-info first\">\n            <el-form :model=\"formData\" class=\"sr-from-single\" ref=\"formData\" label-width=\"150px\">\n                <el-form-item\n                    label=\"新手机号\"\n                    :rules=\"[\n                        {required: true, message: '请输入新手机号'},\n                        {regexp: /^\\d{11}$/, message: '请输入正确的手机号码'},\n                    ]\"\n                >\n                    <el-input placeholder=\"手机号码\" min=\"11\" max=\"11\" v-model=\"formData.telephone\"></el-input>\n                </el-form-item>\n                <el-form-item label=\"验证码\" :rules=\"[{required: true, message: '请输短信验证码'}]\">\n                    <el-input placeholder=\"请输入短信验证码\" v-model=\"formData.verificationCode\"></el-input>\n                    <el-button @click=\"sendSms\" :disabled=\"smsTime == 0 ? false : true\" class=\"underline sms-code\" type=\"text\">\n                        {{ smsTime === 0 ? '点击获取' : `（${smsTime}S）` }}\n                    </el-button>\n                </el-form-item>\n                <div class=\"item\" v-if=\"errorMessage\">\n                    <label></label>\n                    <div class=\"error\">\n                        <template v-if=\"threeElementsFail\">\n                            该手机号无法完成实名认证\n                            <br />\n                            {{ errorMessage }}\n                            <br />\n                            尝试\n                            <span class=\"important\" @click=\"displayQrCode()\">人脸识别</span>\n                            进行实名认证\n                        </template>\n                        <template v-else>\n                            {{ errorMessage }}\n                        </template>\n                    </div>\n                </div>\n            </el-form>\n            <div style=\"text-align: center\">\n                <el-button @click=\"onColse\">取 消</el-button>\n                <el-button type=\"primary\" :loading=\"nextLoading\" @click=\"sendPhone\">下一步</el-button>\n            </div>\n        </div>\n        <el-dialog\n            title=\"人脸识别认证\"\n            :visible.sync=\"weixinVisible\"\n            center\n            :close-on-click-modal=\"false\"\n            :close-on-press-escape=\"false\"\n            append-to-body\n            width=\"450px\"\n        >\n            <div class=\"qr-content\">\n                <p>\n                    将要为\n                    <b>({{ formData.telephone }})</b>\n                    进行人脸识别\n                    <br />\n                    请使用微信扫一扫在手机完成认证\n                </p>\n                <div class=\"qrcode\" ref=\"qrCode\"></div>\n            </div>\n            <div slot=\"footer\" class=\"qr-footer\">\n                <el-button type=\"primary\" :loading=\"successLoading\" icon=\"el-icon-success\">认证中</el-button>\n            </div>\n        </el-dialog>\n    </div>\n</template>\n\n<script>\nimport QRCode from 'qrcodejs2';\nexport default {\n    props: {\n        visible: {\n            type: Boolean,\n            default: false,\n        },\n        phone: {\n            type: String,\n            default: '',\n        },\n    },\n    data() {\n        return {\n            formData: {\n                telephone: '', // 新手机号\n                verificationCode: '', // 短信验证码\n            },\n            smsTime: 0,\n            serialNumber: '',\n            errorMessage: '', // 错误的文字描述\n            nextLoading: false,\n            qrcode: null,\n            threeElementsFail: false, // 三要素认证失败\n            weixinVisible: false,\n            successLoading: false,\n        };\n    },\n    computed: {\n        qrUrl() {\n            const {sign, config} = this.$store.state;\n            return `${config.cpHomeUrl}/pages/contract/vefify/dzq/aliveVideo/aliveEditPhone?sign=${sign}&from=pc`;\n        },\n    },\n    mounted() {\n        this.$dzqToFdd();\n    },\n    methods: {\n        displayQrCode() {\n            this.weixinVisible = true;\n            this.$nextTick(() => {\n                this.creatQrCode();\n                this.getStatus();\n            });\n        },\n        // 获取认证状态\n        async getStatus() {\n            this.successLoading = true;\n            const response = await this.$request({\n                url: '/org/get/edit/telephone/stage',\n                method: 'get',\n            });\n            const {state, result, msg} = response.data;\n            if (!state) return this.$message.error(msg || '');\n            if (result != 3) {\n                await new Promise((resolve) => setTimeout(resolve, 4000));\n                this.getStatus();\n            } else {\n                // 修改成功\n                this.$message.success('手机号修改成功');\n                this.$emit('onSuccess', true);\n                this.weixinVisible = false;\n                this.successLoading = false;\n            }\n        },\n        creatQrCode() {\n            if (this.qrcode) {\n                this.qrcode.makeCode(this.qrUrl);\n            } else {\n                this.qrcode = new QRCode(this.$refs.qrCode, {\n                    text: this.qrUrl,\n                    width: 150,\n                    height: 150,\n                    colorDark: '#5914ee',\n                    colorLight: '#ffffff',\n                    correctLevel: 3,\n                });\n            }\n        },\n        onColse() {\n            this.$router.go(-1);\n        },\n        async sendSms() {\n            const {telephone} = this.formData;\n            if (this.smsTime > 0) return;\n            if (!telephone || !/^\\d{11}$/.test(telephone)) return this.$message.error('请输入正确的手机号');\n            const response = await this.$request({\n                url: '/code/add/login/sms',\n                method: 'post',\n                params: {\n                    telephone,\n                },\n            });\n            const {msg, state} = response.data;\n            if (!state) return this.$message.error(msg || '');\n            this.smsTime = 60;\n            const smsInterval = setInterval(() => {\n                this.smsTime -= 1;\n                if (this.smsTime <= 0) clearInterval(smsInterval);\n            }, 1000);\n        },\n        async sendPhone() {\n            this.$refs['formData'].validate(async (valid) => {\n                if (!valid) return;\n                this.errorMessage = '';\n                this.nextLoading = true;\n                const {telephone, verificationCode} = this.formData;\n                const response = await this.$request({\n                    url: '/org/edit/telephone',\n                    method: 'post',\n                    data: {\n                        telephone,\n                        verificationCode,\n                    },\n                });\n                const {msg, state, code} = response.data;\n                this.nextLoading = false;\n                if (!state) {\n                    if (code == 11006) this.threeElementsFail = true;\n                    this.errorMessage = msg;\n                } else {\n                    this.$message.success('手机号修改成功');\n                    await this.$store.dispatch('getUserInfo');\n                    this.onColse();\n                }\n            });\n        },\n    },\n};\n</script>\n<style lang=\"scss\">\n.update-phone-dialog {\n    .el-dialog__body {\n        padding: 0px 60px;\n\n        .item {\n            display: block;\n\n            label {\n                color: $--color-font-normal;\n            }\n        }\n    }\n}\n\n.form-body {\n    .el-form-item__label {\n        text-align: left;\n    }\n\n    .underline {\n        position: absolute;\n        right: 10px;\n        top: 10px;\n        font-weight: bold;\n    }\n\n    .item {\n        display: flex;\n        margin-top: 10px;\n\n        label {\n            width: 80px;\n            line-height: 40px;\n        }\n\n        .cont {\n            flex: 1;\n            display: flex;\n        }\n\n        .el-button {\n            padding: 10px 20px;\n        }\n\n        .error {\n            color: $--color-font-error;\n        }\n    }\n}\n\n.qr-content {\n    text-align: center;\n\n    b {\n        color: #333;\n    }\n\n    .qrcode {\n        margin-top: 20px;\n        text-align: center;\n        display: inline-block;\n    }\n}\n</style>\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!./phone.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!./phone.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./phone.vue?vue&type=template&id=2c50db2f&\"\nimport script from \"./phone.vue?vue&type=script&lang=js&\"\nexport * from \"./phone.vue?vue&type=script&lang=js&\"\nimport style0 from \"./phone.vue?vue&type=style&index=0&id=2c50db2f&prod&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  null,\n  null\n  \n)\n\nexport default component.exports","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/style-resources-loader/lib/index.js??ref--9-oneOf-1-4!../../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./phone.vue?vue&type=style&index=0&id=2c50db2f&prod&lang=scss&\""],"sourceRoot":""}