{"version":3,"sources":["webpack:///./src/components/InflamTask/InflamViewer.vue?e9a4","webpack:///src/components/InflamTask/InflamViewer.vue","webpack:///./src/components/InflamTask/InflamViewer.vue?378b","webpack:///./src/components/InflamTask/InflamViewer.vue","webpack:///./src/components/InflamTask/InflamViewer.vue?bb87"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","path","_v","directives","name","rawName","value","expression","minval","maxval","on","$event","changeDicomSlice","model","callback","$$v","staticStyle","windowBtnClick","zoomBtnClick","panBtnClick","resetBtnClick","switchClick","showInflam","staticClass","ref","staticRenderFns","config","webWorkerPath","taskConfiguration","decodeTask","codecsPath","cornerstone","data","segmentationArray","segmentationSize","dicomlist","loading","methods","clearMouseDown","$refs","canvas","removeEventListener","mouseDownZoom","mouseDownPan","canvassup","addEventListener","mouseMoveHandler","e","lastX","pageX","lastY","pageY","viewport","translation","x","deltaX","scale","y","deltaY","mouseUpHandler","document","mouseDownAdjustWindow","voi","windowWidth","windowCenter","cornerstoneRender","eventData","canvasContext","setTransform","rows","cols","sliceOffset","fillStyle","row","rowOffset","col","offset","topleft","topleft2","fillRect","created","computed","mounted","loadSegmentation","loadDicom","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,gBAAgB,CAACE,MAAM,CAAC,kBAAkB,wBAAwB,CAACF,EAAG,qBAAqB,CAACE,MAAM,CAAC,GAAK,CAAEC,KAAM,WAAY,CAACP,EAAIQ,GAAG,QAAQJ,EAAG,qBAAqB,CAACJ,EAAIQ,GAAG,UAAUJ,EAAG,qBAAqB,CAACJ,EAAIQ,GAAG,SAAS,GAAGJ,EAAG,UAAU,CAACA,EAAG,eAAe,CAACK,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,YAAYC,MAAOZ,EAAW,QAAEa,WAAW,YAAYP,MAAM,CAAC,uBAAuB,MAAM,0BAA0B,kBAAkB,6BAA6B,qBAAqB,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,OAAS,OAAO,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,OAAS,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,aAAa,GAAG,IAAMN,EAAIc,OAAO,IAAMd,EAAIe,QAAQC,GAAG,CAAC,OAAS,SAASC,GAAQ,OAAOjB,EAAIkB,qBAAqBC,MAAM,CAACP,MAAOZ,EAAS,MAAEoB,SAAS,SAAUC,GAAMrB,EAAIY,MAAMS,GAAKR,WAAW,YAAY,GAAGT,EAAG,SAAS,CAACkB,YAAY,CAAC,aAAa,OAAOhB,MAAM,CAAC,KAAO,IAAI,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQ,MAAQ,IAAIU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIuB,oBAAoB,CAACvB,EAAIQ,GAAG,QAAQJ,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQ,MAAQ,IAAIU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIwB,kBAAkB,CAACxB,EAAIQ,GAAG,QAAQJ,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQ,MAAQ,IAAIU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAIyB,iBAAiB,CAACzB,EAAIQ,GAAG,QAAQJ,EAAG,YAAY,CAACE,MAAM,CAAC,KAAO,UAAU,KAAO,QAAQ,MAAQ,IAAIU,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOjB,EAAI0B,mBAAmB,CAAC1B,EAAIQ,GAAG,SAAS,GAAGJ,EAAG,SAAS,CAACkB,YAAY,CAAC,aAAa,OAAOhB,MAAM,CAAC,KAAO,IAAI,CAACF,EAAG,YAAY,CAACE,MAAM,CAAC,cAAc,MAAMU,GAAG,CAAC,OAAShB,EAAI2B,aAAaR,MAAM,CAACP,MAAOZ,EAAc,WAAEoB,SAAS,SAAUC,GAAMrB,EAAI4B,WAAWP,GAAKR,WAAW,iBAAiB,IAAI,IAAI,GAAGT,EAAG,UAAU,CAACA,EAAG,MAAM,CAACyB,YAAY,wBAAwB,CAACzB,EAAG,MAAM,CAAC0B,IAAI,YAAYD,YAAY,mBAAmBzB,EAAG,MAAM,CAACyB,YAAY,wBAAwB,CAACzB,EAAG,MAAM,CAAC0B,IAAI,SAASD,YAAY,sBAAsB,IAAI,IAAI,IACt/DE,EAAkB,G,sbCwFlBC,EAAS,CACXC,cAAe,kDACfC,kBAAmB,CACjBC,WAAY,CACVC,WAAY,kDAIlB,oCACA,4BACA,cAAAC,cACA,gCAEA,OACEC,KADF,WAEI,MAAO,CACLV,YAAY,EACZW,kBAAmB,KACnBC,iBAAkB,KAClB5B,MAAO,EACPE,OAAQ,EACRC,OAAQ,EACR0B,UAAW,GACXC,SAAS,IAGbC,QAAS,CACP,UADJ,WACA,yKACA,4BACA,+BACA,gCACA,2BACA,qBAGA,IARA,SASA,YACA,0CAVA,gBASA,EATA,EASA,KAGA,iBACA,mBACA,8BAEA,uBACA,iCACA,kBACA,oCACA,uCACA,iBArBA,8CAyBI,iBA1BJ,WA0BA,sLACA,YACA,2CACA,8BAHA,gBACA,EADA,EACA,KAMA,IAEA,uBACA,sBAGA,kBACA,qBACA,uBAEA,4BACA,oCACA,oCACA,wCACA,sCACA,wCACA,sCACA,wCACA,sCACA,0CACA,wCACA,0CACA,wCACA,uCACA,qCACA,yCACA,uCACA,yCACA,uCAEA,qBAEA,oBACA,UACA,UACA,WAEA,iCA5CA,+CA8CIjB,cAxEJ,WAyEMzB,KAAKW,MAAQ,EACbX,KAAKiB,mBACLmB,EAAN,4BACMA,EAAN,gCAEIO,eA9EJ,WA+EM3C,KAAK4C,MAAMC,OAAOC,oBACxB,YACA,4BAEM9C,KAAK4C,MAAMC,OAAOC,oBAAoB,YAAa9C,KAAK+C,eACxD/C,KAAK4C,MAAMC,OAAOC,oBAAoB,YAAa9C,KAAKgD,cACxDhD,KAAK4C,MAAMK,UAAUH,oBAC3B,YACA,4BAEM9C,KAAK4C,MAAMK,UAAUH,oBAAoB,YAAa9C,KAAK+C,eAC3D/C,KAAK4C,MAAMK,UAAUH,oBAAoB,YAAa9C,KAAKgD,eAE7DzB,aA5FJ,WA6FMvB,KAAK2C,iBACL3C,KAAK4C,MAAMC,OAAOK,iBAAiB,YAAalD,KAAK+C,eACrD/C,KAAK4C,MAAMK,UAAUC,iBAAiB,YAAalD,KAAK+C,gBAE1DzB,eAjGJ,WAkGMtB,KAAK2C,iBACL3C,KAAK4C,MAAMC,OAAOK,iBACxB,YACA,4BAEMlD,KAAK4C,MAAMK,UAAUC,iBAC3B,YACA,6BAGI1B,YA5GJ,WA6GMxB,KAAK2C,iBACL3C,KAAK4C,MAAMC,OAAOK,iBAAiB,YAAalD,KAAKgD,cACrDhD,KAAK4C,MAAMK,UAAUC,iBAAiB,YAAalD,KAAKgD,eAE1DA,aAjHJ,SAiHA,GACM,IAAN,UACA,UACA,OACM,SAASG,EAAiBC,GACxB,IAAR,YACA,YACQC,EAAQD,EAAEE,MACVC,EAAQH,EAAEI,MAEV,IAAR,mCACQC,EAASC,YAAYC,GAAKC,EAASH,EAASI,MAC5CJ,EAASC,YAAYI,GAAKC,EAASN,EAASI,MAC5CzB,EAAR,iCACQA,EAAR,oCAGM,SAAS4B,IACPC,SAASnB,oBAAoB,YAAaK,GAC1Cc,SAASnB,oBAAoB,UAAWkB,GAG1CC,SAASf,iBAAiB,YAAaC,GACvCc,SAASf,iBAAiB,UAAWc,IAEvCjB,cA1IJ,SA0IA,GACM,IAAN,OAEA,GADA,QACA,SAEM,SAASI,EAAiBC,GAChC,QAAQ,IACR,YACgBA,EAAEE,MACVC,EAAQH,EAAEI,MAEV,IAAR,mCACQC,EAASI,OAASE,EAAS,IAC3B3B,EAAR,iCACQA,EAAR,oCAGM,SAAS4B,IACPC,SAASnB,oBAAoB,UAAWkB,GACxCC,SAASnB,oBAAoB,YAAaK,GAG5Cc,SAASf,iBAAiB,YAAaC,GACvCc,SAASf,iBAAiB,UAAWc,IAEvCE,sBAnKJ,SAmKA,GACM,IAAN,UACA,UACA,OACM,SAASf,EAAiBC,GACxB,IAAR,YACA,YACQC,EAAQD,EAAEE,MACVC,EAAQH,EAAEI,MAEV,IAAR,mCACQC,EAASU,IAAIC,aAAeR,EAASH,EAASI,MAC9CJ,EAASU,IAAIE,cAAgBN,EAASN,EAASI,MAC/CzB,EAAR,iCACQA,EAAR,oCAGM,SAAS4B,IACPC,SAASnB,oBAAoB,YAAaK,GAC1Cc,SAASnB,oBAAoB,UAAWkB,GAG1CC,SAASf,iBAAiB,YAAaC,GACvCc,SAASf,iBAAiB,UAAWc,IAEvC/C,iBA5LJ,WA6LM,IAAN,OACMmB,EAAN,qBACA,uCACA,kBACQ,EAAR,kCACQ,EAAR,yCAGIkC,kBArMJ,SAqMA,GACM,IAAwB,IAApBtE,KAAK2B,WAAT,CACA,IACN,WACM4C,EAAUC,cAAcC,aAAa,EAAG,EAAG,EAAG,EAAG,EAAG,GACpD,IAAN,kBACUC,EAAO1E,KAAKuC,iBAAiB,GAC7BoC,EAAO3E,KAAKuC,iBAAiB,GAC7BqC,EAAcF,EAAOC,EAAO3E,KAAKW,MACrC6D,EAAcK,UAAY,sBAC1B,IAAK,IAAIC,EAAM,EAAGA,EAAMJ,EAAMI,IAE5B,IADA,IAAIC,EAAYD,EAAMH,EACbK,EAAM,EAAGA,EAAML,EAAMK,IAAO,CACnC,IAAIC,EAASL,EAAcG,EAAYC,EACnCrE,EAAQX,KAAKsC,kBAAkB2C,GACnC,GAAc,IAAVtE,EAAa,CACf,IAAIuE,EAAU9C,EAA1B,oCACcuB,EAAGqB,EACHlB,EAAGgB,IAEDK,EAAW/C,EAA3B,oCACcuB,EAAGqB,EAAM,EACTlB,EAAGgB,EAAM,IAEXN,EAAcY,SAC1B,IACA,IACA,QACA,aAMI1D,YAvOJ,WAwOM1B,KAAKiB,qBAGToE,QAxPF,aAyPEC,SAAU,GACVC,QA1PF,WA2PIvF,KAAKwF,mBACLxF,KAAKyF,cClWgc,I,wBCQrcC,EAAY,eACd,EACA5F,EACAgC,GACA,EACA,KACA,WACA,MAIa,aAAA4D,E,2CCnBf","file":"js/chunk-32fec329.1645415993598.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/home' }}},[_vm._v(\"首页\")]),_c('el-breadcrumb-item',[_vm._v(\"数据管理\")]),_c('el-breadcrumb-item',[_vm._v(\"CT\")])],1),_c('el-card',[_c('el-container',{directives:[{name:\"loading\",rawName:\"v-loading\",value:(_vm.loading),expression:\"loading\"}],attrs:{\"element-loading-text\":\"加载中\",\"element-loading-spinner\":\"el-icon-loading\",\"element-loading-background\":\"rgba(0, 0, 0, 1)\"}},[_c('el-header',{attrs:{\"height\":\"50\"}},[_c('el-row',{attrs:{\"gutter\":20}},[_c('el-col',{attrs:{\"span\":12}},[_c('el-slider',{attrs:{\"show-input\":\"\",\"min\":_vm.minval,\"max\":_vm.maxval},on:{\"change\":function($event){return _vm.changeDicomSlice()}},model:{value:(_vm.value),callback:function ($$v) {_vm.value=$$v},expression:\"value\"}})],1),_c('el-col',{staticStyle:{\"margin-top\":\"3px\"},attrs:{\"span\":8}},[_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.windowBtnClick()}}},[_vm._v(\"窗口\")]),_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.zoomBtnClick()}}},[_vm._v(\"缩放\")]),_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.panBtnClick()}}},[_vm._v(\"移动\")]),_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"small\",\"plain\":\"\"},on:{\"click\":function($event){return _vm.resetBtnClick()}}},[_vm._v(\"重置\")])],1),_c('el-col',{staticStyle:{\"margin-top\":\"8px\"},attrs:{\"span\":4}},[_c('el-switch',{attrs:{\"active-text\":\"肺炎\"},on:{\"change\":_vm.switchClick},model:{value:(_vm.showInflam),callback:function ($$v) {_vm.showInflam=$$v},expression:\"showInflam\"}})],1)],1)],1),_c('el-main',[_c('div',{staticClass:\"image-canvas-wrapper\"},[_c('div',{ref:\"canvassup\",staticClass:\"image-canvas\"})]),_c('div',{staticClass:\"image-canvas-wrapper\"},[_c('div',{ref:\"canvas\",staticClass:\"image-canvas\"})])])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <el-breadcrumb separator-class=\"el-icon-arrow-right\">\r\n      <el-breadcrumb-item :to=\"{ path: '/home' }\">首页</el-breadcrumb-item>\r\n      <el-breadcrumb-item>数据管理</el-breadcrumb-item>\r\n      <el-breadcrumb-item>CT</el-breadcrumb-item>\r\n    </el-breadcrumb>\r\n    <el-card>\r\n      <el-container\r\n        v-loading=\"loading\"\r\n        element-loading-text=\"加载中\"\r\n        element-loading-spinner=\"el-icon-loading\"\r\n        element-loading-background=\"rgba(0, 0, 0, 1)\"\r\n      >\r\n        <el-header height=\"50\">\r\n          <el-row :gutter=\"20\">\r\n            <el-col :span=\"12\">\r\n              <el-slider\r\n                v-model=\"value\"\r\n                show-input\r\n                :min=\"minval\"\r\n                :max=\"maxval\"\r\n                @change=\"changeDicomSlice()\"\r\n              ></el-slider>\r\n            </el-col>\r\n            <el-col :span=\"8\" style=\"margin-top:3px;\">\r\n              <el-button\r\n                @click=\"windowBtnClick()\"\r\n                type=\"primary\"\r\n                size=\"small\"\r\n                plain\r\n                >窗口</el-button\r\n              >\r\n              <el-button\r\n                @click=\"zoomBtnClick()\"\r\n                type=\"primary\"\r\n                size=\"small\"\r\n                plain\r\n                >缩放</el-button\r\n              >\r\n              <el-button\r\n                @click=\"panBtnClick()\"\r\n                type=\"primary\"\r\n                size=\"small\"\r\n                plain\r\n                >移动</el-button\r\n              >\r\n              <el-button\r\n                @click=\"resetBtnClick()\"\r\n                type=\"primary\"\r\n                size=\"small\"\r\n                plain\r\n                >重置</el-button\r\n              >\r\n            </el-col>\r\n            <el-col :span=\"4\" style=\"margin-top:8px;\">\r\n              <el-switch\r\n                active-text=\"肺炎\"\r\n                v-model=\"showInflam\"\r\n                @change=\"switchClick\"\r\n              >\r\n              </el-switch>\r\n            </el-col>\r\n          </el-row>\r\n        </el-header>\r\n        <el-main>\r\n          <div class=\"image-canvas-wrapper\">\r\n            <!-- DICOM CANVAS -->\r\n            <div ref=\"canvassup\" class=\"image-canvas\"></div>\r\n          </div>\r\n          <div class=\"image-canvas-wrapper\">\r\n            <!-- DICOM CANVAS -->\r\n            <div ref=\"canvas\" class=\"image-canvas\"></div>\r\n          </div>\r\n        </el-main>\r\n      </el-container>\r\n    </el-card>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as cornerstone from \"cornerstone-core\";\r\nimport * as dicomParser from \"dicom-parser\";\r\nimport * as cornerstoneWADOImageLoader from \"cornerstone-wado-image-loader\";\r\nimport Hammer from \"hammerjs\";\r\nimport * as cornerstoneMath from \"cornerstone-math\";\r\nimport * as cornerstoneTools from \"cornerstone-tools\";\r\nimport * as nifti from \"nifti-reader-js\";\r\n\r\nvar config = {\r\n  webWorkerPath: \"/lib/cornerstoneWADOImageLoaderWebWorker.min.js\",\r\n  taskConfiguration: {\r\n    decodeTask: {\r\n      codecsPath: \"/lib/cornerstoneWADOImageLoaderCodecs.min.js\",\r\n    },\r\n  },\r\n};\r\ncornerstoneWADOImageLoader.webWorkerManager.initialize(config);\r\ncornerstoneWADOImageLoader.external.dicomParser = dicomParser;\r\ncornerstoneWADOImageLoader.external.cornerstone = cornerstone;\r\ncornerstoneWADOImageLoader.external.cornerstoneMath = cornerstoneMath;\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      showInflam: true,\r\n      segmentationArray: null,\r\n      segmentationSize: null,\r\n      value: 0,\r\n      minval: 0,\r\n      maxval: 0,\r\n      dicomlist: [],\r\n      loading: true,\r\n    };\r\n  },\r\n  methods: {\r\n    async loadDicom() {\r\n      cornerstone.enable(this.$refs.canvas);\r\n      cornerstone.enable(this.$refs.canvassup);\r\n      this.$refs.canvas.addEventListener(\r\n        \"cornerstoneimagerendered\",\r\n        this.cornerstoneRender\r\n      );\r\n\r\n      let _this = this;\r\n      const { data } = await this.$http.get(\r\n        \"/getDicomUrlsByTask/\" + this.$route.query.id\r\n      );\r\n      if (data.status === 100) {\r\n        this.dicomlist = data.data;\r\n        this.maxval = this.dicomlist.length - 1;\r\n\r\n        cornerstone\r\n          .loadAndCacheImage(\"wadouri:\" + this.dicomlist[this.value])\r\n          .then(function (image) {\r\n            cornerstone.displayImage(_this.$refs.canvas, image);\r\n            cornerstone.displayImage(_this.$refs.canvassup, image);\r\n            _this.loading = false;\r\n          });\r\n      }\r\n    },\r\n    async loadSegmentation() {\r\n      const { data } = await this.$http.get(\r\n        \"/downloadSegmentation/\" + this.$route.query.id,\r\n        { responseType: \"arraybuffer\" }\r\n      );\r\n      var niftiHeader, niftiImage;\r\n\r\n      var niidata = data;\r\n      // parse nifti\r\n      if (nifti.isCompressed(niidata)) {\r\n        var niidata = nifti.decompress(niidata);\r\n      }\r\n\r\n      if (nifti.isNIFTI(niidata)) {\r\n        niftiHeader = nifti.readHeader(niidata);\r\n        niftiImage = nifti.readImage(niftiHeader, niidata);\r\n      }\r\n      console.log(niftiHeader.datatypeCode);\r\n      console.log(nifti.NIFTI1.TYPE_UINT8);\r\n      console.log(nifti.NIFTI1.TYPE_INT16);\r\n      if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_UINT8) {\r\n        this.segmentationArray = new Uint8Array(niftiImage);\r\n      } else if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_INT16) {\r\n        this.segmentationArray = new Int16Array(niftiImage);\r\n      } else if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_INT32) {\r\n        this.segmentationArray = new Int32Array(niftiImage);\r\n      } else if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_FLOAT32) {\r\n        this.segmentationArray = new Float32Array(niftiImage);\r\n      } else if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_FLOAT64) {\r\n        this.segmentationArray = new Float64Array(niftiImage);\r\n      } else if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_INT8) {\r\n        this.segmentationArray = new Int8Array(niftiImage);\r\n      } else if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_UINT16) {\r\n        this.segmentationArray = new Uint16Array(niftiImage);\r\n      } else if (niftiHeader.datatypeCode === nifti.NIFTI1.TYPE_UINT32) {\r\n        this.segmentationArray = new Uint32Array(niftiImage);\r\n      } else {\r\n        console.log(\"wrong\");\r\n      }\r\n      this.segmentationSize = [\r\n        niftiHeader.dims[1],\r\n        niftiHeader.dims[2],\r\n        niftiHeader.dims[3],\r\n      ];\r\n      console.log(this.segmentationArray);\r\n    },\r\n    resetBtnClick() {\r\n      this.value = 0;\r\n      this.changeDicomSlice();\r\n      cornerstone.reset(this.$refs.canvas);\r\n      cornerstone.reset(this.$refs.canvassup);\r\n    },\r\n    clearMouseDown() {\r\n      this.$refs.canvas.removeEventListener(\r\n        \"mousedown\",\r\n        this.mouseDownAdjustWindow\r\n      );\r\n      this.$refs.canvas.removeEventListener(\"mousedown\", this.mouseDownZoom);\r\n      this.$refs.canvas.removeEventListener(\"mousedown\", this.mouseDownPan);\r\n      this.$refs.canvassup.removeEventListener(\r\n        \"mousedown\",\r\n        this.mouseDownAdjustWindow\r\n      );\r\n      this.$refs.canvassup.removeEventListener(\"mousedown\", this.mouseDownZoom);\r\n      this.$refs.canvassup.removeEventListener(\"mousedown\", this.mouseDownPan);\r\n    },\r\n    zoomBtnClick() {\r\n      this.clearMouseDown();\r\n      this.$refs.canvas.addEventListener(\"mousedown\", this.mouseDownZoom);\r\n      this.$refs.canvassup.addEventListener(\"mousedown\", this.mouseDownZoom);\r\n    },\r\n    windowBtnClick() {\r\n      this.clearMouseDown();\r\n      this.$refs.canvas.addEventListener(\r\n        \"mousedown\",\r\n        this.mouseDownAdjustWindow\r\n      );\r\n      this.$refs.canvassup.addEventListener(\r\n        \"mousedown\",\r\n        this.mouseDownAdjustWindow\r\n      );\r\n    },\r\n    panBtnClick() {\r\n      this.clearMouseDown();\r\n      this.$refs.canvas.addEventListener(\"mousedown\", this.mouseDownPan);\r\n      this.$refs.canvassup.addEventListener(\"mousedown\", this.mouseDownPan);\r\n    },\r\n    mouseDownPan(e) {\r\n      let lastX = e.pageX;\r\n      let lastY = e.pageY;\r\n      const _this = this;\r\n      function mouseMoveHandler(e) {\r\n        const deltaX = e.pageX - lastX;\r\n        const deltaY = e.pageY - lastY;\r\n        lastX = e.pageX;\r\n        lastY = e.pageY;\r\n\r\n        const viewport = cornerstone.getViewport(_this.$refs.canvas);\r\n        viewport.translation.x += deltaX / viewport.scale;\r\n        viewport.translation.y += deltaY / viewport.scale;\r\n        cornerstone.setViewport(_this.$refs.canvas, viewport);\r\n        cornerstone.setViewport(_this.$refs.canvassup, viewport);\r\n      }\r\n\r\n      function mouseUpHandler() {\r\n        document.removeEventListener(\"mousemove\", mouseMoveHandler);\r\n        document.removeEventListener(\"mouseup\", mouseUpHandler);\r\n      }\r\n\r\n      document.addEventListener(\"mousemove\", mouseMoveHandler);\r\n      document.addEventListener(\"mouseup\", mouseUpHandler);\r\n    },\r\n    mouseDownZoom(e) {\r\n      const _this = this;\r\n      let lastX = e.pageX;\r\n      let lastY = e.pageY;\r\n\r\n      function mouseMoveHandler(e) {\r\n        const deltaX = e.pageX - lastX;\r\n        const deltaY = e.pageY - lastY;\r\n        lastX = e.pageX;\r\n        lastY = e.pageY;\r\n\r\n        let viewport = cornerstone.getViewport(_this.$refs.canvas);\r\n        viewport.scale += deltaY / 100;\r\n        cornerstone.setViewport(_this.$refs.canvas, viewport);\r\n        cornerstone.setViewport(_this.$refs.canvassup, viewport);\r\n      }\r\n\r\n      function mouseUpHandler() {\r\n        document.removeEventListener(\"mouseup\", mouseUpHandler);\r\n        document.removeEventListener(\"mousemove\", mouseMoveHandler);\r\n      }\r\n\r\n      document.addEventListener(\"mousemove\", mouseMoveHandler);\r\n      document.addEventListener(\"mouseup\", mouseUpHandler);\r\n    },\r\n    mouseDownAdjustWindow(e) {\r\n      let lastX = e.pageX;\r\n      let lastY = e.pageY;\r\n      let _this = this;\r\n      function mouseMoveHandler(e) {\r\n        const deltaX = e.pageX - lastX;\r\n        const deltaY = e.pageY - lastY;\r\n        lastX = e.pageX;\r\n        lastY = e.pageY;\r\n\r\n        let viewport = cornerstone.getViewport(_this.$refs.canvas);\r\n        viewport.voi.windowWidth += deltaX / viewport.scale;\r\n        viewport.voi.windowCenter += deltaY / viewport.scale;\r\n        cornerstone.setViewport(_this.$refs.canvas, viewport);\r\n        cornerstone.setViewport(_this.$refs.canvassup, viewport);\r\n      }\r\n\r\n      function mouseUpHandler() {\r\n        document.removeEventListener(\"mousemove\", mouseMoveHandler);\r\n        document.removeEventListener(\"mouseup\", mouseUpHandler);\r\n      }\r\n\r\n      document.addEventListener(\"mousemove\", mouseMoveHandler);\r\n      document.addEventListener(\"mouseup\", mouseUpHandler);\r\n    },\r\n    changeDicomSlice() {\r\n      let _this = this;\r\n      cornerstone\r\n        .loadAndCacheImage(\"wadouri:\" + this.dicomlist[this.value])\r\n        .then(function (image) {\r\n          cornerstone.displayImage(_this.$refs.canvas, image);\r\n          cornerstone.displayImage(_this.$refs.canvassup, image);\r\n        });\r\n    },\r\n    cornerstoneRender(e) {\r\n      if (this.showInflam === false) return;\r\n      const _this = this;\r\n      const eventData = e.detail;\r\n      eventData.canvasContext.setTransform(1, 0, 0, 1, 0, 0);\r\n      const canvasContext = eventData.canvasContext;\r\n      var rows = this.segmentationSize[1];\r\n      var cols = this.segmentationSize[0];\r\n      var sliceOffset = rows * cols * this.value;\r\n      canvasContext.fillStyle = \"rgba(178,34,34,0.7)\";\r\n      for (var row = 0; row < rows; row++) {\r\n        var rowOffset = row * cols;\r\n        for (var col = 0; col < cols; col++) {\r\n          var offset = sliceOffset + rowOffset + col;\r\n          var value = this.segmentationArray[offset];\r\n          if (value !== 0) {\r\n            var topleft = cornerstone.pixelToCanvas(this.$refs.canvas, {\r\n              x: col,\r\n              y: row,\r\n            });\r\n            var topleft2 = cornerstone.pixelToCanvas(this.$refs.canvas, {\r\n              x: col + 1,\r\n              y: row + 1,\r\n            });\r\n            canvasContext.fillRect(\r\n              topleft.x,\r\n              topleft.y,\r\n              topleft2.x - topleft.x,\r\n              topleft2.y - topleft.y\r\n            );\r\n          }\r\n        }\r\n      }\r\n    },\r\n    switchClick() {\r\n      this.changeDicomSlice();\r\n    },\r\n  },\r\n  created() {},\r\n  computed: {},\r\n  mounted() {\r\n    this.loadSegmentation();\r\n    this.loadDicom();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n.image-canvas-wrapper {\r\n  width: 50%;\r\n  height: 512px;\r\n  float: left;\r\n  // margin: 0 auto;\r\n}\r\n.image-canvas {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.2@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/index.js??vue-loader-options!./InflamViewer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.2@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/index.js??vue-loader-options!./InflamViewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InflamViewer.vue?vue&type=template&id=40537243&scoped=true&\"\nimport script from \"./InflamViewer.vue?vue&type=script&lang=js&\"\nexport * from \"./InflamViewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InflamViewer.vue?vue&type=style&index=0&id=40537243&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"40537243\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/_mini-css-extract-plugin@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--10-oneOf-1-1!../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/_less-loader@5.0.0@less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/_vue-loader@15.9.8@vue-loader/lib/index.js??vue-loader-options!./InflamViewer.vue?vue&type=style&index=0&id=40537243&lang=less&scoped=true&\""],"sourceRoot":""}