检查部位修改
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
ef3ca59842
commit
dffad5a122
|
|
@ -7,78 +7,47 @@
|
|||
<div class="left-content">
|
||||
<!-- 检查层级 -->
|
||||
<el-collapse v-model="activeNames" @change="handleChange">
|
||||
<el-collapse-item
|
||||
v-for="(study, i) in studyList"
|
||||
:key="study.CodeView"
|
||||
:name="study.CodeView"
|
||||
><template slot="title">
|
||||
<el-collapse-item v-for="(study, i) in studyList" :key="study.CodeView" :name="study.CodeView"><template
|
||||
slot="title">
|
||||
<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>
|
||||
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
|
||||
</div>
|
||||
</template>
|
||||
<!-- 文件层级 -->
|
||||
<div
|
||||
v-if="study.NoneDicomStudyFileList.length === 0"
|
||||
class="empty-text"
|
||||
>
|
||||
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
||||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||
</div>
|
||||
<div v-else id="imgList" style="height: 100%; overflow: hidden">
|
||||
<template v-for="(item, j) in study.NoneDicomStudyFileList">
|
||||
<div
|
||||
:id="`img${item.Id}`"
|
||||
:key="item.Id"
|
||||
:class="{
|
||||
'is-boxActive': item.Id === currentFileId,
|
||||
}"
|
||||
class="img-box"
|
||||
@click="selected(item, i, j, true)"
|
||||
>
|
||||
<div :id="`img${item.Id}`" :key="item.Id" :class="{
|
||||
'is-boxActive': item.Id === currentFileId,
|
||||
}" class="img-box" @click="selected(item, i, j, true)">
|
||||
<div class="file-image">
|
||||
<el-image
|
||||
v-if="
|
||||
[
|
||||
'image/jpeg',
|
||||
'image/jpg',
|
||||
'image/png',
|
||||
'image/bmp',
|
||||
].includes(item.FileType)
|
||||
"
|
||||
style="width: 100%; height: 100%"
|
||||
<el-image v-if="
|
||||
[
|
||||
'image/jpeg',
|
||||
'image/jpg',
|
||||
'image/png',
|
||||
'image/bmp',
|
||||
].includes(item.FileType)
|
||||
" style="width: 100%; height: 100%"
|
||||
:src="`${OSSclientConfig.basePath}${item.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
|
||||
fit="contain"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<el-image
|
||||
v-else-if="item.FileType === 'application/pdf'"
|
||||
style="width: 100%; height: 100%"
|
||||
:src="pdf"
|
||||
fit="contain"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<el-image
|
||||
v-else-if="
|
||||
item.FileType === 'application/x-zip-compressed'
|
||||
"
|
||||
style="width: 100%; height: 100%"
|
||||
:src="zip"
|
||||
fit="contain"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
fit="contain" crossorigin="anonymous" />
|
||||
<el-image v-else-if="item.FileType === 'application/pdf'" style="width: 100%; height: 100%"
|
||||
:src="pdf" fit="contain" crossorigin="anonymous" />
|
||||
<el-image v-else-if="
|
||||
item.FileType === 'application/x-zip-compressed'
|
||||
" style="width: 100%; height: 100%" :src="zip" fit="contain" crossorigin="anonymous" />
|
||||
</div>
|
||||
<div v-if="item.FileName.length < 15" class="img-text">
|
||||
{{ `${j + 1}. ${item.FileName}` }}
|
||||
</div>
|
||||
<el-tooltip
|
||||
v-else
|
||||
:content="item.FileName"
|
||||
placement="bottom"
|
||||
>
|
||||
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
||||
<div class="img-text">
|
||||
{{ `${j + 1}. ${item.FileName}` }}
|
||||
</div>
|
||||
|
|
@ -86,23 +55,15 @@
|
|||
<div v-if="isQcCheck" class="switchBox">
|
||||
<div class="item">
|
||||
<span>{{ $t('trials:audit:table:isReading') }}</span>
|
||||
<el-switch
|
||||
v-model="item.IsReading"
|
||||
:disabled="item.IsDeleted || isAudit"
|
||||
@change="changeReadingStatus($event, study, item)"
|
||||
:active-text="$fd('YesOrNo', true)"
|
||||
:inactive-text="$fd('YesOrNo', false)"
|
||||
/>
|
||||
<el-switch v-model="item.IsReading" :disabled="item.IsDeleted || isAudit"
|
||||
@change="changeReadingStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
|
||||
:inactive-text="$fd('YesOrNo', false)" />
|
||||
</div>
|
||||
<div class="item">
|
||||
<span>{{ $t('trials:audit:table:isDelete') }}</span>
|
||||
<el-switch
|
||||
v-model="item.IsDeleted"
|
||||
:disabled="isAudit"
|
||||
@change="changeDeleteStatus($event, study, item)"
|
||||
:active-text="$fd('YesOrNo', true)"
|
||||
:inactive-text="$fd('YesOrNo', false)"
|
||||
/>
|
||||
<el-switch v-model="item.IsDeleted" :disabled="isAudit"
|
||||
@change="changeDeleteStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
|
||||
:inactive-text="$fd('YesOrNo', false)" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -115,14 +76,8 @@
|
|||
<!-- 预览图像 -->
|
||||
<el-card class="box-card right">
|
||||
<div style="width: 100%; height: 100%" v-if="!showPDF">
|
||||
<Preview
|
||||
v-if="previewImage.imgList.length > 0"
|
||||
ref="previewImage"
|
||||
style="width: 100%"
|
||||
:preview-image="previewImage"
|
||||
:value="currentStudyFileIndex"
|
||||
@selectedImg="selectedImg"
|
||||
/>
|
||||
<Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width: 100%"
|
||||
:preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
|
||||
</div>
|
||||
<div style="width: 100%; height: 100%" v-else>
|
||||
<PreviewFile :file-path="pdfFile.path" :file-type="pdfFile.type" />
|
||||
|
|
@ -174,7 +129,7 @@ export default {
|
|||
subjectVisitId: '',
|
||||
sudyId: '',
|
||||
loading: false,
|
||||
bp: [],
|
||||
BodyPart: {},
|
||||
OtherInfo: {},
|
||||
showPDF: false,
|
||||
pdfFile: {
|
||||
|
|
@ -188,7 +143,7 @@ export default {
|
|||
}
|
||||
},
|
||||
async created() {
|
||||
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.isQcCheck = !!this.$route.query.isQcCheck
|
||||
},
|
||||
async mounted() {
|
||||
|
|
@ -202,7 +157,7 @@ export default {
|
|||
// 默认选择第一个文件
|
||||
},
|
||||
methods: {
|
||||
handleChange() {},
|
||||
handleChange() { },
|
||||
changeReadingStatus(callback, row, file) {
|
||||
let statusStr = ''
|
||||
if (callback) {
|
||||
|
|
@ -245,7 +200,7 @@ export default {
|
|||
this.loading = false
|
||||
})
|
||||
})
|
||||
.catch(() => {})
|
||||
.catch(() => { })
|
||||
},
|
||||
changeDeleteStatus(callback, row, file) {
|
||||
let statusStr = ''
|
||||
|
|
@ -295,8 +250,8 @@ export default {
|
|||
// file.IsDeleted = !file.IsDeleted
|
||||
})
|
||||
},
|
||||
getBodyPart(bodyPart) {
|
||||
if (!bodyPart) return ''
|
||||
getBodyPart(bodyPart, other) {
|
||||
if (!bodyPart && !other) return ''
|
||||
var separator = ','
|
||||
if (bodyPart.indexOf('|') > -1) {
|
||||
separator = '|'
|
||||
|
|
@ -307,14 +262,12 @@ export default {
|
|||
}
|
||||
var arr = bodyPart.split(separator)
|
||||
var newArr = arr.map((i) => {
|
||||
return this.$fd(
|
||||
'Bodypart',
|
||||
i.trim(),
|
||||
'Code',
|
||||
{ Bodypart: this.bp },
|
||||
'Name'
|
||||
)
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||
})
|
||||
if (other) {
|
||||
newArr.push(other)
|
||||
}
|
||||
newArr = newArr.filter(Boolean)
|
||||
return newArr.join(' | ')
|
||||
},
|
||||
// 获取非Dicom检查信息
|
||||
|
|
@ -406,24 +359,29 @@ export default {
|
|||
height: 100%;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background: #d0d0d0;
|
||||
}
|
||||
|
||||
::v-deep .el-card__body {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.study-desc {
|
||||
padding: 10px 5px;
|
||||
line-height: 20px;
|
||||
background-color: #d5d5d5;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.left {
|
||||
width: 220px;
|
||||
height: 100%;
|
||||
|
|
@ -434,6 +392,7 @@ export default {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
|
@ -443,6 +402,7 @@ export default {
|
|||
background-color: #4e4e4e;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.left-content {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
|
|
@ -474,6 +434,7 @@ export default {
|
|||
// margin-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.img-text {
|
||||
display: inline-block;
|
||||
width: calc(100% - 60px);
|
||||
|
|
@ -481,33 +442,41 @@ export default {
|
|||
height: 50px;
|
||||
line-height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
|
||||
text-overflow: ellipsis;
|
||||
/* 用省略号表示溢出的文本 */
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.img-box:nth-last-child(1) {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.is-boxActive {
|
||||
// border-color: #409eff;
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.is-boxActiv:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
|
||||
::v-deep .el-card__body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.switchBox {
|
||||
width: 100%;
|
||||
margin: 5px 0;
|
||||
color: #4e4e4e;
|
||||
|
||||
.item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -515,17 +484,21 @@ export default {
|
|||
margin-bottom: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.file-image {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
background-color: #d5d5d5;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__header {
|
||||
min-height: 48px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
::v-deep .el-collapse-item__content {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,33 +7,26 @@
|
|||
</div>
|
||||
<div style="height: 100%;" class="left-content">
|
||||
<!-- 检查层级 -->
|
||||
<div v-for="(study,i) in studyList" :key="study.CodeView">
|
||||
<div v-for="(study, i) in studyList" :key="study.CodeView">
|
||||
<div class="study-desc">
|
||||
<span>{{ study.CodeView }}</span>
|
||||
<span style="margin:0 5px">{{ study.Modality }}</span>
|
||||
<span>{{ getBodyPart(study.BodyPart) }}</span>
|
||||
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
|
||||
</div>
|
||||
<!-- 文件层级 -->
|
||||
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
||||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||
</div>
|
||||
<div v-else id="imgList" style="height:100%;">
|
||||
<div
|
||||
v-for="(item,j) in study.NoneDicomStudyFileList"
|
||||
:id="`img${item.Id}`"
|
||||
:key="item.Id"
|
||||
:class="{
|
||||
'is-boxActive': item.Id === currentFileId
|
||||
}"
|
||||
class="img-box"
|
||||
@click="selected(item,i,j,true)"
|
||||
>
|
||||
<div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
|
||||
'is-boxActive': item.Id === currentFileId
|
||||
}" class="img-box" @click="selected(item, i, j, true)">
|
||||
<div v-if="item.FileName.length < 15" class="img-text">
|
||||
{{ `${j+1}. ${item.FileName}` }}
|
||||
{{ `${j + 1}. ${item.FileName}` }}
|
||||
</div>
|
||||
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
||||
<div class="img-text">
|
||||
{{ `${j+1}. ${item.FileName}` }}
|
||||
{{ `${j + 1}. ${item.FileName}` }}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
|
@ -46,15 +39,9 @@
|
|||
<!-- 预览图像 -->
|
||||
<el-card class="box-card right">
|
||||
<div style="width:100%;height: 100%;">
|
||||
<NoneDicomsViewer
|
||||
v-if="previewImage.imgList.length > 0"
|
||||
ref="previewImage"
|
||||
style="width:100%;"
|
||||
:preview-image="previewImage"
|
||||
:value="currentStudyFileIndex"
|
||||
:reading-task-state="readingTaskState"
|
||||
@selectedImg="selectedImg"
|
||||
/>
|
||||
<NoneDicomsViewer v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
|
||||
:preview-image="previewImage" :value="currentStudyFileIndex" :reading-task-state="readingTaskState"
|
||||
@selectedImg="selectedImg" />
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
|
@ -103,11 +90,11 @@ export default {
|
|||
visistTaskId: '',
|
||||
taskBlindName: '',
|
||||
readingTaskState: 2,
|
||||
bp: []
|
||||
BodyPart: {}
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||
if (this.$router.currentRoute.query.TokenKey) {
|
||||
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
|
||||
changeURLStatic('TokenKey', '')
|
||||
|
|
@ -183,8 +170,8 @@ export default {
|
|||
preview() {
|
||||
this.previewVisible = true
|
||||
},
|
||||
getBodyPart(bodyPart) {
|
||||
if (!bodyPart) return ''
|
||||
getBodyPart(bodyPart, other) {
|
||||
if (!bodyPart && !other) return ''
|
||||
var separator = ','
|
||||
if (bodyPart.indexOf('|') > -1) {
|
||||
separator = '|'
|
||||
|
|
@ -194,51 +181,61 @@ export default {
|
|||
separator = '，'
|
||||
}
|
||||
var arr = bodyPart.split(separator)
|
||||
var newArr = arr.map(i => {
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
|
||||
var newArr = arr.map((i) => {
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||
})
|
||||
if (other) {
|
||||
newArr.push(other)
|
||||
}
|
||||
newArr = newArr.filter(Boolean)
|
||||
return newArr.join(' | ')
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.img-container{
|
||||
.img-container {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background: #d0d0d0;
|
||||
}
|
||||
::v-deep .el-card__body{
|
||||
|
||||
::v-deep .el-card__body {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
.study-desc{
|
||||
|
||||
.study-desc {
|
||||
padding: 10px 5px;
|
||||
line-height: 1;
|
||||
background-color: #ebebeb;
|
||||
font-weight: 500;
|
||||
}
|
||||
.left{
|
||||
width:240px;
|
||||
|
||||
.left {
|
||||
width: 240px;
|
||||
height: 100%;
|
||||
|
||||
::v-deep .el-card__body{
|
||||
::v-deep .el-card__body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.title{
|
||||
|
||||
.title {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
border: 1ppx solid;
|
||||
|
|
@ -247,27 +244,32 @@ export default {
|
|||
background-color: #4e4e4e;
|
||||
color: #ffffff;
|
||||
}
|
||||
.left-content{
|
||||
|
||||
.left-content {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
::v-deep .el-tabs{
|
||||
|
||||
::v-deep .el-tabs {
|
||||
height: 100%;
|
||||
display:flex;
|
||||
display: flex;
|
||||
|
||||
flex-direction: column;
|
||||
}
|
||||
::v-deep .el-tabs__header{
|
||||
|
||||
::v-deep .el-tabs__header {
|
||||
height: 40px;
|
||||
padding: 0 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
::v-deep .el-tabs__content{
|
||||
|
||||
::v-deep .el-tabs__content {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.img-box{
|
||||
|
||||
.img-box {
|
||||
// position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -276,34 +278,40 @@ export default {
|
|||
// margin-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.img-text{
|
||||
|
||||
.img-text {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
|
||||
text-overflow: ellipsis;
|
||||
/* 用省略号表示溢出的文本 */
|
||||
white-space: nowrap;
|
||||
}
|
||||
.img-box:nth-last-child(1){
|
||||
|
||||
.img-box:nth-last-child(1) {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.is-boxActive {
|
||||
// border-color: #409eff;
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.is-boxActiv:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
|
||||
.right {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
::v-deep .el-card__body{
|
||||
|
||||
::v-deep .el-card__body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -9,33 +9,26 @@
|
|||
<el-tab-pane :label="$t('trials:clinicaldara:title:currentTask')" name="first" class="left-content">
|
||||
<div>
|
||||
<!-- 检查层级 -->
|
||||
<div v-for="(study,i) in studyList" :key="study.CodeView">
|
||||
<div v-for="(study, i) in studyList" :key="study.CodeView">
|
||||
<div class="study-desc">
|
||||
<span>{{ study.CodeView }}</span>
|
||||
<span style="margin:0 5px">{{ study.Modality }}</span>
|
||||
<span>{{ getBodyPart(study.BodyPart) }}</span>
|
||||
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
|
||||
</div>
|
||||
<!-- 文件层级 -->
|
||||
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
|
||||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||
</div>
|
||||
<div v-else id="imgList" style="height:100%;">
|
||||
<div
|
||||
v-for="(item,j) in study.NoneDicomStudyFileList"
|
||||
:id="`img${item.Id}`"
|
||||
:key="item.Id"
|
||||
:class="{
|
||||
'is-boxActive': item.Id === currentFileId
|
||||
}"
|
||||
class="img-box"
|
||||
@click="selected(item,i,j,true)"
|
||||
>
|
||||
<div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
|
||||
'is-boxActive': item.Id === currentFileId
|
||||
}" class="img-box" @click="selected(item, i, j, true)">
|
||||
<div v-if="item.FileName.length < 15" class="img-text">
|
||||
{{ `${j+1}. ${item.FileName}` }}
|
||||
{{ `${j + 1}. ${item.FileName}` }}
|
||||
</div>
|
||||
<el-tooltip v-else :content="item.FileName" placement="bottom">
|
||||
<div class="img-text">
|
||||
{{ `${j+1}. ${item.FileName}` }}
|
||||
{{ `${j + 1}. ${item.FileName}` }}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
|
@ -51,21 +44,15 @@
|
|||
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
|
||||
</div>
|
||||
<div v-else>
|
||||
<div
|
||||
v-for="(task,j) in associatedList"
|
||||
:key="task.VisitTaskId"
|
||||
:class="{
|
||||
'is-boxActive': task.VisitTaskId === currentTaskId
|
||||
}"
|
||||
class="img-box"
|
||||
@click="handleImageRead(task)"
|
||||
>
|
||||
<div v-for="(task, j) in associatedList" :key="task.VisitTaskId" :class="{
|
||||
'is-boxActive': task.VisitTaskId === currentTaskId
|
||||
}" class="img-box" @click="handleImageRead(task)">
|
||||
<div v-if="task.TaskBlindName.length < 15" class="img-text">
|
||||
{{ `${j+1}. ${task.TaskBlindName}` }}
|
||||
{{ `${j + 1}. ${task.TaskBlindName}` }}
|
||||
</div>
|
||||
<el-tooltip v-else :content="task.TaskBlindName" placement="bottom">
|
||||
<div class="img-text">
|
||||
{{ `${j+1}. ${task.TaskBlindName}` }}
|
||||
{{ `${j + 1}. ${task.TaskBlindName}` }}
|
||||
</div>
|
||||
</el-tooltip>
|
||||
</div>
|
||||
|
|
@ -78,14 +65,8 @@
|
|||
<!-- 预览图像 -->
|
||||
<el-card v-loading="loading" class="box-card right">
|
||||
<div style="width:100%;height: 100%;">
|
||||
<Preview
|
||||
v-if="previewImage.imgList.length > 0"
|
||||
ref="previewImage"
|
||||
style="width:100%;"
|
||||
:preview-image="previewImage"
|
||||
:value="currentStudyFileIndex"
|
||||
@selectedImg="selectedImg"
|
||||
/>
|
||||
<Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
|
||||
:preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
|
||||
</div>
|
||||
|
||||
</el-card>
|
||||
|
|
@ -101,18 +82,12 @@
|
|||
</el-button>
|
||||
</div> -->
|
||||
<Criterions
|
||||
v-if="otherInfo && visitTaskId!== '' && subjectId!== '' && readingCategory!==null && readingCategory!==4"
|
||||
:trial-id="trialId"
|
||||
:subject-id="subjectId"
|
||||
:visit-task-id="visitTaskId"
|
||||
:criterion-id="otherInfo.TrialCriterionId"
|
||||
:subject-code="subjectCode"
|
||||
:task-blind-name="taskBlindName"
|
||||
v-if="otherInfo && visitTaskId !== '' && subjectId !== '' && readingCategory !== null && readingCategory !== 4"
|
||||
:trial-id="trialId" :subject-id="subjectId" :visit-task-id="visitTaskId"
|
||||
:criterion-id="otherInfo.TrialCriterionId" :subject-code="subjectCode" :task-blind-name="taskBlindName"
|
||||
:is-reading-show-subject-info="isReadingShowSubjectInfo"
|
||||
:ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading"
|
||||
:isExistsClinicalData="isExistsClinicalData"
|
||||
@previewCD="previewCD"
|
||||
/>
|
||||
:ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading" :isExistsClinicalData="isExistsClinicalData"
|
||||
@previewCD="previewCD" />
|
||||
</el-card>
|
||||
</div>
|
||||
|
||||
|
|
@ -203,7 +178,7 @@ export default {
|
|||
currentTaskId: '',
|
||||
otherInfo: null,
|
||||
isReadingShowPreviousResults: false,
|
||||
bp: [],
|
||||
BodyPart: {},
|
||||
openWindow: null
|
||||
}
|
||||
},
|
||||
|
|
@ -213,7 +188,7 @@ export default {
|
|||
}
|
||||
},
|
||||
async mounted() {
|
||||
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.isReadingShowPreviousResults = this.$router.currentRoute.query.isReadingShowPreviousResults !== undefined ? this.$router.currentRoute.query.isReadingShowPreviousResults : true
|
||||
|
||||
this.getNoneDicomList(this.isReadingShowPreviousResults)
|
||||
|
|
@ -327,8 +302,8 @@ export default {
|
|||
// window.open(routeData.href, '_blank')
|
||||
this.$emit('previewCD', this.visitTaskId)
|
||||
},
|
||||
getBodyPart(bodyPart) {
|
||||
if (!bodyPart) return ''
|
||||
getBodyPart(bodyPart, other) {
|
||||
if (!bodyPart && !other) return ''
|
||||
var separator = ','
|
||||
if (bodyPart.indexOf('|') > -1) {
|
||||
separator = '|'
|
||||
|
|
@ -338,51 +313,61 @@ export default {
|
|||
separator = '，'
|
||||
}
|
||||
var arr = bodyPart.split(separator)
|
||||
var newArr = arr.map(i => {
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
|
||||
var newArr = arr.map((i) => {
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||
})
|
||||
if (other) {
|
||||
newArr.push(other)
|
||||
}
|
||||
newArr = newArr.filter(Boolean)
|
||||
return newArr.join(' | ')
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.img-container{
|
||||
.img-container {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding-bottom: 10px;
|
||||
display: flex;
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
background: #d0d0d0;
|
||||
}
|
||||
::v-deep .el-card__body{
|
||||
|
||||
::v-deep .el-card__body {
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
.study-desc{
|
||||
|
||||
.study-desc {
|
||||
padding: 10px 5px;
|
||||
line-height: 1;
|
||||
background-color: #ebebeb;
|
||||
font-weight: 500;
|
||||
}
|
||||
.left{
|
||||
width:240px;
|
||||
|
||||
.left {
|
||||
width: 240px;
|
||||
height: 100%;
|
||||
|
||||
::v-deep .el-card__body{
|
||||
::v-deep .el-card__body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.title{
|
||||
|
||||
.title {
|
||||
// height: 40px;
|
||||
// line-height: 40px;
|
||||
border: 1ppx solid;
|
||||
|
|
@ -390,34 +375,40 @@ export default {
|
|||
// padding-left: 10px;
|
||||
background-color: #4e4e4e;
|
||||
color: #ffffff;
|
||||
h4{
|
||||
|
||||
h4 {
|
||||
padding: 5px 0px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
background-color: #4c4c4c;
|
||||
}
|
||||
}
|
||||
.left-content{
|
||||
|
||||
.left-content {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
}
|
||||
::v-deep .el-tabs{
|
||||
|
||||
::v-deep .el-tabs {
|
||||
height: 100%;
|
||||
display:flex;
|
||||
display: flex;
|
||||
|
||||
flex-direction: column;
|
||||
}
|
||||
::v-deep .el-tabs__header{
|
||||
|
||||
::v-deep .el-tabs__header {
|
||||
height: 40px;
|
||||
padding: 0 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
::v-deep .el-tabs__content{
|
||||
|
||||
::v-deep .el-tabs__content {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
padding: 0 5px;
|
||||
}
|
||||
.img-box{
|
||||
|
||||
.img-box {
|
||||
// position: relative;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
|
|
@ -426,34 +417,40 @@ export default {
|
|||
// margin-bottom: 5px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.img-text{
|
||||
|
||||
.img-text {
|
||||
display: inline-block;
|
||||
width: 200px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
|
||||
text-overflow: ellipsis;
|
||||
/* 用省略号表示溢出的文本 */
|
||||
white-space: nowrap;
|
||||
}
|
||||
.img-box:nth-last-child(1){
|
||||
|
||||
.img-box:nth-last-child(1) {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
|
||||
.is-boxActive {
|
||||
// border-color: #409eff;
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
.is-boxActiv:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.right{
|
||||
|
||||
.right {
|
||||
flex: 1;
|
||||
height: 100%;
|
||||
margin-left: 10px;
|
||||
::v-deep .el-card__body{
|
||||
|
||||
::v-deep .el-card__body {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,164 +1,85 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:study') }}</el-divider>
|
||||
<el-table
|
||||
v-loading="btnLoading"
|
||||
:data="studyList"
|
||||
style="width: 100%"
|
||||
:row-class-name="tableRowClassName"
|
||||
max-height="250"
|
||||
>
|
||||
<!-- 检查编号 -->
|
||||
<el-table-column
|
||||
prop="StudyCode"
|
||||
:label="$t('trials:uploadedDicoms:table:studyId')"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="ModalityForEdit"
|
||||
:label="$t('trials:audit:table:modality')"
|
||||
/>
|
||||
<!-- 检查设备 -->
|
||||
<el-table-column
|
||||
prop="Modalities"
|
||||
:label="$t('trials:audit:table:modality1')"
|
||||
/>
|
||||
<!-- 检查部位 -->
|
||||
<el-table-column
|
||||
prop="BodyPartForEdit"
|
||||
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ getBodyPart(scope.row.BodyPartForEdit)}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 序列数量 -->
|
||||
<el-table-column
|
||||
prop="SeriesCount"
|
||||
:label="$t('trials:uploadedDicoms:table:seriesCount')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 图像数量 -->
|
||||
<el-table-column
|
||||
prop="InstanceCount"
|
||||
:label="$t('trials:uploadedDicoms:table:instanceCount')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 检查日期 -->
|
||||
<el-table-column
|
||||
prop="StudyTime"
|
||||
:label="$t('trials:uploadedDicoms:table:studyDate')"
|
||||
min-width="120"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
|
||||
<!-- </template>-->
|
||||
</el-table-column>
|
||||
<!-- 上传时间 -->
|
||||
<el-table-column
|
||||
prop="UploadedTime"
|
||||
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||
:title="$t('trials:uploadedDicoms:action:preview')"
|
||||
circle
|
||||
@click="handleViewStudy(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table v-loading="btnLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
|
||||
max-height="250">
|
||||
<!-- 检查编号 -->
|
||||
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
|
||||
show-overflow-tooltip />
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
|
||||
<!-- 检查设备 -->
|
||||
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
|
||||
<!-- 检查部位 -->
|
||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 序列数量 -->
|
||||
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
|
||||
show-overflow-tooltip />
|
||||
<!-- 图像数量 -->
|
||||
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
|
||||
show-overflow-tooltip />
|
||||
<!-- 检查日期 -->
|
||||
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
|
||||
show-overflow-tooltip>
|
||||
<!-- <template slot-scope="scope">-->
|
||||
<!-- {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
|
||||
<!-- </template>-->
|
||||
</el-table-column>
|
||||
<!-- 上传时间 -->
|
||||
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
|
||||
show-overflow-tooltip />
|
||||
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<!-- 预览 -->
|
||||
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:series') }}</el-divider>
|
||||
<el-table
|
||||
:data="seriesList"
|
||||
v-loading="btnLoading"
|
||||
:row-class-name="tableRowClassName"
|
||||
>
|
||||
<el-table :data="seriesList" v-loading="btnLoading" :row-class-name="tableRowClassName">
|
||||
<!-- 序列号 -->
|
||||
<el-table-column
|
||||
prop="SeriesNumber"
|
||||
:label="$t('trials:audit:table:seriesId')"
|
||||
/>
|
||||
<el-table-column prop="SeriesNumber" :label="$t('trials:audit:table:seriesId')" />
|
||||
<!-- 检查编号 -->
|
||||
<el-table-column
|
||||
prop="StudyCode"
|
||||
:label="$t('trials:audit:table:seriesOfStudyId')"
|
||||
/>
|
||||
<el-table-column prop="StudyCode" :label="$t('trials:audit:table:seriesOfStudyId')" />
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="Modality"
|
||||
:label="$t('trials:audit:table:seriesModality')"
|
||||
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="Modality" :label="$t('trials:audit:table:seriesModality')" show-overflow-tooltip />
|
||||
<!-- 检查部位 -->
|
||||
<el-table-column
|
||||
prop="BodyPartForEdit"
|
||||
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ getBodyPart(scope.row.BodyPartForEdit)}}
|
||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 图像数量 -->
|
||||
<el-table-column
|
||||
prop="InstanceCount"
|
||||
:label="$t('trials:audit:table:seriesOfInstanceCount')"
|
||||
/>
|
||||
<el-table-column prop="InstanceCount" :label="$t('trials:audit:table:seriesOfInstanceCount')" />
|
||||
<!-- 检查日期 -->
|
||||
<el-table-column
|
||||
prop="SeriesTime"
|
||||
:label="$t('trials:audit:table:seriesOfStudyDate')"
|
||||
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="SeriesTime" :label="$t('trials:audit:table:seriesOfStudyDate')" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 是否阅片 -->
|
||||
<el-table-column
|
||||
prop="IsReading"
|
||||
:label="$t('trials:audit:table:isReading')"
|
||||
>
|
||||
<el-table-column prop="IsReading" :label="$t('trials:audit:table:isReading')">
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
:disabled="scope.row.IsConfirmed"
|
||||
v-model="scope.row.IsReading"
|
||||
/>
|
||||
<el-switch :disabled="scope.row.IsConfirmed" v-model="scope.row.IsReading" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
:label="$t('common:action:action')"
|
||||
>
|
||||
<el-table-column :label="$t('common:action:action')">
|
||||
<template slot-scope="scope">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
:title="$t('trials:audit:action:seriesPreview')"
|
||||
circle
|
||||
:disabled="scope.row.IsDeleted"
|
||||
@click="handlePreviewInstance(scope.row)"
|
||||
/>
|
||||
<el-button icon="el-icon-view" :title="$t('trials:audit:action:seriesPreview')" circle
|
||||
:disabled="scope.row.IsDeleted" @click="handlePreviewInstance(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)" style="text-align: right;margin-top: 20px">
|
||||
<div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)"
|
||||
style="text-align: right;margin-top: 20px">
|
||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="save(false)">
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
|
|
@ -179,7 +100,7 @@ export default {
|
|||
props: {
|
||||
data: {
|
||||
type: Object,
|
||||
default: () => {}
|
||||
default: () => { }
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
|
@ -190,11 +111,11 @@ export default {
|
|||
seriesList: [],
|
||||
moment,
|
||||
trialId: this.$route.query.trialId,
|
||||
bp:[]
|
||||
BodyPart: {}
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -216,7 +137,7 @@ export default {
|
|||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
this.getList()
|
||||
this.btnLoading = false
|
||||
}).catch(() => {this.btnLoading = false})
|
||||
}).catch(() => { this.btnLoading = false })
|
||||
} else {
|
||||
this.$confirm(this.$t('trials:readingPeriod:confirm:Images')).then(() => {
|
||||
this.btnLoading = true
|
||||
|
|
@ -226,7 +147,7 @@ export default {
|
|||
this.btnLoading = false
|
||||
this.$emit('getList')
|
||||
this.$emit('close')
|
||||
}).catch(() => {this.btnLoading = false})
|
||||
}).catch(() => { this.btnLoading = false })
|
||||
})
|
||||
}
|
||||
},
|
||||
|
|
@ -237,8 +158,8 @@ export default {
|
|||
})
|
||||
this.open = window.open(routeData.href, '_blank')
|
||||
},
|
||||
getBodyPart(bodyPart) {
|
||||
if (!bodyPart) return ''
|
||||
getBodyPart(bodyPart, other) {
|
||||
if (!bodyPart && !other) return ''
|
||||
var separator = ','
|
||||
if (bodyPart.indexOf('|') > -1) {
|
||||
separator = '|'
|
||||
|
|
@ -248,9 +169,13 @@ export default {
|
|||
separator = '，'
|
||||
}
|
||||
var arr = bodyPart.split(separator)
|
||||
var newArr = arr.map(i => {
|
||||
return this.$fd('Bodypart', i.trim(),'Code',{Bodypart:this.bp},'Name')
|
||||
var newArr = arr.map((i) => {
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||
})
|
||||
if (other) {
|
||||
newArr.push(other)
|
||||
}
|
||||
newArr = newArr.filter(Boolean)
|
||||
return newArr.join(' | ')
|
||||
},
|
||||
getList() {
|
||||
|
|
@ -265,7 +190,7 @@ export default {
|
|||
this.seriesList = res.Result.SeriesList
|
||||
this.btnLoading = false
|
||||
console.log(res.Result)
|
||||
}).catch(() => { this.btnLoading = false })
|
||||
}).catch(() => { this.btnLoading = false })
|
||||
},
|
||||
// 设置已删除序列行样式
|
||||
tableRowClassName({ row, rowIndex }) {
|
||||
|
|
@ -295,6 +220,4 @@ export default {
|
|||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
<style scoped></style>
|
||||
|
|
|
|||
|
|
@ -3,125 +3,61 @@
|
|||
<!-- 已上传的dicom影像记录 -->
|
||||
<div class="functions" style="text-align:right">
|
||||
<!-- //批量删除已上传的影像 -->
|
||||
<el-button
|
||||
:disabled="deleteArr.length === 0"
|
||||
type="primary"
|
||||
size="small"
|
||||
icon="el-icon-delete"
|
||||
@click="handleBatchDelete"
|
||||
>
|
||||
<el-button :disabled="deleteArr.length === 0" type="primary" size="small" icon="el-icon-delete"
|
||||
@click="handleBatchDelete">
|
||||
{{ $t('trials:uploadedDicoms:action:delete') }}
|
||||
</el-button>
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-view"
|
||||
size="small"
|
||||
:disabled="studyList.length === 0"
|
||||
@click="handlePreviewAllFiles"
|
||||
>
|
||||
<el-button type="primary" icon="el-icon-view" size="small" :disabled="studyList.length === 0"
|
||||
@click="handlePreviewAllFiles">
|
||||
{{ $t('trials:uploadedDicoms:action:preview') }}
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="studyLoading"
|
||||
:data="studyList"
|
||||
style="width: 100%"
|
||||
:row-class-name="tableRowClassName"
|
||||
max-height="250"
|
||||
@selection-change="handleUploadedSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
/>
|
||||
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
|
||||
max-height="250" @selection-change="handleUploadedSelectionChange">
|
||||
<el-table-column type="selection" width="55" />
|
||||
<!-- 检查编号 -->
|
||||
<el-table-column
|
||||
prop="StudyCode"
|
||||
:label="$t('trials:uploadedDicoms:table:studyId')"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
|
||||
show-overflow-tooltip />
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="ModalityForEdit"
|
||||
:label="$t('trials:audit:table:modality')"
|
||||
/>
|
||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
|
||||
<!-- 检查设备 -->
|
||||
<el-table-column
|
||||
prop="Modalities"
|
||||
:label="$t('trials:audit:table:modality1')"
|
||||
/>
|
||||
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
|
||||
<!-- 检查部位 -->
|
||||
<el-table-column
|
||||
prop="BodyPartForEdit"
|
||||
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ getBodyPart(scope.row.BodyPartForEdit)}}
|
||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 序列数量 -->
|
||||
<el-table-column
|
||||
prop="SeriesCount"
|
||||
:label="$t('trials:uploadedDicoms:table:seriesCount')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
|
||||
show-overflow-tooltip />
|
||||
<!-- 图像数量 -->
|
||||
<el-table-column
|
||||
prop="InstanceCount"
|
||||
:label="$t('trials:uploadedDicoms:table:instanceCount')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
|
||||
show-overflow-tooltip />
|
||||
<!-- 检查日期 -->
|
||||
<el-table-column
|
||||
prop="StudyTime"
|
||||
:label="$t('trials:uploadedDicoms:table:studyDate')"
|
||||
min-width="120"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 上传时间 -->
|
||||
<el-table-column
|
||||
prop="UploadedTime"
|
||||
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
|
||||
show-overflow-tooltip />
|
||||
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||
:title="$t('trials:uploadedDicoms:action:preview')"
|
||||
circle
|
||||
@click="handleViewStudy(scope.row)"
|
||||
/>
|
||||
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
|
||||
<!-- 编辑 -->
|
||||
<el-button
|
||||
icon="el-icon-edit-outline"
|
||||
v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
|
||||
:title="$t('common:button:edit')"
|
||||
circle
|
||||
:disabled="scope.row.IsDeleted"
|
||||
@click="handleEditStudy(scope.row)"
|
||||
/>
|
||||
<el-button icon="el-icon-edit-outline" v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
|
||||
:title="$t('common:button:edit')" circle :disabled="scope.row.IsDeleted"
|
||||
@click="handleEditStudy(scope.row)" />
|
||||
<!-- 删除 -->
|
||||
<el-button
|
||||
icon="el-icon-delete"
|
||||
:disabled="scope.row.IsDeleted"
|
||||
:title="$t('trials:uploadedDicoms:action:delete')"
|
||||
circle
|
||||
@click="handleDeleteStudy(scope.row)"
|
||||
/>
|
||||
<el-button icon="el-icon-delete" :disabled="scope.row.IsDeleted"
|
||||
:title="$t('trials:uploadedDicoms:action:delete')" circle @click="handleDeleteStudy(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -132,33 +68,16 @@
|
|||
<div class="form-group">
|
||||
<div id="directoryInputWrapper" class="btn btn-link file-input">
|
||||
<el-button type="primary" size="small">{{ $t('trials:uploadedDicomsicom:button:selectFolder') }}</el-button>
|
||||
<input
|
||||
type="file"
|
||||
name="file"
|
||||
webkitdirectory
|
||||
multiple
|
||||
@change="beginScanFiles($event)"
|
||||
>
|
||||
<input type="file" name="file" webkitdirectory multiple @change="beginScanFiles($event)">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<!-- 文件列表 -->
|
||||
<el-table
|
||||
ref="dicomFilesTable"
|
||||
:data="uploadQueues"
|
||||
class="dicomFiles-table"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column
|
||||
type="selection"
|
||||
width="55"
|
||||
:selectable="handleSelectable"
|
||||
/>
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="40"
|
||||
/>
|
||||
<el-table ref="dicomFilesTable" :data="uploadQueues" class="dicomFiles-table"
|
||||
@selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" :selectable="handleSelectable" />
|
||||
<el-table-column type="index" width="40" />
|
||||
<el-table-column min-width="200" show-overflow-tooltip>
|
||||
<template slot="header">
|
||||
<el-tooltip placement="top">
|
||||
|
|
@ -174,11 +93,13 @@
|
|||
<div style="line-height:15px;">
|
||||
<div>
|
||||
<div>
|
||||
<span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{ scope.row.dicomInfo.accNumber }}</span>
|
||||
<span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{
|
||||
scope.row.dicomInfo.accNumber }}</span>
|
||||
<span v-else style="color:#f44336;">N/A</span>
|
||||
</div>
|
||||
<div style="display: inline-block;margin-right:2px">
|
||||
<span v-if="scope.row.dicomInfo.modality.length>0"> {{ scope.row.dicomInfo.modality.join('、') }},</span>
|
||||
<span v-if="scope.row.dicomInfo.modality.length > 0"> {{ scope.row.dicomInfo.modality.join('、')
|
||||
}},</span>
|
||||
<span v-else style="color:#f44336;">N/A,</span>
|
||||
</div>
|
||||
<div style="display: inline-block;margin-right:2px">
|
||||
|
|
@ -225,25 +146,26 @@
|
|||
<template slot-scope="scope">
|
||||
<div style="line-height:15px;">
|
||||
<div>
|
||||
<span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{ scope.row.dicomInfo.patientId }}</span>
|
||||
<span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{
|
||||
scope.row.dicomInfo.patientId }}</span>
|
||||
<span v-else style="color:#f44336;">N/A</span>
|
||||
</div>
|
||||
<div>
|
||||
<span :class="[scope.row.dicomInfo.patientName?'':'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientName?scope.row.dicomInfo.patientName:'N/A' }}
|
||||
<span :class="[scope.row.dicomInfo.patientName ? '' : 'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientName ? scope.row.dicomInfo.patientName : 'N/A' }}
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span :class="[scope.row.dicomInfo.patientSex?'':'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientSex?scope.row.dicomInfo.patientSex:'N/A' }},
|
||||
<span :class="[scope.row.dicomInfo.patientSex ? '' : 'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientSex ? scope.row.dicomInfo.patientSex : 'N/A' }},
|
||||
</span>
|
||||
|
||||
<span :class="[scope.row.dicomInfo.patientAge?'':'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientAge?scope.row.dicomInfo.patientAge:'N/A' }},
|
||||
<span :class="[scope.row.dicomInfo.patientAge ? '' : 'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientAge ? scope.row.dicomInfo.patientAge : 'N/A' }},
|
||||
</span>
|
||||
|
||||
<span :class="[scope.row.dicomInfo.patientBirthDate?'':'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientBirthDate?scope.row.dicomInfo.patientBirthDate:'N/A' }}
|
||||
<span :class="[scope.row.dicomInfo.patientBirthDate ? '' : 'colorOfRed']">
|
||||
{{ scope.row.dicomInfo.patientBirthDate ? scope.row.dicomInfo.patientBirthDate : 'N/A' }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -251,11 +173,13 @@
|
|||
</el-table-column>
|
||||
<el-table-column :label="$t('trials:uploadDicomList:table:status')" min-width="120" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<!-- <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
|
||||
<!-- <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
|
||||
<el-progress v-show="scope.row.uploadState.stateText" :percentage="scope.row.uploadState.progressValue" />
|
||||
<!-- <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
|
||||
<el-progress v-show="scope.row.uploadState.stateText" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
|
||||
<el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark" :content="scope.row.uploadState.errorMessage" placement="bottom">
|
||||
<!-- <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
|
||||
<el-progress v-show="scope.row.uploadState.stateText" color="#409eff"
|
||||
:format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
|
||||
<el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark"
|
||||
:content="scope.row.uploadState.errorMessage" placement="bottom">
|
||||
<span>{{ scope.row.uploadState.stateText }}</span>
|
||||
</el-tooltip>
|
||||
|
||||
|
|
@ -263,31 +187,20 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
:label="$t('trials:uploadDicomList:table:stats')"
|
||||
min-width="140"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column :label="$t('trials:uploadDicomList:table:stats')" min-width="140" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<div style="display: flex;justify-content: flex-start;align-items: center">
|
||||
<div
|
||||
v-if="scope.row.uploadState.totalCount"
|
||||
style="text-align: center"
|
||||
>
|
||||
<div v-if="scope.row.uploadState.totalCount" style="text-align: center">
|
||||
{{
|
||||
scope.row.uploadState.totalCount +
|
||||
' / ' +
|
||||
scope.row.uploadState.successCount +
|
||||
' / ' +
|
||||
scope.row.uploadState.failedCount
|
||||
' / ' +
|
||||
scope.row.uploadState.successCount +
|
||||
' / ' +
|
||||
scope.row.uploadState.failedCount
|
||||
}}
|
||||
</div>
|
||||
<div v-if="scope.row.uploadState.failedCount > 0">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="exportFailedFiles(scope.row.uploadState.ErrorFiles)"
|
||||
>
|
||||
<el-button type="primary" size="small" @click="exportFailedFiles(scope.row.uploadState.ErrorFiles)">
|
||||
{{ $t('trials:uploadDicomList:button:exportFailed') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
|
@ -298,22 +211,11 @@
|
|||
<el-table-column v-show="isScan" :label="$t('common:action:action')" width="200">
|
||||
<template slot-scope="scope">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
circle
|
||||
:title="$t('trials:uploadedDicoms:action:preview')"
|
||||
size="small"
|
||||
@click="handlePreview(scope.row.dicomInfo.studyUid)"
|
||||
/>
|
||||
<el-button icon="el-icon-view" circle :title="$t('trials:uploadedDicoms:action:preview')" size="small"
|
||||
@click="handlePreview(scope.row.dicomInfo.studyUid)" />
|
||||
<!-- 移除 -->
|
||||
<el-button
|
||||
icon="el-icon-delete"
|
||||
circle
|
||||
:title="$t('trials:uploadedDicoms:action:delete')"
|
||||
size="small"
|
||||
:disabled="scope.row.uploadState.stateCode !== ''"
|
||||
@click="handleDelete(scope.$index, scope.row)"
|
||||
/>
|
||||
<el-button icon="el-icon-delete" circle :title="$t('trials:uploadedDicoms:action:delete')" size="small"
|
||||
:disabled="scope.row.uploadState.stateCode !== ''" @click="handleDelete(scope.$index, scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -323,46 +225,29 @@
|
|||
{{ $t('trials:uploadDicomList:button:close') }}
|
||||
</el-button> -->
|
||||
<!-- 上传 -->
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="selectArr.length == 0 || !isScan"
|
||||
:loading="btnLoading || uploadCount !== uploadedCount"
|
||||
@click="beginUploadQueues"
|
||||
>
|
||||
<el-button size="small" type="primary" :disabled="selectArr.length == 0 || !isScan"
|
||||
:loading="btnLoading || uploadCount !== uploadedCount" @click="beginUploadQueues">
|
||||
{{ $t('trials:uploadDicomList:button:upload') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<!-- 预览影像模态框 -->
|
||||
<el-dialog
|
||||
v-if="previewVisible"
|
||||
:fullscreen="true"
|
||||
:show-close="true"
|
||||
:visible.sync="previewVisible"
|
||||
append-to-body
|
||||
>
|
||||
<el-dialog v-if="previewVisible" :fullscreen="true" :show-close="true" :visible.sync="previewVisible"
|
||||
append-to-body>
|
||||
<DicomPreview :uid="uid" />
|
||||
</el-dialog>
|
||||
|
||||
<!-- 校验警告信息模态框 -->
|
||||
<el-dialog
|
||||
v-if="warning_cfg.visible"
|
||||
:visible.sync="warning_cfg.visible"
|
||||
width="500px"
|
||||
:close-on-click-modal="false"
|
||||
append-to-body
|
||||
title="Warning"
|
||||
custom-class="warning-dialog"
|
||||
>
|
||||
<el-dialog v-if="warning_cfg.visible" :visible.sync="warning_cfg.visible" width="500px"
|
||||
:close-on-click-modal="false" append-to-body title="Warning" custom-class="warning-dialog">
|
||||
<div style="border:1px solid #e0e0e0;padding:10px;">
|
||||
<!-- Information from DICOM headers not consistent with that of this subject -->
|
||||
<div style="color: red;font-size:14px;margin-bottom:10px;">
|
||||
{{ $t('trials:uploadDicomList:message:informationConsistent') }}:
|
||||
</div>
|
||||
<div v-for="(item,i) in warningArr" :key="item.index">
|
||||
<div>{{ `(${i+1}). ACC: ${item.accNumber}` }}</div>
|
||||
<div v-for="(warning,index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
|
||||
<div v-for="(item, i) in warningArr" :key="item.index">
|
||||
<div>{{ `(${i + 1}). ACC: ${item.accNumber}` }}</div>
|
||||
<div v-for="(warning, index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
|
||||
<ul>
|
||||
<li>{{ warning }}</li>
|
||||
</ul>
|
||||
|
|
@ -378,15 +263,8 @@
|
|||
</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
<el-dialog
|
||||
v-if="editStudyInfoVisible"
|
||||
:title="$t('trials:audit:action:edit')"
|
||||
:visible.sync="editStudyInfoVisible"
|
||||
:close-on-click-modal="false"
|
||||
append-to-body
|
||||
custom-class="base-dialog-wrapper"
|
||||
width="600px"
|
||||
>
|
||||
<el-dialog v-if="editStudyInfoVisible" :title="$t('trials:audit:action:edit')" :visible.sync="editStudyInfoVisible"
|
||||
:close-on-click-modal="false" append-to-body custom-class="base-dialog-wrapper" width="600px">
|
||||
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
|
||||
<el-form ref="studyForm" :model="studyForm" label-width="100px">
|
||||
<!-- 检查编号 -->
|
||||
|
|
@ -398,28 +276,21 @@
|
|||
<el-input v-model="studyForm.Modalities" disabled />
|
||||
</el-form-item>
|
||||
<!-- 检查类型 -->
|
||||
<el-form-item
|
||||
v-else
|
||||
:label="$t('trials:audit:table:modality')"
|
||||
prop="Modalities"
|
||||
:rules="[
|
||||
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item v-else :label="$t('trials:audit:table:modality')" prop="Modalities" :rules="[
|
||||
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||
]">
|
||||
<el-radio-group v-model="studyForm.Modality">
|
||||
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m" style="margin-bottom: 15px;" />
|
||||
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m"
|
||||
style="margin-bottom: 15px;" />
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 检查部位 -->
|
||||
<el-form-item
|
||||
:label="$t('trials:audit:table:bodyPart')"
|
||||
prop="BodyPartForEdit"
|
||||
:rules="[
|
||||
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||
]"
|
||||
>
|
||||
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
|
||||
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||
]">
|
||||
<el-checkbox-group v-model="studyForm.BodyPartForEdit">
|
||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{$fd("Bodypart", bodyPart,'Code',BodyPart,'Name')}}</el-checkbox>
|
||||
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{ $fd("Bodypart",
|
||||
bodyPart, 'Code', BodyPart, 'Name') }}</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<!-- 序列数量 -->
|
||||
|
|
@ -432,14 +303,8 @@
|
|||
</el-form-item>
|
||||
<!-- 检查日期 -->
|
||||
<el-form-item :label="$t('trials:audit:table:studyDate')">
|
||||
<el-date-picker
|
||||
v-model="studyForm.StudyTime"
|
||||
disabled
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd"
|
||||
style="width:100%;"
|
||||
/>
|
||||
<el-date-picker v-model="studyForm.StudyTime" disabled type="date" value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd" style="width:100%;" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
|
@ -515,7 +380,7 @@ export default {
|
|||
relationInfo: null,
|
||||
trialBodyPartTypes: [],
|
||||
trialModalitys: [],
|
||||
BodyPart:{}
|
||||
BodyPart: {}
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
|
|
@ -595,8 +460,8 @@ export default {
|
|||
const routeData = this.$router.resolve({
|
||||
path: `/showdicom?studyId=${row.StudyId}&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)
|
||||
},
|
||||
// 预览所有影像
|
||||
handlePreviewAllFiles() {
|
||||
|
|
@ -604,8 +469,8 @@ export default {
|
|||
const routeData = this.$router.resolve({
|
||||
path: `/showvisitdicoms?trialId=${this.data.TrialId}&visitInfo=${this.data.VisitName}(${this.data.VisitNum})&subjectVisitId=${this.data.Id}&TokenKey=${token}`
|
||||
})
|
||||
var newWindow =window.open(routeData.href, '_blank')
|
||||
this.$emit('setOpenWindow',newWindow)
|
||||
var newWindow = window.open(routeData.href, '_blank')
|
||||
this.$emit('setOpenWindow', newWindow)
|
||||
},
|
||||
// 扫描待上传文件
|
||||
beginScanFiles(e) {
|
||||
|
|
@ -616,17 +481,17 @@ export default {
|
|||
var scope = this
|
||||
scope.scanState = ''
|
||||
scope.isScan = false
|
||||
var p = new Promise(function(resolve) {
|
||||
var p = new Promise(function (resolve) {
|
||||
resolve()
|
||||
})
|
||||
for (var i = 0; i < files.length; ++i) {
|
||||
(function(index) {
|
||||
p = p.then(function() {
|
||||
(function (index) {
|
||||
p = p.then(function () {
|
||||
return scope.parseDicomFile(files[index])
|
||||
})
|
||||
})(i)
|
||||
}
|
||||
p.then(function(result) {
|
||||
p.then(function (result) {
|
||||
scope.scanState = 'finished'
|
||||
scope.isScan = true
|
||||
})
|
||||
|
|
@ -635,13 +500,13 @@ export default {
|
|||
// 按序列UUID本地归档
|
||||
parseDicomFile(file) {
|
||||
var scope = this
|
||||
return new Promise(function(resolve, reject) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
if (scope.scanState === 'cancelling') {
|
||||
resolve()
|
||||
return
|
||||
}
|
||||
var reader = new FileReader()
|
||||
reader.onload = function(e) {
|
||||
reader.onload = function (e) {
|
||||
try {
|
||||
var data = dicomParser.parseDicom(new Uint8Array(e.target.result))
|
||||
var studyUid = data.string('x0020000d')
|
||||
|
|
@ -664,7 +529,7 @@ export default {
|
|||
// time = `${time.substr(0, 2)}:${time.substr(2, 2)}:${time.substr(4, 2)}`
|
||||
time = `${time.substring(0, 2)}:${time.substring(2, 4)}:${time.substring(4, 6)}`
|
||||
}
|
||||
if(date){
|
||||
if (date) {
|
||||
studyTime = time ? `${date} ${time}` : `${date} 00:00:00`
|
||||
}
|
||||
scope.uploadQueues.push({
|
||||
|
|
@ -721,7 +586,7 @@ export default {
|
|||
|
||||
var seriesUid = data.string('x0020000e')
|
||||
var seriesList = scope.uploadQueues[studyIndex].seriesList
|
||||
var seriesItem = seriesList.find(function(item) {
|
||||
var seriesItem = seriesList.find(function (item) {
|
||||
return item.seriesUid === seriesUid
|
||||
})
|
||||
if (!seriesItem) {
|
||||
|
|
@ -735,7 +600,7 @@ export default {
|
|||
seriesList.push(seriesItem)
|
||||
}
|
||||
var instanceList = seriesItem.instanceList
|
||||
var instanceItem = instanceList.find(function(item) {
|
||||
var instanceItem = instanceList.find(function (item) {
|
||||
return item.instanceUid === instanceUid
|
||||
})
|
||||
if (!instanceItem) {
|
||||
|
|
@ -755,7 +620,7 @@ export default {
|
|||
resolve()
|
||||
}
|
||||
}
|
||||
reader.onerror = function(e) {
|
||||
reader.onerror = function (e) {
|
||||
resolve()
|
||||
}
|
||||
reader.readAsArrayBuffer(file)
|
||||
|
|
@ -853,7 +718,7 @@ export default {
|
|||
{
|
||||
confirmButtonText: this.$t('trials:uploadDicomList:label:confirm'),
|
||||
dangerouslyUseHTMLString: true,
|
||||
callback: (action) => {}
|
||||
callback: (action) => { }
|
||||
})
|
||||
this.btnLoading = false
|
||||
}
|
||||
|
|
@ -897,7 +762,7 @@ export default {
|
|||
// 上传影像并归档
|
||||
archiveStudy(index) {
|
||||
var scope = this
|
||||
return new Promise(function(resolve, reject) {
|
||||
return new Promise(function (resolve, reject) {
|
||||
preArchiveStudy({
|
||||
subjectVisitId: scope.subjectVisitId,
|
||||
isDicom: true
|
||||
|
|
@ -934,15 +799,15 @@ export default {
|
|||
// xhr.setRequestHeader('Content-Type', 'octet-stream')
|
||||
xhr.timeout = 2 * 360000 // 超时时间，单位是毫秒
|
||||
xhr.responseType = 'text'
|
||||
xhr.onload = function(e) {
|
||||
xhr.onload = function (e) {
|
||||
scope.onUploadCompleted(e, index)
|
||||
resolve()
|
||||
}
|
||||
xhr.onerror = function(e) {
|
||||
xhr.onerror = function (e) {
|
||||
scope.onUploadError(e, index)
|
||||
resolve()
|
||||
}
|
||||
xhr.upload.onprogress = function(e) {
|
||||
xhr.upload.onprogress = function (e) {
|
||||
scope.onUploadProgress(e, index)
|
||||
}
|
||||
// xhr.onprogress = function(e) {
|
||||
|
|
@ -960,7 +825,7 @@ export default {
|
|||
})
|
||||
},
|
||||
// 上传成功回调
|
||||
onUploadCompleted: function(e, index) {
|
||||
onUploadCompleted: function (e, index) {
|
||||
this.uploadedCount++
|
||||
var uploadState = this.uploadQueues[index].uploadState
|
||||
// this.btnLoading = false
|
||||
|
|
@ -1005,7 +870,7 @@ export default {
|
|||
this.$forceUpdate()
|
||||
},
|
||||
// 上传失败回调
|
||||
onUploadError: function(e, index) {
|
||||
onUploadError: function (e, index) {
|
||||
this.uploadedCount++
|
||||
// this.btnLoading = false
|
||||
var uploadState = this.uploadQueues[index].uploadState
|
||||
|
|
@ -1025,7 +890,7 @@ export default {
|
|||
}
|
||||
},
|
||||
// 上传进程
|
||||
onUploadProgress: function(e, index) {
|
||||
onUploadProgress: function (e, index) {
|
||||
if (e.lengthComputable) {
|
||||
var percent = Math.floor(e.loaded / e.total * 100)
|
||||
console.log(e.loaded, e.total, percent)
|
||||
|
|
@ -1111,7 +976,7 @@ export default {
|
|||
}).catch(() => {
|
||||
this.studyLoading = true
|
||||
})
|
||||
}).catch(() => {})
|
||||
}).catch(() => { })
|
||||
},
|
||||
// 删除已上传的某个检查
|
||||
handleDeleteStudy(row) {
|
||||
|
|
@ -1131,7 +996,7 @@ export default {
|
|||
}).catch(() => {
|
||||
this.studyLoading = true
|
||||
})
|
||||
}).catch(() => {})
|
||||
}).catch(() => { })
|
||||
},
|
||||
// cancel按钮回调
|
||||
cancel() {
|
||||
|
|
@ -1173,8 +1038,8 @@ export default {
|
|||
return ''
|
||||
}
|
||||
},
|
||||
getBodyPart(bodyPart) {
|
||||
if (!bodyPart) return ''
|
||||
getBodyPart(bodyPart, other) {
|
||||
if (!bodyPart && !other) return ''
|
||||
var separator = ','
|
||||
if (bodyPart.indexOf('|') > -1) {
|
||||
separator = '|'
|
||||
|
|
@ -1184,38 +1049,47 @@ export default {
|
|||
separator = '，'
|
||||
}
|
||||
var arr = bodyPart.split(separator)
|
||||
var newArr = arr.map(i => {
|
||||
return this.$fd('Bodypart', i.trim(),'Code',this.BodyPart,'Name')
|
||||
var newArr = arr.map((i) => {
|
||||
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
|
||||
})
|
||||
if (other) {
|
||||
newArr.push(other)
|
||||
}
|
||||
newArr = newArr.filter(Boolean)
|
||||
return newArr.join(' | ')
|
||||
}
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.upload-dicom-files-wrapper{
|
||||
.dicomFiles-table{
|
||||
.el-table__body-wrapper{
|
||||
.upload-dicom-files-wrapper {
|
||||
.dicomFiles-table {
|
||||
.el-table__body-wrapper {
|
||||
height: 300px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
}
|
||||
.delete-row{
|
||||
text-decoration-line: line-through;
|
||||
color: #c0c4cc;
|
||||
}
|
||||
|
||||
.delete-row {
|
||||
text-decoration-line: line-through;
|
||||
color: #c0c4cc;
|
||||
}
|
||||
|
||||
.previewActive:hover {
|
||||
cursor: pointer;
|
||||
color: #428bca;
|
||||
}
|
||||
|
||||
#inputForm label {
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
#inputForm .file-input {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
#inputForm .file-input input[type='file'] {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
@ -1234,12 +1108,13 @@ export default {
|
|||
#inputForm #listWrapper a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#inputForm .text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.colorOfRed{
|
||||
color:#f44336;
|
||||
|
||||
.colorOfRed {
|
||||
color: #f44336;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -2,33 +2,17 @@
|
|||
<div class="study-info">
|
||||
<div class="functions" style="text-align: right">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
:disabled="studyList.length === 0"
|
||||
icon="el-icon-view"
|
||||
@click="handlePreviewAllFiles"
|
||||
>
|
||||
<el-button type="primary" size="small" :disabled="studyList.length === 0" icon="el-icon-view"
|
||||
@click="handlePreviewAllFiles">
|
||||
{{ $t('trials:audit:action:preview') }}
|
||||
</el-button>
|
||||
</div>
|
||||
<el-table
|
||||
v-loading="studyLoading"
|
||||
:data="studyList"
|
||||
style="width: 100%"
|
||||
height="300"
|
||||
:row-class-name="tableRowClassName"
|
||||
@selection-change="handleSelectionChange"
|
||||
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }"
|
||||
>
|
||||
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" height="300"
|
||||
:row-class-name="tableRowClassName" @selection-change="handleSelectionChange"
|
||||
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }">
|
||||
<!-- 检查编号 -->
|
||||
<el-table-column
|
||||
prop="StudyCode"
|
||||
:label="$t('trials:audit:table:studyId')"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
/>
|
||||
<el-table-column prop="StudyCode" :label="$t('trials:audit:table:studyId')" min-width="80" show-overflow-tooltip
|
||||
sortable />
|
||||
<!-- <!– 检查类型 –>-->
|
||||
<!-- <el-table-column-->
|
||||
<!-- prop="Modalities"-->
|
||||
|
|
@ -49,121 +33,53 @@
|
|||
<!-- </el-table-column>-->
|
||||
<!-- <!– 检查类型 –>-->
|
||||
<!-- 检查名称 -->
|
||||
<el-table-column
|
||||
v-if="relationInfo.IsShowStudyName"
|
||||
prop="StudyName"
|
||||
:label="$t('trials:audit:table:StudyName')"
|
||||
sortable
|
||||
/>
|
||||
<el-table-column
|
||||
prop="ModalityForEdit"
|
||||
:label="$t('trials:audit:table:modality')"
|
||||
sortable
|
||||
/>
|
||||
<el-table-column v-if="relationInfo.IsShowStudyName" prop="StudyName" :label="$t('trials:audit:table:StudyName')"
|
||||
sortable />
|
||||
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" sortable />
|
||||
<!-- 检查类型 -->
|
||||
<el-table-column
|
||||
prop="Modalities"
|
||||
:label="$t('trials:audit:table:modality1')"
|
||||
sortable
|
||||
/>
|
||||
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" sortable />
|
||||
<!-- 检查部位 -->
|
||||
<el-table-column
|
||||
prop="BodyPartForEdit"
|
||||
:label="$t('trials:uploadedDicoms:table:bodyPart')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
>
|
||||
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
|
||||
show-overflow-tooltip sortable>
|
||||
<template slot-scope="scope">
|
||||
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 序列数量 -->
|
||||
<el-table-column
|
||||
prop="SeriesCount"
|
||||
:label="$t('trials:audit:table:seriesCount')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
/>
|
||||
<el-table-column prop="SeriesCount" :label="$t('trials:audit:table:seriesCount')" min-width="100"
|
||||
show-overflow-tooltip sortable />
|
||||
<!-- 图像数量 -->
|
||||
<el-table-column
|
||||
prop="InstanceCount"
|
||||
:label="$t('trials:audit:table:instanceCount')"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
/>
|
||||
<el-table-column prop="InstanceCount" :label="$t('trials:audit:table:instanceCount')" min-width="100"
|
||||
show-overflow-tooltip sortable />
|
||||
<!-- 检查日期 -->
|
||||
<el-table-column
|
||||
prop="StudyTime"
|
||||
:label="$t('trials:audit:table:studyDate')"
|
||||
min-width="120"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
>
|
||||
<el-table-column prop="StudyTime" :label="$t('trials:audit:table:studyDate')" min-width="120"
|
||||
show-overflow-tooltip sortable>
|
||||
<template slot-scope="scope">
|
||||
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 更新时间 -->
|
||||
<el-table-column
|
||||
prop="UpdateTime"
|
||||
:label="$t('trials:audit:table:studyUpdateTime')"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
/>
|
||||
<el-table-column prop="UpdateTime" :label="$t('trials:audit:table:studyUpdateTime')" min-width="80"
|
||||
show-overflow-tooltip sortable />
|
||||
<!-- 上传时间 -->
|
||||
<el-table-column
|
||||
prop="UploadedTime"
|
||||
:label="$t('trials:audit:table:studyUploadTime')"
|
||||
min-width="80"
|
||||
show-overflow-tooltip
|
||||
sortable
|
||||
/>
|
||||
<el-table-column
|
||||
:label="$t('common:action:action')"
|
||||
min-width="100"
|
||||
fixed="right"
|
||||
>
|
||||
<el-table-column prop="UploadedTime" :label="$t('trials:audit:table:studyUploadTime')" min-width="80"
|
||||
show-overflow-tooltip sortable />
|
||||
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
|
||||
<template slot-scope="scope">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||
:title="$t('trials:audit:action:preview')"
|
||||
circle
|
||||
@click="handleViewStudy(scope.row)"
|
||||
/>
|
||||
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
|
||||
:title="$t('trials:audit:action:preview')" circle @click="handleViewStudy(scope.row)" />
|
||||
<!-- 预览PET-CT数据 -->
|
||||
<el-button
|
||||
icon="el-icon-folder"
|
||||
:title="$t('trials:audit:tab:clinicalData')"
|
||||
v-if="
|
||||
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
|
||||
relationInfo.IsHaveStudyClinicalData
|
||||
"
|
||||
circle
|
||||
:disabled="scope.row.IsDeleted"
|
||||
@click="handlePreviewClinicalData(scope.row)"
|
||||
/>
|
||||
<el-button icon="el-icon-folder" :title="$t('trials:audit:tab:clinicalData')" v-if="
|
||||
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
|
||||
relationInfo.IsHaveStudyClinicalData
|
||||
" circle :disabled="scope.row.IsDeleted" @click="handlePreviewClinicalData(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!--pet-ct临床数据预览-->
|
||||
<el-dialog
|
||||
v-if="petVisible"
|
||||
:show-close="true"
|
||||
:visible.sync="petVisible"
|
||||
append-to-body
|
||||
>
|
||||
<uploadPetClinicalData
|
||||
:subject-visit-id="data.Id"
|
||||
:data="data"
|
||||
:studyData="rowData"
|
||||
:allow-add-or-edit="false"
|
||||
/>
|
||||
<el-dialog v-if="petVisible" :show-close="true" :visible.sync="petVisible" append-to-body>
|
||||
<uploadPetClinicalData :subject-visit-id="data.Id" :data="data" :studyData="rowData" :allow-add-or-edit="false" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -195,12 +111,12 @@ export default {
|
|||
petVisible: false,
|
||||
rowData: {},
|
||||
relationInfo: {},
|
||||
bp: [],
|
||||
BodyPart: {},
|
||||
}
|
||||
},
|
||||
async mounted() {
|
||||
this.getStudyInfo()
|
||||
this.bp = await this.$getBodyPart(this.$route.query.trialId)
|
||||
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
|
||||
},
|
||||
methods: {
|
||||
// 预览临床数据
|
||||
|
|
@ -242,7 +158,7 @@ export default {
|
|||
this.studyLoading = true
|
||||
})
|
||||
})
|
||||
.catch(() => {})
|
||||
.catch(() => { })
|
||||
},
|
||||
// 预览所有影像
|
||||
handlePreviewAllFiles() {
|
||||
|
|
|
|||
Loading…
Reference in New Issue