{"version":3,"sources":["webpack:///./src/assets/img/Slice2.png","webpack:///./src/components/demos/function/imgRestore.vue?080f","webpack:///src/components/demos/function/imgRestore.vue","webpack:///./src/components/demos/function/imgRestore.vue?5de1","webpack:///./src/components/demos/function/imgRestore.vue","webpack:///./src/components/demos/function/imgRestore.vue?b917","webpack:///./src/assets/img/Rectangle2765.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","directives","name","rawName","value","expression","_v","language_type","class","PitchOn_first","on","modelFirst","PitchOn_last","modelLast","PitchOn","choores","_e","attrs","ref","staticStyle","imgUrl","srcList","$event","getSrc","NewimgUrl","getSrcS","slideImg","mouseMove","model","callback","$$v","_m","_l","item","index","key","active","isActice","url","changImg","wxShareAppMessage","share_weibo","shareToQQ","shareToDouban","windowWidth","staticRenderFns","created","window","addEventListener","getWidth","destroyed","removeEventListener","data","imgList","suffix","ImgName","strImgName","downImg","uploadtake","dowmtake","mouse_disable","first","loading","canvasWidth","canvasHeight","downImgType","parameter","file","mounted","innerWidth","creatQrCode","$route","path","slice","createBtn","watch","to","methods","btnLeft","innerHTML","btnHtml","input","uploadImage","down","downloadImage","sendFn","url2","url3","url4","push","that","e","target","files","imageT","src","imgT","setAttribute","onload","base64","getBase64Image","file2","btof","reader","FileReader","onloadend","objSrc","f","result","imageObj","Image","width","height","$message","type","message","substring","split","downloadType","forData","FormData","append","jhForData","axios","post","jhUrl","then","jhRes","errcode","readAsDataURL","length","Namesuffix","navigator","msSaveOrOpenBlob","n","u8arr","bstr","charCodeAt","a","href","click","$refs","widthStyle","style","leftStyle","left","zh_path","en_path","wx_qr","document","getElementsByClassName","replace","path2","qrcode","text","offsetWidth","offsetHeight","colorDark","colorLight","correctLevel","qrcode2","console","log","debug","appId","timestamp","nonceStr","signature","jsApiList","title","desc","link","success","alert","cancel","event","preventDefault","_shareUrl","open","share_url","shareToTieba","pic","_width","_height","_top","screen","_left","encodeURIComponent","share","shareToFacebook","location","canvas","createElement","img","ctx","getContext","drawImage","ext","lastIndexOf","toLowerCase","dataURL","toDataURL","endings","u8Arr","i","byteString","File","fileName","options","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,2B,2CCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAAEN,EAAe,YAAEI,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAiB,cAAEW,WAAW,kBAAkBL,YAAY,cAAc,CAACN,EAAIY,GAAG,WAAWR,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQV,EAAIa,cAAeF,WAAW,mBAAmBL,YAAY,cAAc,CAACN,EAAIY,GAAG,sBAAsBR,EAAG,MAAM,CAACU,MAAMd,EAAIe,cAAgB,gBAAkB,cAAcC,GAAG,CAAC,MAAQhB,EAAIiB,aAAa,CAACjB,EAAIY,GAAG,gBAAgBR,EAAG,MAAM,CAACU,MAAMd,EAAIkB,aAAe,eAAiB,cAAcF,GAAG,CAAC,MAAQhB,EAAImB,YAAY,CAACnB,EAAIY,GAAG,kBAAkBR,EAAG,MAAM,CAACU,MAAMd,EAAIoB,QAAU,eAAiB,cAAcJ,GAAG,CAAC,MAAQhB,EAAIqB,UAAU,CAACrB,EAAIY,GAAG,sBAAsBZ,EAAIsB,KAAMtB,EAAe,YAAEI,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOV,EAAW,QAAEW,WAAW,YAAYL,YAAY,eAAeiB,MAAM,CAAC,6BAA6B,YAAY,CAACnB,EAAG,MAAM,CAACoB,IAAI,aAAalB,YAAY,YAAYmB,YAAY,CAAC,MAAQ,QAAQ,CAACrB,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAiB,cAAEW,WAAW,kBAAkBL,YAAY,eAAe,CAACN,EAAIY,GAAG,SAASR,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQV,EAAIa,cAAeF,WAAW,mBAAmBL,YAAY,uBAAuB,CAACN,EAAIY,GAAG,YAAYR,EAAG,WAAW,CAACE,YAAY,SAASiB,MAAM,CAAC,IAAMvB,EAAI0B,OAAO,mBAAmB1B,EAAI2B,SAASX,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAO5B,EAAI6B,OAAO7B,EAAI0B,aAAa,GAAGtB,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,WAAW,CAACE,YAAY,SAASiB,MAAM,CAAC,IAAMvB,EAAI8B,UAAU,mBAAmB9B,EAAI2B,SAASX,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAO5B,EAAI+B,QAAQ/B,EAAI8B,gBAAgB,GAAG1B,EAAG,YAAY,CAACmB,MAAM,CAAC,gBAAe,GAAOP,GAAG,CAAC,MAAQhB,EAAIgC,SAAS,OAAShC,EAAIiC,WAAWC,MAAM,CAACxB,MAAOV,EAAS,MAAEmC,SAAS,SAAUC,GAAMpC,EAAIU,MAAM0B,GAAKzB,WAAW,WAAWP,EAAG,MAAM,CAACoB,IAAI,YAAYlB,YAAY,iBAAiBmB,YAAY,CAAC,KAAO,QAAQ,CAACzB,EAAIqC,GAAG,GAAGrC,EAAIqC,GAAG,GAAGjC,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAiB,cAAEW,WAAW,kBAAkBL,YAAY,cAAc,CAACN,EAAIY,GAAG,SAASR,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQV,EAAIa,cAAeF,WAAW,mBAAmBL,YAAY,sBAAsB,CAACN,EAAIY,GAAG,cAAc,GAAGR,EAAG,MAAM,CAACE,YAAY,iBAAiBN,EAAIsC,GAAItC,EAAW,SAAE,SAASuC,EAAKC,GAAO,OAAOpC,EAAG,MAAM,CAACqC,IAAID,EAAMlC,YAAY,UAAUQ,MAAM,CAAE4B,OAAQF,IAAUxC,EAAI2C,UAAWpB,MAAM,CAAC,IAAMgB,EAAKK,IAAI,IAAM,IAAI5B,GAAG,CAAC,MAAQ,SAASY,GAAQ,OAAO5B,EAAI6C,SAASN,EAAMC,UAAa,GAAGpC,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,YAAYF,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAiB,cAAEW,WAAW,kBAAkBL,YAAY,WAAW,CAACN,EAAIY,GAAG,UAAUR,EAAG,OAAO,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQV,EAAIa,cAAeF,WAAW,mBAAmBL,YAAY,WAAW,CAACN,EAAIY,GAAG,gBAAgBR,EAAG,MAAM,CAACE,YAAY,YAAYU,GAAG,CAAC,MAAQhB,EAAI8C,oBAAoB,CAAC1C,EAAG,MAAM,CAACE,YAAY,aAAaiB,MAAM,CAAC,IAAM,EAAQ,QAAoC,IAAM,MAAMnB,EAAG,MAAM,CAACE,YAAY,YAAYiB,MAAM,CAAC,IAAM,EAAQ,QAAmC,IAAM,MAAMnB,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAiB,cAAEW,WAAW,kBAAkBa,IAAI,YAAYlB,YAAY,SAASF,EAAG,MAAM,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQV,EAAIa,cAAeF,WAAW,mBAAmBa,IAAI,aAAalB,YAAY,SAASF,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,MAAOV,EAAiB,cAAEW,WAAW,mBAAmB,CAACX,EAAIY,GAAG,cAAcR,EAAG,IAAI,CAACG,WAAW,CAAC,CAACC,KAAK,OAAOC,QAAQ,SAASC,OAAQV,EAAIa,cAAeF,WAAW,oBAAoB,CAACX,EAAIY,GAAG,2BAA2BR,EAAG,MAAM,CAACE,YAAY,YAAYU,GAAG,CAAC,MAAQhB,EAAI+C,cAAc,CAAC3C,EAAG,MAAM,CAACE,YAAY,aAAaiB,MAAM,CAAC,IAAM,EAAQ,QAAuC,IAAM,MAAMnB,EAAG,MAAM,CAACE,YAAY,YAAYiB,MAAM,CAAC,IAAM,EAAQ,QAAsC,IAAM,QAAQnB,EAAG,MAAM,CAACE,YAAY,YAAYU,GAAG,CAAC,MAAQhB,EAAIgD,YAAY,CAAC5C,EAAG,MAAM,CAACE,YAAY,aAAaiB,MAAM,CAAC,IAAM,EAAQ,QAAoC,IAAM,MAAMnB,EAAG,MAAM,CAACE,YAAY,YAAYiB,MAAM,CAAC,IAAM,EAAQ,QAAmC,IAAM,QAAQnB,EAAG,MAAM,CAACE,YAAY,YAAYU,GAAG,CAAC,MAAQhB,EAAIiD,gBAAgB,CAAC7C,EAAG,MAAM,CAACE,YAAY,aAAaiB,MAAM,CAAC,IAAM,EAAQ,QAAqC,IAAM,MAAMnB,EAAG,MAAM,CAACE,YAAY,YAAYiB,MAAM,CAAC,IAAM,EAAQ,QAAoC,IAAM,cAAcvB,EAAIsB,KAAyB,GAAnBtB,EAAIkD,YAAsB9C,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAAEN,EAAiB,cAAEI,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,8BAA8BZ,EAAIsB,KAAOtB,EAAIa,cAA0Jb,EAAIsB,KAA/IlB,EAAG,IAAI,CAACE,YAAY,WAAW,CAACN,EAAIY,GAAG,oGAA6GZ,EAAIqC,GAAG,KAAKrC,EAAIsB,QACnlK6B,EAAkB,CAAC,WAAa,IAAInD,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACmB,MAAM,CAAC,IAAM,EAAQ,QAAkC,IAAM,SAAS,WAAa,IAAIvB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACmB,MAAM,CAAC,IAAM,EAAQ,QAAyC,IAAM,SAAS,WAAa,IAAIvB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACmB,MAAM,CAAC,IAAM,EAAQ,QAAiC,IAAM,U,0YC6LrmB,GAEE6B,QAFF,WAGIC,OAAOC,iBAAiB,SAAUrD,KAAKsD,UACvCtD,KAAKsD,YAEPC,UANF,WAOIH,OAAOI,oBAAoB,SAAUxD,KAAKsD,WAE5CG,KATF,WAUI,MAAO,CACLR,aAAa,EACbS,QAAS,CACf,CACQ,MAAR,EACQ,IAAR,8IACQ,KAAR,8IACQ,KAAR,8IACQ,KAAR,+IAEA,CACQ,MAAR,EACQ,IAAR,8IACQ,KAAR,8IACQ,KAAR,8IACQ,KAAR,+IAEA,CACQ,MAAR,EACQ,IAAR,8IACQ,KAAR,8IACQ,KAAR,8IACQ,KAAR,gJAIMjC,OACN,8IAEMI,UACN,8IACMa,SAAU,EACVjC,MAAO,GACPkD,OAAQ,GACRC,QAAS,GACTC,WAAY,GACZC,QAAS,GACTC,YAAY,EACZC,UAAU,EACVC,eAAe,EACfC,MAAO,EACPC,SAAS,EACTvD,eAAe,EACfwD,YAAa,EACbC,aAAc,EACdC,YAAa,GACb5C,QAAS,GAETZ,eAAe,EACfG,cAAc,EACdE,SAAS,EACToD,UAAW,MACXC,KAAM,KAGVC,QAjEF,WAkEQrB,OAAOsB,WAAa,MACtB1E,KAAK2E,cAE6B,MAAhC3E,KAAK4E,OAAOC,KAAKC,MAAM,EAAG,GAC5B9E,KAAKY,eAAgB,EAErBZ,KAAKY,eAAgB,EAEvBZ,KAAK+E,aAEPC,MAAO,CACLJ,OADJ,SACA,GACiC,MAAvBK,EAAGJ,KAAKC,MAAM,EAAG,GACnB9E,KAAKY,eAAgB,EAErBZ,KAAKY,eAAgB,EAEvBZ,KAAK+E,cAGTG,QAAS,CACPH,UADJ,WAEM,IAAN,2CACA,mCADA,uMAWA,6CAXA,+BAYA,qCAZA,kBAcA,gDACMI,EAAQC,UAAYC,EACpB,IAAN,iDACMC,EAAM,GAAGjC,iBAAiB,SAAUrD,KAAKuF,aACzC,IAAN,6CACMC,EAAK,GAAGnC,iBAAiB,QAASrD,KAAKyF,gBAEzCzE,WAvBJ,WAwBMhB,KAAKc,eAAgB,EACrBd,KAAKiB,cAAe,EACpBjB,KAAKmB,SAAU,EACfnB,KAAKuE,UAAY,MACjBvE,KAAK0F,SAEiB,OAAlB1F,KAAKuE,YACPvE,KAAK6B,UAAY7B,KAAK0D,QAAQ1D,KAAK0C,UAAUiD,OAGjDzE,UAlCJ,WAmCMlB,KAAKiB,cAAe,EACpBjB,KAAKc,eAAgB,EACrBd,KAAKmB,SAAU,EACfnB,KAAKuE,UAAY,MACjBvE,KAAK0F,SACiB,OAAlB1F,KAAKuE,YACPvE,KAAK6B,UAAY7B,KAAK0D,QAAQ1D,KAAK0C,UAAUkD,OAGjDxE,QA5CJ,WA6CMpB,KAAKiB,cAAe,EACpBjB,KAAKc,eAAgB,EACrBd,KAAKuE,UAAY,OACjBvE,KAAKmB,SAAU,EACfnB,KAAK0F,SACiB,QAAlB1F,KAAKuE,YACPvE,KAAK6B,UAAY7B,KAAK0D,QAAQ1D,KAAK0C,UAAUmD,OAGjDH,OAtDJ,WAuDwB,KAAd1F,KAAKwE,MACPxE,KAAKuF,YAAYvF,KAAKwE,OAG1B5C,OA3DJ,SA2DA,GACM5B,KAAK0B,QAAU,GACf1B,KAAK0B,QAAQoE,KAAKrE,IAEpBK,QA/DJ,SA+DA,GACM9B,KAAK0B,QAAU,GACf1B,KAAK0B,QAAQoE,KAAKjE,IAGpByB,SApEJ,WAqEUF,OAAOsB,WAAa,KACtB1E,KAAKiD,aAAc,EAEnBjD,KAAKiD,aAAc,GAGvBL,SA3EJ,SA2EA,KACM5C,KAAKyB,OAASa,EAAKK,IACG,OAAlB3C,KAAKuE,UACPvE,KAAK6B,UAAYS,EAAKqD,KAC9B,sBACQ3F,KAAK6B,UAAYS,EAAKsD,KAEtB5F,KAAK6B,UAAYS,EAAKuD,KAExB7F,KAAK0C,SAAWH,EAChBvC,KAAKwE,KAAO,GACZ,IAAN,oDACMc,EAAM7E,MAAQ,MAEhB8E,YAzFJ,SAyFA,GACM,IAAIQ,EAAO/F,KACX+F,EAAKhC,YAAa,EAClB/D,KAAKwE,KAAOwB,EACZ,IAAIxB,EAAOwB,EAAEC,OAAOC,MAAM,GAC1B,GACN,CACA,YACA,aACA,aACA,MACA,MACA,QACA,iBARM,CAgBA,IAAN,EACA,8IACA,YACMC,EAAOC,IAAMC,EACbF,EAAOG,aAAa,cAAe,aACnCH,EAAOI,OAAS,WACd,IAAIC,EAAST,EAAKU,eAAeN,GAG7BO,EAAQX,EAAKY,KAAKH,EAAQ,QAC1BI,EAAS,IAAIC,WACb5E,EAAQ,UACU,OAAlBjC,KAAKuE,YACPtC,EAAQ,WAEY,OAAlBjC,KAAKuE,YACPtC,EAAQ,SAEY,QAAlBjC,KAAKuE,YACPtC,EAAQ,cAEV2E,EAAOE,UAAY,SAA3B,GACUf,EAAK5B,SAAU,EACf,IAAI4C,EAASC,EAAEf,OAAOgB,OAClBC,EAAW,IAAIC,MACnBD,EAASd,IAAMW,EACfG,EAASX,OAAS,WAChB,GAAIW,EAASE,MAAQ,KAAQF,EAASG,OAAS,IAC7CtB,EAAKuB,SAAS,CACZC,KAAM,UACNC,QAASzB,EAAKnF,cAC9B,4BACA,6EAEcmF,EAAK5B,SAAU,MAC7B,CACc4B,EAAKnC,QAAUY,EAAKjE,KACpBwF,EAAKpC,OAASoC,EAAKnC,QAAQ6D,UACzC,8BAEc1B,EAAKlC,WAAakC,EAAKnC,QAAQ8D,MAAM,KAAK,GAC1C,IAAIC,EAAeX,EAAEf,OAAOgB,OAAOnC,MACjD,EACA,8BAEciB,EAAKzB,YAAcqD,EACnB,IAAIC,EAAU,IAAIC,SAClBD,EAAQE,OAAO,OAAQtD,GACvBoD,EAAQE,OAAO,QAASpB,GACxBkB,EAAQE,OAAO,eAAgB7F,GAC/B2F,EAAQE,OAAO,WAAY,KAC3B,IAAd,IACA,yCACA,8CACA,eACcC,EAAUD,OAAO,QAAStD,GAC1BuB,EAAKiC,MAAMC,KAAKC,EAAOH,GAAWI,MAAK,SAArD,GACgB,GAA0B,GAAtBC,EAAM3E,KAAK4E,QAQb,OAPAtC,EAAKuB,SAAS,CACZC,KAAM,QACNC,QAASzB,EAAKnF,cAClC,YACA,0CAEkBmF,EAAK5B,SAAU,GAGjB4B,EAAKiC,MACrB,UACA,kBACkB,GAAlB,kBACoB,IAApB,YACoB,EAApB,kCACoB,EAApB,kBACsB,EAAtB,oBACsB,EAAtB,uBAEoB,EAApB,mCACoB,IAApB,8BACoB,EAApB,UACoB,EAApB,uBACoB,EAApB,WACoB,EAApB,UACsB,KAAtB,UACsB,QAAtB,wCAGoB,EAApB,WACoB,EAApB,UACsB,KAAtB,QACsB,QAAtB,gBACA,eACA,wDAIA,kBACkB,EAAlB,WACkB,EAAlB,UACoB,KAApB,QACoB,QAApB,gBACA,kBACA,qEAOQpB,EAAO0B,cAAc9D,SAnHrBuB,EAAKuB,SAAS,CACZC,KAAM,QACNC,QAASzB,EAAKnF,cAAgB,2BAA6B,iEAoHjE6E,cA9NJ,WA+NM,GAA2B,KAAvBzF,KAAK8D,QAAQyE,OACfvI,KAAKsH,SAAS,CACZC,KAAM,UACNC,QAASxH,KAAKY,cACxB,SACA,qCAEA,CACQZ,KAAKgE,UAAW,EAChB,IAAIwE,EAAaxI,KAAKY,cAAgB,OAAS,SAE/C,GAAIwC,OAAOqF,UAAUC,iBAAkB,CACrC,IAAV,mCACA,WACA,oBACU,MAAOC,IACLC,EAAMD,GAAKE,EAAKC,WAAWH,GAE7B,IAAV,gBACUvF,OAAOqF,UAAUC,iBAC3B,EACA,uCAEA,CAEU,IAAV,8BACUK,EAAEC,KAAOhJ,KAAK8D,QACdiF,EAAEzC,aACZ,WACA,mCAEUyC,EAAEE,WAIRlH,SAlQJ,WAmQM/B,KAAKkJ,MAAMC,WAAWC,MAAMhC,MAAQpH,KAAKS,MAAQ,IACjDT,KAAKkJ,MAAMG,UAAUD,MAAME,KAAOtJ,KAAKS,MAAQ,IAC7B,GAAdT,KAAKkE,MACPlE,KAAKkE,QAGLlE,KAAKiE,eAAgB,GAGzBjC,UA5QJ,WA6QMhC,KAAKiE,eAAgB,GAGvBU,YAhRJ,WAiRM,IACI4E,EAASC,EADTC,EAAQC,SAASC,uBAAuB,QAER,MAAhC3J,KAAK4E,OAAOC,KAAKC,MAAM,EAAG,IAC5ByE,EAAUvJ,KAAK4E,OAAOC,KACtB2E,EAAUxJ,KAAK4E,OAAOC,KAAK+E,QAAQ,OAAQ,UAE3CL,EAAUvJ,KAAK4E,OAAOC,KAAK+E,QAAQ,OAAQ,QAC3CJ,EAAUxJ,KAAK4E,OAAOC,MAExB,IAAIA,EAAO,0BAA4B0E,EACnCM,EAAQ,0BAA4BL,EACpCM,EAAS,IAAI,EAAvB,wBACQC,KAAMlF,EACNuC,MAAOqC,EAAM,GAAGO,YAChB3C,OAAQoC,EAAM,GAAGQ,aACjBC,UAAW,UACXC,WAAY,UACZC,aAAc,EAAtB,mBAEUC,EAAU,IAAI,EAAxB,yBACQN,KAAMF,EACNzC,MAAOqC,EAAM,GAAGO,YAChB3C,OAAQoC,EAAM,GAAGQ,aACjBC,UAAW,UACXC,WAAY,UACZC,aAAc,EAAtB,mBAEME,QAAQC,IAAIT,EAAQO,IAEtBxH,kBA9SJ,WA+SM,EAAN,UACQ2H,OAAO,EACPC,MAAO,qBACPC,UAAW,aACXC,SAAU,mBACVC,UAAW,2CACXC,UAAW,CAAC,4BAA6B,6BAE3C,EAAN,oBAEQ,EAAR,6BACUC,MAAO,OACPC,KAAM,YACNC,KAAM,8CACNvJ,OACV,8IACUwJ,QAAS,WACPC,MAAM,SAERC,OAAQ,WACND,MAAM,WAGV,EAAR,2BACUJ,MAAO,iBACPE,KAAM,8CACNvJ,OACV,8IACUwJ,QAAS,kBAKb,EAAN,oBAEQC,MAAM,YAIVpI,YAtVJ,SAsVA,GACMsI,EAAMC,iBAEN,IAAIC,EAAY,0CAChBA,GACN,OACA,kEACMA,GACN,+CACMA,GACN,6DAEMlI,OAAOmI,KACb,EACA,SACA,wBACA,4DAGIxI,UAzWJ,WA2WM,IAAN,GACQ+H,MAAO,OACPC,KAAM,YACNS,UAAW,+CAETF,EACV,wDACA,gCACA,UACA,QACA,SACA,OACMlI,OAAOmI,KACb,EACA,SACA,yCACA,4DAIIE,aA/XJ,SA+XA,GACML,EAAMC,iBACN,IAAIC,EAAY,sDACtB,GACQR,MAAO,iBACPU,UAAW,8CACXE,IAAK1L,KAAK6B,UACV8J,OAAQ,IACRC,QAAS,IACTC,MAAOC,OAAOzE,OAAS,KAAO,EAC9B0E,OAAQD,OAAO1E,MAAQ,KAAO,GAEhCkE,GAAa,SAAWU,mBAAmBC,EAAMnB,OAASpB,SAASoB,OACnEQ,GACN,2DACMA,GAAa,QAAUU,mBAAmBC,EAAMP,KAAO,IACvDtI,OAAOmI,KACb,EACA,SACA,SACA,SACA,WACA,UACA,SACA,QACA,QACA,OACA,0EAIIW,gBA9ZJ,SA8ZA,GACMd,EAAMC,iBACN,IAAIC,EAAY,6CACtB,GACQR,MAAO,iBACPU,UAAW,8CACXG,OAAQ,IACRC,QAAS,IACTC,MAAOC,OAAOzE,OAAS,KAAO,EAC9B0E,OAAQD,OAAO1E,MAAQ,KAAO,GAEhCkE,GAAa,KAAOU,mBAAmBC,EAAMT,WAAaW,SAASnD,MACnEsC,GAAa,MAAQU,mBAAmBC,EAAMnB,OAASpB,SAASoB,OAChE1H,OAAOmI,KACb,EACA,SACA,SACA,SACA,WACA,UACA,SACA,QACA,QACA,OACA,0EAIIvI,cA1bJ,SA0bA,GACMoI,EAAMC,iBACN,IAAN,GACQP,MAAO,iBACPU,UAAW,8CACXE,IAAK1L,KAAK6B,WAERyJ,EAAY,yCAChBA,GACN,uDACMA,GAAa,SAAWU,mBAAmBC,EAAMnB,OAASpB,SAASoB,OACnEQ,GAAa,UAAYU,mBAAmBC,EAAMP,KAAO,IACzDtI,OAAOmI,KAAKD,EAAW,WA2DzB7E,eAjgBJ,SAigBA,GACM,IAAI2F,EAAS1C,SAAS2C,cAAc,UACpCD,EAAOhF,MAAQkF,EAAIlF,MACnBgF,EAAO/E,OAASiF,EAAIjF,OACpB,IAAIkF,EAAMH,EAAOI,WAAW,MAC5BD,EAAIE,UAAUH,EAAK,EAAG,EAAGA,EAAIlF,MAAOkF,EAAIjF,QACxC,IAAIqF,EAAMJ,EAAIlG,IAAIqB,UAAU6E,EAAIlG,IAAIuG,YAAY,KAAO,GAAGC,cACtDC,EAAUT,EAAOU,UAAU,SAAWJ,GAC1C,OAAOG,GAETlG,KA3gBJ,SA2gBA,KAQM,IAPA,IAAN,eACA,aACA,GACQY,KAAM,aACNwF,QAAS,UAEjB,2BACA,mBACQC,EAAMC,GAAKC,EAAWpE,WAAWmE,GAEnC,OAAO,IAAIE,KAAK,CAACH,GAAQI,EAAW,OAAQC,MC1yBgU,I,wBCQ9WC,EAAY,eACd,EACAxN,EACAoD,GACA,EACA,KACA,WACA,MAIa,aAAAoK,E,6CCnBf,W,mBCAA1N,EAAOC,QAAU,8N","file":"js/chunk-6dd84672.52f32797.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/Slice2.0e7f60b0.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"imgRestore\"},[(_vm.windowWidth)?_c('div',{staticClass:\"modelBox\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"modelTitle\"},[_vm._v(\"模型选择：\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"modelTitle\"},[_vm._v(\"Model selection：\")]),_c('div',{class:_vm.PitchOn_first ? 'PitchOn_first' : 'modelSelect',on:{\"click\":_vm.modelFirst}},[_vm._v(\" Anime-6B \")]),_c('div',{class:_vm.PitchOn_last ? 'PitchOn_last' : 'modelSelect',on:{\"click\":_vm.modelLast}},[_vm._v(\" Animevideo \")]),_c('div',{class:_vm.PitchOn ? 'PitchOn_last' : 'modelSelect',on:{\"click\":_vm.choores}},[_vm._v(\" AnimevideoV3 \")])]):_vm._e(),(_vm.windowWidth)?_c('div',{staticClass:\"functionBox\"},[_c('div',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],staticClass:\"functionLeft\",attrs:{\"element-loading-background\":\"#e2e8ef\"}},[_c('div',{ref:\"widthStyle\",staticClass:\"oldimgUrl\",staticStyle:{\"width\":\"50%\"}},[_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"beforelabel\"},[_vm._v(\"增强前\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"beforelabel en_long\"},[_vm._v(\"Before\")]),_c('el-image',{staticClass:\"imgUrl\",attrs:{\"src\":_vm.imgUrl,\"preview-src-list\":_vm.srcList},on:{\"click\":function($event){return _vm.getSrc(_vm.imgUrl)}}})],1),_c('div',{staticClass:\"newimgUrl\"},[_c('el-image',{staticClass:\"imgUrl\",attrs:{\"src\":_vm.NewimgUrl,\"preview-src-list\":_vm.srcList},on:{\"click\":function($event){return _vm.getSrcS(_vm.NewimgUrl)}}})],1),_c('el-slider',{attrs:{\"show-tooltip\":false},on:{\"input\":_vm.slideImg,\"change\":_vm.mouseMove},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}}),_c('div',{ref:\"leftStyle\",staticClass:\"slideRectangle\",staticStyle:{\"left\":\"50%\"}},[_vm._m(0),_vm._m(1),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"afterlabel\"},[_vm._v(\"增强后\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"afterlabel en_long\"},[_vm._v(\"After\")])])],1),_c('div',{staticClass:\"functionRight\"},_vm._l((_vm.imgList),function(item,index){return _c('img',{key:index,staticClass:\"imgList\",class:{ active: index === _vm.isActice },attrs:{\"src\":item.url,\"alt\":\"\"},on:{\"click\":function($event){return _vm.changImg(item, index)}}})}),0),_c('div',{staticClass:\"btnBox\"},[_c('div',{staticClass:\"btnLeft\"}),_c('div',{staticClass:\"btnRight\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],staticClass:\"shareTo\"},[_vm._v(\"分享至：\")]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],staticClass:\"shareTo\"},[_vm._v(\"Share To :\")]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.wxShareAppMessage}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/wx1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/wx.png\"),\"alt\":\"\"}}),_c('div',{staticClass:\"wx_code\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}],ref:\"qrCodeUrl\",staticClass:\"code\"}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}],ref:\"qrCodeUrl2\",staticClass:\"code\"}),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.language_type),expression:\"language_type\"}]},[_vm._v(\"分享到微信朋友圈\")]),_c('p',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.language_type),expression:\"!language_type\"}]},[_vm._v(\"Share with wechat\")])])]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.share_weibo}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/weibo1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/weibo.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.shareToQQ}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/qq1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/qq.png\"),\"alt\":\"\"}})]),_c('div',{staticClass:\"shareIcon\",on:{\"click\":_vm.shareToDouban}},[_c('img',{staticClass:\"normal_img\",attrs:{\"src\":require(\"../../../assets/img/icon/dou1.png\"),\"alt\":\"\"}}),_c('img',{staticClass:\"hover_img\",attrs:{\"src\":require(\"../../../assets/img/icon/dou.png\"),\"alt\":\"\"}})])])])]):_vm._e(),(_vm.windowWidth == false)?_c('div',{staticClass:\"functionBox_mini\"},[(_vm.language_type)?_c('p',{staticClass:\"message\"},[_vm._v(\" 建议在PC端打开链接或扫描二维码体验Demo \")]):_vm._e(),(!_vm.language_type)?_c('p',{staticClass:\"message\"},[_vm._v(\" It is recommended to open the link or scan the QR code on the PC side to experience the Demo \")]):_vm._e(),_vm._m(2)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Slice\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/Slice2.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"Rectangle\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/Rectangle2765.png\"),\"alt\":\"\"}})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wxapp_box\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/wxapp.jpg\"),\"alt\":\"\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"imgRestore\">\r\n    <div class=\"modelBox\" v-if=\"windowWidth\">\r\n      <span v-show=\"language_type\" class=\"modelTitle\">模型选择：</span>\r\n      <span v-show=\"!language_type\" class=\"modelTitle\">Model selection：</span>\r\n      <div\r\n        :class=\"PitchOn_first ? 'PitchOn_first' : 'modelSelect'\"\r\n        @click=\"modelFirst\"\r\n      >\r\n        Anime-6B\r\n      </div>\r\n      <div\r\n        :class=\"PitchOn_last ? 'PitchOn_last' : 'modelSelect'\"\r\n        @click=\"modelLast\"\r\n      >\r\n        Animevideo\r\n      </div>\r\n      <div :class=\"PitchOn ? 'PitchOn_last' : 'modelSelect'\" @click=\"choores\">\r\n        AnimevideoV3\r\n      </div>\r\n    </div>\r\n    <div class=\"functionBox\" v-if=\"windowWidth\">\r\n      <div\r\n        class=\"functionLeft\"\r\n        v-loading=\"loading\"\r\n        element-loading-background=\"#e2e8ef\"\r\n      >\r\n        <div class=\"oldimgUrl\" style=\"width: 50%\" ref=\"widthStyle\">\r\n          <p class=\"beforelabel\" v-show=\"language_type\">增强前</p>\r\n          <p class=\"beforelabel en_long\" v-show=\"!language_type\">Before</p>\r\n          <!-- <img :src=\"imgUrl\" alt=\"\" class=\"imgUrl\" @click=\"getSrc(imgUrl)\" /> -->\r\n          <el-image\r\n            class=\"imgUrl\"\r\n            :src=\"imgUrl\"\r\n            :preview-src-list=\"srcList\"\r\n            @click=\"getSrc(imgUrl)\"\r\n          >\r\n          </el-image>\r\n        </div>\r\n        <div class=\"newimgUrl\">\r\n          <!-- <img\r\n            :src=\"NewimgUrl\"\r\n            alt=\"\"\r\n            class=\"imgUrl\"\r\n            @click=\"getSrcS(NewimgUrl)\"\r\n          /> -->\r\n          <el-image\r\n            class=\"imgUrl\"\r\n            :src=\"NewimgUrl\"\r\n            :preview-src-list=\"srcList\"\r\n            @click=\"getSrcS(NewimgUrl)\"\r\n          >\r\n          </el-image>\r\n          <!-- <img\r\n            class=\"arcLogo\"\r\n            src=\"../../../assets/img/shuiyin_logo.png\"\r\n            alt=\"\"\r\n          /> -->\r\n        </div>\r\n        <el-slider\r\n          v-model=\"value\"\r\n          :show-tooltip=\"false\"\r\n          @input=\"slideImg\"\r\n          @change=\"mouseMove\"\r\n        ></el-slider>\r\n        <div class=\"slideRectangle\" style=\"left: 50%\" ref=\"leftStyle\">\r\n          <div class=\"Slice\">\r\n            <img src=\"../../../assets/img/Slice2.png\" alt=\"\" />\r\n          </div>\r\n          <div class=\"Rectangle\">\r\n            <img src=\"../../../assets/img/Rectangle2765.png\" alt=\"\" />\r\n          </div>\r\n          <p class=\"afterlabel\" v-show=\"language_type\">增强后</p>\r\n          <p class=\"afterlabel en_long\" v-show=\"!language_type\">After</p>\r\n        </div>\r\n      </div>\r\n      <div class=\"functionRight\">\r\n        <img\r\n          @click=\"changImg(item, index)\"\r\n          class=\"imgList\"\r\n          v-for=\"(item, index) in imgList\"\r\n          :key=\"index\"\r\n          :src=\"item.url\"\r\n          alt=\"\"\r\n          :class=\"{ active: index === isActice }\"\r\n        />\r\n      </div>\r\n      <div class=\"btnBox\">\r\n        <div class=\"btnLeft\"></div>\r\n        <div class=\"btnRight\">\r\n          <span class=\"shareTo\" v-show=\"language_type\">分享至：</span>\r\n          <span class=\"shareTo\" v-show=\"!language_type\">Share To :</span>\r\n          <div class=\"shareIcon\" @click=\"wxShareAppMessage\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/wx1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/wx.png\"\r\n              alt=\"\"\r\n            />\r\n            <div class=\"wx_code\">\r\n              <div class=\"code\" v-show=\"language_type\" ref=\"qrCodeUrl\"></div>\r\n              <div class=\"code\" v-show=\"!language_type\" ref=\"qrCodeUrl2\"></div>\r\n              <p v-show=\"language_type\">分享到微信朋友圈</p>\r\n              <p v-show=\"!language_type\">Share with wechat</p>\r\n            </div>\r\n          </div>\r\n          <div class=\"shareIcon\" @click=\"share_weibo\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/weibo1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/weibo.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <div class=\"shareIcon\" @click=\"shareToQQ\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/qq1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/qq.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <!-- <div class=\"shareIcon\" @click=\"shareToTieba\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/zhihu1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/zhihu.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n          <div class=\"shareIcon\" @click=\"shareToFacebook\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/bilibili1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/bilibili.png\"\r\n              alt=\"\"\r\n            />\r\n          </div> -->\r\n          <div class=\"shareIcon\" @click=\"shareToDouban\">\r\n            <img\r\n              class=\"normal_img\"\r\n              src=\"../../../assets/img/icon/dou1.png\"\r\n              alt=\"\"\r\n            />\r\n            <img\r\n              class=\"hover_img\"\r\n              src=\"../../../assets/img/icon/dou.png\"\r\n              alt=\"\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"functionBox_mini\" v-if=\"windowWidth == false\">\r\n      <p class=\"message\" v-if=\"language_type\">\r\n        建议在PC端打开链接或扫描二维码体验Demo\r\n      </p>\r\n      <p class=\"message\" v-if=\"!language_type\">\r\n        It is recommended to open the link or scan the QR code on the PC side to\r\n        experience the Demo\r\n      </p>\r\n      <div class=\"wxapp_box\">\r\n        <img src=\"../../../assets/img/wxapp.jpg\" alt=\"\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport QRCode from \"qrcodejs2\";\r\nimport wx from \"weixin-js-sdk\";\r\nexport default {\r\n  // 监听页面宽度\r\n  created() {\r\n    window.addEventListener(\"resize\", this.getWidth);\r\n    this.getWidth();\r\n  },\r\n  destroyed() {\r\n    window.removeEventListener(\"resize\", this.getWidth);\r\n  },\r\n  data() {\r\n    return {\r\n      windowWidth: true,\r\n      imgList: [\r\n        {\r\n          index: 1,\r\n          url: \"https://50058.gzc.svp.tencent-cloud.com/0b53smaegaaazaaezqxb4rqyve6diojqaqya.f0.jpg?dis_k=59da3d2ed2de7bfce0a4985958e30713&dis_t=1642139483\",\r\n          url2: \"https://50058.gzc.svp.tencent-cloud.com/0b53syaecaaateafcixb55qyvfwdiglaaqia.f0.jpg?dis_k=4bcee8e4ffca196e6f37b6a4b409f043&dis_t=1642139663\",\r\n          url3: \"https://50058.gzc.svp.tencent-cloud.com/0b53pmax2aabyuaekomrrrriw66dpv5qc7ia.f0.jpg?dis_k=7b2875bed2d7397ff56ff3f3c27aa147&dis_t=1653618878\",\r\n          url4: \"https://50058.gzc.svp.tencent-cloud.com/0b535ua7caabcaabca4xa5rix3od6hwqd4ia.f0.jpg?dis_k=16701817bab5133bf465223ff0dcfdcc&dis_t=1654055165\",\r\n        },\r\n        {\r\n          index: 2,\r\n          url: \"https://50058.gzc.svp.tencent-cloud.com/0b53omacaaaabaac6cpbfbqyu46debzqaiaa.f0.jpg?dis_k=597fba577ed62ae3de1c17abbd491d90&dis_t=1642139515\",\r\n          url2: \"https://50058.gzc.svp.tencent-cloud.com/0b53zuaecaaa6iafcgpb55qyvtodihgqaqia.f0.jpg?dis_k=00a6ba543f5562bd2bc2d55f821115d9&dis_t=1642139711\",\r\n          url3: \"https://50058.gzc.svp.tencent-cloud.com/0b53viawyaaboaafimmrsvrixkwdnsvac3aa.f0.jpg?dis_k=8b406f05589811be2351aee7bb0d43c0&dis_t=1653618906\",\r\n          url4: \"https://50058.gzc.svp.tencent-cloud.com/0b535qa5yaab6yad324xerrix3gd3twadxaa.f0.jpg?dis_k=3c7bafffcb6693fdaf648eea39a98e0a&dis_t=1654055195\",\r\n        },\r\n        {\r\n          index: 3,\r\n          url: \"https://50058.gzc.svp.tencent-cloud.com/0b53iyab6aaa3iabbcxbbzqyurwdd5daahya.f0.jpg?dis_k=7d12cbf3fe0ea5739400f50a30e0c019&dis_t=1642139548\",\r\n          url2: \"https://50058.gzc.svp.tencent-cloud.com/0b53yyadeaaatiacelhbz5qyvrwdgldaamqa.f0.jpg?dis_k=0535e679e1b79ecc5291e5f9ccf1cca4&dis_t=1642139740\",\r\n          url3: \"https://50058.gzc.svp.tencent-cloud.com/0b53t4axqaabn4aeajerqfrixh6dpcpqc6aa.f0.jpg?dis_k=c5191876c51c9e2696216e9c5ec50807&dis_t=1653618928\",\r\n          url4: \"https://50058.gzc.svp.tencent-cloud.com/0b53lia7maabo4aboa4xc5riwwwd6znad5qa.f0.jpg?dis_k=11fe2145f5df064c35bb01895c36d72b&dis_t=1654055213\",\r\n        },\r\n      ],\r\n      //旧照片\r\n      imgUrl:\r\n        \"https://50058.gzc.svp.tencent-cloud.com/0b53smaegaaazaaezqxb4rqyve6diojqaqya.f0.jpg?dis_k=59da3d2ed2de7bfce0a4985958e30713&dis_t=1642139483\",\r\n      //新照片\r\n      NewimgUrl:\r\n        \"https://50058.gzc.svp.tencent-cloud.com/0b53syaecaaateafcixb55qyvfwdiglaaqia.f0.jpg?dis_k=4bcee8e4ffca196e6f37b6a4b409f043&dis_t=1642139663\",\r\n      isActice: 0,\r\n      value: 50,\r\n      suffix: \"\", //文件拓展名\r\n      ImgName: \"\", //文件名\r\n      strImgName: \"\",\r\n      downImg: \"\",\r\n      uploadtake: false,\r\n      dowmtake: false,\r\n      mouse_disable: false,\r\n      first: 1,\r\n      loading: false,\r\n      language_type: true,\r\n      canvasWidth: 0,\r\n      canvasHeight: 0,\r\n      downImgType: \"\",\r\n      srcList: [],\r\n      //模型选择\r\n      PitchOn_first: true,\r\n      PitchOn_last: false,\r\n      PitchOn: false,\r\n      parameter: \"abc\",\r\n      file: \"\",\r\n    };\r\n  },\r\n  mounted() {\r\n    if (window.innerWidth > 1032) {\r\n      this.creatQrCode();\r\n    }\r\n    if (this.$route.path.slice(1, 3) == \"zh\") {\r\n      this.language_type = true;\r\n    } else {\r\n      this.language_type = false;\r\n    }\r\n    this.createBtn();\r\n  },\r\n  watch: {\r\n    $route(to) {\r\n      if (to.path.slice(1, 3) == \"zh\") {\r\n        this.language_type = true;\r\n      } else {\r\n        this.language_type = false;\r\n      }\r\n      this.createBtn();\r\n    },\r\n  },\r\n  methods: {\r\n    createBtn() {\r\n      let btnHtml = `<div class=\"uploadBtn\">\r\n      ${this.language_type ? \"本地上传\" : \"Upload\"}\r\n      <input\r\n        type=\"file\"\r\n        accept=\"image/*\"\r\n        ref=\"avatarInput\"\r\n        multiple\r\n        class=\"uploadInput\"\r\n      />\r\n      </div>\r\n      <div\r\n        class=\"${this.mouse_disable ? \"mouse_disable\" : \"dowmBtn\"} downBtn\">\r\n        ${this.language_type ? \"下载图片\" : \"Download\"}\r\n      </div>`;\r\n      let btnLeft = document.getElementsByClassName(\"btnLeft\")[0];\r\n      btnLeft.innerHTML = btnHtml;\r\n      let input = document.getElementsByClassName(\"uploadInput\");\r\n      input[0].addEventListener(\"change\", this.uploadImage);\r\n      let down = document.getElementsByClassName(\"downBtn\");\r\n      down[0].addEventListener(\"click\", this.downloadImage);\r\n    },\r\n    modelFirst() {\r\n      this.PitchOn_first = true;\r\n      this.PitchOn_last = false;\r\n      this.PitchOn = false;\r\n      this.parameter = \"abc\";\r\n      this.sendFn();\r\n\r\n      if (this.parameter == \"abc\") {\r\n        this.NewimgUrl = this.imgList[this.isActice].url2;\r\n      }\r\n    },\r\n    modelLast() {\r\n      this.PitchOn_last = true;\r\n      this.PitchOn_first = false;\r\n      this.PitchOn = false;\r\n      this.parameter = \"def\";\r\n      this.sendFn();\r\n      if (this.parameter == \"def\") {\r\n        this.NewimgUrl = this.imgList[this.isActice].url3;\r\n      }\r\n    },\r\n    choores() {\r\n      this.PitchOn_last = false;\r\n      this.PitchOn_first = false;\r\n      this.parameter = \"defs\";\r\n      this.PitchOn = true;\r\n      this.sendFn();\r\n      if (this.parameter == \"defs\") {\r\n        this.NewimgUrl = this.imgList[this.isActice].url4;\r\n      }\r\n    },\r\n    sendFn() {\r\n      if (this.file !== \"\") {\r\n        this.uploadImage(this.file);\r\n      }\r\n    },\r\n    getSrc(imgUrl) {\r\n      this.srcList = [];\r\n      this.srcList.push(imgUrl);\r\n    },\r\n    getSrcS(NewimgUrl) {\r\n      this.srcList = [];\r\n      this.srcList.push(NewimgUrl);\r\n    },\r\n    // 获取页面宽度\r\n    getWidth() {\r\n      if (window.innerWidth > 1032) {\r\n        this.windowWidth = true;\r\n      } else {\r\n        this.windowWidth = false;\r\n      }\r\n    },\r\n    changImg(item, index) {\r\n      this.imgUrl = item.url;\r\n      if (this.parameter == \"abc\") {\r\n        this.NewimgUrl = item.url2;\r\n      } else if (this.parameter == \"def\") {\r\n        this.NewimgUrl = item.url3;\r\n      } else {\r\n        this.NewimgUrl = item.url4;\r\n      }\r\n      this.isActice = index;\r\n      this.file = \"\";\r\n      let input = document.getElementsByClassName(\"uploadInput\")[0]\r\n      input.value = null\r\n    },\r\n    uploadImage(e) {\r\n      var that = this;\r\n      that.uploadtake = true;\r\n      this.file = e;\r\n      var file = e.target.files[0];\r\n      if (\r\n        ![\r\n          \"image/png\",\r\n          \"image/jpeg\",\r\n          \"image/jpeg\",\r\n          \"png\",\r\n          \"jpg\",\r\n          \"jpeg\",\r\n        ].includes(file.type)\r\n      ) {\r\n        that.$message({\r\n          type: \"error\",\r\n          message: that.language_type ? \"文件格式错误！仅支持png,jpg,jpeg格式\" : \"File format error! Only supports PNG, JPG, and JPEG formats\",\r\n        });\r\n        return;\r\n      }\r\n      let imgT =\r\n        \"https://50058.gzc.svp.tencent-cloud.com/0b53oibwiaadxaaozsg3xjrys4wdmrzagzaa.f0.png?dis_k=867894a49d34b36a9749f3589af8fcf1&dis_t=1675135178\";\r\n      let imageT = new Image();\r\n      imageT.src = imgT;\r\n      imageT.setAttribute(\"crossOrigin\", \"Anonymous\");\r\n      imageT.onload = function () {\r\n        var base64 = that.getBase64Image(imageT);\r\n        // document.getElementById(\"img\")['src'] = base64;\r\n        //转换base64到file\r\n        var file2 = that.btof(base64, \"test\");\r\n        var reader = new FileReader();\r\n        var model = \"anime6B\";\r\n        if (this.parameter == \"abc\") {\r\n          model = \"anime6B\";\r\n        }\r\n        if (this.parameter == \"def\") {\r\n          model = \"other\";\r\n        }\r\n        if (this.parameter == \"defs\") {\r\n          model = \"animevideo\";\r\n        }\r\n        reader.onloadend = (f) => {\r\n          that.loading = true;\r\n          var objSrc = f.target.result;\r\n          var imageObj = new Image();\r\n          imageObj.src = objSrc;\r\n          imageObj.onload = () => {\r\n            if (imageObj.width > 4000 || imageObj.height > 4000) {\r\n              that.$message({\r\n                type: \"warning\",\r\n                message: that.language_type\r\n                  ? \"图片尺寸过大，请重新上传，限制为4000*4000\"\r\n                  : \"The image size is too large, please upload again, limited to 4000 * 4000\",\r\n              });\r\n              that.loading = false;\r\n            } else {\r\n              that.ImgName = file.name; //获取文件名称\r\n              that.suffix = that.ImgName.substring(\r\n                that.ImgName.lastIndexOf(\".\") + 1\r\n              ); //获取拓展名\r\n              that.strImgName = that.ImgName.split(\".\")[0];\r\n              var downloadType = f.target.result.slice(\r\n                0,\r\n                f.target.result.indexOf(\",\")\r\n              );\r\n              that.downImgType = downloadType;\r\n              var forData = new FormData();\r\n              forData.append(\"file\", file);\r\n              forData.append(\"file2\", file2);\r\n              forData.append(\"model_select\", model);\r\n              forData.append(\"outscale\", \"2\");\r\n              let potss = forData;\r\n              let urls = \"https://arc.tencent.com/img_restore/\";\r\n              let jhUrl = \"https://arc.tencent.com/identify_pictures\";\r\n              let jhForData = new FormData();\r\n              jhForData.append(\"file1\", file);\r\n              that.axios.post(jhUrl, jhForData).then((jhRes) => {\r\n                if (jhRes.data.errcode != 0) {\r\n                  that.$message({\r\n                    type: \"error\",\r\n                    message: that.language_type\r\n                      ? \"图片可能涉及违规！\"\r\n                      : \"The image may involve violations\",\r\n                  });\r\n                  that.loading = false;\r\n                  return;\r\n                }\r\n                that.axios\r\n                  .post(urls, potss)\r\n                  .then((res) => {\r\n                    if (res.data.code == \"0\") {\r\n                      let img = new Image();\r\n                      img.src = window.URL.createObjectURL(file);\r\n                      img.onload = function () {\r\n                        that.canvasWidth = img.width;\r\n                        that.canvasHeight = img.height;\r\n                      };\r\n                      that.NewimgUrl = res.data.data[0].image_url;\r\n                      var baseimg = res.data.data[0].image_base64;\r\n                      that.downImg = baseimg;\r\n                      that.imgUrl = f.target.result;\r\n                      that.loading = false;\r\n                      that.$message({\r\n                        type: \"success\",\r\n                        message: that.language_type ? \"加载成功\" : \"Success\",\r\n                      });\r\n                    } else {\r\n                      that.loading = false;\r\n                      that.$message({\r\n                        type: \"error\",\r\n                        message: that.language_type\r\n                          ? \"返回结果失败，请稍后再试\"\r\n                          : \"Failed to return results. Please try again later\",\r\n                      });\r\n                    }\r\n                  })\r\n                  .catch(() => {\r\n                    that.loading = false;\r\n                    that.$message({\r\n                      type: \"error\",\r\n                      message: that.language_type\r\n                        ? \"当前调用的人太多啦，请稍后再试\"\r\n                        : \"Too many people are calling now. Please try again later\",\r\n                    });\r\n                  });\r\n              });\r\n            }\r\n          };\r\n        };\r\n        reader.readAsDataURL(file);\r\n      };\r\n    },\r\n    downloadImage() {\r\n      if (this.downImg.length == \"0\") {\r\n        this.$message({\r\n          type: \"warning\",\r\n          message: this.language_type\r\n            ? \"请先上传图片\"\r\n            : \"Please upload pictures first\",\r\n        });\r\n      } else {\r\n        this.dowmtake = true;\r\n        var Namesuffix = this.language_type ? \"_增强后\" : \"_after\";\r\n        // 如果浏览器支持msSaveOrOpenBlob方法（也就是使用IE浏览器的时候），那么调用该方法去下载图片\r\n        if (window.navigator.msSaveOrOpenBlob) {\r\n          let bstr = atob(this.downImg.split(\",\")[1]);\r\n          let n = bstr.length;\r\n          let u8arr = new Uint8Array(n);\r\n          while (n--) {\r\n            u8arr[n] = bstr.charCodeAt(n);\r\n          }\r\n          let blob = new Blob([u8arr]);\r\n          window.navigator.msSaveOrOpenBlob(\r\n            blob,\r\n            this.strImgName + Namesuffix + \".\" + this.suffix\r\n          );\r\n        } else {\r\n          // 这里就按照chrome等新版浏览器来处理\r\n          let a = document.createElement(\"a\");\r\n          a.href = this.downImg;\r\n          a.setAttribute(\r\n            \"download\",\r\n            this.strImgName + Namesuffix + \".\" + this.suffix\r\n          );\r\n          a.click();\r\n        }\r\n      }\r\n    },\r\n    slideImg() {\r\n      this.$refs.widthStyle.style.width = this.value + \"%\";\r\n      this.$refs.leftStyle.style.left = this.value + \"%\";\r\n      if (this.first == 1) {\r\n        this.first++;\r\n      } else {\r\n        // 鼠标滑过效果互斥\r\n        this.mouse_disable = true;\r\n      }\r\n    },\r\n    mouseMove() {\r\n      this.mouse_disable = false;\r\n    },\r\n    // 创建微信二维码\r\n    creatQrCode() {\r\n      var wx_qr = document.getElementsByClassName(\"code\");\r\n      var zh_path, en_path;\r\n      if (this.$route.path.slice(1, 3) == \"zh\") {\r\n        zh_path = this.$route.path;\r\n        en_path = this.$route.path.replace(\"/zh/\", \"/en/\");\r\n      } else {\r\n        zh_path = this.$route.path.replace(\"/en/\", \"/zh/\");\r\n        en_path = this.$route.path;\r\n      }\r\n      var path = \"https://arc.tencent.com\" + zh_path;\r\n      var path2 = \"https://arc.tencent.com\" + en_path;\r\n      var qrcode = new QRCode(this.$refs.qrCodeUrl, {\r\n        text: path, // 需要转换为二维码的内容\r\n        width: wx_qr[0].offsetWidth,\r\n        height: wx_qr[0].offsetHeight,\r\n        colorDark: \"#000000\",\r\n        colorLight: \"#ffffff\",\r\n        correctLevel: QRCode.CorrectLevel.H,\r\n      });\r\n      var qrcode2 = new QRCode(this.$refs.qrCodeUrl2, {\r\n        text: path2, // 需要转换为二维码的内容\r\n        width: wx_qr[0].offsetWidth,\r\n        height: wx_qr[0].offsetHeight,\r\n        colorDark: \"#000000\",\r\n        colorLight: \"#ffffff\",\r\n        correctLevel: QRCode.CorrectLevel.H,\r\n      });\r\n      console.log(qrcode, qrcode2);\r\n    },\r\n    wxShareAppMessage() {\r\n      wx.config({\r\n        debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。\r\n        appId: \"wx80d0a7314195c39e\", // 必填，公众号的唯一标识\r\n        timestamp: \"1414587457\", // 必填，生成签名的时间戳\r\n        nonceStr: \"Wm3WZYTPz0wzccnW\", // 必填，生成签名的随机串\r\n        signature: \"0f9de62fce790f9a083d5c99e95740ceb90c27ed\", // 必填，签名\r\n        jsApiList: [\"updateAppMessageShareData\", \"updateTimelineShareData\"], // 必填，需要使用的JS接口列表\r\n      });\r\n      wx.ready(function () {\r\n        //需在用户可能点击分享按钮前就先调用\r\n        wx.updateAppMessageShareData({\r\n          title: \"动漫增强\", // 分享标题\r\n          desc: \"增强动漫和插画图像\", // 分享描述\r\n          link: \"https://arc.tencent.com/ai-demos/imgRestore\", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致\r\n          imgUrl:\r\n            \"https://50058.gzc.svp.tencent-cloud.com/0b53lqadaaaat4ajeuavpzriuxgdgboaamaa.f0.jpg?dis_k=d924b0483964c3a9c031c8889a0c4c47&dis_t=1645585091\", // 分享图标\r\n          success: function () {\r\n            alert(\"分享成功\");\r\n          },\r\n          cancel: function () {\r\n            alert(\"分享失败\");\r\n          },\r\n        });\r\n        wx.updateTimelineShareData({\r\n          title: \"动漫增强-增强动漫和插画图像\", // 分享标题\r\n          link: \"https://arc.tencent.com/ai-demos/imgRestore\", // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致\r\n          imgUrl:\r\n            \"https://50058.gzc.svp.tencent-cloud.com/0b53lqadaaaat4ajeuavpzriuxgdgboaamaa.f0.jpg?dis_k=d924b0483964c3a9c031c8889a0c4c47&dis_t=1645585091\", // 分享图标\r\n          success: function () {\r\n            // 设置成功\r\n          },\r\n        });\r\n      });\r\n      wx.error(function () {\r\n        // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。\r\n        alert(\"验证失败\");\r\n      });\r\n    },\r\n    // 分享到新浪微博\r\n    share_weibo(event) {\r\n      event.preventDefault();\r\n      // shareUrl是微博的分享地址，（有资料说需要真实的appkey，必选参数，这里我没用appkey也可以正常分享）\r\n      var _shareUrl = \"http://v.t.sina.com.cn/share/share.php?\";\r\n      _shareUrl +=\r\n        \"url=\" +\r\n        encodeURIComponent(\"https://arc.tencent.com/ai-demos/imgRestore\"); //参数url设置分享的内容链接\r\n      _shareUrl +=\r\n        \"&title=\" + encodeURIComponent(\"动漫增强-增强动漫和插画图像\"); //参数title设置分享的标题\r\n      _shareUrl +=\r\n        \"&pic=\" + encodeURIComponent(this.NewimgUrl) + \"&searchPic=true\";\r\n      // 保留当前页面,打开一个非tab页面（按需求来，可以新开标签页，也可以在当前页新开页面）\r\n      window.open(\r\n        _shareUrl,\r\n        \"_blank\",\r\n        \"height=400, width=400\",\r\n        \"scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes\"\r\n      );\r\n    },\r\n    shareToQQ() {\r\n      //此处分享链接内无法携带图片\r\n      const share = {\r\n        title: \"动漫增强\",\r\n        desc: \"增强动漫和插画图像\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/imgRestore\",\r\n      };\r\n      var _shareUrl =\r\n        \"https://connect.qq.com/widget/shareqq/index.html?url=\" +\r\n        encodeURIComponent(share.share_url) +\r\n        \"&title=\" +\r\n        share.title +\r\n        \"&desc=\" +\r\n        share.desc;\r\n      window.open(\r\n        _shareUrl,\r\n        \"打开qq分享\",\r\n        \"height=700, width=800,left=500,top=200\",\r\n        \"scrollbars=yes,resizable=1,modal=false,alwaysRaised=yes\"\r\n      );\r\n    },\r\n    //分享到贴吧\r\n    shareToTieba(event) {\r\n      event.preventDefault();\r\n      var _shareUrl = \"http://tieba.baidu.com/f/commit/share/openShareApi?\";\r\n      const share = {\r\n        title: \"动漫增强-增强动漫和插画图像\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/imgRestore\",\r\n        pic: this.NewimgUrl,\r\n        _width: 670,\r\n        _height: 550,\r\n        _top: (screen.height - 550) / 2,\r\n        _left: (screen.width - 670) / 2,\r\n      };\r\n      _shareUrl += \"title=\" + encodeURIComponent(share.title || document.title); //分享的标题\r\n      _shareUrl +=\r\n        \"&url=\" + encodeURIComponent(share.share_url || document.location); //分享的链接\r\n      _shareUrl += \"&pic=\" + encodeURIComponent(share.pic || \"\"); //分享的图片\r\n      window.open(\r\n        _shareUrl,\r\n        \"_blank\",\r\n        \"width=\" +\r\n          share._width +\r\n          \",height=\" +\r\n          share._height +\r\n          \",left=\" +\r\n          share._left +\r\n          \",top=\" +\r\n          share._top +\r\n          \",toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0\"\r\n      );\r\n    },\r\n    //分享到Facebook\r\n    shareToFacebook(event) {\r\n      event.preventDefault();\r\n      var _shareUrl = \"http://www.facebook.com/sharer/sharer.php?\";\r\n      const share = {\r\n        title: \"动漫增强-增强动漫和插画图像\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/imgRestore\",\r\n        _width: 670,\r\n        _height: 550,\r\n        _top: (screen.height - 550) / 2,\r\n        _left: (screen.width - 670) / 2,\r\n      };\r\n      _shareUrl += \"u=\" + encodeURIComponent(share.share_url || location.href); //分享的链接\r\n      _shareUrl += \"&t=\" + encodeURIComponent(share.title || document.title); //分享的标题\r\n      window.open(\r\n        _shareUrl,\r\n        \"_blank\",\r\n        \"width=\" +\r\n          share._width +\r\n          \",height=\" +\r\n          share._height +\r\n          \",left=\" +\r\n          share._left +\r\n          \",top=\" +\r\n          share._top +\r\n          \",toolbar=no,menubar=no,scrollbars=no,resizable=1,location=no,status=0\"\r\n      );\r\n    },\r\n    //分享到豆瓣\r\n    shareToDouban(event) {\r\n      event.preventDefault();\r\n      const share = {\r\n        title: \"动漫增强-增强动漫和插画图像\",\r\n        share_url: \"https://arc.tencent.com/ai-demos/imgRestore\",\r\n        pic: this.NewimgUrl,\r\n      };\r\n      var _shareUrl = \"http://shuo.douban.com/!service/share?\";\r\n      _shareUrl +=\r\n        \"href=\" + encodeURIComponent(share.share_url || location.href); //分享的链接\r\n      _shareUrl += \"&name=\" + encodeURIComponent(share.title || document.title); //分享的标题\r\n      _shareUrl += \"&image=\" + encodeURIComponent(share.pic || \"\"); //分享的图片\r\n      window.open(_shareUrl, \"_blank\");\r\n    },\r\n    // 改变arcLogo的大小、位置\r\n    // changeArea(url) {\r\n    //   let logo = document.getElementsByClassName(\"arcLogo\")[0];\r\n    //   let mar_top = 10;\r\n    //   let mar_left = 10;\r\n    //   let pix = 1;\r\n    //   let img = new Image();\r\n    //   img.src = url;\r\n    //   img.onload = function () {\r\n    //     if (img.width * 415 > img.height * 740) {\r\n    //       mar_top = (415 - (img.height * 740) / img.width) / 2 + 10;\r\n    //     } else {\r\n    //       mar_left = (740 - (img.width * 415) / img.height) / 2 + 10;\r\n    //     }\r\n    //     if (img.height / img.width >= 2) {\r\n    //       pix = 0.5;\r\n    //     } else if (img.height / img.width >= 1.5) {\r\n    //       pix = 0.8;\r\n    //     } else if (img.height / img.width >= 1.1) {\r\n    //       pix = 0.9;\r\n    //     }\r\n    //     logo.style.width = 0.88 * pix + \"rem\";\r\n    //     logo.style.height = 0.22 * pix + \"rem\";\r\n    //     logo.style.bottom = mar_top / 100 + \"rem\";\r\n    //     logo.style.right = mar_left / 100 + \"rem\";\r\n    //   };\r\n    // },\r\n    // 图片下载时合成logo\r\n    // addLogo(src) {\r\n    //   var that = this;\r\n    //   let image = new Image();\r\n    //   image.src = src;\r\n    //   image.setAttribute(\"crossOrigin\", \"anonymous\");\r\n    //   let canvas = document.createElement(\"canvas\");\r\n    //   let context = canvas.getContext(\"2d\");\r\n    //   let img2 = new Image();\r\n    //   // 将 image 加入画布\r\n    //   img2.src = \"\";\r\n    //   img2.setAttribute(\"crossOrigin\", \"anonymous\");\r\n    //   image.onload = () => {\r\n    //     that.canvasWidth = image.width;\r\n    //     that.canvasHeight = image.height;\r\n    //     canvas.width = image.width;\r\n    //     canvas.height = image.height;\r\n    //     context.drawImage(image, 0, 0, image.width, image.height);\r\n    //     img2.width = 88;\r\n    //     img2.height = 22;\r\n    //     // 将 img2 加入画布\r\n    //     img2.onload = () => {\r\n    //       var x = image.width - 88 - 32;\r\n    //       var y = image.height - 22 - 32;\r\n    //       context.drawImage(img2, x, y, img2.width, img2.height);\r\n    //       let src = canvas.toDataURL(\"image/png\");\r\n    //       that.downImg = src;\r\n    //     };\r\n    //   };\r\n    // },\r\n    getBase64Image(img) {\r\n      var canvas = document.createElement(\"canvas\");\r\n      canvas.width = img.width;\r\n      canvas.height = img.height;\r\n      var ctx = canvas.getContext(\"2d\");\r\n      ctx.drawImage(img, 0, 0, img.width, img.height);\r\n      var ext = img.src.substring(img.src.lastIndexOf(\".\") + 1).toLowerCase();\r\n      var dataURL = canvas.toDataURL(\"image/\" + ext);\r\n      return dataURL;\r\n    },\r\n    btof(data, fileName) {\r\n      const dataArr = data.split(\",\");\r\n      const byteString = atob(dataArr[1]);\r\n      const options = {\r\n        type: \"image/jpeg\",\r\n        endings: \"native\",\r\n      };\r\n      const u8Arr = new Uint8Array(byteString.length);\r\n      for (let i = 0; i < byteString.length; i++) {\r\n        u8Arr[i] = byteString.charCodeAt(i);\r\n      }\r\n      return new File([u8Arr], fileName + \".jpg\", options);\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped lang='less'>\r\n/deep/.el-loading-spinner .path {\r\n  stroke: #babdc5;\r\n}\r\n\r\n/deep/.el-loading-mask {\r\n  z-index: 25;\r\n}\r\n\r\n/deep/ .el-image__inner {\r\n  object-fit: contain;\r\n}\r\n\r\n.imgRestore {\r\n  max-width: 9.96rem;\r\n  margin: 0 auto;\r\n\r\n  .modelBox {\r\n    display: flex;\r\n    height: 0.46rem;\r\n    align-items: center;\r\n    margin-top: 0.3975rem;\r\n    color: #222222;\r\n    font-weight: 400;\r\n    font-size: 0.14rem;\r\n\r\n    .modelTitle {\r\n      margin-right: 0.08rem;\r\n    }\r\n\r\n    .modelSelect,\r\n    .PitchOn_first,\r\n    .PitchOn_last {\r\n      padding: 0.12rem 0.16rem;\r\n      background: #f3f5f8;\r\n      border-radius: 0.02rem;\r\n      margin-left: 0.16rem;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .modelSelect:hover {\r\n      color: #2e54eb;\r\n    }\r\n\r\n    .modelSelect:active {\r\n      color: #2e54eb;\r\n    }\r\n\r\n    .PitchOn_first,\r\n    .PitchOn_last {\r\n      border: 0.01rem solid #2e54eb;\r\n      color: #2e54eb;\r\n      background-color: #ecf3ff;\r\n      font-weight: 600;\r\n    }\r\n  }\r\n\r\n  .functionBox {\r\n    background-color: #f2f6fa;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    margin-bottom: 2.93rem;\r\n    margin-top: 0.12rem;\r\n\r\n    .functionLeft {\r\n      position: relative;\r\n      width: 7.4rem;\r\n      height: 4.15rem;\r\n      border-radius: 0.02rem;\r\n      overflow: hidden;\r\n\r\n      .oldimgUrl {\r\n        overflow: hidden;\r\n        position: absolute;\r\n        height: 4.15rem;\r\n        z-index: 11;\r\n\r\n        .beforelabel {\r\n          position: absolute;\r\n          width: 0.66rem;\r\n          height: 0.38rem;\r\n          left: 0;\r\n          top: 0;\r\n          background: #00031e;\r\n          opacity: 0.5;\r\n          border-radius: 0.02rem;\r\n          font-family: PingFang SC;\r\n          font-style: normal;\r\n          font-weight: normal;\r\n          font-size: 0.14rem;\r\n          line-height: 0.38rem;\r\n          color: #fff;\r\n          text-align: center;\r\n          z-index: 1;\r\n        }\r\n\r\n        .imgUrl {\r\n          width: 7.4rem;\r\n          height: 4.15rem;\r\n          object-fit: contain;\r\n        }\r\n      }\r\n\r\n      .newimgUrl {\r\n        position: absolute;\r\n        width: 7.4rem;\r\n        height: 4.15rem;\r\n        background-color: #e2e8ef;\r\n\r\n        .imgUrl {\r\n          width: 7.4rem;\r\n          height: 4.15rem;\r\n          object-fit: contain;\r\n        }\r\n\r\n        .arcLogo {\r\n          position: absolute;\r\n          width: 0.88rem;\r\n          height: 0.22rem;\r\n          right: 0.1rem;\r\n          bottom: 0.1rem;\r\n        }\r\n      }\r\n\r\n      .slideRectangle {\r\n        position: absolute;\r\n        margin-left: -0.38rem;\r\n        z-index: 22;\r\n\r\n        .Slice {\r\n          position: absolute;\r\n          bottom: -0.08rem;\r\n          width: 0.76rem;\r\n          height: 0.53rem;\r\n\r\n          img {\r\n            width: 0.76rem;\r\n            height: 0.53rem;\r\n          }\r\n        }\r\n\r\n        .Rectangle {\r\n          position: absolute;\r\n          left: 0.38rem;\r\n          bottom: -0.2rem;\r\n          width: 1px;\r\n          height: 4.15rem;\r\n\r\n          img {\r\n            width: 1px;\r\n            height: 4.15rem;\r\n          }\r\n        }\r\n\r\n        .afterlabel {\r\n          width: 0.66rem;\r\n          height: 0.38rem;\r\n          position: absolute;\r\n          top: -3.95rem;\r\n          left: 0.39rem;\r\n          background: #00031e;\r\n          opacity: 0.5;\r\n          border-radius: 0.02rem;\r\n          font-family: PingFang SC;\r\n          font-style: normal;\r\n          font-weight: normal;\r\n          font-size: 0.14rem;\r\n          line-height: 0.38rem;\r\n          color: #fff;\r\n          text-align: center;\r\n          z-index: 1;\r\n        }\r\n      }\r\n\r\n      /deep/.el-slider {\r\n        margin-top: 3.57rem;\r\n\r\n        .el-slider__runway {\r\n          background-color: rgba(255, 255, 255, 0);\r\n        }\r\n\r\n        .el-slider__bar {\r\n          background-color: rgba(255, 255, 255, 0);\r\n        }\r\n\r\n        .el-slider__button-wrapper {\r\n          width: 0.76rem;\r\n\r\n          .el-slider__button {\r\n            z-index: 999;\r\n            width: 0.5rem;\r\n            height: 0.3rem;\r\n            border: 0;\r\n            background-color: rgba(255, 255, 255, 0);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .functionRight {\r\n      flex: 1;\r\n      padding-left: 0.26rem;\r\n      padding-right: 0.24rem;\r\n      padding-top: 0.23rem;\r\n\r\n      .imgList {\r\n        display: block;\r\n        width: 2.06rem;\r\n        height: 1.16rem;\r\n        object-fit: cover;\r\n        box-sizing: border-box;\r\n        border: solid 0.02rem transparent;\r\n      }\r\n\r\n      img:nth-child(1) {\r\n        margin-bottom: 0.23rem;\r\n      }\r\n\r\n      img:nth-child(2) {\r\n        margin-bottom: 0.23rem;\r\n      }\r\n\r\n      .active {\r\n        border: solid 0.02rem #2e54eb;\r\n      }\r\n    }\r\n  }\r\n\r\n  .btnBox {\r\n    width: 100%;\r\n    height: 1.06rem;\r\n    padding-top: 0.3rem;\r\n    padding-bottom: 0.3rem;\r\n    padding-left: 0.3rem;\r\n    box-sizing: border-box;\r\n\r\n    .btnLeft {\r\n      float: left;\r\n      display: flex;\r\n\r\n      /deep/.uploadBtn {\r\n        background-color: #2e54eb;\r\n        width: 1.6rem;\r\n        height: 0.46rem;\r\n        line-height: 0.46rem;\r\n        border-radius: 0.02rem;\r\n        color: #fff;\r\n        font-size: 0.16rem;\r\n        text-align: center;\r\n        margin-right: 0.3rem;\r\n        position: relative;\r\n      }\r\n      /deep/.uploadInput {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        top: 0;\r\n        right: 0;\r\n        left: 0;\r\n        bottom: 0;\r\n        overflow: hidden;\r\n        cursor: pointer;\r\n        padding: 0.25rem;\r\n      }\r\n\r\n      /deep/.uploadBtn:hover {\r\n        background-color: #486dff;\r\n      }\r\n\r\n      /deep/.uploadBtn:active {\r\n        background-color: #002acf;\r\n      }\r\n\r\n      /deep/.clickupload {\r\n        background-color: #002acf;\r\n      }\r\n\r\n      /deep/.dowmBtn,\r\n      /deep/.mouse_disable {\r\n        width: 1.6rem;\r\n        height: 0.46rem;\r\n        line-height: 0.46rem;\r\n        border-radius: 0.02rem;\r\n        font-size: 0.16rem;\r\n        text-align: center;\r\n        border: 1px solid #2e54eb;\r\n        color: #2e54eb;\r\n        cursor: pointer;\r\n      }\r\n\r\n      /deep/.dowmBtn:hover {\r\n        color: #fff;\r\n        background-color: #486dff;\r\n        border: 1px solid transparent;\r\n      }\r\n\r\n      /deep/.dowmBtn:active {\r\n        color: #fff;\r\n        background-color: #002acf;\r\n        border: 1px solid transparent;\r\n      }\r\n    }\r\n\r\n    .btnRight {\r\n      height: 0.46rem;\r\n      flex: 1;\r\n      margin-right: 0.08rem;\r\n      display: flex;\r\n      align-items: center;\r\n      float: right;\r\n\r\n      .shareTo {\r\n        font-weight: 600;\r\n        font-family: PingFang SC;\r\n        font-size: 0.14rem;\r\n        line-height: 0.2rem;\r\n        margin-right: 0.22rem;\r\n        color: #222;\r\n      }\r\n\r\n      .shareIcon {\r\n        position: relative;\r\n        margin-right: 0.16rem;\r\n        width: 0.28rem;\r\n        height: 0.28rem;\r\n        background-color: #fff;\r\n        border-radius: 50%;\r\n        cursor: pointer;\r\n\r\n        img {\r\n          object-fit: contain;\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n\r\n        .normal_img {\r\n          display: inline-block;\r\n        }\r\n\r\n        .hover_img {\r\n          display: none;\r\n        }\r\n\r\n        .wx_code {\r\n          width: 1.52rem;\r\n          height: 1.8rem;\r\n          background: #ffffff;\r\n          border: 1px solid #d9e0e8;\r\n          box-sizing: border-box;\r\n          box-shadow: 0rem 0.04rem 0.15rem rgba(108, 121, 154, 0.201759);\r\n          border-radius: 0.02rem;\r\n          position: absolute;\r\n          top: 0.28rem;\r\n          left: -0.62rem;\r\n          visibility: hidden;\r\n\r\n          .code {\r\n            width: 1.2rem;\r\n            height: 1.2rem;\r\n            margin: 0.16rem 0.16rem 0.08rem;\r\n          }\r\n\r\n          p {\r\n            height: 0.2rem;\r\n            font-family: PingFang SC;\r\n            font-style: normal;\r\n            font-weight: 600;\r\n            font-size: 0.14rem;\r\n            line-height: 0.2rem;\r\n            color: #434343;\r\n            text-align: center;\r\n          }\r\n        }\r\n      }\r\n\r\n      .shareIcon:hover {\r\n        .normal_img {\r\n          display: none;\r\n        }\r\n\r\n        .hover_img {\r\n          display: inline-block;\r\n        }\r\n\r\n        .wx_code {\r\n          visibility: inherit;\r\n        }\r\n      }\r\n\r\n      .hover_img:active {\r\n        opacity: 0.7;\r\n      }\r\n    }\r\n  }\r\n\r\n  .functionBox_mini {\r\n    margin-top: 0.8rem;\r\n\r\n    .message {\r\n      width: 80%;\r\n      margin: 0 auto;\r\n      font-family: PingFangSC-Regular, sans-serif;\r\n      font-size: 0.3rem;\r\n      color: #666666;\r\n      line-height: 0.52rem;\r\n      text-align: center;\r\n    }\r\n\r\n    .wxapp_box {\r\n      width: 3.4rem;\r\n      height: 3.4rem;\r\n      margin: 0.4rem auto 0;\r\n      background: #ffffff;\r\n      border: 1px solid #d9e0e8;\r\n      box-sizing: border-box;\r\n      box-shadow: 0px 0.04rem 0.15rem rgb(108 121 154 / 20%);\r\n      border-radius: 0.02rem;\r\n      text-align: center;\r\n      padding-top: 0.2rem;\r\n\r\n      img {\r\n        width: 3rem;\r\n        height: 3rem;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","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!./imgRestore.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!./imgRestore.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./imgRestore.vue?vue&type=template&id=70294dfe&scoped=true&\"\nimport script from \"./imgRestore.vue?vue&type=script&lang=js&\"\nexport * from \"./imgRestore.vue?vue&type=script&lang=js&\"\nimport style0 from \"./imgRestore.vue?vue&type=style&index=0&id=70294dfe&scoped=true&lang=less&\"\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  \"70294dfe\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./imgRestore.vue?vue&type=style&index=0&id=70294dfe&scoped=true&lang=less&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAGfCAYAAAB1OQMNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAnSURBVHgB7caxAQAgCAMw9HI/rwzcwJRMOUletVtDREREREREZC0flncGu/TLRfcAAAAASUVORK5CYII=\""],"sourceRoot":""}