2022-06-14 18:17:31 +08:00

1 line
13 KiB
JavaScript
Vendored
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

"use strict";(self.webpackChunkDooTask=self.webpackChunkDooTask||[]).push([[475],{81520:(t,i,e)=>{e.d(i,{Z:()=>o});function s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}const a={name:"ImgUpload",props:{value:{},num:{},width:{},height:{},whcut:{},type:{},http:{type:Boolean,default:!1},otherParams:{type:Object,default:function(){return{}}},uploadIng:{type:Number,default:0}},data:function(){return{actionUrl:$A.apiUrl("system/imgupload"),multiple:this.num>1,visible:!1,browseVisible:!1,isLoading:!1,browseList:[],browseListNext:[],imgVisible:"",defaultList:this.initItems(this.value),uploadList:[],maxNum:Math.min(Math.max($A.runNum(this.num),1),99),httpValue:"",httpType:"",maxSize:2048}},mounted:function(){var t=this;this.uploadList=this.$refs.upload.fileList,this.$emit("input",this.uploadList);var i=$A(this.$refs.browselistbox);i.scroll((function(){var e=i[0].scrollHeight;if(i[0].scrollTop+i.height()>=e&&t.browseListNext.length>0){var s=t.browseListNext;t.browseListNext=[],t.browsePictureFor(s)}}))},watch:{value:function(t){"string"!=typeof t?t!==this.$refs.upload.fileList&&(this.$refs.upload.fileList=this.initItems(t),this.uploadList=this.$refs.upload.fileList):this.$emit("input",this.initItems(t))},browseVisible:function(){this.httpType="",this.httpValue=""}},computed:{uploadHeaders:function(){return{fd:$A.getSessionStorageString("userWsFd"),token:this.userToken}},uploadParams:function(){var t={width:this.width,height:this.height,whcut:this.whcut};return Object.keys(this.otherParams).length>0?Object.assign(t,this.otherParams):t}},methods:{handleCallback:function(t){"callback"===this.type&&(!0===t?(this.$emit("on-callback",this.uploadList),this.$refs.upload.fileList=[],this.uploadList=this.$refs.upload.fileList):"object"===s(t)&&this.$emit("on-callback",[t])),this.browseVisible=!1},initItems:function(t){"string"==typeof t&&(t=[{url:t}]);var i=[];return $A.each(t,(function(t,e){"string"==typeof e&&(e={url:e}),e.url&&(e.active=!0,e.status="finished",void 0===e.path&&(e.path=e.url),void 0===e.thumb&&(e.thumb=e.url),i.push(e))})),i},handleView:function(t){this.visible=!0,this.imgVisible=t.url},handleRemove:function(t){var i=this.$refs.upload.fileList;this.$refs.upload.fileList.splice(i.indexOf(t),1),this.$emit("input",this.$refs.upload.fileList)},handleProgress:function(t,i){void 0===i._uploadIng&&(i._uploadIng=!0,this.$emit("update:uploadIng",this.uploadIng+1))},handleSuccess:function(t,i){this.$emit("update:uploadIng",this.uploadIng-1),1===t.ret?(i.url=t.data.url,i.path=t.data.path,i.thumb=t.data.thumb,this.handleCallback(i)):($A.noticeWarning({title:this.$L("上传失败"),desc:this.$L("文件 "+i.name+" 上传失败 "+t.msg)}),this.$refs.upload.fileList.pop()),this.$emit("input",this.$refs.upload.fileList)},handleError:function(){this.$emit("update:uploadIng",this.uploadIng-1)},handleFormatError:function(t){$A.noticeWarning({title:this.$L("文件格式不正确"),desc:this.$L("文件 "+t.name+" 格式不正确,请上传 jpg、jpeg、gif、png 格式的图片。")})},handleMaxSize:function(t){$A.noticeWarning({title:this.$L("超出文件大小限制"),desc:this.$L("文件 "+t.name+" 太大,不能超过:"+$A.bytesToSize(1024*this.maxSize))})},handleBeforeUpload:function(){var t=this.uploadList.length<this.maxNum;return t||1!=this.uploadList.length||(this.handleRemove(this.uploadList[0]),t=this.uploadList.length<this.maxNum),t||$A.noticeWarning(this.$L("最多只能上传 "+this.maxNum+" 张图片。")),t},handleClick:function(){this.handleBeforeUpload()&&this.$refs.upload.handleClick()},handleManual:function(t){this.handleBeforeUpload()&&this.$refs.upload.upload(t)},browsePicture:function(t){var i=this;this.browseVisible=!0,this.browseList=[],this.browseListNext=[],this.isLoading=!0,this.$store.dispatch("call",{url:"system/imgview",data:{path:t||""}}).then((function(t){for(var e=t.data,s=e.dirs,a=0;a<s.length;a++)i.browseList.push(s[a]);i.browsePictureFor(e.files)})).catch((function(t){var e=t.msg;i.browseVisible=!1,$A.noticeWarning(e)})).finally((function(t){i.isLoading=!1}))},browsePictureFor:function(t){for(var i=0;i<t.length;i++){for(var e=0;e<this.uploadList.length;e++)if(this.uploadList[e].url===t[i].url||this.uploadList[e].url===t[i].path){t[i].active=!0;break}i<100?this.browseList.push(t[i]):this.browseListNext.push(t[i])}},browseItem:function(t){if("dir"===t.type)this.browsePicture(t.path);else if("file"===t.type){if(t.active){var i=this.$refs.upload.fileList;this.$refs.upload.fileList.splice(i.indexOf(t),1),t.active=!1}else{if(1===this.maxNum){for(var e=0;e<this.browseList.length;e++)this.browseList[e].active=!1;this.$refs.upload.fileList=[],this.uploadList=this.$refs.upload.fileList}if(!(this.uploadList.length<this.maxNum))return void $A.noticeWarning(this.$L("最多只能选择 "+this.maxNum+" 张图片。"));t.active=!0,t.status="finished",this.$refs.upload.fileList.push(t),this.uploadList=this.$refs.upload.fileList}this.$emit("input",this.$refs.upload.fileList)}},__thumb:function(t){return $A.strExists(t,"?",!1)?t+"&__thumb=true":t+"?__thumb=true"},httpEnter:function(){this.$emit("input",this.initItems(this.httpValue)),this.browseVisible=!1}}};const o=(0,e(51900).Z)(a,(function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"common-img-update"},[t._l(t.uploadList,(function(i){return"callback"!==t.type?e("div",{staticClass:"imgcomp-upload-list"},["finished"===i.status?[e("div",{staticClass:"imgcomp-upload-img",style:{"background-image":"url("+t.__thumb(i.thumb)+")"}}),t._v(" "),e("div",{staticClass:"imgcomp-upload-list-cover"},[e("Icon",{attrs:{type:"ios-eye-outline"},nativeOn:{click:function(e){return t.handleView(i)}}}),t._v(" "),e("Icon",{attrs:{type:"ios-trash-outline"},nativeOn:{click:function(e){return t.handleRemove(i)}}})],1)]:[i.showProgress?e("Progress",{attrs:{percent:i.percentage,"hide-info":""}}):t._e()]],2):t._e()})),t._v(" "),e("div",{staticClass:"add-box",class:{"callback-add-box":"callback"===t.type}},[e("div",{staticClass:"add-box-icon"},[e("Icon",{attrs:{type:"md-add",size:"32"}})],1),t._v(" "),e("div",{staticClass:"add-box-upload"},[e("div",{staticClass:"add-box-item",on:{click:t.browsePicture}},[e("span",[t._v(t._s(t.$L("浏览"))),"callback"===t.type?e("em",[t._v(t._s(t.$L("图片")))]):t._e()])]),t._v(" "),e("div",{staticClass:"add-box-item"},[e("Upload",{ref:"upload",attrs:{name:"image",accept:"image/*",action:t.actionUrl,headers:t.uploadHeaders,data:t.uploadParams,"show-upload-list":!1,"max-size":t.maxSize,format:["jpg","jpeg","gif","png"],"default-file-list":t.defaultList,"on-progress":t.handleProgress,"on-success":t.handleSuccess,"on-error":t.handleError,"on-format-error":t.handleFormatError,"on-exceeded-size":t.handleMaxSize,"before-upload":t.handleBeforeUpload,multiple:t.multiple}},[e("span",[t._v(t._s(t.$L("上传"))),"callback"===t.type?e("em",[t._v(t._s(t.$L("图片")))]):t._e()])])],1)])]),t._v(" "),e("Modal",{staticClass:"img-upload-modal",attrs:{title:t.$L("浏览图片空间"),width:"710"},model:{value:t.browseVisible,callback:function(i){t.browseVisible=i},expression:"browseVisible"}},[t.isLoading?e("div",{staticClass:"browse-load"},[t._v(t._s(t.$L("加载中...")))]):t._e(),t._v(" "),e("div",{ref:"browselistbox",staticClass:"browse-list",class:"input"===t.httpType?"browse-list-disabled":""},[t.browseList.length<=0?e("div",[t._v(t._s(t.$L("无内容")))]):t._l(t.browseList,(function(i){return e("div",{staticClass:"browse-item",on:{click:function(e){return t.browseItem(i)}}},[i.active?e("Icon",{staticClass:"browse-icon",attrs:{type:"ios-checkmark-circle"}}):t._e(),t._v(" "),e("div",{staticClass:"browse-img",style:{"background-image":"url("+i.thumb+")"}}),t._v(" "),e("div",{staticClass:"browse-title"},[t._v(t._s(i.title))])],1)}))],2),t._v(" "),e("div",{staticClass:"img-upload-foot",attrs:{slot:"footer"},slot:"footer"},["callback"!==t.type&&t.http&&""===t.httpType?e("div",{staticClass:"img-upload-foot-input",on:{click:function(i){t.httpType="input"}}},[e("Icon",{attrs:{type:"ios-image",size:"22"}}),t._v(" "),e("div",{staticClass:"img-upload-foot-httptitle"},[t._v(t._s(t.$L("自定义图片地址")))])],1):t._e(),t._v(" "),"callback"!==t.type&&t.http&&"input"===t.httpType?e("div",{staticClass:"img-upload-foot-input"},[e("Input",{attrs:{placeholder:t.$L("以 http:// 或 https:// 开头"),search:"","enter-button":t.$L("确定")},on:{"on-search":t.httpEnter},model:{value:t.httpValue,callback:function(i){t.httpValue=i},expression:"httpValue"}},[e("span",{staticStyle:{cursor:"pointer"},attrs:{slot:"prepend"},on:{click:function(i){t.httpType=""}},slot:"prepend"},[t._v(t._s(t.$L("自定义地址"))+": ")])])],1):t._e(),t._v(" "),""===t.httpType?e("Button",{on:{click:function(i){t.browseVisible=!1}}},[t._v(t._s(t.$L("关闭")))]):t._e(),t._v(" "),""===t.httpType?e("Button",{attrs:{type:"primary"},on:{click:function(i){return t.handleCallback(!0)}}},[t._v(t._s(t.$L("完成")))]):t._e()],1)]),t._v(" "),e("Modal",{staticClass:"img-upload-modal",attrs:{title:t.$L("查看图片"),draggable:""},model:{value:t.visible,callback:function(i){t.visible=i},expression:"visible"}},[e("div",{staticStyle:{"max-height":"480px",overflow:"auto"}},[e("a",{attrs:{href:t.imgVisible,target:"_blank"}},[t.visible?e("img",{staticStyle:{"max-width":"100%","max-height":"900px",display:"block",margin:"0 auto"},attrs:{src:t.imgVisible}}):t._e()])])])],2)}),[],!1,null,null,null).exports},50475:(t,i,e)=>{e.r(i),e.d(i,{default:()=>l});var s=e(81520),a=e(20629);function o(t,i){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);i&&(s=s.filter((function(i){return Object.getOwnPropertyDescriptor(t,i).enumerable}))),e.push.apply(e,s)}return e}function n(t,i,e){return i in t?Object.defineProperty(t,i,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[i]=e,t}const r={components:{ImgUpload:s.Z},data:function(){return{loadIng:0,formData:{userimg:"",nickname:"",profession:""},ruleData:{}}},mounted:function(){this.initData()},computed:function(t){for(var i=1;i<arguments.length;i++){var e=null!=arguments[i]?arguments[i]:{};i%2?o(Object(e),!0).forEach((function(i){n(t,i,e[i])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(e)):o(Object(e)).forEach((function(i){Object.defineProperty(t,i,Object.getOwnPropertyDescriptor(e,i))}))}return t}({},(0,a.rn)(["userInfo"])),watch:{userInfo:function(){this.initData()}},methods:{initLanguage:function(){this.ruleData={nickname:[{required:!0,message:this.$L("请输入昵称!"),trigger:"change"},{type:"string",min:2,message:this.$L("昵称长度至少2位"),trigger:"change"}]}},initData:function(){$A.strExists(this.userInfo.userimg,"/avatar")||this.$set(this.formData,"userimg",this.userInfo.userimg);var t=void 0!==this.userInfo.nickname_original?this.userInfo.nickname_original:this.userInfo.nickname;this.$set(this.formData,"nickname",t),this.$set(this.formData,"profession",this.userInfo.profession),this.formData_bak=$A.cloneJSON(this.formData)},submitForm:function(){var t=this;this.$refs.formData.validate((function(i){if(i){var e=$A.cloneJSON(t.formData);0==$A.count(e.userimg)&&(e.userimg=""),t.loadIng++,t.$store.dispatch("call",{url:"users/editdata",data:e}).then((function(){$A.messageSuccess("修改成功"),t.$store.dispatch("getUserInfo").catch((function(){}))})).catch((function(t){var i=t.msg;$A.modalError(i)})).finally((function(i){t.loadIng--}))}}))},resetForm:function(){this.formData=$A.cloneJSON(this.formData_bak)}}};const l=(0,e(51900).Z)(r,(function(){var t=this,i=t.$createElement,e=t._self._c||i;return e("div",{staticClass:"setting-item submit"},[e("Form",{ref:"formData",attrs:{model:t.formData,rules:t.ruleData,"label-width":"auto"},nativeOn:{submit:function(t){t.preventDefault()}}},[e("FormItem",{attrs:{label:t.$L("头像"),prop:"userimg"}},[e("ImgUpload",{attrs:{num:1,width:512,height:512,whcut:1},model:{value:t.formData.userimg,callback:function(i){t.$set(t.formData,"userimg",i)},expression:"formData.userimg"}}),t._v(" "),e("span",{staticClass:"form-tip"},[t._v(t._s(t.$L("建议尺寸200x200")))])],1),t._v(" "),e("FormItem",{attrs:{label:t.$L("邮箱")}},[e("Input",{attrs:{disabled:""},model:{value:t.userInfo.email,callback:function(i){t.$set(t.userInfo,"email",i)},expression:"userInfo.email"}})],1),t._v(" "),e("FormItem",{attrs:{label:t.$L("昵称"),prop:"nickname"}},[e("Input",{attrs:{maxlength:20,placeholder:t.$L("请输入昵称")},model:{value:t.formData.nickname,callback:function(i){t.$set(t.formData,"nickname",i)},expression:"formData.nickname"}})],1),t._v(" "),e("FormItem",{attrs:{label:t.$L("职位/职称"),prop:"profession"}},[e("Input",{attrs:{maxlength:20,placeholder:t.$L("请输入职位/职称")},model:{value:t.formData.profession,callback:function(i){t.$set(t.formData,"profession",i)},expression:"formData.profession"}})],1)],1),t._v(" "),e("div",{staticClass:"setting-footer"},[e("Button",{attrs:{loading:t.loadIng>0,type:"primary"},on:{click:t.submitForm}},[t._v(t._s(t.$L("提交")))]),t._v(" "),e("Button",{staticStyle:{"margin-left":"8px"},attrs:{loading:t.loadIng>0},on:{click:t.resetForm}},[t._v(t._s(t.$L("重置")))])],1)],1)}),[],!1,null,null,null).exports}}]);