{"version":3,"sources":["webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?ff46","webpack:///./node_modules/vue-image-crop-upload/utils/language.js","webpack:///./node_modules/vue-image-crop-upload/utils/mimes.js","webpack:///./node_modules/vue-image-crop-upload/utils/data2blob.js","webpack:///./node_modules/vue-image-crop-upload/utils/effectRipple.js","webpack:///node_modules/vue-image-crop-upload/upload-2.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?6910","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue","webpack:///./node_modules/vue-image-crop-upload/upload-2.vue?f343","webpack:///./src/views/facility/instructor/edit_product.vue?9ae0","webpack:///src/views/facility/instructor/edit_product.vue","webpack:///./src/views/facility/instructor/edit_product.vue?1e8a","webpack:///./src/views/facility/instructor/edit_product.vue","webpack:///./src/styles/scss/editProductScoped.scss?cd27","webpack:///./src/@core/comp-functions/forms/form-utils.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","staticClass","on","off","step","preventDefault","handleClick","handleChange","loading","_v","_s","lang","hint","isSupported","noSupported","ref","attrs","_e","errorMsg","ripple","btn","$event","handleMouseWheel","apply","arguments","style","sourceImgUrl","imgStartMove","imgMove","createImg","domProps","scale","range","zoomChange","startZoomSub","endZoomSub","startZoomAdd","endZoomAdd","noRotate","rotateImg","noSquare","createImgUrl","preview","noCircle","setStep","back","prepareUpload","save","success","close","width","height","staticRenderFns","zh","fail","error","onlyImg","outOfSize","lowestPx","en","ro","loewstPx","ru","fr","nl","tr","de","ja","ua","it","ar","ug","th","mm","se","pl","vi","fa","da","ko","data","split","window","atob","ia","Uint8Array","length","i","charCodeAt","Blob","type","mime","opts","Object","assign","ele","e","target","bgc","arg_opts","rect","getBoundingClientRect","querySelector","className","document","createElement","Math","max","appendChild","top","offsetHeight","left","offsetWidth","pageY","body","scrollTop","pageX","scrollLeft","backgroundColor","component","userImg","toggleShow","$t","params","headers","cropSuccess","model","callback","$$v","show","removePhoto","$v","product_data","product_title","$touch","$set","isSubmit","required","staticStyle","x","activity_id","$store","state","appConfig","isRTL","activities","selectedActivity","idCheck","product_description","participants_count","modifiers","optionsMonth","isMonthDisabled","month","check","optionsDay","isDayDisabled","day","selectNoExpired","priceType","composing","price","sessionCount","trainerID","person_id","update","setup","base64","refInputEl","inputImageRenderer","previewEl","Ripple","components","InfoIcon","BModal","VBModal","BAlert","BImg","BFormRadio","BFormSelect","BButton","Cleave","BMedia","BAvatar","BRow","BCol","BFormGroup","BFormInput","BForm","BFormInvalidFeedback","BTable","BCard","BCardHeader","BCardTitle","BFormCheckbox","BInputGroup","BInputGroupPrepend","BCardText","BSpinner","vSelect","mapGetters","mapActions","BFormTextarea","props","selectedCity","city_id","city_name","selectedTown","town_id","town_name","trainer_id","trainer_name","token","smail","text","validations","methods","$functions","Messages","warning","getPersonInfo","$database","StudioService","get_person_by_trainer_id","getCities","DistributorService","studio_get_cities","then","res","is_success","getActivities","getProductInfos","addMonth","push","addDay","watch","val","studio_data","phone_number","slice","tax_code","created","companyBranchId","getters","company_branch_id","useInputImageRenderer","inputEl","file","files","reader","FileReader","addEventListener","result","readAsDataURL"],"mappings":"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,UACA,aACA,YAGA,UACA,aACA,YAGA,UACA,aACA,YAGA,SACA,YACA,eAGA,UACA,YACA,cAGA,SACA,YACA,cAGA,WACA,YACA,eAGA,QACA,YACA,gBAGA,iBACA,aACA,YAEA,QACA,YACA,gBAEA,eACA,YACA,aAGA,KA/FA,WAgGA,WAEA,EAKA,EALA,UACA,EAIA,EAJA,SACA,EAGA,EAHA,QACA,EAEA,EAFA,MACA,EACA,EADA,OAEA,KACA,GACA,MACA,OAEA,4BACA,oBACA,OAUA,OARA,cAEA,GACA,mBAEA,8BACA,MAEA,CAEA,OAGA,OAGA,cAEA,uDAGA,OAGA,UACA,WAGA,YACA,YAGA,UAGA,eACA,gCACA,gCAGA,oBACA,MACA,KACA,KACA,IACA,KAIA,kBACA,UACA,YAIA,oBACA,UACA,YAIA,OACA,aACA,aACA,QAEA,IACA,IACA,QACA,SACA,WACA,YACA,WACA,YACA,eACA,mBAIA,UAEA,cAFA,WAGA,IACA,EACA,KADA,SAEA,OACA,cAIA,eAXA,WAYA,IACA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,eACA,eACA,OACA,MACA,OACA,mBACA,uBAIA,iBA1BA,WA2BA,IACA,EAIA,KAJA,MACA,EAGA,KAHA,OACA,EAEA,KAFA,MACA,EACA,KADA,mBAEA,IACA,mBACA,IACA,IACA,UACA,WACA,IAWA,OAVA,MACA,aACA,aACA,iBAEA,MACA,YACA,YACA,kBAEA,CACA,QACA,IACA,IACA,QACA,WAIA,oBA3DA,WA4DA,IACA,EAEA,KAFA,iBACA,EACA,KADA,mBAEA,IACA,IACA,+CACA,oDACA,OACA,aACA,gBAGA,aAzEA,WA+EA,KAJA,MAIA,KAHA,OAFA,IAGA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,IACA,UACA,WACA,MAOA,OANA,MACA,cAEA,MACA,aAEA,CACA,aACA,iBAIA,OACA,MADA,SACA,GACA,oBACA,eAIA,SAEA,OAFA,SAEA,GACA,MAGA,IANA,WAMA,WACA,uBACA,oBACA,yBACA,eAEA,MAGA,QAfA,SAeA,cAEA,uBACA,WACA,MAKA,eAxBA,SAwBA,GAEA,OADA,oBACA,GAEA,YA5BA,SA4BA,GACA,kBACA,kCACA,mBACA,qCACA,+BAKA,aAtCA,SAsCA,GAEA,GADA,mBACA,kBACA,2CACA,aACA,sBACA,0BAOA,UAnDA,SAmDA,GACA,WAEA,EAEA,EAFA,KACA,EACA,EADA,QAGA,oCACA,cACA,4BACA,KAIA,iBACA,cACA,qCACA,IAKA,MAzEA,WA0EA,WACA,YACA,cACA,cACA,cAGA,aAjFA,SAiFA,GACA,gDACA,WACA,iBACA,qBACA,wBACA,eAEA,oBAGA,UA5FA,WA6FA,WAEA,EAOA,EAPA,MACA,EAMA,EANA,OACA,EAKA,EALA,MACA,EAIA,EAJA,MACA,EAGA,EAHA,aACA,EAEA,EAFA,iBACA,EACA,EADA,KAEA,IACA,YACA,QACA,oBACA,qBACA,kBACA,MACA,UACA,WACA,IACA,IAEA,YAGA,OAFA,cACA,qCACA,EAEA,MACA,MACA,kBAEA,MACA,MACA,iBAEA,UACA,MACA,MACA,UACA,WACA,aACA,cACA,qBACA,sBACA,iBACA,kBACA,cACA,cACA,eAIA,aAjJA,SAiJA,GAGA,GAFA,mBAEA,sCACA,SAEA,2CAEA,EAEA,KAFA,mBACA,EACA,KADA,MAEA,IACA,eACA,eACA,QACA,QACA,SAGA,QApKA,SAoKA,GAGA,GAFA,mBAEA,sCACA,SAEA,6CAWA,KATA,mBACA,EAHA,EAGA,GACA,EAJA,EAIA,GACA,EALA,EAKA,GACA,EANA,EAMA,EACA,EAPA,EAOA,EAEA,EAEA,KAFA,MACA,EACA,KADA,iBAEA,IACA,YACA,YACA,MACA,MACA,MACA,MACA,IACA,MACA,KAEA,MACA,KAEA,oBACA,mBAEA,sBACA,qBAEA,MACA,QAGI,UA9MJ,SA8MA,GACA,IACA,EAKA,KALA,UADA,EAMA,KAJA,MACA,EAHA,EAGA,aACA,EAJA,EAIA,cAGA,IACA,IACA,oBACA,qBACA,UACM,EAAN,SACM,EAAN,mBAEA,4BACA,oBAEA,iBACM,EAAN,uBAEM,EAAN,qBACM,IAAN,wBAEA,oBACA,kBAEI,i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","file":"js/facility.instructor.edit_product.b1f7dce1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.value),expression:\"value\"}],staticClass:\"vue-image-crop-upload\"},[_c('div',{staticClass:\"vicp-wrap\"},[_c('div',{staticClass:\"vicp-close\",on:{\"click\":_vm.off}},[_c('i',{staticClass:\"vicp-icon4\"})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.step == 1),expression:\"step == 1\"}],staticClass:\"vicp-step1\"},[_c('div',{staticClass:\"vicp-drop-area\",on:{\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"click\":_vm.handleClick,\"drop\":_vm.handleChange}},[_c('i',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading != 1),expression:\"loading != 1\"}],staticClass:\"vicp-icon1\"},[_c('i',{staticClass:\"vicp-icon1-arrow\"}),_c('i',{staticClass:\"vicp-icon1-body\"}),_c('i',{staticClass:\"vicp-icon1-bottom\"})]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading !== 1),expression:\"loading !== 1\"}],staticClass:\"vicp-hint\"},[_vm._v(_vm._s(_vm.lang.hint))]),_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isSupported),expression:\"!isSupported\"}],staticClass:\"vicp-no-supported-hint\"},[_vm._v(_vm._s(_vm.lang.noSupported))]),(_vm.step == 1)?_c('input',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"fileinput\",attrs:{\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":_vm.handleChange}}):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.off))])])]),(_vm.step == 2)?_c('div',{staticClass:\"vicp-step2\"},[_c('div',{staticClass:\"vicp-crop\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-left\"},[_c('div',{staticClass:\"vicp-img-container\",on:{\"wheel\":function($event){$event.preventDefault();return _vm.handleMouseWheel.apply(null, arguments)}}},[_c('img',{ref:\"img\",staticClass:\"vicp-img\",style:(_vm.sourceImgStyle),attrs:{\"src\":_vm.sourceImgUrl,\"draggable\":\"false\"},on:{\"drag\":_vm.preventDefault,\"dragstart\":_vm.preventDefault,\"dragend\":_vm.preventDefault,\"dragleave\":_vm.preventDefault,\"dragover\":_vm.preventDefault,\"dragenter\":_vm.preventDefault,\"drop\":_vm.preventDefault,\"touchstart\":_vm.imgStartMove,\"touchmove\":_vm.imgMove,\"touchend\":_vm.createImg,\"touchcancel\":_vm.createImg,\"mousedown\":_vm.imgStartMove,\"mousemove\":_vm.imgMove,\"mouseup\":_vm.createImg,\"mouseout\":_vm.createImg}}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-1\",style:(_vm.sourceImgShadeStyle)}),_c('div',{staticClass:\"vicp-img-shade vicp-img-shade-2\",style:(_vm.sourceImgShadeStyle)})]),_c('div',{staticClass:\"vicp-range\"},[_c('input',{attrs:{\"type\":\"range\",\"step\":\"1\",\"min\":\"0\",\"max\":\"100\"},domProps:{\"value\":_vm.scale.range},on:{\"mousemove\":_vm.zoomChange}}),_c('i',{staticClass:\"vicp-icon5\",on:{\"mousedown\":_vm.startZoomSub,\"mouseout\":_vm.endZoomSub,\"mouseup\":_vm.endZoomSub}}),_c('i',{staticClass:\"vicp-icon6\",on:{\"mousedown\":_vm.startZoomAdd,\"mouseout\":_vm.endZoomAdd,\"mouseup\":_vm.endZoomAdd}})]),(!_vm.noRotate)?_c('div',{staticClass:\"vicp-rotate\"},[_c('i',{on:{\"click\":_vm.rotateImg}},[_vm._v(\"↻\")])]):_vm._e()]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(true),expression:\"true\"}],staticClass:\"vicp-crop-right\"},[_c('div',{staticClass:\"vicp-preview\"},[(!_vm.noSquare)?_c('div',{staticClass:\"vicp-preview-item\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e(),(!_vm.noCircle)?_c('div',{staticClass:\"vicp-preview-item vicp-preview-item-circle\"},[_c('img',{style:(_vm.previewStyle),attrs:{\"src\":_vm.createImgUrl}}),_c('span',[_vm._v(_vm._s(_vm.lang.preview))])]):_vm._e()])])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(1)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{staticClass:\"vicp-operate-btn\",on:{\"click\":_vm.prepareUpload,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.save))])])]):_vm._e(),(_vm.step == 3)?_c('div',{staticClass:\"vicp-step3\"},[_c('div',{staticClass:\"vicp-upload\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-loading\"},[_vm._v(_vm._s(_vm.lang.loading))]),_c('div',{staticClass:\"vicp-progress-wrap\"},[_c('span',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 1),expression:\"loading === 1\"}],staticClass:\"vicp-progress\",style:(_vm.progressStyle)})]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.hasError),expression:\"hasError\"}],staticClass:\"vicp-error\"},[_c('i',{staticClass:\"vicp-icon2\"}),_vm._v(\" \"+_vm._s(_vm.errorMsg)+\" \")]),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loading === 2),expression:\"loading === 2\"}],staticClass:\"vicp-success\"},[_c('i',{staticClass:\"vicp-icon3\"}),_vm._v(\" \"+_vm._s(_vm.lang.success)+\" \")])]),_c('div',{staticClass:\"vicp-operate\"},[_c('a',{on:{\"click\":function($event){return _vm.setStep(2)},\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.back))]),_c('a',{on:{\"click\":_vm.off,\"mousedown\":_vm.ripple}},[_vm._v(_vm._s(_vm.lang.btn.close))])])]):_vm._e(),_c('canvas',{directives:[{name:\"show\",rawName:\"v-show\",value:(false),expression:\"false\"}],ref:\"canvas\",attrs:{\"width\":_vm.width,\"height\":_vm.height}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","export default {\n\tzh: {\n\t\thint: '点击，或拖动图片至此处',\n\t\tloading: '正在上传……',\n\t\tnoSupported: '浏览器不支持该功能，请使用IE10以上或其他现在浏览器！',\n\t\tsuccess: '上传成功',\n\t\tfail: '图片上传失败',\n\t\tpreview: '头像预览',\n\t\tbtn: {\n\t\t\toff: '取消',\n\t\t\tclose: '关闭',\n\t\t\tback: '上一步',\n\t\t\tsave: '保存'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '仅限图片格式',\n\t\t\toutOfSize: '单文件大小不能超过 ',\n\t\t\tlowestPx: '图片最低像素为（宽*高）：'\n\t\t}\n\t},\n\t'zh-tw': {\n\t\thint: '點擊，或拖動圖片至此處',\n\t\tloading: '正在上傳……',\n\t\tnoSupported: '瀏覽器不支持該功能，請使用IE10以上或其他現代瀏覽器！',\n\t\tsuccess: '上傳成功',\n\t\tfail: '圖片上傳失敗',\n\t\tpreview: '頭像預覽',\n\t\tbtn: {\n\t\t\toff: '取消',\n\t\t\tclose: '關閉',\n\t\t\tback: '上一步',\n\t\t\tsave: '保存'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '僅限圖片格式',\n\t\t\toutOfSize: '單文件大小不能超過 ',\n\t\t\tlowestPx: '圖片最低像素為（寬*高）：'\n\t\t}\n\t},\n\ten: {\n\t\thint: 'Click or drag the file here to upload',\n\t\tloading: 'Uploading…',\n\t\tnoSupported: 'Browser is not supported, please use IE10+ or other browsers',\n\t\tsuccess: 'Upload success',\n\t\tfail: 'Upload failed',\n\t\tpreview: 'Preview',\n\t\tbtn: {\n\t\t\toff: 'Cancel',\n\t\t\tclose: 'Close',\n\t\t\tback: 'Back',\n\t\t\tsave: 'Save'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Image only',\n\t\t\toutOfSize: 'Image exceeds size limit: ',\n\t\t\tlowestPx: 'Image\\'s size is too low. Expected at least: '\n\t\t}\n\t},\n\tro: {\n\t\thint: 'Atinge sau trage fișierul aici',\n\t\tloading: 'Se încarcă',\n\t\tnoSupported: 'Browser-ul tău nu suportă acest feature. Te rugăm încearcă cu alt browser.',\n\t\tsuccess: 'S-a încărcat cu succes',\n\t\tfail: 'A apărut o problemă la încărcare',\n\t\tpreview: 'Previzualizează',\n\n\t\tbtn: {\n\t\t\toff: 'Anulează',\n\t\t\tclose: 'Închide',\n\t\t\tback: 'Înapoi',\n\t\t\tsave: 'Salvează'\n\t\t},\n\n\t\terror: {\n\t\t\tonlyImg: 'Doar imagini',\n\t\t\toutOfSize: 'Imaginea depășește limita de: ',\n\t\t\tloewstPx: 'Imaginea este prea mică; Minim: '\n\t\t}\n\t},\n\tru: {\n\t\thint: 'Нажмите, или перетащите файл в это окно',\n\t\tloading: 'Загружаю……',\n\t\tnoSupported: 'Ваш браузер не поддерживается, пожалуйста, используйте IE10 + или другие браузеры',\n\t\tsuccess: 'Загрузка выполнена успешно',\n\t\tfail: 'Ошибка загрузки',\n\t\tpreview: 'Предпросмотр',\n\t\tbtn: {\n\t\t\toff: 'Отменить',\n\t\t\tclose: 'Закрыть',\n\t\t\tback: 'Назад',\n\t\t\tsave: 'Сохранить'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Только изображения',\n\t\t\toutOfSize: 'Изображение превышает предельный размер: ',\n\t\t\tlowestPx: 'Минимальный размер изображения: '\n\t\t}\n\t},\n\t'pt-br': {\n\t\thint: 'Clique ou arraste o arquivo aqui para carregar',\n\t\tloading: 'Carregando...',\n\t\tnoSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',\n\t\tsuccess: 'Imagem carregada com sucesso',\n\t\tfail: 'Ocorreu um erro ao carregar a imagem',\n\t\tpreview: 'Pré-visualização',\n\t\tbtn: {\n\t\t\toff: 'Cancelar',\n\t\t\tclose: 'Fechar',\n\t\t\tback: 'Voltar',\n\t\t\tsave: 'Salvar'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Por favor envie apenas imagens',\n\t\t\toutOfSize: 'A imagem excede o limite de tamanho suportado: ',\n\t\t\tlowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '\n\t\t}\n\t},\n\t'pt-pt': {\n\t\thint: 'Clique ou arraste o arquivo para a janela para carregar',\n\t\tloading: 'A processar...',\n\t\tnoSupported: 'Browser não suportado, por favor utilize o Internet Explorer 10+ ou outro browser',\n\t\tsuccess: 'Imagem carregada com sucesso',\n\t\tfail: 'Ocorreu um erro ao carregar a imagem',\n\t\tpreview: 'Pré-visualização',\n\t\tbtn: {\n\t\t\toff: 'Cancelar',\n\t\t\tclose: 'Fechar',\n\t\t\tback: 'Voltar',\n\t\t\tsave: 'Guardar'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Por favor envie apenas imagens',\n\t\t\toutOfSize: 'A imagem excede o limite de tamanho suportado: ',\n\t\t\tlowestPx: 'O tamanho da imagem é muito pequeno. Tamanho mínimo: '\n\t\t}\n\t},\n\tfr: {\n\t\thint: 'Cliquez ou glissez le fichier ici.',\n\t\tloading: 'Téléchargement…',\n\t\tnoSupported: 'Votre navigateur n\\'est pas supporté. Utilisez IE10 + ou un autre navigateur s\\'il vous plaît.',\n\t\tsuccess: 'Téléchargement réussi',\n\t\tfail: 'Téléchargement echoué',\n\t\tpreview: 'Aperçu',\n\t\tbtn: {\n\t\t\toff: 'Annuler',\n\t\t\tclose: 'Fermer',\n\t\t\tback: 'Retour',\n\t\t\tsave: 'Enregistrer'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Image uniquement',\n\t\t\toutOfSize: 'L\\'image sélectionnée dépasse la taille maximum: ',\n\t\t\tlowestPx: 'L\\'image sélectionnée est trop petite. Dimensions attendues: '\n\t\t}\n\t},\n\tnl: {\n\t\thint: 'Klik hier of sleep een afbeelding in dit vlak',\n\t\tloading: 'Uploaden…',\n\t\tnoSupported: 'Je browser wordt helaas niet ondersteund. Gebruik IE10+ of een andere browser.',\n\t\tsuccess: 'Upload succesvol',\n\t\tfail: 'Upload mislukt',\n\t\tpreview: 'Voorbeeld',\n\t\tbtn: {\n\t\t\toff: 'Annuleren',\n\t\t\tclose: 'Sluiten',\n\t\t\tback: 'Terug',\n\t\t\tsave: 'Opslaan'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Alleen afbeeldingen',\n\t\t\toutOfSize: 'De afbeelding is groter dan: ',\n\t\t\tlowestPx: 'De afbeelding is te klein! Minimale afmetingen: '\n\t\t}\n\t},\n\ttr: {\n\t\thint: 'Tıkla veya yüklemek istediğini buraya sürükle',\n\t\tloading: 'Yükleniyor…',\n\t\tnoSupported: 'Tarayıcı desteklenmiyor, lütfen IE10+ veya farklı tarayıcı kullanın',\n\t\tsuccess: 'Yükleme başarılı',\n\t\tfail: 'Yüklemede hata oluştu',\n\t\tpreview: 'Önizle',\n\t\tbtn: {\n\t\t\toff: 'İptal',\n\t\t\tclose: 'Kapat',\n\t\t\tback: 'Geri',\n\t\t\tsave: 'Kaydet'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Sadece resim',\n\t\t\toutOfSize: 'Resim yükleme limitini aşıyor: ',\n\t\t\tlowestPx: 'Resmin boyutu çok küçük. En az olması gereken: '\n\t\t}\n\t},\n\t'es-MX': {\n\t\thint: 'Selecciona o arrastra una imagen',\n\t\tloading: 'Subiendo...',\n\t\tnoSupported: 'Tu navegador no es soportado, por favor usa IE10+ u otros navegadores más recientes',\n\t\tsuccess: 'Subido exitosamente',\n\t\tfail: 'Sucedió un error',\n\t\tpreview: 'Vista previa',\n\t\tbtn: {\n\t\t\toff: 'Cancelar',\n\t\t\tclose: 'Cerrar',\n\t\t\tback: 'Atrás',\n\t\t\tsave: 'Guardar'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Únicamente imágenes',\n\t\t\toutOfSize: 'La imagen excede el tamaño maximo:',\n\t\t\tlowestPx: 'La imagen es demasiado pequeña. Se espera por lo menos:'\n\t\t}\n\t},\n\tde: {\n\t\thint: 'Klick hier oder zieh eine Datei hier rein zum Hochladen',\n\t\tloading: 'Hochladen…',\n\t\tnoSupported: 'Browser wird nicht unterstützt, bitte verwende IE10+ oder andere Browser',\n\t\tsuccess: 'Upload erfolgreich',\n\t\tfail: 'Upload fehlgeschlagen',\n\t\tpreview: 'Vorschau',\n\t\tbtn: {\n\t\t\toff: 'Abbrechen',\n\t\t\tclose: 'Schließen',\n\t\t\tback: 'Zurück',\n\t\t\tsave: 'Speichern'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Nur Bilder',\n\t\t\toutOfSize: 'Das Bild ist zu groß: ',\n\t\t\tlowestPx: 'Das Bild ist zu klein. Mindestens: '\n\t\t}\n\t},\n\tja: {\n\t\thint: 'クリック・ドラッグしてファイルをアップロード',\n\t\tloading: 'アップロード中...',\n\t\tnoSupported: 'このブラウザは対応されていません。IE10+かその他の主要ブラウザをお使いください。',\n\t\tsuccess: 'アップロード成功',\n\t\tfail: 'アップロード失敗',\n\t\tpreview: 'プレビュー',\n\t\tbtn: {\n\t\t\toff: 'キャンセル',\n\t\t\tclose: '閉じる',\n\t\t\tback: '戻る',\n\t\t\tsave: '保存'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '画像のみ',\n\t\t\toutOfSize: '画像サイズが上限を超えています。上限: ',\n\t\t\tlowestPx: '画像が小さすぎます。最小サイズ: '\n\t\t}\n\t},\n\tua: {\n\t\thint: 'Натисніть, або перетягніть файл в це вікно',\n\t\tloading: 'Завантажую……',\n\t\tnoSupported: 'Ваш браузер не підтримується, будь ласка скористайтесь IE10 + або іншими браузерами',\n\t\tsuccess: 'Завантаження виконано успішно',\n\t\tfail: 'Помилка завантаження',\n\t\tpreview: 'Попередній перегляд',\n\t\tbtn: {\n\t\t\toff: 'Відмінити',\n\t\t\tclose: 'Закрити',\n\t\t\tback: 'Назад',\n\t\t\tsave: 'Зберегти'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Тільки зображення',\n\t\t\toutOfSize: 'Зображення перевищує граничний розмір: ',\n\t\t\tlowestPx: 'Мінімальний розмір зображення: '\n\t\t}\n\t},\n\tit: {\n\t\thint: 'Clicca o trascina qui il file per caricarlo',\n\t\tloading: 'Caricamento del file…',\n\t\tnoSupported: 'Browser non supportato, per favore usa IE10+ o un altro browser',\n\t\tsuccess: 'Caricamento completato',\n\t\tfail: 'Caricamento fallito',\n\t\tpreview: 'Anteprima',\n\t\tbtn: {\n\t\t\toff: 'Annulla',\n\t\t\tclose: 'Chiudi',\n\t\t\tback: 'Indietro',\n\t\t\tsave: 'Salva'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Sono accettate solo immagini',\n\t\t\toutOfSize: 'L\\'immagine eccede i limiti di dimensione: ',\n\t\t\tlowestPx: 'L\\'immagine è troppo piccola. Il requisito minimo è: '\n\t\t}\n\t},\n\tar: {\n\t\thint: 'اضغط أو اسحب الملف هنا للتحميل',\n\t\tloading: 'جاري التحميل...',\n\t\tnoSupported: 'المتصفح غير مدعوم ، يرجى استخدام IE10 + أو متصفح أخر',\n\t\tsuccess: 'تم التحميل بنجاح',\n\t\tfail: 'فشل التحميل',\n\t\tpreview: 'معاينه',\n\t\tbtn: {\n\t\t\toff: 'إلغاء',\n\t\t\tclose: 'إغلاق',\n\t\t\tback: 'رجوع',\n\t\t\tsave: 'حفظ'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'صور فقط',\n\t\t\toutOfSize: 'تتجاوز الصوره الحجم المحدد: ',\n\t\t\tlowestPx: 'حجم الصورة صغير جدا. من المتوقع على الأقل: '\n\t\t}\n\t},\n\tug: {\n\t\thint: 'مەزكۇر دائىرىنى چىكىپ رەسىم تاللاڭ ياكى رەسىمنى سۆرەپ ئەكىرىڭ',\n\t\tloading: 'يوللىنىۋاتىدۇ...',\n\t\tnoSupported: 'تور كۆرگۈچ بۇ ئىقتىدارنى قوللىمايدۇ ، يۇقىرى نەشىردىكى تور كۆرگۈچنى ئىشلىتىڭ',\n\t\tsuccess: 'غەلبىلىك بولدى',\n\t\tfail: 'مەغلۇب بولدى',\n\t\tpreview: 'ئۈنۈم رەسىم',\n\t\tbtn: {\n\t\t\toff: 'بولدى قىلىش',\n\t\t\tclose: 'تاقاش',\n\t\t\tback: 'ئالدىنقى قەدەم',\n\t\t\tsave: 'ساقلاش'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'پەقەت رەسىم فورماتىنىلا قوللايدۇ',\n\t\t\toutOfSize: 'رەسىم چوڭ - كىچىكلىكى چەكتىن ئىشىپ كەتتى',\n\t\t\tlowestPx: 'رەسىمنىڭ ئەڭ كىچىك ئۆلچىمى :'\n\t\t}\n\t},\n\tth: {\n\t\thint: 'คลิ๊กหรือลากรูปมาที่นี่',\n\t\tloading: 'กำลังอัพโหลด…',\n\t\tnoSupported: 'เบราเซอร์ไม่รองรับ, กรุณาใช้ IE เวอร์ชั่น 10 ขึ้นไป หรือใช้เบราเซอร์ตัวอื่น',\n\t\tsuccess: 'อัพโหลดสำเร็จ',\n\t\tfail: 'อัพโหลดล้มเหลว',\n\t\tpreview: 'ตัวอย่าง',\n\t\tbtn: {\n\t\t\toff: 'ยกเลิก',\n\t\t\tclose: 'ปิด',\n\t\t\tback: 'กลับ',\n\t\t\tsave: 'บันทึก'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'ไฟล์ภาพเท่านั้น',\n\t\t\toutOfSize: 'ไฟล์ใหญ่เกินกำหนด: ',\n\t\t\tlowestPx: 'ไฟล์เล็กเกินไป. อย่างน้อยต้องมีขนาด: '\n\t\t}\n\t},\n\tmm: {\n\t\thint: 'ဖိုင်ကို ဤနေရာတွင် နှိပ်၍ (သို့) ဆွဲထည့်၍ တင်ပါ',\n\t\tloading: 'တင်နေသည်…',\n\t\tnoSupported: 'ဤဘရောက်ဇာကို အထောက်အပံ့ မပေးပါ၊ ကျေးဇူးပြု၍ IE10+ သို့မဟုတ် အခြား ဘရောက်ဇာ ကို အသုံးပြုပါ',\n\t\tsuccess: 'ဖိုင်တင်နေမှု မပြီးမြောက်ပါ',\n\t\tfail: 'ဖိုင်တင်နေမှု မအောင်မြင်ပါ',\n\t\tpreview: 'အစမ်းကြည့်',\n\t\tbtn: {\n\t\t\toff: 'မလုပ်တော့ပါ',\n\t\t\tclose: 'ပိတ်မည်',\n\t\t\tback: 'နောက်သို့',\n\t\t\tsave: 'သိမ်းမည်'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'ဓာတ်ပုံ သီးသန့်သာ',\n\t\t\toutOfSize: 'ဓာတ်ပုံဆိုဒ် ကြီးလွန်းသည် ။ အများဆုံး ဆိုဒ် : ',\n\t\t\tlowestPx: 'ဓာတ်ပုံဆိုဒ် သေးလွန်းသည်။ အနည်းဆုံး ဆိုဒ် : '\n\t\t}\n\t},\n\tse: {\n\t\thint: 'Klicka eller dra en fil hit för att ladda upp den',\n\t\tloading: 'Laddar upp…',\n\t\tnoSupported: 'Din webbläsare stöds inte, vänligen använd IE10+ eller andra webbläsare',\n\t\tsuccess: 'Uppladdning lyckades',\n\t\tfail: 'Uppladdning misslyckades',\n\t\tpreview: 'Förhandsgranska',\n\t\tbtn: {\n\t\t\toff: 'Avbryt',\n\t\t\tclose: 'Stäng',\n\t\t\tback: 'Tillbaka',\n\t\t\tsave: 'Spara'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Endast bilder',\n\t\t\toutOfSize: 'Bilden är större än max-gränsen: ',\n\t\t\tlowestPx: 'Bilden är för liten. Minimum är: '\n\t\t}\n\t},\n\tpl: {\n\t\thint: 'Kliknij lub upuść plik tutaj',\n\t\tloading: 'Wgrywanie…',\n\t\tnoSupported: 'Twoja przeglądarka nie jest wspierana, użyj IE10+ lub innej przeglądarki',\n\t\tsuccess: 'Błąd',\n\t\tfail: 'Sukces',\n\t\tpreview: 'Podgląd',\n\t\tbtn: {\n\t\t\toff: 'Anuluj',\n\t\t\tclose: 'Zamknij',\n\t\t\tback: 'Wstecz',\n\t\t\tsave: 'Zapisz'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Tylko obrazki',\n\t\t\toutOfSize: 'Rozmiar obrazka przekracza: ',\n\t\t\tlowestPx: 'Obrazek jest za mały. Minimalne wymiary to: '\n\t\t}\n\t},\n\tvi: {\n\t\thint: 'Bấm hoặc kéo thả file để tải lên',\n\t\tloading: 'Đang tải lên...',\n\t\tnoSupported: 'Trình duyệt không hỗ trợ, hãy sử dụng IE10+ hoặc trình duyệt khác',\n\t\tsuccess: 'Tải lên thành công',\n\t\tfail: 'Tải lên thất bại',\n\t\tpreview: 'Xem trước',\n\t\tbtn: {\n\t\t\toff: 'Huỷ',\n\t\t\tclose: 'Đóng',\n\t\t\tback: 'Trở lại',\n\t\t\tsave: 'Lưu'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Chỉ hình ảnh',\n\t\t\toutOfSize: 'Hình ảnh vượt quá giới hạn cho phép: ',\n\t\t\tlowestPx: 'Kích thước hình quá nhỏ. Kích thước tối thiểu: '\n\t\t}\n\t},\n\tfa: {\n\t\thint: 'برای بارگذاری تصویر کلیک کنید یا تصویر را به این ناحیه درگ کنید',\n\t\tloading: 'در حال بارگذاری ...',\n\t\tnoSupported: 'نسخه یا نوع مرورگر شما از این قابلیت پشتیبانی نمیکند. لطفا از اینترنت اکسپلورر ورژن بالاتر از ده یا مرورگرهای دیگر استفاده کنید',\n\t\tsuccess: 'بارگذاری با موفقیت انجام شد',\n\t\tfail: 'بارگذاری انجام نشد',\n\t\tpreview: 'پیشنمایش',\n\t\tbtn: {\n\t\t\toff: 'لغو',\n\t\t\tclose: 'بستن',\n\t\t\tback: 'بازگشت',\n\t\t\tsave: 'ذخیره'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'فقط تصویر',\n\t\t\toutOfSize: 'حجم تصویر بیش از اندازه‌ی مجاز است: ',\n\t\t\tlowestPx: 'حجم تصویر بسیار پایین است، حداقل سایز تصویر: '\n\t\t}\n\t},\n\tda: {\n\t\thint: 'Klik eller træk en fil herhen for at uploade',\n\t\tloading: 'Uploader…',\n\t\tnoSupported: 'Din browser er ikke understøttet, benyt venligst IE10+ eller en anden browser',\n\t\tsuccess: 'Upload lykkedes',\n\t\tfail: 'Upload mislykkedes',\n\t\tpreview: 'Preview',\n\t\tbtn: {\n\t\t\toff: 'Fortryd',\n\t\t\tclose: 'Luk',\n\t\t\tback: 'Tilbage',\n\t\t\tsave: 'Gem'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: 'Kun billeder',\n\t\t\toutOfSize: 'Billedet overskrider størrelsesgrænsen: ',\n\t\t\tlowestPx: 'Billedet er for lille. Minimumsstørrelsen er: '\n\t\t}\n\t},\n\tko: {\n\t\thint: '클릭 또는 드래그하여 이미지를 업로드하세요.',\n\t\tloading: '업로드 중…',\n\t\tnoSupported: '죄송합니다, 인터넷 익스플로러 버전 10 이상 혹은 다른 브라우저를 사용해주세요.',\n\t\tsuccess: '업로드 성공',\n\t\tfail: '업로드 실패',\n\t\tpreview: '미리보기',\n\t\tbtn: {\n\t\t\toff: '취소',\n\t\t\tclose: '닫기',\n\t\t\tback: '뒤로가기',\n\t\t\tsave: '저장'\n\t\t},\n\t\terror: {\n\t\t\tonlyImg: '이미지만 업로드 할 수 있습니다.',\n\t\t\toutOfSize: '업로드 할 수 있는 최대 이미지 사이즈를 초과했습니다: ',\n\t\t\tlowestPx: '이미지의 크기는 적어도 다음 사이즈보다 커야 합니다: '\n\t\t}\n\t},\n};\n","export default {\n    'jpg': 'image/jpeg',\n    'png': 'image/png',\n    'gif': 'image/gif',\n    'svg': 'image/svg+xml',\n    'psd': 'image/photoshop'\n};\n","/**\n * database64文件格式转换为2进制\n *\n * @param  {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了\n * @param  {[String]} mime [description]\n * @return {[blob]}      [description]\n */\nexport default function(data, mime) {\n\tdata = data.split(',')[1];\n\tdata = window.atob(data);\n\tvar ia = new Uint8Array(data.length);\n\tfor (var i = 0; i < data.length; i++) {\n\t\tia[i] = data.charCodeAt(i);\n\t};\n\t// canvas.toDataURL 返回的默认格式就是 image/png\n\treturn new Blob([ia], {\n\t\ttype: mime\n\t});\n};\n","/**\n * 点击波纹效果\n *\n * @param  {[event]} e        [description]\n * @param  {[Object]} arg_opts [description]\n * @return {[bollean]}          [description]\n */\nexport default function(e, arg_opts) {\n\tvar opts = Object.assign({\n\t\t\tele: e.target, // 波纹作用元素\n\t\t\ttype: 'hit', // hit点击位置扩散　center中心点扩展\n\t\t\tbgc: 'rgba(0, 0, 0, 0.15)' // 波纹颜色\n\t\t}, arg_opts),\n\t\ttarget = opts.ele;\n\tif (target) {\n\t\tvar rect = target.getBoundingClientRect(),\n\t\t\tripple = target.querySelector('.e-ripple');\n\t\tif (!ripple) {\n\t\t\tripple = document.createElement('span');\n\t\t\tripple.className = 'e-ripple';\n\t\t\tripple.style.height = ripple.style.width = Math.max(rect.width, rect.height) + 'px';\n\t\t\ttarget.appendChild(ripple);\n\t\t} else {\n\t\t\tripple.className = 'e-ripple';\n\t\t}\n\t\tswitch (opts.type) {\n\t\t\tcase 'center':\n\t\t\t\tripple.style.top = (rect.height / 2 - ripple.offsetHeight / 2) + 'px';\n\t\t\t\tripple.style.left = (rect.width / 2 - ripple.offsetWidth / 2) + 'px';\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tripple.style.top = (e.pageY - rect.top - ripple.offsetHeight / 2 - document.body.scrollTop) + 'px';\n\t\t\t\tripple.style.left = (e.pageX - rect.left - ripple.offsetWidth / 2 - document.body.scrollLeft) + 'px';\n\t\t}\n\t\tripple.style.backgroundColor = opts.bgc;\n\t\tripple.className = 'e-ripple z-active';\n\t\treturn false;\n\t}\n};\n","<template>\n<div class=\"vue-image-crop-upload\" v-show=\"value\">\n\t<div class=\"vicp-wrap\">\n\t\t<div class=\"vicp-close\" @click=\"off\">\n\t\t\t<i class=\"vicp-icon4\"></i>\n\t\t</div>\n\n\t\t<div class=\"vicp-step1\" v-show=\"step == 1\">\n\t\t\t<div class=\"vicp-drop-area\" @dragleave=\"preventDefault\" @dragover=\"preventDefault\" @dragenter=\"preventDefault\" @click=\"handleClick\" @drop=\"handleChange\">\n\t\t\t\t<i class=\"vicp-icon1\" v-show=\"loading != 1\">\n\t\t\t\t<i class=\"vicp-icon1-arrow\"></i>\n\t\t\t\t<i class=\"vicp-icon1-body\"></i>\n\t\t\t\t<i class=\"vicp-icon1-bottom\"></i>\n\t\t\t\t</i>\n\t\t\t\t<span class=\"vicp-hint\" v-show=\"loading !== 1\">{{ lang.hint }}</span>\n\t\t\t\t<span class=\"vicp-no-supported-hint\" v-show=\"!isSupported\">{{ lang.noSupported }}</span>\n\t\t\t\t<input type=\"file\" accept=\"image/*\" v-show=\"false\" v-if=\"step == 1\" @change=\"handleChange\" ref=\"fileinput\">\n\t\t\t</div>\n\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\n\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\n\t\t\t</div>\n\t\t\t<div class=\"vicp-operate\">\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.off }}</a>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"vicp-step2\" v-if=\"step == 2\">\n\t\t\t<div class=\"vicp-crop\">\n\t\t\t\t<div class=\"vicp-crop-left\" v-show=\"true\">\n\t\t\t\t\t<div class=\"vicp-img-container\" @wheel.prevent=\"handleMouseWheel\">\n\t\t\t\t\t\t<img :src=\"sourceImgUrl\" :style=\"sourceImgStyle\" class=\"vicp-img\" draggable=\"false\"\n\t\t\t\t\t\t\t@drag=\"preventDefault\"\n\t\t\t\t\t\t\t@dragstart=\"preventDefault\"\n\t\t\t\t\t\t\t@dragend=\"preventDefault\"\n\t\t\t\t\t\t\t@dragleave=\"preventDefault\"\n\t\t\t\t\t\t\t@dragover=\"preventDefault\"\n\t\t\t\t\t\t\t@dragenter=\"preventDefault\"\n\t\t\t\t\t\t\t@drop=\"preventDefault\"\n\t\t\t\t\t\t\t@touchstart=\"imgStartMove\"\n\t\t\t\t\t\t\t@touchmove=\"imgMove\"\n\t\t\t\t\t\t\t@touchend=\"createImg\"\n\t\t\t\t\t\t\t@touchcancel=\"createImg\"\n\t\t\t\t\t\t\t@mousedown=\"imgStartMove\"\n\t\t\t\t\t\t\t@mousemove=\"imgMove\"\n\t\t\t\t\t\t\t@mouseup=\"createImg\"\n\t\t\t\t\t\t\t@mouseout=\"createImg\"\n\t\t\t\t\t\t\tref=\"img\">\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-1\" :style=\"sourceImgShadeStyle\"></div>\n\t\t\t\t\t\t<div class=\"vicp-img-shade vicp-img-shade-2\" :style=\"sourceImgShadeStyle\"></div>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"vicp-range\">\n\t\t\t\t\t\t<input type=\"range\" :value=\"scale.range\" step=\"1\" min=\"0\" max=\"100\" @mousemove=\"zoomChange\">\n\t\t\t\t\t\t<i @mousedown=\"startZoomSub\" @mouseout=\"endZoomSub\" @mouseup=\"endZoomSub\" class=\"vicp-icon5\"></i>\n\t\t\t\t\t\t<i @mousedown=\"startZoomAdd\" @mouseout=\"endZoomAdd\" @mouseup=\"endZoomAdd\" class=\"vicp-icon6\"></i>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"vicp-rotate\" v-if=\"!noRotate\">\n                        <i @click=\"rotateImg\">↻</i>\n                    </div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"vicp-crop-right\" v-show=\"true\">\n\t\t\t\t\t<div class=\"vicp-preview\">\n\t\t\t\t\t\t<div class=\"vicp-preview-item\" v-if=\"!noSquare\">\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"vicp-preview-item vicp-preview-item-circle\" v-if=\"!noCircle\">\n\t\t\t\t\t\t\t<img :src=\"createImgUrl\" :style=\"previewStyle\">\n\t\t\t\t\t\t\t<span>{{ lang.preview }}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"vicp-operate\">\n\t\t\t\t<a @click=\"setStep(1)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\n\t\t\t\t<a class=\"vicp-operate-btn\" @click=\"prepareUpload\" @mousedown=\"ripple\">{{ lang.btn.save }}</a>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div class=\"vicp-step3\" v-if=\"step == 3\">\n\t\t\t<div class=\"vicp-upload\">\n\t\t\t\t<span class=\"vicp-loading\" v-show=\"loading === 1\">{{ lang.loading }}</span>\n\t\t\t\t<div class=\"vicp-progress-wrap\">\n\t\t\t\t\t<span class=\"vicp-progress\" v-show=\"loading === 1\" :style=\"progressStyle\"></span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"vicp-error\" v-show=\"hasError\">\n\t\t\t\t\t<i class=\"vicp-icon2\"></i> {{ errorMsg }}\n\t\t\t\t</div>\n\t\t\t\t<div class=\"vicp-success\" v-show=\"loading === 2\">\n\t\t\t\t\t<i class=\"vicp-icon3\"></i> {{ lang.success }}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"vicp-operate\">\n\t\t\t\t<a @click=\"setStep(2)\" @mousedown=\"ripple\">{{ lang.btn.back }}</a>\n\t\t\t\t<a @click=\"off\" @mousedown=\"ripple\">{{ lang.btn.close }}</a>\n\t\t\t</div>\n\t\t</div>\n\t\t<canvas v-show=\"false\" :width=\"width\" :height=\"height\" ref=\"canvas\"></canvas>\n\t</div>\n</div>\n</template>\n\n<script>\n'use strict';\nimport language from './utils/language.js';\nimport mimes from './utils/mimes.js';\nimport data2blob from './utils/data2blob.js';\nimport effectRipple from './utils/effectRipple.js';\n\nexport default {\n\tprops: {\n\t\t// 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\n\t\tfield: {\n\t\t\ttype: String,\n\t\t\t'default': 'avatar'\n\t\t},\n\t\t// 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分\n\t\tki: {\n\t\t\ttype: String,\n\t\t\t'default': '0'\n\t\t},\n\t\t// 显示该控件与否\n\t\tvalue: {\n\t\t\t'default': true\n\t\t},\n\t\t// 上传地址\n\t\turl: {\n\t\t\ttype: String,\n\t\t\t'default': ''\n\t\t},\n\t\t// 其他要上传文件附带的数据，对象格式\n\t\tparams: {\n\t\t\ttype: Object,\n\t\t\t'default': null\n\t\t},\n\t\t//Add custom headers\n\t\theaders: {\n\t\t\ttype: Object,\n\t\t\t'default': null\n\t\t},\n\t\t// 剪裁图片的宽\n\t\twidth: {\n\t\t\ttype: Number,\n\t\t\tdefault: 200\n\t\t},\n\t\t// 剪裁图片的高\n\t\theight: {\n\t\t\ttype: Number,\n\t\t\tdefault: 200\n\t\t},\n\t\t// 不显示旋转功能\n\t\tnoRotate: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\t// 不预览圆形图片\n\t\tnoCircle: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\t// 不预览方形图片\n\t\tnoSquare: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\n\t\t},\n\t\t// 单文件大小限制\n\t\tmaxSize: {\n\t\t\ttype: Number,\n\t\t\t'default': 10240\n\t\t},\n\t\t// 语言类型\n\t\tlangType: {\n\t\t\ttype: String,\n\t\t\t'default': 'zh'\n\t\t},\n\t\t// 语言包\n\t\tlangExt: {\n\t\t\ttype: Object,\n\t\t\t'default': null\n\t\t},\n\t\t// 图片上传格式\n\t\timgFormat: {\n\t\t\ttype: String,\n\t\t\t'default': 'png'\n\t\t},\n\t\t// 图片背景 jpg情况下生效\n\t\timgBgc: {\n\t\t\ttype: String,\n\t\t\t'default': '#fff'\n\t\t},\n\t\t// 是否支持跨域\n\t\twithCredentials: {\n\t\t\ttype: Boolean,\n\t\t\t'default': false\n\t\t},\n\t\tmethod: {\n\t\t\ttype: String,\n\t\t\t'default': 'POST'\n\t\t},\n\t\tinitialImgUrl: {\n\t\t\ttype: String,\n\t\t\t'default': ''\n    }\n\t},\n\tdata() {\n\t\tlet that = this,\n\t\t\t{\n\t\t\t\timgFormat,\n\t\t\t\tlangType,\n\t\t\t\tlangExt,\n\t\t\t\twidth,\n\t\t\t\theight\n\t\t\t} = that,\n\t\t\tisSupported = true,\n\t\t\tallowImgFormat = [\n\t\t\t\t'jpg',\n\t\t\t\t'png'\n\t\t\t],\n\t\t\ttempImgFormat = allowImgFormat.indexOf(imgFormat) === -1 ? 'jpg' : imgFormat,\n\t\t\tlang = language[langType] ? language[langType] : language['en'],\n\t\t\tmime = mimes[tempImgFormat];\n\t\t// 规范图片格式\n\t\tthat.imgFormat = tempImgFormat;\n\n\t\tif (langExt) {\n\t\t\tObject.assign(lang, langExt);\n\t\t}\n\t\tif (typeof FormData != 'function') {\n\t\t\tisSupported = false;\n\t\t}\n\t\treturn {\n\t\t\t// 图片的mime\n\t\t\tmime,\n\n\t\t\t// 语言包\n\t\t\tlang,\n\n\t\t\t// 浏览器是否支持该控件\n\t\t\tisSupported,\n\t\t\t// 浏览器是否支持触屏事件\n\t\t\tisSupportTouch: document.hasOwnProperty(\"ontouchstart\"),\n\n\t\t\t// 步骤\n\t\t\tstep: 1, //1选择文件 2剪裁 3上传\n\n\t\t\t// 上传状态及进度\n\t\t\tloading: 0, //0未开始 1正在 2成功 3错误\n\t\t\tprogress: 0,\n\n\t\t\t// 是否有错误及错误信息\n\t\t\thasError: false,\n\t\t\terrorMsg: '',\n\n\t\t\t// 需求图宽高比\n\t\t\tratio: width / height,\n\n\t\t\t// 原图地址、生成图片地址\n\t\t\tsourceImg: null,\n\t\t\tsourceImgUrl: this.initialImgUrl,\n\t\t\tcreateImgUrl: this.initialImgUrl,\n\n\t\t\t// 原图片拖动事件初始值\n\t\t\tsourceImgMouseDown: {\n\t\t\t\ton: false,\n\t\t\t\tmX: 0, //鼠标按下的坐标\n\t\t\t\tmY: 0,\n\t\t\t\tx: 0, //scale原图坐标\n\t\t\t\ty: 0\n\t\t\t},\n\n\t\t\t// 生成图片预览的容器大小\n\t\t\tpreviewContainer: {\n\t\t\t\twidth: 100,\n\t\t\t\theight: 100\n\t\t\t},\n\n\t\t\t// 原图容器宽高\n\t\t\tsourceImgContainer: { // sic\n\t\t\t\twidth: 240,\n\t\t\t\theight: 184 // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈\n\t\t\t},\n\n\t\t\t// 原图展示属性\n\t\t\tscale: {\n\t\t\t\tzoomAddOn: false, //按钮缩放事件开启\n\t\t\t\tzoomSubOn: false, //按钮缩放事件开启\n\t\t\t\trange: 1, //最大100\n\n\t\t\t\tx: 0,\n\t\t\t\ty: 0,\n\t\t\t\twidth: 0,\n\t\t\t\theight: 0,\n\t\t\t\tmaxWidth: 0,\n\t\t\t\tmaxHeight: 0,\n\t\t\t\tminWidth: 0, //最宽\n\t\t\t\tminHeight: 0,\n\t\t\t\tnaturalWidth: 0, //原宽\n\t\t\t\tnaturalHeight: 0\n\t\t\t}\n\t\t}\n\t},\n\tcomputed: {\n\t\t// 进度条样式\n\t\tprogressStyle() {\n\t\t\tlet {\n\t\t\t\tprogress\n\t\t\t} = this;\n\t\t\treturn {\n\t\t\t\twidth: progress + '%'\n\t\t\t}\n\t\t},\n\t\t// 原图样式\n\t\tsourceImgStyle() {\n\t\t\tlet {\n\t\t\t\t\tscale,\n\t\t\t\t\tsourceImgMasking\n\t\t\t\t} = this,\n\t\t\t\ttop = scale.y + sourceImgMasking.y + 'px',\n\t\t\t\tleft = scale.x + sourceImgMasking.x + 'px';\n\t\t\treturn {\n\t\t\t\ttop,\n\t\t\t\tleft,\n\t\t\t\twidth: scale.width + 'px',\n\t\t\t\theight: scale.height + 'px',// 兼容 Opera\n\t\t\t}\n\t\t},\n\t\t// 原图蒙版属性\n\t\tsourceImgMasking() {\n\t\t\tlet {\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tratio,\n\t\t\t\t\tsourceImgContainer\n\t\t\t\t} = this,\n\t\t\t\tsic = sourceImgContainer,\n\t\t\t\tsicRatio = sic.width / sic.height, // 原图容器宽高比\n\t\t\t\tx = 0,\n\t\t\t\ty = 0,\n\t\t\t\tw = sic.width,\n\t\t\t\th = sic.height,\n\t\t\t\tscale = 1;\n\t\t\tif (ratio < sicRatio) {\n\t\t\t\tscale = sic.height / height;\n\t\t\t\tw = sic.height * ratio;\n\t\t\t\tx = (sic.width - w) / 2;\n\t\t\t}\n\t\t\tif (ratio > sicRatio) {\n\t\t\t\tscale = sic.width / width;\n\t\t\t\th = sic.width / ratio;\n\t\t\t\ty = (sic.height - h) / 2;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\tscale, // 蒙版相对需求宽高的缩放\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t\twidth: w,\n\t\t\t\theight: h\n\t\t\t};\n\t\t},\n\t\t// 原图遮罩样式\n\t\tsourceImgShadeStyle() {\n\t\t\tlet {\n\t\t\t\t\tsourceImgMasking,\n\t\t\t\t\tsourceImgContainer\n\t\t\t\t} = this,\n\t\t\t\tsic = sourceImgContainer,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\tw = sim.width == sic.width ? sim.width : (sic.width - sim.width) / 2,\n\t\t\t\th = sim.height == sic.height ? sim.height : (sic.height - sim.height) / 2;\n\t\t\treturn {\n\t\t\t\twidth: w + 'px',\n\t\t\t\theight: h + 'px'\n\t\t\t};\n\t\t},\n\t\tpreviewStyle() {\n\t\t\tlet {\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tratio,\n\t\t\t\t\tpreviewContainer\n\t\t\t\t} = this,\n\t\t\t\tpc = previewContainer,\n\t\t\t\tw = pc.width,\n\t\t\t\th = pc.height,\n\t\t\t\tpcRatio = w / h;\n\t\t\tif (ratio < pcRatio) {\n\t\t\t\tw = pc.height * ratio;\n\t\t\t}\n\t\t\tif (ratio > pcRatio) {\n\t\t\t\th = pc.width / ratio;\n\t\t\t}\n\t\t\treturn {\n\t\t\t\twidth: w + 'px',\n\t\t\t\theight: h + 'px'\n\t\t\t};\n\t\t}\n\t},\n\twatch: {\n\t\tvalue(newValue) {\n\t\t\tif (newValue && this.loading != 1) {\n\t\t\t\tthis.reset();\n\t\t\t}\n\t\t}\n\t},\n\tmethods: {\n\t\t// 点击波纹效果\n\t\tripple(e) {\n\t\t\teffectRipple(e);\n\t\t},\n\t\t// 关闭控件\n\t\toff() {\n\t\t\tsetTimeout(()=> {\n\t\t\t\tthis.$emit('input', false);\n\t\t\t\tif(this.step == 3 && this.loading == 2){\n\t\t\t\t\tthis.setStep(1);\n\t\t\t\t}\n\t\t\t}, 200);\n\t\t},\n\t\t// 设置步骤\n\t\tsetStep(no) {\n\t\t\t// 延时是为了显示动画效果呢，哈哈哈\n\t\t\tsetTimeout(()=> {\n\t\t\t\tthis.step = no;\n\t\t\t}, 200);\n\t\t},\n\n\t\t/* 图片选择区域函数绑定\n\t\t ---------------------------------------------------------------*/\n\t\tpreventDefault(e) {\n\t\t\te.preventDefault();\n\t\t\treturn false;\n\t\t},\n\t\thandleClick(e) {\n\t\t\tif (this.loading !== 1) {\n\t\t\t\tif (e.target !== this.$refs.fileinput) {\n\t\t\t\t\te.preventDefault();\n\t\t\t\t\tif (document.activeElement !== this.$refs) {\n\t\t\t\t\t\tthis.$refs.fileinput.click();\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\thandleChange(e) {\n\t\t\te.preventDefault();\n\t\t\tif (this.loading !== 1) {\n\t\t\t\tlet files = e.target.files || e.dataTransfer.files;\n\t\t\t\tthis.reset();\n\t\t\t\tif (this.checkFile(files[0])) {\n\t\t\t\t\tthis.setSourceImg(files[0]);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t/* ---------------------------------------------------------------*/\n\n\t\t// 检测选择的文件是否合适\n\t\tcheckFile(file) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tlang,\n\t\t\t\t\tmaxSize\n\t\t\t\t} = that;\n\t\t\t// 仅限图片\n\t\t\tif (file.type.indexOf('image') === -1) {\n\t\t\t\tthat.hasError = true;\n\t\t\t\tthat.errorMsg = lang.error.onlyImg;\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\t// 超出大小\n\t\t\tif (file.size / 1024 > maxSize) {\n\t\t\t\tthat.hasError = true;\n\t\t\t\tthat.errorMsg = lang.error.outOfSize + maxSize + 'kb';\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn true;\n\t\t},\n\t\t// 重置控件\n\t\treset() {\n\t\t\tlet that = this;\n\t\t\tthat.loading = 0;\n\t\t\tthat.hasError = false;\n\t\t\tthat.errorMsg = '';\n\t\t\tthat.progress = 0;\n\t\t},\n\t\t// 设置图片源\n\t\tsetSourceImg(file) {\n\t\t\tthis.$emit('src-file-set', file.name, file.type, file.size);\n\t\t\tlet that = this,\n\t\t\t\tfr = new FileReader();\n\t\t\tfr.onload = function(e) {\n\t\t\t\tthat.sourceImgUrl = fr.result;\n\t\t\t\tthat.startCrop();\n\t\t\t}\n\t\t\tfr.readAsDataURL(file);\n\t\t},\n\t\t// 剪裁前准备工作\n\t\tstartCrop() {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tratio,\n\t\t\t\t\tscale,\n\t\t\t\t\tsourceImgUrl,\n\t\t\t\t\tsourceImgMasking,\n\t\t\t\t\tlang\n\t\t\t\t} = that,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\timg = new Image();\n\t\t\timg.src = sourceImgUrl;\n\t\t\timg.onload = function() {\n\t\t\t\tlet nWidth = img.naturalWidth,\n\t\t\t\t\tnHeight = img.naturalHeight,\n\t\t\t\t\tnRatio = nWidth / nHeight,\n\t\t\t\t\tw = sim.width,\n\t\t\t\t\th = sim.height,\n\t\t\t\t\tx = 0,\n\t\t\t\t\ty = 0;\n\t\t\t\t// 图片像素不达标\n\t\t\t\tif (nWidth < width || nHeight < height) {\n\t\t\t\t\tthat.hasError = true;\n\t\t\t\t\tthat.errorMsg = lang.error.lowestPx + width + '*' + height;\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\tif (ratio > nRatio) {\n\t\t\t\t\th = w / nRatio;\n\t\t\t\t\ty = (sim.height - h) / 2;\n\t\t\t\t}\n\t\t\t\tif (ratio < nRatio) {\n\t\t\t\t\tw = h * nRatio;\n\t\t\t\t\tx = (sim.width - w) / 2;\n\t\t\t\t}\n\t\t\t\tscale.range = 0;\n\t\t\t\tscale.x = x;\n\t\t\t\tscale.y = y;\n\t\t\t\tscale.width = w;\n\t\t\t\tscale.height = h;\n\t\t\t\tscale.minWidth = w;\n\t\t\t\tscale.minHeight = h;\n\t\t\t\tscale.maxWidth = nWidth * sim.scale;\n\t\t\t\tscale.maxHeight = nHeight * sim.scale;\n\t\t\t\tscale.naturalWidth = nWidth;\n\t\t\t\tscale.naturalHeight = nHeight;\n\t\t\t\tthat.sourceImg = img;\n\t\t\t\tthat.createImg();\n\t\t\t\tthat.setStep(2);\n\t\t\t};\n\t\t},\n\t\t// 鼠标按下图片准备移动\n\t\timgStartMove(e) {\n\t\t\te.preventDefault();\n\t\t\t// 支持触摸事件，则鼠标事件无效\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\n\t\t\t\t{\n\t\t\t\t\tsourceImgMouseDown,\n\t\t\t\t\tscale\n\t\t\t\t} = this,\n\t\t\t\tsimd = sourceImgMouseDown;\n\t\t\tsimd.mX = et.screenX;\n\t\t\tsimd.mY = et.screenY;\n\t\t\tsimd.x = scale.x;\n\t\t\tsimd.y = scale.y;\n\t\t\tsimd.on = true;\n\t\t},\n\t\t// 鼠标按下状态下移动，图片移动\n\t\timgMove(e) {\n\t\t\te.preventDefault();\n\t\t\t// 支持触摸事件，则鼠标事件无效\n\t\t\tif(this.isSupportTouch && !e.targetTouches){\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\tlet et = e.targetTouches ? e.targetTouches[0] : e,\n\t\t\t\t{\n\t\t\t\t\tsourceImgMouseDown: {\n\t\t\t\t\t\ton,\n\t\t\t\t\t\tmX,\n\t\t\t\t\t\tmY,\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty\n\t\t\t\t\t},\n\t\t\t\t\tscale,\n\t\t\t\t\tsourceImgMasking\n\t\t\t\t} = this,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\tnX = et.screenX,\n\t\t\t\tnY = et.screenY,\n\t\t\t\tdX = nX - mX,\n\t\t\t\tdY = nY - mY,\n\t\t\t\trX = x + dX,\n\t\t\t\trY = y + dY;\n\t\t\tif (!on) return;\n\t\t\tif (rX > 0) {\n\t\t\t\trX = 0;\n\t\t\t}\n\t\t\tif (rY > 0) {\n\t\t\t\trY = 0;\n\t\t\t}\n\t\t\tif (rX < sim.width - scale.width) {\n\t\t\t\trX = sim.width - scale.width;\n\t\t\t}\n\t\t\tif (rY < sim.height - scale.height) {\n\t\t\t\trY = sim.height - scale.height;\n\t\t\t}\n\t\t\tscale.x = rX;\n\t\t\tscale.y = rY;\n\t\t},\n\t\t// 顺时针旋转图片\n        rotateImg(e) {\n\t\t\tlet {\n\t\t\t\t\tsourceImg,\n                    scale: {\n\t\t\t\t\t\tnaturalWidth,\n\t\t\t\t\t\tnaturalHeight,\n                    }\n                } = this,\n\t\t\t\twidth = naturalHeight,\n\t\t\t\theight = naturalWidth,\n                canvas = this.$refs.canvas,\n                ctx = canvas.getContext('2d');\n\t\t\tcanvas.width = width;\n            canvas.height = height;\n            ctx.clearRect(0, 0, width, height);\n\n\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\n\t\t\tctx.fillRect(0, 0, width, height);\n\n\t\t\tctx.translate(width, 0);\n            ctx.rotate(Math.PI * 90 / 180);\n\n            ctx.drawImage(sourceImg, 0, 0, naturalWidth, naturalHeight);\n            let imgUrl = canvas.toDataURL(mimes['png']);\n\n\t\t\tthis.sourceImgUrl = imgUrl;\n\t\t\tthis.startCrop();\n        },\n        handleMouseWheel(e){\n\t\t\te = e || window.event;\n\t\t\tlet \t{ scale } = this;\n\t\t\tif (e.wheelDelta) {  //判断浏览器IE，谷歌滑轮事件\n\t\t\t\tif (e.wheelDelta > 0) { //当滑轮向上滚动时\n\t\t\t\t\tthis.zoomImg(scale.range >= 100 ? 100 : ++scale.range);\n\t\t\t\t}\n\t\t\t\tif (e.wheelDelta < 0) {\n\t\t\t\t\tthis.zoomImg(scale.range <= 0 ? 0 : --scale.range);\n\t\t\t\t}\n\t\t\t} else if (e.detail) {  //Firefox滑轮事件\n\t\t\t\tif (e.detail > 0) { //当滑轮向上滚动时\n\t\t\t\t\tthis.zoomImg(scale.range >= 100 ? 100 : ++scale.range);\n\t\t\t\t}\n\t\t\t\tif (e.detail < 0) {\n\t\t\t\t\tthis.zoomImg(scale.range <= 0 ? 0 : --scale.range);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t// 按钮按下开始放大\n\t\tstartZoomAdd(e) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tscale\n\t\t\t\t} = that;\n\t\t\tscale.zoomAddOn = true;\n\n\t\t\tfunction zoom() {\n\t\t\t\tif (scale.zoomAddOn) {\n\t\t\t\t\tlet range = scale.range >= 100 ? 100 : ++scale.range;\n\t\t\t\t\tthat.zoomImg(range);\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\tzoom();\n\t\t\t\t\t}, 60);\n\t\t\t\t}\n\t\t\t}\n\t\t\tzoom();\n\t\t},\n\t\t// 按钮松开或移开取消放大\n\t\tendZoomAdd(e) {\n\t\t\tthis.scale.zoomAddOn = false;\n\t\t},\n\t\t// 按钮按下开始缩小\n\t\tstartZoomSub(e) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tscale\n\t\t\t\t} = that;\n\t\t\tscale.zoomSubOn = true;\n\n\t\t\tfunction zoom() {\n\t\t\t\tif (scale.zoomSubOn) {\n\t\t\t\t\tlet range = scale.range <= 0 ? 0 : --scale.range;\n\t\t\t\t\tthat.zoomImg(range);\n\t\t\t\t\tsetTimeout(function() {\n\t\t\t\t\t\tzoom();\n\t\t\t\t\t}, 60);\n\t\t\t\t}\n\t\t\t}\n\t\t\tzoom();\n\t\t},\n\t\t// 按钮松开或移开取消缩小\n\t\tendZoomSub(e) {\n\t\t\tlet {\n\t\t\t\tscale\n\t\t\t} = this;\n\t\t\tscale.zoomSubOn = false;\n\t\t},\n\t\tzoomChange(e) {\n\t\t\tthis.zoomImg(e.target.value);\n\t\t},\n\t\t// 缩放原图\n\t\tzoomImg(newRange) {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tsourceImgMasking,\n\t\t\t\t\tsourceImgMouseDown,\n\t\t\t\t\tscale\n\t\t\t\t} = this,\n\t\t\t\t{\n\t\t\t\t\tmaxWidth,\n\t\t\t\t\tmaxHeight,\n\t\t\t\t\tminWidth,\n\t\t\t\t\tminHeight,\n\t\t\t\t\twidth,\n\t\t\t\t\theight,\n\t\t\t\t\tx,\n\t\t\t\t\ty,\n\t\t\t\t\trange\n\t\t\t\t} = scale,\n\t\t\t\tsim = sourceImgMasking,\n\t\t\t\t// 蒙版宽高\n\t\t\t\tsWidth = sim.width,\n\t\t\t\tsHeight = sim.height,\n\t\t\t\t// 新宽高\n\t\t\t\tnWidth = minWidth + (maxWidth - minWidth) * newRange / 100,\n\t\t\t\tnHeight = minHeight + (maxHeight - minHeight) * newRange / 100,\n\t\t\t\t// 新坐标（根据蒙版中心点缩放）\n\t\t\t\tnX = sWidth / 2 - (nWidth / width) * (sWidth / 2 - x),\n\t\t\t\tnY = sHeight / 2 - (nHeight / height) * (sHeight / 2 - y);\n\n\t\t\t// 判断新坐标是否超过蒙版限制\n\t\t\tif (nX > 0) {\n\t\t\t\tnX = 0;\n\t\t\t}\n\t\t\tif (nY > 0) {\n\t\t\t\tnY = 0;\n\t\t\t}\n\t\t\tif (nX < sWidth - nWidth) {\n\t\t\t\tnX = sWidth - nWidth;\n\t\t\t}\n\t\t\tif (nY < sHeight - nHeight) {\n\t\t\t\tnY = sHeight - nHeight;\n\t\t\t}\n\n\t\t\t// 赋值处理\n\t\t\tscale.x = nX;\n\t\t\tscale.y = nY;\n\t\t\tscale.width = nWidth;\n\t\t\tscale.height = nHeight;\n\t\t\tscale.range = newRange;\n\t\t\tsetTimeout(function() {\n\t\t\t\tif (scale.range == newRange) {\n\t\t\t\t\tthat.createImg();\n\t\t\t\t}\n\t\t\t}, 300);\n\t\t},\n\t\t // 生成需求图片\n        createImg(e) {\n            let that = this,\n                {\n\t\t\t\t\timgFormat,\n\t\t\t\t\timgBgc,\n                    mime,\n                    sourceImg,\n                    scale: {\n                        x,\n                        y,\n                        width,\n                        height,\n                    },\n                    sourceImgMasking: {\n                        scale\n                    }\n                } = that,\n                canvas = that.$refs.canvas,\n                ctx = canvas.getContext('2d');\n            if (e) {\n                // 取消鼠标按下移动状态\n                that.sourceImgMouseDown.on = false;\n            }\n\t\t\tcanvas.width = that.width;\n            canvas.height = that.height;\n            ctx.clearRect(0, 0, that.width, that.height);\n\n\t\t\tif(imgFormat == 'png'){\n\t\t\t\tctx.fillStyle = 'rgba(0,0,0,0)';\n\t\t\t} else{\n\t\t\t\t// 如果jpg 为透明区域设置背景，默认白色\n\t\t\t\tctx.fillStyle = imgBgc;\n\t\t\t}\n\t\t\tctx.fillRect(0, 0, that.width, that.height);\n\n            ctx.drawImage(sourceImg, x / scale, y / scale, width / scale, height / scale);\n            that.createImgUrl = canvas.toDataURL(mime);\n        },\n\t\tprepareUpload(){\n\t\t\tlet {\n\t\t\t\turl,\n\t\t\t\tcreateImgUrl,\n\t\t\t\tfield,\n\t\t\t\tki\n\t\t\t} = this;\n\t\t\tthis.$emit('crop-success', createImgUrl, field, ki);\n\t\t\tif(typeof url == 'string' && url){\n\t\t\t\tthis.upload();\n\t\t\t}else{\n\t\t\t\tthis.off();\n\t\t\t}\n\t\t},\n\t\t// 上传图片\n\t\tupload() {\n\t\t\tlet that = this,\n\t\t\t\t{\n\t\t\t\t\tlang,\n\t\t\t\t\timgFormat,\n\t\t\t\t\tmime,\n\t\t\t\t\turl,\n\t\t\t\t\tparams,\n\t\t\t\t\theaders,\n\t\t\t\t\tfield,\n\t\t\t\t\tki,\n\t\t\t\t\tcreateImgUrl,\n\t\t\t\t\twithCredentials,\n\t\t\t\t\tmethod\n\t\t\t\t} = this,\n\t\t\t\tfmData = new FormData();\n\n\t\t\t// 添加其他参数\n\t\t\tif (typeof params == 'object' && params) {\n\t\t\t\tObject.keys(params).forEach((k) => {\n\t\t\t\t\tfmData.append(k, params[k]);\n\t\t\t\t})\n\t\t\t}\n\n\t\t\t// 将field的添加放到表单域的最后，以支持阿里云OSS的表单上传\n\t\t\tfmData.append(field, data2blob(createImgUrl, mime), field + '.' + imgFormat);\n\n\n\t\t\t// 监听进度回调\n\t\t\tconst uploadProgress = function(event) {\n\t\t\t\tif (event.lengthComputable) {\n\t\t\t\t\tthat.progress = 100 * Math.round(event.loaded) / event.total;\n\t\t\t\t}\n\t\t\t};\n\n\t\t\t// 上传文件\n\t\t\tthat.reset();\n\t\t\tthat.loading = 1;\n\t\t\tthat.setStep(3);\n\t\t\tnew Promise(function(resolve, reject) {\n\t\t\t\tlet client = new XMLHttpRequest();\n\t\t\t\tclient.open(method, url, true);\n\t\t\t\tclient.withCredentials = withCredentials;\n\t\t\t\tclient.onreadystatechange = function() {\n\t\t\t\t\tif (this.readyState !== 4) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tif (this.status === 200 || this.status === 201 || this.staus ===202 ) {\n\t\t\t\t\t\tresolve(JSON.parse(this.responseText));\n\t\t\t\t\t} else {\n\t\t\t\t\t\treject(this.status);\n\t\t\t\t\t}\n\t\t\t\t};\n\t\t\t\tclient.upload.addEventListener(\"progress\", uploadProgress, false); //监听进度\n\t\t\t\t// 设置header\n\t\t\t\tif (typeof headers == 'object' && headers) {\n\t\t\t\t\tObject.keys(headers).forEach((k) => {\n\t\t\t\t\t\tclient.setRequestHeader(k, headers[k]);\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tclient.send(fmData);\n\t\t\t}).then(\n\t\t\t\t// 上传成功\n\t\t\t\tfunction(resData) {\n\t\t\t\t\tif (that.value) {\n\t\t\t\t\t\tthat.loading = 2;\n\t\t\t\t\t\tthat.$emit('crop-upload-success', resData, field, ki);\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t// 上传失败\n\t\t\t\tfunction(sts) {\n\t\t\t\t\tif (that.value) {\n\t\t\t\t\t\tthat.loading = 3;\n\t\t\t\t\t\tthat.hasError = true;\n\t\t\t\t\t\tthat.errorMsg = lang.fail;\n\t\t\t\t\t\tthat.$emit('crop-upload-fail', sts, field, ki);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t},\n\thandleEscClose(e){\n\t\tif(this.value && (e.key == 'Escape' || e.keyCode == 27)){\n\t\t\tthis.off();\n\t\t}\n\t},\n\tcreated(){\n\t\t// 绑定按键esc隐藏此插件事件\n\t\tdocument.addEventListener('keyup', this.handleEscClose )\n\t},\n\tbeforeDestroy(){\n\t\tdocument.removeEventListener('keyup', this.handleEscClose )\n\t},\n\tmounted() {\n\t\tif (this.sourceImgUrl) {\n\t\t\tthis.startCrop();\n\t\t}\n  }\n}\n\n</script>\n\n<!--\n<style lang='sass' src=\"./scss/upload.scss\">\n</style> -->\n\n<style>\n@charset \"UTF-8\";\n@-webkit-keyframes vicp_progress {\n  0% {\n    background-position-y: 0; }\n  100% {\n    background-position-y: 40px; } }\n@keyframes vicp_progress {\n  0% {\n    background-position-y: 0; }\n  100% {\n    background-position-y: 40px; } }\n\n@-webkit-keyframes vicp {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale(0) translatey(-60px);\n            transform: scale(0) translatey(-60px); }\n  100% {\n    opacity: 1;\n    -webkit-transform: scale(1) translatey(0);\n            transform: scale(1) translatey(0); } }\n\n@keyframes vicp {\n  0% {\n    opacity: 0;\n    -webkit-transform: scale(0) translatey(-60px);\n            transform: scale(0) translatey(-60px); }\n  100% {\n    opacity: 1;\n    -webkit-transform: scale(1) translatey(0);\n            transform: scale(1) translatey(0); } }\n\n.vue-image-crop-upload {\n  position: fixed;\n  display: block;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  z-index: 10000;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.65);\n  -webkit-tap-highlight-color: transparent;\n  -moz-tap-highlight-color: transparent; }\n  .vue-image-crop-upload .vicp-wrap {\n    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n            box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n    position: fixed;\n    display: block;\n    -webkit-box-sizing: border-box;\n            box-sizing: border-box;\n    z-index: 10000;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    margin: auto;\n    width: 600px;\n    height: 330px;\n    padding: 25px;\n    background-color: #fff;\n    border-radius: 2px;\n    -webkit-animation: vicp 0.12s ease-in;\n            animation: vicp 0.12s ease-in; }\n    .vue-image-crop-upload .vicp-wrap .vicp-close {\n      position: absolute;\n      right: -30px;\n      top: -30px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4 {\n        position: relative;\n        display: block;\n        width: 30px;\n        height: 30px;\n        cursor: pointer;\n        -webkit-transition: -webkit-transform 0.18s;\n        transition: -webkit-transform 0.18s;\n        transition: transform 0.18s;\n        transition: transform 0.18s, -webkit-transform 0.18s;\n        -webkit-transform: rotate(0);\n            -ms-transform: rotate(0);\n                transform: rotate(0); }\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after, .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::before {\n          -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n                  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n          content: '';\n          position: absolute;\n          top: 12px;\n          left: 4px;\n          width: 20px;\n          height: 3px;\n          -webkit-transform: rotate(45deg);\n              -ms-transform: rotate(45deg);\n                  transform: rotate(45deg);\n          background-color: #fff; }\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4::after {\n          -webkit-transform: rotate(-45deg);\n              -ms-transform: rotate(-45deg);\n                  transform: rotate(-45deg); }\n        .vue-image-crop-upload .vicp-wrap .vicp-close .vicp-icon4:hover {\n          -webkit-transform: rotate(90deg);\n              -ms-transform: rotate(90deg);\n                  transform: rotate(90deg); }\n    .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area {\n      position: relative;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      padding: 35px;\n      height: 170px;\n      background-color: rgba(0, 0, 0, 0.03);\n      text-align: center;\n      border: 1px dashed rgba(0, 0, 0, 0.08);\n      overflow: hidden; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 {\n        display: block;\n        margin: 0 auto 6px;\n        width: 42px;\n        height: 42px;\n        overflow: hidden; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-arrow {\n          display: block;\n          margin: 0 auto;\n          width: 0;\n          height: 0;\n          border-bottom: 14.7px solid rgba(0, 0, 0, 0.3);\n          border-left: 14.7px solid transparent;\n          border-right: 14.7px solid transparent; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-body {\n          display: block;\n          width: 12.6px;\n          height: 14.7px;\n          margin: 0 auto;\n          background-color: rgba(0, 0, 0, 0.3); }\n        .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-icon1 .vicp-icon1-bottom {\n          -webkit-box-sizing: border-box;\n                  box-sizing: border-box;\n          display: block;\n          height: 12.6px;\n          border: 6px solid rgba(0, 0, 0, 0.3);\n          border-top: none; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-hint {\n        display: block;\n        padding: 15px;\n        font-size: 14px;\n        color: #666;\n        line-height: 30px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area .vicp-no-supported-hint {\n        display: block;\n        position: absolute;\n        top: 0;\n        left: 0;\n        padding: 30px;\n        width: 100%;\n        height: 60px;\n        line-height: 30px;\n        background-color: #eee;\n        text-align: center;\n        color: #666;\n        font-size: 14px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step1 .vicp-drop-area:hover {\n        cursor: pointer;\n        border-color: rgba(0, 0, 0, 0.1);\n        background-color: rgba(0, 0, 0, 0.05); }\n    .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop {\n      overflow: hidden; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left {\n        float: left; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container {\n          position: relative;\n          display: block;\n          width: 240px;\n          height: 180px;\n          background-color: #e5e5e0;\n          overflow: hidden; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img {\n            position: absolute;\n            display: block;\n            cursor: move;\n            -webkit-user-select: none;\n               -moz-user-select: none;\n                -ms-user-select: none;\n                    user-select: none; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade {\n            -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n                    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n            position: absolute;\n            background-color: rgba(241, 242, 243, 0.8); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-1 {\n              top: 0;\n              left: 0; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-img-container .vicp-img-shade.vicp-img-shade-2 {\n              bottom: 0;\n              right: 0; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate {\n          position: relative;\n          width: 240px;\n          height: 18px; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i {\n            display: block;\n            width: 18px;\n            height: 18px;\n            border-radius: 100%;\n            line-height: 18px;\n            text-align: center;\n            font-size: 12px;\n            font-weight: bold;\n            background-color: rgba(0, 0, 0, 0.08);\n            color: #fff;\n            overflow: hidden; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:hover {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              cursor: pointer;\n              background-color: rgba(0, 0, 0, 0.14); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:first-child {\n              float: left; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-rotate i:last-child {\n              float: right; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range {\n          position: relative;\n          margin: 30px 0 10px 0;\n          width: 240px;\n          height: 18px; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5,\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\n            position: absolute;\n            top: 0;\n            width: 18px;\n            height: 18px;\n            border-radius: 100%;\n            background-color: rgba(0, 0, 0, 0.08); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5:hover,\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6:hover {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              cursor: pointer;\n              background-color: rgba(0, 0, 0, 0.14); }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5 {\n            left: 0; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon5::before {\n              position: absolute;\n              content: '';\n              display: block;\n              left: 3px;\n              top: 8px;\n              width: 12px;\n              height: 2px;\n              background-color: #fff; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6 {\n            right: 0; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::before {\n              position: absolute;\n              content: '';\n              display: block;\n              left: 3px;\n              top: 8px;\n              width: 12px;\n              height: 2px;\n              background-color: #fff; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range .vicp-icon6::after {\n              position: absolute;\n              content: '';\n              display: block;\n              top: 3px;\n              left: 8px;\n              width: 2px;\n              height: 12px;\n              background-color: #fff; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range] {\n            display: block;\n            padding-top: 5px;\n            margin: 0 auto;\n            width: 180px;\n            height: 8px;\n            vertical-align: top;\n            background: transparent;\n            -webkit-appearance: none;\n               -moz-appearance: none;\n                    appearance: none;\n            cursor: pointer;\n            /* 滑块\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/\n            /* 轨道\n\t\t\t\t\t\t\t ---------------------------------------------------------------*/ }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus {\n              outline: none; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-thumb {\n              -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n                      box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n              -webkit-appearance: none;\n                      appearance: none;\n              margin-top: -3px;\n              width: 12px;\n              height: 12px;\n              background-color: #61c091;\n              border-radius: 100%;\n              border: none;\n              -webkit-transition: 0.2s;\n              transition: 0.2s; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-thumb {\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n              -moz-appearance: none;\n                   appearance: none;\n              width: 12px;\n              height: 12px;\n              background-color: #61c091;\n              border-radius: 100%;\n              border: none;\n              -webkit-transition: 0.2s;\n              transition: 0.2s; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-thumb {\n              box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.18);\n              appearance: none;\n              width: 12px;\n              height: 12px;\n              background-color: #61c091;\n              border: none;\n              border-radius: 100%;\n              -webkit-transition: 0.2s;\n              transition: 0.2s; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-moz-range-thumb {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n              width: 14px;\n              height: 14px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-ms-thumb {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n              width: 14px;\n              height: 14px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:active::-webkit-slider-thumb {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.23);\n              margin-top: -4px;\n              width: 14px;\n              height: 14px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-webkit-slider-runnable-track {\n              -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n                      box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              width: 100%;\n              height: 6px;\n              cursor: pointer;\n              border-radius: 2px;\n              border: none;\n              background-color: rgba(68, 170, 119, 0.3); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-moz-range-track {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              width: 100%;\n              height: 6px;\n              cursor: pointer;\n              border-radius: 2px;\n              border: none;\n              background-color: rgba(68, 170, 119, 0.3); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-track {\n              box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n              width: 100%;\n              cursor: pointer;\n              background: transparent;\n              border-color: transparent;\n              color: transparent;\n              height: 6px;\n              border-radius: 2px;\n              border: none; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-lower {\n              background-color: rgba(68, 170, 119, 0.3); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]::-ms-fill-upper {\n              background-color: rgba(68, 170, 119, 0.15); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-webkit-slider-runnable-track {\n              background-color: rgba(68, 170, 119, 0.5); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-moz-range-track {\n              background-color: rgba(68, 170, 119, 0.5); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-lower {\n              background-color: rgba(68, 170, 119, 0.45); }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-left .vicp-range input[type=range]:focus::-ms-fill-upper {\n              background-color: rgba(68, 170, 119, 0.25); }\n      .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right {\n        float: right; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview {\n          height: 150px;\n          overflow: hidden; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item {\n            position: relative;\n            padding: 5px;\n            width: 100px;\n            height: 100px;\n            float: left;\n            margin-right: 16px; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item span {\n              position: absolute;\n              bottom: -30px;\n              width: 100%;\n              font-size: 14px;\n              color: #bbb;\n              display: block;\n              text-align: center; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item img {\n              position: absolute;\n              display: block;\n              top: 0;\n              bottom: 0;\n              left: 0;\n              right: 0;\n              margin: auto;\n              padding: 3px;\n              background-color: #fff;\n              border: 1px solid rgba(0, 0, 0, 0.15);\n              overflow: hidden;\n              -webkit-user-select: none;\n                 -moz-user-select: none;\n                  -ms-user-select: none;\n                      user-select: none; }\n            .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle {\n              margin-right: 0; }\n              .vue-image-crop-upload .vicp-wrap .vicp-step2 .vicp-crop .vicp-crop-right .vicp-preview .vicp-preview-item.vicp-preview-item-circle img {\n                border-radius: 100%; }\n    .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload {\n      position: relative;\n      -webkit-box-sizing: border-box;\n              box-sizing: border-box;\n      padding: 35px;\n      height: 170px;\n      background-color: rgba(0, 0, 0, 0.03);\n      text-align: center;\n      border: 1px dashed #ddd; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-loading {\n        display: block;\n        padding: 15px;\n        font-size: 16px;\n        color: #999;\n        line-height: 30px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap {\n        margin-top: 12px;\n        background-color: rgba(0, 0, 0, 0.08);\n        border-radius: 3px; }\n        .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress {\n          position: relative;\n          display: block;\n          height: 5px;\n          border-radius: 3px;\n          background-color: #4a7;\n          -webkit-box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\n                  box-shadow: 0 2px 6px 0 rgba(68, 170, 119, 0.3);\n          -webkit-transition: width 0.15s linear;\n          transition: width 0.15s linear;\n          background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\n          background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);\n          background-size: 40px 40px;\n          -webkit-animation: vicp_progress 0.5s linear infinite;\n                  animation: vicp_progress 0.5s linear infinite; }\n          .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-progress-wrap .vicp-progress::after {\n            content: '';\n            position: absolute;\n            display: block;\n            top: -3px;\n            right: -3px;\n            width: 9px;\n            height: 9px;\n            border: 1px solid rgba(245, 246, 247, 0.7);\n            -webkit-box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\n                    box-shadow: 0 1px 4px 0 rgba(68, 170, 119, 0.7);\n            border-radius: 100%;\n            background-color: #4a7; }\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-error,\n      .vue-image-crop-upload .vicp-wrap .vicp-step3 .vicp-upload .vicp-success {\n        height: 100px;\n        line-height: 100px; }\n    .vue-image-crop-upload .vicp-wrap .vicp-operate {\n      position: absolute;\n      right: 20px;\n      bottom: 20px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-operate a {\n        position: relative;\n        float: left;\n        display: block;\n        margin-left: 10px;\n        width: 100px;\n        height: 36px;\n        line-height: 36px;\n        text-align: center;\n        cursor: pointer;\n        font-size: 14px;\n        color: #4a7;\n        border-radius: 2px;\n        overflow: hidden;\n        -webkit-user-select: none;\n           -moz-user-select: none;\n            -ms-user-select: none;\n                user-select: none; }\n        .vue-image-crop-upload .vicp-wrap .vicp-operate a:hover {\n          background-color: rgba(0, 0, 0, 0.03); }\n    .vue-image-crop-upload .vicp-wrap .vicp-error,\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\n      display: block;\n      font-size: 14px;\n      line-height: 24px;\n      height: 24px;\n      color: #d10;\n      text-align: center;\n      vertical-align: top; }\n    .vue-image-crop-upload .vicp-wrap .vicp-success {\n      color: #4a7; }\n    .vue-image-crop-upload .vicp-wrap .vicp-icon3 {\n      position: relative;\n      display: inline-block;\n      width: 20px;\n      height: 20px;\n      top: 4px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-icon3::after {\n        position: absolute;\n        top: 3px;\n        left: 6px;\n        width: 6px;\n        height: 10px;\n        border-width: 0 2px 2px 0;\n        border-color: #4a7;\n        border-style: solid;\n        -webkit-transform: rotate(45deg);\n            -ms-transform: rotate(45deg);\n                transform: rotate(45deg);\n        content: ''; }\n    .vue-image-crop-upload .vicp-wrap .vicp-icon2 {\n      position: relative;\n      display: inline-block;\n      width: 20px;\n      height: 20px;\n      top: 4px; }\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after, .vue-image-crop-upload .vicp-wrap .vicp-icon2::before {\n        content: '';\n        position: absolute;\n        top: 9px;\n        left: 4px;\n        width: 13px;\n        height: 2px;\n        background-color: #d10;\n        -webkit-transform: rotate(45deg);\n            -ms-transform: rotate(45deg);\n                transform: rotate(45deg); }\n      .vue-image-crop-upload .vicp-wrap .vicp-icon2::after {\n        -webkit-transform: rotate(-45deg);\n            -ms-transform: rotate(-45deg);\n                transform: rotate(-45deg); }\n\n.e-ripple {\n  position: absolute;\n  border-radius: 100%;\n  background-color: rgba(0, 0, 0, 0.15);\n  background-clip: padding-box;\n  pointer-events: none;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-transform: scale(0);\n      -ms-transform: scale(0);\n          transform: scale(0);\n  opacity: 1; }\n  .e-ripple.z-active {\n    opacity: 0;\n    -webkit-transform: scale(2);\n        -ms-transform: scale(2);\n            transform: scale(2);\n    -webkit-transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\n    transition: opacity 1.2s ease-out, -webkit-transform 0.6s ease-out;\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out;\n    transition: opacity 1.2s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out; }\n\n</style>\n","import mod from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../cache-loader/dist/cjs.js??ref--12-0!../thread-loader/dist/cjs.js!../babel-loader/lib/index.js!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./upload-2.vue?vue&type=template&id=d93e530c&\"\nimport script from \"./upload-2.vue?vue&type=script&lang=js&\"\nexport * from \"./upload-2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./upload-2.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../css-loader/dist/cjs.js??ref--6-oneOf-1-1!../vue-loader/lib/loaders/stylePostLoader.js!../postcss-loader/src/index.js??ref--6-oneOf-1-2!../cache-loader/dist/cjs.js??ref--0-0!../vue-loader/lib/index.js??vue-loader-options!./upload-2.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',[_c('b-form',{on:{\"submit\":function($event){$event.preventDefault();}}},[_c('b-row',{staticClass:\"d-flex align-items-top justify-content-center\"},[_c('b-col',{staticClass:\"col-sm-12 col-md-4 col-lg-4 pb-2\"},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect p-2 shadow rounded\"},[_c('b-col',{staticClass:\"d-flex justify-content-center align-items-center product-img-side\",attrs:{\"cols\":\"12\"}},[_c('b-row',[_c('b-media',{staticClass:\"mb-2 css-reset\"},[_c('b-img',{ref:\"previewEl\",staticClass:\"product-img my-2\",attrs:{\"src\":_vm.userImg,\"center\":\"\"}})],1)],1)],1),_c('b-row',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('b-button',{attrs:{\"variant\":\"primary upload-button\"},on:{\"click\":_vm.toggleShow}},[_c('span',{staticClass:\"d-none d-sm-inline\"},[_c('b-icon-capslock-fill',{staticClass:\"up-icon\"}),_c('span',{staticClass:\"up-text\"},[_vm._v(_vm._s(_vm.$t(\"Upload\")))])],1),_c('b-icon-capslock-fill',{staticClass:\"up-icon d-inline d-sm-none\"})],1),_c('my-upload',{attrs:{\"field\":\"img\",\"width\":150,\"height\":150,\"langType\":\"tr\",\"params\":_vm.params,\"headers\":_vm.headers,\"img-format\":\"png\"},on:{\"crop-success\":_vm.cropSuccess},model:{value:(_vm.show),callback:function ($$v) {_vm.show=$$v},expression:\"show\"}}),_c('b-button',{staticClass:\"ml-1\",attrs:{\"variant\":\"danger remove-button\"},on:{\"click\":_vm.removePhoto}},[_c('span',{staticClass:\"d-none d-sm-inline\"},[_c('b-icon-trash',{staticClass:\"remove-icon\"}),_c('span',{staticClass:\"remove-text\"},[_vm._v(_vm._s(_vm.$t(\"Remove\")))])],1),_c('b-icon-trash',{staticClass:\"remove-icon d-inline d-sm-none\"})],1)],1)],1)]),_c('b-col',{staticClass:\"col-lg-8 col-md-8 col-sm-12\"},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\"},[_c('b-form-group',{attrs:{\"label\":_vm.$t('Product Title'),\"label-for\":\"product_title\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"ItalicIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"product_title\",\"name\":\"product_title\",\"type\":\"text\",\"placeholder\":_vm.$t('Product Title')},on:{\"blur\":function($event){return _vm.$v.product_data.product_title.$touch()}},model:{value:(_vm.product_data.product_title),callback:function ($$v) {_vm.$set(_vm.product_data, \"product_title\", $$v)},expression:\"product_data.product_title\"}})],1),(_vm.isSubmit && !_vm.$v.product_data.product_title.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":_vm.$t('Activity'),\"label-for\":\"activity\"}},[_c('v-select',{staticStyle:{\"width\":\"100%\",\"z-index\":\"400\",\"display\":\"inline-block\"},attrs:{\"reduce\":function (x) { return x.activity_id; },\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.activities,\"value\":\"activity_id\",\"label\":\"name\",\"name\":\"activity\"},on:{\"blur\":function($event){return _vm.$v.selectedActivity.activity_id.$touch()}},model:{value:(_vm.selectedActivity.activity_id),callback:function ($$v) {_vm.$set(_vm.selectedActivity, \"activity_id\", $$v)},expression:\"selectedActivity.activity_id\"}}),(_vm.isSubmit && !_vm.$v.selectedActivity.idCheck)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e()],1),_c('b-form-group',{attrs:{\"label\":_vm.$t('Product Description'),\"label-for\":\"product-description\"}},[_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"ItalicIcon\"}})],1),_c('b-form-textarea',{attrs:{\"id\":\"product_description\",\"name\":\"product_description\",\"placeholder\":_vm.$t('Product Description'),\"rows\":\"2\"},on:{\"blur\":function($event){return _vm.$v.product_data.product_description.$touch()}},model:{value:(_vm.product_data.product_description),callback:function ($$v) {_vm.$set(_vm.product_data, \"product_description\", $$v)},expression:\"product_data.product_description\"}})],1),(_vm.isSubmit && !_vm.$v.product_data.product_description.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e()],1)],1)]),_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row p-0 mt-0\"},[_c('div',{staticClass:\"col-md-12\"},[_c('b-form-group',[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pt-1 pr-1 shadow rounded\"},[_c('label',{staticClass:\"d-block\",attrs:{\"for\":\"scheduler-type\"}},[_c('p',[_vm._v(_vm._s(_vm.$t('The Number Of Participants')))]),_c('hr')]),_c('b-input-group',{staticClass:\"input-group-merge\"},[_c('b-input-group-prepend',{attrs:{\"is-text\":\"\"}},[_c('feather-icon',{attrs:{\"icon\":\"UserIcon\"}})],1),_c('b-form-input',{attrs:{\"id\":\"participants_count\",\"name\":\"participants_count\",\"type\":\"number\",\"placeholder\":_vm.$t('The Number Of Participants')},on:{\"blur\":function($event){return _vm.$v.product_data.participants_count.$touch()}},model:{value:(_vm.product_data.participants_count),callback:function ($$v) {_vm.$set(_vm.product_data, \"participants_count\", $$v)},expression:\"product_data.participants_count\"}})],1)],1),(_vm.isSubmit && !_vm.$v.product_data.participants_count.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e()]),_c('b-form-group',{attrs:{\"label-for\":\"scheduler\"}},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pt-1 shadow rounded\"},[_c('label',{staticClass:\"d-block\",attrs:{\"for\":\"price-type\"}},[_c('p',[_vm._v(_vm._s(_vm.$t('Geçerlilik Süresi'))),_c('info-icon',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-2\",modifiers:{\"modal-2\":true}}],staticClass:\"custom-class\",attrs:{\"size\":\"1.25x\"}})],1),_c('hr')]),_c('div',{staticClass:\"row pr-1\"},[_c('div',{staticClass:\"col-md-6 col-sm-12\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t('Month')))]),_c('v-select',{staticStyle:{\"width\":\"100%\",\"z-index\":\"400\",\"display\":\"inline-block\"},attrs:{\"reduce\":function (x) { return x.value; },\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.optionsMonth,\"value\":\"value\",\"label\":\"text\",\"name\":\"month\",\"clearable\":false,\"disabled\":_vm.isMonthDisabled},on:{\"blur\":function($event){return _vm.$v.month.$touch()}},model:{value:(_vm.month),callback:function ($$v) {_vm.month=$$v},expression:\"month\"}}),(!_vm.$v.month.check && _vm.isSubmit)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(\" \"+_vm._s(_vm.$t('The Validity Period Month Selection Is A Required Field'))+\" \")]):_vm._e()],1),_c('div',{staticClass:\"col-md-6 col-sm-12\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(_vm._s(_vm.$t('Day')))]),_c('v-select',{staticStyle:{\"width\":\"100%\",\"z-index\":\"400\",\"display\":\"inline-block\"},attrs:{\"reduce\":function (x) { return x.value; },\"dir\":_vm.$store.state.appConfig.isRTL ? 'rtl' : 'ltr',\"options\":_vm.optionsDay,\"value\":\"value\",\"label\":\"text\",\"name\":\"day\",\"clearable\":false,\"disabled\":_vm.isDayDisabled},on:{\"blur\":function($event){return _vm.$v.day.$touch()}},model:{value:(_vm.day),callback:function ($$v) {_vm.day=$$v},expression:\"day\"}}),(!_vm.$v.day.check && _vm.isSubmit)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(\" \"+_vm._s(_vm.$t('The Validity Period Day Selection Is A Required Field'))+\" \")]):_vm._e()],1)]),_c('div',{staticClass:\"row mt-1\"},[_c('div',{staticClass:\"col\"},[_c('b-form-checkbox',{attrs:{\"value\":\"checked\"},model:{value:(_vm.selectNoExpired),callback:function ($$v) {_vm.selectNoExpired=$$v},expression:\"selectNoExpired\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"No Time Limit\"))+\" \")])],1)])])]),_c('b-form-group',{attrs:{\"label-for\":\"scheduler\"}},[_c('div',{staticClass:\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pt-1  rounded\"},[_c('label',{staticClass:\"d-block\",attrs:{\"for\":\"price-type\"}},[_c('p',[_vm._v(\" \"+_vm._s(_vm.$t('Price Type'))+\" \"),_c('info-icon',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-3\",modifiers:{\"modal-3\":true}}],staticClass:\"custom-class\",attrs:{\"size\":\"1.25x\"}})],1),_c('hr')]),_c('b-form-radio',{staticClass:\"d-inline custom-radio\",attrs:{\"name\":\"priceType\",\"value\":\"total\"},model:{value:(_vm.priceType),callback:function ($$v) {_vm.priceType=$$v},expression:\"priceType\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Total Price'))+\" \")]),_c('b-form-radio',{staticClass:\"d-inline mx-2 custom-radio\",attrs:{\"name\":\"priceType\",\"value\":\"unit\"},model:{value:(_vm.priceType),callback:function ($$v) {_vm.priceType=$$v},expression:\"priceType\"}},[_vm._v(\" \"+_vm._s(_vm.$t('Unit Price'))+\" \")]),(_vm.isSubmit && !_vm.$v.priceType.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e(),_c('hr'),(_vm.priceType==='total')?[_c('b-form-group',{staticClass:\"pr-1\",attrs:{\"label\":_vm.$t('Total Price'),\"label-for\":\"town\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product_data.price),expression:\"product_data.price\"}],staticClass:\"form-control\",attrs:{\"id\":\"price\",\"type\":\"number\",\"placeholder\":\"0.00\",\"maxlength\":\"20\"},domProps:{\"value\":(_vm.product_data.price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.product_data, \"price\", $event.target.value)}}}),(_vm.isSubmit && !_vm.$v.product_data.price.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e()]),_c('b-form-group',{staticClass:\"pr-1\",attrs:{\"label\":_vm.$t('Session Count'),\"label-for\":\"town\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product_data.sessionCount),expression:\"product_data.sessionCount\"}],staticClass:\"form-control\",attrs:{\"id\":\"session-count\",\"type\":\"number\",\"placeholder\":\"0\",\"maxlength\":\"5\"},domProps:{\"value\":(_vm.product_data.sessionCount)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.product_data, \"sessionCount\", $event.target.value)}}}),(_vm.isSubmit && !_vm.$v.product_data.sessionCount.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e()])]:_vm._e(),(_vm.priceType==='unit')?[_c('b-form-group',{staticClass:\"pr-1\",attrs:{\"label\":_vm.$t('Unit Price'),\"label-for\":\"town\"}},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.product_data.price),expression:\"product_data.price\"}],staticClass:\"form-control\",attrs:{\"id\":\"price\",\"type\":\"number\",\"placeholder\":\"0.00\",\"maxlength\":\"20\"},domProps:{\"value\":(_vm.product_data.price)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.product_data, \"price\", $event.target.value)}}}),(_vm.isSubmit && !_vm.$v.product_data.price.required)?_c('small',{staticClass:\"form-text text-danger\"},[_vm._v(_vm._s(_vm.$t(\"This field is required\")))]):_vm._e()])]:_vm._e()],2)])],1)]),_c('b-col',{staticClass:\"right mt-1\",attrs:{\"cols\":\"12\"}},[_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(113, 102, 240, 0.15)'),expression:\"'rgba(113, 102, 240, 0.15)'\",modifiers:{\"400\":true}}],staticClass:\"mr-1\",attrs:{\"type\":\"reset\",\"variant\":\"outline-primary\",\"to\":{name:'InstructorProducts', params:{trainerID: this.product_data.person_id}}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Cancel\"))+\" \")]),_c('b-button',{directives:[{name:\"ripple\",rawName:\"v-ripple.400\",value:('rgba(255, 255, 255, 0.15)'),expression:\"'rgba(255, 255, 255, 0.15)'\",modifiers:{\"400\":true}}],attrs:{\"type\":\"submit\",\"variant\":\"primary\"},on:{\"click\":_vm.update}},[_vm._v(\" \"+_vm._s(_vm.$t(\"Save\"))+\" \")])],1)],1)],1)],1),_c('b-modal',{attrs:{\"id\":\"modal-2\",\"title\":_vm.$t('Geçerlilik Süresi'),\"ok-only\":\"\",\"header-text-variant\":\"primary\",\"ok-title\":_vm.$t('Ok')}},[_c('b-card-text',[_vm._v(\" \"+_vm._s(_vm.$t('Ürününüzü oluşturmadan önce ürününüzün geçerlilik süresini belirlediğinize emin olunuz.'))+\" \"),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Ay ve Gün Değerleri\")])]),_c('p',[_vm._v(\"Ürününüzün geçerlilik süresini \"),_c('b',[_vm._v(\"ay ve gün parametreleri\")]),_vm._v(\" ile belirleyebilirsiniz. \"),_c('b',[_vm._v(\"Ürün satın alınan tarihten itibaren seçmiş olduğunuz ay ve gün değerleri kadar ileri bir tarih için geçerlilik süresine sahip olacaktır.\")]),_vm._v(\" Müşteri ürününüzü satın aldığından itibaren \"),_c('b',[_vm._v(\"geçerlilik süresince\")]),_vm._v(\" kalan hakkını tüketebilecektir.\")]),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Süre Sınırı Olmasın\")])]),_c('p',[_vm._v(\"Ürününüzün \"),_c('b',[_vm._v(\"sınırsız bir geçerlilik süresine\")]),_vm._v(\" sahip olmasını istiyorsanız bu seçeneği işaretlemelisiniz. Süre sınırı olmayan ürünler \"),_c('b',[_vm._v(\"müşteri tarafından satın almış olduğu ürün aktif olduğu sürece herhangi bir tarih sonrasında\")]),_vm._v(\" kalan hakkını tüketebilecektir.\")])])],1),_c('b-modal',{attrs:{\"id\":\"modal-3\",\"title\":_vm.$t('Fiyat Türü'),\"ok-only\":\"\",\"header-text-variant\":\"primary\",\"ok-title\":_vm.$t('Ok')}},[_c('b-card-text',[_vm._v(\" \"+_vm._s(_vm.$t('Ürününüzü oluşturmadan önce ürününüzün fiyat türünü belirlediğinize emin olunuz.'))+\" \"),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Toplam Fiyat\")])]),_c('p',[_vm._v(\"Ürününüzün fiyat türünü \"),_c('b',[_vm._v(\"Toplam Fiyat\")]),_vm._v(\" olarak belirlediğinizde ürününüz için \"),_c('b',[_vm._v(\"toplam fiyat ve oturum sayısı değerlerini\")]),_vm._v(\" belirlemeniz gerekmektedir. Toplam fiyat türü ile ile oluşturulan ürünler \"),_c('b',[_vm._v(\"belirlenen oturum sayısı kadar randevu hakkı sağlar ve tüm bu oturumlar için müşterinin toplam bir fiyat üzerinden\")]),_vm._v(\" ödemeyi gerçekleştirmesi gerekmektedir.\")]),_c('p',{staticClass:\"mt-2\"},[_c('b',[_vm._v(\"Birim Fiyat\")])]),_c('p',[_vm._v(\"Ürününüzün fiyat türünü \"),_c('b',[_vm._v(\"Birim Fiyat\")]),_vm._v(\" olarak belirlediğinizde ürününüz için \"),_c('b',[_vm._v(\"birim fiyat değerini\")]),_vm._v(\" belirlemeniz gerekmektedir. Birim fiyat türü ile oluşturulan ürünler müşteri tarafından \"),_c('b',[_vm._v(\"seçilen oturum sayısınca\")]),_vm._v(\" satın alınabilir. Müşterinin \"),_c('b',[_vm._v(\"(ürün için belirlenen birim fiyat X müşterinin seçmiş olduğu oturum sayısı)\")]),_vm._v(\" tutarında ödemeyi gerçekleştirmesi gerekmektedir.\")])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-card>\r\n    <b-form @submit.prevent>\r\n       <b-row class=\"d-flex align-items-top justify-content-center\">\r\n\r\n         <b-col class=\"col-sm-12 col-md-4 col-lg-4 pb-2\">\r\n          <div class=\"border-bottom border-left border-right d-block border-bottom-effect p-2 shadow rounded\">\r\n            <b-col cols=\"12\" class=\"d-flex justify-content-center align-items-center product-img-side\">\r\n              <b-row>\r\n                  <b-media class=\"mb-2 css-reset\">\r\n                  <b-img ref=\"previewEl\" :src=\"userImg\" class=\"product-img my-2\" center />\r\n                </b-media>\r\n              </b-row>\r\n            </b-col>\r\n         <b-row class=\"d-flex justify-content-center align-items-center\">\r\n            <b-button variant=\"primary upload-button\" @click=\"toggleShow\">\r\n                <span class=\"d-none d-sm-inline\">\r\n                    <b-icon-capslock-fill class=\"up-icon\" />\r\n                    <span class=\"up-text\">{{ $t(\"Upload\") }}</span>\r\n                </span>\r\n                <b-icon-capslock-fill class=\"up-icon d-inline d-sm-none\" />\r\n                  </b-button>\r\n                  <my-upload field=\"img\" @crop-success=\"cropSuccess\" v-model=\"show\" :width=\"150\" :height=\"150\" langType=\"tr\" :params=\"params\"\r\n                    :headers=\"headers\"\r\n                    img-format=\"png\"></my-upload>\r\n              <b-button\r\n                variant=\"danger remove-button\"\r\n                class=\"ml-1\"\r\n                @click=\"removePhoto\">\r\n                <span class=\"d-none d-sm-inline\">\r\n                  <b-icon-trash class=\"remove-icon\" />\r\n                  <span class=\"remove-text\">{{ $t(\"Remove\") }}</span>\r\n                </span>\r\n                <b-icon-trash class=\"remove-icon d-inline d-sm-none\" />\r\n              </b-button>\r\n\r\n         </b-row>\r\n          </div>\r\n        </b-col>\r\n\r\n        <b-col class=\"col-lg-8 col-md-8 col-sm-12\">\r\n          <div class=\"border-bottom border-left border-right d-block border-bottom-effect p-1 shadow rounded\">\r\n          <!-- ürün başlığı -->\r\n            <b-form-group :label=\"$t('Product Title')\" label-for=\"product_title\">\r\n                  <b-input-group class=\"input-group-merge\">\r\n                    <b-input-group-prepend is-text>\r\n                      <feather-icon icon=\"ItalicIcon\" />\r\n                    </b-input-group-prepend>\r\n                    <b-form-input\r\n                      id=\"product_title\"\r\n                      name=\"product_title\"\r\n                      type=\"text\"\r\n                      :placeholder=\"$t('Product Title')\"\r\n                      v-model=\"product_data.product_title\"\r\n                      @blur=\"$v.product_data.product_title.$touch()\"/>\r\n\r\n                  </b-input-group>\r\n                  <small v-if=\"isSubmit && !$v.product_data.product_title.required\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n            </b-form-group>\r\n            <!-- activite adı -->\r\n            <b-form-group :label=\"$t('Activity')\" label-for=\"activity\">\r\n                <v-select\r\n                  style=\"width: 100%; z-index: 400; display: inline-block\"\r\n                  :reduce=\"x => x.activity_id\"\r\n                  v-model=\"selectedActivity.activity_id\"\r\n                  :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                  :options=\"activities\"\r\n                  value=\"activity_id\"\r\n                  label=\"name\"\r\n                  name=\"activity\"\r\n                  @blur=\"$v.selectedActivity.activity_id.$touch()\"\r\n                >\r\n                </v-select>\r\n                <small v-if=\"isSubmit && !$v.selectedActivity.idCheck\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n            </b-form-group>\r\n            <!-- ürün açıklaması -->\r\n            <b-form-group :label=\"$t('Product Description')\" label-for=\"product-description\">\r\n                <b-input-group class=\"input-group-merge\">\r\n                <b-input-group-prepend is-text>\r\n                    <feather-icon icon=\"ItalicIcon\" />\r\n                  </b-input-group-prepend>\r\n                <b-form-textarea v-model=\"product_data.product_description\"\r\n                    id=\"product_description\" name=\"product_description\"\r\n                    :placeholder=\"$t('Product Description')\" rows=\"2\" @blur=\"$v.product_data.product_description.$touch()\"/>\r\n                </b-input-group>\r\n                  <small v-if=\"isSubmit && !$v.product_data.product_description.required\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n            </b-form-group>\r\n\r\n          </div>\r\n        </b-col>\r\n         <div class=\"container-fluid\">\r\n         <div class=\"row p-0 mt-0\">     \r\n           <div class=\"col-md-12\">\r\n             <b-form-group>\r\n               <div class=\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pt-1 pr-1 shadow rounded\">\r\n                 <label for=\"scheduler-type\" class=\"d-block\">\r\n                   <p>{{$t('The Number Of Participants')}}</p>\r\n                   <hr>\r\n                 </label>\r\n                 <b-input-group class=\"input-group-merge\">\r\n                   <b-input-group-prepend is-text>\r\n                     <feather-icon icon=\"UserIcon\" />\r\n                   </b-input-group-prepend>\r\n                   <b-form-input id=\"participants_count\" name=\"participants_count\" type=\"number\"\r\n                       :placeholder=\"$t('The Number Of Participants')\" v-model=\"product_data.participants_count\"\r\n                       @blur=\"$v.product_data.participants_count.$touch()\"/>\r\n                 </b-input-group>\r\n               </div>\r\n               <small v-if=\"isSubmit && !$v.product_data.participants_count.required\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n             </b-form-group>\r\n              <b-form-group label-for=\"scheduler\">\r\n               <div class=\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pt-1 shadow rounded\">\r\n                 <label for=\"price-type\" class=\"d-block\"> <p>{{ $t('Geçerlilik Süresi') }}<info-icon v-b-modal.modal-2 size=\"1.25x\" class=\"custom-class\"> </info-icon></p><hr/>\r\n                 </label>\r\n                 <div class=\"row pr-1\">\r\n                   <div class=\"col-md-6 col-sm-12\">\r\n                     <label for=\"\">{{$t('Month')}}</label>\r\n                     <v-select\r\n                         style=\"width: 100%; z-index: 400; display: inline-block\"\r\n                         :reduce=\"(x) => x.value\"\r\n                         v-model=\"month\"\r\n                         :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                         :options=\"optionsMonth\"\r\n                         value=\"value\"\r\n                         label=\"text\"\r\n                         name=\"month\"\r\n                         :clearable=\"false\"\r\n                         :disabled=\"isMonthDisabled\"\r\n                         @blur=\"$v.month.$touch()\"\r\n                     >\r\n                     </v-select>\r\n                     <small\r\n                         v-if=\"!$v.month.check && isSubmit\"\r\n                         class=\"form-text text-danger\"\r\n                     >\r\n                       {{$t('The Validity Period Month Selection Is A Required Field')}}\r\n                     </small>\r\n                   </div>\r\n                   <div class=\"col-md-6 col-sm-12\">\r\n                     <label for=\"\">{{$t('Day')}}</label>\r\n                     <v-select\r\n                         style=\"width: 100%; z-index: 400; display: inline-block\"\r\n                         :reduce=\"(x) => x.value\"\r\n                         v-model=\"day\"\r\n                         :dir=\"$store.state.appConfig.isRTL ? 'rtl' : 'ltr'\"\r\n                         :options=\"optionsDay\"\r\n                         value=\"value\"\r\n                         label=\"text\"\r\n                         name=\"day\"\r\n                         :clearable=\"false\"\r\n                         :disabled=\"isDayDisabled\"\r\n                         @blur=\"$v.day.$touch()\"\r\n\r\n                     >\r\n                     </v-select>\r\n                     <small\r\n                         v-if=\"!$v.day.check && isSubmit\"\r\n                         class=\"form-text text-danger\"\r\n                     >\r\n                       {{ $t('The Validity Period Day Selection Is A Required Field') }}\r\n                     </small>\r\n                   </div>\r\n                 </div>\r\n                 <div class=\"row mt-1\">\r\n                   <div class=\"col\">\r\n                     <b-form-checkbox\r\n                         v-model=\"selectNoExpired\"\r\n                         value=\"checked\"\r\n                     >\r\n                       {{$t(\"No Time Limit\")}}\r\n                     </b-form-checkbox>\r\n                   </div>\r\n                 </div>\r\n               </div>\r\n             </b-form-group>\r\n\r\n             <b-form-group label-for=\"scheduler\">\r\n                  <div class=\"border-bottom border-left border-right d-block border-bottom-effect pl-1 pb-1 pt-1  rounded\">\r\n                      <label for=\"price-type\" class=\"d-block\">\r\n                  <p>\r\n                    {{$t('Price Type')}}\r\n                    <info-icon\r\n                      v-b-modal.modal-3\r\n                      size=\"1.25x\"\r\n                      class=\"custom-class\">\r\n                  </info-icon>\r\n                  </p>\r\n                  <hr>\r\n                  </label>\r\n                    <b-form-radio\r\n                    v-model=\"priceType\"\r\n                    name=\"priceType\"\r\n                    value=\"total\"\r\n                    class=\"d-inline custom-radio\"\r\n                    >\r\n                    {{$t('Total Price')}}\r\n                    </b-form-radio>\r\n                    <b-form-radio\r\n                    v-model=\"priceType\"\r\n                    name=\"priceType\"\r\n                    value=\"unit\"\r\n                    class=\"d-inline mx-2 custom-radio\"\r\n                    >\r\n                    {{$t('Unit Price')}}\r\n                    </b-form-radio>\r\n               \r\n                  <small v-if=\"isSubmit && !$v.priceType.required\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n\r\n                    <hr>\r\n\r\n                  <template v-if=\"priceType==='total'\">\r\n               \r\n                      <b-form-group :label=\"$t('Total Price')\" label-for=\"town\" class=\"pr-1\">\r\n                        <input class=\"form-control\" id=\"price\" v-model=\"product_data.price\" type=\"number\" placeholder=\"0.00\" maxlength=\"20\"/>\r\n                        <small v-if=\"isSubmit && !$v.product_data.price.required\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n                      </b-form-group>\r\n                      <b-form-group\r\n                        :label=\"$t('Session Count')\" label-for=\"town\" class=\"pr-1\">\r\n                        <input class=\"form-control\" id=\"session-count\" v-model=\"product_data.sessionCount\" type=\"number\" placeholder=\"0\" maxlength=\"5\"/>\r\n                        <small v-if=\"isSubmit && !$v.product_data.sessionCount.required\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n                      </b-form-group>\r\n               \r\n                </template>\r\n                <template v-if=\"priceType==='unit'\">\r\n                  \r\n                    <b-form-group :label=\"$t('Unit Price')\" label-for=\"town\" class=\"pr-1\">\r\n                      <input class=\"form-control\" id=\"price\" v-model=\"product_data.price\" type=\"number\" placeholder=\"0.00\" maxlength=\"20\"/>\r\n                      <small v-if=\"isSubmit && !$v.product_data.price.required\" class=\"form-text text-danger\" >{{$t(\"This field is required\")}}</small>\r\n                    </b-form-group>\r\n                \r\n                </template>\r\n\r\n            </div>\r\n\r\n              </b-form-group>\r\n\r\n            \r\n\r\n           </div>      \r\n         </div>\r\n\r\n           <!-- Geçerlilik Süresi -->\r\n\r\n\r\n              <b-col cols=\"12\" class=\"right mt-1\">\r\n                <b-button\r\n                  v-ripple.400=\"'rgba(113, 102, 240, 0.15)'\"\r\n                  type=\"reset\"\r\n                  variant=\"outline-primary\"\r\n                  class=\"mr-1\"\r\n                  :to=\"{name:'InstructorProducts', params:{trainerID: this.product_data.person_id}}\"\r\n                >\r\n                  {{ $t(\"Cancel\") }}\r\n                </b-button>\r\n                <b-button\r\n                  v-ripple.400=\"'rgba(255, 255, 255, 0.15)'\"\r\n                  type=\"submit\"\r\n                  variant=\"primary\"\r\n                  @click=\"update\"\r\n                >\r\n                  {{ $t(\"Save\") }}\r\n                </b-button>\r\n              </b-col>\r\n   \r\n        </div>\r\n\r\n        </b-row>\r\n    </b-form>\r\n\r\n        <b-modal id=\"modal-2\" :title=\"$t('Geçerlilik Süresi')\" ok-only header-text-variant=\"primary\" :ok-title=\"$t('Ok')\">\r\n             <b-card-text>\r\n               {{$t('Ürününüzü oluşturmadan önce ürününüzün geçerlilik süresini belirlediğinize emin olunuz.')}}\r\n               <p class=\"mt-2\"><b>Ay ve Gün Değerleri</b></p>\r\n               <p>Ürününüzün geçerlilik süresini <b>ay ve gün parametreleri</b> ile belirleyebilirsiniz. <b>Ürün satın alınan tarihten itibaren seçmiş olduğunuz ay ve gün değerleri kadar ileri bir tarih için geçerlilik süresine sahip olacaktır.</b> Müşteri ürününüzü satın aldığından itibaren <b>geçerlilik süresince</b> kalan hakkını tüketebilecektir.</p>\r\n               <p class=\"mt-2\"><b>Süre Sınırı Olmasın</b></p>\r\n               <p>Ürününüzün <b>sınırsız bir geçerlilik süresine</b> sahip olmasını istiyorsanız bu seçeneği işaretlemelisiniz. Süre sınırı olmayan ürünler <b>müşteri tarafından satın almış olduğu ürün aktif olduğu sürece herhangi bir tarih sonrasında</b> kalan hakkını tüketebilecektir.</p>\r\n             </b-card-text>\r\n           </b-modal>\r\n           <b-modal id=\"modal-3\" :title=\"$t('Fiyat Türü')\" ok-only header-text-variant=\"primary\" :ok-title=\"$t('Ok')\">\r\n             <b-card-text>\r\n               {{$t('Ürününüzü oluşturmadan önce ürününüzün fiyat türünü belirlediğinize emin olunuz.')}}\r\n               <p class=\"mt-2\"><b>Toplam Fiyat</b></p>\r\n               <p>Ürününüzün fiyat türünü <b>Toplam Fiyat</b> olarak belirlediğinizde ürününüz için <b>toplam fiyat ve oturum sayısı değerlerini</b> belirlemeniz gerekmektedir. Toplam fiyat türü ile ile oluşturulan ürünler <b>belirlenen oturum sayısı kadar randevu hakkı sağlar ve tüm bu oturumlar için müşterinin toplam bir fiyat üzerinden</b> ödemeyi gerçekleştirmesi gerekmektedir.</p>\r\n               <p class=\"mt-2\"><b>Birim Fiyat</b></p>\r\n               <p>Ürününüzün fiyat türünü <b>Birim Fiyat</b> olarak belirlediğinizde ürününüz için <b>birim fiyat değerini</b> belirlemeniz gerekmektedir. Birim fiyat türü ile oluşturulan ürünler müşteri tarafından <b>seçilen oturum sayısınca</b> satın alınabilir. Müşterinin <b>(ürün için belirlenen birim fiyat X müşterinin seçmiş olduğu oturum sayısı)</b> tutarında ödemeyi gerçekleştirmesi gerekmektedir.</p>\r\n             </b-card-text>\r\n           </b-modal>\r\n\r\n  </b-card>\r\n  \r\n</template>\r\n\r\n<script>\r\nimport {\r\n  BModal,\r\n  VBModal,\r\n  BAlert,\r\n  BImg,\r\n  BFormRadio,\r\n  BFormSelect,\r\n  BFormTextarea,\r\n  BButton,\r\n  BMedia,\r\n  BAvatar,\r\n  BRow,\r\n  BCol,\r\n  BFormGroup,\r\n  BFormInput,\r\n  BFormInvalidFeedback,\r\n  BForm,\r\n  BTable,\r\n  BCard,\r\n  BCardHeader,\r\n  BCardTitle,\r\n  BFormCheckbox,\r\n  BInputGroup,\r\n  BInputGroupPrepend,\r\n   BCardText,\r\n    BSpinner\r\n} from \"bootstrap-vue\";\r\nimport vSelect from \"vue-select\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport Ripple from \"vue-ripple-directive\";\r\nimport Cleave from \"vue-cleave-component\";\r\nimport { ref } from \"@vue/composition-api\";\r\nimport { useInputImageRenderer } from \"@core/comp-functions/forms/form-utils\";\r\nimport ToastificationContent from \"@core/components/toastification/ToastificationContent.vue\";\r\nimport { InfoIcon } from 'vue-feather-icons'\r\nimport myUpload from 'vue-image-crop-upload/upload-2.vue';\r\n\r\nimport {required, numeric, maxLength} from \"vuelidate/lib/validators\";\r\n\r\nexport default {\r\n  setup() {\r\n    const userImg = ref(\"\");\r\n    const previewEl = ref(null);\r\n    let refInputEl = ref(null);\r\n    const { inputImageRenderer } = useInputImageRenderer(refInputEl, function(\r\n      base64\r\n    ) {\r\n      userImg.value = base64;\r\n    });\r\n    return {\r\n      refInputEl,\r\n      inputImageRenderer,\r\n      userImg,\r\n      previewEl,\r\n    };\r\n  },\r\n  directives: {\r\n    'b-modal': VBModal,\r\n    Ripple,\r\n  },\r\n  components: {\r\n    InfoIcon,\r\n    BModal,\r\n    VBModal,\r\n    BAlert,\r\n    BImg,\r\n    BFormRadio,\r\n    BFormSelect,\r\n    BButton,\r\n    Cleave,\r\n    BMedia,\r\n    BAvatar,\r\n    BRow,\r\n    BCol,\r\n    BFormGroup,\r\n    BFormInput,\r\n    BForm,\r\n    BFormInvalidFeedback,\r\n    BTable,\r\n    BCard,\r\n    BCardHeader,\r\n    BCardTitle,\r\n    BFormCheckbox,\r\n    BInputGroup,\r\n    BInputGroupPrepend,\r\n    BCardText,\r\n    BSpinner,\r\n    vSelect,\r\n    mapGetters,\r\n    mapActions,\r\n    BFormTextarea,\r\n    'my-upload': myUpload\r\n  },\r\n  props: {\r\n\r\n  },\r\n\r\n  data() {\r\n    return {\r\n      selectedCity:{\r\n        city_id:\"00000000-0000-0000-0000-000000000000\",\r\n        city_name: this.$t('Please choose')\r\n      },\r\n      selectedTown:\r\n      {\r\n        town_id:\"00000000-0000-0000-0000-000000000000\",\r\n        town_name: this.$t('Please choose')\r\n      },\r\n\r\n    //product to trainer/////////////////////////////////\r\n    product_data: {\r\n        product_title:null,\r\n        product_description:null,\r\n        trainer_id:null,\r\n        person_id: null,\r\n        trainer_name: null,\r\n        activity_id:null,\r\n        //is_planned:null, // belki\r\n        price: null,\r\n        sessionCount: 0,\r\n        participants_count: 10\r\n    },\r\n    //activites\r\n    activities: [],\r\n    selectedActivity:\r\n    {\r\n        activity_id: \"00000000-0000-0000-0000-000000000000\",\r\n        name: this.$t('Please choose')\r\n    },\r\n    companyBranchId: null,\r\n    //Scheduler Type\r\n   // schedulerSelectedIsPlanned: null,\r\n    //Price Type\r\n    priceType: null,\r\n    //session type\r\n    // sessionOptions: [\r\n    //     { value: 'PT', text: 'Single Session' },\r\n    //     { value: 'GROUP', text: 'Unlimited Session' },\r\n    // ],\r\n    // sessionSelected: {\r\n    //     value: null,\r\n    //     text: this.$t('Please choose')\r\n    // },\r\n    /////////////////////////////////////////////////////\r\n        dataloaded:false,\r\n        selectedIndex: 0,\r\n        isSubmit: false,\r\n\r\n      show: false,\r\n      params: {\r\n        token: '123456798',\r\n        name: 'avatar'\r\n      },\r\n      headers: {\r\n        smail: '*_~'\r\n      },\r\n      userImg: '',\r\n      month: {\r\n        value: 'please',\r\n        text: this.$t(\"Please Select Month\")\r\n      },\r\n      optionsMonth: [],\r\n      day: {\r\n        value: 'please',\r\n        text: this.$t(\"Please Select The Day\")\r\n      },\r\n      optionsDay: [],\r\n      selectNoExpired: false,\r\n      isMonthDisabled: false,\r\n      isDayDisabled: false\r\n    };\r\n  },\r\n  validations:\r\n    {\r\n        month: {\r\n          check: (val, vm) => {\r\n            return vm.month.value === 'please' ? false : true;\r\n          }\r\n        },\r\n        day: {\r\n          check: (val, vm) => {\r\n            return vm.day.value === 'please' ? false : true;\r\n          }\r\n        },\r\n        product_data: {\r\n            product_title: {\r\n                required\r\n            },\r\n            product_description: {\r\n                required\r\n            },\r\n            price: {\r\n                required\r\n            },\r\n            sessionCount: {\r\n              required\r\n            },\r\n            participants_count: {\r\n                required\r\n            }\r\n        },\r\n        selectedActivity: {\r\n          //yazdığım custom filter\r\n          idCheck(val,vm) {\r\n            //lütfen seçiniz kısmında gelen default id var ise false dön yani seçim yaptırmaya zorla\r\n            return vm.selectedActivity.activity_id === '00000000-0000-0000-0000-000000000000' ? false : true;\r\n          }\r\n        },\r\n        // schedulerSelectedIsPlanned: {\r\n        //   required\r\n        // },\r\n        priceType: {\r\n          required\r\n        }\r\n    },\r\n\r\n  methods: {\r\n    ...mapActions(\"mockUser\", [\"fetchUser\"]),\r\n    removePhoto() {\r\n      this.userImg = 'https://cdn-icons-png.flaticon.com/512/5799/5799080.png';\r\n    },\r\n     toggleShow() {\r\n\t\t\t\tthis.show = !this.show;\r\n\t\t\t},\r\n            /**s\r\n\t\t\t * crop success\r\n\t\t\t *\r\n\t\t\t * [param] userImg\r\n\t\t\t * [param] field\r\n\t\t\t */\r\n\t\t\tcropSuccess(userImg, field){\r\n\t\t\t\tthis.userImg = userImg;\r\n        console.log(this.userImg);\r\n      },\r\n\t\t\t/**\r\n\t\t\t * upload success\r\n\t\t\t *\r\n\t\t\t * [param] jsonData  server api return data, already json encode\r\n\t\t\t * [param] field\r\n\t\t\t */\r\n\t\t\tcropUploadSuccess(jsonData, field){\r\n\t\t\t\tconsole.log('-------- upload success --------');\r\n\t\t\t\tconsole.log(jsonData);\r\n\t\t\t\tconsole.log('field: ' + field);\r\n\t\t\t},\r\n\t\t\t/**\r\n\t\t\t * upload fail\r\n\t\t\t *\r\n\t\t\t * [param] status    server api return error status, like 500\r\n\t\t\t * [param] field\r\n\t\t\t */\r\n\t\t\tcropUploadFail(status, field){\r\n\t\t\t\tconsole.log('-------- upload fail --------');\r\n\t\t\t\tconsole.log(status);\r\n\t\t\t\tconsole.log('field: ' + field);\r\n\t\t\t},\r\n    update(){\r\n      //gönderilme isteği gönderildiği için true'ya çek\r\n      this.isSubmit = true;\r\n      if (this.month == 0 && this.day == 0 && this.selectNoExpired == false) {\r\n        this.$functions.Messages.warning('Both Day And Month Values Cannot Be 0!');\r\n        return false;\r\n      }\r\n      if(this.$v.$invalid === false){\r\n        //eğer süre sınırı yok işaretlenir ise gün,ay değerlerini 0'a çekme doğrulaması (obj -> to int)\r\n        if (this.selectNoExpired == 'checked') {\r\n          this.month = 0;\r\n          this.day = 0;\r\n        }\r\n\r\n        //düzenleme ekranında değerler geri objeye dönerse value al\r\n        if(typeof this.month == 'object'){\r\n          this.month = this.month.value\r\n        }\r\n        if(typeof this.day == 'object'){\r\n          this.day = this.day.value\r\n        }\r\n\r\n           this.$database.StudioService.trainer_product_update(\r\n              this.companyBranchId,\r\n              this.$route.params.productID,\r\n              this.product_data.trainer_id,\r\n              this.selectedActivity.activity_id,\r\n              this.$functions.QuoteFormat(this.product_data.product_title),\r\n              this.$functions.QuoteFormat(this.product_data.product_description),\r\n              this.product_data.price,\r\n              this.product_data.sessionCount  ,\r\n              this.userImg,\r\n              this.product_data.participants_count,\r\n               this.month,\r\n               this.day\r\n            ).then(\r\n              res => {\r\n                if(res.is_success){\r\n                  this.$functions.Messages.success('Product Edited Succesful')\r\n                  this.$router.push({name: 'InstructorProducts', params:{trainerID: this.product_data.person_id}})\r\n                }else {\r\n                  this.$functions.Messages.error('Action failed!')\r\n                }\r\n              }\r\n            )\r\n      }\r\n    },\r\n\r\n    getPersonInfo(){\r\n      this.$database.StudioService.get_person_by_trainer_id(\r\n        this.product_data.trainer_id,\r\n        this.companyBranchId\r\n      ).then(res => {\r\n        if(res.is_success){\r\n          this.product_data.person_id = res.result.person_id\r\n        }\r\n      })\r\n    },\r\n    getCities() {\r\n      this.$database.DistributorService.studio_get_cities().then((res) => {\r\n        if (!res.is_success)\r\n              return;\r\n            this.cities = res.result;\r\n             // this.studio_data.city_id=res.result[0].city_id\r\n               this.dataloaded=true;\r\n            //  this.getTowns();\r\n      });\r\n    },\r\n    getActivities(){\r\n     this.$database.StudioService.activity_get_list(this.companyBranchId,1).then(\r\n        (res) => {\r\n          if (!res.is_success) return;\r\n          this.activities = res.result;\r\n          this.dataloaded = true;\r\n        }\r\n      );\r\n    },\r\n    getProductInfos(){\r\n     this.$database.StudioService.get_product_by_product_id(\r\n        this.$route.params.productID,\r\n        this.companyBranchId\r\n     ).then(res => {\r\n        //response başarılı ise\r\n        if(res.is_success){\r\n          //Modellerer verileri al\r\n          this.selectedActivity.activity_id = res.result.activity_id\r\n          this.product_data.trainer_id = res.result.trainer_id\r\n          this.product_data.product_title = res.result.title\r\n          this.product_data.product_description = res.result.description\r\n          this.schedulerSelectedIsPlanned =  res.result.is_planned\r\n          this.userImg = res.result.image,\r\n          this.product_data.participants_count = res.result.participants_count,\r\n              this.month = res.result.expiry_month,\r\n              this.day = res.result.expiry_day\r\n          //eğer session sayısı 1 den büyük ise price type totaldir\r\n          if(res.result.session > 1){\r\n            this.priceType = 'total'\r\n            this.product_data.price = res.result.price\r\n            this.product_data.sessionCount = res.result.session\r\n          } else {\r\n            this.priceType = 'unit'\r\n            this.product_data.price = res.result.price\r\n          }\r\n          this.getPersonInfo()\r\n\r\n          // gelen ay ve gün sayı bilgisi (geçerlilik süresi) 0 ise ; süre sınırı olmasın -> checked\r\n          if(this.month == 0 && this.day == 0){\r\n            this.selectNoExpired = 'checked'\r\n          } else {\r\n            this.optionsDay.map(el => { //gün bilgisini listeden bul\r\n              if(el.value == this.day){\r\n                this.day = el;\r\n              }\r\n            })\r\n            this.optionsMonth.map(el => { //ay bilgisini listeden bul\r\n              if(el.value == this.month){\r\n                this.month = el;\r\n              }\r\n            })\r\n          }\r\n\r\n        }\r\n     })\r\n    },\r\n    addMonth() {\r\n      this.optionsMonth.push({\r\n        value: 0,\r\n        text: '0'\r\n      });\r\n      for (let i = 1; i <= 36; i++) {\r\n        this.optionsMonth.push({\r\n          value: i,\r\n          text: `${i} ${this.$t(\"Month\")}`\r\n        });\r\n      }\r\n    },\r\n    addDay() {\r\n      this.optionsDay.push({\r\n        value: 0,\r\n        text: '0'\r\n      });\r\n      for (let i = 1; i <= 31; i++) {\r\n        this.optionsDay.push({\r\n          value: i,\r\n          text: `${i} ${this.$t(\"Day\")}`\r\n        });\r\n      }\r\n    },\r\n    // async getTrainerName(){\r\n    //   //person_id -> trainer name (name bilgisi persondan geliyor sonuçta)\r\n    //   await this.$database.StudioService.get_trainer_name(\r\n    //       this.$route.params.trainerID //aslında person_id\r\n    //   ).then(res => {\r\n    //       this.product_data.trainer_name = res.result.name  + ' ' + res.result.last_name\r\n    //   })\r\n\r\n    // }\r\n  },\r\n  watch: {\r\n    selectNoExpired(val) {\r\n      if (val == 'checked') {\r\n        this.day = {\r\n          value: 0,\r\n          text: this.$t(\"No Day Limit\")\r\n        };\r\n        this.month = {\r\n          value: 0,\r\n          text: this.$t(\"No Month Limit\")\r\n        };\r\n        this.isMonthDisabled = true;\r\n        this.isDayDisabled = true;\r\n      } else {\r\n        this.isMonthDisabled = false;\r\n        this.isDayDisabled = false;\r\n        this.day = {\r\n          value: 'please',\r\n          text: this.$t('Please choose')\r\n        };\r\n        this.month = {\r\n          value: 'please',\r\n          text: this.$t('Please choose')\r\n        };\r\n      }\r\n    },\r\n\r\n    //2.kontrol mekanizmam - asenkron inputları izleyerek şu an 20 (max) karakter ile sınırlandırıyorum\r\n    'studio_data.phone_number'(val){\r\n      if(this.studio_data.phone_number.length > 20){\r\n        this.studio_data.phone_number = val.slice(0,20)\r\n      }\r\n    },\r\n    'studio_data.tax_code'(val){\r\n      if(this.studio_data.tax_code.length > 20){\r\n        this.studio_data.tax_code = val.slice(0,20)\r\n      }\r\n    },\r\n    'product_data.price'(val){\r\n        if(this.product_data.price.length > 20){\r\n            this.product_data.price = val.slice(0,20)\r\n        }\r\n    },\r\n    'product_data.sessionCount'(val){\r\n        if(this.product_data.sessionCount.length > 5){\r\n            this.product_data.sessionCount = val.slice(0,5);\r\n        }\r\n    },\r\n    priceType(val){\r\n      if(val === 'unit'){\r\n        this.product_data.sessionCount = 1;\r\n      }\r\n    },\r\n\r\n    selectedActivity(val){\r\n        if(this.dataloaded == true)\r\n        {\r\n            this.selectedActivity.activity_id = val;\r\n        }\r\n    },\r\n\r\n    //sp_trainer_product_id\r\n  },\r\n  created()\r\n  {\r\n    this.addMonth();\r\n    this.addDay();\r\n    this.companyBranchId = this.$store.getters[\"auth/userInfo\"].company_branch_id\r\n    this.getPersonInfo()\r\n    // this.getTrainerName();\r\n    this.getActivities();\r\n    this.userImg = 'https://cdn-icons-png.flaticon.com/512/5799/5799080.png';\r\n    this.getProductInfos();\r\n  },\r\n};\r\n</script>\r\n\r\n<!-- stillendirme -->\r\n<style lang=\"scss\" src=\"@/styles/scss/editProductScoped.scss\" scoped></style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./edit_product.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!./edit_product.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./edit_product.vue?vue&type=template&id=44b17572&scoped=true&\"\nimport script from \"./edit_product.vue?vue&type=script&lang=js&\"\nexport * from \"./edit_product.vue?vue&type=script&lang=js&\"\nimport style0 from \"@/styles/scss/editProductScoped.scss?vue&type=style&index=0&id=44b17572&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"44b17572\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!./editProductScoped.scss?vue&type=style&index=0&id=44b17572&lang=scss&scoped=true&\"","export const useInputImageRenderer = (inputEl, callback) => {\r\n  const inputImageRenderer = () => {\r\n    const file = inputEl.value.files[0]\r\n    const reader = new FileReader()\r\n\r\n    reader.addEventListener(\r\n      'load',\r\n      () => {\r\n        callback(reader.result)\r\n      },\r\n      false,\r\n    )\r\n    if (file) {\r\n      reader.readAsDataURL(file)\r\n    }\r\n  }\r\n  return {\r\n    inputImageRenderer,\r\n  }\r\n}\r\n\r\nexport const _ = null\r\n"],"sourceRoot":""}