Merge branch 'uat'
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
commit
949ec6d2d6
|
|
@ -1,13 +1,19 @@
|
|||
/* 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">
|
||||
|
|
@ -38,37 +44,46 @@
|
|||
<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-for="(item, i) in urlList"
|
||||
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}`"
|
||||
:src="
|
||||
item.FileType && item.FileType.indexOf('zip') >= 0
|
||||
? zipImg
|
||||
: `${OSSclientConfig.basePath}${item.Path}`
|
||||
"
|
||||
:style="imgStyle"
|
||||
style="max-width:100%;max-height: 100%;"
|
||||
style="max-width: 100%; max-height: 100%"
|
||||
@load="handleImgLoad"
|
||||
@error="handleImgError"
|
||||
@mousedown="handleMouseDown"
|
||||
>
|
||||
|
||||
/>
|
||||
</template>
|
||||
</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'
|
||||
|
||||
|
|
@ -77,36 +92,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
|
||||
default: 0,
|
||||
},
|
||||
zipImg: {
|
||||
required: true,
|
||||
default: '',
|
||||
},
|
||||
zipImg:{
|
||||
required:true,
|
||||
default:''
|
||||
}
|
||||
},
|
||||
|
||||
data() {
|
||||
|
|
@ -120,7 +135,7 @@ export default {
|
|||
deg: 0,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
enableTransition: false
|
||||
enableTransition: false,
|
||||
},
|
||||
}
|
||||
},
|
||||
|
|
@ -141,25 +156,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) => {
|
||||
|
|
@ -167,13 +182,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
|
||||
|
|
@ -186,7 +201,7 @@ export default {
|
|||
this.onClose()
|
||||
},
|
||||
deviceSupportInstall() {
|
||||
this._keyDownHandler = e => {
|
||||
this._keyDownHandler = (e) => {
|
||||
e.stopPropagation()
|
||||
const keyCode = e.keyCode
|
||||
switch (keyCode) {
|
||||
|
|
@ -216,17 +231,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,
|
||||
})
|
||||
}
|
||||
})
|
||||
|
|
@ -254,12 +269,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)
|
||||
})
|
||||
|
||||
|
|
@ -271,7 +286,7 @@ export default {
|
|||
deg: 0,
|
||||
offsetX: 0,
|
||||
offsetY: 0,
|
||||
enableTransition: false
|
||||
enableTransition: false,
|
||||
}
|
||||
},
|
||||
toggleMode() {
|
||||
|
|
@ -294,18 +309,22 @@ 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':
|
||||
|
|
@ -316,47 +335,46 @@ export default {
|
|||
break
|
||||
}
|
||||
transform.enableTransition = enableTransition
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
.image-viewer__wrapper{
|
||||
.image-viewer__wrapper {
|
||||
position: relative;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:0;
|
||||
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:.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: 0.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;
|
||||
|
|
@ -369,92 +387,92 @@ export default {
|
|||
border-radius: 17px;
|
||||
// border-radius: 2%;
|
||||
}
|
||||
.image-viewer__canvas{
|
||||
.image-viewer__canvas {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width:100%;
|
||||
height:100%;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center
|
||||
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:.5;
|
||||
.image-viewer__mask {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 0.5;
|
||||
// background:#000
|
||||
|
||||
}
|
||||
.viewer-fade-enter-active{
|
||||
animation:viewer-fade-in .3s
|
||||
.viewer-fade-enter-active {
|
||||
animation: viewer-fade-in 0.3s;
|
||||
}
|
||||
.viewer-fade-leave-active{
|
||||
animation:viewer-fade-out .3s
|
||||
.viewer-fade-leave-active {
|
||||
animation: viewer-fade-out 0.3s;
|
||||
}
|
||||
|
||||
@keyframes viewer-fade-in{
|
||||
0%{
|
||||
transform:translate3d(0,-20px,0);
|
||||
opacity:0
|
||||
@keyframes viewer-fade-in {
|
||||
0% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
100%{
|
||||
transform:translate3d(0,0,0);
|
||||
opacity:1
|
||||
100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes viewer-fade-out{
|
||||
0%{
|
||||
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
|
||||
100% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
<template>
|
||||
<div class="none-dicom_preview-wrapper">
|
||||
|
||||
<div class="image-viewer-wrapper">
|
||||
<!-- 预览图像 -->
|
||||
<ImageViewer
|
||||
|
|
@ -15,10 +14,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
|
||||
|
|
@ -33,21 +32,31 @@
|
|||
<slot name="empty">暂无数据</slot>
|
||||
</div>
|
||||
<div v-show="!noData" class="items" :style="itemsStyle">
|
||||
<template v-for="(item, index) in previewImage.imgList">
|
||||
<div
|
||||
v-for="(item, index) in previewImage.imgList"
|
||||
v-if="!~item.FileType.indexOf('pdf')"
|
||||
:key="index"
|
||||
class="item-img"
|
||||
:style="imgSize"
|
||||
:class="{
|
||||
'is-active': index === currentIndex
|
||||
'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}`">
|
||||
<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}` }}
|
||||
{{ `${index + 1}` }}
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</div>
|
||||
<el-button
|
||||
|
|
@ -63,12 +72,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: {
|
||||
|
|
@ -76,13 +85,13 @@ export default {
|
|||
default: () => {
|
||||
return {
|
||||
width: '120px',
|
||||
height: '120px'
|
||||
}
|
||||
height: '120px',
|
||||
}
|
||||
},
|
||||
},
|
||||
value: {
|
||||
type: Number,
|
||||
default: null
|
||||
default: null,
|
||||
},
|
||||
previewImage: {
|
||||
type: Object,
|
||||
|
|
@ -94,11 +103,10 @@ export default {
|
|||
infinite: true, // 是否可以循环切换
|
||||
studyCode: '',
|
||||
modality: '',
|
||||
bodyPart: ''
|
||||
bodyPart: '',
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
|
|
@ -107,14 +115,14 @@ export default {
|
|||
translateX: 0,
|
||||
pageSize: 0, // 一页展示的图片数
|
||||
urlList: [],
|
||||
zipImg
|
||||
zipImg,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
// 偏移度数
|
||||
itemsStyle() {
|
||||
return {
|
||||
transform: `translateX(${-this.translateX}px)`
|
||||
transform: `translateX(${-this.translateX}px)`,
|
||||
}
|
||||
},
|
||||
// 每一项宽度
|
||||
|
|
@ -128,7 +136,8 @@ 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() {
|
||||
|
|
@ -136,28 +145,27 @@ 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)
|
||||
}
|
||||
|
|
@ -201,32 +209,31 @@ 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{
|
||||
.image-viewer-wrapper {
|
||||
flex: 1;
|
||||
}
|
||||
.thumbnail-wrapper{
|
||||
}
|
||||
.thumbnail-wrapper {
|
||||
height: 130px;
|
||||
}
|
||||
.img-content{
|
||||
}
|
||||
.img-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.img-wrapper {
|
||||
}
|
||||
.img-wrapper {
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin: 0 20px;
|
||||
|
|
@ -343,6 +350,6 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -9,6 +9,9 @@
|
|||
<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>
|
||||
|
|
@ -45,7 +48,7 @@
|
|||
</el-card>
|
||||
<!-- 预览图像 -->
|
||||
<el-card class="box-card right">
|
||||
<div style="width: 100%; height: 100%">
|
||||
<div style="width: 100%; height: 100%" v-if="!showPDF">
|
||||
<Preview
|
||||
v-if="previewImage.imgList.length > 0"
|
||||
ref="previewImage"
|
||||
|
|
@ -55,6 +58,9 @@
|
|||
@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;">
|
||||
|
|
@ -68,11 +74,13 @@ 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() {
|
||||
|
|
@ -97,6 +105,12 @@ export default {
|
|||
sudyId: '',
|
||||
loading: false,
|
||||
bp: [],
|
||||
OtherInfo: {},
|
||||
showPDF: false,
|
||||
pdfFile: {
|
||||
path: null,
|
||||
type: null,
|
||||
},
|
||||
}
|
||||
},
|
||||
async created() {
|
||||
|
|
@ -148,6 +162,7 @@ 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
|
||||
|
|
@ -163,6 +178,15 @@ 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,6 +49,7 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:subjectNum2')"
|
||||
prop="IsSubjectSecondCodeView"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsSubjectSecondCodeView"
|
||||
|
|
@ -103,6 +104,7 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:subjectAge')"
|
||||
prop="IsHaveSubjectAge"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsHaveSubjectAge"
|
||||
|
|
@ -121,6 +123,7 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:subjectGender')"
|
||||
prop="IsSubjectSexView"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsSubjectSexView"
|
||||
|
|
@ -152,6 +155,7 @@
|
|||
<el-form-item
|
||||
:label="$t('trials:logincCfg:form:imageCopy')"
|
||||
prop="IsImageReplicationAcrossTrial"
|
||||
v-if="showMore"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsImageReplicationAcrossTrial"
|
||||
|
|
@ -203,6 +207,45 @@
|
|||
@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')"
|
||||
|
|
@ -215,6 +258,19 @@
|
|||
: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
|
||||
|
|
@ -279,7 +335,8 @@
|
|||
v-if="
|
||||
(form.IsTrialBasicLogicConfirmed === false ||
|
||||
(form.IsTrialBasicLogicConfirmed === true && isEdit)) &&
|
||||
hasPermi(['trials:trials-panel:setting:trial-config:save'])
|
||||
hasPermi(['trials:trials-panel:setting:trial-config:save']) &&
|
||||
showMore
|
||||
"
|
||||
>
|
||||
{{ $t('common:button:terminology') }}
|
||||
|
|
@ -748,6 +805,121 @@
|
|||
: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>
|
||||
|
|
@ -772,6 +944,7 @@ export default {
|
|||
components: { SignForm, ClinicalDataForm, BaseModel, terminology },
|
||||
data() {
|
||||
return {
|
||||
showMore: false,
|
||||
form: {
|
||||
TrialId: '',
|
||||
IsNoticeSubjectCodeRule: false,
|
||||
|
|
@ -785,6 +958,9 @@ export default {
|
|||
// ClinicalInformationTransmissionEnum: 1,
|
||||
IsImageReplicationAcrossTrial: false,
|
||||
BodyPartTypes: '',
|
||||
StudyNameTypes: '',
|
||||
IsShowStudyName: null,
|
||||
StudyNameList: [],
|
||||
BodyPartTypeList: [],
|
||||
Modalitys: '',
|
||||
ModalityList: [],
|
||||
|
|
@ -855,6 +1031,13 @@ 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` }
|
||||
|
|
@ -894,19 +1077,32 @@ 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: [
|
||||
{
|
||||
|
|
@ -932,6 +1128,31 @@ 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) {
|
||||
|
|
@ -947,6 +1168,11 @@ export default {
|
|||
// created() {
|
||||
// this.getTrialBodyPartList();
|
||||
// },
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
openTerminology() {
|
||||
this.terminologyVisible = true
|
||||
|
|
@ -1003,6 +1229,30 @@ 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 {
|
||||
|
|
@ -1073,6 +1323,19 @@ 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
|
||||
|
|
@ -1081,6 +1344,12 @@ 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(() => {
|
||||
|
|
@ -1092,6 +1361,19 @@ 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) => {
|
||||
|
|
@ -1101,6 +1383,15 @@ 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(
|
||||
[],
|
||||
|
|
@ -1112,6 +1403,14 @@ 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) => {
|
||||
|
|
@ -1305,6 +1604,16 @@ 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,
|
||||
|
|
@ -1355,6 +1664,16 @@ 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) => {
|
||||
|
|
@ -1596,4 +1915,16 @@ export default {
|
|||
margin: 0;
|
||||
}
|
||||
}
|
||||
.showMore {
|
||||
cursor: pointer;
|
||||
color: #409eff;
|
||||
i {
|
||||
transition: 0.3s;
|
||||
}
|
||||
}
|
||||
.showMore.isCheck {
|
||||
i {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -139,6 +139,25 @@
|
|||
</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')"
|
||||
|
|
@ -1186,6 +1205,7 @@ export default {
|
|||
ClinicalDataSetNamesStr: '',
|
||||
QCProcessEnum: null,
|
||||
CollectImagesEnum: null,
|
||||
ImageFormatList: [],
|
||||
IsImageConsistencyVerification: null,
|
||||
ReadingMode: null,
|
||||
// ImagePlatform: null,
|
||||
|
|
@ -1225,6 +1245,14 @@ export default {
|
|||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
ImageFormatList: [
|
||||
{
|
||||
type: 'array',
|
||||
required: true,
|
||||
message: this.$t('common:ruleMessage:select'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
QCProcessEnum: [
|
||||
{
|
||||
required: true,
|
||||
|
|
@ -1499,6 +1527,11 @@ 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,6 +47,12 @@
|
|||
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"
|
||||
|
|
@ -90,7 +96,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>
|
||||
<!-- 上传时间 -->
|
||||
|
|
@ -223,7 +229,9 @@
|
|||
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>
|
||||
|
|
@ -258,7 +266,7 @@
|
|||
type="primary"
|
||||
@click="editStudyInfoVisible = false"
|
||||
>
|
||||
{{ $t("common:button:cancel") }}
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
:loading="btnLoading"
|
||||
|
|
@ -266,7 +274,7 @@
|
|||
type="primary"
|
||||
@click="handleUpdateStudyInfo"
|
||||
>
|
||||
{{ $t("common:button:save") }}
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
|
@ -291,18 +299,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 {}
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
@ -310,12 +318,12 @@ export default {
|
|||
return {
|
||||
editStudyInfoVisible: false,
|
||||
studyForm: {
|
||||
StudyCode: "",
|
||||
StudyCode: '',
|
||||
IsDicomData: true,
|
||||
Modalities: "",
|
||||
Modalities: '',
|
||||
BodyPartForEdit: [],
|
||||
SeriesCount: null,
|
||||
StudyTime: "",
|
||||
StudyTime: '',
|
||||
},
|
||||
deleteArr: [],
|
||||
studyLoading: false,
|
||||
|
|
@ -331,189 +339,187 @@ 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,6 +87,12 @@
|
|||
{{ 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"
|
||||
|
|
@ -694,6 +700,30 @@
|
|||
<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"
|
||||
|
|
@ -899,6 +929,11 @@ export default {
|
|||
isClose: false,
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
btnLoading() {
|
||||
store.dispatch('trials/setUnLock', this.btnLoading)
|
||||
|
|
@ -959,6 +994,7 @@ export default {
|
|||
type: 1,
|
||||
modality: this.studyForm.Modality,
|
||||
bodyPart: this.studyForm.BodyPart,
|
||||
StudyName: this.studyForm.StudyName,
|
||||
}
|
||||
updateModality(this.trialId, params)
|
||||
.then((res) => {
|
||||
|
|
|
|||
|
|
@ -29,6 +29,12 @@
|
|||
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"
|
||||
|
|
@ -235,6 +241,30 @@
|
|||
>
|
||||
<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')"
|
||||
|
|
@ -343,7 +373,10 @@
|
|||
<!-- 多文件上传 -->
|
||||
<form id="inputForm" ref="uploadForm">
|
||||
<el-divider content-position="left">{{
|
||||
$t('trials:uploadNonDicoms:label:fileType')
|
||||
$t('trials:uploadNonDicoms:label:fileType').replace(
|
||||
'xxx',
|
||||
relationInfo.ImageFormatList.join('/')
|
||||
)
|
||||
}}</el-divider>
|
||||
<div class="form-group">
|
||||
<div class="upload" style="margin-right: 10px">
|
||||
|
|
@ -602,6 +635,7 @@ export default {
|
|||
BodyParts: [],
|
||||
Modality: '',
|
||||
ImageDate: '',
|
||||
StudyName: '',
|
||||
},
|
||||
pickerOption: {
|
||||
disabledDate: (time) => {
|
||||
|
|
@ -627,6 +661,7 @@ export default {
|
|||
moment,
|
||||
BodyPart: {},
|
||||
studyMonitorId: null,
|
||||
relationInfo: {},
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
|
|
@ -666,12 +701,22 @@ 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
|
||||
|
|
@ -691,6 +736,7 @@ export default {
|
|||
this.form.CodeView = ''
|
||||
this.form.BodyPart = ''
|
||||
this.form.Modality = ''
|
||||
this.form.StudyName = ''
|
||||
this.form.ImageDate = ''
|
||||
this.form.BodyParts = []
|
||||
this.dialogVisible = true
|
||||
|
|
@ -698,11 +744,14 @@ export default {
|
|||
// 打开比编辑弹框，并初始化数据
|
||||
handleEdit(row) {
|
||||
this.title = this.$t('trials:uploadNonDicoms:dialogTitle:edit')
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate } = { ...row }
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
|
||||
...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
|
||||
|
|
@ -908,6 +957,13 @@ 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,6 +46,12 @@
|
|||
<!-- </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')"
|
||||
|
|
@ -88,7 +94,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>
|
||||
<!-- 上传时间 -->
|
||||
|
|
@ -144,27 +150,24 @@
|
|||
</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: [],
|
||||
|
|
@ -175,117 +178,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,6 +105,28 @@
|
|||
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"
|
||||
|
|
@ -133,7 +155,9 @@
|
|||
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>
|
||||
<!-- 序列数量 -->
|
||||
|
|
@ -387,6 +411,12 @@
|
|||
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"
|
||||
|
|
@ -886,6 +916,30 @@
|
|||
<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"
|
||||
|
|
@ -1034,6 +1088,30 @@
|
|||
<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')"
|
||||
|
|
@ -1343,6 +1421,11 @@ export default {
|
|||
default: 1,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
activeName: this.data.DicomStudyCount > 0 ? 'dicom' : 'none-dicom',
|
||||
|
|
@ -1392,6 +1475,7 @@ export default {
|
|||
BodyParts: [],
|
||||
Modality: '',
|
||||
ImageDate: '',
|
||||
StudyName: '',
|
||||
},
|
||||
subjectClinicalData: {},
|
||||
moment,
|
||||
|
|
@ -2091,13 +2175,33 @@ 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(
|
||||
|
|
@ -2297,6 +2401,7 @@ export default {
|
|||
type: 1,
|
||||
modality: this.studyForm.Modality,
|
||||
bodyPart: this.studyForm.BodyPart,
|
||||
StudyName: this.studyForm.StudyName,
|
||||
}
|
||||
updateModality(this.data.TrialId, params)
|
||||
.then((res) => {
|
||||
|
|
@ -2328,7 +2433,10 @@ export default {
|
|||
|
||||
// 打开非Dicom信息编辑框
|
||||
handleEditNoneDicomInfo(row) {
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate } = { ...row }
|
||||
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
|
||||
...row,
|
||||
}
|
||||
this.noneDicomForm.StudyName = StudyName
|
||||
this.noneDicomForm.CodeView = CodeView
|
||||
this.noneDicomForm.Id = Id
|
||||
this.noneDicomForm.BodyPart = BodyPart
|
||||
|
|
@ -2375,6 +2483,13 @@ 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