{"version":3,"sources":["webpack:///./src/components/edit-password-form/index.scss?cd0d","webpack:///./src/components/edit-alipay-form/index.scss","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?f343","webpack:///./src/views/pages/center/setting/thirdpart-binding/index.scss?d17d","webpack:///./src/views/pages/center/setting/account-form/index.scss?ef15","webpack:///./src/views/pages/center/setting/index.vue?3297","webpack:///./src/views/pages/center/setting/person-form/index.vue?bc77","webpack:///src/views/pages/center/setting/person-form/index.vue","webpack:///./src/views/pages/center/setting/person-form/index.vue?ee67","webpack:///./src/views/pages/center/setting/person-form/index.vue","webpack:///./src/views/pages/center/setting/account-form/index.vue?ff94","webpack:///./src/components/edit-password-form/index.vue?d971","webpack:///src/components/edit-password-form/index.vue","webpack:///./src/components/edit-password-form/index.vue?417e","webpack:///./src/components/edit-password-form/index.vue","webpack:///./src/components/edit-alipay-form/index.vue?8a12","webpack:///src/components/edit-alipay-form/index.vue","webpack:///./src/components/edit-alipay-form/index.vue?68a8","webpack:///./src/components/edit-alipay-form/index.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?9c71","webpack:///./node_modules/vue-image-crop-upload/utils/language.js","webpack:///./node_modules/vue-image-crop-upload/utils/mimes.js","webpack:///./node_modules/vue-image-crop-upload/utils/data2blob.js","webpack:///./node_modules/vue-image-crop-upload/utils/effectRipple.js","webpack:///node_modules/vue-image-crop-upload/upload-2.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?6910","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue","webpack:///src/views/pages/center/setting/account-form/index.vue","webpack:///./src/views/pages/center/setting/account-form/index.vue?f7a7","webpack:///./src/views/pages/center/setting/account-form/index.vue","webpack:///./src/views/pages/center/setting/thirdpart-binding/index.vue?70e6","webpack:///src/views/pages/center/setting/thirdpart-binding/index.vue","webpack:///./src/views/pages/center/setting/thirdpart-binding/index.vue?ba95","webpack:///./src/views/pages/center/setting/thirdpart-binding/index.vue","webpack:///src/views/pages/center/setting/index.vue","webpack:///./src/views/pages/center/setting/index.vue?cb8f","webpack:///./src/views/pages/center/setting/index.vue","webpack:///./node_modules/@babel/runtime/helpers/esm/typeof.js","webpack:///./src/views/pages/center/setting/index.scss?5317","webpack:///./src/common/constants.js","webpack:///./node_modules/core-js/modules/es.number.constructor.js","webpack:///./src/views/pages/center/setting/person-form/index.scss"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","activeIndex","on","handleSelect","_v","_s","$t","directives","name","rawName","value","expression","staticRenderFns","ref","ruleForm","rules","staticStyle","userInfo","model","callback","$$v","$set","gender","birthday","pickerOptions","_l","i","key","id","nameCn","provinceChange","carMakeChange","brandIDOfCar","_e","$event","submitForm","data","familyIncomeValidate","Error","nameValidate","test","basicData","provinces","maritalStatuses","levelsOfEducations","cities","occupationStatus","positions","personalIncomes","householdIncomes","brandIDOfCars","modelIDOfCars","purchasedYearOfCars","parnetsOfChildens","birthYearOfYoungChilds","disabledDate","time","getTime","Date","now","provinceID","cityID","maritalStatusID","educationID","occupationStatusID","positionID","personalIncomeID","householdIncomeID","modelIDOfCar","purchasedYearOfCar","parnetsOfChilden","birthYearOfYoungChild","methods","$http","get","$refs","formName","validate","resetForm","resetFields","computed","component","account","avatarUrl","cropUploadSuccess","show","toggleShow","mobile","slot","activeMobile","setDialogVisible","editMobile","editPwd","alipay","editAlipay","alipyConfirmed","dialogVisible","registryForm","valid","tip","nativeOn","type","indexOf","_k","keyCode","registry","formFocus","loading","committing","errMsg","originPassword","password","confirmpassword","validateRegistryForm","registryValidateError","form","submit","realName","refreshAccount","res","status","off","step","preventDefault","handleClick","handleChange","lang","hint","isSupported","noSupported","errorMsg","ripple","btn","style","sourceImgUrl","imgStartMove","imgMove","createImg","domProps","scale","range","zoomChange","startZoomSub","endZoomSub","startZoomAdd","endZoomAdd","noRotate","rotateImg","noSquare","createImgUrl","preview","noCircle","setStep","back","prepareUpload","save","success","close","width","height","zh","fail","error","onlyImg","outOfSize","lowestPx","en","ro","loewstPx","ru","fr","nl","tr","de","ja","ua","it","ar","ug","th","mm","se","split","window","atob","ia","Uint8Array","length","charCodeAt","Blob","mime","opts","Object","assign","ele","e","target","bgc","arg_opts","rect","getBoundingClientRect","querySelector","className","document","createElement","Math","max","appendChild","top","offsetHeight","left","offsetWidth","pageY","body","scrollTop","pageX","scrollLeft","backgroundColor","params","headers","code","components","EditPwdForm","EditAlipayForm","myUpload","isWechatBind","openWindow","isAlipayBind","isQQBind","open","v","created","$route","query","tab","PersonForm","AccountForm","ThirdPartBinding","_typeof","obj","Symbol","iterator","constructor","prototype","LANG_MAP","zh_CN","zh_TW","en_US","ja_JP","ko_KR","ru_RU","qqLoginHref","aliLoginHref","wxLoginHref","DESCRIPTORS","global","isForced","redefine","has","classof","inheritIfRequired","toPrimitive","fails","create","getOwnPropertyNames","f","getOwnPropertyDescriptor","defineProperty","trim","NUMBER","NativeNumber","NumberPrototype","BROKEN_CLASSOF","toNumber","argument","first","third","radix","maxCode","digits","index","NaN","slice","parseInt","NumberWrapper","arguments","dummy","valueOf","call","keys","j"],"mappings":"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AGA,cAEA,uDAGA,OAGA,UACA,WAGA,YACA,YAGA,UAGA,eACA,gBACA,gBAGA,oBACA,MACA,KACA,KACA,IACA,KAIA,kBACA,UACA,YAIA,oBACA,UACA,YAIA,OACA,aACA,aACA,QAEA,IACA,IACA,QACA,SACA,WACA,YACA,WACA,YACA,eACA,mBAIA,UAEA,cAFA,WAEA,IAEA,EACA,KADA,SAEA,OACA,cAIA,eAXA,WAWA,IAEA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,eACA,eACA,OACA,MACA,OACA,mBACA,uBAIA,iBA1BA,WA0BA,IAEA,EAIA,KAJA,MACA,EAGA,KAHA,OACA,EAEA,KAFA,MACA,EACA,KADA,mBAEA,IACA,mBACA,IACA,IACA,UACA,WACA,IAWA,OAVA,MACA,aACA,aACA,iBAEA,MACA,YACA,YACA,kBAEA,CACA,QACA,IACA,IACA,QACA,WAIA,oBA3DA,WA2DA,IAEA,EAEA,KAFA,iBACA,EACA,KADA,mBAEA,IACA,IACA,+CACA,oDACA,OACA,aACA,gBAGA,aAzEA,WA+EA,KAJA,MAIA,KAHA,OAHA,IAIA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,IACA,UACA,WACA,MAOA,OANA,MACA,cAEA,MACA,aAEA,CACA,aACA,iBAIA,OACA,MADA,SACA,GACA,oBACA,eAIA,SAEA,OAFA,SAEA,GACA,MAGA,IANA,WAMA,WACA,uBACA,oBACA,yBACA,eAEA,MAGA,QAfA,SAeA,cAEA,uBACA,WACA,MAKA,eAxBA,SAwBA,GAEA,OADA,oBACA,GAEA,YA5BA,SA4BA,GACA,kBACA,kCACA,mBACA,qCACA,+BAKA,aAtCA,SAsCA,GAEA,GADA,mBACA,kBACA,2CACA,aACA,sBACA,0BAOA,UAnDA,SAmDA,GACA,WAEA,EAEA,EAFA,KACA,EACA,EADA,QAGA,oCACA,cACA,4BACA,KAIA,iBACA,cACA,qCACA,IAKA,MAzEA,WA0EA,WACA,YACA,cACA,cACA,cAGA,aAjFA,SAiFA,GACA,gDACA,WACA,iBACA,qBACA,wBACA,eAEA,oBAGA,UA5FA,WA6FA,WAEA,EAOA,EAPA,MACA,EAMA,EANA,OACA,EAKA,EALA,MACA,EAIA,EAJA,MACA,EAGA,EAHA,aACA,EAEA,EAFA,iBACA,EACA,EADA,KAEA,IACA,YACA,QACA,oBACA,qBACA,kBACA,MACA,UACA,WACA,IACA,IAEA,YAGA,OAFA,cACA,qCACA,EAEA,MACA,MACA,kBAEA,MACA,MACA,iBAEA,UACA,MACA,MACA,UACA,WACA,aACA,cACA,qBACA,sBACA,iBACA,kBACA,cACA,cACA,eAIA,aAjJA,SAiJA,GAGA,GAFA,mBAEA,sCACA,SAEA,2CAEA,EAEA,KAFA,mBACA,EACA,KADA,MAEA,IACA,eACA,eACA,QACA,QACA,SAGA,QApKA,SAoKA,GAGA,GAFA,mBAEA,sCACA,SAEA,6CAWA,KATA,mBACA,EAHA,EAGA,GACA,EAJA,EAIA,GACA,EALA,EAKA,GACA,EANA,EAMA,EACA,EAPA,EAOA,EAEA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,IACA,YACA,YACA,MACA,MACA,MACA,MACA,IACA,MACA,KAEA,MACA,KAEA,oBACA,mBAEA,sBACA,qBAEA,MACA,QAGI,UA9MJ,SA8MA,GAAM,IAEN,EAKA,KALA,UAFA,EAOA,KAJA,MACA,EAJA,EAIA,aACA,EALA,EAKA,cAGA,IACA,IACA,oBACA,qBACA,UACM,EAAN,SACM,EAAN,mBAEA,4BACA,oBAEA,iBACM,EAAN,uBAEM,EAAN,qBACM,IAAN,wBAEA,oBACA,kBAIA,aA5OA,SA4OA,GACA,WAEA,EACA,EADA,MAIA,aACA,gBACA,iCACA,aACA,uBACA,MACA,KARA,eAWA,KAGA,WA/PA,SA+PA,GACA,yBAGA,aAnQA,SAmQA,GACA,WAEA,EACA,EADA,MAIA,aACA,gBACA,6BACA,aACA,uBACA,MACA,KARA,eAWA,KAGA,WAtRA,SAsRA,OAEA,EACA,KADA,MAEA,gBAEA,WA5RA,SA4RA,GACA,8BAGA,QAhSA,SAgSA,GACA,WAEA,EAGA,KAHA,iBAEA,GACA,KAFA,mBAEA,KADA,OAGA,EASA,EATA,SACA,EAQA,EARA,UACA,EAOA,EAPA,SACA,EAMA,EANA,UACA,EAKA,EALA,MACA,EAIA,EAJA,OACA,EAGA,EAHA,EACA,EAEA,EAFA,EAGA,GADA,EADA,MAEA,GAEA,UACA,WAEA,gBACA,gBAEA,kBACA,kBAGA,MACA,KAEA,MACA,KAEA,QACA,OAEA,QACA,OAIA,MACA,MACA,UACA,WACA,UACA,uBACA,YACA,gBAEA,MAGI,UAxVJ,SAwVA,GACM,IAAN,OAEA,EAaA,EAbA,UACA,EAYA,EAZA,OACA,EAWA,EAXA,KACA,EAUA,EAVA,UALU,EAeV,EATA,MACA,EAPA,EAOA,EACA,EARA,EAQA,EACA,EATA,EASA,MACA,EAVA,EAUA,OAGA,EAEA,EAHA,iBACA,MAGA,iBACA,qBACA,IAEQ,EAAR,0BAEA,gBACM,EAAN,gBACM,EAAN,gCAGA,YADA,SACA,gBAGA,EAEA,iCAEM,EAAN,6BACM,EAAN,6BAEA,cA9XA,WA8XA,IAEA,EAIA,KAJA,IACA,EAGA,KAHA,aACA,EAEA,KAFA,MACA,EACA,KADA,GAEA,iCACA,sBACA,cAEA,YAIA,OA7YA,WA8YA,WAEA,EAWA,KAXA,KACA,EAUA,KAVA,UACA,EASA,KATA,KACA,EAQA,KARA,IACA,EAOA,KAPA,OACA,EAMA,KANA,QACA,EAKA,KALA,MACA,EAIA,KAJA,GACA,EAGA,KAHA,aACA,EAEA,KAFA,gBACA,EACA,KADA,OAEA,eACA,2BAGA,gCACA,oCACA,oBAKA,kBACA,qBACA,8CAKA,UACA,YACA,aACA,2BACA,yBACA,eACA,oBACA,gCACA,sBAGA,qCACA,iCAEA,iBAGA,2CAEA,gCACA,oCACA,8BAGA,aACA,MAEA,YACA,UACA,YACA,yCAIA,YACA,UACA,YACA,cACA,kBACA,wCAMA,QA7vBA,WA6vBA,WAEA,gDACA,yCACA,aC/2BkQ,ICQ9P,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCgHf,GACEtK,KADF,WAEI,MAAO,CACLiD,MAAM,EACNqI,OAAQ,GACRC,QAAS,KAGbnJ,QAAS,OAAX,OAAW,CAAX,kBACA,mDADA,IAEIc,WAFJ,WAGM5F,KAAK2F,MAAQ3F,KAAK2F,MAEpBD,kBALJ,SAKA,cACyB,MAAfmC,EAAIC,QAA+B,MAAbD,EAAIqG,MAC5BlO,KAAK+E,MACb,KADA,2BACA,gBADA,WACA,MACU,OAAV,CACY,GAAZ,gBACY,UAAZ,oBAGA,kBACA,gBACY,EAAZ,aACY,EAAZ,uCACY,EAAZ,8DACA,2BACgB,EAAhB,uBAIY,EAAZ,0CAMEO,SAAU,OAAZ,OAAY,CAAZ,GACA,wDAEE6I,WAAY,CACVC,YAAJ,EACIC,eAAJ,EACIC,SAAJ,IC/K2Y,ICQvY,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIvO,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,UAAUT,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIyF,QAAQ+I,aAAexO,EAAIa,GAAG,WAAab,EAAIa,GAAG,kBAAkBT,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIa,GAAG,wBAAwB,SAAST,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAAGN,EAAIyF,QAAQ+I,aAAgIxO,EAAIwC,KAAtHpC,EAAG,UAAU,CAACK,GAAG,CAAC,MAAQ,SAASgC,GAAQ,OAAOzC,EAAIyO,WAAW,SAAS,CAACzO,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,mBAA4B,KAAKT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,cAAcT,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIyF,QAAQiJ,aAAe1O,EAAIa,GAAG,WAAab,EAAIa,GAAG,kBAAkBT,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIa,GAAG,wBAAwB,SAAST,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAAGN,EAAIyF,QAAQiJ,aAAiI1O,EAAIwC,KAAvHpC,EAAG,UAAU,CAACK,GAAG,CAAC,MAAQ,SAASgC,GAAQ,OAAOzC,EAAIyO,WAAW,UAAU,CAACzO,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,mBAA4B,KAAKT,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACN,EAAIW,GAAG,QAAQP,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACJ,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIyF,QAAQkJ,SAAW3O,EAAIa,GAAG,WAAab,EAAIa,GAAG,kBAAkBT,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACN,EAAIW,GAAG,IAAIX,EAAIY,GAAGZ,EAAIa,GAAG,wBAAwB,SAAST,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAAGN,EAAIyF,QAAQkJ,SAA4H3O,EAAIwC,KAAtHpC,EAAG,UAAU,CAACK,GAAG,CAAC,MAAQ,SAASgC,GAAQ,OAAOzC,EAAIyO,WAAW,SAAS,CAACzO,EAAIW,GAAGX,EAAIY,GAAGZ,EAAIa,GAAG,mBAA4B,QACvzD,EAAkB,G,YCsDtB,GACE8B,KADF,WAEI,MAAO,IAEToC,QAAS,OAAX,OAAW,CAAX,kBACA,sCADA,IAEI0J,WAFJ,SAEA,GACmB,OAAT7H,EACFkF,OAAO8C,KAAK,EAApB,MACA,UACQ9C,OAAO8C,KAAK,EAApB,MACA,UACQ9C,OAAO8C,KAAK,EAApB,SAIErJ,SAAU,OAAZ,OAAY,CAAZ,GACA,6CAEE6I,WAAY,IC1E6X,ICQvY,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,OAIa,I,QCKf,GACEzL,KADF,WAEI,MAAO,CACLnC,YAAa,YAGjBuE,QAAS,CACPrE,aADJ,SACA,GACMT,KAAKO,YAAcqO,IAGvBC,QAXF,WAYQ7O,KAAK8O,OAAOC,MAAMC,MACpBhP,KAAKO,YAAcP,KAAK8O,OAAOC,MAAMC,MAGzCb,WAAY,CACVc,WAAJ,EACIC,YAAJ,EACIC,iBAAJ,IC3C4X,ICQxX,G,UAAY,eACd,EACArP,EACAoB,GACA,EACA,KACA,KACA,OAIa,e,2ICnBA,SAASkO,EAAQC,GAa9B,OATED,EADoB,oBAAXE,QAAoD,kBAApBA,OAAOC,SACtC,SAAiBF,GACzB,cAAcA,GAGN,SAAiBA,GACzB,OAAOA,GAAyB,oBAAXC,QAAyBD,EAAIG,cAAgBF,QAAUD,IAAQC,OAAOG,UAAY,gBAAkBJ,GAItHD,EAAQC,K,kCCbjB,W,+GCAA,wIAAO,IAAMK,EAAW,CACtBC,MAAO,QACPC,MAAO,QACPC,MAAO,KACPC,MAAO,KACPC,MAAO,KACPC,MAAO,MAGIC,EAAc,4CACdC,EAAe,gDACfC,EAAc,iD,kCCV3B,IAAIC,EAAc,EAAQ,QACtBC,EAAS,EAAQ,QACjBC,EAAW,EAAQ,QACnBC,EAAW,EAAQ,QACnBC,EAAM,EAAQ,QACdC,EAAU,EAAQ,QAClBC,EAAoB,EAAQ,QAC5BC,EAAc,EAAQ,QACtBC,EAAQ,EAAQ,QAChBC,EAAS,EAAQ,QACjBC,EAAsB,EAAQ,QAA8CC,EAC5EC,EAA2B,EAAQ,QAAmDD,EACtFE,EAAiB,EAAQ,QAAuCF,EAChEG,EAAO,EAAQ,QAA4BA,KAE3CC,EAAS,SACTC,EAAef,EAAOc,GACtBE,EAAkBD,EAAa3B,UAG/B6B,EAAiBb,EAAQI,EAAOQ,KAAqBF,EAIrDI,EAAW,SAAUC,GACvB,IACIC,EAAOC,EAAOC,EAAOC,EAASC,EAAQ5F,EAAQ6F,EAAO5D,EADrD5C,EAAKqF,EAAYa,GAAU,GAE/B,GAAiB,iBAANlG,GAAkBA,EAAGW,OAAS,EAGvC,GAFAX,EAAK4F,EAAK5F,GACVmG,EAAQnG,EAAGY,WAAW,GACR,KAAVuF,GAA0B,KAAVA,GAElB,GADAC,EAAQpG,EAAGY,WAAW,GACR,KAAVwF,GAA0B,MAAVA,EAAe,OAAOK,SACrC,GAAc,KAAVN,EAAc,CACvB,OAAQnG,EAAGY,WAAW,IACpB,KAAK,GAAI,KAAK,GAAIyF,EAAQ,EAAGC,EAAU,GAAI,MAC3C,KAAK,GAAI,KAAK,IAAKD,EAAQ,EAAGC,EAAU,GAAI,MAC5C,QAAS,OAAQtG,EAInB,IAFAuG,EAASvG,EAAG0G,MAAM,GAClB/F,EAAS4F,EAAO5F,OACX6F,EAAQ,EAAGA,EAAQ7F,EAAQ6F,IAI9B,GAHA5D,EAAO2D,EAAO3F,WAAW4F,GAGrB5D,EAAO,IAAMA,EAAO0D,EAAS,OAAOG,IACxC,OAAOE,SAASJ,EAAQF,GAE5B,OAAQrG,GAKZ,GAAIgF,EAASa,GAASC,EAAa,UAAYA,EAAa,QAAUA,EAAa,SAAU,CAS3F,IARA,IAcqBnP,EAdjBiQ,EAAgB,SAAgBlR,GAClC,IAAIsK,EAAK6G,UAAUlG,OAAS,EAAI,EAAIjL,EAChCoR,EAAQpS,KACZ,OAAOoS,aAAiBF,IAElBZ,EAAiBV,GAAM,WAAcS,EAAgBgB,QAAQC,KAAKF,MAAa3B,EAAQ2B,IAAUjB,GACjGT,EAAkB,IAAIU,EAAaG,EAASjG,IAAM8G,EAAOF,GAAiBX,EAASjG,IAElFiH,EAAOnC,EAAcU,EAAoBM,GAAgB,6KAMhExF,MAAM,KAAM4G,EAAI,EAAQD,EAAKtG,OAASuG,EAAGA,IACrChC,EAAIY,EAAcnP,EAAMsQ,EAAKC,MAAQhC,EAAI0B,EAAejQ,IAC1DgP,EAAeiB,EAAejQ,EAAK+O,EAAyBI,EAAcnP,IAG9EiQ,EAAczC,UAAY4B,EAC1BA,EAAgB7B,YAAc0C,EAC9B3B,EAASF,EAAQc,EAAQe,K,uGC5E3B","file":"js/chunk-1e9c77ff.a67bc003.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!./index.scss?vue&type=style&index=0&id=1b5e12ea&lang=scss&scoped=true&\"","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!./index.scss?vue&type=style&index=0&id=5bf4c8b3&lang=scss&scoped=true&\"","export * from \"-!../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../vue-loader/lib/loaders/stylePostLoader.js!../postcss-loader/src/index.js??ref--6-oneOf-1-2!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=style&index=0&lang=css&\"","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!./index.scss?vue&type=style&index=0&lang=scss&\"","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!./index.scss?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"center-setting\"},[_c('el-menu',{staticClass:\"setting-menu\",attrs:{\"default-active\":_vm.activeIndex,\"mode\":\"horizontal\"},on:{\"select\":_vm.handleSelect}},[_c('el-menu-item',{attrs:{\"index\":\"account\"}},[_vm._v(_vm._s(_vm.$t(\"account_info\")))]),_c('el-menu-item',{attrs:{\"index\":\"user\"}},[_vm._v(_vm._s(_vm.$t(\"personal_info\")))]),_c('el-menu-item',{attrs:{\"index\":\"third\"}},[_vm._v(_vm._s(_vm.$t(\"third_binding\")))])],1),_c('div',{staticClass:\"card\"},[_c('PersonForm',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeIndex === 'user'),expression:\"activeIndex === 'user'\"}]}),_c('AccountForm',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeIndex === 'account'),expression:\"activeIndex === 'account'\"}]}),_c('ThirdPartBinding',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.activeIndex === 'third'),expression:\"activeIndex === 'third'\"}]})],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"person-form\"},[_c('el-form',{ref:\"ruleForm\",attrs:{\"model\":_vm.ruleForm,\"rules\":_vm.rules,\"label-width\":\"150px\"}},[_c('el-form-item',{attrs:{\"label\":_vm.$t('name'),\"prop\":\"name\"}},[_c('el-input',{staticStyle:{\"width\":\"220px\"},attrs:{\"disabled\":!!_vm.userInfo.name},model:{value:(_vm.ruleForm.name),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"name\", $$v)},expression:\"ruleForm.name\"}})],1),_c('el-form-item',{attrs:{\"label\":_vm.$t('gender'),\"prop\":\"gender\"}},[_c('el-radio-group',{attrs:{\"disabled\":!!_vm.userInfo.gender},model:{value:(_vm.ruleForm.gender),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"gender\", $$v)},expression:\"ruleForm.gender\"}},[_c('el-radio',{attrs:{\"label\":1}},[_vm._v(_vm._s(_vm.$t(\"man\")))]),_c('el-radio',{attrs:{\"label\":2}},[_vm._v(_vm._s(_vm.$t(\"woman\")))])],1)],1),_c('el-form-item',{attrs:{\"label\":_vm.$t('birthday'),\"prop\":\"birthday\"}},[_c('el-date-picker',{attrs:{\"disabled\":!!_vm.userInfo.birthday,\"type\":\"date\",\"placeholder\":_vm.$t('choose_data'),\"picker-options\":_vm.pickerOptions},model:{value:(_vm.ruleForm.birthday),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"birthday\", $$v)},expression:\"ruleForm.birthday\"}})],1),_c('el-form-item',{attrs:{\"label\":_vm.$t('marital_status'),\"prop\":\"maritalStatusID\"}},[_c('el-radio-group',{model:{value:(_vm.ruleForm.maritalStatusID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"maritalStatusID\", $$v)},expression:\"ruleForm.maritalStatusID\"}},_vm._l((_vm.maritalStatuses),function(i){return _c('el-radio',{key:i.id,attrs:{\"label\":i.id}},[_vm._v(_vm._s(i.nameCn))])}),1)],1),_c('el-form-item',{attrs:{\"label\":_vm.$t('place_live'),\"required\":\"\"}},[_c('el-col',{attrs:{\"span\":5}},[_c('el-form-item',{attrs:{\"prop\":\"provinceID\"}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('province_place_live')},on:{\"change\":_vm.provinceChange},model:{value:(_vm.ruleForm.provinceID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"provinceID\", $$v)},expression:\"ruleForm.provinceID\"}},_vm._l((_vm.provinces),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1)],1),_c('el-col',{attrs:{\"span\":5}},[_c('el-form-item',{attrs:{\"prop\":\"cityID\"}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('city_place_live')},model:{value:(_vm.ruleForm.cityID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"cityID\", $$v)},expression:\"ruleForm.cityID\"}},_vm._l((_vm.cities),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1)],1)],1),_c('el-form-item',{attrs:{\"prop\":\"educationID\",\"label\":_vm.$t('education')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('choose_education')},model:{value:(_vm.ruleForm.educationID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"educationID\", $$v)},expression:\"ruleForm.educationID\"}},_vm._l((_vm.levelsOfEducations),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1),_c('el-form-item',{attrs:{\"prop\":\"occupationStatusID\",\"label\":_vm.$t('occupation_status')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('choose_occupation_status')},model:{value:(_vm.ruleForm.occupationStatusID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"occupationStatusID\", $$v)},expression:\"ruleForm.occupationStatusID\"}},_vm._l((_vm.occupationStatus),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1),_c('el-form-item',{attrs:{\"prop\":\"positionID\",\"label\":_vm.$t('position')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('choose_position')},model:{value:(_vm.ruleForm.positionID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"positionID\", $$v)},expression:\"ruleForm.positionID\"}},_vm._l((_vm.positions),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1),_c('el-form-item',{attrs:{\"prop\":\"personalIncomeID\",\"label\":_vm.$t('personal_income')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('choose_personal_income')},model:{value:(_vm.ruleForm.personalIncomeID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"personalIncomeID\", $$v)},expression:\"ruleForm.personalIncomeID\"}},_vm._l((_vm.personalIncomes),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1),_c('el-form-item',{attrs:{\"prop\":\"householdIncomeID\",\"label\":_vm.$t('household_income')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('choose_household_income')},model:{value:(_vm.ruleForm.householdIncomeID),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"householdIncomeID\", $$v)},expression:\"ruleForm.householdIncomeID\"}},_vm._l((_vm.personalIncomes),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1),_c('el-form-item',{attrs:{\"prop\":\"brandIDOfCar\",\"label\":_vm.$t('private_car')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('brand_car')},on:{\"change\":_vm.carMakeChange},model:{value:(_vm.ruleForm.brandIDOfCar),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"brandIDOfCar\", $$v)},expression:\"ruleForm.brandIDOfCar\"}},_vm._l((_vm.brandIDOfCars),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1),(_vm.ruleForm.brandIDOfCar && _vm.ruleForm.brandIDOfCar !== 1)?_c('el-form-item',{attrs:{\"prop\":\"modelIDOfCar\",\"label\":_vm.$t('model_of_car')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('choose_model_of_car')},model:{value:(_vm.ruleForm.modelIDOfCar),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"modelIDOfCar\", $$v)},expression:\"ruleForm.modelIDOfCar\"}},_vm._l((_vm.modelIDOfCars),function(i){return _c('el-option',{key:i.id,attrs:{\"label\":i.nameCn,\"value\":i.id}})}),1)],1):_vm._e(),(_vm.ruleForm.brandIDOfCar && _vm.ruleForm.brandIDOfCar !== 1)?_c('el-form-item',{attrs:{\"prop\":\"purchasedYearOfCar\",\"label\":_vm.$t('purchase_year_of_car')}},[_c('el-date-picker',{attrs:{\"type\":\"year\",\"placeholder\":_vm.$t('choose_purchase_year_of_car'),\"value-format\":\"yyyy\",\"picker-options\":_vm.pickerOptions},model:{value:(_vm.ruleForm.purchasedYearOfCar),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"purchasedYearOfCar\", $$v)},expression:\"ruleForm.purchasedYearOfCar\"}})],1):_vm._e(),_c('el-form-item',{attrs:{\"prop\":\"parnetsOfChilden\",\"label\":_vm.$t('parnets_of_childen')}},[_c('el-select',{attrs:{\"placeholder\":_vm.$t('parnets_of_childen')},model:{value:(_vm.ruleForm.parnetsOfChilden),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"parnetsOfChilden\", $$v)},expression:\"ruleForm.parnetsOfChilden\"}},[_c('el-option',{attrs:{\"label\":_vm.$t('you'),\"value\":true}}),_c('el-option',{attrs:{\"label\":_vm.$t('meiyou'),\"value\":false}})],1)],1),(_vm.ruleForm.parnetsOfChilden)?_c('el-form-item',{attrs:{\"prop\":\"birthYearOfYoungChild\",\"label\":_vm.$t('birthyear_of_young_child')}},[_c('el-date-picker',{attrs:{\"placeholder\":_vm.$t('year'),\"type\":\"year\",\"value-format\":\"yyyy\",\"picker-options\":_vm.pickerOptions},model:{value:(_vm.ruleForm.birthYearOfYoungChild),callback:function ($$v) {_vm.$set(_vm.ruleForm, \"birthYearOfYoungChild\", $$v)},expression:\"ruleForm.birthYearOfYoungChild\"}})],1):_vm._e(),_c('el-form-item',[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submitForm('ruleForm')}}},[_vm._v(_vm._s(_vm.$t(\"save\")))])],1),_c('el-form-item',{staticStyle:{\"margin-top\":\"-10px\"}},[_c('span',{staticClass:\"text-orange text-min\"},[_vm._v(_vm._s(_vm.$t(\"save_tip\")))])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"person-form\">\r\n    <el-form\r\n      :model=\"ruleForm\"\r\n      :rules=\"rules\"\r\n      ref=\"ruleForm\"\r\n      label-width=\"150px\"\r\n    >\r\n      <el-form-item :label=\"$t('name')\" prop=\"name\">\r\n        <el-input\r\n          style=\"width: 220px;\"\r\n          v-model=\"ruleForm.name\"\r\n          :disabled=\"!!userInfo.name\"\r\n        ></el-input>\r\n      </el-form-item>\r\n      <el-form-item :label=\"$t('gender')\" prop=\"gender\">\r\n        <el-radio-group v-model=\"ruleForm.gender\" :disabled=\"!!userInfo.gender\">\r\n          <el-radio :label=\"1\">{{ $t(\"man\") }}</el-radio>\r\n          <el-radio :label=\"2\">{{ $t(\"woman\") }}</el-radio>\r\n        </el-radio-group>\r\n      </el-form-item>\r\n      <el-form-item :label=\"$t('birthday')\" prop=\"birthday\">\r\n        <el-date-picker\r\n          :disabled=\"!!userInfo.birthday\"\r\n          type=\"date\"\r\n          :placeholder=\"$t('choose_data')\"\r\n          v-model=\"ruleForm.birthday\"\r\n          :picker-options=\"pickerOptions\"\r\n        ></el-date-picker>\r\n      </el-form-item>\r\n      <el-form-item :label=\"$t('marital_status')\" prop=\"maritalStatusID\">\r\n        <el-radio-group v-model=\"ruleForm.maritalStatusID\">\r\n          <el-radio v-for=\"i in maritalStatuses\" :label=\"i.id\" :key=\"i.id\">{{\r\n            i.nameCn\r\n          }}</el-radio>\r\n        </el-radio-group>\r\n      </el-form-item>\r\n      <el-form-item :label=\"$t('place_live')\" required>\r\n        <el-col :span=\"5\"\r\n          ><!--style=\"margin-left:-10px;\"-->\r\n          <el-form-item prop=\"provinceID\">\r\n            <el-select\r\n              v-model=\"ruleForm.provinceID\"\r\n              :placeholder=\"$t('province_place_live')\"\r\n              @change=\"provinceChange\"\r\n            >\r\n              <el-option\r\n                v-for=\"i in provinces\"\r\n                :label=\"i.nameCn\"\r\n                :value=\"i.id\"\r\n                :key=\"i.id\"\r\n              ></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n        </el-col>\r\n        <el-col :span=\"5\">\r\n          <el-form-item prop=\"cityID\">\r\n            <el-select\r\n              v-model=\"ruleForm.cityID\"\r\n              :placeholder=\"$t('city_place_live')\"\r\n            >\r\n              <el-option\r\n                v-for=\"i in cities\"\r\n                :label=\"i.nameCn\"\r\n                :value=\"i.id\"\r\n                :key=\"i.id\"\r\n              ></el-option>\r\n            </el-select>\r\n          </el-form-item>\r\n        </el-col>\r\n      </el-form-item>\r\n      <el-form-item prop=\"educationID\" :label=\"$t('education')\">\r\n        <el-select\r\n          v-model=\"ruleForm.educationID\"\r\n          :placeholder=\"$t('choose_education')\"\r\n        >\r\n          <el-option\r\n            v-for=\"i in levelsOfEducations\"\r\n            :label=\"i.nameCn\"\r\n            :value=\"i.id\"\r\n            :key=\"i.id\"\r\n          ></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item prop=\"occupationStatusID\" :label=\"$t('occupation_status')\">\r\n        <el-select\r\n          v-model=\"ruleForm.occupationStatusID\"\r\n          :placeholder=\"$t('choose_occupation_status')\"\r\n        >\r\n          <el-option\r\n            v-for=\"i in occupationStatus\"\r\n            :label=\"i.nameCn\"\r\n            :value=\"i.id\"\r\n            :key=\"i.id\"\r\n          ></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item prop=\"positionID\" :label=\"$t('position')\">\r\n        <el-select\r\n          v-model=\"ruleForm.positionID\"\r\n          :placeholder=\"$t('choose_position')\"\r\n        >\r\n          <el-option\r\n            v-for=\"i in positions\"\r\n            :label=\"i.nameCn\"\r\n            :value=\"i.id\"\r\n            :key=\"i.id\"\r\n          ></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item prop=\"personalIncomeID\" :label=\"$t('personal_income')\">\r\n        <el-select\r\n          v-model=\"ruleForm.personalIncomeID\"\r\n          :placeholder=\"$t('choose_personal_income')\"\r\n        >\r\n          <el-option\r\n            v-for=\"i in personalIncomes\"\r\n            :label=\"i.nameCn\"\r\n            :value=\"i.id\"\r\n            :key=\"i.id\"\r\n          ></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item prop=\"householdIncomeID\" :label=\"$t('household_income')\">\r\n        <el-select\r\n          v-model=\"ruleForm.householdIncomeID\"\r\n          :placeholder=\"$t('choose_household_income')\"\r\n        >\r\n          <el-option\r\n            v-for=\"i in personalIncomes\"\r\n            :label=\"i.nameCn\"\r\n            :value=\"i.id\"\r\n            :key=\"i.id\"\r\n          ></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item prop=\"brandIDOfCar\" :label=\"$t('private_car')\">\r\n        <el-select\r\n          v-model=\"ruleForm.brandIDOfCar\"\r\n          :placeholder=\"$t('brand_car')\"\r\n          @change=\"carMakeChange\"\r\n        >\r\n          <el-option\r\n            v-for=\"i in brandIDOfCars\"\r\n            :label=\"i.nameCn\"\r\n            :value=\"i.id\"\r\n            :key=\"i.id\"\r\n          ></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item\r\n        prop=\"modelIDOfCar\"\r\n        :label=\"$t('model_of_car')\"\r\n        v-if=\"ruleForm.brandIDOfCar && ruleForm.brandIDOfCar !== 1\"\r\n      >\r\n        <el-select\r\n          v-model=\"ruleForm.modelIDOfCar\"\r\n          :placeholder=\"$t('choose_model_of_car')\"\r\n        >\r\n          <el-option\r\n            v-for=\"i in modelIDOfCars\"\r\n            :label=\"i.nameCn\"\r\n            :value=\"i.id\"\r\n            :key=\"i.id\"\r\n          ></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item\r\n        prop=\"purchasedYearOfCar\"\r\n        :label=\"$t('purchase_year_of_car')\"\r\n        v-if=\"ruleForm.brandIDOfCar && ruleForm.brandIDOfCar !== 1\"\r\n      >\r\n        <el-date-picker\r\n          v-model=\"ruleForm.purchasedYearOfCar\"\r\n          type=\"year\"\r\n          :placeholder=\"$t('choose_purchase_year_of_car')\"\r\n          value-format=\"yyyy\"\r\n          :picker-options=\"pickerOptions\"\r\n        >\r\n        </el-date-picker>\r\n      </el-form-item>\r\n      <el-form-item prop=\"parnetsOfChilden\" :label=\"$t('parnets_of_childen')\">\r\n        <el-select\r\n          v-model=\"ruleForm.parnetsOfChilden\"\r\n          :placeholder=\"$t('parnets_of_childen')\"\r\n        >\r\n          <el-option :label=\"$t('you')\" :value=\"true\"></el-option>\r\n          <el-option :label=\"$t('meiyou')\" :value=\"false\"></el-option>\r\n        </el-select>\r\n      </el-form-item>\r\n      <el-form-item\r\n        v-if=\"ruleForm.parnetsOfChilden\"\r\n        prop=\"birthYearOfYoungChild\"\r\n        :label=\"$t('birthyear_of_young_child')\"\r\n      >\r\n        <el-date-picker\r\n          v-model=\"ruleForm.birthYearOfYoungChild\"\r\n          :placeholder=\"$t('year')\"\r\n          type=\"year\"\r\n          value-format=\"yyyy\"\r\n          :picker-options=\"pickerOptions\"\r\n        >\r\n        </el-date-picker>\r\n      </el-form-item>\r\n\r\n      <el-form-item>\r\n        <el-button type=\"primary\" @click=\"submitForm('ruleForm')\">{{\r\n          $t(\"save\")\r\n        }}</el-button>\r\n      </el-form-item>\r\n      <el-form-item style=\"margin-top: -10px;\"\r\n        ><span class=\"text-orange text-min\">{{\r\n          $t(\"save_tip\")\r\n        }}</span></el-form-item\r\n      >\r\n    </el-form>\r\n  </div>\r\n</template>\r\n<style src=\"./index.scss\" lang=\"scss\"></style>\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    var familyIncomeValidate = (rule, value, callback) => {\r\n      if (!value) {\r\n        return callback(new Error(this.$t(\"family_income_required\")));\r\n      }\r\n      if (value < this.ruleForm.personalIncomeID) {\r\n        return callback(new Error(this.$t(\"family_income_tip\")));\r\n      }\r\n      callback();\r\n    };\r\n    var nameValidate = (rule, value, callback) => {\r\n      if (!/^[\\u4e00-\\u9fa5]{1,4}$/.test(value)) {\r\n        return callback(new Error(this.$t(\"name_tip1\")));\r\n      }\r\n      callback();\r\n    };\r\n    return {\r\n      activeIndex: \"account\",\r\n      basicData: {},\r\n      provinces: [],\r\n      maritalStatuses: [],\r\n      levelsOfEducations: [],\r\n      cities: [],\r\n      occupationStatus: [],\r\n      positions: [],\r\n      personalIncomes: [],\r\n      householdIncomes: [],\r\n      brandIDOfCars: [],\r\n      modelIDOfCars: [],\r\n      purchasedYearOfCars: [],\r\n      parnetsOfChildens: [],\r\n      birthYearOfYoungChilds: [],\r\n      pickerOptions: {\r\n        disabledDate(time) {\r\n          return time.getTime() > Date.now() - 8.64e6;\r\n        }\r\n      },\r\n      ruleForm: {\r\n        name: \"\",\r\n        gender: \"1\", //性别（1-男，2-女）   |\r\n        birthday: \"\", // | DateTime   |          | 出生日期 |\r\n        provinceID: \"\", // | Int        |          | 省份     |\r\n        cityID: \"\", //| Int       |          |  城市     |\r\n        maritalStatusID: \"\", //| Int       |          |  婚姻状况  |\r\n        educationID: \"\", //| Int       |          |  教育程度 |\r\n        occupationStatusID: \"\", //| Int       |          | 工作状态 |\r\n        positionID: \"\", //| Int       |          | 职务（职位） |\r\n        personalIncomeID: \"\", //| Int       |          | 个人月收入 |\r\n        householdIncomeID: \"\", //| Int       |          | 家庭月收入 |\r\n        brandIDOfCar: \"\", //| Int       |          | 汽车品牌 |\r\n        modelIDOfCar: \"\", //| Int       |          | 汽车型号 |\r\n        purchasedYearOfCar: null, //| Int       |          | 汽车购买年份 |\r\n        parnetsOfChilden: \"\", //| Boolean  |          | 是否小孩父母 |\r\n        birthYearOfYoungChild: null //| Int     |          | 小孩出生年份 |\r\n      },\r\n\r\n      rules: {\r\n        name: [{ required: true, validator: nameValidate, trigger: \"blur\" }],\r\n        gender: [{ required: true, message: this.$t(\"choose_gender\") }], //性别（1-男，2-女）   |\r\n        birthday: [\r\n          {\r\n            required: true,\r\n            message: this.$t(\"choose_data_tip\"),\r\n            trigger: \"change\"\r\n          }\r\n        ],\r\n        provinceID: [\r\n          {\r\n            required: true,\r\n            message: this.$t(\"province_place_live\"),\r\n            trigger: \"change\"\r\n          }\r\n        ],\r\n        cityID: [\r\n          {\r\n            required: true,\r\n            message: this.$t(\"city_place_live\"),\r\n            trigger: \"change\"\r\n          }\r\n        ],\r\n        maritalStatusID: [\r\n          {\r\n            required: true,\r\n            trigger: \"change\",\r\n            message: this.$t(\"choose_marital_status\")\r\n          }\r\n        ],\r\n        educationID: [{ required: true, message: this.$t(\"choose_education\") }], //| Int       |          |  教育程度 |\r\n        occupationStatusID: [\r\n          { required: true, message: this.$t(\"choose_occupation_status\") }\r\n        ], //| Int       |          | 工作状态 |\r\n        positionID: [{ required: true, message: this.$t(\"choose_position\") }], //| Int       |          | 职务（职位） |\r\n        personalIncomeID: [\r\n          { required: true, message: this.$t(\"choose_personal_income\") }\r\n        ], //| Int       |          | 个人月收入 |\r\n        householdIncomeID: [\r\n          {\r\n            required: true,\r\n            validator: familyIncomeValidate,\r\n            trigger: \"change\"\r\n          }\r\n        ], //| Int       |          | 家庭月收入 |\r\n        brandIDOfCar: [{ required: true, message: this.$t(\"brand_car\") }], //| Int       |          | 汽车品牌 |\r\n        modelIDOfCar: [\r\n          { required: true, message: this.$t(\"choose_model_of_car\") }\r\n        ], //| Int       |          | 汽车型号 |\r\n        purchasedYearOfCar: [\r\n          {\r\n            required: true,\r\n            message: this.$t(\"choose_purchase_year_of_car\"),\r\n            trigger: \"change\"\r\n          }\r\n        ], //| Int       |          | 汽车购买年份 |\r\n        parnetsOfChilden: [\r\n          { required: true, message: this.$t(\"choose_parnets_of_childen\") }\r\n        ], //| Boolean  |          | 是否小孩父母 |\r\n        birthYearOfYoungChild: [\r\n          {\r\n            required: true,\r\n            message: this.$t(\"choose_birthyear_of_young_child\"),\r\n            trigger: \"change\"\r\n          }\r\n        ] //| Int     |          | 小孩出生年份 |\r\n      }\r\n    };\r\n  },\r\n  async created() {\r\n    this.$http.get(\"/api/v1/Provinces\").then(res => {\r\n      this.provinces = res.data;\r\n    });\r\n    this.$http.get(\"/api/v1/LevelsOfEducation\").then(res => {\r\n      this.levelsOfEducations = res.data;\r\n    });\r\n    this.$http.get(\"/api/v1/OccupationStatus\").then(res => {\r\n      this.occupationStatus = res.data;\r\n    });\r\n    this.$http.get(\"/api/v1/Positions\").then(res => {\r\n      this.positions = res.data;\r\n    });\r\n    this.$http.get(\"/api/v1/Incomes\").then(res => {\r\n      this.personalIncomes = res.data;\r\n    });\r\n    this.$http.get(\"/api/v1/MakesOfCar\").then(res => {\r\n      this.brandIDOfCars = res.data;\r\n    });\r\n    this.$http.get(\"/api/v1/MaritalStatus\").then(res => {\r\n      this.maritalStatuses = res.data;\r\n      this.$http.get(`/api/v1/Users/${this.account.id}`).then(res => {\r\n        this.provinceChange(res.data.provinceID);\r\n        this.carMakeChange(res.data.brandIDOfCar);\r\n        this.ruleForm = {\r\n          ...this.ruleForm,\r\n          ...res.data,\r\n          purchasedYearOfCar: res.data.purchasedYearOfCar\r\n            ? res.data.purchasedYearOfCar + \"\"\r\n            : null,\r\n          birthYearOfYoungChild: res.data.birthYearOfYoungChild\r\n            ? res.data.birthYearOfYoungChild + \"\"\r\n            : null\r\n        };\r\n      });\r\n    });\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setUserInfo\"]),\r\n    provinceChange(p) {\r\n      this.ruleForm.cityID = \"\";\r\n      this.$http.get(`/api/v1/Provinces/${p}/Cities`).then(res => {\r\n        this.cities = res.data;\r\n      });\r\n    },\r\n    carMakeChange(p) {\r\n      this.ruleForm.modelIDOfCar = \"\";\r\n      this.$http.get(`/api/v1/MakesOfCar/${p}/ModelsOfCar`).then(res => {\r\n        this.modelIDOfCars = res.data;\r\n      });\r\n    },\r\n    submitForm(formName) {\r\n      this.$refs[formName].validate(async valid => {\r\n        if (valid) {\r\n          const payload = { ...this.ruleForm };\r\n          if (!this.ruleForm.brandIDOfCar || this.ruleForm.brandIDOfCar === 1) {\r\n            delete payload.modelIDOfCar;\r\n            delete payload.purchasedYearOfCar;\r\n          }\r\n          if (!this.ruleForm.parnetsOfChilden) {\r\n            delete payload.birthYearOfYoungChild;\r\n          }\r\n          const res = await this.$http.post(\r\n            `/api/v1/Accounts/${this.account.id}/Profile`,\r\n            null,\r\n            {\r\n              params: payload\r\n            }\r\n          );\r\n          if (res.status === 200) {\r\n            this.$message.success(this.$t(\"save_success\"));\r\n            this.$http.get(\"api/v1/Users/\" + this.account.id).then(res => {\r\n              if (res.status === 200) {\r\n                this.setUserInfo(res.data);\r\n              }\r\n            });\r\n          } else {\r\n            this.$message.error(res.statusText);\r\n          }\r\n        } else {\r\n          return false;\r\n        }\r\n      });\r\n    },\r\n    resetForm(formName) {\r\n      this.$refs[formName].resetFields();\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"account\", \"userInfo\"])\r\n  }\r\n};\r\n</script>\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!./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=90bc0c5c&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.scss?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"account-form\"},[_c('div',{staticClass:\"account-card\"},[_c('div',{staticClass:\"account-card__label\"},[_vm._v(_vm._s(_vm.$t(\"avatar\")))]),_c('div',{staticClass:\"account-card__content\"},[_c('div',{staticClass:\"user-logo\"},[_c('img',{attrs:{\"src\":_vm.account.avatarUrl,\"alt\":_vm.$t('avatar')}})])]),_c('div',{staticClass:\"account-card__action\"},[_c('my-upload',{attrs:{\"field\":\"source\",\"width\":300,\"height\":300,\"noSquare\":true,\"url\":\"/api/v1/AvatarUrl\",\"withCredentials\":true,\"img-format\":\"png\"},on:{\"crop-upload-success\":_vm.cropUploadSuccess},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}}),_c('el-link',{on:{\"click\":_vm.toggleShow}},[_vm._v(_vm._s(_vm.$t(\"edit\")))])],1)]),_c('div',{staticClass:\"account-card\"},[_c('div',{staticClass:\"account-card__label\",staticStyle:{\"margin-top\":\"-47px\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"mobile\"))+\" \")]),_c('div',{staticClass:\"account-card__content\"},[_c('div',[_vm._v(_vm._s(this.account.mobile || _vm.$t(\"not_fill\")))]),_c('div',{staticClass:\"text-black-light mt-10 text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"account_tip1\"))+\" \")]),_c('div',{staticClass:\"text-black-light text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"account_tip2\"))+\" \"),_c('el-tooltip',{attrs:{\"placement\":\"top\"}},[_c('div',{attrs:{\"slot\":\"content\"},slot:\"content\"},[_c('div',{staticClass:\"text-black-light text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"attentions\"))+\" \")]),_c('div',{staticClass:\"text-black-light text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"account_tip3\"))+\" \")]),_c('div',{staticClass:\"text-black-light text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"account_tip4\"))+\" \")]),_c('div',{staticClass:\"text-black-light text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"account_tip5\"))+\" \")]),_c('div',{staticClass:\"text-black-light text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"account_tip6\"))+\" \")]),_c('div',{staticClass:\"text-black-light text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"account_tip7\"))+\" \")])]),_c('i',{staticClass:\"el-icon-aliiconfontquestion\"})])],1)]),(!_vm.account.activeMobile)?_c('div',{staticClass:\"account-card__action\",on:{\"click\":function($event){return _vm.setDialogVisible({ editMobile: true })}}},[_c('el-link',[_vm._v(_vm._s(_vm.$t(\"edit\")))])],1):_vm._e()]),_c('div',{staticClass:\"account-card\"},[_c('div',{staticClass:\"account-card__label\"},[_vm._v(_vm._s(_vm.$t(\"password\")))]),_c('div',{staticClass:\"account-card__content\"},[_c('div',[_vm._v(\"******\")]),_c('div',{staticClass:\"text-black-light mt-10 text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"edit_password_tip\"))+\" \")])]),_c('div',{staticClass:\"account-card__action\"},[_c('el-link',{on:{\"click\":function($event){return _vm.setDialogVisible({ editPwd: true })}}},[_vm._v(_vm._s(_vm.$t(\"edit\")))])],1)]),_c('div',{staticClass:\"account-card\"},[_c('div',{staticClass:\"account-card__label\",staticStyle:{\"margin-top\":\"-50px\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"zfb_account\"))+\" \")]),_c('div',{staticClass:\"account-card__content\"},[_c('div',[_vm._v(_vm._s(_vm.userInfo.name || \"-\"))]),_c('div',[_vm._v(_vm._s(_vm.account.alipay || \"-\"))]),_c('div',{staticClass:\"text-black-light mt-10 text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"edit_zfb_account_tip\"))+\" \")])]),_c('div',{staticClass:\"account-card__action\",on:{\"click\":function($event){return _vm.setDialogVisible({ editAlipay: true })}}},[(!_vm.account.alipyConfirmed)?_c('el-link',[_vm._v(_vm._s(_vm.$t(\"edit\")))]):_vm._e()],1)]),_c('el-dialog',{staticClass:\"edit-pwd-dialog\",attrs:{\"width\":\"465px\",\"append-to-body\":\"\",\"title\":_vm.$t('edit_password'),\"visible\":!!_vm.dialogVisible && !!_vm.dialogVisible.editPwd},on:{\"close\":function($event){return _vm.setDialogVisible({ editPwd: false })}}},[_c('edit-pwd-form',{attrs:{\"isForgotMode\":true}})],1),_c('el-dialog',{staticClass:\"edit-alipay-dialog\",attrs:{\"width\":\"465px\",\"append-to-body\":\"\",\"title\":_vm.$t('edit_alipay'),\"visible\":!!_vm.dialogVisible && !!_vm.dialogVisible.editAlipay},on:{\"close\":function($event){return _vm.setDialogVisible({ editAlipay: false })}}},[_c('edit-alipay-form')],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"registry-form\"},[(!_vm.registryForm.valid)?_c('el-alert',{staticClass:\"registry-error\",attrs:{\"title\":_vm.registryForm.tip,\"type\":\"error\",\"show-icon\":\"\"}}):_vm._e(),_c('el-form',{ref:\"registryForm\",attrs:{\"model\":_vm.registryForm},nativeOn:{\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.registry()}}},[_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":_vm.$t('origin_password'),\"show-password\":\"\",\"auto-complete\":\"new-password\"},on:{\"focus\":function($event){return _vm.formFocus()}},model:{value:(_vm.registryForm.originPassword),callback:function ($$v) {_vm.$set(_vm.registryForm, \"originPassword\", $$v)},expression:\"registryForm.originPassword\"}})],1),_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":_vm.$t('new_password'),\"show-password\":\"\",\"auto-complete\":\"new-password\"},on:{\"focus\":function($event){return _vm.formFocus()}},model:{value:(_vm.registryForm.password),callback:function ($$v) {_vm.$set(_vm.registryForm, \"password\", $$v)},expression:\"registryForm.password\"}})],1),_c('el-form-item',[_c('el-input',{attrs:{\"placeholder\":_vm.$t('confirm_password'),\"show-password\":\"\",\"auto-complete\":\"new-password\"},on:{\"focus\":function($event){return _vm.formFocus()}},model:{value:(_vm.registryForm.confirmpassword),callback:function ($$v) {_vm.$set(_vm.registryForm, \"confirmpassword\", $$v)},expression:\"registryForm.confirmpassword\"}})],1),_c('el-button',{staticClass:\"registry-btn\",attrs:{\"loading\":_vm.loading,\"type\":\"primary\",\"round\":\"\"},on:{\"click\":function($event){return _vm.registry()}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"confirm\"))+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- registry -->\r\n  <div class=\"registry-form\">\r\n    <el-alert\r\n      v-if=\"!registryForm.valid\"\r\n      class=\"registry-error\"\r\n      :title=\"registryForm.tip\"\r\n      type=\"error\"\r\n      show-icon\r\n    >\r\n    </el-alert>\r\n\r\n    <el-form\r\n      ref=\"registryForm\"\r\n      :model=\"registryForm\"\r\n      @keyup.enter.native=\"registry()\"\r\n    >\r\n      <el-form-item>\r\n        <el-input\r\n          v-model=\"registryForm.originPassword\"\r\n          :placeholder=\"$t('origin_password')\"\r\n          show-password\r\n          auto-complete=\"new-password\"\r\n          @focus=\"formFocus()\"\r\n        ></el-input>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-input\r\n          v-model=\"registryForm.password\"\r\n          :placeholder=\"$t('new_password')\"\r\n          show-password\r\n          auto-complete=\"new-password\"\r\n          @focus=\"formFocus()\"\r\n        ></el-input>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-input\r\n          v-model=\"registryForm.confirmpassword\"\r\n          :placeholder=\"$t('confirm_password')\"\r\n          show-password\r\n          auto-complete=\"new-password\"\r\n          @focus=\"formFocus()\"\r\n        ></el-input>\r\n      </el-form-item>\r\n      <el-button\r\n        :loading=\"loading\"\r\n        class=\"registry-btn\"\r\n        type=\"primary\"\r\n        round\r\n        @click=\"registry()\"\r\n      >\r\n        {{ $t(\"confirm\") }}\r\n      </el-button>\r\n    </el-form>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      committing: false,\r\n      errMsg: \" \",\r\n      registryForm: {\r\n        originPassword: \"\",\r\n        password: \"\",\r\n        confirmpassword: \"\",\r\n        valid: true,\r\n        tip: \"\"\r\n      }\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"account\"])\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setDialogVisible\"]),\r\n    validateRegistryForm() {\r\n      if (!this.registryForm.originPassword) {\r\n        return this.registryValidateError(this.$t(\"edit_password_tip1\"));\r\n      }\r\n      if (!/^[0-9A-Za-z]{6,64}$/.test(this.registryForm.originPassword)) {\r\n        return this.registryValidateError(this.$t(\"edit_password_tip2\"));\r\n      }\r\n      if (!this.registryForm.password) {\r\n        return this.registryValidateError(this.$t(\"edit_password_tip3\"));\r\n      }\r\n      if (!/^[0-9A-Za-z]{6,64}$/.test(this.registryForm.password)) {\r\n        return this.registryValidateError(this.$t(\"edit_password_tip2\"));\r\n      }\r\n      if (this.registryForm.password !== this.registryForm.confirmpassword) {\r\n        return this.registryValidateError(this.$t(\"registry_field_tip5\"));\r\n      }\r\n    },\r\n    formFocus() {\r\n      this.registryForm.valid = true;\r\n    },\r\n    async registry() {\r\n      this.validateRegistryForm();\r\n      if (this.registryForm.valid) {\r\n        this.registryLoading = true;\r\n\r\n        const res = await this.$http.post(\r\n          `/api/v1/Accounts/${this.account.id}/Password`,\r\n          null,\r\n          {\r\n            params: {\r\n              oldPassword: this.registryForm.originPassword,\r\n              newPassword: this.registryForm.password,\r\n              confirmedPassword: this.registryForm.confirmpassword\r\n            }\r\n          }\r\n        );\r\n        if (res.status) {\r\n          this.$message.success(this.$t(\"edit_success\"));\r\n          this.setDialogVisible({ editPwd: false });\r\n        } else {\r\n          this.$message.error(res.statusText);\r\n        }\r\n      }\r\n    },\r\n    registryValidateError(tip) {\r\n      this.registryForm.valid = false;\r\n      this.registryForm.tip = tip;\r\n      return;\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style src=\"./index.scss\" lang=\"scss\" scoped />\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!./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=1b5e12ea&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.scss?vue&type=style&index=0&id=1b5e12ea&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  \"1b5e12ea\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"alipay-form\"},[_c('el-form',{ref:\"editAlipayForm\",attrs:{\"model\":_vm.form,\"rules\":_vm.rules,\"label-width\":\"100px\"}},[_c('el-form-item',{attrs:{\"label\":_vm.$t('real_name'),\"prop\":\"realName\"}},[_c('el-input',{model:{value:(_vm.form.realName),callback:function ($$v) {_vm.$set(_vm.form, \"realName\", $$v)},expression:\"form.realName\"}})],1),_c('el-form-item',{attrs:{\"label\":_vm.$t('zfb_account'),\"prop\":\"alipay\"}},[_c('el-input',{model:{value:(_vm.form.alipay),callback:function ($$v) {_vm.$set(_vm.form, \"alipay\", $$v)},expression:\"form.alipay\"}})],1),_c('el-form-item',[_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":function($event){return _vm.submit()}}},[_vm._v(_vm._s(_vm.$t(\"save\")))]),_c('el-button',{on:{\"click\":function($event){return _vm.setDialogVisible({ editAlipay: false })}}},[_vm._v(_vm._s(_vm.$t(\"cancel\")))])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <!-- registry -->\r\n  <div class=\"alipay-form\">\r\n    <el-form\r\n      :model=\"form\"\r\n      :rules=\"rules\"\r\n      ref=\"editAlipayForm\"\r\n      label-width=\"100px\"\r\n    >\r\n      <el-form-item :label=\"$t('real_name')\" prop=\"realName\">\r\n        <el-input v-model=\"form.realName\"></el-input>\r\n      </el-form-item>\r\n      <el-form-item :label=\"$t('zfb_account')\" prop=\"alipay\">\r\n        <el-input v-model=\"form.alipay\"></el-input>\r\n      </el-form-item>\r\n      <el-form-item>\r\n        <el-button type=\"primary\" @click=\"submit()\">{{ $t(\"save\") }}</el-button>\r\n        <el-button @click=\"setDialogVisible({ editAlipay: false })\">{{\r\n          $t(\"cancel\")\r\n        }}</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      committing: false,\r\n      form: {\r\n        realName: \"\",\r\n        alipay: \"\"\r\n      },\r\n      rules: {\r\n        realName: [\r\n          {\r\n            required: true,\r\n            message: this.$t(\"input_real_name\"),\r\n            trigger: \"blur\"\r\n          }\r\n        ],\r\n        alipay: [\r\n          {\r\n            required: true,\r\n            message: this.$t(\"input_alipay_account\"),\r\n            trigger: \"blur\"\r\n          }\r\n        ]\r\n      }\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"account\"])\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setDialogVisible\"]),\r\n    // formFocus() {\r\n    //   this.form.valid = true;\r\n    // },\r\n    async submit() {\r\n      this.$refs[\"editAlipayForm\"].validate(async valid => {\r\n        if (valid) {\r\n          const res = await this.$http.post(\r\n            `/api/v1/Accounts/${this.account.id}/Alipay`,\r\n            null,\r\n            {\r\n              params: {\r\n                id: this.account.id,\r\n                ...this.form\r\n              }\r\n            }\r\n          );\r\n          if (res.status === 200) {\r\n            this.$message.success(this.$t(\"save_success\"));\r\n            this.setDialogVisible({ editAlipay: false });\r\n            this.refreshAccount();\r\n          } else {\r\n            this.$message.error(res.statusText);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    refreshAccount() {\r\n      this.$http.get(`/api/v1/Accounts/${this.account.id}`).then(res => {\r\n        if (res.status === 200) {\r\n          this.setAccount(res.data);\r\n        }\r\n      });\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style src=\"./index.scss\" lang=\"scss\" scoped />\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!./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=5bf4c8b3&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.scss?vue&type=style&index=0&id=5bf4c8b3&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  \"5bf4c8b3\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.value),expression:\"value\"}],staticClass:\"vue-image-crop-upload\"},[_c('div',{staticClass:\"vicp-wrap\"},[_c('div',{staticClass:\"vicp-close\",on:{\"click\":_vm.off}},[_c('i',{staticClass:\"vicp-icon4\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.step == 1),expression:\"step == 1\"}],staticClass:\"vicp-step1\"},[_c('div',{staticClass:\"vicp-drop-area\",on:{\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"click\":_vm.handleClick,\"drop\":_vm.handleChange}},[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading != 1),expression:\"loading != 1\"}],staticClass:\"vicp-icon1\"},[_c('i',{staticClass:\"vicp-icon1-arrow\"}),_c('i',{staticClass:\"vicp-icon1-body\"}),_c('i',{staticClass:\"vicp-icon1-bottom\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading !== 1),expression:\"loading !== 1\"}],staticClass:\"vicp-hint\"},[_vm._v(_vm._s(_vm.lang.hint))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isSupported),expression:\"!isSupported\"}],staticClass:\"vicp-no-supported-hint\"},[_vm._v(_vm._s(_vm.lang.noSupported))]),(_vm.step == 1)?_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"fileinput\",attrs:{\"type\":\"file\"},on:{\"change\":_vm.handleChange}}):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.off))])])]),(_vm.step == 2)?_c('div',{staticClass:\"vicp-step2\"},[_c('div',{staticClass:\"vicp-crop\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-left\"},[_c('div',{staticClass:\"vicp-img-container\"},[_c('img',{ref:\"img\",staticClass:\"vicp-img\",style:(_vm.sourceImgStyle),attrs:{\"src\":_vm.sourceImgUrl,\"draggable\":\"false\"},on:{\"drag\":_vm.preventDefault,\"dragstart\":_vm.preventDefault,\"dragend\":_vm.preventDefault,\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"drop\":_vm.preventDefault,\"touchstart\":_vm.imgStartMove,\"touchmove\":_vm.imgMove,\"touchend\":_vm.createImg,\"touchcancel\":_vm.createImg,\"mousedown\":_vm.imgStartMove,\"mousemove\":_vm.imgMove,\"mouseup\":_vm.createImg,\"mouseout\":_vm.createImg}}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-1\",style:(_vm.sourceImgShadeStyle)}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-2\",style:(_vm.sourceImgShadeStyle)})]),_c('div',{staticClass:\"vicp-range\"},[_c('input',{attrs:{\"type\":\"range\",\"step\":\"1\",\"min\":\"0\",\"max\":\"100\"},domProps:{\"value\":_vm.scale.range},on:{\"mousemove\":_vm.zoomChange}}),_c('i',{staticClass:\"vicp-icon5\",on:{\"mousedown\":_vm.startZoomSub,\"mouseout\":_vm.endZoomSub,\"mouseup\":_vm.endZoomSub}}),_c('i',{staticClass:\"vicp-icon6\",on:{\"mousedown\":_vm.startZoomAdd,\"mouseout\":_vm.endZoomAdd,\"mouseup\":_vm.endZoomAdd}})]),(!_vm.noRotate)?_c('div',{staticClass:\"vicp-rotate\"},[_c('i',{on:{\"click\":_vm.rotateImg}},[_vm._v(\"↻\")])]):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-right\"},[_c('div',{staticClass:\"vicp-preview\"},[(!_vm.noSquare)?_c('div',{staticClass:\"vicp-preview-item\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e(),(!_vm.noCircle)?_c('div',{staticClass:\"vicp-preview-item vicp-preview-item-circle\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e()])])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(1)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{staticClass:\"vicp-operate-btn\",on:{\"click\":_vm.prepareUpload,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.save))])])]):_vm._e(),(_vm.step == 3)?_c('div',{staticClass:\"vicp-step3\"},[_c('div',{staticClass:\"vicp-upload\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-loading\"},[_vm._v(_vm._s(_vm.lang.loading))]),_c('div',{staticClass:\"vicp-progress-wrap\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-progress\",style:(_vm.progressStyle)})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 2),expression:\"loading === 2\"}],staticClass:\"vicp-success\"},[_c('i',{staticClass:\"vicp-icon3\"}),_vm._v(\" \"+_vm._s(_vm.lang.success)+\" \")])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(2)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.close))])])]):_vm._e(),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"canvas\",attrs:{\"width\":_vm.width,\"height\":_vm.height}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\r\n\tzh: {\r\n\t\thint: '点击，或拖动图片至此处',\r\n\t\tloading: '正在上传……',\r\n\t\tnoSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！',\r\n\t\tsuccess: '上传成功',\r\n\t\tfail: '图片上传失败',\r\n\t\tpreview: '头像预览',\r\n\t\tbtn: {\r\n\t\t\toff: '取消',\r\n\t\t\tclose: '关闭',\r\n\t\t\tback: '上一步',\r\n\t\t\tsave: '保存'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: '仅限图片格式',\r\n\t\t\toutOfSize: '单文件大小不能超过 ',\r\n\t\t\tlowestPx: '图片最低像素为（宽*高）：'\r\n\t\t}\r\n\t},\r\n\t'zh-tw': {\r\n\t\thint: '點擊，或拖動圖片至此處',\r\n\t\tloading: '正在上傳……',\r\n\t\tnoSupported: '瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！',\r\n\t\tsuccess: '上傳成功',\r\n\t\tfail: '圖片上傳失敗',\r\n\t\tpreview: '頭像預覽',\r\n\t\tbtn: {\r\n\t\t\toff: '取消',\r\n\t\t\tclose: '關閉',\r\n\t\t\tback: '上一步',\r\n\t\t\tsave: '保存'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: '僅限圖片格式',\r\n\t\t\toutOfSize: '單文件大小不能超過 ',\r\n\t\t\tlowestPx: '圖片最低像素為（寬*高）：'\r\n\t\t}\r\n\t},\r\n\ten: {\r\n\t\thint: 'Click or drag the file here to upload',\r\n\t\tloading: 'Uploading…',\r\n\t\tnoSupported: 'Browser is not supported, please use IE10+ or other browsers',\r\n\t\tsuccess: 'Upload success',\r\n\t\tfail: 'Upload failed',\r\n\t\tpreview: 'Preview',\r\n\t\tbtn: {\r\n\t\t\toff: 'Cancel',\r\n\t\t\tclose: 'Close',\r\n\t\t\tback: 'Back',\r\n\t\t\tsave: 'Save'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Image only',\r\n\t\t\toutOfSize: 'Image exceeds size limit: ',\r\n\t\t\tlowestPx: 'Image\\'s size is too low. Expected at least: '\r\n\t\t}\r\n\t},\r\n\tro: {\r\n\t\thint: 'Atinge sau trage fișierul aici',\r\n\t\tloading: 'Se încarcă',\r\n\t\tnoSupported: 'Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.',\r\n\t\tsuccess: 'S-a încărcat cu succes',\r\n\t\tfail: 'A apărut o problemă la încărcare',\r\n\t\tpreview: 'Previzualizează',\r\n\r\n\t\tbtn: {\r\n\t\t\toff: 'Anulează',\r\n\t\t\tclose: 'Închide',\r\n\t\t\tback: 'Înapoi',\r\n\t\t\tsave: 'Salvează'\r\n\t\t},\r\n\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Doar imagini',\r\n\t\t\toutOfSize: 'Imaginea depășește limita de: ',\r\n\t\t\tloewstPx: 'Imaginea este prea mică; Minim: '\r\n\t\t}\r\n\t},\r\n\tru: {\r\n\t\thint: 'Нажмите, или перетащите файл в это окно',\r\n\t\tloading: 'Загружаю……',\r\n\t\tnoSupported: 'Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры',\r\n\t\tsuccess: 'Загрузка выполнена успешно',\r\n\t\tfail: 'Ошибка загрузки',\r\n\t\tpreview: 'Предпросмотр',\r\n\t\tbtn: {\r\n\t\t\toff: 'Отменить',\r\n\t\t\tclose: 'Закрыть',\r\n\t\t\tback: 'Назад',\r\n\t\t\tsave: 'Сохранить'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Только изображения',\r\n\t\t\toutOfSize: 'Изображение превышает предельный размер: ',\r\n\t\t\tlowestPx: 'Минимальный размер изображения: '\r\n\t\t}\r\n\t},\r\n\t'pt-br': {\r\n\t\thint: 'Clique ou arraste o arquivo aqui para carregar',\r\n\t\tloading: 'Carregando…',\r\n\t\tnoSupported: 'Browser não suportado, use o IE10+ ou outro browser',\r\n\t\tsuccess: 'Sucesso ao carregar imagem',\r\n\t\tfail: 'Falha ao carregar imagem',\r\n\t\tpreview: 'Pré-visualizar',\r\n\t\tbtn: {\r\n\t\t\toff: 'Cancelar',\r\n\t\t\tclose: 'Fechar',\r\n\t\t\tback: 'Voltar',\r\n\t\t\tsave: 'Salvar'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Apenas imagens',\r\n\t\t\toutOfSize: 'A imagem excede o limite de tamanho: ',\r\n\t\t\tlowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '\r\n\t\t}\r\n\t},\r\n\tfr: {\r\n\t\thint: 'Cliquez ou glissez le fichier ici.',\r\n\t\tloading: 'Téléchargement…',\r\n\t\tnoSupported: 'Votre navigateur n\\'est pas supporté. Utilisez IE10 + ou un autre navigateur s\\'il vous plaît.',\r\n\t\tsuccess: 'Téléchargement réussit',\r\n\t\tfail: 'Téléchargement echoué',\r\n\t\tpreview: 'Aperçu',\r\n\t\tbtn: {\r\n\t\t\toff: 'Annuler',\r\n\t\t\tclose: 'Fermer',\r\n\t\t\tback: 'Retour',\r\n\t\t\tsave: 'Enregistrer'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Image uniquement',\r\n\t\t\toutOfSize: 'L\\'image sélectionnée dépasse la taille maximum: ',\r\n\t\t\tlowestPx: 'L\\'image sélectionnée est trop petite. Dimensions attendues: '\r\n\t\t}\r\n\t},\r\n\tnl: {\r\n\t\thint: 'Klik hier of sleep een afbeelding in dit vlak',\r\n\t\tloading: 'Uploaden…',\r\n\t\tnoSupported: 'Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.',\r\n\t\tsuccess: 'Upload succesvol',\r\n\t\tfail: 'Upload mislukt',\r\n\t\tpreview: 'Voorbeeld',\r\n\t\tbtn: {\r\n\t\t\toff: 'Annuleren',\r\n\t\t\tclose: 'Sluiten',\r\n\t\t\tback: 'Terug',\r\n\t\t\tsave: 'Opslaan'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Alleen afbeeldingen',\r\n\t\t\toutOfSize: 'De afbeelding is groter dan: ',\r\n\t\t\tlowestPx: 'De afbeelding is te klein! Minimale afmetingen: '\r\n\t\t}\r\n\t},\r\n\ttr: {\r\n\t\thint: 'Tıkla veya yüklemek istediğini buraya sürükle',\r\n\t\tloading: 'Yükleniyor…',\r\n\t\tnoSupported: 'Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın',\r\n\t\tsuccess: 'Yükleme başarılı',\r\n\t\tfail: 'Yüklemede hata oluştu',\r\n\t\tpreview: 'Önizle',\r\n\t\tbtn: {\r\n\t\t\toff: 'İptal',\r\n\t\t\tclose: 'Kapat',\r\n\t\t\tback: 'Geri',\r\n\t\t\tsave: 'Kaydet'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Sadece resim',\r\n\t\t\toutOfSize: 'Resim yükleme limitini aşıyor: ',\r\n\t\t\tlowestPx: 'Resmin boyutu çok küçük. En az olması gereken: '\r\n\t\t}\r\n\t},\r\n\t'es-MX': {\r\n\t\thint: 'Selecciona o arrastra una imagen',\r\n\t\tloading: 'Subiendo...',\r\n\t\tnoSupported: 'Tu navegador no es soportado, por favor usa IE10+ u otros navegadores más recientes',\r\n\t\tsuccess: 'Subido exitosamente',\r\n\t\tfail: 'Sucedió un error',\r\n\t\tpreview: 'Vista previa',\r\n\t\tbtn: {\r\n\t\t\toff: 'Cancelar',\r\n\t\t\tclose: 'Cerrar',\r\n\t\t\tback: 'Atrás',\r\n\t\t\tsave: 'Guardar'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Únicamente imágenes',\r\n\t\t\toutOfSize: 'La imagen excede el tamaño maximo:',\r\n\t\t\tlowestPx: 'La imagen es demasiado pequeña. Se espera por lo menos:'\r\n\t\t}\r\n\t},\r\n\tde: {\r\n\t\thint: 'Klick hier oder zieh eine Datei hier rein zum Hochladen',\r\n\t\tloading: 'Hochladen…',\r\n\t\tnoSupported: 'Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser',\r\n\t\tsuccess: 'Upload erfolgreich',\r\n\t\tfail: 'Upload fehlgeschlagen',\r\n\t\tpreview: 'Vorschau',\r\n\t\tbtn: {\r\n\t\t\toff: 'Abbrechen',\r\n\t\t\tclose: 'Schließen',\r\n\t\t\tback: 'Zurück',\r\n\t\t\tsave: 'Speichern'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Nur Bilder',\r\n\t\t\toutOfSize: 'Das Bild ist zu groß: ',\r\n\t\t\tlowestPx: 'Das Bild ist zu klein. Mindestens: '\r\n\t\t}\r\n\t},\r\n\tja: {\r\n\t\thint: 'クリック・ドラッグしてファイルをアップロード',\r\n\t\tloading: 'アップロード中...',\r\n\t\tnoSupported: 'このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。',\r\n\t\tsuccess: 'アップロード成功',\r\n\t\tfail: 'アップロード失敗',\r\n\t\tpreview: 'プレビュー',\r\n\t\tbtn: {\r\n\t\t\toff: 'キャンセル',\r\n\t\t\tclose: '閉じる',\r\n\t\t\tback: '戻る',\r\n\t\t\tsave: '保存'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: '画像のみ',\r\n\t\t\toutOfSize: '画像サイズが上限を超えています。上限: ',\r\n\t\t\tlowestPx: '画像が小さすぎます。最小サイズ: '\r\n\t\t}\r\n\t},\r\n\tua: {\r\n\t\thint: 'Натисніть, або перетягніть файл в це вікно',\r\n\t\tloading: 'Завантажую……',\r\n\t\tnoSupported: 'Ваш браузер не підтримується, будь ласка скористайтесь IE10 + або іншими браузерами',\r\n\t\tsuccess: 'Завантаження виконано успішно',\r\n\t\tfail: 'Помилка завантаження',\r\n\t\tpreview: 'Попередній перегляд',\r\n\t\tbtn: {\r\n\t\t\toff: 'Відмінити',\r\n\t\t\tclose: 'Закрити',\r\n\t\t\tback: 'Назад',\r\n\t\t\tsave: 'Зберегти'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Тільки зображення',\r\n\t\t\toutOfSize: 'Зображення перевищує граничний розмір: ',\r\n\t\t\tlowestPx: 'Мінімальний розмір зображення: '\r\n\t\t}\r\n\t},\r\n\tit: {\r\n\t\thint: 'Clicca o trascina qui il file per caricarlo',\r\n\t\tloading: 'Caricamento del file…',\r\n\t\tnoSupported: 'Browser non supportato, per favore usa IE10+ o un altro browser',\r\n\t\tsuccess: 'Caricamento completato',\r\n\t\tfail: 'Caricamento fallito',\r\n\t\tpreview: 'Anteprima',\r\n\t\tbtn: {\r\n\t\t\toff: 'Annulla',\r\n\t\t\tclose: 'Chiudi',\r\n\t\t\tback: 'Indietro',\r\n\t\t\tsave: 'Salva'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Sono accettate solo immagini',\r\n\t\t\toutOfSize: 'L\\'immagine eccede i limiti di dimensione: ',\r\n\t\t\tlowestPx: 'L\\'immagine è troppo piccola. Il requisito minimo è: '\r\n\t\t}\r\n\t},\r\n\tar: {\r\n\t\thint: 'اضغط أو اسحب الملف هنا للتحميل',\r\n\t\tloading: 'جاري التحميل...',\r\n\t\tnoSupported: 'المتصفح غير مدعوم ، يرجى استخدام IE10 + أو متصفح أخر',\r\n\t\tsuccess: 'تم التحميل بنجاح',\r\n\t\tfail: 'فشل التحميل',\r\n\t\tpreview: 'معاينه',\r\n\t\tbtn: {\r\n\t\t\toff: 'إلغاء',\r\n\t\t\tclose: 'إغلاق',\r\n\t\t\tback: 'رجوع',\r\n\t\t\tsave: 'حفظ'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'صور فقط',\r\n\t\t\toutOfSize: 'تتجاوز الصوره الحجم المحدد: ',\r\n\t\t\tlowestPx: 'حجم الصورة صغير جدا. من المتوقع على الأقل: '\r\n\t\t}\r\n\t},\r\n\tug: {\r\n\t\thint: 'مەزكۇر دائىرىنى چىكىپ رەسىم تاللاڭ ياكى رەسىمنى سۆرەپ ئەكىرىڭ',\r\n\t\tloading: 'يوللىنىۋاتىدۇ...',\r\n\t\tnoSupported: 'تور كۆرگۈچ بۇ ئىقتىدارنى قوللىمايدۇ ، يۇقىرى نەشىردىكى تور كۆرگۈچنى ئىشلىتىڭ',\r\n\t\tsuccess: 'غەلبىلىك بولدى',\r\n\t\tfail: 'مەغلۇب بولدى',\r\n\t\tpreview: 'ئۈنۈم رەسىم',\r\n\t\tbtn: {\r\n\t\t\toff: 'بولدى قىلىش',\r\n\t\t\tclose: 'تاقاش',\r\n\t\t\tback: 'ئالدىنقى قەدەم',\r\n\t\t\tsave: 'ساقلاش'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'پەقەت رەسىم فورماتىنىلا قوللايدۇ',\r\n\t\t\toutOfSize: 'رەسىم چوڭ - كىچىكلىكى چەكتىن ئىشىپ كەتتى',\r\n\t\t\tlowestPx: 'رەسىمنىڭ ئەڭ كىچىك ئۆلچىمى :'\r\n\t\t}\r\n\t},\r\n\tth: {\r\n\t\thint: 'คลิ๊กหรือลากรูปมาที่นี่',\r\n\t\tloading: 'กำลังอัพโหลด…',\r\n\t\tnoSupported: 'เบราเซอร์ไม่รองรับ, กรุณาใช้ IE เวอร์ชั่น 10 ขึ้นไป หรือใช้เบราเซอร์ตัวอื่น',\r\n\t\tsuccess: 'อัพโหลดสำเร็จ',\r\n\t\tfail: 'อัพโหลดล้มเหลว',\r\n\t\tpreview: 'ตัวอย่าง',\r\n\t\tbtn: {\r\n\t\t\toff: 'ยกเลิก',\r\n\t\t\tclose: 'ปิด',\r\n\t\t\tback: 'กลับ',\r\n\t\t\tsave: 'บันทึก'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'ไฟล์ภาพเท่านั้น',\r\n\t\t\toutOfSize: 'ไฟล์ใหญ่เกินกำหนด: ',\r\n\t\t\tlowestPx: 'ไฟล์เล็กเกินไป. อย่างน้อยต้องมีขนาด: '\r\n\t\t}\r\n\t},\r\n\tmm: {\r\n\t\thint: 'ဖိုင်ကို ဤနေရာတွင် နှိပ်၍ (သို့) ဆွဲထည့်၍ တင်ပါ',\r\n\t\tloading: 'တင်နေသည်…',\r\n\t\tnoSupported: 'ဤဘရောက်ဇာကို အထောက်အပံ့ မပေးပါ၊ ကျေးဇူးပြု၍ IE10+ သို့မဟုတ် အခြား ဘရောက်ဇာ ကို အသုံးပြုပါ',\r\n\t\tsuccess: 'ဖိုင်တင်နေမှု မပြီးမြောက်ပါ',\r\n\t\tfail: 'ဖိုင်တင်နေမှု မအောင်မြင်ပါ',\r\n\t\tpreview: 'အစမ်းကြည့်',\r\n\t\tbtn: {\r\n\t\t\toff: 'မလုပ်တော့ပါ',\r\n\t\t\tclose: 'ပိတ်မည်',\r\n\t\t\tback: 'နောက်သို့',\r\n\t\t\tsave: 'သိမ်းမည်'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'ဓာတ်ပုံ သီးသန့်သာ',\r\n\t\t\toutOfSize: 'ဓာတ်ပုံဆိုဒ် ကြီးလွန်းသည် ။ အများဆုံး ဆိုဒ် : ',\r\n\t\t\tlowestPx: 'ဓာတ်ပုံဆိုဒ် သေးလွန်းသည်။ အနည်းဆုံး ဆိုဒ် : '\r\n\t\t}\r\n\t},\r\n\tse: {\r\n\t\thint: 'Klicka eller dra en fil hit för att ladda upp den',\r\n\t\tloading: 'Laddar upp…',\r\n\t\tnoSupported: 'Din webbläsare stöds inte, vänligen använd IE10+ eller andra webbläsare',\r\n\t\tsuccess: 'Uppladdning lyckades',\r\n\t\tfail: 'Uppladdning misslyckades',\r\n\t\tpreview: 'Förhandsgranska',\r\n\t\tbtn: {\r\n\t\t\toff: 'Avbryt',\r\n\t\t\tclose: 'Stäng',\r\n\t\t\tback: 'Tillbaka',\r\n\t\t\tsave: 'Spara'\r\n\t\t},\r\n\t\terror: {\r\n\t\t\tonlyImg: 'Endast bilder',\r\n\t\t\toutOfSize: 'Bilden är större än max-gränsen: ',\r\n\t\t\tlowestPx: 'Bilden är för liten. Minimum är: '\r\n\t\t}\r\n\t}\r\n};\r\n","export default {\r\n    'jpg': 'image/jpeg',\r\n    'png': 'image/png',\r\n    'gif': 'image/gif',\r\n    'svg': 'image/svg+xml',\r\n    'psd': 'image/photoshop'\r\n};\r\n","/**\r\n * database64文件格式转换为2进制\r\n *\r\n * @param  {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了\r\n * @param  {[String]} mime [description]\r\n * @return {[blob]}      [description]\r\n */\r\nexport default function(data, mime) {\r\n\tdata = data.split(',')[1];\r\n\tdata = window.atob(data);\r\n\tvar ia = new Uint8Array(data.length);\r\n\tfor (var i = 0; i < data.length; i++) {\r\n\t\tia[i] = data.charCodeAt(i);\r\n\t};\r\n\t// canvas.toDataURL 返回的默认格式就是 image/png\r\n\treturn new Blob([ia], {\r\n\t\ttype: mime\r\n\t});\r\n};\r\n","/**\r\n * 点击波纹效果\r\n *\r\n * @param  {[event]} e        [description]\r\n * @param  {[Object]} arg_opts [description]\r\n * @return {[bollean]}          [description]\r\n */\r\nexport default function(e, arg_opts) {\r\n\tvar opts = Object.assign({\r\n\t\t\tele: e.target, // 波纹作用元素\r\n\t\t\ttype: 'hit', // hit点击位置扩散　center中心点扩展\r\n\t\t\tbgc: 'rgba(0, 0, 0, 0.15)' // 波纹颜色\r\n\t\t}, arg_opts),\r\n\t\ttarget = opts.ele;\r\n\tif (target) {\r\n\t\tvar rect = target.getBoundingClientRect(),\r\n\t\t\tripple = target.querySelector('.e-ripple');\r\n\t\tif (!ripple) {\r\n\t\t\tripple = document.createElement('span');\r\n\t\t\tripple.className = 'e-ripple';\r\n\t\t\tripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px';\r\n\t\t\ttarget.appendChild(ripple);\r\n\t\t} else {\r\n\t\t\tripple.className = 'e-ripple';\r\n\t\t}\r\n\t\tswitch (opts.type) {\r\n\t\t\tcase 'center':\r\n\t\t\t\tripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px';\r\n\t\t\t\tripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px';\r\n\t\t\t\tbreak;\r\n\t\t\tdefault:\r\n\t\t\t\tripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px';\r\n\t\t\t\tripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px';\r\n\t\t}\r\n\t\tripple.style.backgroundColor = opts.bgc;\r\n\t\tripple.className = 'e-ripple z-active';\r\n\t\treturn false;\r\n\t}\r\n};\r\n","<template>\r\n<div class=\"vue-image-crop-upload\" v-show=\"value\">\r\n\t<div class=\"vicp-wrap\">\r\n\t\t<div class=\"vicp-close\" @click=\"off\">\r\n\t\t\t<i class=\"vicp-icon4\"></i>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"vicp-step1\" v-show=\"step == 1\">\r\n\t\t\t<div class=\"vicp-drop-area\" @dragleave=\"preventDefault\" @dragover=\"preventDefault\" @dragenter=\"preventDefault\" @click=\"handleClick\" @drop=\"handleChange\">\r\n\t\t\t\t<i class=\"vicp-icon1\" v-show=\"loading != 1\">\r\n\t\t\t\t<i class=\"vicp-icon1-arrow\"></i>\r\n\t\t\t\t<i class=\"vicp-icon1-body\"></i>\r\n\t\t\t\t<i class=\"vicp-icon1-bottom\"></i>\r\n\t\t\t\t</i>\r\n\t\t\t\t<span class=\"vicp-hint\" v-show=\"loading !== 1\">{{ lang.hint }}</span>\r\n\t\t\t\t<span class=\"vicp-no-supported-hint\" v-show=\"!isSupported\">{{ lang.noSupported }}</span>\r\n\t\t\t\t<input type=\"file\" v-show=\"false\" v-if=\"step == 1\" @change=\"handleChange\" ref=\"fileinput\">\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\r\n\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-operate\">\r\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.off }}</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"vicp-step2\" v-if=\"step == 2\">\r\n\t\t\t<div class=\"vicp-crop\">\r\n\t\t\t\t<div class=\"vicp-crop-left\" v-show=\"true\">\r\n\t\t\t\t\t<div class=\"vicp-img-container\">\r\n\t\t\t\t\t\t<img :src=\"sourceImgUrl\" :style=\"sourceImgStyle\" class=\"vicp-img\" draggable=\"false\"\r\n\t\t\t\t\t\t\t@drag=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragstart=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragend=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragleave=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragover=\"preventDefault\"\r\n\t\t\t\t\t\t\t@dragenter=\"preventDefault\"\r\n\t\t\t\t\t\t\t@drop=\"preventDefault\"\r\n\t\t\t\t\t\t\t@touchstart=\"imgStartMove\"\r\n\t\t\t\t\t\t\t@touchmove=\"imgMove\"\r\n\t\t\t\t\t\t\t@touchend=\"createImg\"\r\n\t\t\t\t\t\t\t@touchcancel=\"createImg\"\r\n\t\t\t\t\t\t\t@mousedown=\"imgStartMove\"\r\n\t\t\t\t\t\t\t@mousemove=\"imgMove\"\r\n\t\t\t\t\t\t\t@mouseup=\"createImg\"\r\n\t\t\t\t\t\t\t@mouseout=\"createImg\"\r\n\t\t\t\t\t\t\tref=\"img\">\r\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-1\" :style=\"sourceImgShadeStyle\"></div>\r\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-2\" :style=\"sourceImgShadeStyle\"></div>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"vicp-range\">\r\n\t\t\t\t\t\t<input type=\"range\" :value=\"scale.range\" step=\"1\" min=\"0\" max=\"100\" @mousemove=\"zoomChange\">\r\n\t\t\t\t\t\t<i @mousedown=\"startZoomSub\" @mouseout=\"endZoomSub\" @mouseup=\"endZoomSub\" class=\"vicp-icon5\"></i>\r\n\t\t\t\t\t\t<i @mousedown=\"startZoomAdd\" @mouseout=\"endZoomAdd\" @mouseup=\"endZoomAdd\" class=\"vicp-icon6\"></i>\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<div class=\"vicp-rotate\" v-if=\"!noRotate\">\r\n                        <i @click=\"rotateImg\">↻</i>\r\n                    </div>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vicp-crop-right\" v-show=\"true\">\r\n\t\t\t\t\t<div class=\"vicp-preview\">\r\n\t\t\t\t\t\t<div class=\"vicp-preview-item\" v-if=\"!noSquare\">\r\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\r\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"vicp-preview-item vicp-preview-item-circle\" v-if=\"!noCircle\">\r\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\r\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-operate\">\r\n\t\t\t\t<a @click=\"setStep(1)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\r\n\t\t\t\t<a class=\"vicp-operate-btn\" @click=\"prepareUpload\" @mousedown=\"ripple\">{{ lang.btn.save }}</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\r\n\t\t<div class=\"vicp-step3\" v-if=\"step == 3\">\r\n\t\t\t<div class=\"vicp-upload\">\r\n\t\t\t\t<span class=\"vicp-loading\" v-show=\"loading === 1\">{{ lang.loading }}</span>\r\n\t\t\t\t<div class=\"vicp-progress-wrap\">\r\n\t\t\t\t\t<span class=\"vicp-progress\" v-show=\"loading === 1\" :style=\"progressStyle\"></span>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\r\n\t\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"vicp-success\" v-show=\"loading === 2\">\r\n\t\t\t\t\t<i class=\"vicp-icon3\"></i> {{ lang.success }}\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"vicp-operate\">\r\n\t\t\t\t<a @click=\"setStep(2)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\r\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.close }}</a>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<canvas v-show=\"false\" :width=\"width\" :height=\"height\" ref=\"canvas\"></canvas>\r\n\t</div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\n'use strict';\r\nimport language from './utils/language.js';\r\nimport mimes from './utils/mimes.js';\r\nimport data2blob from './utils/data2blob.js';\r\nimport effectRipple from './utils/effectRipple.js';\r\n\r\nexport default {\r\n\tprops: {\r\n\t\t// 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\r\n\t\tfield: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'avatar'\r\n\t\t},\r\n\t\t// 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\r\n\t\tki: {\r\n\t\t\t'default': 0\r\n\t\t},\r\n\t\t// 显示该控件与否\r\n\t\tvalue: {\r\n\t\t\t'default': true\r\n\t\t},\r\n\t\t// 上传地址\r\n\t\turl: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': ''\r\n\t\t},\r\n\t\t// 其他要上传文件附带的数据，对象格式\r\n\t\tparams: {\r\n\t\t\ttype: Object,\r\n\t\t\t'default': null\r\n\t\t},\r\n\t\t//Add custom headers\r\n\t\theaders: {\r\n\t\t\ttype: Object,\r\n\t\t\t'default': null\r\n\t\t},\r\n\t\t// 剪裁图片的宽\r\n\t\twidth: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 200\r\n\t\t},\r\n\t\t// 剪裁图片的高\r\n\t\theight: {\r\n\t\t\ttype: Number,\r\n\t\t\tdefault: 200\r\n\t\t},\r\n\t\t// 不显示旋转功能\r\n\t\tnoRotate: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: true\r\n\t\t},\r\n\t\t// 不预览圆形图片\r\n\t\tnoCircle: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\t// 不预览方形图片\r\n\t\tnoSquare: {\r\n\t\t\ttype: Boolean,\r\n\t\t\tdefault: false\r\n\t\t},\r\n\t\t// 单文件大小限制\r\n\t\tmaxSize: {\r\n\t\t\ttype: Number,\r\n\t\t\t'default': 10240\r\n\t\t},\r\n\t\t// 语言类型\r\n\t\tlangType: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'zh'\r\n\t\t},\r\n\t\t// 语言包\r\n\t\tlangExt: {\r\n\t\t\ttype: Object,\r\n\t\t\t'default': null\r\n\t\t},\r\n\t\t// 图片上传格式\r\n\t\timgFormat: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'png'\r\n\t\t},\r\n\t\t// 图片背景 jpg情况下生效\r\n\t\timgBgc: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': '#fff'\r\n\t\t},\r\n\t\t// 是否支持跨域\r\n\t\twithCredentials: {\r\n\t\t\ttype: Boolean,\r\n\t\t\t'default': false\r\n\t\t},\r\n\t\tmethod: {\r\n\t\t\ttype: String,\r\n\t\t\t'default': 'POST'\r\n\t\t}\r\n\t},\r\n\tdata() {\r\n\t\tlet that = this,\r\n\t\t\t{\r\n\t\t\t\timgFormat,\r\n\t\t\t\tlangType,\r\n\t\t\t\tlangExt,\r\n\t\t\t\twidth,\r\n\t\t\t\theight\r\n\t\t\t} = that,\r\n\t\t\tisSupported = true,\r\n\t\t\tallowImgFormat = [\r\n\t\t\t\t'jpg',\r\n\t\t\t\t'png'\r\n\t\t\t],\r\n\t\t\ttempImgFormat = allowImgFormat.indexOf(imgFormat) === -1 ? 'jpg' : imgFormat,\r\n\t\t\tlang = language[langType] ? language[langType] : language['en'],\r\n\t\t\tmime = mimes[tempImgFormat];\r\n\t\t// 规范图片格式\r\n\t\tthat.imgFormat = tempImgFormat;\r\n\r\n\t\tif (langExt) {\r\n\t\t\tObject.assign(lang, langExt);\r\n\t\t}\r\n\t\tif (typeof FormData != 'function') {\r\n\t\t\tisSupported = false;\r\n\t\t}\r\n\t\treturn {\r\n\t\t\t// 图片的mime\r\n\t\t\tmime,\r\n\r\n\t\t\t// 语言包\r\n\t\t\tlang,\r\n\r\n\t\t\t// 浏览器是否支持该控件\r\n\t\t\tisSupported,\r\n\t\t\t// 浏览器是否支持触屏事件\r\n\t\t\tisSupportTouch: document.hasOwnProperty(\"ontouchstart\"),\r\n\r\n\t\t\t// 步骤\r\n\t\t\tstep: 1, //1选择文件 2剪裁 3上传\r\n\r\n\t\t\t// 上传状态及进度\r\n\t\t\tloading: 0, //0未开始 1正在 2成功 3错误\r\n\t\t\tprogress: 0,\r\n\r\n\t\t\t// 是否有错误及错误信息\r\n\t\t\thasError: false,\r\n\t\t\terrorMsg: '',\r\n\r\n\t\t\t// 需求图宽高比\r\n\t\t\tratio: width / height,\r\n\r\n\t\t\t// 原图地址、生成图片地址\r\n\t\t\tsourceImg: null,\r\n\t\t\tsourceImgUrl: '',\r\n\t\t\tcreateImgUrl: '',\r\n\r\n\t\t\t// 原图片拖动事件初始值\r\n\t\t\tsourceImgMouseDown: {\r\n\t\t\t\ton: false,\r\n\t\t\t\tmX: 0, //鼠标按下的坐标\r\n\t\t\t\tmY: 0,\r\n\t\t\t\tx: 0, //scale原图坐标\r\n\t\t\t\ty: 0\r\n\t\t\t},\r\n\r\n\t\t\t// 生成图片预览的容器大小\r\n\t\t\tpreviewContainer: {\r\n\t\t\t\twidth: 100,\r\n\t\t\t\theight: 100\r\n\t\t\t},\r\n\r\n\t\t\t// 原图容器宽高\r\n\t\t\tsourceImgContainer: { // sic\r\n\t\t\t\twidth: 240,\r\n\t\t\t\theight: 184 // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈\r\n\t\t\t},\r\n\r\n\t\t\t// 原图展示属性\r\n\t\t\tscale: {\r\n\t\t\t\tzoomAddOn: false, //按钮缩放事件开启\r\n\t\t\t\tzoomSubOn: false, //按钮缩放事件开启\r\n\t\t\t\trange: 1, //最大100\r\n\r\n\t\t\t\tx: 0,\r\n\t\t\t\ty: 0,\r\n\t\t\t\twidth: 0,\r\n\t\t\t\theight: 0,\r\n\t\t\t\tmaxWidth: 0,\r\n\t\t\t\tmaxHeight: 0,\r\n\t\t\t\tminWidth: 0, //最宽\r\n\t\t\t\tminHeight: 0,\r\n\t\t\t\tnaturalWidth: 0, //原宽\r\n\t\t\t\tnaturalHeight: 0\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tcomputed: {\r\n\t\t// 进度条样式\r\n\t\tprogressStyle() {\r\n\t\t\tlet {\r\n\t\t\t\tprogress\r\n\t\t\t} = this;\r\n\t\t\treturn {\r\n\t\t\t\twidth: progress + '%'\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 原图样式\r\n\t\tsourceImgStyle() {\r\n\t\t\tlet {\r\n\t\t\t\t\tscale,\r\n\t\t\t\t\tsourceImgMasking\r\n\t\t\t\t} = this,\r\n\t\t\t\ttop = scale.y + sourceImgMasking.y + 'px',\r\n\t\t\t\tleft = scale.x + sourceImgMasking.x + 'px';\r\n\t\t\treturn {\r\n\t\t\t\ttop,\r\n\t\t\t\tleft,\r\n\t\t\t\twidth: scale.width + 'px',\r\n\t\t\t\theight: scale.height + 'px',// 兼容 Opera\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 原图蒙版属性\r\n\t\tsourceImgMasking() {\r\n\t\t\tlet {\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tratio,\r\n\t\t\t\t\tsourceImgContainer\r\n\t\t\t\t} = this,\r\n\t\t\t\tsic = sourceImgContainer,\r\n\t\t\t\tsicRatio = sic.width / sic.height, // 原图容器宽高比\r\n\t\t\t\tx = 0,\r\n\t\t\t\ty = 0,\r\n\t\t\t\tw = sic.width,\r\n\t\t\t\th = sic.height,\r\n\t\t\t\tscale = 1;\r\n\t\t\tif (ratio < sicRatio) {\r\n\t\t\t\tscale = sic.height / height;\r\n\t\t\t\tw = sic.height * ratio;\r\n\t\t\t\tx = (sic.width - w) / 2;\r\n\t\t\t}\r\n\t\t\tif (ratio > sicRatio) {\r\n\t\t\t\tscale = sic.width / width;\r\n\t\t\t\th = sic.width / ratio;\r\n\t\t\t\ty = (sic.height - h) / 2;\r\n\t\t\t}\r\n\t\t\treturn {\r\n\t\t\t\tscale, // 蒙版相对需求宽高的缩放\r\n\t\t\t\tx,\r\n\t\t\t\ty,\r\n\t\t\t\twidth: w,\r\n\t\t\t\theight: h\r\n\t\t\t};\r\n\t\t},\r\n\t\t// 原图遮罩样式\r\n\t\tsourceImgShadeStyle() {\r\n\t\t\tlet {\r\n\t\t\t\t\tsourceImgMasking,\r\n\t\t\t\t\tsourceImgContainer\r\n\t\t\t\t} = this,\r\n\t\t\t\tsic = sourceImgContainer,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\tw = sim.width == sic.width ? sim.width : (sic.width - sim.width) / 2,\r\n\t\t\t\th = sim.height == sic.height ? sim.height : (sic.height - sim.height) / 2;\r\n\t\t\treturn {\r\n\t\t\t\twidth: w + 'px',\r\n\t\t\t\theight: h + 'px'\r\n\t\t\t};\r\n\t\t},\r\n\t\tpreviewStyle() {\r\n\t\t\tlet {\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tratio,\r\n\t\t\t\t\tpreviewContainer\r\n\t\t\t\t} = this,\r\n\t\t\t\tpc = previewContainer,\r\n\t\t\t\tw = pc.width,\r\n\t\t\t\th = pc.height,\r\n\t\t\t\tpcRatio = w / h;\r\n\t\t\tif (ratio < pcRatio) {\r\n\t\t\t\tw = pc.height * ratio;\r\n\t\t\t}\r\n\t\t\tif (ratio > pcRatio) {\r\n\t\t\t\th = pc.width / ratio;\r\n\t\t\t}\r\n\t\t\treturn {\r\n\t\t\t\twidth: w + 'px',\r\n\t\t\t\theight: h + 'px'\r\n\t\t\t};\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\tvalue(newValue) {\r\n\t\t\tif (newValue && this.loading != 1) {\r\n\t\t\t\tthis.reset();\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n\tmethods: {\r\n\t\t// 点击波纹效果\r\n\t\tripple(e) {\r\n\t\t\teffectRipple(e);\r\n\t\t},\r\n\t\t// 关闭控件\r\n\t\toff() {\r\n\t\t\tsetTimeout(()=> {\r\n\t\t\t\tthis.$emit('input', false);\r\n\t\t\t\tif(this.step == 3 && this.loading == 2){\r\n\t\t\t\t\tthis.setStep(1);\r\n\t\t\t\t}\r\n\t\t\t}, 200);\r\n\t\t},\r\n\t\t// 设置步骤\r\n\t\tsetStep(no) {\r\n\t\t\t// 延时是为了显示动画效果呢，哈哈哈\r\n\t\t\tsetTimeout(()=> {\r\n\t\t\t\tthis.step = no;\r\n\t\t\t}, 200);\r\n\t\t},\r\n\r\n\t\t/* 图片选择区域函数绑定\r\n\t\t ---------------------------------------------------------------*/\r\n\t\tpreventDefault(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\treturn false;\r\n\t\t},\r\n\t\thandleClick(e) {\r\n\t\t\tif (this.loading !== 1) {\r\n\t\t\t\tif (e.target !== this.$refs.fileinput) {\r\n\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\tif (document.activeElement !== this.$refs) {\r\n\t\t\t\t\t\tthis.$refs.fileinput.click();\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\thandleChange(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\tif (this.loading !== 1) {\r\n\t\t\t\tlet files = e.target.files || e.dataTransfer.files;\r\n\t\t\t\tthis.reset();\r\n\t\t\t\tif (this.checkFile(files[0])) {\r\n\t\t\t\t\tthis.setSourceImg(files[0]);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t/* ---------------------------------------------------------------*/\r\n\r\n\t\t// 检测选择的文件是否合适\r\n\t\tcheckFile(file) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tlang,\r\n\t\t\t\t\tmaxSize\r\n\t\t\t\t} = that;\r\n\t\t\t// 仅限图片\r\n\t\t\tif (file.type.indexOf('image') === -1) {\r\n\t\t\t\tthat.hasError = true;\r\n\t\t\t\tthat.errorMsg = lang.error.onlyImg;\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\r\n\t\t\t// 超出大小\r\n\t\t\tif (file.size / 1024 > maxSize) {\r\n\t\t\t\tthat.hasError = true;\r\n\t\t\t\tthat.errorMsg = lang.error.outOfSize + maxSize + 'kb';\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\treturn true;\r\n\t\t},\r\n\t\t// 重置控件\r\n\t\treset() {\r\n\t\t\tlet that = this;\r\n\t\t\tthat.loading = 0;\r\n\t\t\tthat.hasError = false;\r\n\t\t\tthat.errorMsg = '';\r\n\t\t\tthat.progress = 0;\r\n\t\t},\r\n\t\t// 设置图片源\r\n\t\tsetSourceImg(file) {\r\n\t\t\tthis.$emit('src-file-set', file.name, file.type, file.size);\r\n\t\t\tlet that = this,\r\n\t\t\t\tfr = new FileReader();\r\n\t\t\tfr.onload = function(e) {\r\n\t\t\t\tthat.sourceImgUrl = fr.result;\r\n\t\t\t\tthat.startCrop();\r\n\t\t\t}\r\n\t\t\tfr.readAsDataURL(file);\r\n\t\t},\r\n\t\t// 剪裁前准备工作\r\n\t\tstartCrop() {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tratio,\r\n\t\t\t\t\tscale,\r\n\t\t\t\t\tsourceImgUrl,\r\n\t\t\t\t\tsourceImgMasking,\r\n\t\t\t\t\tlang\r\n\t\t\t\t} = that,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\timg = new Image();\r\n\t\t\timg.src = sourceImgUrl;\r\n\t\t\timg.onload = function() {\r\n\t\t\t\tlet nWidth = img.naturalWidth,\r\n\t\t\t\t\tnHeight = img.naturalHeight,\r\n\t\t\t\t\tnRatio = nWidth / nHeight,\r\n\t\t\t\t\tw = sim.width,\r\n\t\t\t\t\th = sim.height,\r\n\t\t\t\t\tx = 0,\r\n\t\t\t\t\ty = 0;\r\n\t\t\t\t// 图片像素不达标\r\n\t\t\t\tif (nWidth < width || nHeight < height) {\r\n\t\t\t\t\tthat.hasError = true;\r\n\t\t\t\t\tthat.errorMsg = lang.error.lowestPx + width + '*' + height;\r\n\t\t\t\t\treturn false;\r\n\t\t\t\t}\r\n\t\t\t\tif (ratio > nRatio) {\r\n\t\t\t\t\th = w / nRatio;\r\n\t\t\t\t\ty = (sim.height - h) / 2;\r\n\t\t\t\t}\r\n\t\t\t\tif (ratio < nRatio) {\r\n\t\t\t\t\tw = h * nRatio;\r\n\t\t\t\t\tx = (sim.width - w) / 2;\r\n\t\t\t\t}\r\n\t\t\t\tscale.range = 0;\r\n\t\t\t\tscale.x = x;\r\n\t\t\t\tscale.y = y;\r\n\t\t\t\tscale.width = w;\r\n\t\t\t\tscale.height = h;\r\n\t\t\t\tscale.minWidth = w;\r\n\t\t\t\tscale.minHeight = h;\r\n\t\t\t\tscale.maxWidth = nWidth * sim.scale;\r\n\t\t\t\tscale.maxHeight = nHeight * sim.scale;\r\n\t\t\t\tscale.naturalWidth = nWidth;\r\n\t\t\t\tscale.naturalHeight = nHeight;\r\n\t\t\t\tthat.sourceImg = img;\r\n\t\t\t\tthat.createImg();\r\n\t\t\t\tthat.setStep(2);\r\n\t\t\t};\r\n\t\t},\r\n\t\t// 鼠标按下图片准备移动\r\n\t\timgStartMove(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\t// 支持触摸事件，则鼠标事件无效\r\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\r\n\t\t\t\t{\r\n\t\t\t\t\tsourceImgMouseDown,\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = this,\r\n\t\t\t\tsimd = sourceImgMouseDown;\r\n\t\t\tsimd.mX = et.screenX;\r\n\t\t\tsimd.mY = et.screenY;\r\n\t\t\tsimd.x = scale.x;\r\n\t\t\tsimd.y = scale.y;\r\n\t\t\tsimd.on = true;\r\n\t\t},\r\n\t\t// 鼠标按下状态下移动，图片移动\r\n\t\timgMove(e) {\r\n\t\t\te.preventDefault();\r\n\t\t\t// 支持触摸事件，则鼠标事件无效\r\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\r\n\t\t\t\treturn false;\r\n\t\t\t}\r\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\r\n\t\t\t\t{\r\n\t\t\t\t\tsourceImgMouseDown: {\r\n\t\t\t\t\t\ton,\r\n\t\t\t\t\t\tmX,\r\n\t\t\t\t\t\tmY,\r\n\t\t\t\t\t\tx,\r\n\t\t\t\t\t\ty\r\n\t\t\t\t\t},\r\n\t\t\t\t\tscale,\r\n\t\t\t\t\tsourceImgMasking\r\n\t\t\t\t} = this,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\tnX = et.screenX,\r\n\t\t\t\tnY = et.screenY,\r\n\t\t\t\tdX = nX - mX,\r\n\t\t\t\tdY = nY - mY,\r\n\t\t\t\trX = x + dX,\r\n\t\t\t\trY = y + dY;\r\n\t\t\tif (!on) return;\r\n\t\t\tif (rX > 0) {\r\n\t\t\t\trX = 0;\r\n\t\t\t}\r\n\t\t\tif (rY > 0) {\r\n\t\t\t\trY = 0;\r\n\t\t\t}\r\n\t\t\tif (rX < sim.width - scale.width) {\r\n\t\t\t\trX = sim.width - scale.width;\r\n\t\t\t}\r\n\t\t\tif (rY < sim.height - scale.height) {\r\n\t\t\t\trY = sim.height - scale.height;\r\n\t\t\t}\r\n\t\t\tscale.x = rX;\r\n\t\t\tscale.y = rY;\r\n\t\t},\r\n\t\t// 顺时针旋转图片\r\n        rotateImg(e) {\r\n\t\t\tlet {\r\n\t\t\t\t\tsourceImg,\r\n                    scale: {\r\n\t\t\t\t\t\tnaturalWidth,\r\n\t\t\t\t\t\tnaturalHeight,\r\n                    }\r\n                } = this,\r\n\t\t\t\twidth = naturalHeight,\r\n\t\t\t\theight = naturalWidth,\r\n                canvas = this.$refs.canvas,\r\n                ctx = canvas.getContext('2d');\r\n\t\t\tcanvas.width = width;\r\n            canvas.height = height;\r\n            ctx.clearRect(0, 0, width, height);\r\n\r\n\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\r\n\t\t\tctx.fillRect(0, 0, width, height);\r\n\r\n\t\t\tctx.translate(width, 0);\r\n            ctx.rotate(Math.PI * 90 / 180);\r\n\r\n            ctx.drawImage(sourceImg, 0, 0, naturalWidth, naturalHeight);\r\n            let imgUrl = canvas.toDataURL(mimes['png']);\r\n\r\n\t\t\tthis.sourceImgUrl = imgUrl;\r\n\t\t\tthis.startCrop();\r\n        },\r\n\r\n\t\t// 按钮按下开始放大\r\n\t\tstartZoomAdd(e) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = that;\r\n\t\t\tscale.zoomAddOn = true;\r\n\r\n\t\t\tfunction zoom() {\r\n\t\t\t\tif (scale.zoomAddOn) {\r\n\t\t\t\t\tlet range = scale.range >= 100 ? 100 : ++scale.range;\r\n\t\t\t\t\tthat.zoomImg(range);\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\tzoom();\r\n\t\t\t\t\t}, 60);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tzoom();\r\n\t\t},\r\n\t\t// 按钮松开或移开取消放大\r\n\t\tendZoomAdd(e) {\r\n\t\t\tthis.scale.zoomAddOn = false;\r\n\t\t},\r\n\t\t// 按钮按下开始缩小\r\n\t\tstartZoomSub(e) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = that;\r\n\t\t\tscale.zoomSubOn = true;\r\n\r\n\t\t\tfunction zoom() {\r\n\t\t\t\tif (scale.zoomSubOn) {\r\n\t\t\t\t\tlet range = scale.range <= 0 ? 0 : --scale.range;\r\n\t\t\t\t\tthat.zoomImg(range);\r\n\t\t\t\t\tsetTimeout(function() {\r\n\t\t\t\t\t\tzoom();\r\n\t\t\t\t\t}, 60);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\tzoom();\r\n\t\t},\r\n\t\t// 按钮松开或移开取消缩小\r\n\t\tendZoomSub(e) {\r\n\t\t\tlet {\r\n\t\t\t\tscale\r\n\t\t\t} = this;\r\n\t\t\tscale.zoomSubOn = false;\r\n\t\t},\r\n\t\tzoomChange(e) {\r\n\t\t\tthis.zoomImg(e.target.value);\r\n\t\t},\r\n\t\t// 缩放原图\r\n\t\tzoomImg(newRange) {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tsourceImgMasking,\r\n\t\t\t\t\tsourceImgMouseDown,\r\n\t\t\t\t\tscale\r\n\t\t\t\t} = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tmaxWidth,\r\n\t\t\t\t\tmaxHeight,\r\n\t\t\t\t\tminWidth,\r\n\t\t\t\t\tminHeight,\r\n\t\t\t\t\twidth,\r\n\t\t\t\t\theight,\r\n\t\t\t\t\tx,\r\n\t\t\t\t\ty,\r\n\t\t\t\t\trange\r\n\t\t\t\t} = scale,\r\n\t\t\t\tsim = sourceImgMasking,\r\n\t\t\t\t// 蒙版宽高\r\n\t\t\t\tsWidth = sim.width,\r\n\t\t\t\tsHeight = sim.height,\r\n\t\t\t\t// 新宽高\r\n\t\t\t\tnWidth = minWidth + (maxWidth - minWidth) * newRange / 100,\r\n\t\t\t\tnHeight = minHeight + (maxHeight - minHeight) * newRange / 100,\r\n\t\t\t\t// 新坐标（根据蒙版中心点缩放）\r\n\t\t\t\tnX = sWidth / 2 - (nWidth / width) * (sWidth / 2 - x),\r\n\t\t\t\tnY = sHeight / 2 - (nHeight / height) * (sHeight / 2 - y);\r\n\r\n\t\t\t// 判断新坐标是否超过蒙版限制\r\n\t\t\tif (nX > 0) {\r\n\t\t\t\tnX = 0;\r\n\t\t\t}\r\n\t\t\tif (nY > 0) {\r\n\t\t\t\tnY = 0;\r\n\t\t\t}\r\n\t\t\tif (nX < sWidth - nWidth) {\r\n\t\t\t\tnX = sWidth - nWidth;\r\n\t\t\t}\r\n\t\t\tif (nY < sHeight - nHeight) {\r\n\t\t\t\tnY = sHeight - nHeight;\r\n\t\t\t}\r\n\r\n\t\t\t// 赋值处理\r\n\t\t\tscale.x = nX;\r\n\t\t\tscale.y = nY;\r\n\t\t\tscale.width = nWidth;\r\n\t\t\tscale.height = nHeight;\r\n\t\t\tscale.range = newRange;\r\n\t\t\tsetTimeout(function() {\r\n\t\t\t\tif (scale.range == newRange) {\r\n\t\t\t\t\tthat.createImg();\r\n\t\t\t\t}\r\n\t\t\t}, 300);\r\n\t\t},\r\n\t\t // 生成需求图片\r\n        createImg(e) {\r\n            let that = this,\r\n                {\r\n\t\t\t\t\timgFormat,\r\n\t\t\t\t\timgBgc,\r\n                    mime,\r\n                    sourceImg,\r\n                    scale: {\r\n                        x,\r\n                        y,\r\n                        width,\r\n                        height,\r\n                    },\r\n                    sourceImgMasking: {\r\n                        scale\r\n                    }\r\n                } = that,\r\n                canvas = that.$refs.canvas,\r\n                ctx = canvas.getContext('2d');\r\n            if (e) {\r\n                // 取消鼠标按下移动状态\r\n                that.sourceImgMouseDown.on = false;\r\n            }\r\n\t\t\tcanvas.width = that.width;\r\n            canvas.height = that.height;\r\n            ctx.clearRect(0, 0, that.width, that.height);\r\n\r\n\t\t\tif(imgFormat == 'png'){\r\n\t\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\r\n\t\t\t} else{\r\n\t\t\t\t// 如果jpg 为透明区域设置背景，默认白色\r\n\t\t\t\tctx.fillStyle = imgBgc;\r\n\t\t\t}\r\n\t\t\tctx.fillRect(0, 0, that.width, that.height);\r\n\r\n            ctx.drawImage(sourceImg, x / scale, y / scale, width / scale, height / scale);\r\n            that.createImgUrl = canvas.toDataURL(mime);\r\n        },\r\n\t\tprepareUpload(){\r\n\t\t\tlet {\r\n\t\t\t\turl,\r\n\t\t\t\tcreateImgUrl,\r\n\t\t\t\tfield,\r\n\t\t\t\tki\r\n\t\t\t} = this;\r\n\t\t\tthis.$emit('crop-success', createImgUrl, field, ki);\r\n\t\t\tif(typeof url == 'string' && url){\r\n\t\t\t\tthis.upload();\r\n\t\t\t}else{\r\n\t\t\t\tthis.off();\r\n\t\t\t}\r\n\t\t},\r\n\t\t// 上传图片\r\n\t\tupload() {\r\n\t\t\tlet that = this,\r\n\t\t\t\t{\r\n\t\t\t\t\tlang,\r\n\t\t\t\t\timgFormat,\r\n\t\t\t\t\tmime,\r\n\t\t\t\t\turl,\r\n\t\t\t\t\tparams,\r\n\t\t\t\t\theaders,\r\n\t\t\t\t\tfield,\r\n\t\t\t\t\tki,\r\n\t\t\t\t\tcreateImgUrl,\r\n\t\t\t\t\twithCredentials,\r\n\t\t\t\t\tmethod\r\n\t\t\t\t} = this,\r\n\t\t\t\tfmData = new FormData();\r\n\t\t\tfmData.append(field, data2blob(createImgUrl, mime), field + '.' + imgFormat);\r\n\r\n\t\t\t// 添加其他参数\r\n\t\t\tif (typeof params == 'object' && params) {\r\n\t\t\t\tObject.keys(params).forEach((k) => {\r\n\t\t\t\t\tfmData.append(k, params[k]);\r\n\t\t\t\t})\r\n\t\t\t}\r\n\r\n\t\t\t// 监听进度回调\r\n\t\t\tconst uploadProgress = function(event) {\r\n\t\t\t\tif (event.lengthComputable) {\r\n\t\t\t\t\tthat.progress = 100 * Math.round(event.loaded) / event.total;\r\n\t\t\t\t}\r\n\t\t\t};\r\n\r\n\t\t\t// 上传文件\r\n\t\t\tthat.reset();\r\n\t\t\tthat.loading = 1;\r\n\t\t\tthat.setStep(3);\r\n\t\t\tnew Promise(function(resolve, reject) {\r\n\t\t\t\tlet client = new XMLHttpRequest();\r\n\t\t\t\tclient.open(method, url, true);\r\n\t\t\t\tclient.withCredentials = withCredentials;\r\n\t\t\t\tclient.onreadystatechange = function() {\r\n\t\t\t\t\tif (this.readyState !== 4) {\r\n\t\t\t\t\t\treturn;\r\n\t\t\t\t\t}\r\n\t\t\t\t\tif (this.status === 200 || this.status === 201) {\r\n\t\t\t\t\t\tresolve(JSON.parse(this.responseText));\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\treject(this.status);\r\n\t\t\t\t\t}\r\n\t\t\t\t};\r\n\t\t\t\tclient.upload.addEventListener(\"progress\", uploadProgress, false); //监听进度\r\n\t\t\t\t// 设置header\r\n\t\t\t\tif (typeof headers == 'object' && headers) {\r\n\t\t\t\t\tObject.keys(headers).forEach((k) => {\r\n\t\t\t\t\t\tclient.setRequestHeader(k, headers[k]);\r\n\t\t\t\t\t})\r\n\t\t\t\t}\r\n\t\t\t\tclient.send(fmData);\r\n\t\t\t}).then(\r\n\t\t\t\t// 上传成功\r\n\t\t\t\tfunction(resData) {\r\n\t\t\t\t\tif (that.value) {\r\n\t\t\t\t\t\tthat.loading = 2;\r\n\t\t\t\t\t\tthat.$emit('crop-upload-success', resData, field, ki);\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\t// 上传失败\r\n\t\t\t\tfunction(sts) {\r\n\t\t\t\t\tif (that.value) {\r\n\t\t\t\t\t\tthat.loading = 3;\r\n\t\t\t\t\t\tthat.hasError = true;\r\n\t\t\t\t\t\tthat.errorMsg = lang.fail;\r\n\t\t\t\t\t\tthat.$emit('crop-upload-fail', sts, field, ki);\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t);\r\n\t\t}\r\n\t},\r\n\tcreated(){\r\n\t\t// 绑定按键esc隐藏此插件事件\r\n\t\tdocument.addEventListener('keyup', (e)=>{\r\n\t\t\tif(this.value && (e.key == 'Escape' || e.keyCode == 27)){\r\n\t\t\t\tthis.off();\r\n\t\t\t}\r\n\t\t})\r\n\t}\r\n}\r\n\r\n</script>\r\n\r\n<!--\r\n<style lang='sass' src=\"./scss/upload.scss\">\r\n</style> -->\r\n\r\n<style>\r\n@charset \"UTF-8\";\r\n@-webkit-keyframes vicp_progress {\r\n  0% {\r\n    background-position-y: 0; }\r\n  100% {\r\n    background-position-y: 40px; } }\r\n@keyframes vicp_progress {\r\n  0% {\r\n    background-position-y: 0; }\r\n  100% {\r\n    background-position-y: 40px; } }\r\n\r\n@-webkit-keyframes vicp {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: scale(0) translatey(-60px);\r\n            transform: scale(0) translatey(-60px); }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: scale(1) translatey(0);\r\n            transform: scale(1) translatey(0); } }\r\n\r\n@keyframes vicp {\r\n  0% {\r\n    opacity: 0;\r\n    -webkit-transform: scale(0) translatey(-60px);\r\n            transform: scale(0) translatey(-60px); }\r\n  100% {\r\n    opacity: 1;\r\n    -webkit-transform: scale(1) translatey(0);\r\n            transform: scale(1) translatey(0); } }\r\n\r\n.vue-image-crop-upload {\r\n  position: fixed;\r\n  display: block;\r\n  -webkit-box-sizing: border-box;\r\n          box-sizing: border-box;\r\n  z-index: 10000;\r\n  top: 0;\r\n  bottom: 0;\r\n  left: 0;\r\n  right: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.65);\r\n  -webkit-tap-highlight-color: transparent;\r\n  -moz-tap-highlight-color: transparent; }\r\n  .vue-image-crop-upload .vicp-wrap {\r\n    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n    position: fixed;\r\n    display: block;\r\n    -webkit-box-sizing: border-box;\r\n            box-sizing: border-box;\r\n    z-index: 10000;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    margin: auto;\r\n    width: 600px;\r\n    height: 330px;\r\n    padding: 25px;\r\n    background-color: #fff;\r\n    border-radius: 2px;\r\n    -webkit-animation: vicp 0.12s ease-in;\r\n            animation: vicp 0.12s ease-in; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-close {\r\n      position: absolute;\r\n      right: -30px;\r\n      top: -30px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 {\r\n        position: relative;\r\n        display: block;\r\n        width: 30px;\r\n        height: 30px;\r\n        cursor: pointer;\r\n        -webkit-transition: -webkit-transform 0.18s;\r\n        transition: -webkit-transform 0.18s;\r\n        transition: transform 0.18s;\r\n        transition: transform 0.18s, -webkit-transform 0.18s;\r\n        -webkit-transform: rotate(0);\r\n            -ms-transform: rotate(0);\r\n                transform: rotate(0); }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {\r\n          -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n                  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n          content: '';\r\n          position: absolute;\r\n          top: 12px;\r\n          left: 4px;\r\n          width: 20px;\r\n          height: 3px;\r\n          -webkit-transform: rotate(45deg);\r\n              -ms-transform: rotate(45deg);\r\n                  transform: rotate(45deg);\r\n          background-color: #fff; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {\r\n          -webkit-transform: rotate(-45deg);\r\n              -ms-transform: rotate(-45deg);\r\n                  transform: rotate(-45deg); }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {\r\n          -webkit-transform: rotate(90deg);\r\n              -ms-transform: rotate(90deg);\r\n                  transform: rotate(90deg); }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area {\r\n      position: relative;\r\n      -webkit-box-sizing: border-box;\r\n              box-sizing: border-box;\r\n      padding: 35px;\r\n      height: 170px;\r\n      background-color: rgba(0, 0, 0, 0.03);\r\n      text-align: center;\r\n      border: 1px dashed rgba(0, 0, 0, 0.08);\r\n      overflow: hidden; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 {\r\n        display: block;\r\n        margin: 0 auto 6px;\r\n        width: 42px;\r\n        height: 42px;\r\n        overflow: hidden; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow {\r\n          display: block;\r\n          margin: 0 auto;\r\n          width: 0;\r\n          height: 0;\r\n          border-bottom: 14.7px solid rgba(0, 0, 0, 0.3);\r\n          border-left: 14.7px solid transparent;\r\n          border-right: 14.7px solid transparent; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body {\r\n          display: block;\r\n          width: 12.6px;\r\n          height: 14.7px;\r\n          margin: 0 auto;\r\n          background-color: rgba(0, 0, 0, 0.3); }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom {\r\n          -webkit-box-sizing: border-box;\r\n                  box-sizing: border-box;\r\n          display: block;\r\n          height: 12.6px;\r\n          border: 6px solid rgba(0, 0, 0, 0.3);\r\n          border-top: none; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint {\r\n        display: block;\r\n        padding: 15px;\r\n        font-size: 14px;\r\n        color: #666;\r\n        line-height: 30px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint {\r\n        display: block;\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        padding: 30px;\r\n        width: 100%;\r\n        height: 60px;\r\n        line-height: 30px;\r\n        background-color: #eee;\r\n        text-align: center;\r\n        color: #666;\r\n        font-size: 14px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover {\r\n        cursor: pointer;\r\n        border-color: rgba(0, 0, 0, 0.1);\r\n        background-color: rgba(0, 0, 0, 0.05); }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {\r\n      overflow: hidden; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {\r\n        float: left; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container {\r\n          position: relative;\r\n          display: block;\r\n          width: 240px;\r\n          height: 180px;\r\n          background-color: #e5e5e0;\r\n          overflow: hidden; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img {\r\n            position: absolute;\r\n            display: block;\r\n            cursor: move;\r\n            -webkit-user-select: none;\r\n               -moz-user-select: none;\r\n                -ms-user-select: none;\r\n                    user-select: none; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade {\r\n            -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n                    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n            position: absolute;\r\n            background-color: rgba(241, 242, 243, 0.8); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 {\r\n              top: 0;\r\n              left: 0; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 {\r\n              bottom: 0;\r\n              right: 0; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate {\r\n          position: relative;\r\n          width: 240px;\r\n          height: 18px; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i {\r\n            display: block;\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 100%;\r\n            line-height: 18px;\r\n            text-align: center;\r\n            font-size: 12px;\r\n            font-weight: bold;\r\n            background-color: rgba(0, 0, 0, 0.08);\r\n            color: #fff;\r\n            overflow: hidden; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              cursor: pointer;\r\n              background-color: rgba(0, 0, 0, 0.14); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {\r\n              float: left; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {\r\n              float: right; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {\r\n          position: relative;\r\n          margin: 30px 0 10px 0;\r\n          width: 240px;\r\n          height: 18px; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\r\n            position: absolute;\r\n            top: 0;\r\n            width: 18px;\r\n            height: 18px;\r\n            border-radius: 100%;\r\n            background-color: rgba(0, 0, 0, 0.08); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              cursor: pointer;\r\n              background-color: rgba(0, 0, 0, 0.14); }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {\r\n            left: 0; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              left: 3px;\r\n              top: 8px;\r\n              width: 12px;\r\n              height: 2px;\r\n              background-color: #fff; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\r\n            right: 0; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              left: 3px;\r\n              top: 8px;\r\n              width: 12px;\r\n              height: 2px;\r\n              background-color: #fff; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after {\r\n              position: absolute;\r\n              content: '';\r\n              display: block;\r\n              top: 3px;\r\n              left: 8px;\r\n              width: 2px;\r\n              height: 12px;\r\n              background-color: #fff; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range] {\r\n            display: block;\r\n            padding-top: 5px;\r\n            margin: 0 auto;\r\n            width: 180px;\r\n            height: 8px;\r\n            vertical-align: top;\r\n            background: transparent;\r\n            -webkit-appearance: none;\r\n               -moz-appearance: none;\r\n                    appearance: none;\r\n            cursor: pointer;\r\n            /* 滑块\r\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/\r\n            /* 轨道\r\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/ }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus {\r\n              outline: none; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb {\r\n              -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n                      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n              -webkit-appearance: none;\r\n                      appearance: none;\r\n              margin-top: -3px;\r\n              width: 12px;\r\n              height: 12px;\r\n              background-color: #61c091;\r\n              border-radius: 100%;\r\n              border: none;\r\n              -webkit-transition: 0.2s;\r\n              transition: 0.2s; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb {\r\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n              -moz-appearance: none;\r\n                   appearance: none;\r\n              width: 12px;\r\n              height: 12px;\r\n              background-color: #61c091;\r\n              border-radius: 100%;\r\n              border: none;\r\n              -webkit-transition: 0.2s;\r\n              transition: 0.2s; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb {\r\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\r\n              appearance: none;\r\n              width: 12px;\r\n              height: 12px;\r\n              background-color: #61c091;\r\n              border: none;\r\n              border-radius: 100%;\r\n              -webkit-transition: 0.2s;\r\n              transition: 0.2s; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n              width: 14px;\r\n              height: 14px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n              width: 14px;\r\n              height: 14px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\r\n              margin-top: -4px;\r\n              width: 14px;\r\n              height: 14px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track {\r\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              width: 100%;\r\n              height: 6px;\r\n              cursor: pointer;\r\n              border-radius: 2px;\r\n              border: none;\r\n              background-color: rgba(68, 170, 119, 0.3); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              width: 100%;\r\n              height: 6px;\r\n              cursor: pointer;\r\n              border-radius: 2px;\r\n              border: none;\r\n              background-color: rgba(68, 170, 119, 0.3); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track {\r\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\r\n              width: 100%;\r\n              cursor: pointer;\r\n              background: transparent;\r\n              border-color: transparent;\r\n              color: transparent;\r\n              height: 6px;\r\n              border-radius: 2px;\r\n              border: none; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower {\r\n              background-color: rgba(68, 170, 119, 0.3); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper {\r\n              background-color: rgba(68, 170, 119, 0.15); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track {\r\n              background-color: rgba(68, 170, 119, 0.5); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track {\r\n              background-color: rgba(68, 170, 119, 0.5); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower {\r\n              background-color: rgba(68, 170, 119, 0.45); }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper {\r\n              background-color: rgba(68, 170, 119, 0.25); }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {\r\n        float: right; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {\r\n          height: 150px;\r\n          overflow: hidden; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {\r\n            position: relative;\r\n            padding: 5px;\r\n            width: 100px;\r\n            height: 100px;\r\n            float: left;\r\n            margin-right: 16px; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {\r\n              position: absolute;\r\n              bottom: -30px;\r\n              width: 100%;\r\n              font-size: 14px;\r\n              color: #bbb;\r\n              display: block;\r\n              text-align: center; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {\r\n              position: absolute;\r\n              display: block;\r\n              top: 0;\r\n              bottom: 0;\r\n              left: 0;\r\n              right: 0;\r\n              margin: auto;\r\n              padding: 3px;\r\n              background-color: #fff;\r\n              border: 1px solid rgba(0, 0, 0, 0.15);\r\n              overflow: hidden;\r\n              -webkit-user-select: none;\r\n                 -moz-user-select: none;\r\n                  -ms-user-select: none;\r\n                      user-select: none; }\r\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {\r\n              margin-right: 0; }\r\n              .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img {\r\n                border-radius: 100%; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload {\r\n      position: relative;\r\n      -webkit-box-sizing: border-box;\r\n              box-sizing: border-box;\r\n      padding: 35px;\r\n      height: 170px;\r\n      background-color: rgba(0, 0, 0, 0.03);\r\n      text-align: center;\r\n      border: 1px dashed #ddd; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading {\r\n        display: block;\r\n        padding: 15px;\r\n        font-size: 16px;\r\n        color: #999;\r\n        line-height: 30px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap {\r\n        margin-top: 12px;\r\n        background-color: rgba(0, 0, 0, 0.08);\r\n        border-radius: 3px; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {\r\n          position: relative;\r\n          display: block;\r\n          height: 5px;\r\n          border-radius: 3px;\r\n          background-color: #4a7;\r\n          -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\r\n                  box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\r\n          -webkit-transition: width 0.15s linear;\r\n          transition: width 0.15s linear;\r\n          background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\r\n          background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\r\n          background-size: 40px 40px;\r\n          -webkit-animation: vicp_progress 0.5s linear infinite;\r\n                  animation: vicp_progress 0.5s linear infinite; }\r\n          .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {\r\n            content: '';\r\n            position: absolute;\r\n            display: block;\r\n            top: -3px;\r\n            right: -3px;\r\n            width: 9px;\r\n            height: 9px;\r\n            border: 1px solid rgba(245, 246, 247, 0.7);\r\n            -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\r\n                    box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\r\n            border-radius: 100%;\r\n            background-color: #4a7; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,\r\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success {\r\n        height: 100px;\r\n        line-height: 100px; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-operate {\r\n      position: absolute;\r\n      right: 20px;\r\n      bottom: 20px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-operate a {\r\n        position: relative;\r\n        float: left;\r\n        display: block;\r\n        margin-left: 10px;\r\n        width: 100px;\r\n        height: 36px;\r\n        line-height: 36px;\r\n        text-align: center;\r\n        cursor: pointer;\r\n        font-size: 14px;\r\n        color: #4a7;\r\n        border-radius: 2px;\r\n        overflow: hidden;\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n            -ms-user-select: none;\r\n                user-select: none; }\r\n        .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {\r\n          background-color: rgba(0, 0, 0, 0.03); }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-error,\r\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\r\n      display: block;\r\n      font-size: 14px;\r\n      line-height: 24px;\r\n      height: 24px;\r\n      color: #d10;\r\n      text-align: center;\r\n      vertical-align: top; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\r\n      color: #4a7; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-icon3 {\r\n      position: relative;\r\n      display: inline-block;\r\n      width: 20px;\r\n      height: 20px;\r\n      top: 4px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-icon3::after {\r\n        position: absolute;\r\n        top: 3px;\r\n        left: 6px;\r\n        width: 6px;\r\n        height: 10px;\r\n        border-width: 0 2px 2px 0;\r\n        border-color: #4a7;\r\n        border-style: solid;\r\n        -webkit-transform: rotate(45deg);\r\n            -ms-transform: rotate(45deg);\r\n                transform: rotate(45deg);\r\n        content: ''; }\r\n    .vue-image-crop-upload .vicp-wrap .vicp-icon2 {\r\n      position: relative;\r\n      display: inline-block;\r\n      width: 20px;\r\n      height: 20px;\r\n      top: 4px; }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after, .vue-image-crop-upload .vicp-wrap .vicp-icon2::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 9px;\r\n        left: 4px;\r\n        width: 13px;\r\n        height: 2px;\r\n        background-color: #d10;\r\n        -webkit-transform: rotate(45deg);\r\n            -ms-transform: rotate(45deg);\r\n                transform: rotate(45deg); }\r\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after {\r\n        -webkit-transform: rotate(-45deg);\r\n            -ms-transform: rotate(-45deg);\r\n                transform: rotate(-45deg); }\r\n\r\n.e-ripple {\r\n  position: absolute;\r\n  border-radius: 100%;\r\n  background-color: rgba(0, 0, 0, 0.15);\r\n  background-clip: padding-box;\r\n  pointer-events: none;\r\n  -webkit-user-select: none;\r\n     -moz-user-select: none;\r\n      -ms-user-select: none;\r\n          user-select: none;\r\n  -webkit-transform: scale(0);\r\n      -ms-transform: scale(0);\r\n          transform: scale(0);\r\n  opacity: 1; }\r\n  .e-ripple.z-active {\r\n    opacity: 0;\r\n    -webkit-transform: scale(2);\r\n        -ms-transform: scale(2);\r\n            transform: scale(2);\r\n    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\r\n    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\r\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out;\r\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; }\r\n\r\n</style>\r\n","import mod from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./upload-2.vue?vue&type=template&id=258c767c&\"\nimport script from \"./upload-2.vue?vue&type=script&lang=js&\"\nexport * from \"./upload-2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./upload-2.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../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","<template>\r\n  <div class=\"account-form\">\r\n    <div class=\"account-card\">\r\n      <div class=\"account-card__label\">{{ $t(\"avatar\") }}</div>\r\n      <div class=\"account-card__content\">\r\n        <div class=\"user-logo\">\r\n          <img :src=\"account.avatarUrl\" :alt=\"$t('avatar')\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"account-card__action\">\r\n        <my-upload\r\n          field=\"source\"\r\n          @crop-upload-success=\"cropUploadSuccess\"\r\n          v-model=\"show\"\r\n          :width=\"300\"\r\n          :height=\"300\"\r\n          :noSquare=\"true\"\r\n          url=\"/api/v1/AvatarUrl\"\r\n          :withCredentials=\"true\"\r\n          img-format=\"png\"\r\n        ></my-upload>\r\n        <el-link @click=\"toggleShow\">{{ $t(\"edit\") }}</el-link>\r\n      </div>\r\n    </div>\r\n    <div class=\"account-card\">\r\n      <div class=\"account-card__label\" style=\"    margin-top: -47px;\">\r\n        {{ $t(\"mobile\") }}\r\n      </div>\r\n      <div class=\"account-card__content\">\r\n        <div>{{ this.account.mobile || $t(\"not_fill\") }}</div>\r\n        <div class=\"text-black-light mt-10 text-min\">\r\n          {{ $t(\"account_tip1\") }}\r\n        </div>\r\n        <div class=\"text-black-light text-min\">\r\n          {{ $t(\"account_tip2\") }}\r\n          <el-tooltip placement=\"top\">\r\n            <div slot=\"content\">\r\n              <div class=\"text-black-light text-min\">\r\n                {{ $t(\"attentions\") }}\r\n              </div>\r\n              <div class=\"text-black-light text-min\">\r\n                {{ $t(\"account_tip3\") }}\r\n              </div>\r\n              <div class=\"text-black-light text-min\">\r\n                {{ $t(\"account_tip4\") }}\r\n              </div>\r\n              <div class=\"text-black-light text-min\">\r\n                {{ $t(\"account_tip5\") }}\r\n              </div>\r\n              <div class=\"text-black-light text-min\">\r\n                {{ $t(\"account_tip6\") }}\r\n              </div>\r\n              <div class=\"text-black-light text-min\">\r\n                {{ $t(\"account_tip7\") }}\r\n              </div>\r\n            </div>\r\n            <i class=\"el-icon-aliiconfontquestion\"></i>\r\n          </el-tooltip>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"account-card__action\"\r\n        @click=\"setDialogVisible({ editMobile: true })\"\r\n        v-if=\"!account.activeMobile\"\r\n      >\r\n        <el-link>{{ $t(\"edit\") }}</el-link>\r\n      </div>\r\n    </div>\r\n    <div class=\"account-card\">\r\n      <div class=\"account-card__label\">{{ $t(\"password\") }}</div>\r\n      <div class=\"account-card__content\">\r\n        <div>******</div>\r\n        <div class=\"text-black-light mt-10 text-min\">\r\n          {{ $t(\"edit_password_tip\") }}\r\n        </div>\r\n      </div>\r\n      <div class=\"account-card__action\">\r\n        <el-link @click=\"setDialogVisible({ editPwd: true })\">{{\r\n          $t(\"edit\")\r\n        }}</el-link>\r\n      </div>\r\n    </div>\r\n    <div class=\"account-card\">\r\n      <div class=\"account-card__label\" style=\"margin-top:-50px;\">\r\n        {{ $t(\"zfb_account\") }}\r\n      </div>\r\n      <div class=\"account-card__content\">\r\n        <div>{{ userInfo.name || \"-\" }}</div>\r\n        <div>{{ account.alipay || \"-\" }}</div>\r\n        <div class=\"text-black-light mt-10 text-min\">\r\n          {{ $t(\"edit_zfb_account_tip\") }}\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"account-card__action\"\r\n        @click=\"setDialogVisible({ editAlipay: true })\"\r\n      >\r\n        <el-link v-if=\"!account.alipyConfirmed\">{{ $t(\"edit\") }}</el-link>\r\n      </div>\r\n    </div>\r\n\r\n    <el-dialog\r\n      class=\"edit-pwd-dialog\"\r\n      width=\"465px\"\r\n      append-to-body\r\n      :title=\"$t('edit_password')\"\r\n      @close=\"setDialogVisible({ editPwd: false })\"\r\n      :visible=\"!!dialogVisible && !!dialogVisible.editPwd\"\r\n    >\r\n      <edit-pwd-form :isForgotMode=\"true\"></edit-pwd-form>\r\n    </el-dialog>\r\n\r\n    <el-dialog\r\n      class=\"edit-alipay-dialog\"\r\n      width=\"465px\"\r\n      append-to-body\r\n      :title=\"$t('edit_alipay')\"\r\n      @close=\"setDialogVisible({ editAlipay: false })\"\r\n      :visible=\"!!dialogVisible && !!dialogVisible.editAlipay\"\r\n    >\r\n      <edit-alipay-form></edit-alipay-form>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n<style src=\"./index.scss\" lang=\"scss\"></style>\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport EditPwdForm from \"components/edit-password-form\";\r\nimport EditAlipayForm from \"components/edit-alipay-form\";\r\nimport myUpload from \"vue-image-crop-upload\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      show: false,\r\n      params: {},\r\n      headers: {}\r\n    };\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setDialogVisible\", \"setAccount\"]),\r\n    toggleShow() {\r\n      this.show = !this.show;\r\n    },\r\n    cropUploadSuccess(res) {\r\n      if (res.status === 200 || res.code === 200) {\r\n        this.$http\r\n          .post(`/api/v1/Accounts/${this.account.id}/Avatar`, null, {\r\n            params: {\r\n              id: this.account.id,\r\n              avatarUrl: res.data.avatarUrl\r\n            }\r\n          })\r\n          .then(nRes => {\r\n            if (nRes.status === 200) {\r\n              this.toggleShow();\r\n              this.$message.success(this.$t(\"edit_success\"));\r\n              this.$http.get(\"/api/v1/Accounts/\" + this.account.id).then(nr => {\r\n                if (nr.status === 200 && nr.data.id) {\r\n                  this.setAccount(nr.data);\r\n                }\r\n              });\r\n            } else {\r\n              this.$message.error(this.$t(\"edit_failed\"));\r\n            }\r\n          });\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"account\", \"userInfo\", \"dialogVisible\"])\r\n  },\r\n  components: {\r\n    EditPwdForm,\r\n    EditAlipayForm,\r\n    myUpload\r\n  }\r\n};\r\n</script>\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!./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=46b46bec&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.scss?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"account-form\"},[_c('div',{staticClass:\"account-card\"},[_c('div',{staticClass:\"account-card__label\"},[_vm._v(_vm._s(_vm.$t(\"wx\")))]),_c('div',{staticClass:\"account-card__content\"},[_c('div',[_vm._v(_vm._s(_vm.account.isWechatBind ? _vm.$t(\"binding\") : _vm.$t(\"no_binding\")))]),_c('div',{staticClass:\"text-black-light mt-10 text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"third_binding_login\"))+\" \")])]),_c('div',{staticClass:\"account-card__action\"},[(!_vm.account.isWechatBind)?_c('el-link',{on:{\"click\":function($event){return _vm.openWindow('wx')}}},[_vm._v(_vm._s(_vm.$t(\"to_binding\")))]):_vm._e()],1)]),_c('div',{staticClass:\"account-card\"},[_c('div',{staticClass:\"account-card__label\"},[_vm._v(_vm._s(_vm.$t(\"alipay\")))]),_c('div',{staticClass:\"account-card__content\"},[_c('div',[_vm._v(_vm._s(_vm.account.isAlipayBind ? _vm.$t(\"binding\") : _vm.$t(\"no_binding\")))]),_c('div',{staticClass:\"text-black-light mt-10 text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"third_binding_login\"))+\" \")])]),_c('div',{staticClass:\"account-card__action\"},[(!_vm.account.isAlipayBind)?_c('el-link',{on:{\"click\":function($event){return _vm.openWindow('zfb')}}},[_vm._v(_vm._s(_vm.$t(\"to_binding\")))]):_vm._e()],1)]),_c('div',{staticClass:\"account-card\"},[_c('div',{staticClass:\"account-card__label\"},[_vm._v(\"QQ\")]),_c('div',{staticClass:\"account-card__content\"},[_c('div',[_vm._v(_vm._s(_vm.account.isQQBind ? _vm.$t(\"binding\") : _vm.$t(\"no_binding\")))]),_c('div',{staticClass:\"text-black-light mt-10 text-min\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"third_binding_login\"))+\" \")])]),_c('div',{staticClass:\"account-card__action\"},[(!_vm.account.isQQBind)?_c('el-link',{on:{\"click\":function($event){return _vm.openWindow('qq')}}},[_vm._v(_vm._s(_vm.$t(\"to_binding\")))]):_vm._e()],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"account-form\">\r\n    <div class=\"account-card\">\r\n      <div class=\"account-card__label\">{{ $t(\"wx\") }}</div>\r\n      <div class=\"account-card__content\">\r\n        <div>{{ account.isWechatBind ? $t(\"binding\") : $t(\"no_binding\") }}</div>\r\n        <div class=\"text-black-light mt-10 text-min\">\r\n          {{ $t(\"third_binding_login\") }}\r\n        </div>\r\n      </div>\r\n      <div class=\"account-card__action\">\r\n        <el-link v-if=\"!account.isWechatBind\" @click=\"openWindow('wx')\">{{\r\n          $t(\"to_binding\")\r\n        }}</el-link>\r\n      </div>\r\n    </div>\r\n    <div class=\"account-card\">\r\n      <div class=\"account-card__label\">{{ $t(\"alipay\") }}</div>\r\n      <div class=\"account-card__content\">\r\n        <div>{{ account.isAlipayBind ? $t(\"binding\") : $t(\"no_binding\") }}</div>\r\n        <div class=\"text-black-light mt-10 text-min\">\r\n          {{ $t(\"third_binding_login\") }}\r\n        </div>\r\n      </div>\r\n      <div class=\"account-card__action\">\r\n        <el-link v-if=\"!account.isAlipayBind\" @click=\"openWindow('zfb')\">{{\r\n          $t(\"to_binding\")\r\n        }}</el-link>\r\n      </div>\r\n    </div>\r\n    <div class=\"account-card\">\r\n      <div class=\"account-card__label\">QQ</div>\r\n      <div class=\"account-card__content\">\r\n        <div>{{ account.isQQBind ? $t(\"binding\") : $t(\"no_binding\") }}</div>\r\n        <div class=\"text-black-light mt-10 text-min\">\r\n          {{ $t(\"third_binding_login\") }}\r\n        </div>\r\n      </div>\r\n      <div class=\"account-card__action\">\r\n        <el-link v-if=\"!account.isQQBind\" @click=\"openWindow('qq')\">{{\r\n          $t(\"to_binding\")\r\n        }}</el-link>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<style src=\"./index.scss\" lang=\"scss\"></style>\r\n<script>\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  aliLoginHref,\r\n  qqLoginHref,\r\n  wxLoginHref\r\n} from \"../../../../../common/constants\";\r\n\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  methods: {\r\n    ...mapActions([\"setDialogVisible\"]),\r\n    openWindow(type) {\r\n      if (type === \"wx\") {\r\n        window.open(wxLoginHref);\r\n      } else if (type === \"zfb\") {\r\n        window.open(aliLoginHref);\r\n      } else if (type === \"qq\") {\r\n        window.open(qqLoginHref);\r\n      }\r\n    }\r\n  },\r\n  computed: {\r\n    ...mapGetters([\"account\", \"dialogVisible\"])\r\n  },\r\n  components: {}\r\n};\r\n</script>\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!./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=d2cd053a&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.scss?vue&type=style&index=0&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","<template>\r\n  <div class=\"center-setting\">\r\n    <el-menu\r\n      :default-active=\"activeIndex\"\r\n      class=\"setting-menu\"\r\n      mode=\"horizontal\"\r\n      @select=\"handleSelect\"\r\n    >\r\n      <el-menu-item index=\"account\">{{ $t(\"account_info\") }}</el-menu-item>\r\n      <el-menu-item index=\"user\">{{ $t(\"personal_info\") }}</el-menu-item>\r\n      <el-menu-item index=\"third\">{{ $t(\"third_binding\") }}</el-menu-item>\r\n    </el-menu>\r\n    <div class=\"card\">\r\n      <PersonForm v-show=\"activeIndex === 'user'\" />\r\n      <AccountForm v-show=\"activeIndex === 'account'\" />\r\n      <ThirdPartBinding v-show=\"activeIndex === 'third'\" />\r\n    </div>\r\n  </div>\r\n</template>\r\n<style src=\"./index.scss\" lang=\"scss\"></style>\r\n<script>\r\nimport PersonForm from \"./person-form\";\r\nimport AccountForm from \"./account-form\";\r\nimport ThirdPartBinding from \"./thirdpart-binding\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      activeIndex: \"account\"\r\n    };\r\n  },\r\n  methods: {\r\n    handleSelect(v) {\r\n      this.activeIndex = v;\r\n    }\r\n  },\r\n  created() {\r\n    if (this.$route.query.tab) {\r\n      this.activeIndex = this.$route.query.tab;\r\n    }\r\n  },\r\n  components: {\r\n    PersonForm,\r\n    AccountForm,\r\n    ThirdPartBinding\r\n  }\r\n};\r\n</script>\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!./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=6999bcbb&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.scss?vue&type=style&index=0&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 default function _typeof(obj) {\n  \"@babel/helpers - typeof\";\n\n  if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") {\n    _typeof = function _typeof(obj) {\n      return typeof obj;\n    };\n  } else {\n    _typeof = function _typeof(obj) {\n      return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj;\n    };\n  }\n\n  return _typeof(obj);\n}","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!./index.scss?vue&type=style&index=0&lang=scss&\"","export const LANG_MAP = {\r\n  zh_CN: \"zh-CN\",\r\n  zh_TW: \"zh-tw\",\r\n  en_US: \"en\",\r\n  ja_JP: \"ja\",\r\n  ko_KR: \"ko\",\r\n  ru_RU: \"ru\"\r\n};\r\n\r\nexport const qqLoginHref = \"https://www.sudiaoba.com/QQAuthorize.aspx\";\r\nexport const aliLoginHref = \"https://www.sudiaoba.com/AlipayAuthorize.aspx\";\r\nexport const wxLoginHref = \"https://www.sudiaoba.com/WeChatAuthorize.aspx\";\r\n","'use strict';\nvar DESCRIPTORS = require('../internals/descriptors');\nvar global = require('../internals/global');\nvar isForced = require('../internals/is-forced');\nvar redefine = require('../internals/redefine');\nvar has = require('../internals/has');\nvar classof = require('../internals/classof-raw');\nvar inheritIfRequired = require('../internals/inherit-if-required');\nvar toPrimitive = require('../internals/to-primitive');\nvar fails = require('../internals/fails');\nvar create = require('../internals/object-create');\nvar getOwnPropertyNames = require('../internals/object-get-own-property-names').f;\nvar getOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar defineProperty = require('../internals/object-define-property').f;\nvar trim = require('../internals/string-trim').trim;\n\nvar NUMBER = 'Number';\nvar NativeNumber = global[NUMBER];\nvar NumberPrototype = NativeNumber.prototype;\n\n// Opera ~12 has broken Object#toString\nvar BROKEN_CLASSOF = classof(create(NumberPrototype)) == NUMBER;\n\n// `ToNumber` abstract operation\n// https://tc39.github.io/ecma262/#sec-tonumber\nvar toNumber = function (argument) {\n  var it = toPrimitive(argument, false);\n  var first, third, radix, maxCode, digits, length, index, code;\n  if (typeof it == 'string' && it.length > 2) {\n    it = trim(it);\n    first = it.charCodeAt(0);\n    if (first === 43 || first === 45) {\n      third = it.charCodeAt(2);\n      if (third === 88 || third === 120) return NaN; // Number('+0x1') should be NaN, old V8 fix\n    } else if (first === 48) {\n      switch (it.charCodeAt(1)) {\n        case 66: case 98: radix = 2; maxCode = 49; break; // fast equal of /^0b[01]+$/i\n        case 79: case 111: radix = 8; maxCode = 55; break; // fast equal of /^0o[0-7]+$/i\n        default: return +it;\n      }\n      digits = it.slice(2);\n      length = digits.length;\n      for (index = 0; index < length; index++) {\n        code = digits.charCodeAt(index);\n        // parseInt parses a string to a first unavailable symbol\n        // but ToNumber should return NaN if a string contains unavailable symbols\n        if (code < 48 || code > maxCode) return NaN;\n      } return parseInt(digits, radix);\n    }\n  } return +it;\n};\n\n// `Number` constructor\n// https://tc39.github.io/ecma262/#sec-number-constructor\nif (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumber('+0x1'))) {\n  var NumberWrapper = function Number(value) {\n    var it = arguments.length < 1 ? 0 : value;\n    var dummy = this;\n    return dummy instanceof NumberWrapper\n      // check on 1..constructor(foo) case\n      && (BROKEN_CLASSOF ? fails(function () { NumberPrototype.valueOf.call(dummy); }) : classof(dummy) != NUMBER)\n        ? inheritIfRequired(new NativeNumber(toNumber(it)), dummy, NumberWrapper) : toNumber(it);\n  };\n  for (var keys = DESCRIPTORS ? getOwnPropertyNames(NativeNumber) : (\n    // ES3:\n    'MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,' +\n    // ES2015 (in case, if modules with ES2015 Number statics required before):\n    'EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,' +\n    'MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger'\n  ).split(','), j = 0, key; keys.length > j; j++) {\n    if (has(NativeNumber, key = keys[j]) && !has(NumberWrapper, key)) {\n      defineProperty(NumberWrapper, key, getOwnPropertyDescriptor(NativeNumber, key));\n    }\n  }\n  NumberWrapper.prototype = NumberPrototype;\n  NumberPrototype.constructor = NumberWrapper;\n  redefine(global, NUMBER, NumberWrapper);\n}\n","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!./index.scss?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}