{"version":3,"sources":["webpack:///./src/assets/imgs/course/upload.png","webpack:///./src/components/ImageCropper/editModal.vue?06b7","webpack:///./node_modules/core-js/internals/whitespaces.js","webpack:///./node_modules/core-js/internals/string-trim.js","webpack:///./node_modules/core-js/internals/inherit-if-required.js","webpack:///./src/components/upModal.vue?dde7","webpack:///src/components/upModal.vue","webpack:///./src/components/upModal.vue?d613","webpack:///./src/components/upModal.vue","webpack:///./src/components/upModal.vue?73aa","webpack:///./src/components/ImageCropper/index.vue?1363","webpack:///./src/components/ImageCropper/CropperModal.vue?1627","webpack:///src/components/ImageCropper/CropperModal.vue","webpack:///./src/components/ImageCropper/CropperModal.vue?89e0","webpack:///./src/components/ImageCropper/CropperModal.vue","webpack:///src/components/ImageCropper/index.vue","webpack:///./src/components/ImageCropper/index.vue?689f","webpack:///./src/components/ImageCropper/index.vue","webpack:///./src/assets/imgs/course/close.png","webpack:///./node_modules/core-js/modules/es.number.constructor.js","webpack:///./src/components/ImageCropper/editModal.vue?7c57","webpack:///src/components/ImageCropper/editModal.vue","webpack:///./src/components/ImageCropper/editModal.vue?1621","webpack:///./src/components/ImageCropper/editModal.vue","webpack:///./src/components/ImageCropper/index.vue?8d47","webpack:///./src/components/ImageCropper/CropperModal.vue?3324"],"names":["module","exports","requireObjectCoercible","whitespaces","whitespace","ltrim","RegExp","rtrim","createMethod","TYPE","$this","string","String","replace","start","end","trim","isObject","setPrototypeOf","dummy","Wrapper","NewTarget","NewTargetPrototype","constructor","prototype","render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","on","close","tailorImg","previewImg","staticStyle","slot","_e","staticRenderFns","data","showModal","dialogVisible","picsList","loading","methods","components","component","beforeUpload","handleChange","imageUrl","_s","$t","ref","imgType","handleCropperClose","handleCropperSuccess","visible","handleOk","handleCancel","option","img","outputSize","outputType","info","canScale","autoCrop","autoCropWidth","autoCropHeight","fixed","fixedNumber","full","fixedBox","canMove","canMoveBox","original","centerBox","height","infoTrue","maxImgSize","enlarge","mode","realTime","$event","selectImg","style","previews","url","key","props","imgUrl","type","default","svisible","Boolean","flag","imgData","edit","record","that","confirmLoading","$refs","cropper","getCropData","$emit","changeScale","num","test","e","target","value","$message","error","reader","readAsDataURL","file","onload","base","result","created","localStorage","getItem","CropperModal","options","Object","previewsCircle","title","imgSize","Number","isStopRun","getBase64","originFileObj","fileType","indexOf","warning","isJpgOrPng","isLtSize","addEventListener","DESCRIPTORS","global","isForced","redefine","has","classof","inheritIfRequired","toPrimitive","fails","create","getOwnPropertyNames","f","getOwnPropertyDescriptor","defineProperty","NUMBER","NativeNumber","NumberPrototype","BROKEN_CLASSOF","toNumber","argument","first","third","radix","maxCode","digits","length","index","code","it","charCodeAt","NaN","slice","parseInt","NumberWrapper","arguments","valueOf","call","keys","split","j"],"mappings":"qJAAAA,EAAOC,QAAU,IAA0B,2B,oCCA3C,W,mBCEAD,EAAOC,QAAU,iD,uBCFjB,IAAIC,EAAyB,EAAQ,QACjCC,EAAc,EAAQ,QAEtBC,EAAa,IAAMD,EAAc,IACjCE,EAAQC,OAAO,IAAMF,EAAaA,EAAa,KAC/CG,EAAQD,OAAOF,EAAaA,EAAa,MAGzCI,EAAe,SAAUC,GAC3B,OAAO,SAAUC,GACf,IAAIC,EAASC,OAAOV,EAAuBQ,IAG3C,OAFW,EAAPD,IAAUE,EAASA,EAAOE,QAAQR,EAAO,KAClC,EAAPI,IAAUE,EAASA,EAAOE,QAAQN,EAAO,KACtCI,IAIXX,EAAOC,QAAU,CAGfa,MAAON,EAAa,GAGpBO,IAAKP,EAAa,GAGlBQ,KAAMR,EAAa,K,8CC1BrB,IAAIS,EAAW,EAAQ,QACnBC,EAAiB,EAAQ,QAG7BlB,EAAOC,QAAU,SAAUS,EAAOS,EAAOC,GACvC,IAAIC,EAAWC,EAUf,OAPEJ,GAE0C,mBAAlCG,EAAYF,EAAMI,cAC1BF,IAAcD,GACdH,EAASK,EAAqBD,EAAUG,YACxCF,IAAuBF,EAAQI,WAC/BN,EAAeR,EAAOY,GACjBZ,I,oCCfT,IAAIe,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAAEJ,EAAa,UAAEI,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACJ,EAAIO,GAAG,YAAYH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAM,EAAQ,SAAoCC,GAAG,CAAC,MAAQT,EAAIU,aAAaN,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,KAAK,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMR,EAAIW,UAAU,IAAM,MAAMP,EAAG,OAAO,CAACJ,EAAIO,GAAG,YAAYH,EAAG,KAAK,CAACE,YAAY,UAAU,CAACF,EAAG,OAAO,CAACJ,EAAIO,GAAG,UAAUH,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMR,EAAIY,WAAW,IAAM,MAAMR,EAAG,OAAO,CAACS,YAAY,CAAC,YAAY,SAAS,CAACb,EAAIO,GAAG,wBAAwBH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaE,MAAM,CAAC,KAAO,UAAUM,KAAK,UAAU,CAACV,EAAG,WAAW,CAACS,YAAY,CAAC,MAAQ,UAAU,OAAS,sBAAsB,CAACb,EAAIO,GAAG,QAAQH,EAAG,WAAW,CAACS,YAAY,CAAC,mBAAmB,UAAU,eAAe,MAAM,OAAS,WAAWL,MAAM,CAAC,KAAO,YAAY,CAACR,EAAIO,GAAG,SAAS,OAAOP,EAAIe,QAClhCC,EAAkB,GC0CtB,GACEC,KADF,WAEI,MAAO,CACLC,WAAW,EACXP,UAAW,EAAjB,QACMC,WAAY,EAAlB,QACMO,eAAe,EACfC,SAAU,GAEVC,SAAS,IAGbC,QAAS,CACPZ,MADJ,WAGMT,KAAKiB,WAAY,IAGrBK,WAAY,IC7DmU,I,wBCQ7UC,EAAY,eACd,EACAzB,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAQ,E,6CCnBf,W,oCCAA,IAAIzB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAACF,EAAG,MAAM,CAACS,YAAY,CAAC,MAAQ,SAAS,CAACT,EAAG,WAAW,CAACI,MAAM,CAAC,SAAW,eAAe,gBAAiB,EAAM,aAAeR,EAAIyB,aAAa,cAAgB,cAAgBhB,GAAG,CAAC,OAAST,EAAI0B,eAAe,CAAE1B,EAAY,SAAEI,EAAG,MAAM,CAACE,YAAY,aAAaE,MAAM,CAAC,IAAMR,EAAI2B,YAAYvB,EAAG,MAAM,CAACA,EAAG,SAAS,CAACI,MAAM,CAAC,KAAOR,EAAIqB,QAAU,UAAY,UAAUjB,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACN,EAAIO,GAAGP,EAAI4B,GAAG3B,KAAK4B,GAAG,8BAA8B,MAAM,GAAGzB,EAAG,gBAAgB,CAAC0B,IAAI,eAAetB,MAAM,CAAC,QAAUR,EAAI+B,SAAStB,GAAG,CAAC,aAAaT,EAAIgC,mBAAmB,aAAahC,EAAIiC,yBAAyB,IAChvBjB,EAAkB,GCDlB,G,oBAAS,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,UAAUE,MAAM,CAAC,QAAUR,EAAIkC,QAAQ,MAAQ,OAAO,MAAQ,KAAKzB,GAAG,CAAC,GAAKT,EAAImC,SAAS,OAASnC,EAAIoC,eAAe,CAAChC,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,cAAc,CAAC0B,IAAI,UAAUtB,MAAM,CAAC,IAAMR,EAAIqC,OAAOC,IAAI,WAAatC,EAAIqC,OAAOE,WAAW,WAAavC,EAAIqC,OAAOG,WAAW,KAAOxC,EAAIqC,OAAOI,KAAK,SAAWzC,EAAIqC,OAAOK,SAAS,SAAW1C,EAAIqC,OAAOM,SAAS,cAAgB3C,EAAIqC,OAAOO,cAAc,eAAiB5C,EAAIqC,OAAOQ,eAAe,MAAQ7C,EAAIqC,OAAOS,MAAM,YAAc9C,EAAIqC,OAAOU,YAAY,KAAO/C,EAAIqC,OAAOW,KAAK,SAAWhD,EAAIqC,OAAOY,SAAS,QAAUjD,EAAIqC,OAAOa,QAAQ,WAAalD,EAAIqC,OAAOc,WAAW,SAAWnD,EAAIqC,OAAOe,SAAS,UAAYpD,EAAIqC,OAAOgB,UAAU,OAASrD,EAAIqC,OAAOiB,OAAO,SAAWtD,EAAIqC,OAAOkB,SAAS,WAAavD,EAAIqC,OAAOmB,WAAW,QAAUxD,EAAIqC,OAAOoB,QAAQ,KAAOzD,EAAIqC,OAAOqB,MAAMjD,GAAG,CAAC,SAAWT,EAAI2D,aAAa,GAAGvD,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACE,YAAY,MAAMO,YAAY,CAAC,OAAS,UAAU,MAAQ,UAAU,aAAa,QAAQL,MAAM,CAAC,IAAM,YAAY,CAACR,EAAIO,GAAG,UAAUH,EAAG,QAAQ,CAACS,YAAY,CAAC,SAAW,WAAW,KAAO,iBAAiBL,MAAM,CAAC,KAAO,OAAO,MAAQ,GAAG,GAAK,UAAU,OAAS,oCAAoCC,GAAG,CAAC,OAAS,SAASmD,GAAQ,OAAO5D,EAAI6D,UAAUD,aAAkBxD,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACJ,EAAIO,GAAG,UAAUH,EAAG,MAAM,CAACE,YAAY,UAAUwD,MAAO9D,EAAI+D,SAAY,KAAG,CAAC3D,EAAG,MAAM,CAAC0D,MAAO9D,EAAI+D,SAAY,IAAEvD,MAAM,CAAC,IAAMR,EAAI+D,SAASC,SAAS5D,EAAG,MAAM,CAACJ,EAAIO,GAAG,wBAAwBH,EAAG,WAAW,CAACE,YAAY,SAASQ,KAAK,UAAU,CAACV,EAAG,WAAW,CAAC6D,IAAI,OAAOxD,GAAG,CAAC,MAAQT,EAAIoC,eAAe,CAACpC,EAAIO,GAAG,QAAQH,EAAG,WAAW,CAAC6D,IAAI,SAASzD,MAAM,CAAC,KAAO,WAAWC,GAAG,CAAC,MAAQT,EAAImC,WAAW,CAACnC,EAAIO,GAAG,SAAS,IAAI,IAAI,KAC/8D,EAAkB,GC6EtB,GACE2D,MAAO,CACLC,OAAQ,CACNC,KAAMlF,OACNmF,QAAS,IAEXC,SAAU,CACRF,KAAMG,QACNF,SAAS,IAGbpD,KAXF,WAYI,MAAO,CACLuD,KAAM,EACNtC,SAAS,EACT6B,SAAU,GACV1B,OAAQ,CACNC,IAAK,GACLC,WAAY,EACZC,WAAY,OACZC,MAAM,EACNC,UAAU,EACVC,UAAU,EACVC,cAAe,IACfC,eAAgB,IAChBC,OAAO,EACPC,YAAa,CAAC,KAAM,GACpBC,MAAM,EACNC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,WAAY,IACZC,QAAS,EACTC,KAAM,eAGRe,QAAS,KAGbnD,QAAS,CACPoD,KADJ,SACA,GACMzE,KAAKoC,OAAOC,IAAMqC,EAAOrC,IACzBrC,KAAKiC,SAAU,GAEjBC,SALJ,WAMM,IAAN,OACMyC,EAAKC,gBAAiB,EACtB5E,KAAK6E,MAAMC,QAAQC,aAAY,SAArC,GACQJ,EAAKK,MAAM,aAAchE,GACzB2D,EAAKxC,mBAGTA,aAbJ,WAcMnC,KAAK4E,gBAAiB,EACtB5E,KAAKiC,SAAU,EACfjC,KAAKgF,MAAM,eAKbC,YArBJ,SAqBA,GACMC,EAAMA,GAAO,EACblF,KAAK6E,MAAMC,QAAQG,YAAYC,IAGjCxB,SA1BJ,SA0BA,GACM1D,KAAK8D,SAAW9C,GAGlB4C,UA9BJ,SA8BA,cACA,oBACM,IAAK,4BAA4BuB,KAAKC,EAAEC,OAAOC,OAC7C,OAAOtF,KAAKuF,SAASC,MAAM,uBAc7B,IAAN,iBACMC,EAAOC,cAAcC,GAErBF,EAAOG,OAAS,SAAtB,GACQ,IAAIC,EAAOT,EAAEC,OAAOS,OACpB,EAAR,gBAIEC,QAnGF,WAoGI/F,KAAKoC,OAAOC,IAAMrC,KAAKkE,OACvBlE,KAAKuE,KAAOyB,aAAaC,QAAQ,UCnLgU,I,wBCQjW1E,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,MAIa,EAAAA,E,QCSf,GACED,WAAY,CACV4E,aAAJ,GAEEjC,MAAO,CAELkC,QAAS,CACPhC,KAAMiC,OACNhC,QAAS,WACP,MAAO,CACL1B,UAAU,EACVC,cAAe,IACfC,eAAgB,IAChBI,UAAU,EACVqD,gBAAgB,EAChBC,MAAO,OACPrD,SAAS,KAOfsD,QAAS,CACPpC,KAAMqC,OACNpC,QAAS,GAGXtC,QAAS,CACPqC,KAAMlF,OACNmF,QAAS,IAGX1C,SAAU,CACRyC,KAAMlF,OACNmF,QAAS,KAGbpD,KAtCF,WAuCI,MAAO,CACLI,SAAS,EACTqF,WAAW,IAIfpF,QAAS,CAEPI,aAFJ,SAEA,cACM,IAAIzB,KAAKyG,UAAT,CAGAzG,KAAKoB,SAAU,EAJrB,IAKA,eACMpB,KAAK0G,UAAUlE,EAAKmD,KAAKgB,eAAe,SAA9C,GACQ,IAAR,sBACUtE,IAAKX,IAGP,EAAR,gCAIIF,aAjBJ,SAiBA,GACMxB,KAAKyG,WAAY,EACjB,IAAIG,EAAWjB,EAAKxB,KACpB,GAAIyC,EAASC,QAAQ,SAAW,EAG9B,OAFA7G,KAAKuF,SAASuB,QAAQ,SACtB9G,KAAKyG,WAAY,GACV,EAET,IAAN,EACA,uBACA,sBACA,qBACWM,IACH/G,KAAKuF,SAASC,MAAM,cACpBxF,KAAKyG,WAAY,GAEnB,IAAN,gCAKM,OAJKO,IACHhH,KAAKuF,SAASC,MAAM,WAAaxF,KAAKuG,QAAU,OAChDvG,KAAKyG,WAAY,GAEZM,GAAcC,GAGvBhF,qBAzCJ,SAyCA,GAEMhC,KAAKoB,SAAU,EACfpB,KAAKgF,MAAM,sBAAuBhE,IAGpCe,mBA/CJ,WAgDM/B,KAAKoB,SAAU,EACfpB,KAAKgF,MAAM,sBAEb0B,UAnDJ,SAmDA,KACM,IAAN,iBACMjB,EAAOwB,iBAAiB,QAAQ,WAAtC,sBACMxB,EAAOC,cAAcrD,MC/HmU,ICQ1V,G,UAAY,eACd,EACAvC,EACAiB,GACA,EACA,KACA,WACA,OAIa,S,mDCnBf1C,EAAOC,QAAU,0+B,kCCCjB,IAAI4I,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,EAChExI,EAAO,EAAQ,QAA4BA,KAE3C2I,EAAS,SACTC,EAAed,EAAOa,GACtBE,EAAkBD,EAAapI,UAG/BsI,EAAiBZ,EAAQI,EAAOO,KAAqBF,EAIrDI,EAAW,SAAUC,GACvB,IACIC,EAAOC,EAAOC,EAAOC,EAASC,EAAQC,EAAQC,EAAOC,EADrDC,EAAKrB,EAAYY,GAAU,GAE/B,GAAiB,iBAANS,GAAkBA,EAAGH,OAAS,EAGvC,GAFAG,EAAKzJ,EAAKyJ,GACVR,EAAQQ,EAAGC,WAAW,GACR,KAAVT,GAA0B,KAAVA,GAElB,GADAC,EAAQO,EAAGC,WAAW,GACR,KAAVR,GAA0B,MAAVA,EAAe,OAAOS,SACrC,GAAc,KAAVV,EAAc,CACvB,OAAQQ,EAAGC,WAAW,IACpB,KAAK,GAAI,KAAK,GAAIP,EAAQ,EAAGC,EAAU,GAAI,MAC3C,KAAK,GAAI,KAAK,IAAKD,EAAQ,EAAGC,EAAU,GAAI,MAC5C,QAAS,OAAQK,EAInB,IAFAJ,EAASI,EAAGG,MAAM,GAClBN,EAASD,EAAOC,OACXC,EAAQ,EAAGA,EAAQD,EAAQC,IAI9B,GAHAC,EAAOH,EAAOK,WAAWH,GAGrBC,EAAO,IAAMA,EAAOJ,EAAS,OAAOO,IACxC,OAAOE,SAASR,EAAQF,GAE5B,OAAQM,GAKZ,GAAI1B,EAASY,GAASC,EAAa,UAAYA,EAAa,QAAUA,EAAa,SAAU,CAS3F,IARA,IAgBqBjE,EAhBjBmF,EAAgB,SAAgB7D,GAClC,IAAIwD,EAAKM,UAAUT,OAAS,EAAI,EAAIrD,EAChC9F,EAAQQ,KACZ,OAAOR,aAAiB2J,IAElBhB,EAAiBT,GAAM,WAAcQ,EAAgBmB,QAAQC,KAAK9J,MAAa+H,EAAQ/H,IAAUwI,GACjGR,EAAkB,IAAIS,EAAaG,EAASU,IAAMtJ,EAAO2J,GAAiBf,EAASU,IAElFS,EAAOrC,EAAcU,EAAoBK,GAAgB,8LAQhEuB,MAAM,KAAMC,EAAI,EAAQF,EAAKZ,OAASc,EAAGA,IACrCnC,EAAIW,EAAcjE,EAAMuF,EAAKE,MAAQnC,EAAI6B,EAAenF,IAC1D+D,EAAeoB,EAAenF,EAAK8D,EAAyBG,EAAcjE,IAG9EmF,EAActJ,UAAYqI,EAC1BA,EAAgBtI,YAAcuJ,EAC9B9B,EAASF,EAAQa,EAAQmB,K,kCC9E3B,IAAIrJ,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACE,YAAY,UAAUE,MAAM,CAAC,QAAUR,EAAIsE,SAAS,MAAQtE,EAAI6B,GAAG,kDAAkD,MAAQ,KAAKpB,GAAG,CAAC,GAAKT,EAAImC,SAAS,OAASnC,EAAIoC,eAAe,CAAChC,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,WAAW,CAACF,EAAG,cAAc,CAAC0B,IAAI,UAAUtB,MAAM,CAAC,IAAMR,EAAIqC,OAAOC,IAAI,WAAatC,EAAIqC,OAAOE,WAAW,WAAavC,EAAIqC,OAAOG,WAAW,KAAOxC,EAAIqC,OAAOI,KAAK,SAAWzC,EAAIqC,OAAOK,SAAS,SAAW1C,EAAIqC,OAAOM,SAAS,cAAgB3C,EAAIqC,OAAOO,cAAc,eAAiB5C,EAAIqC,OAAOQ,eAAe,MAAQ7C,EAAIqC,OAAOS,MAAM,YAAc9C,EAAIqC,OAAOU,YAAY,KAAO/C,EAAIqC,OAAOW,KAAK,SAAWhD,EAAIqC,OAAOY,SAAS,QAAUjD,EAAIqC,OAAOa,QAAQ,WAAalD,EAAIqC,OAAOc,WAAW,SAAWnD,EAAIqC,OAAOe,SAAS,UAAYpD,EAAIqC,OAAOgB,UAAU,OAASrD,EAAIqC,OAAOiB,OAAO,SAAWtD,EAAIqC,OAAOkB,SAAS,WAAavD,EAAIqC,OAAOmB,WAAW,QAAUxD,EAAIqC,OAAOoB,QAAQ,KAAOzD,EAAIqC,OAAOqB,MAAMjD,GAAG,CAAC,SAAWT,EAAI2D,aAAa,GAAGvD,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,QAAQ,CAACE,YAAY,MAAMO,YAAY,CAAC,OAAS,UAAU,MAAQ,UAAU,aAAa,QAAQL,MAAM,CAAC,IAAM,YAAY,CAACR,EAAIO,GAAGP,EAAI4B,GAAG5B,EAAI6B,GAAG,mDAAmDzB,EAAG,QAAQ,CAACS,YAAY,CAAC,SAAW,WAAW,KAAO,iBAAiBL,MAAM,CAAC,KAAO,OAAO,MAAQ,GAAG,GAAK,UAAU,OAAS,oCAAoCC,GAAG,CAAC,OAAS,SAASmD,GAAQ,OAAO5D,EAAI6D,UAAUD,aAAkBxD,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACJ,EAAIO,GAAGP,EAAI4B,GAAG5B,EAAI6B,GAAG,uDAAuDzB,EAAG,MAAM,CAACE,YAAY,UAAUwD,MAAO9D,EAAI+D,SAAY,KAAG,CAAC3D,EAAG,MAAM,CAAC0D,MAAO9D,EAAI+D,SAAY,IAAEvD,MAAM,CAAC,IAAMR,EAAI+D,SAASC,SAAS5D,EAAG,MAAM,CAACJ,EAAIO,GAAGP,EAAI4B,GAAG5B,EAAI6B,GAAG,2DAA2DzB,EAAG,WAAW,CAACE,YAAY,SAASQ,KAAK,UAAU,CAACV,EAAG,WAAW,CAAC6D,IAAI,OAAOxD,GAAG,CAAC,MAAQT,EAAIoC,eAAe,CAACpC,EAAIO,GAAGP,EAAI4B,GAAG5B,EAAI6B,GAAG,iDAAiDzB,EAAG,WAAW,CAAC6D,IAAI,SAASzD,MAAM,CAAC,KAAO,WAAWC,GAAG,CAAC,MAAQT,EAAImC,WAAW,CAACnC,EAAIO,GAAGP,EAAI4B,GAAG5B,EAAI6B,GAAG,gDAAgD,IAAI,IAAI,IACjxEb,EAAkB,GC6EtB,GACEkD,MAAO,CACLC,OAAQ,CACNC,KAAMlF,OACNmF,QAAS,IAEXC,SAAU,CACRF,KAAMG,QACNF,SAAS,IAGbpD,KAXF,WAYI,MAAO,CACLuD,KAAM,EACNT,SAAU,GACV1B,OAAQ,CACNC,IAAK,GACLC,WAAY,EACZC,WAAY,OACZC,MAAM,EACNC,UAAU,EACVC,UAAU,EACVC,cAAe,IACfC,eAAgB,IAChBC,OAAO,EACPC,YAAa,CAAC,KAAM,GACpBC,MAAM,EACNC,UAAU,EACVC,SAAS,EACTC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,QAAQ,EACRC,UAAU,EACVC,WAAY,IACZC,QAAS,EACTC,KAAM,eAIRe,QAAS,KAGbnD,QAAS,CACPa,SADJ,WACA,WAEA,OAEMlC,KAAK6E,MAAMC,QAAQC,aAAY,SAArC,GACQ,EAAR,UACQJ,EAAKK,MAAM,YAAa,EAAhC,YAEMhF,KAAKgF,MAAM,WACXhF,KAAKmC,gBAEPA,aAZJ,WAcMnC,KAAKgF,MAAM,WAIbC,YAlBJ,SAkBA,GACMC,EAAMA,GAAO,EACblF,KAAK6E,MAAMC,QAAQG,YAAYC,IAGjCxB,SAvBJ,SAuBA,GACM1D,KAAK8D,SAAW9C,GAGlB4C,UA3BJ,SA2BA,cACA,oBACM,IAAK,4BAA4BuB,KAAKC,EAAEC,OAAOC,OAC7C,OAAOtF,KAAKuF,SAASC,MAAMxF,KAAK4B,GAAG,iDAcrC,IAAN,iBACM6D,EAAOC,cAAcC,GAErBF,EAAOG,OAAS,SAAtB,GACQ,IAAIC,EAAOT,EAAEC,OAAOS,OACpB,EAAR,gBAIEC,QAhGF,WAiGI/F,KAAKoC,OAAOC,IAAMrC,KAAKkE,OACvBlE,KAAKuE,KAAOyB,aAAaC,QAAQ,UChL6T,I,wBCQ9V1E,EAAY,eACd,EACAzB,EACAiB,GACA,EACA,KACA,WACA,MAIa,OAAAQ,E,2CCnBf,W,kCCAA","file":"js/chunk-37531292.724a2733.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/upload.04832204.png\";","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!./editModal.vue?vue&type=style&index=0&id=b3de57bc&lang=less&scoped=true&\"","// a string of all valid unicode whitespaces\n// eslint-disable-next-line max-len\nmodule.exports = '\\u0009\\u000A\\u000B\\u000C\\u000D\\u0020\\u00A0\\u1680\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200A\\u202F\\u205F\\u3000\\u2028\\u2029\\uFEFF';\n","var requireObjectCoercible = require('../internals/require-object-coercible');\nvar whitespaces = require('../internals/whitespaces');\n\nvar whitespace = '[' + whitespaces + ']';\nvar ltrim = RegExp('^' + whitespace + whitespace + '*');\nvar rtrim = RegExp(whitespace + whitespace + '*$');\n\n// `String.prototype.{ trim, trimStart, trimEnd, trimLeft, trimRight }` methods implementation\nvar createMethod = function (TYPE) {\n  return function ($this) {\n    var string = String(requireObjectCoercible($this));\n    if (TYPE & 1) string = string.replace(ltrim, '');\n    if (TYPE & 2) string = string.replace(rtrim, '');\n    return string;\n  };\n};\n\nmodule.exports = {\n  // `String.prototype.{ trimLeft, trimStart }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimstart\n  start: createMethod(1),\n  // `String.prototype.{ trimRight, trimEnd }` methods\n  // https://tc39.es/ecma262/#sec-string.prototype.trimend\n  end: createMethod(2),\n  // `String.prototype.trim` method\n  // https://tc39.es/ecma262/#sec-string.prototype.trim\n  trim: createMethod(3)\n};\n","var isObject = require('../internals/is-object');\nvar setPrototypeOf = require('../internals/object-set-prototype-of');\n\n// makes subclassing work correct for wrapped built-ins\nmodule.exports = function ($this, dummy, Wrapper) {\n  var NewTarget, NewTargetPrototype;\n  if (\n    // it can work only with native `setPrototypeOf`\n    setPrototypeOf &&\n    // we haven't completely correct pre-ES6 way for getting `new.target`, so use this\n    typeof (NewTarget = dummy.constructor) == 'function' &&\n    NewTarget !== Wrapper &&\n    isObject(NewTargetPrototype = NewTarget.prototype) &&\n    NewTargetPrototype !== Wrapper.prototype\n  ) setPrototypeOf($this, NewTargetPrototype);\n  return $this;\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.showModal)?_c('div',{staticClass:\"u-modal\"},[_c('div',{staticClass:\"modal-top\"},[_c('div',{staticClass:\"top-title\"},[_c('span',[_vm._v(\"上传课程封面\")]),_c('img',{attrs:{\"src\":require(\"../assets/imgs/course/close.png\")},on:{\"click\":_vm.close}})])]),_c('div',{staticClass:\"modal-center\"},[_c('li',{staticClass:\"cLeft\"},[_c('img',{attrs:{\"src\":_vm.tailorImg,\"alt\":\"\"}}),_c('span',[_vm._v(\"重新上传\")])]),_c('li',{staticClass:\"cRight\"},[_c('span',[_vm._v(\"封面预览\")]),_c('img',{attrs:{\"src\":_vm.previewImg,\"alt\":\"\"}}),_c('span',{staticStyle:{\"font-size\":\"13px\"}},[_vm._v(\"仅支持jpg、png图片文件\")])])]),_c('div',{staticClass:\"modal-btm\"},[_c('div',{staticClass:\"btm-footer\",attrs:{\"slot\":\"footer\"},slot:\"footer\"},[_c('a-button',{staticStyle:{\"color\":\"#2eadb5\",\"border\":\"1px #2eadb5 solid\"}},[_vm._v(\"取消\")]),_c('a-button',{staticStyle:{\"background-color\":\"#2eadb5\",\"margin-right\":\"5px\",\"border\":\"#2eadb5\"},attrs:{\"type\":\"primary\"}},[_vm._v(\"保存\")])],1)])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <!-- 这是图片上传组件 -->\r\n    <div class=\"u-modal\" v-if=\"showModal\">\r\n      <div class=\"modal-top\">\r\n        <div class=\"top-title\">\r\n          <span>上传课程封面</span>\r\n          <img src=\"../assets/imgs/course/close.png\" @click=\"close\" />\r\n        </div>\r\n      </div>\r\n      <div class=\"modal-center\">\r\n        <li class=\"cLeft\">\r\n          <img :src=\"tailorImg\" alt=\"\" />\r\n          \r\n          <span>重新上传</span>\r\n        </li>\r\n        <li class=\"cRight\">\r\n          <span>封面预览</span>\r\n          <img :src=\"previewImg\" alt=\"\" />\r\n          <span style=\"font-size: 13px\">仅支持jpg、png图片文件</span>\r\n        </li>\r\n      </div>\r\n      <div class=\"modal-btm\">\r\n        <div class=\"btm-footer\" slot=\"footer\">\r\n          <a-button style=\"color: #2eadb5; border: 1px #2eadb5 solid\"\r\n            >取消</a-button\r\n          >\r\n          <a-button\r\n            type=\"primary\"\r\n            style=\"\r\n              background-color: #2eadb5;\r\n              margin-right: 5px;\r\n              border: #2eadb5;\r\n            \"\r\n            >保存</a-button\r\n          >\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      showModal: false, //图片对话框\r\n      tailorImg: require(\"@/assets/imgs/course/upload.png\"),\r\n      previewImg: require(\"@/assets/imgs/course/upload.png\"),\r\n      dialogVisible: false,\r\n      picsList: [], //页面显示的数组\r\n      // 防止重复提交\r\n      loading: false,\r\n    };\r\n  },\r\n  methods: {\r\n    close() {\r\n      //上传图片的对话框\r\n      this.showModal = true;\r\n    },\r\n  },\r\n  components: {},\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n//   上传图片模态框\r\n.u-modal {\r\n  position: absolute;\r\n  z-index: 99;\r\n  width: 52%;\r\n  height: 60%;\r\n  top: 17.5%;\r\n  left: 18.55%;\r\n  // background-color: #ff6700;\r\n  box-shadow: 1px 1px 6px rgb(163, 163, 163);\r\n  .modal-top {\r\n    height: 15%;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    .top-title {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      width: 100%;\r\n      height: 100%;\r\n      font-size: 16px;\r\n      font-family: Source Han Sans CN;\r\n      font-weight: bold;\r\n      color: #333333;\r\n      span {\r\n        width: 90%;\r\n      }\r\n      img {\r\n        width: 10px;\r\n        height: 10px;\r\n        cursor: pointer;\r\n      }\r\n      @media (max-width: 1025px) {\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .modal-center {\r\n    padding-top: 2%;\r\n    height: 70%;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    display: flex;\r\n    list-style: none;\r\n    li:nth-child(1) {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      margin-left: 5%;\r\n      width: 55%;\r\n      height: 100%;\r\n      .cropper-content {\r\n        .cropper {\r\n          width: 100px;\r\n          height: 100px;\r\n        }\r\n      }\r\n      img {\r\n        width: 100%;\r\n        height: auto;\r\n        margin-bottom: 1%;\r\n        cursor: pointer;\r\n      }\r\n      span {\r\n        font-size: 14px;\r\n        font-family: Source Han Sans CN;\r\n        font-weight: 400;\r\n        color: #2eadb5;\r\n        line-height: 32px;\r\n      }\r\n      // background-color: #ff6700;\r\n    }\r\n    li:nth-child(2) {\r\n      display: flex;\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      margin-left: 5%;\r\n      // padding-top: 3%;\r\n      width: 30%;\r\n      height: 100%;\r\n      img {\r\n        width: 88%;\r\n        height: auto;\r\n        margin: 1% 0;\r\n      }\r\n      span {\r\n        font-size: 14px;\r\n        font-family: Source Han Sans CN;\r\n        font-weight: 400;\r\n        color: #4f4f4f;\r\n        line-height: 32px;\r\n      }\r\n      // background-color: red;\r\n    }\r\n  }\r\n  .modal-btm {\r\n    height: 15%;\r\n    width: 100%;\r\n    background-color: #fff;\r\n    align-items: center;\r\n\r\n    .btm-footer {\r\n      height: 100%;\r\n      padding: 0 35%;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      align-items: center;\r\n    }\r\n  }\r\n}\r\n@media (max-width: 1025px) {\r\n  .u-modal {\r\n    width: 73.575%;\r\n    height: 38.42%;\r\n    top: 24%;\r\n    left: 11.55%;\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!./upModal.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!./upModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./upModal.vue?vue&type=template&id=2da68cad&scoped=true&\"\nimport script from \"./upModal.vue?vue&type=script&lang=js&\"\nexport * from \"./upModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./upModal.vue?vue&type=style&index=0&id=2da68cad&lang=less&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  \"2da68cad\",\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!./upModal.vue?vue&type=style&index=0&id=2da68cad&lang=less&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ant-upload-preview\"},[_c('div',{staticStyle:{\"width\":\"100%\"}},[_c('a-upload',{attrs:{\"listType\":\"picture-card\",\"showUploadList\":false,\"beforeUpload\":_vm.beforeUpload,\"customRequest\":function () {}},on:{\"change\":_vm.handleChange}},[(_vm.imageUrl)?_c('img',{staticClass:\"upload_img\",attrs:{\"src\":_vm.imageUrl}}):_c('div',[_c('a-icon',{attrs:{\"type\":_vm.loading ? 'loading' : 'plus'}}),_c('div',{staticClass:\"ant-upload-text\"},[_vm._v(_vm._s(this.$t('translateText.Exam.sc')))])],1)])],1),_c('cropper-modal',{ref:\"CropperModal\",attrs:{\"imgType\":_vm.imgType},on:{\"cropper-no\":_vm.handleCropperClose,\"cropper-ok\":_vm.handleCropperSuccess}})],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',[_c('a-modal',{staticClass:\"UpModal\",attrs:{\"visible\":_vm.visible,\"title\":\"上传图片\",\"width\":700},on:{\"ok\":_vm.handleOk,\"cancel\":_vm.handleCancel}},[_c('div',{staticClass:\"cropper-content\"},[_c('div',{staticClass:\"cropper-box\"},[_c('div',{staticClass:\"cropper\"},[_c('vue-cropper',{ref:\"cropper\",attrs:{\"img\":_vm.option.img,\"outputSize\":_vm.option.outputSize,\"outputType\":_vm.option.outputType,\"info\":_vm.option.info,\"canScale\":_vm.option.canScale,\"autoCrop\":_vm.option.autoCrop,\"autoCropWidth\":_vm.option.autoCropWidth,\"autoCropHeight\":_vm.option.autoCropHeight,\"fixed\":_vm.option.fixed,\"fixedNumber\":_vm.option.fixedNumber,\"full\":_vm.option.full,\"fixedBox\":_vm.option.fixedBox,\"canMove\":_vm.option.canMove,\"canMoveBox\":_vm.option.canMoveBox,\"original\":_vm.option.original,\"centerBox\":_vm.option.centerBox,\"height\":_vm.option.height,\"infoTrue\":_vm.option.infoTrue,\"maxImgSize\":_vm.option.maxImgSize,\"enlarge\":_vm.option.enlarge,\"mode\":_vm.option.mode},on:{\"realTime\":_vm.realTime}})],1),_c('div',{staticClass:\"footer-btn\"},[_c('div',{staticClass:\"scope-btn\"},[_c('label',{staticClass:\"btn\",staticStyle:{\"cursor\":\"pointer\",\"color\":\"#2eadb5\",\"margin-top\":\"10px\"},attrs:{\"for\":\"uploads\"}},[_vm._v(\"重新上传\")]),_c('input',{staticStyle:{\"position\":\"absolute\",\"clip\":\"rect(0 0 0 0)\"},attrs:{\"type\":\"file\",\"title\":\"\",\"id\":\"uploads\",\"accept\":\"image/png, image/jpeg, image/jpg\"},on:{\"change\":function($event){return _vm.selectImg($event)}}})])])]),_c('div',{staticClass:\"show-preview\"},[_c('div',[_vm._v(\"封面预览\")]),_c('div',{staticClass:\"preview\",style:(_vm.previews.div)},[_c('img',{style:(_vm.previews.img),attrs:{\"src\":_vm.previews.url}})]),_c('div',[_vm._v(\"仅支持jpg、png图片文件\")])])]),_c('template',{staticClass:\"footer\",slot:\"footer\"},[_c('a-button',{key:\"back\",on:{\"click\":_vm.handleCancel}},[_vm._v(\"取消\")]),_c('a-button',{key:\"submit\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.handleOk}},[_vm._v(\"保存\")])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <a-modal\r\n      :visible=\"visible\"\r\n      title=\"上传图片\"\r\n      :width=\"700\"\r\n      @ok=\"handleOk\"\r\n      @cancel=\"handleCancel\"\r\n      class=\"UpModal\"\r\n    >\r\n      <div class=\"cropper-content\">\r\n        <div class=\"cropper-box\">\r\n          <div class=\"cropper\">\r\n            <vue-cropper\r\n              ref=\"cropper\"\r\n              :img=\"option.img\"\r\n              :outputSize=\"option.outputSize\"\r\n              :outputType=\"option.outputType\"\r\n              :info=\"option.info\"\r\n              :canScale=\"option.canScale\"\r\n              :autoCrop=\"option.autoCrop\"\r\n              :autoCropWidth=\"option.autoCropWidth\"\r\n              :autoCropHeight=\"option.autoCropHeight\"\r\n              :fixed=\"option.fixed\"\r\n              :fixedNumber=\"option.fixedNumber\"\r\n              :full=\"option.full\"\r\n              :fixedBox=\"option.fixedBox\"\r\n              :canMove=\"option.canMove\"\r\n              :canMoveBox=\"option.canMoveBox\"\r\n              :original=\"option.original\"\r\n              :centerBox=\"option.centerBox\"\r\n              :height=\"option.height\"\r\n              :infoTrue=\"option.infoTrue\"\r\n              :maxImgSize=\"option.maxImgSize\"\r\n              :enlarge=\"option.enlarge\"\r\n              :mode=\"option.mode\"\r\n              @realTime=\"realTime\"\r\n            >\r\n            </vue-cropper>\r\n          </div>\r\n          <!--底部操作工具按钮-->\r\n          <div class=\"footer-btn\">\r\n            <div class=\"scope-btn\">\r\n              <label\r\n                class=\"btn\"\r\n                for=\"uploads\"\r\n                style=\"cursor: pointer; color: #2eadb5; margin-top: 10px\"\r\n                >重新上传</label\r\n              >\r\n              <input\r\n                type=\"file\"\r\n                title=\"\"\r\n                id=\"uploads\"\r\n                style=\"position: absolute; clip: rect(0 0 0 0)\"\r\n                accept=\"image/png, image/jpeg, image/jpg\"\r\n                @change=\"selectImg($event)\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--预览效果图-->\r\n        <div class=\"show-preview\">\r\n          <div>封面预览</div>\r\n          <div :style=\"previews.div\" class=\"preview\">\r\n            <img :src=\"previews.url\" :style=\"previews.img\" />\r\n          </div>\r\n          <div>仅支持jpg、png图片文件</div>\r\n        </div>\r\n      </div>\r\n      <template slot=\"footer\" class=\"footer\">\r\n        <a-button key=\"back\" @click=\"handleCancel\">取消</a-button>\r\n        <a-button key=\"submit\" type=\"primary\" @click=\"handleOk\">保存</a-button>\r\n      </template>\r\n    </a-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    imgUrl: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    svisible: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      flag: 1,\r\n      visible: false,\r\n      previews: {},\r\n      option: {\r\n        img: \"\", //裁剪图片的地址\r\n        outputSize: 1, //裁剪生成图片的质量(可选0.1 - 1)\r\n        outputType: \"jpeg\", //裁剪生成图片的格式（jpeg || png || webp）\r\n        info: true, //图片大小信息\r\n        canScale: true, //图片是否允许滚轮缩放\r\n        autoCrop: true, //是否默认生成截图框\r\n        autoCropWidth: 230, //默认生成截图框宽度\r\n        autoCropHeight: 150, //默认生成截图框高度\r\n        fixed: true, //是否开启截图框宽高固定比例\r\n        fixedNumber: [1.53, 1], //截图框的宽高比例\r\n        full: false, //false按原比例裁切图片，不失真\r\n        fixedBox: true, //固定截图框大小，不允许改变\r\n        canMove: true, //上传图片是否可以移动\r\n        canMoveBox: true, //截图框能否拖动\r\n        original: false, //上传图片按照原始比例渲染\r\n        centerBox: false, //截图框是否被限制在图片里面\r\n        height: true, //是否按照设备的dpr 输出等比例图片\r\n        infoTrue: false, //true为展示真实输出图片宽高，false展示看到的截图框宽高\r\n        maxImgSize: 3000, //限制图片最大宽度和高度\r\n        enlarge: 1, //图片根据截图框输出比例倍数\r\n        mode: \"230px 150px\", //图片默认渲染方式\r\n        // loop: true, // 是否可以循环查看图片，默认true\r\n      },\r\n      imgData: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    edit(record) {\r\n      this.option.img = record.img\r\n      this.visible = true;\r\n    },\r\n    handleOk() {\r\n      const that = this;\r\n      that.confirmLoading = true;\r\n      this.$refs.cropper.getCropData((data) => {\r\n        that.$emit(\"cropper-ok\", data);\r\n        that.handleCancel();\r\n      });\r\n    },\r\n    handleCancel() {\r\n      this.confirmLoading = false;\r\n      this.visible = false;\r\n      this.$emit(\"cropper-no\");\r\n    },\r\n\r\n\r\n    //图片缩放\r\n    changeScale(num) {\r\n      num = num || 1;\r\n      this.$refs.cropper.changeScale(num);\r\n    },\r\n    //实时预览函数\r\n    realTime(data) {\r\n      this.previews = data;\r\n    },\r\n    //选择图片\r\n    selectImg(e) {\r\n      let file = e.target.files[0];\r\n      if (!/\\.(jpg|jpeg|png|JPG|PNG)$/.test(e.target.value)) {\r\n        return this.$message.error(\"图片类型要求：jpeg、jpg、png\");\r\n      }\r\n      //转化为blob\r\n      // let reader = new FileReader();\r\n      // reader.onload = (e) => {\r\n      //   let data;\r\n      //   if (typeof e.target.result === \"object\") {\r\n      //     data = window.URL.createObjectURL(new Blob([e.target.result]));\r\n      //   } else {\r\n      //     data = e.target.result;\r\n      //   }\r\n      //   this.option.img = data;\r\n      // };\r\n      //转化为base64\r\n      let reader = new FileReader();\r\n      reader.readAsDataURL(file);\r\n      //  监听文件读取结束后事件\r\n      reader.onload = (e) => {\r\n        var base = e.target.result;\r\n        this.option.img = base;\r\n      };\r\n    },\r\n  },\r\n  created() {\r\n    this.option.img = this.imgUrl;\r\n    this.flag = localStorage.getItem(\"flag\");\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/deep/.ant-modal-header {\r\n  text-align: center;\r\n  border-bottom: unset;\r\n}\r\n/deep/ .ant-modal-title {\r\n  font-weight: 600;\r\n}\r\n// /deep/ .ant-modal-body {\r\n//   padding: 24px 24px 10px 24px;\r\n// }\r\n/deep/ .ant-modal-footer {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  width: 100%;\r\n  border-top: unset;\r\n  padding: 0 30% 4%;\r\n}\r\n/deep/ .ant-modal-footer > button:nth-child(1) {\r\n  border: 1px solid #7c838d;\r\n  padding: 2px 20px;\r\n  border-radius: 4px;\r\n  color: #7c838d;\r\n  background: #fff;\r\n}\r\n/deep/ .ant-modal-footer > button:nth-child(2) {\r\n  padding: 2px 20px;\r\n  border-color: #2eadb5;\r\n  margin: 0 5px 0 16px;\r\n  color: #fff;\r\n  background-color: #2eadb5;\r\n}\r\n.cropper-content {\r\n  display: flex;\r\n  display: -webkit-flex;\r\n  justify-content: flex-end;\r\n  .cropper-box {\r\n    width: 60%;\r\n    .cropper {\r\n      width: auto;\r\n      height: 260px;\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n\r\n  .show-preview {\r\n    margin-left: 5%;\r\n    width: 35%;\r\n    display: flex;\r\n    display: -webkit-flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    .preview {\r\n      overflow: hidden;\r\n      border: 1px solid #2eadb5;\r\n      background: #cccccc;\r\n      margin: 10px 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n/deep/ .ant-modal-footer > div > button:nth-child(1) {\r\n  border: 1px solid #7c838d;\r\n  padding: 2px 20px;\r\n  border-radius: 4px;\r\n  color: #7c838d;\r\n  background: #fff;\r\n}\r\n/deep/ .ant-modal-footer > div > button:nth-child(2) {\r\n  padding: 2px 20px;\r\n  border-color: #2eadb5;\r\n  margin: 0 5px 0 16px;\r\n  color: #fff;\r\n  background-color: #2eadb5;\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!./CropperModal.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!./CropperModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CropperModal.vue?vue&type=template&id=0a497a99&scoped=true&\"\nimport script from \"./CropperModal.vue?vue&type=script&lang=js&\"\nexport * from \"./CropperModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CropperModal.vue?vue&type=style&index=0&id=0a497a99&lang=less&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  \"0a497a99\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"ant-upload-preview\">\r\n    <div style=\"width: 100%\">\r\n      <a-upload\r\n        listType=\"picture-card\"\r\n        :showUploadList=\"false\"\r\n        :beforeUpload=\"beforeUpload\"\r\n        :customRequest=\"function () {}\"\r\n        @change=\"handleChange\"\r\n      >\r\n        <img class=\"upload_img\" v-if=\"imageUrl\" :src=\"imageUrl\" />\r\n        <div v-else>\r\n          <a-icon :type=\"loading ? 'loading' : 'plus'\" />\r\n          <div class=\"ant-upload-text\">{{ this.$t('translateText.Exam.sc') }}</div>\r\n        </div>\r\n      </a-upload>\r\n    </div>\r\n    <!-- modal -->\r\n    <cropper-modal\r\n      ref=\"CropperModal\"\r\n      :imgType=\"imgType\"\r\n      @cropper-no=\"handleCropperClose\"\r\n      @cropper-ok=\"handleCropperSuccess\"\r\n    ></cropper-modal>\r\n  </div>\r\n</template>\r\n<script>\r\nimport CropperModal from \"./CropperModal\";\r\nexport default {\r\n  components: {\r\n    CropperModal,\r\n  },\r\n  props: {\r\n    //图片裁切配置\r\n    options: {\r\n      type: Object,\r\n      default: function () {\r\n        return {\r\n          autoCrop: true, //是否默认生成截图框\r\n          autoCropWidth: 180, //默认生成截图框宽度\r\n          autoCropHeight: 180, //默认生成截图框高度\r\n          fixedBox: false, //是否固定截图框大小 不允许改变\r\n          previewsCircle: true, //预览图是否是原圆形\r\n          title: \"修改头像\",\r\n          canMove: true, //能否拖动图片\r\n          // loop: true, // 是否可以循环查看图片，默认true\r\n\r\n        };\r\n      },\r\n    },\r\n    // 上传图片的大小，单位M\r\n    imgSize: {\r\n      type: Number,\r\n      default: 2,\r\n    },\r\n    //图片存储在oss上的上级目录名\r\n    imgType: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    // 图片地址\r\n    imageUrl: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      loading: false,\r\n      isStopRun: false,\r\n    };\r\n  },\r\n\r\n  methods: {\r\n    //从本地选择文件\r\n    handleChange(info) {\r\n      if (this.isStopRun) {\r\n        return;\r\n      }\r\n      this.loading = true;\r\n      const { options } = this;\r\n      this.getBase64(info.file.originFileObj, (imageUrl) => {\r\n        const target = Object.assign({}, options, {\r\n          img: imageUrl,\r\n        });\r\n        //去执行cropperModal页面的edit方法，\r\n        this.$refs.CropperModal.edit(target);\r\n      });\r\n    },\r\n    // 上传之前 格式与大小校验\r\n    beforeUpload(file) {\r\n      this.isStopRun = false;\r\n      var fileType = file.type;\r\n      if (fileType.indexOf(\"image\") < 0) {\r\n        this.$message.warning(\"请上传图片\");\r\n        this.isStopRun = true;\r\n        return false;\r\n      }\r\n      const isJpgOrPng =\r\n        file.type === \"image/jpeg\" ||\r\n        file.type === \"image/png\" ||\r\n        file.type === \"image/jpg\";\r\n      if (!isJpgOrPng) {\r\n        this.$message.error(\"上传图片格式不正确!\");\r\n        this.isStopRun = true;\r\n      }\r\n      const isLtSize = file.size < this.imgSize * 1024 * 1024;\r\n      if (!isLtSize) {\r\n        this.$message.error(\"图片大小不能超过\" + this.imgSize + \"MB!\");\r\n        this.isStopRun = true;\r\n      }\r\n      return isJpgOrPng && isLtSize;\r\n    },\r\n    //获取服务器返回的地址\r\n    handleCropperSuccess(data) {\r\n      //将返回的数据回显\r\n      this.loading = false;\r\n      this.$emit(\"crop-upload-success\", data);\r\n    },\r\n    // 取消上传\r\n    handleCropperClose() {\r\n      this.loading = false;\r\n      this.$emit(\"crop-upload-close\");\r\n    },\r\n    getBase64(img, callback) {\r\n      const reader = new FileReader();\r\n      reader.addEventListener(\"load\", () => callback(reader.result));\r\n      reader.readAsDataURL(img);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.avatar-upload-wrapper {\r\n  height: 180px;\r\n  width: 100%;\r\n}\r\n\r\n.ant-upload-preview {\r\n  background-color: #fff;\r\n  .avatar-uploader > .ant-upload {\r\n    width: 128px;\r\n    height: 128px;\r\n  }\r\n  .ant-upload-select-picture-card i {\r\n    font-size: 32px;\r\n    color: #999;\r\n  }\r\n  .upload_img {\r\n    width: 100%;\r\n  }\r\n  .ant-upload-select-picture-card .ant-upload-text {\r\n    margin-top: 8px;\r\n    color: #666;\r\n  }\r\n}\r\n</style>\r\n\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=2a22970c&scoped=true&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=2a22970c&lang=less&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  \"2a22970c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAATCAYAAACdkl3yAAACoUlEQVQ4T5WUO2gUURiFz3/vDGEDWlhJjNGoZE3msXd2ER9gq2ARMBg1xspWsLMQbCwsbewtbIKFRGOeqIQYUbNgyEySIWxhCh/xhWhEApvdub/csIFlyGIcmGru/eb855x7SSn1g4jeM/PNMAwnACTY5pPNZnc0NzdfBdBDQRC8BZBh5gGt9f35+fmP2+RIpVQewDUAjgF1M/NRAO1ENLO2tvawVCqt/AMmHMfxbNu+RERtAGIqFAp2uVxus227j5l9AFOVSmUwjuMvDWDScRx3E6K1HhVCTFJtMeXz+YNa614AHhG9BDA0NzeXVmbG8QD01ZSMMfNwGIa/NkGGZ9QdSJLkLICcEKK4vr4+tLi4+KH2M5nL5Xwi6iWiVgDPqtXqyMLCws+NzSn55Lpuq23b5wEcYeaZSqXyII7j777vd0opLwNoYeaJJEnGNyFbgTa4QRDsA3ARQCczvyaidzVwBxE9FUKMz87OrtaLSCva/Ea+7+8RQnQT0Wlm3klEy1rrR9VqdSqO4z/pIBqBzDoRBMFJALeMSAADSZLcbtSzRiDpeV6XZVlnTNmYWQghVo1nWuvJKIo+bUcR5XK5LiFEPzPvNsYKIUoATgA4xsxFInqcrkZakSgUCh1JkhijDxljmflJGIarSikTQB8AF8CrdGnrQdJ1XceyLBO92WQiHquL2ASwXwhhYDkA0+VyeXBpaelzffyWUsoYeg7AXgCj5jWNTffMwIioXwihALzQWg9GUbRCjuPssm37MBH1MHMLgBEp5Wi6J3VA8jyvXUppjonHzG+YeZqUUtdrUoVR0dTUNFwsFn//4/RvjCmlvFAL4ZsBLRORBHCXme9tMU4jplGWtSzrBjMfN/dRxMxfmflOFEXP//eGzGQyV4jo1F+k1y46gB1eJAAAAABJRU5ErkJggg==\"","'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.es/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.es/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    // ESNext\n    'fromString,range'\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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('a-modal',{staticClass:\"UpModal\",attrs:{\"visible\":_vm.svisible,\"title\":_vm.$t('translateText.accountSet.EditImage.EditPicture'),\"width\":700},on:{\"ok\":_vm.handleOk,\"cancel\":_vm.handleCancel}},[_c('div',{staticClass:\"cropper-content\"},[_c('div',{staticClass:\"cropper-box\"},[_c('div',{staticClass:\"cropper\"},[_c('vue-cropper',{ref:\"cropper\",attrs:{\"img\":_vm.option.img,\"outputSize\":_vm.option.outputSize,\"outputType\":_vm.option.outputType,\"info\":_vm.option.info,\"canScale\":_vm.option.canScale,\"autoCrop\":_vm.option.autoCrop,\"autoCropWidth\":_vm.option.autoCropWidth,\"autoCropHeight\":_vm.option.autoCropHeight,\"fixed\":_vm.option.fixed,\"fixedNumber\":_vm.option.fixedNumber,\"full\":_vm.option.full,\"fixedBox\":_vm.option.fixedBox,\"canMove\":_vm.option.canMove,\"canMoveBox\":_vm.option.canMoveBox,\"original\":_vm.option.original,\"centerBox\":_vm.option.centerBox,\"height\":_vm.option.height,\"infoTrue\":_vm.option.infoTrue,\"maxImgSize\":_vm.option.maxImgSize,\"enlarge\":_vm.option.enlarge,\"mode\":_vm.option.mode},on:{\"realTime\":_vm.realTime}})],1),_c('div',{staticClass:\"footer-btn\"},[_c('div',{staticClass:\"scope-btn\"},[_c('label',{staticClass:\"btn\",staticStyle:{\"cursor\":\"pointer\",\"color\":\"#2eadb5\",\"margin-top\":\"10px\"},attrs:{\"for\":\"uploads\"}},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.EditImage.ReUpload')))]),_c('input',{staticStyle:{\"position\":\"absolute\",\"clip\":\"rect(0 0 0 0)\"},attrs:{\"type\":\"file\",\"title\":\"\",\"id\":\"uploads\",\"accept\":\"image/png, image/jpeg, image/jpg\"},on:{\"change\":function($event){return _vm.selectImg($event)}}})])])]),_c('div',{staticClass:\"show-preview\"},[_c('div',[_vm._v(_vm._s(_vm.$t('translateText.accountSet.EditImage.CoverPreview')))]),_c('div',{staticClass:\"preview\",style:(_vm.previews.div)},[_c('img',{style:(_vm.previews.img),attrs:{\"src\":_vm.previews.url}})]),_c('div',[_vm._v(_vm._s(_vm.$t('translateText.accountSet.EditImage.OnlySupports')))])])]),_c('template',{staticClass:\"footer\",slot:\"footer\"},[_c('a-button',{key:\"back\",on:{\"click\":_vm.handleCancel}},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.EditImage.Cancel')))]),_c('a-button',{key:\"submit\",attrs:{\"type\":\"primary\"},on:{\"click\":_vm.handleOk}},[_vm._v(_vm._s(_vm.$t('translateText.accountSet.EditImage.Save')))])],1)],2)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <a-modal\r\n      :visible=\"svisible\"\r\n      :title=\"$t('translateText.accountSet.EditImage.EditPicture')\"\r\n      :width=\"700\"\r\n      @ok=\"handleOk\"\r\n      @cancel=\"handleCancel\"\r\n      class=\"UpModal\"\r\n    >\r\n      <div class=\"cropper-content\">\r\n        <div class=\"cropper-box\">\r\n          <div class=\"cropper\">\r\n            <vue-cropper\r\n              ref=\"cropper\"\r\n              :img=\"option.img\"\r\n              :outputSize=\"option.outputSize\"\r\n              :outputType=\"option.outputType\"\r\n              :info=\"option.info\"\r\n              :canScale=\"option.canScale\"\r\n              :autoCrop=\"option.autoCrop\"\r\n              :autoCropWidth=\"option.autoCropWidth\"\r\n              :autoCropHeight=\"option.autoCropHeight\"\r\n              :fixed=\"option.fixed\"\r\n              :fixedNumber=\"option.fixedNumber\"\r\n              :full=\"option.full\"\r\n              :fixedBox=\"option.fixedBox\"\r\n              :canMove=\"option.canMove\"\r\n              :canMoveBox=\"option.canMoveBox\"\r\n              :original=\"option.original\"\r\n              :centerBox=\"option.centerBox\"\r\n              :height=\"option.height\"\r\n              :infoTrue=\"option.infoTrue\"\r\n              :maxImgSize=\"option.maxImgSize\"\r\n              :enlarge=\"option.enlarge\"\r\n              :mode=\"option.mode\"\r\n              @realTime=\"realTime\"\r\n            >\r\n            </vue-cropper>\r\n          </div>\r\n          <!--底部操作工具按钮-->\r\n          <div class=\"footer-btn\">\r\n            <div class=\"scope-btn\">\r\n              <label\r\n                class=\"btn\"\r\n                for=\"uploads\"\r\n                style=\"cursor: pointer; color: #2eadb5; margin-top: 10px\"\r\n                >{{$t('translateText.accountSet.EditImage.ReUpload')}}</label\r\n              >\r\n              <input\r\n                type=\"file\"\r\n                title=\"\"\r\n                id=\"uploads\"\r\n                style=\"position: absolute; clip: rect(0 0 0 0)\"\r\n                accept=\"image/png, image/jpeg, image/jpg\"\r\n                @change=\"selectImg($event)\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--预览效果图-->\r\n        <div class=\"show-preview\">\r\n          <div>{{ $t('translateText.accountSet.EditImage.CoverPreview') }}</div>\r\n          <div :style=\"previews.div\" class=\"preview\">\r\n            <img :src=\"previews.url\" :style=\"previews.img\" />\r\n          </div>\r\n          <div>{{ $t('translateText.accountSet.EditImage.OnlySupports') }}</div>\r\n        </div>\r\n      </div>\r\n      <template slot=\"footer\" class=\"footer\">\r\n        <a-button key=\"back\" @click=\"handleCancel\">{{ $t('translateText.accountSet.EditImage.Cancel') }}</a-button>\r\n        <a-button key=\"submit\" type=\"primary\" @click=\"handleOk\">{{ $t('translateText.accountSet.EditImage.Save') }}</a-button>\r\n      </template>\r\n    </a-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    imgUrl: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    svisible: {\r\n      type: Boolean,\r\n      default: true,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      flag: 2,\r\n      previews: {},\r\n      option: {\r\n        img: \"\", //裁剪图片的地址\r\n        outputSize: 1, //裁剪生成图片的质量(可选0.1 - 1)\r\n        outputType: \"jpeg\", //裁剪生成图片的格式（jpeg || png || webp）\r\n        info: true, //图片大小信息\r\n        canScale: true, //图片是否允许滚轮缩放\r\n        autoCrop: true, //是否默认生成截图框\r\n        autoCropWidth: 230, //默认生成截图框宽度\r\n        autoCropHeight: 150, //默认生成截图框高度\r\n        fixed: true, //是否开启截图框宽高固定比例\r\n        fixedNumber: [1.53, 1], //截图框的宽高比例\r\n        full: false, //false按原比例裁切图片，不失真\r\n        fixedBox: true, //固定截图框大小，不允许改变\r\n        canMove: true, //上传图片是否可以移动\r\n        canMoveBox: true, //截图框能否拖动\r\n        original: false, //上传图片按照原始比例渲染\r\n        centerBox: false, //截图框是否被限制在图片里面\r\n        height: true, //是否按照设备的dpr 输出等比例图片\r\n        infoTrue: false, //true为展示真实输出图片宽高，false展示看到的截图框宽高\r\n        maxImgSize: 3000, //限制图片最大宽度和高度\r\n        enlarge: 1, //图片根据截图框输出比例倍数\r\n        mode: \"230px 150px\", //图片默认渲染方式\r\n        // loop: true, // 是否可以循环查看图片，默认true\r\n\r\n      },\r\n      imgData: \"\",\r\n    };\r\n  },\r\n  methods: {\r\n    handleOk() {\r\n      //   this.visible = false;\r\n      const that = this;\r\n      // 获取截图的base64 数据\r\n      this.$refs.cropper.getCropData((data) => {\r\n        this.imgData = data;\r\n        that.$emit(\"cropperOk\", this.imgData);\r\n      });\r\n      this.$emit(\"confirm\");\r\n      this.handleCancel();\r\n    },\r\n    handleCancel() {\r\n      //   this.visible = false;\r\n      this.$emit(\"cancel\");\r\n    },\r\n\r\n    //图片缩放\r\n    changeScale(num) {\r\n      num = num || 1;\r\n      this.$refs.cropper.changeScale(num);\r\n    },\r\n    //实时预览函数\r\n    realTime(data) {\r\n      this.previews = data;\r\n    },\r\n    //选择图片\r\n    selectImg(e) {\r\n      let file = e.target.files[0];\r\n      if (!/\\.(jpg|jpeg|png|JPG|PNG)$/.test(e.target.value)) {\r\n        return this.$message.error(this.$t('translateText.accountSet.EditImage.ImageType'));\r\n      }\r\n      //转化为blob\r\n      // let reader = new FileReader();\r\n      // reader.onload = (e) => {\r\n      //   let data;\r\n      //   if (typeof e.target.result === \"object\") {\r\n      //     data = window.URL.createObjectURL(new Blob([e.target.result]));\r\n      //   } else {\r\n      //     data = e.target.result;\r\n      //   }\r\n      //   this.option.img = data;\r\n      // };\r\n      //转化为base64\r\n      let reader = new FileReader();\r\n      reader.readAsDataURL(file);\r\n      //  监听文件读取结束后事件\r\n      reader.onload = (e) => {\r\n        var base = e.target.result;\r\n        this.option.img = base;\r\n      };\r\n    },\r\n  },\r\n  created() {\r\n    this.option.img = this.imgUrl;\r\n    this.flag = localStorage.getItem(\"flag\");\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n/deep/.ant-modal-header {\r\n  text-align: center;\r\n  border-bottom: unset;\r\n}\r\n/deep/ .ant-modal-title {\r\n  font-weight: 600;\r\n}\r\n// /deep/ .ant-modal-body {\r\n//   padding: 24px 24px 10px 24px;\r\n// }\r\n/deep/ .ant-modal-footer {\r\n  display: flex;\r\n  justify-content: space-around;\r\n  width: 100%;\r\n  border-top: unset;\r\n  padding: 0 30% 4%;\r\n}\r\n/deep/ .ant-modal-footer > button:nth-child(1) {\r\n  border: 1px solid #7c838d;\r\n  padding: 2px 20px;\r\n  border-radius: 4px;\r\n  color: #7c838d;\r\n  background: #fff;\r\n}\r\n/deep/ .ant-modal-footer > button:nth-child(2) {\r\n  padding: 2px 20px;\r\n  border-color: #2eadb5;\r\n  margin: 0 5px 0 16px;\r\n  color: #fff;\r\n  background-color: #2eadb5;\r\n}\r\n.cropper-content {\r\n  display: flex;\r\n  display: -webkit-flex;\r\n  justify-content: flex-end;\r\n  .cropper-box {\r\n    width: 60%;\r\n    .cropper {\r\n      width: auto;\r\n      height: 260px;\r\n      margin-bottom: 10px;\r\n    }\r\n  }\r\n\r\n  .show-preview {\r\n    margin-left: 5%;\r\n    width: 35%;\r\n    display: flex;\r\n    display: -webkit-flex;\r\n    align-items: flex-start;\r\n    flex-direction: column;\r\n    .preview {\r\n      overflow: hidden;\r\n      border: 1px solid #2eadb5;\r\n      background: #cccccc;\r\n      margin: 10px 0;\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n  }\r\n}\r\n/deep/ .ant-modal-footer > div > button:nth-child(1) {\r\n  border: 1px solid #7c838d;\r\n  padding: 2px 20px;\r\n  border-radius: 4px;\r\n  color: #7c838d;\r\n  background: #fff;\r\n}\r\n/deep/ .ant-modal-footer > div > button:nth-child(2) {\r\n  padding: 2px 20px;\r\n  border-color: #2eadb5;\r\n  margin: 0 5px 0 16px;\r\n  color: #fff;\r\n  background-color: #2eadb5;\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!./editModal.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!./editModal.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./editModal.vue?vue&type=template&id=b3de57bc&scoped=true&\"\nimport script from \"./editModal.vue?vue&type=script&lang=js&\"\nexport * from \"./editModal.vue?vue&type=script&lang=js&\"\nimport style0 from \"./editModal.vue?vue&type=style&index=0&id=b3de57bc&lang=less&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  \"b3de57bc\",\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!./index.vue?vue&type=style&index=0&id=2a22970c&lang=less&scoped=true&\"","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!./CropperModal.vue?vue&type=style&index=0&id=0a497a99&lang=less&scoped=true&\""],"sourceRoot":""}