Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
commit
2516be481d
|
|
@ -1092,4 +1092,66 @@ export function deleteSysFileType(id) {
|
|||
url: `/SysFileType/deleteSysFileType/${id}`,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
// 项目文档-获取项目菜单
|
||||
export function getTrialFileTypeData(data) {
|
||||
return request({
|
||||
url: `/TrialFileType/getTrialFileTypeData`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 项目文档-修改项目菜单启用
|
||||
export function setAuthorizedView(data) {
|
||||
return request({
|
||||
url: `/TrialFileType/setAuthorizedView`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 项目文档-新增/修改项目菜单
|
||||
export function addOrUpdateTrialFileType(data) {
|
||||
return request({
|
||||
url: `/TrialFileType/addOrUpdateTrialFileType`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 项目文档-删除项目菜单
|
||||
export function deleteTrialFileType(id) {
|
||||
return request({
|
||||
url: `/TrialFileType/deleteTrialFileType/${id}`,
|
||||
method: 'delete',
|
||||
})
|
||||
}
|
||||
// 项目文档-报告/文档列表
|
||||
export function getTrialFinalRecordList(data) {
|
||||
return request({
|
||||
url: `/TrialFinalRecord/getTrialFinalRecordList`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 项目文档-报告/文档授权
|
||||
export function authorizedTrialFinalRecord(data) {
|
||||
return request({
|
||||
url: `/TrialFinalRecord/authorizedTrialFinalRecord`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 项目文档-报告/文档新增/修改
|
||||
export function addOrUpdateTrialFinalRecord(data) {
|
||||
return request({
|
||||
url: `/TrialFinalRecord/addOrUpdateTrialFinalRecord`,
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
// 项目文档-删除报告/文档
|
||||
export function deleteTrialFinalRecord(id) {
|
||||
return request({
|
||||
url: `/TrialFinalRecord/deleteTrialFinalRecord/${id}`,
|
||||
method: 'delete',
|
||||
})
|
||||
}
|
||||
|
|
@ -461,8 +461,8 @@ async function VueInit() {
|
|||
var my_username = zzSessionStorage.getItem('my_username')
|
||||
var my_password = zzSessionStorage.getItem('my_password')
|
||||
let my_userid = zzSessionStorage.getItem('userId')
|
||||
let my_EMail = zzSessionStorage.getItem('my_EMail')
|
||||
if (md5(_vm.unlock.my_password) === my_password && my_username === _vm.unlock.my_username) {
|
||||
let my_EMail = zzSessionStorage.getItem('my_EMail') || ''
|
||||
if (md5(_vm.unlock.my_password) === my_password && (my_username === _vm.unlock.my_username || my_EMail.toUpperCase() === vm.unlock.my_username.toUpperCase())) {
|
||||
resetReadingRestTime().then(() => {
|
||||
})
|
||||
const closeLock = (_vm) => {
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ export function parseTime(time, cFormat) {
|
|||
const time_str = format.replace(/{([ymdhisa])+}/g, (result, key) => {
|
||||
const value = formatObj[key]
|
||||
// Note: getDay() returns 0 on Sunday
|
||||
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value ] }
|
||||
if (key === 'a') { return ['日', '一', '二', '三', '四', '五', '六'][value] }
|
||||
return value.toString().padStart(2, '0')
|
||||
})
|
||||
return time_str
|
||||
|
|
@ -51,12 +51,44 @@ export function param2Obj(url) {
|
|||
}
|
||||
return JSON.parse(
|
||||
'{"' +
|
||||
decodeURIComponent(search)
|
||||
.replace(/"/g, '\\"')
|
||||
.replace(/&/g, '","')
|
||||
.replace(/=/g, '":"')
|
||||
.replace(/\+/g, ' ') +
|
||||
'"}'
|
||||
decodeURIComponent(search)
|
||||
.replace(/"/g, '\\"')
|
||||
.replace(/&/g, '","')
|
||||
.replace(/=/g, '":"')
|
||||
.replace(/\+/g, ' ') +
|
||||
'"}'
|
||||
)
|
||||
}
|
||||
|
||||
export function deepClone(source, map = new WeakMap()) {
|
||||
// 处理基本类型和函数（直接返回）
|
||||
if (typeof source !== 'object' || source === null) {
|
||||
return source;
|
||||
}
|
||||
|
||||
// 处理循环引用
|
||||
if (map.has(source)) {
|
||||
return map.get(source);
|
||||
}
|
||||
|
||||
// 创建新容器
|
||||
const target = Array.isArray(source) ? [] : {};
|
||||
map.set(source, target); // 记录克隆关系
|
||||
|
||||
// 克隆普通键值
|
||||
for (const key in source) {
|
||||
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
||||
target[key] = deepClone(source[key], map);
|
||||
}
|
||||
}
|
||||
|
||||
// 克隆Symbol键值（ES6+）
|
||||
const symbolKeys = Object.getOwnPropertySymbols(source);
|
||||
for (const symKey of symbolKeys) {
|
||||
if (source.propertyIsEnumerable(symKey)) {
|
||||
target[symKey] = deepClone(source[symKey], map);
|
||||
}
|
||||
}
|
||||
|
||||
return target;
|
||||
}
|
||||
|
|
@ -20,7 +20,7 @@ function zipFiles(zipName, files) {
|
|||
ctrl.close();
|
||||
} else {
|
||||
let { name, url } = fileInfo.value;
|
||||
url = decodeUtf8(url);
|
||||
// url = decodeUtf8(url); // 待定，可能做过特殊处理
|
||||
return fetch(url).then(res => {
|
||||
ctrl.enqueue({
|
||||
name,
|
||||
|
|
|
|||
|
|
@ -186,39 +186,6 @@ export default {
|
|||
canel() {
|
||||
this.$emit('close')
|
||||
},
|
||||
handleRemoveFile() {
|
||||
this.form.FileName = null
|
||||
this.form.Path = null
|
||||
this.fileList = []
|
||||
},
|
||||
beforeUpload() {
|
||||
if (this.fileList.length > 0) {
|
||||
this.$alert(this.$t('dictionary:bbrowser:msg:message1'))
|
||||
return
|
||||
}
|
||||
},
|
||||
handlePreview(row, r2) {
|
||||
if (row.fullPath) {
|
||||
window.open(row.fullPath, '_blank')
|
||||
}
|
||||
},
|
||||
async handleUploadFile(param) {
|
||||
this.loading = true
|
||||
var file = await this.fileToBlob(param.file)
|
||||
const res = await this.OSSclient.put(
|
||||
`/System/Browser/${param.file.name}`,
|
||||
file
|
||||
)
|
||||
this.fileList.push({
|
||||
name: param.file.name,
|
||||
path: this.$getObjectName(res.url),
|
||||
fullPath: this.$getObjectName(res.url),
|
||||
url: this.$getObjectName(res.url),
|
||||
})
|
||||
this.form.Path = this.$getObjectName(res.url)
|
||||
this.form.FileName = param.file.name
|
||||
this.loading = false
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
@ -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">
|
||||
<img
|
||||
v-for="(item, i) in urlList"
|
||||
v-show="i === index"
|
||||
:ref="`img${i}`"
|
||||
:key="item.Id"
|
||||
crossorigin="anonymous"
|
||||
:src="item.FileType&&item.FileType.indexOf('zip')>=0?zipImg:`${OSSclientConfig.basePath}${item.Path}`"
|
||||
:style="imgStyle"
|
||||
style="max-width:100%;max-height: 100%;"
|
||||
@load="handleImgLoad"
|
||||
@error="handleImgError"
|
||||
@mousedown="handleMouseDown"
|
||||
>
|
||||
|
||||
<template v-for="(item, i) in urlList">
|
||||
<img
|
||||
v-if="!~item.FileType.indexOf('pdf')"
|
||||
v-show="i === index"
|
||||
:ref="`img${i}`"
|
||||
:key="item.Id"
|
||||
crossorigin="anonymous"
|
||||
:src="
|
||||
item.FileType && item.FileType.indexOf('zip') >= 0
|
||||
? zipImg
|
||||
: `${OSSclientConfig.basePath}${item.Path}`
|
||||
"
|
||||
:style="imgStyle"
|
||||
style="max-width: 100%; max-height: 100%"
|
||||
@load="handleImgLoad"
|
||||
@error="handleImgError"
|
||||
@mousedown="handleMouseDown"
|
||||
/>
|
||||
</template>
|
||||
</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{
|
||||
position: relative;
|
||||
top:0;
|
||||
right:0;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
.image-viewer__wrapper {
|
||||
position: relative;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.image-viewer__btn{
|
||||
position:absolute;
|
||||
z-index:1;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:center;
|
||||
border-radius:50%;
|
||||
opacity:.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{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width:100%;
|
||||
height:100%;
|
||||
display:flex;
|
||||
justify-content:center;
|
||||
align-items:center
|
||||
.image-viewer__canvas {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.image-viewer__actions{
|
||||
left:50%;
|
||||
bottom:30px;
|
||||
transform:translateX(-50%);
|
||||
width:282px;
|
||||
height:44px;
|
||||
padding:0 23px;
|
||||
background-color:#606266;
|
||||
border-color:#fff;
|
||||
border-radius:22px
|
||||
.image-viewer__actions {
|
||||
left: 50%;
|
||||
bottom: 30px;
|
||||
transform: translateX(-50%);
|
||||
width: 282px;
|
||||
height: 44px;
|
||||
padding: 0 23px;
|
||||
background-color: #606266;
|
||||
border-color: #fff;
|
||||
border-radius: 22px;
|
||||
}
|
||||
.image-viewer__actions__inner{
|
||||
width:100%;
|
||||
height:100%;
|
||||
text-align:justify;
|
||||
cursor:default;
|
||||
font-size:23px;
|
||||
color:#fff;
|
||||
display:flex;
|
||||
align-items:center;
|
||||
justify-content:space-around
|
||||
.image-viewer__actions__inner {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: justify;
|
||||
cursor: default;
|
||||
font-size: 23px;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.image-viewer__next,.image-viewer__prev{
|
||||
top:50%;
|
||||
width:44px;
|
||||
height:44px;
|
||||
font-size:24px;
|
||||
color:#fff;
|
||||
background-color:#606266;
|
||||
border-color:#fff
|
||||
.image-viewer__next,
|
||||
.image-viewer__prev {
|
||||
top: 50%;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
font-size: 24px;
|
||||
color: #fff;
|
||||
background-color: #606266;
|
||||
border-color: #fff;
|
||||
}
|
||||
.image-viewer__prev{
|
||||
transform:translateY(-50%);
|
||||
left:40px
|
||||
.image-viewer__prev {
|
||||
transform: translateY(-50%);
|
||||
left: 40px;
|
||||
}
|
||||
.image-viewer__next{
|
||||
transform:translateY(-50%);
|
||||
right:40px;
|
||||
text-indent:2px
|
||||
.image-viewer__next {
|
||||
transform: translateY(-50%);
|
||||
right: 40px;
|
||||
text-indent: 2px;
|
||||
}
|
||||
.image-viewer__mask{
|
||||
position:absolute;
|
||||
width:100%;
|
||||
height:100%;
|
||||
top:0;
|
||||
left:0;
|
||||
opacity:.5;
|
||||
// background:#000
|
||||
|
||||
.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
|
||||
}
|
||||
100%{
|
||||
transform:translate3d(0,0,0);
|
||||
opacity:1
|
||||
}
|
||||
@keyframes viewer-fade-in {
|
||||
0% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes viewer-fade-out{
|
||||
0%{
|
||||
transform:translate3d(0,0,0);
|
||||
opacity:1
|
||||
}
|
||||
100%{
|
||||
transform:translate3d(0,-20px,0);
|
||||
opacity:0
|
||||
}
|
||||
@keyframes viewer-fade-out {
|
||||
0% {
|
||||
transform: translate3d(0, 0, 0);
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
transform: translate3d(0, -20px, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -1,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">
|
||||
<div
|
||||
v-for="(item, index) in previewImage.imgList"
|
||||
:key="index"
|
||||
class="item-img"
|
||||
:style="imgSize"
|
||||
:class="{
|
||||
'is-active': index === currentIndex
|
||||
}"
|
||||
@click="selected(index)"
|
||||
>
|
||||
<img :title="item.FileName" crossorigin="anonymous" :src="item.FileType&&item.FileType.indexOf('zip')>=0?zipImg:`${OSSclientConfig.basePath}${item.Path}`">
|
||||
<p v-if="item.FileName" class="item-date">
|
||||
{{ `${index+1}` }}
|
||||
</p>
|
||||
</div>
|
||||
<template v-for="(item, index) in previewImage.imgList">
|
||||
<div
|
||||
v-if="!~item.FileType.indexOf('pdf')"
|
||||
:key="index"
|
||||
class="item-img"
|
||||
:style="imgSize"
|
||||
:class="{
|
||||
'is-active': index === currentIndex,
|
||||
}"
|
||||
@click="selected(index)"
|
||||
>
|
||||
<img
|
||||
:title="item.FileName"
|
||||
crossorigin="anonymous"
|
||||
:src="
|
||||
item.FileType && item.FileType.indexOf('zip') >= 0
|
||||
? zipImg
|
||||
: `${OSSclientConfig.basePath}${item.Path}`
|
||||
"
|
||||
/>
|
||||
<p v-if="item.FileName" class="item-date">
|
||||
{{ `${index + 1}` }}
|
||||
</p>
|
||||
</div>
|
||||
</template>
|
||||
</div>
|
||||
</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,148 +209,147 @@ export default {
|
|||
return this.$refs.imagesWrapper.offsetWidth
|
||||
}
|
||||
return 0
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.none-dicom_preview-wrapper{
|
||||
.none-dicom_preview-wrapper {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
.image-viewer-wrapper{
|
||||
flex: 1;
|
||||
}
|
||||
.thumbnail-wrapper{
|
||||
height: 130px;
|
||||
}
|
||||
.img-content{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.img-wrapper {
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin: 0 20px;
|
||||
height: 120px;
|
||||
.to {
|
||||
width: 32px;
|
||||
height: 100%;
|
||||
padding: 0;
|
||||
.image-viewer-wrapper {
|
||||
flex: 1;
|
||||
}
|
||||
.images::before {
|
||||
.thumbnail-wrapper {
|
||||
height: 130px;
|
||||
}
|
||||
.img-content {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(left, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(90deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.images::after {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
left top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(right, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(270deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.images {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
left: 0;
|
||||
bottom: 10px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 2px;
|
||||
.empty-text {
|
||||
color: rgb(158, 158, 158);
|
||||
}
|
||||
.img-wrapper {
|
||||
display: flex;
|
||||
position: relative;
|
||||
margin: 0 20px;
|
||||
height: 120px;
|
||||
.to {
|
||||
width: 32px;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
}
|
||||
.items {
|
||||
.images::before {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
// width: 6000px;
|
||||
height: 100%;
|
||||
align-items: center;
|
||||
transition: transform 0.25s ease;
|
||||
.item-img {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
margin-right: 8px;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
cursor: pointer;
|
||||
.item-date {
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
color: white;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
left top,
|
||||
right top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(left, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(90deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.images::after {
|
||||
position: absolute;
|
||||
z-index: 5;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
right: 0;
|
||||
width: 84px;
|
||||
content: '';
|
||||
pointer-events: none;
|
||||
background: -webkit-gradient(
|
||||
linear,
|
||||
right top,
|
||||
left top,
|
||||
from(#fff),
|
||||
color-stop(50%, rgba(0, 0, 0, 0))
|
||||
);
|
||||
background: -o-linear-gradient(right, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
background: linear-gradient(270deg, #fff, rgba(0, 0, 0, 0) 50%);
|
||||
}
|
||||
.images {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 2px;
|
||||
.empty-text {
|
||||
color: rgb(158, 158, 158);
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.item-img:hover::after {
|
||||
// border-color: #409EFF;
|
||||
opacity: 0;
|
||||
}
|
||||
.item-img::after {
|
||||
.items {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
// width: 6000px;
|
||||
height: 100%;
|
||||
content: '';
|
||||
opacity: 0.2;
|
||||
pointer-events: none;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
background-color: #fff;
|
||||
}
|
||||
.is-active {
|
||||
border-color: #409eff;
|
||||
}
|
||||
.is-active:after {
|
||||
opacity: 0;
|
||||
align-items: center;
|
||||
transition: transform 0.25s ease;
|
||||
.item-img {
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
margin-right: 8px;
|
||||
border: 2px solid rgba(0, 0, 0, 0);
|
||||
cursor: pointer;
|
||||
.item-date {
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 24px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
text-align: center;
|
||||
line-height: 24px;
|
||||
color: white;
|
||||
}
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.item-img:hover::after {
|
||||
// border-color: #409EFF;
|
||||
opacity: 0;
|
||||
}
|
||||
.item-img::after {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: '';
|
||||
opacity: 0.2;
|
||||
pointer-events: none;
|
||||
-webkit-transition: opacity 0.3s ease;
|
||||
-o-transition: opacity 0.3s ease;
|
||||
transition: opacity 0.3s ease;
|
||||
background-color: #fff;
|
||||
}
|
||||
.is-active {
|
||||
border-color: #409eff;
|
||||
}
|
||||
.is-active:after {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</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
|
||||
|
|
|
|||
|
|
@ -92,7 +92,6 @@
|
|||
</el-form>
|
||||
</div>
|
||||
|
||||
<!-- 浏览器推荐版本列表 -->
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
v-adaptive="{ bottomOffset: 45 }"
|
||||
|
|
@ -159,7 +158,6 @@
|
|||
prop="TrialUserRoleList"
|
||||
:label="$t('system:retrospect:table:TrialUserRoleList')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-tooltip
|
||||
|
|
@ -212,14 +210,15 @@
|
|||
width="200"
|
||||
fixed="right"
|
||||
>
|
||||
<!-- <template slot-scope="scope">
|
||||
<el-button type="text" @click="handleEdit(scope.row)">
|
||||
{{ $t('dictionary:browser:button:edit') }}
|
||||
</el-button>
|
||||
<el-button type="text" @click="handleDelete(scope.row)">
|
||||
{{ $t('dictionary:browser:button:delete') }}
|
||||
</el-button>
|
||||
</template> -->
|
||||
<template slot-scope="scope">
|
||||
<!-- 详情 -->
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-info"
|
||||
:title="$t('system:retrospect:table:detail')"
|
||||
@click.stop="handleDetail(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
|
@ -297,8 +296,8 @@ export default {
|
|||
this.searchData.IdentityUserId = this.userId
|
||||
this.loading = true
|
||||
let res = await getUserJoinedTrialList(this.searchData)
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.loading = false
|
||||
res.OtherInfo = res.OtherInfo ? res.OtherInfo : {}
|
||||
Object.keys(this.otherInfo).forEach((key) => {
|
||||
this.otherInfo[key] = res.OtherInfo[key]
|
||||
|
|
@ -311,6 +310,11 @@ export default {
|
|||
this.loading = false
|
||||
}
|
||||
},
|
||||
handleDetail(row) {
|
||||
this.$router.push({
|
||||
path: `/trials/trials-panel?trialId=${row.TrialId}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
|
||||
})
|
||||
},
|
||||
// 查询
|
||||
handleSearch() {
|
||||
this.searchData.PageIndex = 1
|
||||
|
|
|
|||
|
|
@ -184,7 +184,7 @@
|
|||
:disabled="isDisabled"
|
||||
style="margin: 10px 15px"
|
||||
@click="handleSave"
|
||||
>Save</el-button
|
||||
>{{ $t('common:button:save') }}</el-button
|
||||
>
|
||||
</el-form-item>
|
||||
<roleList
|
||||
|
|
|
|||
|
|
@ -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(', ') : '',
|
||||
|
|
|
|||
|
|
@ -0,0 +1,413 @@
|
|||
<template>
|
||||
<div class="trialDocumentMenu">
|
||||
<div class="menuBox" v-for="item in menu" :key="item.ArchiveTypeEnum">
|
||||
<div class="top">
|
||||
<i class="el-icon-folder-opened"></i>
|
||||
<span>{{ $fd('ArchiveType', item.ArchiveTypeEnum) }}</span>
|
||||
<i
|
||||
class="el-icon-circle-plus menuAdd"
|
||||
:title="$t('trials:trialDocument:menu:add')"
|
||||
@click.stop="addMenu(item.ArchiveTypeEnum)"
|
||||
v-if="isManage && hasAdd && !viewStatus && item.ArchiveTypeEnum !== 5"
|
||||
></i>
|
||||
</div>
|
||||
<div
|
||||
:class="{ menu: true, selected: Id === data.Id }"
|
||||
v-for="data in item.TrialFileTypeList"
|
||||
:key="data.SysFileTypeId"
|
||||
@click.stop="handleSelect(data, item.ArchiveTypeEnum)"
|
||||
>
|
||||
<i class="el-icon-s-order" style="margin-left: 5px"></i>
|
||||
<span class="menuItem">{{ isEN ? data.Name : data.NameCN }}</span>
|
||||
<div
|
||||
@click="NATIVE"
|
||||
class="menuBtnBox"
|
||||
v-if="isManage && hasEdit && !viewStatus"
|
||||
>
|
||||
<i
|
||||
v-if="data.IsSelfDefine"
|
||||
class="el-icon-edit-outline"
|
||||
:title="$t('trials:trialDocument:menu:edit')"
|
||||
@click.stop="editMenu(item.ArchiveTypeEnum, data)"
|
||||
/>
|
||||
<i
|
||||
v-if="data.IsSelfDefine"
|
||||
class="el-icon-delete"
|
||||
:title="$t('trials:trialDocument:menu:del')"
|
||||
@click.stop="delMenu(data)"
|
||||
/>
|
||||
<el-switch
|
||||
class="menuSwitch"
|
||||
@change="(val) => changeIsEnble(val, data)"
|
||||
v-model="data.IsEnable"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
>
|
||||
</el-switch>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<base-model :config="config">
|
||||
<div slot="dialog-body">
|
||||
<el-form
|
||||
ref="menuForm"
|
||||
:model="form"
|
||||
label-width="100px"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
>
|
||||
<div class="base-dialog-body">
|
||||
<el-form-item
|
||||
:label="$t('trials:trialDocument:form:ArchiveTypeEnum')"
|
||||
prop="ArchiveTypeEnum"
|
||||
>
|
||||
<el-select
|
||||
v-model="form.ArchiveTypeEnum"
|
||||
disabled
|
||||
placeholder=""
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-option
|
||||
v-for="item in $d.ArchiveType"
|
||||
:key="item.id"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="$t('trials:trialDocument:form:Name')"
|
||||
prop="Name"
|
||||
>
|
||||
<el-input v-model="form.Name" />
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="dialog-footer">
|
||||
<el-button size="small" @click="canel">
|
||||
{{ $t('trials:trialDocument:button:canel') }}
|
||||
</el-button>
|
||||
<el-button size="small" type="primary" :loading="loading" @click="save">
|
||||
{{ $t('trials:trialDocument:button:save') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</base-model>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
getTrialFileTypeData,
|
||||
setAuthorizedView,
|
||||
addOrUpdateTrialFileType,
|
||||
deleteTrialFileType,
|
||||
} from '@/api/dictionary'
|
||||
import baseModel from '@/components/BaseModel'
|
||||
const defaultForm = () => {
|
||||
return {
|
||||
ArchiveTypeEnum: null,
|
||||
Name: null,
|
||||
NameCN: null,
|
||||
FirstFinalDate: null,
|
||||
IsConfirmRecord: true,
|
||||
IsEnable: true,
|
||||
IsSelfDefine: true,
|
||||
SubIdentificationEnum: null,
|
||||
SysFileTypeId: null,
|
||||
TrialId: null,
|
||||
Id: null,
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: 'trialDocumentMenu',
|
||||
props: {
|
||||
viewStatus: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
Id: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
SubIdentificationEnum: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
ArchiveTypeEnum: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
rowData: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
loading: false,
|
||||
menu: [],
|
||||
config: {
|
||||
visible: false,
|
||||
showClose: true,
|
||||
width: '400px',
|
||||
title: '',
|
||||
appendToBody: true,
|
||||
status: 'add',
|
||||
},
|
||||
form: defaultForm(),
|
||||
rules: {
|
||||
Name: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('common:ruleMessage:specify'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
},
|
||||
}
|
||||
},
|
||||
components: {
|
||||
'base-model': baseModel,
|
||||
},
|
||||
watch: {
|
||||
viewStatus: {
|
||||
handler() {
|
||||
this.getMenu()
|
||||
},
|
||||
immediate: true,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
isInspect() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:inspect',
|
||||
])
|
||||
},
|
||||
isManage() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:manage',
|
||||
])
|
||||
},
|
||||
hasAdd() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:add',
|
||||
])
|
||||
},
|
||||
hasEdit() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:edit',
|
||||
])
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
// 获取菜单
|
||||
async getMenu() {
|
||||
try {
|
||||
let data = {
|
||||
TrialId: this.$route.query.trialId,
|
||||
IsEnable: this.viewStatus,
|
||||
}
|
||||
this.loading = true
|
||||
let res = await getTrialFileTypeData(data)
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.menu = res.Result.TrialFileTypeDataList
|
||||
}
|
||||
} catch (err) {
|
||||
this.loading = false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 修改菜单启用
|
||||
async changeIsEnble(val, item) {
|
||||
try {
|
||||
let data = {
|
||||
Id: item.Id,
|
||||
IsEnable: val,
|
||||
}
|
||||
this.loading = true
|
||||
let res = await setAuthorizedView(data)
|
||||
this.loading = false
|
||||
} catch (err) {
|
||||
this.loading = false
|
||||
item.IsEnable = !item.IsEnable
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 选中
|
||||
handleSelect(data, ArchiveTypeEnum) {
|
||||
this.$emit('update:Id', data.Id)
|
||||
this.$emit('update:SubIdentificationEnum', data.SubIdentificationEnum)
|
||||
this.$emit('update:ArchiveTypeEnum', ArchiveTypeEnum)
|
||||
this.$emit('update:rowData', data)
|
||||
},
|
||||
// 新增
|
||||
addMenu(ArchiveTypeEnum) {
|
||||
this.config.title = this.$t('trials:trialDocument:title:add')
|
||||
this.form = defaultForm()
|
||||
this.form.ArchiveTypeEnum = ArchiveTypeEnum
|
||||
this.form.TrialId = this.$route.query.trialId
|
||||
switch (ArchiveTypeEnum) {
|
||||
case 1: {
|
||||
this.form.SubIdentificationEnum = 0
|
||||
break
|
||||
}
|
||||
case 2: {
|
||||
this.form.SubIdentificationEnum = 1
|
||||
break
|
||||
}
|
||||
case 3: {
|
||||
this.form.SubIdentificationEnum = 2
|
||||
break
|
||||
}
|
||||
case 4: {
|
||||
this.form.SubIdentificationEnum = 2
|
||||
break
|
||||
}
|
||||
}
|
||||
this.config.visible = true
|
||||
},
|
||||
// 修改
|
||||
editMenu(ArchiveTypeEnum, item) {
|
||||
this.config.title = this.$t('trials:trialDocument:title:edit')
|
||||
this.form = defaultForm()
|
||||
Object.keys(this.form).forEach((key) => {
|
||||
this.form[key] = item[key]
|
||||
})
|
||||
this.form.ArchiveTypeEnum = ArchiveTypeEnum
|
||||
this.config.visible = true
|
||||
},
|
||||
// 删除
|
||||
delMenu(row) {
|
||||
this.$confirm(this.$t('trials:trialDocument:message:deleteMessage'), {
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true,
|
||||
})
|
||||
.then(() => {
|
||||
this.loading = true
|
||||
deleteTrialFileType(row.Id).then((res) => {
|
||||
if (res.IsSuccess) {
|
||||
this.getMenu()
|
||||
this.$message.success(
|
||||
this.$t('common:message:deletedSuccessfully')
|
||||
)
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loading = false
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
async save() {
|
||||
try {
|
||||
let validate = await this.$refs.menuForm.validate()
|
||||
if (!validate) return false
|
||||
this.form.NameCN = this.form.Name
|
||||
this.loading = true
|
||||
let res = await addOrUpdateTrialFileType(this.form)
|
||||
if (res.IsSuccess) {
|
||||
this.config.visible = false
|
||||
this.getMenu()
|
||||
}
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
canel() {
|
||||
this.config.visible = false
|
||||
},
|
||||
NATIVE(event) {
|
||||
event.stopPropagation()
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.trialDocumentMenu {
|
||||
padding: 0 10px;
|
||||
.menuBox {
|
||||
border-bottom: 1px solid rgb(238, 238, 238);
|
||||
&:last-child {
|
||||
border: none;
|
||||
}
|
||||
.top {
|
||||
color: #303133;
|
||||
line-height: 48px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.menuAdd {
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
.menu {
|
||||
font-size: 14px;
|
||||
margin-bottom: 12px;
|
||||
padding: 0 12px 0 20px;
|
||||
cursor: pointer;
|
||||
min-height: 36px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
i {
|
||||
margin-right: 5px;
|
||||
}
|
||||
.menuBtnBox {
|
||||
position: absolute;
|
||||
top: 7px;
|
||||
right: 5px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.menuItem {
|
||||
width: 70%;
|
||||
white-space: nowrap; /* 文本不换行 */
|
||||
overflow: hidden; /* 超出部分隐藏 */
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
}
|
||||
.menu:hover {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
.menu.selected {
|
||||
color: #6698ff;
|
||||
background: rgba(102, 152, 255, 0.1);
|
||||
}
|
||||
}
|
||||
.menuSwitch {
|
||||
::v-deep.el-switch__core {
|
||||
height: 14px;
|
||||
width: 28px !important;
|
||||
&::after {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
.el-switch.is-checked {
|
||||
::v-deep.el-switch__core {
|
||||
height: 14px;
|
||||
width: 28px !important;
|
||||
&::after {
|
||||
margin-left: -12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,381 @@
|
|||
<template>
|
||||
<base-model :config="config">
|
||||
<div slot="dialog-body">
|
||||
<el-form
|
||||
ref="reportDocForm"
|
||||
:model="form"
|
||||
label-width="140px"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
>
|
||||
<div class="base-dialog-body">
|
||||
<el-form-item
|
||||
v-if="!config.upload"
|
||||
:label="$t('trials:trialDocument:reportDoc:form:name')"
|
||||
prop="Name"
|
||||
>
|
||||
<el-input v-model="form.Name" />
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="!config.upload"
|
||||
:label="$t('trials:trialDocument:reportDoc:form:version')"
|
||||
prop="Version"
|
||||
>
|
||||
<el-input v-model="form.Version" />
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="!config.upload"
|
||||
:label="$t('trials:trialDocument:reportDoc:form:isAuthorizedView')"
|
||||
prop="IsAuthorizedView"
|
||||
>
|
||||
<el-switch
|
||||
v-model="form.IsAuthorizedView"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
:active-text="$fd('YesOrNo', true)"
|
||||
:inactive-text="$fd('YesOrNo', false)"
|
||||
>
|
||||
</el-switch>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="!config.upload || config.upload === 'PDF'"
|
||||
:label="$t('trials:trialDocument:reportDoc:form:pdfFileRecord')"
|
||||
prop="PDFFileRecord"
|
||||
>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action
|
||||
:before-upload="(param) => beforeUpload(param, 'PDF', '.pdf')"
|
||||
:http-request="(param) => handleUploadFile(param, 'PDF')"
|
||||
:on-remove="() => handleRemoveFile('PDF')"
|
||||
:limit="1"
|
||||
accept=".pdf"
|
||||
:file-list="PDFFile"
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="
|
||||
!!form.PDFFileRecord && !!form.PDFFileRecord.FilePath
|
||||
"
|
||||
>{{ $t('common:button:upload') }}
|
||||
</el-button>
|
||||
<span slot="tip" class="el-upload__tip">
|
||||
{{ $t('trials:trialDocument:reportDoc:rule:mustPDF') }}
|
||||
</span>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="!config.upload || config.upload === 'Word'"
|
||||
:label="$t('trials:trialDocument:reportDoc:form:wordFileRecord')"
|
||||
>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action
|
||||
:before-upload="(param) => beforeUpload(param, 'Word', '.docx')"
|
||||
:http-request="(param) => handleUploadFile(param, 'Word')"
|
||||
:on-remove="() => handleRemoveFile('Word')"
|
||||
:limit="1"
|
||||
accept=".docx"
|
||||
:file-list="WordFile"
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="
|
||||
!!form.WordFileRecord && !!form.WordFileRecord.FilePath
|
||||
"
|
||||
>{{ $t('common:button:upload') }}
|
||||
</el-button>
|
||||
<span slot="tip" class="el-upload__tip">
|
||||
{{ $t('trials:trialDocument:reportDoc:rule:mustDOCX') }}
|
||||
</span>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="!config.upload || config.upload === 'Sign'"
|
||||
:label="$t('trials:trialDocument:reportDoc:form:signFileRecord')"
|
||||
:prop="
|
||||
rowData.IsConfirmRecord &&
|
||||
(!config.upload || config.upload === 'Sign')
|
||||
? 'SignFileRecord'
|
||||
: ''
|
||||
"
|
||||
>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action
|
||||
:before-upload="(param) => beforeUpload(param, 'Sign', '.pdf')"
|
||||
:http-request="(param) => handleUploadFile(param, 'Sign')"
|
||||
:on-remove="() => handleRemoveFile('Sign')"
|
||||
:limit="1"
|
||||
accept=".pdf"
|
||||
:file-list="SignFile"
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="
|
||||
!!form.SignFileRecord && !!form.SignFileRecord.FilePath
|
||||
"
|
||||
>{{ $t('common:button:upload') }}
|
||||
</el-button>
|
||||
<span slot="tip" class="el-upload__tip">
|
||||
{{ $t('trials:trialDocument:reportDoc:rule:mustPDF') }}
|
||||
</span>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
v-if="!config.upload || config.upload === 'History'"
|
||||
:label="$t('trials:trialDocument:reportDoc:form:historyFileRecord')"
|
||||
>
|
||||
<el-upload
|
||||
class="upload-demo"
|
||||
action
|
||||
:before-upload="(param) => beforeUpload(param, 'History', '.zip')"
|
||||
:http-request="(param) => handleUploadFile(param, 'History')"
|
||||
:on-remove="() => handleRemoveFile('History')"
|
||||
:limit="1"
|
||||
accept=".zip"
|
||||
:file-list="HistoryFile"
|
||||
>
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:disabled="
|
||||
!!form.HistoryFileRecord && !!form.HistoryFileRecord.FilePath
|
||||
"
|
||||
>{{ $t('common:button:upload') }}
|
||||
</el-button>
|
||||
<span slot="tip" class="el-upload__tip">
|
||||
{{ $t('trials:trialDocument:reportDoc:rule:mustZIP') }}
|
||||
</span>
|
||||
</el-upload>
|
||||
</el-form-item>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="dialog-footer">
|
||||
<el-button size="small" @click="canel">
|
||||
{{ $t('trials:trialDocument:reportDoc:button:canel') }}
|
||||
</el-button>
|
||||
<el-button size="small" type="primary" :loading="loading" @click="save">
|
||||
{{ $t('trials:trialDocument:reportDoc:button:save') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</base-model>
|
||||
</template>
|
||||
<script>
|
||||
import baseModel from '@/components/BaseModel'
|
||||
import { addOrUpdateTrialFinalRecord } from '@/api/dictionary'
|
||||
import { config } from 'process'
|
||||
export default {
|
||||
props: {
|
||||
config: {
|
||||
required: true,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
data: {
|
||||
required: true,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
ArchiveTypeEnum: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
rowData: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
components: {
|
||||
'base-model': baseModel,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
form: {
|
||||
Version: null,
|
||||
Name: null,
|
||||
IsAuthorizedView: true,
|
||||
PDFFileRecord: null,
|
||||
WordFileRecord: null,
|
||||
SignFileRecord: null,
|
||||
HistoryFileRecord: null,
|
||||
},
|
||||
rules: {
|
||||
Name: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('common:ruleMessage:specify'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
Version: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('common:ruleMessage:specify'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
IsAuthorizedView: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('common:ruleMessage:select'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
PDFFileRecord: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (
|
||||
!this.form.PDFFileRecord ||
|
||||
!this.form.PDFFileRecord.FilePath
|
||||
) {
|
||||
callback(
|
||||
new Error(
|
||||
this.$t(
|
||||
'trials:trialDocument:reportDoc:msg:noPdfFileRecord'
|
||||
)
|
||||
)
|
||||
)
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
},
|
||||
// message: this.$t('common:ruleMessage:specify'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
SignFileRecord: [
|
||||
{
|
||||
required: true,
|
||||
validator: (rule, value, callback) => {
|
||||
if (
|
||||
!this.form.SignFileRecord ||
|
||||
!this.form.SignFileRecord.FilePath
|
||||
) {
|
||||
callback(
|
||||
new Error(
|
||||
this.$t(
|
||||
'trials:trialDocument:reportDoc:msg:noSignFileRecord'
|
||||
)
|
||||
)
|
||||
)
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
},
|
||||
// message: this.$t('common:ruleMessage:specify'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
},
|
||||
loading: false,
|
||||
PDFFile: [],
|
||||
WordFile: [],
|
||||
SignFile: [],
|
||||
HistoryFile: [],
|
||||
}
|
||||
},
|
||||
created() {
|
||||
if (this.config.status === 'edit') {
|
||||
Object.keys(this.form).forEach((key) => {
|
||||
this.form[key] = this.data[key]
|
||||
})
|
||||
let arr = ['PDF', 'Word', 'Sign', 'History']
|
||||
|
||||
arr.forEach((key) => {
|
||||
if (
|
||||
this.form[`${key}FileRecord`] &&
|
||||
this.form[`${key}FileRecord`].FilePath
|
||||
) {
|
||||
this[`${key}File`] = []
|
||||
this[`${key}File`].push({
|
||||
name: this.form[`${key}FileRecord`].FileName,
|
||||
url: this.form[`${key}FileRecord`].FilePath,
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
async save() {
|
||||
try {
|
||||
let validate = await this.$refs.reportDocForm.validate()
|
||||
if (!validate) return false
|
||||
this.loading = true
|
||||
this.form.TrialFileTypeId = this.rowData.Id
|
||||
if (this.config.status === 'edit') {
|
||||
this.form.Id = this.data.Id
|
||||
}
|
||||
let res = await addOrUpdateTrialFinalRecord(this.form)
|
||||
if (res.IsSuccess) {
|
||||
this.$emit('close')
|
||||
this.$emit('getList')
|
||||
}
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
this.loading = false
|
||||
}
|
||||
},
|
||||
canel() {
|
||||
this.$emit('close')
|
||||
},
|
||||
handleRemoveFile(key) {
|
||||
this.form[`${key}FileRecord`] = null
|
||||
this[`${key}File`] = []
|
||||
},
|
||||
beforeUpload(param, key, accept) {
|
||||
if (this[`${key}File`] && this[`${key}File`][0]) {
|
||||
this.$alert(
|
||||
this.$t('trials:trialDocument:reportDoc:msg:hasFile')
|
||||
).catch()
|
||||
return
|
||||
}
|
||||
let extendName = param.name
|
||||
.substring(param.name.lastIndexOf('.'))
|
||||
.toLocaleLowerCase()
|
||||
if (accept !== extendName) {
|
||||
this.$alert(
|
||||
this.$t('trials:trialDocument:reportDoc:msg:typeErr')
|
||||
).catch()
|
||||
return
|
||||
}
|
||||
},
|
||||
async handleUploadFile(param, key) {
|
||||
let trialId = this.$route.query.trialId
|
||||
let extendName = param.file.name
|
||||
.substring(param.file.name.lastIndexOf('.'))
|
||||
.toLocaleLowerCase()
|
||||
if (!trialId)
|
||||
return this.$alert(
|
||||
this.$t('trials:trialDocument:reportDoc:msg:noTrialId')
|
||||
).catch()
|
||||
this.loading = true
|
||||
var file = await this.fileToBlob(param.file)
|
||||
let types = this.ArchiveTypeEnum === 1 ? 'Report' : 'Doc'
|
||||
let fileNameNoType = param.file.name
|
||||
.substring(0, param.file.name.lastIndexOf('.'))
|
||||
.toLocaleLowerCase()
|
||||
const res = await this.OSSclient.put(
|
||||
`/${trialId}/Document/${types}/${fileNameNoType}${extendName}`,
|
||||
file
|
||||
)
|
||||
this.form[`${key}FileRecord`] = {
|
||||
FileName: param.file.name,
|
||||
FilePath: this.$getObjectName(res.url),
|
||||
FileSize: param.file.size,
|
||||
FileFormat: extendName,
|
||||
}
|
||||
this.loading = false
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
|
|
@ -0,0 +1,838 @@
|
|||
<template>
|
||||
<box-content>
|
||||
<div class="title">
|
||||
{{ TITLE }}
|
||||
</div>
|
||||
<el-form :inline="true" size="mini" class="base-search-form">
|
||||
<el-form-item
|
||||
:label="$t('trials:trialDocument:reportDoc:form:firstFinalDate')"
|
||||
>
|
||||
<el-date-picker
|
||||
:disabled="!isManage || rowBtnStatus === 'edit'"
|
||||
v-model="rowData.FirstFinalDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd"
|
||||
placeholder=""
|
||||
>
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="$t('trials:trialDocument:reportDoc:form:isConfirmRecord')"
|
||||
v-if="isManage && hasEdit && !viewStatus"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="rowData.IsConfirmRecord"
|
||||
:disabled="rowBtnStatus === 'edit'"
|
||||
>
|
||||
<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:trialDocument:reportDoc:form:isEnable')"
|
||||
v-if="isManage && hasEdit && !viewStatus"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="rowData.IsEnable"
|
||||
:disabled="rowBtnStatus === 'edit'"
|
||||
>
|
||||
<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 v-if="isManage && hasEdit && !viewStatus">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
@click="rowBtnStatus = 'save'"
|
||||
v-if="rowBtnStatus === 'edit'"
|
||||
>
|
||||
{{ $t('common:button:edit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
:loading="rowBtnLoading"
|
||||
@click="saveRowData"
|
||||
v-if="rowBtnStatus === 'save'"
|
||||
>
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<!-- 搜索框 -->
|
||||
<div class="search" style="position: relative">
|
||||
<el-form :inline="true" size="mini" class="base-search-form">
|
||||
<el-form-item :label="$t('trials:trialDocument:reportDoc:search:name')">
|
||||
<el-input v-model="searchData.Name" style="width: 100px" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="$t('trials:trialDocument:reportDoc:search:version')"
|
||||
>
|
||||
<el-input
|
||||
v-model="searchData.Version"
|
||||
style="width: 100px"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
:label="$t('trials:trialDocument:reportDoc:search:isAuthorizedView')"
|
||||
>
|
||||
<el-select
|
||||
v-if="!viewStatus"
|
||||
v-model="searchData.IsAuthorizedView"
|
||||
style="width: 100px"
|
||||
placeholder=""
|
||||
>
|
||||
<el-option
|
||||
v-for="item in $d.YesOrNo"
|
||||
:key="item.id"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||
{{ $t('common:button:search') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-refresh-left"
|
||||
@click="handleReset"
|
||||
>
|
||||
{{ $t('common:button:reset') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div
|
||||
v-if="isManage && !viewStatus"
|
||||
style="position: absolute; top: 0; right: 0"
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
:disabled="selectTable.length <= 0"
|
||||
size="mini"
|
||||
v-if="hasAccredit"
|
||||
@click.stop="auth"
|
||||
>
|
||||
{{ $t('trials:trialDocument:reportDoc:button:accredit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
v-if="hasAdd"
|
||||
@click.stop="handleAdd"
|
||||
>
|
||||
{{ $t('trials:trialDocument:reportDoc:button:add') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-bottom"
|
||||
size="mini"
|
||||
:disabled="selectTable.length <= 0"
|
||||
v-if="hasDownLoad"
|
||||
@click.stop="downLoad"
|
||||
>
|
||||
{{ $t('trials:trialDocument:reportDoc:button:downLoad') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
v-adaptive="{ bottomOffset: 75 }"
|
||||
:data="list"
|
||||
stripe
|
||||
height="100"
|
||||
style="width: 100%"
|
||||
@sort-change="handleSortByColumn"
|
||||
@selection-change="handleSelectionChange"
|
||||
>
|
||||
<el-table-column type="selection" width="55" />
|
||||
|
||||
<el-table-column
|
||||
prop="Name"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:name')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
prop="Version"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:version')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<!--定稿PDF-->
|
||||
<el-table-column
|
||||
prop="PDFFileRecord"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:pdfFileRecord')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-if="
|
||||
scope.row.PDFFileRecord && scope.row.PDFFileRecord.TrialFileTypeId
|
||||
"
|
||||
style="display: flex; align-items: center"
|
||||
>
|
||||
<span class="fileName">{{ scope.row.PDFFileRecord.FileName }}</span>
|
||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||
<i
|
||||
class="el-icon-view"
|
||||
@click.stop="preview(scope.row.PDFFileRecord)"
|
||||
/>
|
||||
<i
|
||||
class="el-icon-download"
|
||||
v-if="hasDownLoad"
|
||||
@click.stop="downLoad(false, scope.row.PDFFileRecord, 'file')"
|
||||
/>
|
||||
<i
|
||||
class="el-icon-delete"
|
||||
v-if="hasDel"
|
||||
@click.stop="delFile(scope.row, 'PDF')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<i
|
||||
v-else-if="isManage && !viewStatus"
|
||||
class="el-icon-upload2"
|
||||
style="cursor: pointer; color: #409eff"
|
||||
@click.stop="upload(scope.row, 'PDF')"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--定稿WORD-->
|
||||
<el-table-column
|
||||
prop="WordFileRecord"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:wordFileRecord')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
v-if="isManage && !viewStatus"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-if="
|
||||
scope.row.WordFileRecord &&
|
||||
scope.row.WordFileRecord.TrialFileTypeId
|
||||
"
|
||||
style="display: flex; align-items: center"
|
||||
>
|
||||
<span class="fileName">{{
|
||||
scope.row.WordFileRecord.FileName
|
||||
}}</span>
|
||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||
<i
|
||||
class="el-icon-download"
|
||||
v-if="hasDownLoad"
|
||||
@click.stop="downLoad(false, scope.row.WordFileRecord, 'file')"
|
||||
/>
|
||||
<i
|
||||
class="el-icon-delete"
|
||||
v-if="hasDel"
|
||||
@click.stop="delFile(scope.row, 'Word')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<i
|
||||
v-else-if="isManage && !viewStatus"
|
||||
class="el-icon-upload2"
|
||||
style="cursor: pointer; color: #409eff"
|
||||
@click.stop="upload(scope.row, 'Word')"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--签字页-->
|
||||
<el-table-column
|
||||
prop="SignFileRecord"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:signFileRecord')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
v-if="isManage && !viewStatus"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-if="
|
||||
scope.row.SignFileRecord &&
|
||||
scope.row.SignFileRecord.TrialFileTypeId
|
||||
"
|
||||
style="display: flex; align-items: center"
|
||||
>
|
||||
<span class="fileName">{{
|
||||
scope.row.SignFileRecord.FileName
|
||||
}}</span>
|
||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||
<i
|
||||
class="el-icon-view"
|
||||
@click.stop="preview(scope.row.SignFileRecord)"
|
||||
/>
|
||||
<i
|
||||
class="el-icon-download"
|
||||
v-if="hasDownLoad"
|
||||
@click.stop="downLoad(false, scope.row.SignFileRecord, 'file')"
|
||||
/>
|
||||
<i
|
||||
class="el-icon-delete"
|
||||
v-if="hasDel"
|
||||
@click.stop="delFile(scope.row, 'Sign')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<i
|
||||
v-else-if="isManage && !viewStatus"
|
||||
class="el-icon-upload2"
|
||||
style="cursor: pointer; color: #409eff"
|
||||
@click.stop="upload(scope.row, 'Sign')"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!--历史记录-->
|
||||
<el-table-column
|
||||
prop="HistoryFileRecord"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:historyFileRecord')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
v-if="isManage && !viewStatus"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div
|
||||
v-if="
|
||||
scope.row.HistoryFileRecord &&
|
||||
scope.row.HistoryFileRecord.TrialFileTypeId
|
||||
"
|
||||
style="display: flex; align-items: center"
|
||||
>
|
||||
<span class="fileName">{{
|
||||
scope.row.HistoryFileRecord.FileName
|
||||
}}</span>
|
||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||
<i
|
||||
class="el-icon-download"
|
||||
v-if="hasDownLoad"
|
||||
@click.stop="
|
||||
downLoad(false, scope.row.HistoryFileRecord, 'file')
|
||||
"
|
||||
/>
|
||||
<i
|
||||
class="el-icon-delete"
|
||||
v-if="hasDel"
|
||||
@click.stop="delFile(scope.row, 'History')"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<i
|
||||
v-else-if="isManage && !viewStatus"
|
||||
class="el-icon-upload2"
|
||||
style="cursor: pointer; color: #409eff"
|
||||
@click.stop="upload(scope.row, 'History')"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
prop="IsAuthorizedView"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:isAuthorizedView')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-switch
|
||||
v-if="isManage && !viewStatus && hasEdit"
|
||||
v-model="scope.row.IsAuthorizedView"
|
||||
@change="(val) => auth(false, scope.row, val)"
|
||||
:active-value="true"
|
||||
:inactive-value="false"
|
||||
:active-text="$fd('YesOrNo', true)"
|
||||
:inactive-text="$fd('YesOrNo', false)"
|
||||
>
|
||||
</el-switch>
|
||||
<span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="UpdateTime"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:updateTime')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="CreateTime"
|
||||
:label="$t('trials:trialDocument:reportDoc:table:createTime')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
:label="$t('common:action:action')"
|
||||
width="200"
|
||||
fixed="right"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
icon="el-icon-view"
|
||||
:title="$t('common:button:view')"
|
||||
size="mini"
|
||||
circle
|
||||
:disabled="
|
||||
!scope.row.PDFFileRecord || !scope.row.PDFFileRecord.FilePath
|
||||
"
|
||||
@click.stop="preview(scope.row.PDFFileRecord)"
|
||||
/>
|
||||
<el-button
|
||||
v-if="hasEdit && isManage && !viewStatus"
|
||||
icon="el-icon-edit-outline"
|
||||
:title="$t('common:button:edit')"
|
||||
size="mini"
|
||||
circle
|
||||
@click.stop="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
v-if="hasDownLoad && isManage && !viewStatus"
|
||||
icon="el-icon-download"
|
||||
:title="$t('trials:trialDocument:reportDoc:button:download')"
|
||||
size="mini"
|
||||
circle
|
||||
@click.stop="downLoad(false, scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
v-if="hasDel && isManage && !viewStatus"
|
||||
icon="el-icon-delete"
|
||||
:title="$t('trials:trialDocument:reportDoc:button:delete')"
|
||||
size="mini"
|
||||
circle
|
||||
@click.stop="handleDel(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<!-- 分页组件 -->
|
||||
<pagination
|
||||
class="page"
|
||||
:total="total"
|
||||
:page.sync="searchData.PageIndex"
|
||||
:limit.sync="searchData.PageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<reportDoc-form
|
||||
:ArchiveTypeEnum="ArchiveTypeEnum"
|
||||
:rowData="rowData"
|
||||
:config="config"
|
||||
:data="selectData"
|
||||
v-if="config.visible"
|
||||
@close="close"
|
||||
@getList="getList"
|
||||
/>
|
||||
</box-content>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
addOrUpdateTrialFileType,
|
||||
getTrialFinalRecordList,
|
||||
deleteTrialFinalRecord,
|
||||
authorizedTrialFinalRecord,
|
||||
addOrUpdateTrialFinalRecord,
|
||||
} from '@/api/dictionary'
|
||||
import { downLoadFile } from '@/utils/stream.js'
|
||||
import { deepClone } from '@/utils/index.js'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import BoxContent from '@/components/BoxContent'
|
||||
import reportDocForm from './form.vue'
|
||||
const searchDataDefault = () => {
|
||||
return {
|
||||
IsAuthorizedView: null,
|
||||
Name: null,
|
||||
Version: null,
|
||||
PageIndex: 1,
|
||||
PageSize: 20,
|
||||
Asc: false,
|
||||
SortField: null,
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: 'reportDoc',
|
||||
components: { BoxContent, Pagination, reportDocForm },
|
||||
props: {
|
||||
viewStatus: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
ArchiveTypeEnum: {
|
||||
type: Number,
|
||||
default: 0,
|
||||
},
|
||||
Id: {
|
||||
type: String,
|
||||
default: '',
|
||||
},
|
||||
rowData: {
|
||||
type: Object,
|
||||
default: () => {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rowBtnStatus: 'edit', // edit 编辑 save 保存
|
||||
rowBtnLoading: false,
|
||||
searchData: searchDataDefault(),
|
||||
loading: false,
|
||||
list: [],
|
||||
total: 0,
|
||||
selectTable: [],
|
||||
config: {
|
||||
visible: false,
|
||||
showClose: true,
|
||||
width: '600px',
|
||||
title: '',
|
||||
appendToBody: true,
|
||||
status: 'add',
|
||||
upload: null,
|
||||
},
|
||||
selectData: {},
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
// 上传单个文件
|
||||
upload(row, key) {
|
||||
this.selectData = deepClone(row)
|
||||
this.config.title = `${this.$t(
|
||||
'trials:trialDocument:reportDoc:form:title:upload'
|
||||
)}
|
||||
-
|
||||
${this.isEN ? this.rowData.Name : this.rowData.NameCN}`
|
||||
this.config.status = 'edit'
|
||||
this.config.upload = key
|
||||
this.config.visible = true
|
||||
},
|
||||
// 新增
|
||||
handleAdd() {
|
||||
this.selectData = {}
|
||||
this.config.title = `${this.$t(
|
||||
'trials:trialDocument:reportDoc:form:title:add'
|
||||
)}
|
||||
-
|
||||
${this.isEN ? this.rowData.Name : this.rowData.NameCN}`
|
||||
this.config.status = 'add'
|
||||
this.config.upload = null
|
||||
this.config.visible = true
|
||||
},
|
||||
// 编辑
|
||||
handleEdit(row) {
|
||||
this.selectData = deepClone(row)
|
||||
this.config.title = `${this.$t(
|
||||
'trials:trialDocument:reportDoc:form:title:edit'
|
||||
)}
|
||||
-
|
||||
${this.isEN ? this.rowData.Name : this.rowData.NameCN}`
|
||||
this.config.status = 'edit'
|
||||
this.config.upload = null
|
||||
this.config.visible = true
|
||||
},
|
||||
// 删除文件
|
||||
async delFile(row, key) {
|
||||
try {
|
||||
let confirm = await this.$confirm(
|
||||
this.$t('trials:trialDocument:reportDoc:message:deleteFile'),
|
||||
{
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true,
|
||||
}
|
||||
)
|
||||
if (confirm !== 'confirm') return false
|
||||
let data = deepClone(row)
|
||||
data[`${key}FileRecord`] = null
|
||||
this.loading = true
|
||||
let res = await addOrUpdateTrialFinalRecord(data)
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
this.getList()
|
||||
}
|
||||
} catch (err) {
|
||||
this.loading = false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 下载
|
||||
async downLoad(isArray = true, row, type = 'zip') {
|
||||
try {
|
||||
if (type === 'file') {
|
||||
return await downLoadFile(
|
||||
this.OSSclientConfig.basePath + row.FilePath,
|
||||
row.FileName
|
||||
)
|
||||
}
|
||||
let { files, name } = this.formatDownloadFile(isArray, row)
|
||||
let res = await downLoadFile(files, name, type)
|
||||
// if (res && this.downloadId) {
|
||||
// this.downloadImageSuccess()
|
||||
// }
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 格式化下载文件路径
|
||||
formatDownloadFile(isArray = true, row) {
|
||||
let files = [],
|
||||
name = `${this.TITLE}_${new Date().getTime()}.zip`,
|
||||
arr = ['PDF', 'Word', 'Sign', 'History']
|
||||
if (!isArray) {
|
||||
name = `${row.Name}_${row.Version}_${new Date().getTime()}.zip`
|
||||
arr.forEach((key) => {
|
||||
if (row[`${key}FileRecord`] && row[`${key}FileRecord`].FilePath) {
|
||||
let obj = {
|
||||
name: `${row[`${key}FileRecord`].FileName.substring(
|
||||
0,
|
||||
row[`${key}FileRecord`].FileName.lastIndexOf('.')
|
||||
)}__${row.Version}${row[`${key}FileRecord`].FileName.substring(
|
||||
row[`${key}FileRecord`].FileName.lastIndexOf('.')
|
||||
).toLocaleLowerCase()}`,
|
||||
url:
|
||||
this.OSSclientConfig.basePath +
|
||||
row[`${key}FileRecord`].FilePath,
|
||||
}
|
||||
files.push(obj)
|
||||
}
|
||||
})
|
||||
} else {
|
||||
this.selectTable.forEach((item) => {
|
||||
arr.forEach((key) => {
|
||||
if (item[`${key}FileRecord`] && item[`${key}FileRecord`].FilePath) {
|
||||
let obj = {
|
||||
name: `${item.Name}_${item.Version}/${item[
|
||||
`${key}FileRecord`
|
||||
].FileName.substring(
|
||||
0,
|
||||
item[`${key}FileRecord`].FileName.lastIndexOf('.')
|
||||
)}__${item.Version}${item[
|
||||
`${key}FileRecord`
|
||||
].FileName.substring(
|
||||
item[`${key}FileRecord`].FileName.lastIndexOf('.')
|
||||
).toLocaleLowerCase()}`,
|
||||
url:
|
||||
this.OSSclientConfig.basePath +
|
||||
item[`${key}FileRecord`].FilePath,
|
||||
}
|
||||
files.push(obj)
|
||||
}
|
||||
})
|
||||
})
|
||||
}
|
||||
return { files, name }
|
||||
},
|
||||
// 授权
|
||||
async auth(isArray = true, row, IsAuthorizedView) {
|
||||
try {
|
||||
let data = {}
|
||||
if (isArray) {
|
||||
data = {
|
||||
Ids: this.selectTable.map((item) => item.Id),
|
||||
IsAuthorizedView: true,
|
||||
}
|
||||
} else {
|
||||
data = {
|
||||
Ids: [row.Id],
|
||||
IsAuthorizedView,
|
||||
}
|
||||
}
|
||||
this.loading = true
|
||||
let res = await authorizedTrialFinalRecord(data)
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.$t('trials:trialDocument:reportDoc:message:authSuccessfully')
|
||||
if (isArray) {
|
||||
this.getList()
|
||||
}
|
||||
}
|
||||
} catch (err) {
|
||||
this.loading = false
|
||||
if (!isArray) {
|
||||
row.IsAuthorizedView = !row.IsAuthorizedView
|
||||
}
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 删除列表数据
|
||||
handleDel(row) {
|
||||
this.$confirm(
|
||||
this.$t('trials:trialDocument:reportDoc:message:deleteMessage'),
|
||||
{
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true,
|
||||
}
|
||||
)
|
||||
.then(() => {
|
||||
this.loading = true
|
||||
deleteTrialFinalRecord(row.Id).then((res) => {
|
||||
if (res.IsSuccess) {
|
||||
this.getMenu()
|
||||
this.$message.success(
|
||||
this.$t('common:message:deletedSuccessfully')
|
||||
)
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch((err) => {
|
||||
this.loading = false
|
||||
console.log(err)
|
||||
})
|
||||
},
|
||||
async getList() {
|
||||
try {
|
||||
if (!this.Id) return false
|
||||
this.searchData.TrialFileTypeId = this.Id
|
||||
this.searchData.TrialId = this.$route.query.trialId
|
||||
this.loading = true
|
||||
let res = await getTrialFinalRecordList(this.searchData)
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.list = res.Result.CurrentPageData
|
||||
this.total = res.Result.TotalCount
|
||||
}
|
||||
} catch (err) {
|
||||
this.loading = false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
// 查询
|
||||
handleSearch() {
|
||||
this.searchData.PageIndex = 1
|
||||
this.getList()
|
||||
},
|
||||
// 重置
|
||||
handleReset() {
|
||||
this.searchData = searchDataDefault()
|
||||
this.getList()
|
||||
},
|
||||
// 排序
|
||||
handleSortByColumn(column) {
|
||||
if (column.order === 'ascending') {
|
||||
this.searchData.Asc = true
|
||||
} else {
|
||||
this.searchData.Asc = false
|
||||
}
|
||||
this.searchData.SortField = column.prop
|
||||
this.searchData.PageIndex = 1
|
||||
this.getList()
|
||||
},
|
||||
handleSelectionChange(val) {
|
||||
this.selectTable = val
|
||||
},
|
||||
// 保存菜单数据
|
||||
async saveRowData() {
|
||||
try {
|
||||
this.rowBtnLoading = true
|
||||
let res = await addOrUpdateTrialFileType(this.rowData)
|
||||
this.rowBtnLoading = false
|
||||
if (res.IsSuccess) {
|
||||
this.rowBtnStatus = 'edit'
|
||||
this.$emit('getMenu')
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
}
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
this.rowBtnLoading = false
|
||||
}
|
||||
},
|
||||
// 预览
|
||||
preview(row) {
|
||||
if (!row.FilePath) return false
|
||||
this.$preview({
|
||||
path: row.FilePath || row.fullPath,
|
||||
type: 'pdf',
|
||||
title: row.FileName,
|
||||
})
|
||||
},
|
||||
close() {
|
||||
this.config.visible = false
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
Id: {
|
||||
handler() {
|
||||
this.getList()
|
||||
},
|
||||
immediate: true,
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
isEN() {
|
||||
return this.$i18n.locale !== 'zh'
|
||||
},
|
||||
isInspect() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:inspect',
|
||||
])
|
||||
},
|
||||
isManage() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:manage',
|
||||
])
|
||||
},
|
||||
hasAdd() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:add',
|
||||
])
|
||||
},
|
||||
hasEdit() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:edit',
|
||||
])
|
||||
},
|
||||
hasDel() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:del',
|
||||
])
|
||||
},
|
||||
hasDownLoad() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:downLoad',
|
||||
])
|
||||
},
|
||||
hasAccredit() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:accredit',
|
||||
])
|
||||
},
|
||||
TITLE() {
|
||||
return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${
|
||||
this.isEN ? this.rowData.Name : this.rowData.NameCN
|
||||
}`
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.title {
|
||||
line-height: 40px;
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.fileName {
|
||||
display: inline-block;
|
||||
max-width: calc(100% - 55px);
|
||||
white-space: nowrap; /* 文本不换行 */
|
||||
overflow: hidden; /* 超出部分隐藏 */
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.fileBtnBox {
|
||||
display: inline-block;
|
||||
width: 50px;
|
||||
i {
|
||||
cursor: pointer;
|
||||
color: #409eff;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,133 @@
|
|||
<template>
|
||||
<div class="trialDocument">
|
||||
<div class="left">
|
||||
<div class="top" v-if="isManage">
|
||||
<div class="viewCheck">
|
||||
<span>{{ $t('trials:trialDocument:view') }}</span>
|
||||
<el-switch
|
||||
v-model="viewStatus"
|
||||
active-color="#13ce66"
|
||||
inactive-color="#409eff"
|
||||
:active-value="false"
|
||||
:inactive-value="true"
|
||||
:active-text="$t('trials:trialDocument:viewStatus:manage')"
|
||||
:inactive-text="$t('trials:trialDocument:viewStatus:inspect')"
|
||||
@change="handleChange"
|
||||
>
|
||||
</el-switch>
|
||||
</div>
|
||||
</div>
|
||||
<div
|
||||
:class="{
|
||||
menuBox: true,
|
||||
noTop: !isManage,
|
||||
}"
|
||||
>
|
||||
<Menu
|
||||
ref="Menu"
|
||||
:viewStatus="viewStatus"
|
||||
:Id.sync="Id"
|
||||
:SubIdentificationEnum.sync="SubIdentificationEnum"
|
||||
:ArchiveTypeEnum.sync="ArchiveTypeEnum"
|
||||
:rowData.sync="rowData"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="main">
|
||||
<!--v-if="[0, 1].includes(SubIdentificationEnum)"-->
|
||||
<report-doc
|
||||
v-if="[0, 1].includes(SubIdentificationEnum)"
|
||||
:viewStatus="viewStatus"
|
||||
:Id="Id"
|
||||
:ArchiveTypeEnum="ArchiveTypeEnum"
|
||||
:rowData="rowData"
|
||||
@getMenu="getMenu"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import BaseContainer from '@/components/BaseContainer'
|
||||
import Menu from './components/menu.vue'
|
||||
import reportDoc from './components/report_doc/index.vue'
|
||||
export default {
|
||||
name: 'trialDocument',
|
||||
components: { BaseContainer, Menu, reportDoc },
|
||||
data() {
|
||||
return {
|
||||
viewStatus: false,
|
||||
Id: null,
|
||||
SubIdentificationEnum: null,
|
||||
ArchiveTypeEnum: null,
|
||||
rowData: {},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isInspect() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:inspect',
|
||||
])
|
||||
},
|
||||
isManage() {
|
||||
return this.hasPermi([
|
||||
'trials:trials-panel:trial-summary:trial-document:manage',
|
||||
])
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
handleChange() {
|
||||
this.Id = null
|
||||
this.SubIdentificationEnum = null
|
||||
this.ArchiveTypeEnum = null
|
||||
this.rowData = {}
|
||||
},
|
||||
getMenu() {
|
||||
this.$refs.Menu.getMenu()
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.trialDocument {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: #fff;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.left {
|
||||
width: 300px;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border-right: 1px solid #e4e7ed;
|
||||
.top {
|
||||
width: 100%;
|
||||
max-height: 75px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0 15px;
|
||||
margin-bottom: 5px;
|
||||
.viewCheck {
|
||||
width: 100%;
|
||||
line-height: 30px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
}
|
||||
.menuBox {
|
||||
width: 100%;
|
||||
height: calc(100% - 80px);
|
||||
overflow-y: auto;
|
||||
&::-webkit-scrollbar {
|
||||
display: none; /* Chrome Safari */
|
||||
}
|
||||
}
|
||||
.noTop {
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
.main {
|
||||
width: calc(100% - 300px);
|
||||
height: 100%;
|
||||
padding: 10px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -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
|
||||
|
|
@ -838,7 +887,6 @@ export default {
|
|||
// 扫描待上传文件
|
||||
beginScanFiles(e) {
|
||||
var files = [...e.target.files]
|
||||
console.log(files)
|
||||
var sameFiles = []
|
||||
files.forEach((file) => {
|
||||
var extendName = file.name
|
||||
|
|
@ -909,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