1 |
- {"version":3,"sources":["webpack:///./src/views/my/bind-mobile-phone-number.vue?c768","webpack:///src/views/my/bind-mobile-phone-number.vue","webpack:///./src/views/my/bind-mobile-phone-number.vue?b64c","webpack:///./src/views/my/bind-mobile-phone-number.vue","webpack:///./node_modules/core-js/modules/es6.array.map.js","webpack:///./src/assets/icon-7.png","webpack:///./src/views/my/bind-mobile-phone-number.vue?71fa"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","on","$event","$router","push","_v","ref","staticStyle","model","value","info","callback","$$v","$set","expression","params","countDown","sendSms","_s","modifyPhone","staticRenderFns","components","data","form","now_number","number","num","phone","code","mounted","methods","userCenterModifyPhone","msg","localStorage","confirmButtonText","cancelButtonText","showCancelButton","type","then","generalSendSms","countDownFn","setTimeout","fn","component","$export","$map","P","F","map","callbackfn","arguments","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIO,GAAG,GAAGH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,mBAAmB,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,qBAAqB,CAACZ,EAAIa,GAAG,WAAWT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,2BAA2B,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,wBAAwB,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,oBAAoB,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,oBAAoB,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,uBAAuB,CAACZ,EAAIa,GAAG,QAAQT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,kBAAkB,CAACZ,EAAIa,GAAG,QAAQT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,kBAAkB,CAACZ,EAAIa,GAAG,WAAWT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,uBAAuB,CAACR,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,0BAA0B,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,+BAA+B,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,yBAAyB,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,mBAAmB,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACI,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,+BAA+B,CAACZ,EAAIa,GAAG,UAAUT,EAAG,IAAI,CAACE,YAAY,SAASE,MAAM,CAAC,KAAO,sBAAsBC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIW,QAAQC,KAAK,iBAAiB,CAACZ,EAAIa,GAAG,MAAMT,EAAG,MAAM,CAACE,YAAY,UAAUE,MAAM,CAAC,IAAM,EAAQ,eAAmCJ,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,IAAI,CAACE,YAAY,aAAa,CAACN,EAAIa,GAAG,iCAAiCT,EAAG,UAAU,CAACU,IAAI,OAAON,MAAM,CAAC,cAAc,OAAO,KAAO,SAAS,CAACJ,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACJ,EAAIa,GAAG,OAAOb,EAAIa,GAAG,YAAYT,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,eAAe,CAACW,YAAY,CAAC,MAAQ,SAAS,CAACX,EAAG,WAAW,CAACI,MAAM,CAAC,SAAW,GAAG,YAAc,UAAUQ,MAAM,CAACC,MAAOjB,EAAIkB,KAAc,UAAEC,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKrB,EAAIkB,KAAM,YAAaE,IAAME,WAAW,qBAAqB,IAAI,OAAOlB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACJ,EAAIa,GAAG,OAAOb,EAAIa,GAAG,SAAST,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,eAAe,CAACW,YAAY,CAAC,MAAQ,SAAS,CAACX,EAAG,WAAW,CAACI,MAAM,CAAC,YAAc,UAAUQ,MAAM,CAACC,MAAOjB,EAAIuB,OAAY,MAAEJ,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKrB,EAAIuB,OAAQ,QAASH,IAAME,WAAW,mBAAmB,IAAI,OAAOlB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACE,YAAY,cAAc,CAACF,EAAG,OAAO,CAACJ,EAAIa,GAAG,OAAOb,EAAIa,GAAG,SAAST,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,eAAe,CAACW,YAAY,CAAC,MAAQ,SAAS,CAACX,EAAG,WAAW,CAACI,MAAM,CAAC,YAAc,OAAOQ,MAAM,CAACC,MAAOjB,EAAIuB,OAAW,KAAEJ,SAAS,SAAUC,GAAMpB,EAAIqB,KAAKrB,EAAIuB,OAAQ,OAAQH,IAAME,WAAW,kBAAkB,IAAI,GAAItB,EAAIwB,WAAa,EAAGpB,EAAG,SAAS,CAACE,YAAY,WAAWE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAIyB,aAAa,CAACzB,EAAIa,GAAG,WAAWT,EAAG,SAAS,CAACE,YAAY,WAAWE,MAAM,CAAC,KAAO,WAAW,CAACR,EAAIa,GAAGb,EAAI0B,GAAG1B,EAAIwB,WAAW,cAAcpB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,SAAS,CAACE,YAAY,SAASE,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOV,EAAI2B,iBAAiB,CAAC3B,EAAIa,GAAG,QAAQT,EAAG,SAAS,CAACE,YAAY,aAAaE,MAAM,CAAC,KAAO,WAAW,CAACR,EAAIa,GAAG,aAAa,UAC90Ie,EAAkB,CAAC,WAAa,IAAI5B,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,OAAO,CAACN,EAAIa,GAAG,kBAAkBT,EAAG,MAAM,CAACE,YAAY,WAAWE,MAAM,CAAC,IAAM,EAAQ,WAA8BJ,EAAG,OAAO,CAACJ,EAAIa,GAAG,QAAQT,EAAG,MAAM,CAACE,YAAY,WAAWE,MAAM,CAAC,IAAM,EAAQ,WAA8BJ,EAAG,OAAO,CAACE,YAAY,YAAY,CAACN,EAAIa,GAAG,e,8CCmG9Y,GACAgB,cAEAC,KAHA,WAIA,OACAC,MACAC,yBACAC,UACAC,QAEAhB,QACAK,QACAY,SACAC,SAEAZ,cAGAa,QAlBA,WAmBA,8DACA,oGAEAC,SACAX,YADA,WACA,WACA,cACA,oBACA,8BACA,yBAEA,gCAEA,cACA,wCAEAY,qCAIA,IAHAH,EAGA,EAHAA,KACAI,EAEA,EAFAA,IAEA,EADAV,KAEA,MACA,qBACAW,uDACA,UACAN,SACAC,SAEA,8BACAM,uBACAC,sBACAC,oBACAC,iBACAC,MAAA,WACAL,uCACAA,qCACA,6BAGA,wBAIAhB,QAvCA,WAuCA,WACA,cACA,oBACA,8BACA,2BAGA,cACA,wCAEAsB,gBACAZ,gBACAW,MAAA,YAIA,IAHAV,EAGA,EAHAA,KACAI,EAEA,EAFAA,IAEA,EADAV,KAEA,MACA,gBACA,uBAEA,wBAIAkB,YAhEA,WAgEA,WACA,KACA,eACA,OACA,gBACAC,uBAAA,oBAEAC,OCjMiX,I,wBCQ7WC,EAAY,eACd,EACApD,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAuB,E,6CClBf,IAAIC,EAAU,EAAQ,QAClBC,EAAO,EAAQ,OAAR,CAA4B,GAEvCD,EAAQA,EAAQE,EAAIF,EAAQG,GAAK,EAAQ,OAAR,CAA4B,GAAGC,KAAK,GAAO,QAAS,CAEnFA,IAAK,SAAaC,GAChB,OAAOJ,EAAKpD,KAAMwD,EAAYC,UAAU,Q,4CCP5CC,EAAOC,QAAU,sf,kCCAjB","file":"js/chunk-0405e034.1fae6f98.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap\"},[_vm._m(0),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"leftsidebar\"},[_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/my-order')}}},[_vm._v(\"我的订单\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/shopping-cart')}}},[_vm._v(\"我的购物车\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/browsing-history')}}},[_vm._v(\"浏览记录\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/my-collection')}}},[_vm._v(\"我的收藏\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/my-points')}}},[_vm._v(\"我的积分\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/my-member')}}},[_vm._v(\"我的会员\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/card-voucher')}}},[_vm._v(\"卡券\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/message')}}},[_vm._v(\"消息\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/partner')}}},[_vm._v(\"携手合伙人\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"}},[_vm._v(\"签到奖励\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/my-distribution')}}},[_vm._v(\"我的分销\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/product-traceability')}}},[_vm._v(\"产品溯源\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/my-appointment')}}},[_vm._v(\"我的预约\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/feedback')}}},[_vm._v(\"意见反馈\")]),_c('a',{attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/information-material')}}},[_vm._v(\"资讯素材\")]),_c('a',{staticClass:\"active\",attrs:{\"href\":\"javascript:void(0)\"},on:{\"click\":function($event){return _vm.$router.push('/my/set-up')}}},[_vm._v(\"设置\"),_c('img',{staticClass:\"sanjiao\",attrs:{\"src\":require(\"../../assets/sanjiao.png\")}})])]),_c('div',{staticClass:\"rightsidebar\"},[_c('div',{staticClass:\"box\"},[_c('p',{staticClass:\"box-label\"},[_vm._v(\"\\n\\t\\t\\t\\t\\t绑定手机号\\n\\t\\t\\t\\t\")]),_c('el-form',{ref:\"form\",attrs:{\"label-width\":\"80px\",\"size\":\"mini\"}},[_c('div',{staticClass:\"form-row\"},[_c('span',{staticClass:\"form-label\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"已绑定手机号\")]),_c('div',{staticClass:\"right-sidebar\"},[_c('div',{staticClass:\"small-box\"},[_c('el-form-item',{staticStyle:{\"width\":\"100%\"}},[_c('el-input',{attrs:{\"disabled\":\"\",\"placeholder\":\"请输入手机号\"},model:{value:(_vm.info.showPhone),callback:function ($$v) {_vm.$set(_vm.info, \"showPhone\", $$v)},expression:\"info.showPhone\"}})],1)],1)])]),_c('div',{staticClass:\"form-row\"},[_c('span',{staticClass:\"form-label\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"手机号\")]),_c('div',{staticClass:\"right-sidebar\"},[_c('div',{staticClass:\"small-box\"},[_c('el-form-item',{staticStyle:{\"width\":\"100%\"}},[_c('el-input',{attrs:{\"placeholder\":\"请输入手机号\"},model:{value:(_vm.params.phone),callback:function ($$v) {_vm.$set(_vm.params, \"phone\", $$v)},expression:\"params.phone\"}})],1)],1)])]),_c('div',{staticClass:\"form-row\"},[_c('span',{staticClass:\"form-label\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"验证码\")]),_c('div',{staticClass:\"right-sidebar\"},[_c('div',{staticClass:\"small-box\"},[_c('el-form-item',{staticStyle:{\"width\":\"100%\"}},[_c('el-input',{attrs:{\"placeholder\":\"验证码\"},model:{value:(_vm.params.code),callback:function ($$v) {_vm.$set(_vm.params, \"code\", $$v)},expression:\"params.code\"}})],1)],1),(_vm.countDown <= 0)?_c('button',{staticClass:\"get-code\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.sendSms()}}},[_vm._v(\"获取验证码\")]):_c('button',{staticClass:\"get-code\",attrs:{\"type\":\"button\"}},[_vm._v(_vm._s(_vm.countDown)+\"秒后重发\")])])]),_c('div',{staticClass:\"btn-box\"},[_c('button',{staticClass:\"active\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.modifyPhone()}}},[_vm._v(\"绑定\")]),_c('button',{staticClass:\"border-btn\",attrs:{\"type\":\"button\"}},[_vm._v(\"取消\")])])])],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"top\"},[_vm._v(\"\\n\\t\\t首页\\n\\t\\t\"),_c('img',{staticClass:\"top-icon\",attrs:{\"src\":require(\"../../assets/icon-7.png\")}}),_c('span',[_vm._v(\"设置\")]),_c('img',{staticClass:\"top-icon\",attrs:{\"src\":require(\"../../assets/icon-7.png\")}}),_c('span',{staticClass:\"top-name\"},[_vm._v(\"绑定手机号\")])])}]\n\nexport { render, staticRenderFns }","<!-- 绑定手机号 -->\r\n<template>\r\n\t<div class=\"wrap\">\r\n\r\n\t\t<div class=\"top\">\r\n\t\t\t首页\r\n\t\t\t<img src=\"../../assets/icon-7.png\" class=\"top-icon\">\r\n\t\t\t<span>设置</span>\r\n\t\t\t<img src=\"../../assets/icon-7.png\" class=\"top-icon\">\r\n\t\t\t<span class=\"top-name\">绑定手机号</span>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"container\">\r\n\r\n\t\t\t<div class=\"leftsidebar\">\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/my-order')\">我的订单</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/shopping-cart')\">我的购物车</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/browsing-history')\">浏览记录</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/my-collection')\">我的收藏</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/my-points')\">我的积分</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/my-member')\">我的会员</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/card-voucher')\">卡券</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/message')\">消息</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/partner')\">携手合伙人</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\">签到奖励</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/my-distribution')\">我的分销</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/product-traceability')\">产品溯源</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/my-appointment')\">我的预约</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/feedback')\">意见反馈</a>\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/information-material')\">资讯素材</a>\r\n\t\t\t\t<!-- <a href=\"javascript:void(0)\">在线客服</a> -->\r\n\t\t\t\t<a href=\"javascript:void(0)\" @click=\"$router.push('/my/set-up')\" class=\"active\">设置<img\r\n\t\t\t\t\t\tsrc=\"../../assets/sanjiao.png\" class=\"sanjiao\"></a>\r\n\t\t\t</div>\r\n\r\n\t\t\t<div class=\"rightsidebar\">\r\n\t\t\t\t<div class=\"box\">\r\n\t\t\t\t\t<p class=\"box-label\">\r\n\t\t\t\t\t\t绑定手机号\r\n\t\t\t\t\t</p>\r\n\t\t\t\t\t<el-form ref=\"form\" label-width=\"80px\" size=\"mini\">\r\n\r\n\t\t\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t\t\t<span class=\"form-label\"><span>*</span>已绑定手机号</span>\r\n\t\t\t\t\t\t\t<div class=\"right-sidebar\">\r\n\t\t\t\t\t\t\t\t<div class=\"small-box\">\r\n\t\t\t\t\t\t\t\t\t<el-form-item style=\"width: 100%;\">\r\n\t\t\t\t\t\t\t\t\t\t<el-input v-model=\"info.showPhone\" disabled placeholder=\"请输入手机号\"></el-input>\r\n\t\t\t\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t\t\t<span class=\"form-label\"><span>*</span>手机号</span>\r\n\t\t\t\t\t\t\t<div class=\"right-sidebar\">\r\n\t\t\t\t\t\t\t\t<div class=\"small-box\">\r\n\t\t\t\t\t\t\t\t\t<el-form-item style=\"width: 100%;\">\r\n\t\t\t\t\t\t\t\t\t\t<el-input v-model=\"params.phone\" placeholder=\"请输入手机号\"></el-input>\r\n\t\t\t\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div class=\"form-row\">\r\n\t\t\t\t\t\t\t<span class=\"form-label\"><span>*</span>验证码</span>\r\n\t\t\t\t\t\t\t<div class=\"right-sidebar\">\r\n\t\t\t\t\t\t\t\t<div class=\"small-box\">\r\n\t\t\t\t\t\t\t\t\t<el-form-item style=\"width: 100%;\">\r\n\t\t\t\t\t\t\t\t\t\t<el-input v-model=\"params.code\" placeholder=\"验证码\"></el-input>\r\n\t\t\t\t\t\t\t\t\t</el-form-item>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<button v-if=\"countDown <= 0\" @click=\"sendSms()\" type=\"button\"\r\n\t\t\t\t\t\t\t\t\tclass=\"get-code\">获取验证码</button>\r\n\t\t\t\t\t\t\t\t<button v-else type=\"button\" class=\"get-code\">{{countDown}}秒后重发</button>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t\t<div class=\"btn-box\">\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"active\" @click=\"modifyPhone()\">绑定</button>\r\n\t\t\t\t\t\t\t<button type=\"button\" class=\"border-btn\">取消</button>\r\n\t\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t</el-form>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\r\n\t\t</div>\r\n\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport {\r\n\t\tvalidatorFun\r\n\t} from '../../utils/util';\r\n\timport {\r\n\t\tgeneralSendSms,\r\n\t\tuserCenterModifyPhone\r\n\t} from '../../service/service';\r\n\texport default {\r\n\t\tcomponents: {\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tform: {\r\n\t\t\t\t\tnow_number: '16634567866',\r\n\t\t\t\t\tnumber: '',\r\n\t\t\t\t\tnum: '',\r\n\t\t\t\t},\r\n\t\t\t\tinfo: {},\r\n\t\t\t\tparams: {\r\n\t\t\t\t\tphone: '',\r\n\t\t\t\t\tcode: '',\r\n\t\t\t\t},\r\n\t\t\t\tcountDown: 0,\r\n\t\t\t};\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\tthis.info = JSON.parse(localStorage.getItem('USER_INFO') || '{}');\r\n\t\t\tthis.info.showPhone = this.info.phone.split('').map((n, i) => i > 2 && i < 7 ? '*' : n).join('');\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tmodifyPhone() {\r\n\t\t\t\tconst params = this.params;\r\n\t\t\t\tconst errList = validatorFun(params, [\r\n\t\t\t\t\t['phone', ['notNull', '请输入手机号'],\r\n\t\t\t\t\t\t['isMobile', '请输入正确手机号']\r\n\t\t\t\t\t],\r\n\t\t\t\t\t['code', ['notNull', '请输入验证码']],\r\n\t\t\t\t]);\r\n\t\t\t\tif (errList.length > 0) {\r\n\t\t\t\t\treturn this.$message.error(errList[0].errMsg);\r\n\t\t\t\t}\r\n\t\t\t\tuserCenterModifyPhone(params).then(({\r\n\t\t\t\t\tcode,\r\n\t\t\t\t\tmsg,\r\n\t\t\t\t\tdata\r\n\t\t\t\t}) => {\r\n\t\t\t\t\tif (code == 1) {\r\n\t\t\t\t\t\tthis.info.phone = params.phone;\r\n\t\t\t\t\t\tlocalStorage.setItem('USER_INFO', JSON.stringify(info));\r\n\t\t\t\t\t\tthis.params = {\r\n\t\t\t\t\t\t\tphone: '',\r\n\t\t\t\t\t\t\tcode: '',\r\n\t\t\t\t\t\t};\r\n\t\t\t\t\t\tthis.$confirm('修改成功,请重新登录', '提示', {\r\n\t\t\t\t\t\t\tconfirmButtonText: '确定',\r\n\t\t\t\t\t\t\tcancelButtonText: '取消',\r\n\t\t\t\t\t\t\tshowCancelButton: false,\r\n\t\t\t\t\t\t\ttype: 'warning',\r\n\t\t\t\t\t\t}).then(() => {\r\n\t\t\t\t\t\t\tlocalStorage.removeItem('session_key');\r\n\t\t\t\t\t\t\tlocalStorage.removeItem('USER_INFO');\r\n\t\t\t\t\t\t\tthis.$router.push('/login');\r\n\t\t\t\t\t\t});\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.$message.error(msg);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tsendSms() {\r\n\t\t\t\tconst params = this.params;\r\n\t\t\t\tconst errList = validatorFun(params, [\r\n\t\t\t\t\t['phone', ['notNull', '请输入手机号'],\r\n\t\t\t\t\t\t['isMobile', '请输入正确手机号']\r\n\t\t\t\t\t],\r\n\t\t\t\t]);\r\n\t\t\t\tif (errList.length > 0) {\r\n\t\t\t\t\treturn this.$message.error(errList[0].errMsg);\r\n\t\t\t\t}\r\n\t\t\t\tgeneralSendSms({\r\n\t\t\t\t\tphone: params.phone,\r\n\t\t\t\t}).then(({\r\n\t\t\t\t\tcode,\r\n\t\t\t\t\tmsg,\r\n\t\t\t\t\tdata\r\n\t\t\t\t}) => {\r\n\t\t\t\t\tif (code == 1) {\r\n\t\t\t\t\t\tthis.countDownFn();\r\n\t\t\t\t\t\tthis.$message.success(msg);\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\tthis.$message.error(msg);\r\n\t\t\t\t\t}\r\n\t\t\t\t});\r\n\t\t\t},\r\n\t\t\tcountDownFn() {\r\n\t\t\t\tlet num = 60;\r\n\t\t\t\tconst fn = () => {\r\n\t\t\t\t\tif (num == 0) return;\r\n\t\t\t\t\tthis.countDown = --num;\r\n\t\t\t\t\tsetTimeout(() => fn(), 1000);\r\n\t\t\t\t};\r\n\t\t\t\tfn();\r\n\t\t\t},\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style scoped>\r\n\tinput::placeholder,\r\n\ttextarea::placeholder {\r\n\t\tcolor: #BBBBBB !important;\r\n\t}\r\n\r\n\t.wrap {\r\n\t\twidth: 100%;\r\n\t\tmargin: 40px 0 0;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n\r\n\t.top {\r\n\t\twidth: 1200px;\r\n\t\theight: 76px;\r\n\t\tline-height: 76px;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 19px;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #484848;\r\n\t\tfont-size: 20px;\r\n\t\tmargin: 20px 0;\r\n\t}\r\n\r\n\t.top-icon {\r\n\t\twidth: 10px;\r\n\t\tmargin: 0 10px;\r\n\t}\r\n\r\n\t.top-name {\r\n\t\tcolor: #F2501A;\r\n\t}\r\n\r\n\t.container {\r\n\t\twidth: 1200px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tmargin-bottom: 43px;\r\n\t}\r\n\r\n\t.leftsidebar {\r\n\t\twidth: 144px;\r\n\t\tpadding: 21px 0 28px;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tmargin-right: 19px;\r\n\t}\r\n\r\n\t.leftsidebar>a {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: flex-start;\r\n\t\talign-items: center;\r\n\t\tmargin-bottom: 20px;\r\n\t\tpadding: 0 0 0 29px;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #000000;\r\n\t\tfont-size: 16px;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.leftsidebar>a.active {\r\n\t\tcolor: #F2501A;\r\n\t\tfont-size: 18px;\r\n\t}\r\n\r\n\t.leftsidebar>a.active::after {\r\n\t\tcontent: \"\";\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(0, -50%);\r\n\t\twidth: 4px;\r\n\t\theight: 26px;\r\n\t\tbackground: url(../../assets/border.png) no-repeat;\r\n\t\tbackground-size: 100% 100%;\r\n\t}\r\n\r\n\t.sanjiao {\r\n\t\twidth: 14px;\r\n\t\tmargin-left: 10px;\r\n\t}\r\n\r\n\t.rightsidebar {\r\n\t\twidth: calc(100% - 163px);\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.box {\r\n\t\twidth: 100%;\r\n\t\tbackground-color: #FFFFFF;\r\n\t\tborder-radius: 8px;\r\n\t\tpadding: 28px 31px 41px;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.box-label {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tcolor: #111111;\r\n\t\tfont-size: 17px;\r\n\t\tfont-weight: bold;\r\n\t\tmargin-bottom: 42px;\r\n\t}\r\n\r\n\t.box-label>span {\r\n\t\tfont-size: 14px;\r\n\t\tfont-weight: normal;\r\n\t\tmargin-top: 5px;\r\n\t}\r\n\r\n\t.form-row {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tpadding: 0 8px;\r\n\t\tbox-sizing: border-box;\r\n\t\tmargin-bottom: 34px;\r\n\t}\r\n\r\n\t.form-row:last-child {\r\n\t\tmargin-bottom: 0;\r\n\t}\r\n\r\n\t.form-label {\r\n\t\twidth: 120px;\r\n\t\tline-height: 30px;\r\n\t\tcolor: #111111;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\r\n\t.form-label>span {\r\n\t\tcolor: #F91F1D;\r\n\t\tmargin-right: 7px;\r\n\t}\r\n\r\n\t.btn-box {\r\n\t\twidth: 100%;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 0 0 0 128px;\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.btn-box button {\r\n\t\twidth: 213px;\r\n\t\theight: 45px;\r\n\t\tline-height: 45px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\tbackground-color: #EEEEEE;\r\n\t\tborder-radius: 8px;\r\n\t\tcolor: #777777;\r\n\t\tfont-size: 17px;\r\n\t\tmargin-right: 18px;\r\n\t}\r\n\r\n\t.btn-box button:last-child {\r\n\t\tmargin-right: 0;\r\n\t}\r\n\r\n\t.btn-box button.active {\r\n\t\tbackground-color: #F2501A;\r\n\t\tcolor: #fff;\r\n\t}\r\n\r\n\t.border-btn {\r\n\t\tborder: 1px solid #E63D23 !important;\r\n\t\tbackground-color: #FFFFFF !important;\r\n\t\tbox-sizing: border-box;\r\n\t\tcolor: #F2501A !important;\r\n\t}\r\n\r\n\t.big-box {\r\n\t\tdisplay: flex;\r\n\t\twidth: 549px;\r\n\t}\r\n\r\n\t.small-box {\r\n\t\tdisplay: flex;\r\n\t\twidth: 234px;\r\n\t}\r\n\r\n\t.form-bottom {\r\n\t\twidth: 549px;\r\n\t\tdisplay: flex;\r\n\t\talign-items: flex-start;\r\n\t\tmargin-left: 128px;\r\n\t\tmargin-bottom: 38px;\r\n\t\tcolor: #000000;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\r\n\t.red-color {\r\n\t\tcolor: #F2501A;\r\n\t}\r\n\r\n\tinput[type=\"checkbox\"] {\r\n\t\twidth: 15px !important;\r\n\t\theight: 15px !important;\r\n\t\tvertical-align: middle;\r\n\t\t-webkit-appearance: none;\r\n\t\tbackground: url(../../assets/square.png) no-repeat center center;\r\n\t\tbackground-size: 100% 100%;\r\n\t\tmargin-right: 5px;\r\n\t\tmargin-top: 3.5px;\r\n\t}\r\n\r\n\tinput[type=\"checkbox\"]:checked {\r\n\t\tbackground: url(../../assets/square-active.png) no-repeat center center;\r\n\t\tbackground-size: 100% 100%;\r\n\t}\r\n\r\n\t.customer-service {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #F2501A;\r\n\t\tfont-size: 13px;\r\n\t\tmargin-left: 15px;\r\n\t}\r\n\r\n\t.customer-service img {\r\n\t\twidth: 15px;\r\n\t\tmargin-right: 3px;\r\n\t}\r\n\r\n\t.right-sidebar {\r\n\t\tflex: 1;\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t}\r\n\r\n\t.get-code {\r\n\t\tmargin-left: 20px;\r\n\t\twidth: 111px;\r\n\t\theight: 30px;\r\n\t\tline-height: 30px;\r\n\t\tbackground-color: #F2501A;\r\n\t\tborder-radius: 4px;\r\n\t\tcolor: #FFFFFF;\r\n\t\tfont-size: 16px;\r\n\t}\r\n\r\n\t>>>.el-form-item__content {\r\n\t\tmargin: 0 !important;\r\n\t}\r\n\r\n\t>>>.el-form-item {\r\n\t\tmargin-right: 13px !important;\r\n\t\tmargin-bottom: 0 !important;\r\n\t}\r\n\r\n\t>>>.el-form-item:last-child {\r\n\t\tmargin-right: 0 !important;\r\n\t}\r\n\r\n\t.el-select>>>.el-input__inner:focus {\r\n\t\tborder-color: #BBBBBB !important;\r\n\t}\r\n\r\n\t>>>.el-input__inner {\r\n\t\theight: 30px !important;\r\n\t\tline-height: 30px !important;\r\n\t\tborder: 1px solid #BBBBBB !important;\r\n\t\tcolor: #434849;\r\n\t\tfont-size: 16px !important;\r\n\t}\r\n\r\n\t>>>.el-textarea__inner {\r\n\t\theight: 199px !important;\r\n\t\tborder: 1px solid #BBBBBB !important;\r\n\t\tcolor: #434849;\r\n\t\tfont-size: 16px;\r\n\t}\r\n</style>\r\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!./bind-mobile-phone-number.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!./bind-mobile-phone-number.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./bind-mobile-phone-number.vue?vue&type=template&id=1f6bab58&scoped=true&\"\nimport script from \"./bind-mobile-phone-number.vue?vue&type=script&lang=js&\"\nexport * from \"./bind-mobile-phone-number.vue?vue&type=script&lang=js&\"\nimport style0 from \"./bind-mobile-phone-number.vue?vue&type=style&index=0&id=1f6bab58&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 \"1f6bab58\",\n null\n \n)\n\nexport default component.exports","'use strict';\nvar $export = require('./_export');\nvar $map = require('./_array-methods')(1);\n\n$export($export.P + $export.F * !require('./_strict-method')([].map, true), 'Array', {\n // 22.1.3.15 / 15.4.4.19 Array.prototype.map(callbackfn [, thisArg])\n map: function map(callbackfn /* , thisArg */) {\n return $map(this, callbackfn, arguments[1]);\n }\n});\n","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAABLElEQVQoU5VRPUsDQRB9c+HYtYySxsof4Edpc8pxgd27zv/hTxDUQlQUJREEC/0FaQQV7o6UHqkNBGyNpRzcERuLnZUVDQZsfDBTzLxh3swjrfWGMea92WwOe72eCcNQSikVgGGapi8ALL5BcRyH1tpDF2VZZq7earW2AGwz826e548A2NXJJaXUsud5Z8x8L4S4kVJ+1HW9TkTHALpZlt0CMF9khziOl6y1rjkyxlwEQTAZDAYrAI6IKB2Px1dTshtot9sLvu/vAZhj5p08z9+iKFr0fb8L4HmGrLWeJ6L9P8iXbuOMDADnzPzEzB0noyiKVc/zTonobipDa71GRCfM/CCEuHYHVlUVNBqNA2ttZ3rgv16nlNpk5smPKUmSCGNMxMyjfr//+tuUT1yrpMaVZ6gIAAAAAElFTkSuQmCC\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./bind-mobile-phone-number.vue?vue&type=style&index=0&id=1f6bab58&scoped=true&lang=css&\""],"sourceRoot":""}
|