Compare commits
No commits in common. "949ec6d2d60c3be7c6ff9dea7528bdd816cf2327" and "6b331ab6f688fea9743a34eec4a503e2a71f1a5b" have entirely different histories.
949ec6d2d6
...
6b331ab6f6
|
|
@ -1,19 +1,13 @@
|
|||
/* eslint-disable no-unused-vars */
|
||||
<template>
|
||||
<div style="width: 100%; height: 100%">
|
||||
<div style="width:100%;height:100%;">
|
||||
<transition name="viewer-fade">
|
||||
<div
|
||||
v-show="urlList.length > 0"
|
||||
ref="image-viewer__wrapper"
|
||||
tabindex="-1"
|
||||
class="image-viewer__wrapper"
|
||||
:style="{ 'z-index': 5 }"
|
||||
>
|
||||
<div v-show="urlList.length > 0" ref="image-viewer__wrapper" tabindex="-1" class="image-viewer__wrapper" :style="{ 'z-index':5 }">
|
||||
<span class="image-viewer_desc">
|
||||
<!-- <span v-if="studyCode">NST00006</span>
|
||||
<span v-if="modality">CT</span>
|
||||
<span v-if="bodyPart">上/下腹部</span><br> -->
|
||||
{{ `${index + 1} / ${urlList.length}` }}
|
||||
{{ `${index+1} / ${urlList.length}` }}
|
||||
</span>
|
||||
<!-- 关闭 -->
|
||||
<span class="image-viewer__btn image-viewer__close" @click="hide">
|
||||
|
|
@ -44,46 +38,37 @@
|
|||
<i class="el-image-viewer__actions__divider" />
|
||||
<i class="el-icon-c-scale-to-original" @click="toggleMode" />
|
||||
<i class="el-image-viewer__actions__divider" />
|
||||
<i
|
||||
class="el-icon-refresh-left"
|
||||
@click="handleActions('anticlocelise')"
|
||||
/>
|
||||
<i
|
||||
class="el-icon-refresh-right"
|
||||
@click="handleActions('clocelise')"
|
||||
/>
|
||||
<i class="el-icon-refresh-left" @click="handleActions('anticlocelise')" />
|
||||
<i class="el-icon-refresh-right" @click="handleActions('clocelise')" />
|
||||
</div>
|
||||
</div>
|
||||
<!-- 图片 -->
|
||||
<div id="image-viewer__canvas" class="image-viewer__canvas">
|
||||
<template v-for="(item, i) in urlList">
|
||||
<img
|
||||
v-if="!~item.FileType.indexOf('pdf')"
|
||||
v-show="i === index"
|
||||
:ref="`img${i}`"
|
||||
:key="item.Id"
|
||||
crossorigin="anonymous"
|
||||
:src="
|
||||
item.FileType && item.FileType.indexOf('zip') >= 0
|
||||
? zipImg
|
||||
: `${OSSclientConfig.basePath}${item.Path}`
|
||||
"
|
||||
:style="imgStyle"
|
||||
style="max-width: 100%; max-height: 100%"
|
||||
@load="handleImgLoad"
|
||||
@error="handleImgError"
|
||||
@mousedown="handleMouseDown"
|
||||
/>
|
||||
</template>
|
||||
<img
|
||||
v-for="(item, i) in urlList"
|
||||
v-show="i === index"
|
||||
:ref="`img${i}`"
|
||||
:key="item.Id"
|
||||
crossorigin="anonymous"
|
||||
:src="item.FileType&&item.FileType.indexOf('zip')>=0?zipImg:`${OSSclientConfig.basePath}${item.Path}`"
|
||||
:style="imgStyle"
|
||||
style="max-width:100%;max-height: 100%;"
|
||||
@load="handleImgLoad"
|
||||
@error="handleImgError"
|
||||
@mousedown="handleMouseDown"
|
||||
>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</transition>
|
||||
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { on, off } from 'element-ui/src/utils/dom'
|
||||
import { rafThrottle, isFirefox } from 'element-ui/src/utils/util'
|
||||
import { rafThrottle, isFirefox } from 'element-ui/src/utils/util';
|
||||
|
||||
const mousewheelEventName = isFirefox() ? 'DOMMouseScroll' : 'mousewheel'
|
||||
|
||||
|
|
@ -92,36 +77,36 @@ export default {
|
|||
props: {
|
||||
urlList: {
|
||||
type: Array,
|
||||
default: () => [],
|
||||
default: () => []
|
||||
},
|
||||
studyCode: {
|
||||
type: String,
|
||||
default: '',
|
||||
default: ''
|
||||
},
|
||||
bodyPart: {
|
||||
type: String,
|
||||
default: '',
|
||||
default: ''
|
||||
},
|
||||
modality: {
|
||||
type: String,
|
||||
default: '',
|
||||
default: ''
|
||||
},
|
||||
onSwitch: {
|
||||
type: Function,
|
||||
default: () => {},
|
||||
default: () => {}
|
||||
},
|
||||
onClose: {
|
||||
type: Function,
|
||||
default: () => {},
|
||||
default: () => {}
|
||||
},
|
||||
initialIndex: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
zipImg: {
|
||||
required: true,
|
||||
default: '',
|
||||
default: 0
|
||||
},
|
||||
zipImg:{
|
||||
required:true,
|
||||
default:''
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
|
|
@ -135,7 +120,7 @@ export default {
|
|||
deg: 0,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
enableTransition: false,
|
||||
enableTransition: false
|
||||
},
|
||||
}
|
||||
},
|
||||
|
|
@ -156,25 +141,25 @@ export default {
|
|||
transform: `scale(${scale}) rotate(${deg}deg)`,
|
||||
transition: enableTransition ? 'transform .3s' : '',
|
||||
'margin-left': `${offsetX}px`,
|
||||
'margin-top': `${offsetY}px`,
|
||||
'margin-top': `${offsetY}px`
|
||||
}
|
||||
return style
|
||||
},
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
initialIndex: {
|
||||
immediate: true,
|
||||
handler(val) {
|
||||
this.index = val
|
||||
},
|
||||
}
|
||||
},
|
||||
index: {
|
||||
immediate: true,
|
||||
handler(val) {
|
||||
this.reset()
|
||||
this.onSwitch(val)
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
document.getElementById('image-viewer__canvas').onmousewheel = (event) => {
|
||||
|
|
@ -182,13 +167,13 @@ export default {
|
|||
// 缩小
|
||||
this.handleActions('zoomOut', {
|
||||
zoomRate: 0.015,
|
||||
enableTransition: false,
|
||||
enableTransition: false
|
||||
})
|
||||
} else {
|
||||
// 放大
|
||||
this.handleActions('zoomIn', {
|
||||
zoomRate: 0.015,
|
||||
enableTransition: false,
|
||||
enableTransition: false
|
||||
})
|
||||
}
|
||||
return false
|
||||
|
|
@ -201,7 +186,7 @@ export default {
|
|||
this.onClose()
|
||||
},
|
||||
deviceSupportInstall() {
|
||||
this._keyDownHandler = (e) => {
|
||||
this._keyDownHandler = e => {
|
||||
e.stopPropagation()
|
||||
const keyCode = e.keyCode
|
||||
switch (keyCode) {
|
||||
|
|
@ -231,17 +216,17 @@ export default {
|
|||
break
|
||||
}
|
||||
}
|
||||
this._mouseWheelHandler = rafThrottle((e) => {
|
||||
this._mouseWheelHandler = rafThrottle(e => {
|
||||
const delta = e.wheelDelta ? e.wheelDelta : -e.detail
|
||||
if (delta > 0) {
|
||||
this.handleActions('zoomIn', {
|
||||
zoomRate: 0.015,
|
||||
enableTransition: false,
|
||||
enableTransition: false
|
||||
})
|
||||
} else {
|
||||
this.handleActions('zoomOut', {
|
||||
zoomRate: 0.015,
|
||||
enableTransition: false,
|
||||
enableTransition: false
|
||||
})
|
||||
}
|
||||
})
|
||||
|
|
@ -269,12 +254,12 @@ export default {
|
|||
const { offsetX, offsetY } = this.transform
|
||||
const startX = e.pageX
|
||||
const startY = e.pageY
|
||||
this._dragHandler = rafThrottle((ev) => {
|
||||
this._dragHandler = rafThrottle(ev => {
|
||||
this.transform.offsetX = offsetX + ev.pageX - startX
|
||||
this.transform.offsetY = offsetY + ev.pageY - startY
|
||||
})
|
||||
on(document, 'mousemove', this._dragHandler)
|
||||
on(document, 'mouseup', (ev) => {
|
||||
on(document, 'mouseup', ev => {
|
||||
off(document, 'mousemove', this._dragHandler)
|
||||
})
|
||||
|
||||
|
|
@ -286,7 +271,7 @@ export default {
|
|||
deg: 0,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
enableTransition: false,
|
||||
enableTransition: false
|
||||
}
|
||||
},
|
||||
toggleMode() {
|
||||
|
|
@ -309,22 +294,18 @@ export default {
|
|||
zoomRate: 0.2,
|
||||
rotateDeg: 90,
|
||||
enableTransition: true,
|
||||
...options,
|
||||
...options
|
||||
}
|
||||
const { transform } = this
|
||||
switch (action) {
|
||||
case 'zoomOut':
|
||||
if (transform.scale > 0.2) {
|
||||
transform.scale = parseFloat(
|
||||
(transform.scale - zoomRate).toFixed(3)
|
||||
)
|
||||
transform.scale = parseFloat((transform.scale - zoomRate).toFixed(3))
|
||||
}
|
||||
break
|
||||
case 'zoomIn':
|
||||
if (transform.scale < 5) {
|
||||
transform.scale = parseFloat(
|
||||
(transform.scale + zoomRate).toFixed(3)
|
||||
)
|
||||
transform.scale = parseFloat((transform.scale + zoomRate).toFixed(3))
|
||||
}
|
||||
break
|
||||
case 'clocelise':
|
||||
|
|
@ -335,46 +316,47 @@ export default {
|
|||
break
|
||||
}
|
||||
transform.enableTransition = enableTransition
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.image-viewer__wrapper {
|
||||
position: relative;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
.image-viewer__wrapper{
|
||||
position: relative;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.image-viewer__btn {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 50%;
|
||||
opacity: 0.8;
|
||||
cursor: pointer;
|
||||
box-sizing: border-box;
|
||||
user-select: none;
|
||||
.image-viewer__btn{
|
||||
position:absolute;
|
||||
z-index:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
border-radius:50%;
|
||||
opacity:.8;
|
||||
cursor:pointer;
|
||||
box-sizing:border-box;
|
||||
user-select:none
|
||||
}
|
||||
|
||||
.image-viewer__close {
|
||||
.image-viewer__close{
|
||||
display: none;
|
||||
top: 40px;
|
||||
right: 40px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 40px;
|
||||
top:40px;
|
||||
right:40px;
|
||||
width:40px;
|
||||
height:40px;
|
||||
font-size:40px
|
||||
}
|
||||
.image-viewer_desc {
|
||||
position: absolute;
|
||||
top: 40px;
|
||||
left: 40px;
|
||||
font-size: 15px;
|
||||
.image-viewer_desc{
|
||||
position:absolute;
|
||||
top:40px;
|
||||
left:40px;
|
||||
font-size:15px;
|
||||
padding: 5px;
|
||||
height: 30px;
|
||||
width: 70px;
|
||||
|
|
@ -387,92 +369,92 @@ export default {
|
|||
border-radius: 17px;
|
||||
// border-radius: 2%;
|
||||
}
|
||||
.image-viewer__canvas {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.image-viewer__canvas{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width:100%;
|
||||
height:100%;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center
|
||||
}
|
||||
.image-viewer__actions {
|
||||
left: 50%;
|
||||
bottom: 30px;
|
||||
transform: translateX(-50%);
|
||||
width: 282px;
|
||||
height: 44px;
|
||||
padding: 0 23px;
|
||||
background-color: #606266;
|
||||
border-color: #fff;
|
||||
border-radius: 22px;
|
||||
.image-viewer__actions{
|
||||
left:50%;
|
||||
bottom:30px;
|
||||
transform:translateX(-50%);
|
||||
width:282px;
|
||||
height:44px;
|
||||
padding:0 23px;
|
||||
background-color:#606266;
|
||||
border-color:#fff;
|
||||
border-radius:22px
|
||||
}
|
||||
.image-viewer__actions__inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: justify;
|
||||
cursor: default;
|
||||
font-size: 23px;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
.image-viewer__actions__inner{
|
||||
width:100%;
|
||||
height:100%;
|
||||
text-align:justify;
|
||||
cursor:default;
|
||||
font-size:23px;
|
||||
color:#fff;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-around
|
||||
}
|
||||
.image-viewer__next,
|
||||
.image-viewer__prev {
|
||||
top: 50%;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
background-color: #606266;
|
||||
border-color: #fff;
|
||||
.image-viewer__next,.image-viewer__prev{
|
||||
top:50%;
|
||||
width:44px;
|
||||
height:44px;
|
||||
font-size:24px;
|
||||
color:#fff;
|
||||
background-color:#606266;
|
||||
border-color:#fff
|
||||
}
|
||||
.image-viewer__prev {
|
||||
transform: translateY(-50%);
|
||||
left: 40px;
|
||||
.image-viewer__prev{
|
||||
transform:translateY(-50%);
|
||||
left:40px
|
||||
}
|
||||
.image-viewer__next {
|
||||
transform: translateY(-50%);
|
||||
right: 40px;
|
||||
text-indent: 2px;
|
||||
.image-viewer__next{
|
||||
transform:translateY(-50%);
|
||||
right:40px;
|
||||
text-indent:2px
|
||||
}
|
||||
.image-viewer__mask {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
// background:#000
|
||||
.image-viewer__mask{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
top:0;
|
||||
left:0;
|
||||
opacity:.5;
|
||||
// background:#000
|
||||
|
||||
}
|
||||
.viewer-fade-enter-active {
|
||||
animation: viewer-fade-in 0.3s;
|
||||
.viewer-fade-enter-active{
|
||||
animation:viewer-fade-in .3s
|
||||
}
|
||||
.viewer-fade-leave-active {
|
||||
animation: viewer-fade-out 0.3s;
|
||||
.viewer-fade-leave-active{
|
||||
animation:viewer-fade-out .3s
|
||||
}
|
||||
|
||||
@keyframes viewer-fade-in {
|
||||
0% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
@keyframes viewer-fade-in{
|
||||
0%{
|
||||
transform:translate3d(0,-20px,0);
|
||||
opacity:0
|
||||
}
|
||||
100%{
|
||||
transform:translate3d(0,0,0);
|
||||
opacity:1
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes viewer-fade-out {
|
||||
0% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
@keyframes viewer-fade-out{
|
||||
0%{
|
||||
transform:translate3d(0,0,0);
|
||||
opacity:1
|
||||
}
|
||||
100%{
|
||||
transform:translate3d(0,-20px,0);
|
||||
opacity:0
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,5 +1,6 @@
|
|||
<template>
|
||||
<div class="none-dicom_preview-wrapper">
|
||||
|
||||
<div class="image-viewer-wrapper">
|
||||
<!-- 预览图像 -->
|
||||
<ImageViewer
|
||||
|
|
@ -14,10 +15,10 @@
|
|||
:study-code="previewImage.studyCode"
|
||||
:body-part="previewImage.bodyPart"
|
||||
:modality="previewImage.modality"
|
||||
:zip-img="zipImg"
|
||||
:zip-img='zipImg'
|
||||
/>
|
||||
</div>
|
||||
<div class="thumbnail-wrapper" style="z-index: 999; background-color: #fff">
|
||||
<div class="thumbnail-wrapper" style="z-index:999;background-color:#fff;">
|
||||
<div class="">
|
||||
<div class="img-wrapper">
|
||||
<el-button
|
||||
|
|
@ -32,31 +33,21 @@
|
|||
<slot name="empty">暂无数据</slot>
|
||||
</div>
|
||||
<div v-show="!noData" class="items" :style="itemsStyle">
|
||||
<template v-for="(item, index) in previewImage.imgList">
|
||||
<div
|
||||
v-if="!~item.FileType.indexOf('pdf')"
|
||||
:key="index"
|
||||
class="item-img"
|
||||
:style="imgSize"
|
||||
:class="{
|
||||
'is-active': index === currentIndex,
|
||||
}"
|
||||
@click="selected(index)"
|
||||
>
|
||||
<img
|
||||
:title="item.FileName"
|
||||
crossorigin="anonymous"
|
||||
:src="
|
||||
item.FileType && item.FileType.indexOf('zip') >= 0
|
||||
? zipImg
|
||||
: `${OSSclientConfig.basePath}${item.Path}`
|
||||
"
|
||||
/>
|
||||
<p v-if="item.FileName" class="item-date">
|
||||
{{ `${index + 1}` }}
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
<div
|
||||
v-for="(item, index) in previewImage.imgList"
|
||||
:key="index"
|
||||
class="item-img"
|
||||
:style="imgSize"
|
||||
:class="{
|
||||
'is-active': index === currentIndex
|
||||
}"
|
||||
@click="selected(index)"
|
||||
>
|
||||
<img :title="item.FileName" crossorigin="anonymous" :src="item.FileType&&item.FileType.indexOf('zip')>=0?zipImg:`${OSSclientConfig.basePath}${item.Path}`">
|
||||
<p v-if="item.FileName" class="item-date">
|
||||
{{ `${index+1}` }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-button
|
||||
|
|
@ -72,12 +63,12 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import ImageViewer from './image-viewer'
|
||||
import zipImg from '@/assets/zip.png'
|
||||
import ImageViewer from './image-viewer';
|
||||
import zipImg from "@/assets/zip.png";
|
||||
export default {
|
||||
name: 'Preview',
|
||||
components: {
|
||||
ImageViewer,
|
||||
ImageViewer
|
||||
},
|
||||
props: {
|
||||
imgSize: {
|
||||
|
|
@ -85,13 +76,13 @@ export default {
|
|||
default: () => {
|
||||
return {
|
||||
width: '120px',
|
||||
height: '120px',
|
||||
height: '120px'
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
value: {
|
||||
type: Number,
|
||||
default: null,
|
||||
default: null
|
||||
},
|
||||
previewImage: {
|
||||
type: Object,
|
||||
|
|
@ -103,10 +94,11 @@ export default {
|
|||
infinite: true, // 是否可以循环切换
|
||||
studyCode: '',
|
||||
modality: '',
|
||||
bodyPart: '',
|
||||
bodyPart: ''
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -115,14 +107,14 @@ export default {
|
|||
translateX: 0,
|
||||
pageSize: 0, // 一页展示的图片数
|
||||
urlList: [],
|
||||
zipImg,
|
||||
zipImg
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 偏移度数
|
||||
itemsStyle() {
|
||||
return {
|
||||
transform: `translateX(${-this.translateX}px)`,
|
||||
transform: `translateX(${-this.translateX}px)`
|
||||
}
|
||||
},
|
||||
// 每一项宽度
|
||||
|
|
@ -136,8 +128,7 @@ export default {
|
|||
disabledNext() {
|
||||
// 禁用后一页按钮
|
||||
return (
|
||||
this.translateX >=
|
||||
(this.previewImage.imgList.length - this.pageSize) * this.itemWidth
|
||||
this.translateX >= (this.previewImage.imgList.length - this.pageSize) * this.itemWidth
|
||||
)
|
||||
},
|
||||
noData() {
|
||||
|
|
@ -145,27 +136,28 @@ export default {
|
|||
},
|
||||
dataLength() {
|
||||
return this.previewImage.imgList.length
|
||||
},
|
||||
}
|
||||
|
||||
},
|
||||
watch: {
|
||||
value: {
|
||||
immediate: true,
|
||||
handler(val) {
|
||||
this.currentIndex = val
|
||||
},
|
||||
}
|
||||
},
|
||||
'previewImage.index': {
|
||||
immediate: true,
|
||||
handler(val) {
|
||||
this.urlList.index = val
|
||||
},
|
||||
},
|
||||
}
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.pageSize = this.wrapperWidth() / this.itemWidth
|
||||
this.urlList = this.previewImage
|
||||
const scope = this
|
||||
window.onresize = function () {
|
||||
window.onresize = function() {
|
||||
scope.pageSize = scope.wrapperWidth() / scope.itemWidth
|
||||
scope.selected(scope.currentIndex)
|
||||
}
|
||||
|
|
@ -209,147 +201,148 @@ export default {
|
|||
return this.$refs.imagesWrapper.offsetWidth
|
||||
}
|
||||
return 0
|
||||
},
|
||||
},
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.none-dicom_preview-wrapper {
|
||||
.none-dicom_preview-wrapper{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.image-viewer-wrapper {
|
||||
flex: 1;
|
||||
.image-viewer-wrapper{
|
||||
flex: 1;
|
||||
}
|
||||
.thumbnail-wrapper{
|
||||
height: 130px;
|
||||
}
|
||||
.img-content{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.img-wrapper {
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin: 0 20px;
|
||||
height: 120px;
|
||||
.to {
|
||||
width: 32px;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
}
|
||||
.thumbnail-wrapper {
|
||||
height: 130px;
|
||||
}
|
||||
.img-content {
|
||||
.images::before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(left, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(90deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.img-wrapper {
|
||||
display: flex;
|
||||
.images::after {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
left top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(right, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(270deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.images {
|
||||
position: relative;
|
||||
margin: 0 20px;
|
||||
height: 120px;
|
||||
.to {
|
||||
width: 32px;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 2px;
|
||||
.empty-text {
|
||||
color: rgb(158, 158, 158);
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.images::before {
|
||||
.items {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
// width: 6000px;
|
||||
height: 100%;
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(left, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(90deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.images::after {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
left top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(right, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(270deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.images {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 2px;
|
||||
.empty-text {
|
||||
color: rgb(158, 158, 158);
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
transition: transform 0.25s ease;
|
||||
.item-img {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
margin-right: 8px;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
cursor: pointer;
|
||||
.item-date {
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
color: white;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.items {
|
||||
.item-img:hover::after {
|
||||
// border-color: #409EFF;
|
||||
opacity: 0;
|
||||
}
|
||||
.item-img::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
// width: 6000px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
transition: transform 0.25s ease;
|
||||
.item-img {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
margin-right: 8px;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
cursor: pointer;
|
||||
.item-date {
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
color: white;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.item-img:hover::after {
|
||||
// border-color: #409EFF;
|
||||
opacity: 0;
|
||||
}
|
||||
.item-img::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
opacity: 0.2;
|
||||
pointer-events: none;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
background-color: #fff;
|
||||
}
|
||||
.is-active {
|
||||
border-color: #409eff;
|
||||
}
|
||||
.is-active:after {
|
||||
opacity: 0;
|
||||
}
|
||||
content: '';
|
||||
opacity: 0.2;
|
||||
pointer-events: none;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
background-color: #fff;
|
||||
}
|
||||
.is-active {
|
||||
border-color: #409eff;
|
||||
}
|
||||
.is-active:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -9,9 +9,6 @@
|
|||
<div v-for="(study, i) in studyList" :key="study.CodeView">
|
||||
<div class="study-desc">
|
||||
<span>{{ study.CodeView }}</span>
|
||||
<span v-if="OtherInfo.IsShowStudyName" style="margin-left: 5px">{{
|
||||
study.StudyName
|
||||
}}</span>
|
||||
<span style="margin: 0 5px">{{ study.Modality }}</span>
|
||||
<span>{{ getBodyPart(study.BodyPart) }}</span>
|
||||
</div>
|
||||
|
|
@ -48,7 +45,7 @@
|
|||
</el-card>
|
||||
<!-- 预览图像 -->
|
||||
<el-card class="box-card right">
|
||||
<div style="width: 100%; height: 100%" v-if="!showPDF">
|
||||
<div style="width: 100%; height: 100%">
|
||||
<Preview
|
||||
v-if="previewImage.imgList.length > 0"
|
||||
ref="previewImage"
|
||||
|
|
@ -58,9 +55,6 @@
|
|||
@selectedImg="selectedImg"
|
||||
/>
|
||||
</div>
|
||||
<div style="width: 100%; height: 100%" v-else>
|
||||
<PreviewFile :file-path="pdfFile.path" :file-type="pdfFile.type" />
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<!-- <el-card class="box-card" style="width:300px;height:100%;padding: 10px;margin-left:10px;">
|
||||
|
|
@ -74,13 +68,11 @@ import { getNoneDicomStudyList } from '@/api/trials'
|
|||
import store from '@/store'
|
||||
import { changeURLStatic } from '@/utils/history.js'
|
||||
import Preview from './components/preview'
|
||||
import PreviewFile from '@/components/PreviewFile'
|
||||
// import CheckForm from './components/form'
|
||||
export default {
|
||||
name: 'Notice',
|
||||
components: {
|
||||
Preview,
|
||||
PreviewFile,
|
||||
// CheckForm
|
||||
},
|
||||
data() {
|
||||
|
|
@ -105,12 +97,6 @@ export default {
|
|||
sudyId: '',
|
||||
loading: false,
|
||||
bp: [],
|
||||
OtherInfo: {},
|
||||
showPDF: false,
|
||||
pdfFile: {
|
||||
path: null,
|
||||
type: null,
|
||||
},
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
|
|
@ -162,7 +148,6 @@ export default {
|
|||
)
|
||||
.then((res) => {
|
||||
this.studyList = res.Result
|
||||
this.OtherInfo = res.OtherInfo
|
||||
this.loading = false
|
||||
const studyIndex = this.studyList.findIndex((item) => {
|
||||
return item.NoneDicomStudyFileList.length > 0
|
||||
|
|
@ -178,15 +163,6 @@ export default {
|
|||
},
|
||||
selected(file, studyIndex, fileIndex, isChangeSub = false) {
|
||||
this.currentFileId = file.Id
|
||||
if (!!~file.FileType.indexOf('pdf')) {
|
||||
this.pdfFile.path = file.Path || file.FullFilePath
|
||||
this.pdfFile.type = 'pdf'
|
||||
this.showPDF = true
|
||||
return true
|
||||
} else {
|
||||
this.showPDF = false
|
||||
}
|
||||
|
||||
this.currentStudyIndex = studyIndex
|
||||
this.previewImage.imgList =
|
||||
this.studyList[studyIndex].NoneDicomStudyFileList
|
||||
|
|
|
|||
|
|
@ -49,7 +49,6 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:subjectNum2')"
|
||||
prop="IsSubjectSecondCodeView"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsSubjectSecondCodeView"
|
||||
|
|
@ -104,7 +103,6 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:subjectAge')"
|
||||
prop="IsHaveSubjectAge"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsHaveSubjectAge"
|
||||
|
|
@ -123,7 +121,6 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:subjectGender')"
|
||||
prop="IsSubjectSexView"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsSubjectSexView"
|
||||
|
|
@ -155,7 +152,6 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:imageCopy')"
|
||||
prop="IsImageReplicationAcrossTrial"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsImageReplicationAcrossTrial"
|
||||
|
|
@ -207,45 +203,6 @@
|
|||
@click="handleSetModality"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!--展示检查名称-->
|
||||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:IsShowStudyName ')"
|
||||
prop="IsShowStudyName"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsShowStudyName"
|
||||
:disabled="form.IsTrialBasicLogicConfirmed && !isEdit"
|
||||
@input="IsShowStudyNameChange"
|
||||
>
|
||||
<el-radio
|
||||
:label="item.value"
|
||||
v-for="item in $d.YesOrNo"
|
||||
:key="item.id"
|
||||
>{{ item.label }}
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 检查名称 -->
|
||||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:StudyNameList')"
|
||||
prop="StudyNameTypes"
|
||||
v-if="form.IsShowStudyName && showMore"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.StudyNameTypes"
|
||||
type="textarea"
|
||||
:autosize="{ minRows: 2, maxRows: 8 }"
|
||||
style="width: 80%"
|
||||
disabled
|
||||
/>
|
||||
<el-button
|
||||
:disabled="form.IsTrialBasicLogicConfirmed && !isEdit"
|
||||
icon="el-icon-plus"
|
||||
circle
|
||||
@click="handleSetStudyName"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- 影像质疑超限天数 -->
|
||||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:exceededDays')"
|
||||
|
|
@ -258,19 +215,6 @@
|
|||
:disabled="form.IsTrialBasicLogicConfirmed && !isEdit"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<div
|
||||
:class="{ showMore: true, isCheck: showMore }"
|
||||
@click.stop="showMore = !showMore"
|
||||
>
|
||||
<i class="el-icon-arrow-down"></i>
|
||||
<span>{{
|
||||
showMore
|
||||
? $t('trials:logincCfg:button:packUp')
|
||||
: $t('trials:logincCfg:button:more')
|
||||
}}</span>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<!-- 保存 -->
|
||||
<el-button
|
||||
|
|
@ -335,8 +279,7 @@
|
|||
v-if="
|
||||
(form.IsTrialBasicLogicConfirmed === false ||
|
||||
(form.IsTrialBasicLogicConfirmed === true && isEdit)) &&
|
||||
hasPermi(['trials:trials-panel:setting:trial-config:save']) &&
|
||||
showMore
|
||||
hasPermi(['trials:trials-panel:setting:trial-config:save'])
|
||||
"
|
||||
>
|
||||
{{ $t('common:button:terminology') }}
|
||||
|
|
@ -805,121 +748,6 @@
|
|||
:visible.sync="terminologyVisible"
|
||||
:DATA.sync="form.TrialObjectNameList"
|
||||
/>
|
||||
<el-dialog
|
||||
v-if="studyNameListVisible"
|
||||
:visible.sync="studyNameListVisible"
|
||||
:close-on-click-modal="false"
|
||||
:title="$t('trials:logincCfg:form:studyName')"
|
||||
custom-class="base-dialog-wrapper"
|
||||
width="400px"
|
||||
>
|
||||
<div class="base-dialog-body" style="position: relative">
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="addStudyName_model.visible = true"
|
||||
style="position: absolute; top: 10px; right: 10px; z-index: 9"
|
||||
>
|
||||
{{ $t('common:button:add') }}
|
||||
</el-button>
|
||||
<el-table
|
||||
ref="studyNameTable"
|
||||
v-loading="listLoading"
|
||||
:data="trialStudyNameList"
|
||||
stripe
|
||||
height="400"
|
||||
row-key="Name"
|
||||
@selection-change="handleStudyNameSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
align="left"
|
||||
width="45"
|
||||
:reserve-selection="true"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="Name"
|
||||
:label="$t('trials:logincCfg:form:studyName')"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div class="bodyPartName">
|
||||
<span :title="isEN ? scope.row.EnName : scope.row.Name">{{
|
||||
isEN ? scope.row.EnName : scope.row.Name
|
||||
}}</span>
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-delete"
|
||||
:title="$t('trials:logincCfg:form:StudyName:del')"
|
||||
@click.stop="handleDelStudyName(scope.row)"
|
||||
/>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
<div
|
||||
class="base-dialog-footer"
|
||||
style="text-align: right; margin-top: 10px"
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="listLoading"
|
||||
@click="studyNameListVisible = false"
|
||||
>
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="listLoading"
|
||||
@click="handleConfirmStudyName"
|
||||
>
|
||||
{{ $t('common:button:confirm') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<!--新增检查名称-->
|
||||
<base-model v-if="addStudyName_model.visible" :config="addStudyName_model">
|
||||
<template slot="dialog-body">
|
||||
<el-form
|
||||
ref="addStudyNameForm"
|
||||
:inline="true"
|
||||
:model="addStudyNameForm"
|
||||
class="demo-form-inline"
|
||||
:rules="addStudyNamerules"
|
||||
>
|
||||
<el-form-item
|
||||
:label="$t('trials:setting:form:studyName')"
|
||||
prop="Name"
|
||||
label-width="150px"
|
||||
>
|
||||
<el-input
|
||||
v-model.trim="addStudyNameForm.Name"
|
||||
clearable
|
||||
type="textarea"
|
||||
:rows="2"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="$t('trials:setting:form:bodyPart')"
|
||||
style="display: none"
|
||||
prop="bodyPartStr"
|
||||
label-width="150px"
|
||||
>
|
||||
<el-input clearable :maxlength="50"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
<template slot="dialog-footer">
|
||||
<el-button type="primary" @click="addOrUpdateTrialStudyName">
|
||||
{{ $t('common:button:confirm') }}
|
||||
</el-button>
|
||||
<el-button @click="addStudyName_model.visible = false">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</base-model>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
|
|
@ -944,7 +772,6 @@ export default {
|
|||
components: { SignForm, ClinicalDataForm, BaseModel, terminology },
|
||||
data() {
|
||||
return {
|
||||
showMore: false,
|
||||
form: {
|
||||
TrialId: '',
|
||||
IsNoticeSubjectCodeRule: false,
|
||||
|
|
@ -958,9 +785,6 @@ export default {
|
|||
// ClinicalInformationTransmissionEnum: 1,
|
||||
IsImageReplicationAcrossTrial: false,
|
||||
BodyPartTypes: '',
|
||||
StudyNameTypes: '',
|
||||
IsShowStudyName: null,
|
||||
StudyNameList: [],
|
||||
BodyPartTypeList: [],
|
||||
Modalitys: '',
|
||||
ModalityList: [],
|
||||
|
|
@ -1031,13 +855,6 @@ export default {
|
|||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
StudyNameTypes: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('trials:trialCfg:formRule:bodyPart'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
// Modalitys: [
|
||||
// { required: true, message: this.$t('trials:trialCfg:formRule:modality'), trigger: 'blur' },
|
||||
// { max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }
|
||||
|
|
@ -1077,32 +894,19 @@ export default {
|
|||
listLoading: false,
|
||||
modalityListVisible: false,
|
||||
bodyPartListVisible: false,
|
||||
studyNameListVisible: false,
|
||||
selectedList: [],
|
||||
selectedBodyParts: [],
|
||||
trialBodyPartList: [],
|
||||
trialStudyNameList: [],
|
||||
addBodyPart_model: {
|
||||
visible: false,
|
||||
title: this.$t('trials:setting:button:add'),
|
||||
width: '500px',
|
||||
appendToBody: true,
|
||||
},
|
||||
addStudyName_model: {
|
||||
visible: false,
|
||||
title: this.$t('trials:setting:button:add'),
|
||||
width: '500px',
|
||||
appendToBody: true,
|
||||
},
|
||||
addBodyPartForm: {
|
||||
bodyPartStr: null,
|
||||
Id: null,
|
||||
},
|
||||
addStudyNameForm: {
|
||||
Name: null,
|
||||
EnName: null,
|
||||
IeChoose: false,
|
||||
},
|
||||
addBodyPartrules: {
|
||||
bodyPartStr: [
|
||||
{
|
||||
|
|
@ -1128,31 +932,6 @@ export default {
|
|||
},
|
||||
],
|
||||
},
|
||||
addStudyNamerules: {
|
||||
Name: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('trials:setting:format:notStudyName'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
let flag = this.trialStudyNameList.some(
|
||||
(item) => item.Name === value
|
||||
)
|
||||
if (flag) {
|
||||
callback(
|
||||
new Error(this.$t('trials:setting:format:hasStudyName'))
|
||||
)
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
},
|
||||
message: this.$t('trials:setting:format:hasStudyName'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
},
|
||||
errMessage: null,
|
||||
|
||||
renderFunc(h, option) {
|
||||
|
|
@ -1168,11 +947,6 @@ export default {
|
|||
// created() {
|
||||
// this.getTrialBodyPartList();
|
||||
// },
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
openTerminology() {
|
||||
this.terminologyVisible = true
|
||||
|
|
@ -1229,30 +1003,6 @@ export default {
|
|||
handleBodyPartSelectionChange(val) {
|
||||
this.selectedBodyParts = val
|
||||
},
|
||||
IsShowStudyNameChange(val) {
|
||||
// if (!val) {
|
||||
// if (this.form.StudyNameList && this.form.StudyNameList.length > 0) {
|
||||
// this.form.StudyNameList.forEach((item) => {
|
||||
// item.IsChoose = false
|
||||
// })
|
||||
// } else {
|
||||
// this.form.StudyNameList = []
|
||||
// }
|
||||
// thiss.form.StudyNameTypes = null
|
||||
// }
|
||||
},
|
||||
handleStudyNameSelectionChange(val) {
|
||||
let data = []
|
||||
if (val) {
|
||||
data = val.map((item) => item.Name)
|
||||
}
|
||||
this.trialStudyNameList.forEach((item) => {
|
||||
item.IsChoose = false
|
||||
if (data.includes(item.Name)) {
|
||||
item.IsChoose = true
|
||||
}
|
||||
})
|
||||
},
|
||||
// 获取检查部位
|
||||
async getTrialBodyPartList(data) {
|
||||
try {
|
||||
|
|
@ -1323,19 +1073,6 @@ export default {
|
|||
}
|
||||
}
|
||||
},
|
||||
async addOrUpdateTrialStudyName() {
|
||||
let validate = await this.$refs.addStudyNameForm.validate()
|
||||
if (!validate) return
|
||||
this.addStudyNameForm.EnName = this.addStudyNameForm.Name
|
||||
let data = { ...this.addStudyNameForm }
|
||||
this.trialStudyNameList.push(data)
|
||||
this.addStudyNameForm = {
|
||||
EnName: null,
|
||||
Name: null,
|
||||
IsChoose: false,
|
||||
}
|
||||
this.addStudyName_model.visible = false
|
||||
},
|
||||
// 编辑检查部位
|
||||
handleEditBodyPart(item) {
|
||||
this.addBodyPartForm.bodyPartStr = item.Name
|
||||
|
|
@ -1344,12 +1081,6 @@ export default {
|
|||
this.addBodyPart_model.title = this.$t('trials:setting:button:edit')
|
||||
this.addBodyPart_model.visible = true
|
||||
},
|
||||
handleDelStudyName(item) {
|
||||
let index = this.trialStudyNameList.findIndex(
|
||||
(data) => item.Name === data.Name
|
||||
)
|
||||
this.trialStudyNameList.splice(index, 1)
|
||||
},
|
||||
handleSetBodyPart() {
|
||||
this.bodyPartListVisible = true
|
||||
this.$nextTick(() => {
|
||||
|
|
@ -1361,19 +1092,6 @@ export default {
|
|||
this.toggleBodyPartSelection(a)
|
||||
})
|
||||
},
|
||||
handleSetStudyName() {
|
||||
this.studyNameListVisible = true
|
||||
this.trialStudyNameList = []
|
||||
this.form.StudyNameList.forEach((item) => {
|
||||
this.trialStudyNameList.push({
|
||||
...item,
|
||||
})
|
||||
})
|
||||
this.$nextTick(() => {
|
||||
let select = this.trialStudyNameList.filter((item) => item.IsChoose)
|
||||
this.toggleStudyNameSelection(select)
|
||||
})
|
||||
},
|
||||
toggleBodyPartSelection(rows) {
|
||||
if (rows) {
|
||||
rows.forEach((row) => {
|
||||
|
|
@ -1383,15 +1101,6 @@ export default {
|
|||
this.$refs.bodyPartTable.clearSelection()
|
||||
}
|
||||
},
|
||||
toggleStudyNameSelection(rows) {
|
||||
if (rows) {
|
||||
rows.forEach((row) => {
|
||||
this.$refs.studyNameTable.toggleRowSelection(row)
|
||||
})
|
||||
} else {
|
||||
this.$refs.studyNameTable.clearSelection()
|
||||
}
|
||||
},
|
||||
handleConfirmBodyParts() {
|
||||
this.form.BodyPartTypeList = Object.assign(
|
||||
[],
|
||||
|
|
@ -1403,14 +1112,6 @@ export default {
|
|||
this.form.BodyPartTypes = bodyPartTypes.join(' | ')
|
||||
this.bodyPartListVisible = false
|
||||
},
|
||||
handleConfirmStudyName() {
|
||||
var studyNameTypes = this.trialStudyNameList.filter((i) => i.IsChoose)
|
||||
this.form.StudyNameTypes = this.isEN
|
||||
? studyNameTypes.map((item) => item.EnName).join(', ')
|
||||
: studyNameTypes.map((item) => item.Name).join(', ')
|
||||
this.form.StudyNameList = this.trialStudyNameList
|
||||
this.studyNameListVisible = false
|
||||
},
|
||||
// 配置信息保存
|
||||
handleSave() {
|
||||
this.$refs['logicalConfigForm'].validate((valid) => {
|
||||
|
|
@ -1604,16 +1305,6 @@ export default {
|
|||
NewVal: this.form.ModalityListStr,
|
||||
OldVal: this.initialForm.ModalityListStr,
|
||||
},
|
||||
{
|
||||
Name: this.$t('trials:logincCfg:form:IsShowStudyName '),
|
||||
NewVal: this.$fd('YesOrNo', this.form.IsShowStudyName),
|
||||
OldVal: this.$fd('YesOrNo', this.initialForm.IsShowStudyName),
|
||||
},
|
||||
{
|
||||
Name: this.$t('trials:logincCfg:form:StudyNameList'),
|
||||
NewVal: this.form.StudyNameTypes,
|
||||
OldVal: this.initialForm.StudyNameTypes,
|
||||
},
|
||||
{
|
||||
Name: this.$t('trials:logincCfg:form:exceededDays'),
|
||||
NewVal: this.form.ChangeDefalutDays,
|
||||
|
|
@ -1664,16 +1355,6 @@ export default {
|
|||
let BodyPartTypes = res.BodyPartTypes
|
||||
this.form.BodyPartTypes = ''
|
||||
this.form.BodyPartTypeList = BodyPartTypes.split('|')
|
||||
let StudyNameTypes = this.form.StudyNameList.filter(
|
||||
(item) => item.IsChoose
|
||||
)
|
||||
this.form.StudyNameTypes = ''
|
||||
if (StudyNameTypes && StudyNameTypes.length > 0) {
|
||||
this.form.StudyNameTypes = this.isEN
|
||||
? StudyNameTypes.map((item) => item.EnName).join(', ')
|
||||
: StudyNameTypes.map((item) => item.Name).join(', ')
|
||||
}
|
||||
|
||||
let r = await this.getTrialBodyPartList()
|
||||
if (r) {
|
||||
var bodyPartTypes = this.form.BodyPartTypeList.map((i) => {
|
||||
|
|
@ -1915,16 +1596,4 @@ export default {
|
|||
margin: 0;
|
||||
}
|
||||
}
|
||||
.showMore {
|
||||
cursor: pointer;
|
||||
color: #409eff;
|
||||
i {
|
||||
transition: 0.3s;
|
||||
}
|
||||
}
|
||||
.showMore.isCheck {
|
||||
i {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -139,25 +139,6 @@
|
|||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!--图像格式-->
|
||||
<el-form-item
|
||||
:label="$t('trials:processCfg:form:ImageFormatList')"
|
||||
prop="ImageFormatList"
|
||||
v-if="[0, 2].includes(form.CollectImagesEnum)"
|
||||
>
|
||||
<el-checkbox-group
|
||||
v-model="form.ImageFormatList"
|
||||
:disabled="form.IsTrialProcessConfirmed && !isEdit"
|
||||
>
|
||||
<el-checkbox
|
||||
v-for="item in $d.ImageFormat"
|
||||
:label="item.value"
|
||||
:key="item.id"
|
||||
>
|
||||
{{ item.label }}
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<!-- 修约小数位数 -->
|
||||
<!-- <el-form-item
|
||||
:label="$t('trials:processCfg:form:digitPlaces')"
|
||||
|
|
@ -1205,7 +1186,6 @@ export default {
|
|||
ClinicalDataSetNamesStr: '',
|
||||
QCProcessEnum: null,
|
||||
CollectImagesEnum: null,
|
||||
ImageFormatList: [],
|
||||
IsImageConsistencyVerification: null,
|
||||
ReadingMode: null,
|
||||
// ImagePlatform: null,
|
||||
|
|
@ -1245,14 +1225,6 @@ export default {
|
|||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
ImageFormatList: [
|
||||
{
|
||||
type: 'array',
|
||||
required: true,
|
||||
message: this.$t('common:ruleMessage:select'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
QCProcessEnum: [
|
||||
{
|
||||
required: true,
|
||||
|
|
@ -1527,11 +1499,6 @@ export default {
|
|||
this.initialForm.CollectImagesEnum
|
||||
),
|
||||
},
|
||||
{
|
||||
Name: this.$t('trials:processCfg:form:ImageFormatList'), // 图像格式
|
||||
NewVal: this.form.ImageFormatList.join(', '),
|
||||
OldVal: this.initialForm.ImageFormatList.join(', '),
|
||||
},
|
||||
// {
|
||||
// Name: this.$t('trials:processCfg:form:criterion'), // 阅片标准
|
||||
// NewVal: criterions.length > 0 ? criterions.join(', ') : '',
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
icon="el-icon-delete"
|
||||
@click="handleBatchDelete"
|
||||
>
|
||||
{{ $t('trials:uploadedDicoms:action:delete') }}
|
||||
{{ $t("trials:uploadedDicoms:action:delete") }}
|
||||
</el-button>
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
icon="el-icon-view"
|
||||
@click="handlePreviewAllFiles"
|
||||
>
|
||||
{{ $t('trials:uploadedDicoms:action:preview') }}
|
||||
{{ $t("trials:uploadedDicoms:action:preview") }}
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -47,12 +47,6 @@
|
|||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 检查名称 -->
|
||||
<el-table-column
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
prop="StudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
/>
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="ModalityForEdit"
|
||||
|
|
@ -96,7 +90,7 @@
|
|||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
|
||||
{{ moment(scope.row.StudyTime).format("YYYY-MM-DD") }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 上传时间 -->
|
||||
|
|
@ -229,9 +223,7 @@
|
|||
v-for="bodyPart in trialBodyPartTypes"
|
||||
:key="bodyPart"
|
||||
:label="bodyPart"
|
||||
>{{
|
||||
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
|
||||
}}</el-checkbox
|
||||
>{{ $fd("Bodypart", bodyPart,'Code',BodyPart,'Name') }}</el-checkbox
|
||||
>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
|
|
@ -266,7 +258,7 @@
|
|||
type="primary"
|
||||
@click="editStudyInfoVisible = false"
|
||||
>
|
||||
{{ $t('common:button:cancel') }}
|
||||
{{ $t("common:button:cancel") }}
|
||||
</el-button>
|
||||
<el-button
|
||||
:loading="btnLoading"
|
||||
|
|
@ -274,7 +266,7 @@
|
|||
type="primary"
|
||||
@click="handleUpdateStudyInfo"
|
||||
>
|
||||
{{ $t('common:button:save') }}
|
||||
{{ $t("common:button:save") }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
|
@ -299,18 +291,18 @@ import {
|
|||
getSubjectVisitUploadedStudyList,
|
||||
deleteStudyList,
|
||||
updateModality,
|
||||
} from '@/api/trials'
|
||||
import moment from 'moment'
|
||||
import { getToken } from '@/utils/auth'
|
||||
import uploadPetClinicalData from './uploadPetClinicalData.vue'
|
||||
} from "@/api/trials";
|
||||
import moment from "moment";
|
||||
import { getToken } from "@/utils/auth";
|
||||
import uploadPetClinicalData from "./uploadPetClinicalData.vue";
|
||||
export default {
|
||||
name: 'StudyInfo',
|
||||
name: "StudyInfo",
|
||||
components: { uploadPetClinicalData },
|
||||
props: {
|
||||
data: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {}
|
||||
return {};
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
@ -318,12 +310,12 @@ export default {
|
|||
return {
|
||||
editStudyInfoVisible: false,
|
||||
studyForm: {
|
||||
StudyCode: '',
|
||||
StudyCode: "",
|
||||
IsDicomData: true,
|
||||
Modalities: '',
|
||||
Modalities: "",
|
||||
BodyPartForEdit: [],
|
||||
SeriesCount: null,
|
||||
StudyTime: '',
|
||||
StudyTime: "",
|
||||
},
|
||||
deleteArr: [],
|
||||
studyLoading: false,
|
||||
|
|
@ -339,187 +331,189 @@ export default {
|
|||
petVisible: false,
|
||||
rowData: {},
|
||||
|
||||
BodyPart: {},
|
||||
}
|
||||
BodyPart:{}
|
||||
};
|
||||
},
|
||||
async mounted() {
|
||||
this.getStudyInfo()
|
||||
this.getStudyInfo();
|
||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||
},
|
||||
methods: {
|
||||
// 预览临床数据
|
||||
handlePreviewClinicalData(row) {
|
||||
this.rowData = row
|
||||
this.petVisible = true
|
||||
this.rowData = row;
|
||||
this.petVisible = true;
|
||||
},
|
||||
// 打开检查信息编辑框
|
||||
handleEditStudy(row) {
|
||||
this.editStudyInfoVisible = true
|
||||
this.studyForm = { ...row }
|
||||
var bodyPart = []
|
||||
if (this.studyForm.BodyPartForEdit.indexOf('|') !== -1) {
|
||||
bodyPart = this.studyForm.BodyPartForEdit.split('|')
|
||||
} else if (this.studyForm.BodyPartForEdit !== '') {
|
||||
bodyPart.push(this.studyForm.BodyPartForEdit)
|
||||
this.editStudyInfoVisible = true;
|
||||
this.studyForm = { ...row };
|
||||
var bodyPart = [];
|
||||
if (this.studyForm.BodyPartForEdit.indexOf("|") !== -1) {
|
||||
bodyPart = this.studyForm.BodyPartForEdit.split("|");
|
||||
} else if (this.studyForm.BodyPartForEdit !== "") {
|
||||
bodyPart.push(this.studyForm.BodyPartForEdit);
|
||||
}
|
||||
this.studyForm.BodyPartForEdit = bodyPart
|
||||
this.studyForm.BodyPartForEdit = bodyPart;
|
||||
},
|
||||
// 更新拍片部位/拍片类型信息
|
||||
handleUpdateStudyInfo() {
|
||||
this.$refs['studyForm'].validate((valid) => {
|
||||
if (!valid) return
|
||||
this.btnLoading = true
|
||||
this.studyForm.BodyPart = this.studyForm.BodyPartForEdit.join('|')
|
||||
this.studyForm.Modality = this.studyForm.Modalities
|
||||
this.$refs["studyForm"].validate((valid) => {
|
||||
if (!valid) return;
|
||||
this.btnLoading = true;
|
||||
this.studyForm.BodyPart = this.studyForm.BodyPartForEdit.join("|");
|
||||
this.studyForm.Modality = this.studyForm.Modalities;
|
||||
var params = {
|
||||
id: this.studyForm.StudyId,
|
||||
subjectVisitId: this.data.Id,
|
||||
type: 1,
|
||||
modality: this.studyForm.Modality,
|
||||
bodyPart: this.studyForm.BodyPart,
|
||||
}
|
||||
};
|
||||
updateModality(this.data.TrialId, params)
|
||||
.then((res) => {
|
||||
this.btnLoading = false
|
||||
this.btnLoading = false;
|
||||
if (res.IsSuccess) {
|
||||
this.getStudyInfo()
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
this.editStudyInfoVisible = false
|
||||
this.getStudyInfo();
|
||||
this.$message.success(
|
||||
this.$t("common:message:savedSuccessfully")
|
||||
);
|
||||
this.editStudyInfoVisible = false;
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.btnLoading = false
|
||||
})
|
||||
})
|
||||
this.btnLoading = false;
|
||||
});
|
||||
});
|
||||
},
|
||||
getStudyInfo() {
|
||||
this.studyLoading = true
|
||||
this.studyLoading = true;
|
||||
getSubjectVisitUploadedStudyList(this.data.Id)
|
||||
.then((res) => {
|
||||
this.studyList = res.Result
|
||||
this.studyLoading = false
|
||||
this.relationInfo = res.OtherInfo
|
||||
console.log(this.relationInfo)
|
||||
this.studyList = res.Result;
|
||||
this.studyLoading = false;
|
||||
this.relationInfo = res.OtherInfo;
|
||||
console.log(this.relationInfo);
|
||||
this.trialBodyPartTypes = this.relationInfo.BodyPartTypes
|
||||
? this.relationInfo.BodyPartTypes.split('|')
|
||||
: []
|
||||
? this.relationInfo.BodyPartTypes.split("|")
|
||||
: [];
|
||||
this.trialModalitys = this.relationInfo.Modalitys
|
||||
? this.relationInfo.Modalitys.split('|')
|
||||
: []
|
||||
console.log(this.trialBodyPartTypes)
|
||||
console.log(this.trialModalitys)
|
||||
? this.relationInfo.Modalitys.split("|")
|
||||
: [];
|
||||
console.log(this.trialBodyPartTypes);
|
||||
console.log(this.trialModalitys);
|
||||
})
|
||||
.catch(() => {
|
||||
this.studyLoading = false
|
||||
})
|
||||
this.studyLoading = false;
|
||||
});
|
||||
},
|
||||
// 批量删除
|
||||
handleBatchDelete() {
|
||||
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
|
||||
type: 'warning',
|
||||
this.$confirm(this.$t("trials:uploadedDicoms:message:deleteMes"), {
|
||||
type: "warning",
|
||||
distinguishCancelAndClose: true,
|
||||
})
|
||||
.then(() => {
|
||||
this.studyLoading = true
|
||||
this.studyLoading = true;
|
||||
deleteStudyList(this.trialId, this.data.Id, this.deleteArr)
|
||||
.then((res) => {
|
||||
if (res.IsSuccess) {
|
||||
this.getStudyInfo()
|
||||
this.$emit('getList')
|
||||
this.getStudyInfo();
|
||||
this.$emit("getList");
|
||||
this.$message.success(
|
||||
this.$t('trials:uploadedDicoms:message:deleteSuccessfully')
|
||||
)
|
||||
this.$t("trials:uploadedDicoms:message:deleteSuccessfully")
|
||||
);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.studyLoading = true
|
||||
})
|
||||
this.studyLoading = true;
|
||||
});
|
||||
})
|
||||
.catch(() => {})
|
||||
.catch(() => {});
|
||||
},
|
||||
// 预览所有影像
|
||||
handlePreviewAllFiles() {
|
||||
var tokenKey = getToken()
|
||||
var tokenKey = getToken();
|
||||
const routeData = this.$router.resolve({
|
||||
path: `/showvisitdicoms?trialId=${this.data.TrialId}&visitInfo=${this.data.VisitName}(${this.data.VisitNum})&subjectVisitId=${this.data.Id}&isFromCRCUpload=1&TokenKey=${tokenKey}`,
|
||||
})
|
||||
var newWindow = window.open(routeData.href, '_blank')
|
||||
this.$emit('setOpenWindow', newWindow)
|
||||
});
|
||||
var newWindow = window.open(routeData.href, "_blank");
|
||||
this.$emit("setOpenWindow", newWindow);
|
||||
},
|
||||
// 预览影像
|
||||
handleViewStudy(row) {
|
||||
var token = getToken()
|
||||
var token = getToken();
|
||||
const routeData = this.$router.resolve({
|
||||
path: `/showdicom?studyId=${row.StudyId}&isFromCRCUpload=1&TokenKey=${token}&type=Study`,
|
||||
})
|
||||
var newWindow = window.open(routeData.href, '_blank')
|
||||
this.$emit('setOpenWindow', newWindow)
|
||||
});
|
||||
var newWindow = window.open(routeData.href, "_blank");
|
||||
this.$emit("setOpenWindow", newWindow);
|
||||
},
|
||||
// 删除某个检查
|
||||
handleDeleteStudy(row) {
|
||||
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
|
||||
type: 'warning',
|
||||
this.$confirm(this.$t("trials:uploadedDicoms:message:deleteMes"), {
|
||||
type: "warning",
|
||||
distinguishCancelAndClose: true,
|
||||
})
|
||||
.then(() => {
|
||||
this.studyLoading = true
|
||||
this.studyLoading = true;
|
||||
deleteStudyList(this.trialId, this.data.Id, [row.StudyId])
|
||||
.then((res) => {
|
||||
if (res.IsSuccess) {
|
||||
this.getStudyInfo()
|
||||
this.$emit('getList')
|
||||
this.getStudyInfo();
|
||||
this.$emit("getList");
|
||||
this.$message.success(
|
||||
this.$t('trials:uploadedDicoms:message:deleteSuccessfully')
|
||||
)
|
||||
this.$t("trials:uploadedDicoms:message:deleteSuccessfully")
|
||||
);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.studyLoading = true
|
||||
})
|
||||
this.studyLoading = true;
|
||||
});
|
||||
})
|
||||
.catch(() => {})
|
||||
.catch(() => {});
|
||||
},
|
||||
getBodyPart(bodyPart) {
|
||||
if (!bodyPart) return ''
|
||||
var separator = ','
|
||||
if (bodyPart.indexOf('|') > -1) {
|
||||
separator = '|'
|
||||
} else if (bodyPart.indexOf(',') > -1) {
|
||||
separator = ','
|
||||
} else if (bodyPart.indexOf('，') > -1) {
|
||||
separator = '，'
|
||||
if (!bodyPart) return "";
|
||||
var separator = ",";
|
||||
if (bodyPart.indexOf("|") > -1) {
|
||||
separator = "|";
|
||||
} else if (bodyPart.indexOf(",") > -1) {
|
||||
separator = ",";
|
||||
} else if (bodyPart.indexOf("，") > -1) {
|
||||
separator = "，";
|
||||
}
|
||||
var arr = bodyPart.split(separator)
|
||||
var newArr = arr.map((i) => {
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||
var arr = bodyPart.split(separator);
|
||||
var newArr = arr.map(i => {
|
||||
return this.$fd('Bodypart', i.trim(),'Code',this.BodyPart,'Name')
|
||||
})
|
||||
return newArr.join(' | ')
|
||||
return newArr.join(" | ");
|
||||
},
|
||||
// 获取勾选项
|
||||
handleSelectionChange(val) {
|
||||
this.deleteArr = []
|
||||
this.deleteArr = [];
|
||||
val.forEach((item) => {
|
||||
this.deleteArr.push(item.StudyId)
|
||||
})
|
||||
this.deleteArr.push(item.StudyId);
|
||||
});
|
||||
},
|
||||
// 设置已删除行勾选状态
|
||||
hasDeleted(row) {
|
||||
if (row.IsDeleted) {
|
||||
return false
|
||||
return false;
|
||||
} else {
|
||||
return true
|
||||
return true;
|
||||
}
|
||||
},
|
||||
// 设置已删除序列行样式
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (row.IsDeleted) {
|
||||
return 'delete-row'
|
||||
return "delete-row";
|
||||
} else {
|
||||
return ''
|
||||
return "";
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.study-info {
|
||||
|
|
|
|||
|
|
@ -87,12 +87,6 @@
|
|||
{{ scope.row.StudyCode }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 检查名称 -->
|
||||
<el-table-column
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
prop="StudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
/>
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="ModalityForEdit"
|
||||
|
|
@ -700,30 +694,6 @@
|
|||
<el-form-item :label="$t('trials:audit:table:studyId')">
|
||||
<el-input v-model="studyForm.StudyCode" disabled />
|
||||
</el-form-item>
|
||||
<!-- 检查名称 -->
|
||||
<el-form-item
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
prop="StudyName"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: $t('common:ruleMessage:specify'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-radio-group v-model="studyForm.StudyName">
|
||||
<template v-for="m in relationInfo.StudyNameList">
|
||||
<el-radio
|
||||
v-if="m.IsChoose"
|
||||
:key="m.Name"
|
||||
:label="isEN ? m.EnName : m.Name"
|
||||
style="margin-bottom: 15px"
|
||||
/>
|
||||
</template>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 检查类型 -->
|
||||
<el-form-item
|
||||
v-if="studyForm.IsDicomData"
|
||||
|
|
@ -929,11 +899,6 @@ export default {
|
|||
isClose: false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
btnLoading() {
|
||||
store.dispatch('trials/setUnLock', this.btnLoading)
|
||||
|
|
@ -994,7 +959,6 @@ export default {
|
|||
type: 1,
|
||||
modality: this.studyForm.Modality,
|
||||
bodyPart: this.studyForm.BodyPart,
|
||||
StudyName: this.studyForm.StudyName,
|
||||
}
|
||||
updateModality(this.trialId, params)
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -29,12 +29,6 @@
|
|||
prop="CodeView"
|
||||
:label="$t('trials:uploadNonDicoms:table:studyId')"
|
||||
/>
|
||||
<!-- 检查名称 -->
|
||||
<el-table-column
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
prop="StudyName"
|
||||
:label="$t('trials:uploadNonDicoms:table:StudyName')"
|
||||
/>
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="Modality"
|
||||
|
|
@ -241,30 +235,6 @@
|
|||
>
|
||||
<el-input v-model="form.CodeView" disabled />
|
||||
</el-form-item>
|
||||
<!-- 检查名称 -->
|
||||
<el-form-item
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
:label="$t('trials:uploadNonDicoms:table:StudyName')"
|
||||
prop="StudyName"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: $t('common:ruleMessage:specify'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-radio-group v-model="form.StudyName">
|
||||
<template v-for="m in relationInfo.StudyNameList">
|
||||
<el-radio
|
||||
v-if="m.IsChoose"
|
||||
:key="m.Name"
|
||||
:label="isEN ? m.EnName : m.Name"
|
||||
style="line-height: 40px"
|
||||
/>
|
||||
</template>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 检查类型 -->
|
||||
<el-form-item
|
||||
:label="$t('trials:uploadNonDicoms:table:modality')"
|
||||
|
|
@ -373,10 +343,7 @@
|
|||
<!-- 多文件上传 -->
|
||||
<form id="inputForm" ref="uploadForm">
|
||||
<el-divider content-position="left">{{
|
||||
$t('trials:uploadNonDicoms:label:fileType').replace(
|
||||
'xxx',
|
||||
relationInfo.ImageFormatList.join('/')
|
||||
)
|
||||
$t('trials:uploadNonDicoms:label:fileType')
|
||||
}}</el-divider>
|
||||
<div class="form-group">
|
||||
<div class="upload" style="margin-right: 10px">
|
||||
|
|
@ -635,7 +602,6 @@ export default {
|
|||
BodyParts: [],
|
||||
Modality: '',
|
||||
ImageDate: '',
|
||||
StudyName: '',
|
||||
},
|
||||
pickerOption: {
|
||||
disabledDate: (time) => {
|
||||
|
|
@ -661,7 +627,6 @@ export default {
|
|||
moment,
|
||||
BodyPart: {},
|
||||
studyMonitorId: null,
|
||||
relationInfo: {},
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
|
|
@ -701,22 +666,12 @@ export default {
|
|||
store.dispatch('trials/setUnLock', false)
|
||||
this.OSSclient.close()
|
||||
},
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 初始化非Dicom列表数据
|
||||
getNoneDicomList() {
|
||||
this.loading = true
|
||||
getNoneDicomStudyList(this.subjectVisitId)
|
||||
.then((res) => {
|
||||
this.relationInfo = res.OtherInfo
|
||||
this.faccept = []
|
||||
this.relationInfo.ImageFormatList.forEach((item) => {
|
||||
this.faccept.push(`.${item}`)
|
||||
})
|
||||
this.nonDicomStudyList = res.Result.map((v) => {
|
||||
if (v.VideoObjectName) {
|
||||
v.FileCount += 1
|
||||
|
|
@ -736,7 +691,6 @@ export default {
|
|||
this.form.CodeView = ''
|
||||
this.form.BodyPart = ''
|
||||
this.form.Modality = ''
|
||||
this.form.StudyName = ''
|
||||
this.form.ImageDate = ''
|
||||
this.form.BodyParts = []
|
||||
this.dialogVisible = true
|
||||
|
|
@ -744,14 +698,11 @@ export default {
|
|||
// 打开比编辑弹框，并初始化数据
|
||||
handleEdit(row) {
|
||||
this.title = this.$t('trials:uploadNonDicoms:dialogTitle:edit')
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
|
||||
...row,
|
||||
}
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate } = { ...row }
|
||||
this.form.CodeView = CodeView
|
||||
this.form.Id = Id
|
||||
this.form.BodyPart = BodyPart
|
||||
this.form.Modality = Modality
|
||||
this.form.StudyName = StudyName
|
||||
this.form.ImageDate = ImageDate
|
||||
this.form.BodyParts = this.form.BodyPart.split(', ')
|
||||
this.dialogVisible = true
|
||||
|
|
@ -957,13 +908,6 @@ export default {
|
|||
})
|
||||
},
|
||||
handlePreviewImg(row) {
|
||||
if (!!~row.FileType.indexOf('pdf')) {
|
||||
return this.$preview({
|
||||
path: row.Path || row.fullPath,
|
||||
type: 'pdf',
|
||||
title: row.FileName,
|
||||
})
|
||||
}
|
||||
// this.imgUrl = row.FullFilePath
|
||||
// this.previewImgVisible = true
|
||||
// this.imageLoading = true
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
icon="el-icon-view"
|
||||
@click="handlePreviewAllFiles"
|
||||
>
|
||||
{{ $t('trials:audit:action:preview') }}
|
||||
{{ $t("trials:audit:action:preview") }}
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
|
|
@ -46,12 +46,6 @@
|
|||
<!-- </template>-->
|
||||
<!-- </el-table-column>-->
|
||||
<!-- <!– 检查类型 –>-->
|
||||
<!-- 检查名称 -->
|
||||
<el-table-column
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
prop="StudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="ModalityForEdit"
|
||||
:label="$t('trials:audit:table:modality')"
|
||||
|
|
@ -94,7 +88,7 @@
|
|||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
|
||||
{{ moment(scope.row.StudyTime).format("YYYY-MM-DD") }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 上传时间 -->
|
||||
|
|
@ -150,24 +144,27 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { getSubjectVisitUploadedStudyList, deleteStudyList } from '@/api/trials'
|
||||
import { getToken } from '@/utils/auth'
|
||||
import uploadPetClinicalData from '@/views/trials/trials-panel/visit/crc-upload/components/uploadPetClinicalData.vue'
|
||||
import moment from 'moment'
|
||||
import {
|
||||
getSubjectVisitUploadedStudyList,
|
||||
deleteStudyList,
|
||||
} from "@/api/trials";
|
||||
import { getToken } from "@/utils/auth";
|
||||
import uploadPetClinicalData from "@/views/trials/trials-panel/visit/crc-upload/components/uploadPetClinicalData.vue";
|
||||
import moment from "moment";
|
||||
export default {
|
||||
name: 'StudyInfo',
|
||||
name: "StudyInfo",
|
||||
components: { uploadPetClinicalData },
|
||||
props: {
|
||||
data: {
|
||||
type: Object,
|
||||
default() {
|
||||
return {}
|
||||
return {};
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
|
||||
userTypeEnumInt: zzSessionStorage.getItem("userTypeEnumInt") * 1,
|
||||
deleteArr: [],
|
||||
studyLoading: false,
|
||||
studyList: [],
|
||||
|
|
@ -178,117 +175,117 @@ export default {
|
|||
rowData: {},
|
||||
relationInfo: {},
|
||||
bp: [],
|
||||
}
|
||||
};
|
||||
},
|
||||
async mounted() {
|
||||
this.getStudyInfo()
|
||||
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.getStudyInfo();
|
||||
this.bp = await this.$getBodyPart(this.$route.query.trialId);
|
||||
},
|
||||
methods: {
|
||||
// 预览临床数据
|
||||
handlePreviewClinicalData(row) {
|
||||
this.rowData = row
|
||||
this.petVisible = true
|
||||
this.rowData = row;
|
||||
this.petVisible = true;
|
||||
},
|
||||
getStudyInfo() {
|
||||
this.studyLoading = true
|
||||
this.studyLoading = true;
|
||||
getSubjectVisitUploadedStudyList(this.data.Id)
|
||||
.then((res) => {
|
||||
this.studyList = res.Result
|
||||
this.relationInfo = res.OtherInfo
|
||||
this.studyLoading = false
|
||||
this.studyList = res.Result;
|
||||
this.relationInfo = res.OtherInfo;
|
||||
this.studyLoading = false;
|
||||
})
|
||||
.catch(() => {
|
||||
this.studyLoading = false
|
||||
})
|
||||
this.studyLoading = false;
|
||||
});
|
||||
},
|
||||
// 批量删除
|
||||
handleBatchDelete() {
|
||||
this.$confirm(this.$t('trials:qcCheck:message:delete'), {
|
||||
type: 'warning',
|
||||
this.$confirm(this.$t("trials:qcCheck:message:delete"), {
|
||||
type: "warning",
|
||||
distinguishCancelAndClose: true,
|
||||
})
|
||||
.then(() => {
|
||||
this.studyLoading = true
|
||||
this.studyLoading = true;
|
||||
deleteStudyList(this.trialId, this.data.Id, this.deleteArr)
|
||||
.then((res) => {
|
||||
if (res.IsSuccess) {
|
||||
this.getStudyInfo()
|
||||
this.$emit('getList')
|
||||
this.getStudyInfo();
|
||||
this.$emit("getList");
|
||||
this.$message.success(
|
||||
this.$t('trials:qcCheck:message:deletedSuccessfully')
|
||||
)
|
||||
this.$t("trials:qcCheck:message:deletedSuccessfully")
|
||||
);
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.studyLoading = true
|
||||
})
|
||||
this.studyLoading = true;
|
||||
});
|
||||
})
|
||||
.catch(() => {})
|
||||
.catch(() => {});
|
||||
},
|
||||
// 预览所有影像
|
||||
handlePreviewAllFiles() {
|
||||
var token = getToken()
|
||||
var token = getToken();
|
||||
const routeData = this.$router.resolve({
|
||||
path: `/showvisitdicoms?trialId=${this.data.TrialId}&visitInfo=${this.data.VisitName}(${this.data.VisitNum})&subjectVisitId=${this.data.Id}&TokenKey=${token}`,
|
||||
})
|
||||
window.open(routeData.href, '_blank')
|
||||
});
|
||||
window.open(routeData.href, "_blank");
|
||||
},
|
||||
// 预览影像
|
||||
handleViewStudy(row) {
|
||||
var token = getToken()
|
||||
var token = getToken();
|
||||
const routeData = this.$router.resolve({
|
||||
path: `/showdicom?studyId=${row.StudyId}&TokenKey=${token}&type=Study`,
|
||||
})
|
||||
window.open(routeData.href, '_blank')
|
||||
});
|
||||
window.open(routeData.href, "_blank");
|
||||
},
|
||||
getBodyPart(bodyPart) {
|
||||
if (!bodyPart) return ''
|
||||
var separator = ','
|
||||
if (bodyPart.indexOf('|') > -1) {
|
||||
separator = '|'
|
||||
} else if (bodyPart.indexOf(',') > -1) {
|
||||
separator = ','
|
||||
} else if (bodyPart.indexOf('，') > -1) {
|
||||
separator = '，'
|
||||
if (!bodyPart) return "";
|
||||
var separator = ",";
|
||||
if (bodyPart.indexOf("|") > -1) {
|
||||
separator = "|";
|
||||
} else if (bodyPart.indexOf(",") > -1) {
|
||||
separator = ",";
|
||||
} else if (bodyPart.indexOf("，") > -1) {
|
||||
separator = "，";
|
||||
}
|
||||
var arr = bodyPart.split(separator)
|
||||
var arr = bodyPart.split(separator);
|
||||
var newArr = arr.map((i) => {
|
||||
return this.$fd(
|
||||
'Bodypart',
|
||||
"Bodypart",
|
||||
i.trim(),
|
||||
'Code',
|
||||
"Code",
|
||||
{ Bodypart: this.bp },
|
||||
'Name'
|
||||
)
|
||||
})
|
||||
return newArr.join(' | ')
|
||||
"Name"
|
||||
);
|
||||
});
|
||||
return newArr.join(" | ");
|
||||
},
|
||||
// 获取勾选项
|
||||
handleSelectionChange(val) {
|
||||
this.deleteArr = []
|
||||
this.deleteArr = [];
|
||||
val.forEach((item) => {
|
||||
this.deleteArr.push(item.StudyId)
|
||||
})
|
||||
this.deleteArr.push(item.StudyId);
|
||||
});
|
||||
},
|
||||
// 设置已删除行勾选状态
|
||||
hasDeleted(row) {
|
||||
if (row.IsDeleted) {
|
||||
return false
|
||||
return false;
|
||||
} else {
|
||||
return true
|
||||
return true;
|
||||
}
|
||||
},
|
||||
// 设置已删除序列行样式
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
if (row.IsDeleted) {
|
||||
return 'delete-row'
|
||||
return "delete-row";
|
||||
} else {
|
||||
return ''
|
||||
return "";
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
};
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.study-info {
|
||||
|
|
|
|||
|
|
@ -105,28 +105,6 @@
|
|||
prop="StudyCode"
|
||||
:label="$t('trials:audit:table:studyId')"
|
||||
/>
|
||||
<!-- 检查名称 -->
|
||||
<el-table-column
|
||||
prop="StudyName"
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-tooltip
|
||||
class="item"
|
||||
effect="dark"
|
||||
:content="$t('trials:audit:message:noStudyName')"
|
||||
placement="bottom"
|
||||
v-if="!scope.row.StudyName"
|
||||
>
|
||||
<i
|
||||
class="el-icon-warning"
|
||||
style="color: #f44336; font-size: 16px"
|
||||
/>
|
||||
</el-tooltip>
|
||||
<span v-else>{{ scope.row.StudyName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="ModalityForEdit"
|
||||
|
|
@ -155,9 +133,7 @@
|
|||
style="color: #f44336; font-size: 16px"
|
||||
/>
|
||||
</el-tooltip>
|
||||
<span v-else>{{
|
||||
getBodyPart(scope.row.BodyPartForEdit)
|
||||
}}</span>
|
||||
<span v-else>{{ getBodyPart(scope.row.BodyPartForEdit) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 序列数量 -->
|
||||
|
|
@ -411,12 +387,6 @@
|
|||
prop="CodeView"
|
||||
:label="$t('trials:audit:table:nonDicomsStudyId')"
|
||||
/>
|
||||
<!-- 检查名称 -->
|
||||
<el-table-column
|
||||
prop="StudyName"
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
/>
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="Modality"
|
||||
|
|
@ -916,30 +886,6 @@
|
|||
<el-form-item :label="$t('trials:audit:table:studyId')">
|
||||
<el-input v-model="studyForm.StudyCode" disabled />
|
||||
</el-form-item>
|
||||
<!-- 检查名称 -->
|
||||
<el-form-item
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
prop="StudyName"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: $t('common:ruleMessage:specify'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-radio-group v-model="studyForm.StudyName">
|
||||
<template v-for="m in relationInfo.StudyNameList">
|
||||
<el-radio
|
||||
v-if="m.IsChoose"
|
||||
:key="m.Name"
|
||||
:label="isEN ? m.EnName : m.Name"
|
||||
style="line-height: 40px"
|
||||
/>
|
||||
</template>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 检查类型 -->
|
||||
<el-form-item
|
||||
v-if="studyForm.IsDicomData"
|
||||
|
|
@ -1088,30 +1034,6 @@
|
|||
<el-form-item :label="$t('trials:audit:table:nonDicomsStudyId')">
|
||||
<el-input v-model="noneDicomForm.CodeView" disabled />
|
||||
</el-form-item>
|
||||
<!-- 检查名称 -->
|
||||
<el-form-item
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
prop="StudyName"
|
||||
:rules="[
|
||||
{
|
||||
required: true,
|
||||
message: $t('common:ruleMessage:specify'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
]"
|
||||
>
|
||||
<el-radio-group v-model="noneDicomForm.StudyName">
|
||||
<template v-for="m in relationInfo.StudyNameList">
|
||||
<el-radio
|
||||
v-if="m.IsChoose"
|
||||
:key="m.Name"
|
||||
:label="isEN ? m.EnName : m.Name"
|
||||
style="line-height: 40px"
|
||||
/>
|
||||
</template>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 检查类型 -->
|
||||
<el-form-item
|
||||
:label="$t('trials:audit:table:nonDicomsModality')"
|
||||
|
|
@ -1421,11 +1343,6 @@ export default {
|
|||
default: 1,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: this.data.DicomStudyCount > 0 ? 'dicom' : 'none-dicom',
|
||||
|
|
@ -1475,7 +1392,6 @@ export default {
|
|||
BodyParts: [],
|
||||
Modality: '',
|
||||
ImageDate: '',
|
||||
StudyName: '',
|
||||
},
|
||||
subjectClinicalData: {},
|
||||
moment,
|
||||
|
|
@ -2175,33 +2091,13 @@ export default {
|
|||
}
|
||||
if (auditState === 8) {
|
||||
var isgo = true
|
||||
var hasStudyName = true,
|
||||
hasStudyNameList = []
|
||||
var isgoList = []
|
||||
this.studyList.forEach((v) => {
|
||||
if (!v.BodyPartForEdit) {
|
||||
isgo = false
|
||||
isgoList.push(v.StudyCode)
|
||||
}
|
||||
if (this.relationInfo.IsShowStudyName && !v.StudyName) {
|
||||
hasStudyName = false
|
||||
hasStudyNameList.push(v.StudyCode)
|
||||
}
|
||||
})
|
||||
if (!hasStudyName) {
|
||||
// `请补充检查${isgoList.toString()}的检查名称！`
|
||||
this.$confirm(
|
||||
this.$t('trials:qcQuality:title:noStudyName').replace(
|
||||
'xxx',
|
||||
hasStudyNameList.join('、 ')
|
||||
),
|
||||
'',
|
||||
{
|
||||
showCancelButton: false,
|
||||
}
|
||||
)
|
||||
return
|
||||
}
|
||||
if (!isgo) {
|
||||
// `请补充检查${isgoList.toString()}的检查部位！`
|
||||
this.$confirm(
|
||||
|
|
@ -2401,7 +2297,6 @@ export default {
|
|||
type: 1,
|
||||
modality: this.studyForm.Modality,
|
||||
bodyPart: this.studyForm.BodyPart,
|
||||
StudyName: this.studyForm.StudyName,
|
||||
}
|
||||
updateModality(this.data.TrialId, params)
|
||||
.then((res) => {
|
||||
|
|
@ -2433,10 +2328,7 @@ export default {
|
|||
|
||||
// 打开非Dicom信息编辑框
|
||||
handleEditNoneDicomInfo(row) {
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
|
||||
...row,
|
||||
}
|
||||
this.noneDicomForm.StudyName = StudyName
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate } = { ...row }
|
||||
this.noneDicomForm.CodeView = CodeView
|
||||
this.noneDicomForm.Id = Id
|
||||
this.noneDicomForm.BodyPart = BodyPart
|
||||
|
|
@ -2483,13 +2375,6 @@ export default {
|
|||
},
|
||||
// 预览文件
|
||||
previewFile(row) {
|
||||
if (!!~row.FileType.indexOf('pdf')) {
|
||||
return this.$preview({
|
||||
path: row.Path || row.fullPath,
|
||||
type: 'pdf',
|
||||
title: row.FileName,
|
||||
})
|
||||
}
|
||||
// window.open(row.FullFilePath, '_blank')
|
||||
// this.imgObj.url = row.FullFilePath
|
||||
// this.imgObj.loading = true
|
||||
|
|
|
|||
Loading…
Reference in New Issue