EI-Image-Viewer-Api/Start/Resource/EIImageViewerWeb/html/static/js/chunk-dbe2aac2.9cb6c2fba59d644edb82.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-dbe2aac2"],{"0f23":function(e,t,i){},"526f":function(e,t,i){"use strict";i.d(t,"b",(function(){return s})),i.d(t,"a",(function(){return r}));var n=i("2b0e");const a=n["default"].prototype.$isServer,s=(a||Number(document.documentMode),function(){return!a&&document.addEventListener?function(e,t,i){e&&t&&i&&e.addEventListener(t,i,!1)}:function(e,t,i){e&&t&&i&&e.attachEvent("on"+t,i)}}()),r=function(){return!a&&document.removeEventListener?function(e,t,i){e&&t&&e.removeEventListener(t,i,!1)}:function(e,t,i){e&&t&&e.detachEvent("on"+t,i)}}()},"551d":function(e,t,i){"use strict";i("f380")},"6bd7":function(e,t,i){"use strict";var n=i("2b0e");let a=e=>{var t={};return e&&"[object Function]"===t.toString.call(e)};"object"===typeof Int8Array||!n["default"].prototype.$isServer&&"function"===typeof document.childNodes||(a=function(e){return"function"===typeof e||!1});i.d(t,"a",(function(){return s})),i.d(t,"b",(function(){return r}));Object.prototype.hasOwnProperty;const s=function(){return!n["default"].prototype.$isServer&&!!window.navigator.userAgent.match(/firefox/i)};function r(e){let t=!1;return function(...i){t||(t=!0,window.requestAnimationFrame(n=>{e.apply(this,i),t=!1}))}}},"7cf7":function(e,t,i){"use strict";i("0f23")},bcd4:function(e,t,i){"use strict";i.r(t);var n=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticClass:"none-dicom_preview-wrapper"},[i("div",{staticClass:"image-viewer-wrapper"},[e.previewVisible?i("ImageViewer",{attrs:{"on-switch":function(t){e.selected(t)},"initial-index":e.previewImage.index,"url-list":e.previewImage.imgList,"study-code":e.previewImage.studyCode,"body-part":e.previewImage.bodyPart,modality:e.previewImage.modality}}):e._e()],1),e._v(" "),i("div",{staticClass:"thumbnail-wrapper",staticStyle:{"z-index":"999","background-color":"#fff"}},[i("div",{},[i("div",{staticClass:"img-wrapper"},[i("el-button",{staticClass:"left to",attrs:{icon:"el-icon-d-arrow-left",plain:"",disabled:e.disabledPrev},on:{click:e.toRight}}),e._v(" "),i("div",{ref:"imagesWrapper",staticClass:"images"},[e.noData?i("div",{staticClass:"empty-text"},[e._t("empty",[e._v("暂无数据")])],2):e._e(),e._v(" "),i("div",{directives:[{name:"show",rawName:"v-show",value:!e.noData,expression:"!noData"}],staticClass:"items",style:e.itemsStyle},e._l(e.previewImage.imgList,(function(t,n){return i("div",{key:n,staticClass:"item-img",class:{"is-active":n===e.currentIndex},style:e.imgSize,on:{click:function(t){return e.selected(n)}}},[i("img",{attrs:{title:t.FileName,src:"/api/"+t.PreviewPath}}),e._v(" "),t.FileName?i("p",{staticClass:"item-date"},[e._v("\n                "+e._s(""+(n+1))+"\n              ")]):e._e()])})),0)]),e._v(" "),i("el-button",{staticClass:"right to",attrs:{icon:"el-icon-d-arrow-right",disabled:e.disabledNext,plain:""},on:{click:e.Left}})],1)])])])},a=[],s=(i("a481"),i("c5f6"),i("bf34")),r={name:"Preview",components:{ImageViewer:s["default"]},props:{imgSize:{type:Object,default:function(){return{width:"120px",height:"120px"}}},value:{type:Number,default:null},previewImage:{type:Object,default:function(){return{imgList:[],index:0,infinite:!0,studyCode:"",modality:"",bodyPart:""}}}},data:function(){return{currentIndex:0,previewVisible:!0,translateX:0,pageSize:0,urlList:[]}},computed:{itemsStyle:function(){return{transform:"translateX(".concat(-this.translateX,"px)")}},itemWidth:function(){return parseInt(this.imgSize.width.replace("px",""))+8},disabledPrev:function(){return this.translateX<=0},disabledNext:function(){return this.translateX>=(this.previewImage.imgList.length-this.pageSize)*this.itemWidth},noData:function(){return 0===this.previewImage.imgList.length},dataLength:function(){return this.previewImage.imgList.length}},watch:{value:{immediate:!0,handler:function(e){this.currentIndex=e}},"previewImage.index":{immediate:!0,handler:function(e){this.urlList.index=e}}},mounted:function(){this.pageSize=this.wrapperWidth()/this.itemWidth,this.urlList=this.previewImage;var e=this;window.onresize=function(){e.pageSize=e.wrapperWidth()/e.itemWidth,e.selected(e.currentIndex)}},methods:{toRight:function(){this.translateX<this.pageSize*this.itemWidth?this.translateX=0:this.translateX=this.translateX-this.pageSize*this.itemWidth},Left:function(){this.translateX=this.translateX+this.pageSize*this.itemWidth;var e=this.itemWidth*(this.dataLength-this.pageSize);this.translateX>e&&(this.translateX=e)},selected:function(e){var t=this.pageSize>>1,i=this.dataLength-t;if(e>t&&e<i){var n=e-t;this.translateX=this.itemWidth*n}else{var a=this.itemWidth*(this.dataLength-this.pageSize);this.translateX=e<=t?0:a}this.currentIndex!==e&&(this.currentIndex=e),this.$emit("selectedImg",e)},wrapperWidth:function(){return this.$refs.imagesWrapper?this.$refs.imagesWrapper.offsetWidth:0}}},o=r,c=(i("7cf7"),i("2877")),l=Object(c["a"])(o,n,a,!1,null,null,null);t["default"]=l.exports},bf34:function(e,t,i){"use strict";i.r(t);var n=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("div",{staticStyle:{width:"100%",height:"100%"}},[i("transition",{attrs:{name:"viewer-fade"}},[i("div",{directives:[{name:"show",rawName:"v-show",value:e.urlList.length>0,expression:"urlList.length > 0"}],ref:"image-viewer__wrapper",staticClass:"image-viewer__wrapper",style:{"z-index":5},attrs:{tabindex:"-1"}},[i("span",{staticClass:"image-viewer_desc"},[e._v("\n        "+e._s(e.index+1+" / "+e.urlList.length)+"\n      ")]),e._v(" "),i("span",{staticClass:"image-viewer__btn image-viewer__close",on:{click:e.hide}},[i("i",{staticClass:"el-icon-close"})]),e._v(" "),e.isSingle?e._e():[i("span",{staticClass:"image-viewer__btn image-viewer__prev",class:{"is-disabled":!e.infinite&&e.isFirst},on:{click:e.prev}},[i("i",{staticClass:"el-icon-arrow-left"})]),e._v(" "),i("span",{staticClass:"el-image-viewer__btn el-image-viewer__next",class:{"is-disabled":!e.infinite&&e.isLast},on:{click:e.next}},[i("i",{staticClass:"el-icon-arrow-right"})])],e._v(" "),i("div",{staticClass:"image-viewer__btn image-viewer__actions"},[i("div",{staticClass:"image-viewer__actions__inner"},[i("i",{staticClass:"el-icon-zoom-out",on:{click:function(t){return e.handleActions("zoomOut")}}}),e._v(" "),i("i",{staticClass:"el-icon-zoom-in",on:{click:function(t){return e.handleActions("zoomIn")}}}),e._v(" "),i("i",{staticClass:"el-image-viewer__actions__divider"}),e._v(" "),i("i",{staticClass:"el-icon-c-scale-to-original",on:{click:e.toggleMode}}),e._v(" "),i("i",{staticClass:"el-image-viewer__actions__divider"}),e._v(" "),i("i",{staticClass:"el-icon-refresh-left",on:{click:function(t){return e.handleActions("anticlocelise")}}}),e._v(" "),i("i",{staticClass:"el-icon-refresh-right",on:{click:function(t){return e.handleActions("clocelise")}}})])]),e._v(" "),i("div",{staticClass:"image-viewer__canvas",attrs:{id:"image-viewer__canvas"}},e._l(e.urlList,(function(t,n){return i("img",{directives:[{name:"show",rawName:"v-show",value:n===e.index,expression:"i === index"}],key:t.Id,ref:"img"+n,refInFor:!0,staticStyle:{"max-width":"100%","max-height":"100%"},style:e.imgStyle,attrs:{src:"/api/"+t.FullFilePath},on:{load:e.handleImgLoad,error:e.handleImgError,mousedown:e.handleMouseDown}})})),0)],2)])],1)},a=[],s=i("db72"),r=(i("c5f6"),i("526f")),o=i("6bd7"),c=Object(o["a"])()?"DOMMouseScroll":"mousewheel",l={name:"ImageViewer",props:{urlList:{type:Array,default:function(){return[]}},studyCode:{type:String,default:""},bodyPart:{type:String,default:""},modality:{type:String,default:""},onSwitch:{type:Function,default:function(){}},onClose:{type:Function,default:function(){}},initialIndex:{type:Number,default:0}},data:function(){return{index:this.initialIndex,isShow:!1,infinite:!0,loading:!1,transform:{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}}},computed:{isSingle:function(){return this.urlList.length<=1},isFirst:function(){return 0===this.index},isLast:function(){return this.index===this.urlList.length-1},imgStyle:function(){var e=this.transform,t=e.scale,i=e.deg,n=e.offsetX,a=e.offsetY,s=e.enableTransition,r={transform:"scale(".concat(t,") rotate(").concat(i,"deg)"),transition:s?"transform .3s":"","margin-left":"".concat(n,"px"),"margin-top":"".concat(a,"px")};return r}},watch:{initialIndex:{immediate:!0,handler:function(e){this.index=e}},index:{immediate:!0,handler:function(e){this.reset(),this.onSwitch(e)}}},mounted:function(){var e=this;document.getElementById("image-viewer__canvas").onmousewheel=function(t){return t.deltaY>0?e.handleActions("zoomOut",{zoomRate:.015,enableTransition:!1}):e.handleActions("zoomIn",{zoomRate:.015,enableTransition:!1}),!1},this.deviceSupportInstall()},methods:{hide:function(){this.deviceSupportUninstall(),this.onClose()},deviceSupportInstall:function(){var e=this;this._keyDownHandler=function(t){t.stopPropagation();var i=t.keyCode;switch(i){case 27:e.hide();break;case 32:e.toggleMode();break;case 37:e.prev();break;case 38:e.handleActions("zoomIn");break;case 39:e.next();break;case 40:e.handleActions("zoomOut");break}},this._mouseWheelHandler=Object(o["b"])((function(t){var i=t.wheelDelta?t.wheelDelta:-t.detail;i>0?e.handleActions("zoomIn",{zoomRate:.015,enableTransition:!1}):e.handleActions("zoomOut",{zoomRate:.015,enableTransition:!1})})),Object(r["b"])(document,"keydown",this._keyDownHandler),Object(r["b"])(document,c,null)},deviceSupportUninstall:function(){Object(r["a"])(document,"keydown",this._keyDownHandler),Object(r["a"])(document,c,this._mouseWheelHandler),this._keyDownHandler=null,this._mouseWheelHandler=null},handleImgLoad:function(e){this.loading=!1},handleImgError:function(e){this.loading=!1,e.target.alt="加载失败"},handleMouseDown:function(e){var t=this;if(!this.loading&&0===e.button){var i=this.transform,n=i.offsetX,a=i.offsetY,s=e.pageX,c=e.pageY;this._dragHandler=Object(o["b"])((function(e){t.transform.offsetX=n+e.pageX-s,t.transform.offsetY=a+e.pageY-c})),Object(r["b"])(document,"mousemove",this._dragHandler),Object(r["b"])(document,"mouseup",(function(e){Object(r["a"])(document,"mousemove",t._dragHandler)})),e.preventDefault()}},reset:function(){this.transform={scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1}},toggleMode:function(){this.loading||this.reset()},prev:function(){if(!this.isFirst||this.infinite){var e=this.urlList.length;this.index=(this.index-1+e)%e}},next:function(){if(!this.isLast||this.infinite){var e=this.urlList.length;this.index=(this.index+1)%e}},handleActions:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!this.loading){var i=Object(s["a"])({zoomRate:.2,rotateDeg:90,enableTransition:!0},t),n=i.zoomRate,a=i.rotateDeg,r=i.enableTransition,o=this.transform;switch(e){case"zoomOut":o.scale>.2&&(o.scale=parseFloat((o.scale-n).toFixed(3)));break;case"zoomIn":o.scale<5&&(o.scale=parseFloat((o.scale+n).toFixed(3)));break;case"clocelise":o.deg+=a;break;case"anticlocelise":o.deg-=a;break}o.enableTransition=r}}}},d=l,u=(i("551d"),i("2877")),h=Object(u["a"])(d,n,a,!1,null,"277055d0",null);t["default"]=h.exports},f380:function(e,t,i){}}]);