{"version":3,"sources":["webpack:///./src/components/DataManage/CTViewer.vue?dd31","webpack:///src/components/DataManage/CTViewer.vue","webpack:///./src/components/DataManage/CTViewer.vue?8db2","webpack:///./src/components/DataManage/CTViewer.vue","webpack:///./src/components/DataManage/CTViewer.vue?181f"],"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","staticClass","ref","staticRenderFns","config","webWorkerPath","taskConfiguration","decodeTask","codecsPath","cornerstone","data","dataid","dicomlist","loading","methods","clearMouseDown","$refs","canvas","removeEventListener","mouseDownZoom","mouseDownPan","addEventListener","mouseMoveHandler","e","lastX","pageX","lastY","pageY","viewport","translation","x","deltaX","scale","y","deltaY","mouseUpHandler","document","mouseDownAdjustWindow","voi","windowWidth","windowCenter","created","computed","mounted","loadDicom","component"],"mappings":"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","file":"js/chunk-6c779e15.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\":16}},[_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)],1)],1),_c('el-main',[_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 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        <el-header height=\"50\">\r\n          <el-row :gutter=\"20\">\r\n            <el-col :span=\"16\">\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-row>\r\n        </el-header>\r\n        <el-main>\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      dataid: 0,\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\r\n      this.dataid = this.$route.query.id;\r\n      const { data } = await this.$http.get(\"/getDicomUrls/\" + this.dataid);\r\n      let _this = this;\r\n      if (data.status === 100) {\r\n        this.dicomlist = data.data;\r\n        this.maxval = this.dicomlist.length - 1;\r\n        cornerstone.loadAndCacheImage(\"wadouri:\" + this.dicomlist[this.value]).then(\r\n          function(image) {\r\n            cornerstone.displayImage(_this.$refs.canvas, image);\r\n            _this.loading = false;\r\n          }\r\n        )\r\n        \r\n      }\r\n      \r\n    },\r\n    resetBtnClick() {\r\n      this.value = 0;\r\n      this.changeDicomSlice();\r\n      cornerstone.reset(this.$refs.canvas);\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    },\r\n    zoomBtnClick() {\r\n      this.clearMouseDown();\r\n      this.$refs.canvas.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    },\r\n    panBtnClick() {\r\n      this.clearMouseDown();\r\n      this.$refs.canvas.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      }\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      }\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      }\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        });\r\n    },\r\n  },\r\n  created() {\r\n    \r\n  },\r\n  computed: {},\r\n  mounted() {\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: 100%;\r\n  height: 512px;\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!./CTViewer.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!./CTViewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CTViewer.vue?vue&type=template&id=7b9f134c&scoped=true&\"\nimport script from \"./CTViewer.vue?vue&type=script&lang=js&\"\nexport * from \"./CTViewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CTViewer.vue?vue&type=style&index=0&id=7b9f134c&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  \"7b9f134c\",\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!./CTViewer.vue?vue&type=style&index=0&id=7b9f134c&lang=less&scoped=true&\""],"sourceRoot":""}