Compare commits

..

No commits in common. "main" and "v1.12.0" have entirely different histories.

57 changed files with 3438 additions and 3443 deletions

View File

@ -3044,13 +3044,7 @@ export function readClinicalData(param) {
data: param
})
}
export function viewstudyPart(param) {
return request({
url: `/ReadingImageTask/viewstudyPart`,
method: 'post',
data: param
})
}
export function getCustomQuestionPreview(param) {
return request({
url: `/ReadingQuestion/getCustomQuestionPreview`,
@ -4234,51 +4228,4 @@ export function getVisitStage(data) {
method: 'post',
data
})
}
// 稽查管理-列表
export function getAuditRecordList(data) {
return request({
url: `/AuditDocument/getAuditRecordList`,
method: 'post',
data
})
}
// 稽查管理-列表(EA)
export function getAuditRecordSelectList(data) {
return request({
url: `/AuditDocument/getAuditRecordSelectList`,
method: 'post',
data
})
}
// 稽查管理-列表新增修改
export function addOrUpdateAuditRecord(data) {
return request({
url: `/AuditDocument/addOrUpdateAuditRecord`,
method: 'post',
data
})
}
// 稽查管理-文档授权
export function setAuditRecordPermission(data) {
return request({
url: `/AuditDocument/setAuditRecordPermission`,
method: 'post',
data
})
}
// 稽查管理-人员管理
export function addOrDeleteAuditRecordUser(data) {
return request({
url: `/AuditDocument/addOrDeleteAuditRecordUser`,
method: 'put',
data
})
}
// 稽查管理-删除
export function deleteAuditRecord(auditRecordId) {
return request({
url: `/AuditDocument/deleteAuditRecord/${auditRecordId}`,
method: 'delete'
})
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 55 KiB

View File

@ -116,7 +116,7 @@ export default {
components: { DicomTags },
computed: {
NSTip() {
return `${this.$store.state.trials.downloadSize}, NS: ${this.$store.state.trials.downloadTip}`
return `${this.$store.state.trials.uploadSize}, NS: ${this.$store.state.trials.uploadTip}`
}
},
data() {

View File

@ -149,13 +149,13 @@ export default {
open: null,
downloadId: null,
IsReadingTaskViewInOrder: 0, //
bodyPart: {},
bodyPart: [],
modelTaskId: null,
}
},
async mounted() {
this.bodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.getList()
this.bodyPart = await this.$getBodyPart(this.$route.query.trialId)
this.title = `Download Images${this.SubjectCode}${this.Criterion.TrialReadingCriterionName}`
},
beforeDestroy() {

View File

@ -283,7 +283,6 @@ export default {
}
if (this.visitTaskId) {
this.form.VisitTaskId = this.visitTaskId
this.form.QuestionType = 6
}
if (this.SubjectVisitId) {
this.form.SubjectVisitId = this.SubjectVisitId

View File

@ -406,15 +406,17 @@ export default {
subjectVisitId: null,
errStudyUidList: [],
open: null,
bodyPart: {},
bodyPart: [],
openIsUpload: false,
TrialModality: [],
}
},
created() {
this.getList()
},
async mounted() {
this.trialId = this.$route.query.trialId
this.bodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.getList()
this.bodyPart = await this.$getBodyPart(this.$route.query.trialId)
this.uploadQueues = []
this.OSSclient.close()
},
@ -644,7 +646,6 @@ export default {
resolve()
})
var validFilesCount = 0
scope.uploadQueues = []
for (var i = 0; i < checkFiles.length; ++i) {
; (function (index) {
p = p.then(function () {
@ -894,7 +895,7 @@ export default {
imageColumns: data.uint16('x00280011') || 0,
sliceLocation: data.intString('x00201041') || 0,
sliceThickness: data.string('x00180050') || '',
numberOfFrames: data.intString('x00280008') || 1,
numberOfFrames: data.intString('x00280008') || 0,
pixelSpacing: data.string('x00280030') || '',
imagerPixelSpacing: data.string('x00181164') || '',
frameOfReferenceUID: data.string('x00200052') || '',
@ -1123,7 +1124,7 @@ export default {
seriesInstanceUid: v.seriesUid,
SOPClassUID: o.SOPClassUID,
TransferSytaxUID: o.TransferSytaxUID,
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
sopInstanceUid: o.instanceUid,
instanceNumber: o.instanceNumber,
@ -1208,7 +1209,7 @@ export default {
sopInstanceUid: o.instanceUid,
SOPClassUID: o.SOPClassUID,
TransferSytaxUID: o.TransferSytaxUID,
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
instanceNumber: o.instanceNumber,
instanceTime: o.instanceTime,

View File

@ -18,11 +18,7 @@
<el-table-column prop="Modality" :label="$t('upload:nonedicom:table:molityType')" sortable="custom">
</el-table-column>
<!--检查部位-->
<el-table-column prop="BodyPart" :label="$t('upload:nonedicom:table:bodyPart')" sortable="custom">
<template slot-scope="scope">
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
</template>
</el-table-column>
<el-table-column prop="BodyPart" :label="$t('upload:nonedicom:table:bodyPart')" sortable="custom" />
<!--原文件数-->
<el-table-column prop="FileCount" :label="$t('upload:nonedicom:table:fileCount')">
<template slot-scope="scope">
@ -266,7 +262,6 @@ export default {
currentRow: {},
studyMonitorId: null,
open: null,
BodyPart: {}
}
},
watch: {
@ -294,8 +289,7 @@ export default {
store.dispatch('trials/setUnLock', this.btnLoading)
},
},
async created() {
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
created() {
this.getList()
},
beforeDestroy() {
@ -680,26 +674,6 @@ export default {
let blob = new Blob(['\ufeff', text], { type: 'text/plain' })
return blob
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) 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')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
},
}
</script>

View File

@ -4,49 +4,118 @@
<div slot="dialog-body">
<el-table :data="modelList" style="width: 100%" height="300">
<!--检查编号-->
<el-table-column prop="StudyCode" :label="$t('trials:uploadImage:table:StudyCode')" />
<el-table-column
prop="StudyCode"
:label="$t('trials:uploadImage:table:StudyCode')"
/>
<!--检查类型-->
<el-table-column prop="ModalityForEdit" :label="$t('trials:uploadImage:table:ModalityForEdit')"
v-if="IsDicom" />
<el-table-column
prop="ModalityForEdit"
:label="$t('trials:uploadImage:table:ModalityForEdit')"
v-if="IsDicom"
/>
<!--检查模态-->
<el-table-column prop="Modalities" :label="$t('trials:uploadImage:table:Modalities')" v-if="IsDicom" />
<el-table-column
prop="Modalities"
:label="$t('trials:uploadImage:table:Modalities')"
v-if="IsDicom"
/>
<!--检查部位-->
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadImage:table:BodyPartForEdit')"
v-if="IsDicom">
<el-table-column
prop="BodyPartForEdit"
:label="$t('trials:uploadImage:table:BodyPartForEdit')"
v-if="IsDicom"
>
<template slot-scope="scope">
<span>{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}</span>
<span>{{
$fd(
'Bodypart',
scope.row.BodyPartForEdit,
'Code',
{ Bodypart: bodyPart },
'Name'
)
}}</span>
</template>
</el-table-column>
<!--序列数量-->
<el-table-column prop="ReadingSeriesCount" :label="$t('trials:uploadImage:table:SeriesCount')"
v-if="IsDicom" />
<el-table-column
prop="ReadingSeriesCount"
:label="$t('trials:uploadImage:table:SeriesCount')"
v-if="IsDicom"
/>
<!--图像数量-->
<el-table-column prop="ReadingInstanceCount" :label="$t('trials:uploadImage:table:InstanceCount')"
v-if="IsDicom" />
<el-table-column
prop="ReadingInstanceCount"
:label="$t('trials:uploadImage:table:InstanceCount')"
v-if="IsDicom"
/>
<!--检查时间-->
<el-table-column prop="StudyTime" :label="$t('trials:uploadImage:table:StudyTime')" v-if="IsDicom"
min-width="130" />
<el-table-column
prop="StudyTime"
:label="$t('trials:uploadImage:table:StudyTime')"
v-if="IsDicom"
min-width="130"
/>
<!--检查模态-->
<el-table-column prop="Modality" :label="$t('trials:uploadImage:table:Modalities')" v-if="!IsDicom" />
<el-table-column
prop="Modality"
:label="$t('trials:uploadImage:table:Modalities')"
v-if="!IsDicom"
/>
<!--检查部位-->
<el-table-column prop="BodyPart" :label="$t('trials:uploadImage:table:BodyPartForEdit')" v-if="!IsDicom">
<el-table-column
prop="BodyPart"
:label="$t('trials:uploadImage:table:BodyPartForEdit')"
v-if="!IsDicom"
>
<template slot-scope="scope">
<span>{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}</span>
<span>{{
$fd(
'Bodypart',
scope.row.BodyPart,
'Code',
{ Bodypart: bodyPart },
'Name'
)
}}</span>
</template>
</el-table-column>
<!--文件数量-->
<el-table-column prop="ReadingFileCount" :label="$t('trials:uploadImage:table:FileCount')" v-if="!IsDicom" />
<el-table-column
prop="ReadingFileCount"
:label="$t('trials:uploadImage:table:FileCount')"
v-if="!IsDicom"
/>
<!--检查时间-->
<el-table-column prop="ImageDate" :label="$t('trials:uploadImage:table:StudyTime')" v-if="!IsDicom"
min-width="130" />
<el-table-column :label="$t('common:action:action')" fixed="right" width="80">
<el-table-column
prop="ImageDate"
:label="$t('trials:uploadImage:table:StudyTime')"
v-if="!IsDicom"
min-width="130"
/>
<el-table-column
:label="$t('common:action:action')"
fixed="right"
width="80"
>
<template slot-scope="scope">
<!--预览--->
<el-button circle icon="el-icon-view" :title="$t('trials:uploadImage:button:preview')" v-if="!isUpload"
@click.stop="preview(scope.row)" />
<el-button
circle
icon="el-icon-view"
:title="$t('trials:uploadImage:button:preview')"
v-if="!isUpload"
@click.stop="preview(scope.row)"
/>
<!--编辑--->
<el-button circle icon="el-icon-edit-outline" :title="$t('trials:uploadImage:button:edit')" v-else
@click.stop="openEdit(scope.row)" />
<el-button
circle
icon="el-icon-edit-outline"
:title="$t('trials:uploadImage:button:edit')"
v-else
@click.stop="openEdit(scope.row)"
/>
</template>
</el-table-column>
</el-table>
@ -55,20 +124,42 @@
<!--新增检查部位-->
<base-model v-if="editModality_model.visible" :config="editModality_model">
<template slot="dialog-body">
<el-form ref="editModalityform" :inline="true" :model="form" class="demo-form-inline" :rules="rules">
<el-form-item :label="$t('trials:uploadImage:form:ModalityForEdit')" prop="Modality" label-width="150px">
<el-form
ref="editModalityform"
:inline="true"
:model="form"
class="demo-form-inline"
:rules="rules"
>
<el-form-item
:label="$t('trials:uploadImage:form:ModalityForEdit')"
prop="Modality"
label-width="150px"
>
<el-select v-model="form.Modality" placeholder="">
<el-option v-for="item in TrialModality" :key="item" :label="item" :value="item">
<el-option
v-for="item in TrialModality"
:key="item"
:label="item"
:value="item"
>
</el-option>
</el-select>
</el-form-item>
</el-form>
</template>
<template slot="dialog-footer">
<el-button type="primary" @click="updateTaskStudyModality" :loading="loading">
<el-button
type="primary"
@click="updateTaskStudyModality"
:loading="loading"
>
{{ $t('common:button:confirm') }}
</el-button>
<el-button @click="editModality_model.visible = false" :loading="loading">
<el-button
@click="editModality_model.visible = false"
:loading="loading"
>
{{ $t('common:button:cancel') }}
</el-button>
</template>
@ -89,9 +180,9 @@ export default {
},
},
bodyPart: {
type: Object,
type: Array,
default: () => {
return {}
return []
},
},
modelList: {
@ -144,7 +235,6 @@ export default {
],
},
loading: false,
BodyPart: {}
}
},
methods: {
@ -193,28 +283,8 @@ export default {
console.log(err)
}
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) 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)
console.log(this.bodyPart)
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.bodyPart, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
},
}
</script>
<style lang="scss" scoped></style>
<style lang="scss" scoped>
</style>

View File

@ -34,7 +34,6 @@ const getters = {
paymentHistoryQuery: state => state.financials.paymentHistoryQuery,
revenusQuery: state => state.financials.revenusQuery,
visitTaskList: state => state.reading.visitTaskList,
BodyPart: state => state.reading.BodyPart,
organList: state => state.reading.organList,
seriesStack: state => state.reading.seriesStack,
activeHangingAgreement: state => state.reading.activeHangingAgreement,

View File

@ -32,8 +32,7 @@ const getDefaultState = () => {
lastCanvasTaskId: '',
imageQuality: null,
imageQualityIssues: null,
currentLoadIns: [],
BodyPart: []
currentLoadIns: []
}
}
function getQuestions(questions) {
@ -172,45 +171,6 @@ function getQuestionAnswer(questions, questionMark, answers) {
return ''
}
}
function getQuerys(e) {
if (!e) return "";
var t = {},
r = [],
n = "",
a = "";
try {
var i = [];
if (e.indexOf("?") >= 0 && (i = e.substring(e.indexOf("?") + 1, e.length).split("&")), i.length > 0) for (var o in i) n = (r = i[o].split("="))[0],
a = r[1],
t[n] = a
} catch (s) {
t = {}
}
return t
}
async function getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
} else if (bodyPart.indexOf(',') > -1) {
separator = ','
} else if (bodyPart.indexOf('') > -1) {
separator = ''
}
let BodyPart = {}
let query = getQuerys(window.location.href)
BodyPart.Bodypart = await Vue.prototype.$getBodyPart(query.trialId)
var arr = bodyPart.split(separator)
var newArr = arr.map((i) => {
return Vue.prototype.$fd('Bodypart', i.trim(), 'Code', BodyPart, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr
}
// function getKeySeriesInfo(keyInstance, series) {
// const obj = {}
// const set = new Set()
@ -890,20 +850,6 @@ const actions = {
var studyList = []
var keyImages = []
getReadingVisitStudyList(obj.trialId, obj.subjectVisitId, obj.visitTaskId).then(res => {
try {
state.BodyPart = []
res.Result.forEach(async item => {
let arr = await getBodyPart(item.BodyPartForEdit, item.BodyPartForEditOther)
state.BodyPart.push({
StudyId: item.StudyId,
StudyCode: item.StudyCode,
BodyPart: arr,
Modalities: item.Modalities
})
})
} catch (err) {
console.log(err)
}
const i = res.Result.findIndex(i => i.IsCriticalSequence)
if (i > -1) {
const seriesList = res.Result[i].SeriesList && res.Result[i].SeriesList

View File

@ -10,8 +10,7 @@ const getDefaultState = () => {
unlock: false,
config: {},
uploadTip: '0.00KB/s',
downloadTip: '0.00KB/s',
downloadSize: '',
uploadSize: '',
timer: null,
whiteList: [],
checkTaskId: null

View File

@ -123,7 +123,7 @@ export function getNetWorkSpeed() {
totalBytes = totalBytes / 1024;
unit = "MB/s";
}
store.state.trials.downloadTip = totalBytes.toFixed(3) + unit;
store.state.trials.uploadTip = totalBytes.toFixed(3) + unit;
}
if (timeList.length >= 5) {
delete bytesReceivedPerSecond[timeList[0]]
@ -189,8 +189,8 @@ export function workSpeedclose(isForce = false) {
if (timer) {
clearInterval(timer);
timer = null;
store.state.trials.downloadTip = '0KB/s'
store.state.trials.downloadSize = ''
store.state.trials.uploadTip = '0KB/s'
store.state.trials.uploadSize = ''
}
bytesReceivedPerSecond = {};
lastPercentage = 0;

View File

@ -191,17 +191,6 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item>
<span slot="label">
适用的标准
</span>
<el-select v-model="form.ApplyCriterionList" placeholder="" clearable multiple>
<el-option v-for="item in $d.CriterionType" :key="item.id" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
</el-col>
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="12">
<el-form-item>
<span slot="label">
@ -1019,7 +1008,6 @@ export default {
ValueCN: null,
EnumType: '',
IsShowByTrialConfig: false,
ApplyCriterionList: [],
TrialConfigRelyFieldName: null,
Identification: null,
IsForwardPosition: false,

View File

@ -7,13 +7,20 @@
<div class="login-l">
<div class="login-logo">
<img v-if="language === 'zh'" src="@/assets/zzlogo2.png" alt="" />
<img v-else-if="NODE_ENV === 'usa'" src="@/assets/zzlogo-usa.png" alt="" class="usa-logo" />
<img
v-else-if="NODE_ENV === 'usa'"
src="@/assets/zzlogo-usa.png"
alt=""
class="usa-logo"
/>
<img v-else src="@/assets/zzlogo4.png" alt="" />
</div>
<div :class="{
'login-image': true,
'login-image-usa': true,
}">
<div
:class="{
'login-image': true,
'login-image-usa': true,
}"
>
<svg-icon icon-class="login-bg" style="width: 90%; height: 90%" />
<!-- <img src="@/assets/login-bg.png" v-else /> -->
</div>
@ -22,43 +29,77 @@
<div class="title-container">
<!-- IRC Management System -->
<div v-if="NODE_ENV === 'usa'">
<svg-icon icon-class="login-logo" style="width: 300px; height: 94px" />
<svg-icon
icon-class="login-logo"
style="width: 300px; height: 94px"
/>
</div>
<div class="title" v-else>{{ $t('login:title:system') }}</div>
</div>
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" auto-complete="on"
label-position="left">
<el-form-item prop="username" :rules="[
{
required: true,
message: this.$t('login:formRule:userName'),
trigger: 'blur',
},
]">
<el-form
ref="loginForm"
:model="loginForm"
:rules="loginRules"
class="login-form"
auto-complete="on"
label-position="left"
>
<el-form-item
prop="username"
:rules="[
{
required: true,
message: this.$t('login:formRule:userName'),
trigger: 'blur',
},
]"
>
<span class="svg-container">
<svg-icon icon-class="user" />
</span>
<!-- User Name -->
<el-input ref="username" v-model="loginForm.username" size="small" :placeholder="$t('login:form:userName')"
name="username" type="text" tabindex="1" />
<el-input
ref="username"
v-model="loginForm.username"
size="small"
:placeholder="$t('login:form:userName')"
name="username"
type="text"
tabindex="1"
/>
</el-form-item>
<el-form-item prop="password" :rules="[
{
required: true,
message: this.$t('login:formRule:password'),
trigger: 'blur',
},
]">
<el-form-item
prop="password"
:rules="[
{
required: true,
message: this.$t('login:formRule:password'),
trigger: 'blur',
},
]"
>
<span class="svg-container">
<svg-icon icon-class="password" />
</span>
<!-- password -->
<el-input :key="passwordType" ref="password" v-model="loginForm.password" size="small" :type="passwordType"
:placeholder="$t('login:form:password')" name="password" auto-complete="new-password"
autocomplete="new-password" tabindex="2" @keyup.enter.native="handleLogin" />
<el-input
:key="passwordType"
ref="password"
v-model="loginForm.password"
size="small"
:type="passwordType"
:placeholder="$t('login:form:password')"
name="password"
auto-complete="new-password"
autocomplete="new-password"
tabindex="2"
@keyup.enter.native="handleLogin"
/>
<span class="show-pwd" @click="showPwd">
<svg-icon :icon-class="passwordType === 'password' ? 'eye' : 'eye-open'" />
<svg-icon
:icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
/>
</span>
<!-- <el-input
:key="passwordType"
@ -77,39 +118,53 @@
</span> -->
</el-form-item>
<!-- Login -->
<el-button :loading="loading" type="primary" style="
<el-button
:loading="loading"
type="primary"
style="
width: 100%;
margin-bottom: 10px;
background-color: rgb(0, 147, 221);
" size="medium" @click.native.prevent="handleLogin">
"
size="medium"
@click.native.prevent="handleLogin"
>
{{ $t('login:button:login') }}
</el-button>
<div style="text-align: right">
<TopLang v-if="
VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
NODE_ENV !== 'usa'
" />
<TopLang
v-if="
VUE_APP_OSS_CONFIG_REGION !== 'oss-us-west-1' &&
NODE_ENV !== 'usa'
"
/>
<!-- Forget password? -->
<el-button type="text" size="medium" @click.native.prevent="handleResetPwd" style="color: rgb(0, 147, 221)">
<el-button
type="text"
size="medium"
@click.native.prevent="handleResetPwd"
style="color: rgb(0, 147, 221)"
>
{{ $t('login:button:forgetPassword') }}
</el-button>
</div>
<div class="PrivacyPolicy">
<span>{{ $t('login:message:PrivacyPolicy') }}</span>
<span style="cursor: pointer;color:#428bca">{{ $t('login:message:PrivacyPolicyName') }}</span>
</div>
</el-form>
</div>
</div>
<div v-if="language === 'zh'" class="login-footer">
<span>Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
版权所有</span>
<span
>Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
版权所有</span
>
<span> | </span>
<a target="_blank" href="https://beian.miit.gov.cn/">
<span> 沪ICP备2021037850-2 </span>
</a>
<span> | </span>
<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859">
<a
target="_blank"
href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31011002005859"
>
<img src="@/assets/filing.png" />
<span>沪公网安备 31011002005859</span>
</a>
@ -125,23 +180,43 @@
<span style="color: #428bca">About</span>
</a>
</div>
<Vcode :show="isShow" :fail-text="$t('login:button:failText')" :success-text="$t('login:button:successText')"
:slider-text="$t('login:button:sliderText')" :imgs="[Img1]" @success="onSuccess" />
<el-dialog v-if="aboutVisible" :visible.sync="aboutVisible" width="680px" style="margin-top: 0"
:close-on-click-modal="false" size="small">
<div style="
<Vcode
:show="isShow"
:fail-text="$t('login:button:failText')"
:success-text="$t('login:button:successText')"
:slider-text="$t('login:button:sliderText')"
:imgs="[Img1]"
@success="onSuccess"
/>
<el-dialog
v-if="aboutVisible"
:visible.sync="aboutVisible"
width="680px"
style="margin-top: 0"
:close-on-click-modal="false"
size="small"
>
<div
style="
margin: 0 auto;
width: 600px;
line-height: 28px;
text-align: center;
">
<h1 style="text-align: center; margin-bottom: 30px" v-if="NODE_ENV === 'usa'">
"
>
<h1
style="text-align: center; margin-bottom: 30px"
v-if="NODE_ENV === 'usa'"
>
About
</h1>
<h1 style="text-align: center; margin-bottom: 30px" v-else></h1>
<p style="margin-bottom: 0px" v-if="NODE_ENV === 'usa'">
<!-- {{ $t('login:title:system_title_about') }} -->
<svg-icon icon-class="login-logo" style="width: 250px; height: 71px" />
<svg-icon
icon-class="login-logo"
style="width: 250px; height: 71px"
/>
</p>
<p style="margin-bottom: 0px" v-else>{{ $t('login:title:system') }}</p>
<p style="margin-bottom: 20px; margin-top: 0">
@ -172,8 +247,13 @@
</div>
</el-dialog>
<browserTip ref="browserTip" />
<toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading"
@save="loginByRole" @cancel="cancel" />
<toggleRole
v-if="toggleRoleVisible"
:visible.sync="toggleRoleVisible"
:loading="toggleRoleLoading"
@save="loginByRole"
@cancel="cancel"
/>
</div>
</template>
@ -259,14 +339,7 @@ export default {
this.location = this.$route.query.location
zzSessionStorage.setItem('loginType', this.loginType)
localStorage.setItem('location', this.location)
// zh-CN navigator.language
console.log(navigator.language, 'navigator.language')
if (navigator.language !== 'zh-CN' && navigator.language !== 'zh-TW') {
this.$i18n.locale = 'en'
this.setLanguage('en')
this.$updateDictionary()
}
else if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
this.$i18n.locale = 'en'
this.setLanguage('en')
this.$updateDictionary()
@ -443,7 +516,7 @@ export default {
Array.isArray(this.$store.state.user.roles) &&
this.$store.state.user.roles.filter((item) => item.IsUserRoleDisabled)
.length ===
this.$store.state.user.roles.length - 1
this.$store.state.user.roles.length - 1
) {
let role = this.$store.state.user.roles.find(
(item) => !item.IsUserRoleDisabled
@ -567,7 +640,6 @@ $cursor: #fff;
// }
}
}
.login-r {
.el-form-item {
border: 1px solid rgba(255, 255, 255, 0.1);
@ -583,28 +655,23 @@ $cursor: #fff;
$bg: #2d3a4b;
$dark_gray: #889aa4;
$light_gray: #606266;
.login-container {
position: relative;
width: 100%;
height: 100%;
overflow: auto;
background: rgb(249, 249, 249);
::v-deep .el-input__inner::placeholder {
color: $dark_gray;
}
.login-header {
margin: 10px 0px 20px 10px;
height: 3rem;
width: 720px;
.login-logo {
height: 100%;
}
}
.login-body {
position: absolute;
left: 50%;
@ -618,39 +685,32 @@ $light_gray: #606266;
box-sizing: border-box;
background: rgb(255, 255, 255);
border-radius: 10px 0px 0px 10px;
.login-l {
position: relative;
float: left;
width: 50%;
height: 100%;
.login-logo {
position: absolute;
top: 35px;
left: 50px;
img {
height: 40px;
}
.usa-logo {
height: 60px;
}
}
.login-image {
position: absolute;
top: 10px;
left: 0px;
// transform: translateY(-50%);
height: 100%;
img {
height: 100%;
}
}
.login-image-usa {
width: 100%;
display: flex;
@ -658,7 +718,6 @@ $light_gray: #606266;
justify-content: flex-end;
}
}
.login-r {
position: relative;
float: left;
@ -676,19 +735,16 @@ $light_gray: #606266;
margin: 0 auto;
overflow: hidden;
}
.title-container {
// margin-bottom: 50px;
text-align: center;
margin-top: 20%;
.title {
font-size: 35px;
color: $light_gray;
text-align: center;
font-weight: bold;
}
.title-logo-message {
font-size: 26px;
color: $light_gray;
@ -728,7 +784,6 @@ $light_gray: #606266;
}
}
}
.login-footer {
position: absolute;
bottom: 50px;
@ -742,7 +797,6 @@ $light_gray: #606266;
align-items: center;
// color: rgb(180, 190, 199);
color: #909399;
a {
display: inline-block;
text-decoration: none;
@ -751,16 +805,13 @@ $light_gray: #606266;
display: flex;
justify-content: center;
}
span {
margin: 0 2px;
}
img {
height: 20px;
line-height: 20px;
}
// p{
// display: inline-block;
// height:20px;

View File

@ -7,47 +7,78 @@
<div class="left-content">
<!-- 检查层级 -->
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item v-for="(study, i) in studyList" :key="study.CodeView" :name="study.CodeView"><template
slot="title">
<el-collapse-item
v-for="(study, i) in studyList"
:key="study.CodeView"
:name="study.CodeView"
><template slot="title">
<div class="study-desc">
<span>{{ study.CodeView }}</span>
<span v-if="OtherInfo.IsShowStudyName" style="margin-left: 5px">
{{ study.StudyName }}
</span>
<span style="margin: 0 5px">{{ study.Modality }}</span>
<span>{{ getBodyPart(study.BodyPart, study.BodyPartForEditOther) }}</span>
<span>{{ getBodyPart(study.BodyPart) }}</span>
</div>
</template>
<!-- 文件层级 -->
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
<div
v-if="study.NoneDicomStudyFileList.length === 0"
class="empty-text"
>
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
</div>
<div v-else id="imgList" style="height: 100%; overflow: hidden">
<template v-for="(item, j) in study.NoneDicomStudyFileList">
<div :id="`img${item.Id}`" :key="item.Id" :class="{
'is-boxActive': item.Id === currentFileId,
}" class="img-box" @click="selected(item, i, j, true)">
<div
:id="`img${item.Id}`"
:key="item.Id"
:class="{
'is-boxActive': item.Id === currentFileId,
}"
class="img-box"
@click="selected(item, i, j, true)"
>
<div class="file-image">
<el-image v-if="
[
'image/jpeg',
'image/jpg',
'image/png',
'image/bmp',
].includes(item.FileType)
" style="width: 100%; height: 100%"
<el-image
v-if="
[
'image/jpeg',
'image/jpg',
'image/png',
'image/bmp',
].includes(item.FileType)
"
style="width: 100%; height: 100%"
:src="`${OSSclientConfig.basePath}${item.Path}?x-oss-process=image/resize,w_50,h_50/format,png`"
fit="contain" crossorigin="anonymous" />
<el-image v-else-if="item.FileType === 'application/pdf'" style="width: 100%; height: 100%"
:src="pdf" fit="contain" crossorigin="anonymous" />
<el-image v-else-if="
item.FileType === 'application/x-zip-compressed'
" style="width: 100%; height: 100%" :src="zip" fit="contain" crossorigin="anonymous" />
fit="contain"
crossorigin="anonymous"
/>
<el-image
v-else-if="item.FileType === 'application/pdf'"
style="width: 100%; height: 100%"
:src="pdf"
fit="contain"
crossorigin="anonymous"
/>
<el-image
v-else-if="
item.FileType === 'application/x-zip-compressed'
"
style="width: 100%; height: 100%"
:src="zip"
fit="contain"
crossorigin="anonymous"
/>
</div>
<div v-if="item.FileName.length < 15" class="img-text">
{{ `${j + 1}. ${item.FileName}` }}
</div>
<el-tooltip v-else :content="item.FileName" placement="bottom">
<el-tooltip
v-else
:content="item.FileName"
placement="bottom"
>
<div class="img-text">
{{ `${j + 1}. ${item.FileName}` }}
</div>
@ -55,15 +86,23 @@
<div v-if="isQcCheck" class="switchBox">
<div class="item">
<span>{{ $t('trials:audit:table:isReading') }}</span>
<el-switch v-model="item.IsReading" :disabled="item.IsDeleted || isAudit"
@change="changeReadingStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
:inactive-text="$fd('YesOrNo', false)" />
<el-switch
v-model="item.IsReading"
:disabled="item.IsDeleted || isAudit"
@change="changeReadingStatus($event, study, item)"
:active-text="$fd('YesOrNo', true)"
:inactive-text="$fd('YesOrNo', false)"
/>
</div>
<div class="item">
<span>{{ $t('trials:audit:table:isDelete') }}</span>
<el-switch v-model="item.IsDeleted" :disabled="isAudit"
@change="changeDeleteStatus($event, study, item)" :active-text="$fd('YesOrNo', true)"
:inactive-text="$fd('YesOrNo', false)" />
<el-switch
v-model="item.IsDeleted"
:disabled="isAudit"
@change="changeDeleteStatus($event, study, item)"
:active-text="$fd('YesOrNo', true)"
:inactive-text="$fd('YesOrNo', false)"
/>
</div>
</div>
</div>
@ -76,8 +115,14 @@
<!-- 预览图像 -->
<el-card class="box-card right">
<div style="width: 100%; height: 100%" v-if="!showPDF">
<Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width: 100%"
:preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
<Preview
v-if="previewImage.imgList.length > 0"
ref="previewImage"
style="width: 100%"
:preview-image="previewImage"
:value="currentStudyFileIndex"
@selectedImg="selectedImg"
/>
</div>
<div style="width: 100%; height: 100%" v-else>
<PreviewFile :file-path="pdfFile.path" :file-type="pdfFile.type" />
@ -129,7 +174,7 @@ export default {
subjectVisitId: '',
sudyId: '',
loading: false,
BodyPart: {},
bp: [],
OtherInfo: {},
showPDF: false,
pdfFile: {
@ -143,7 +188,7 @@ export default {
}
},
async created() {
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.bp = await this.$getBodyPart(this.$route.query.trialId)
this.isQcCheck = !!this.$route.query.isQcCheck
},
async mounted() {
@ -157,7 +202,7 @@ export default {
//
},
methods: {
handleChange() { },
handleChange() {},
changeReadingStatus(callback, row, file) {
let statusStr = ''
if (callback) {
@ -200,7 +245,7 @@ export default {
this.loading = false
})
})
.catch(() => { })
.catch(() => {})
},
changeDeleteStatus(callback, row, file) {
let statusStr = ''
@ -250,8 +295,8 @@ export default {
// file.IsDeleted = !file.IsDeleted
})
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -262,12 +307,14 @@ export default {
}
var arr = bodyPart.split(separator)
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
return this.$fd(
'Bodypart',
i.trim(),
'Code',
{ Bodypart: this.bp },
'Name'
)
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
// Dicom
@ -359,29 +406,24 @@ export default {
height: 100%;
padding: 10px;
display: flex;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
::v-deep .el-card__body {
padding: 0px;
}
}
.study-desc {
padding: 10px 5px;
line-height: 20px;
background-color: #d5d5d5;
font-weight: 500;
}
.left {
width: 220px;
height: 100%;
@ -392,7 +434,6 @@ export default {
display: flex;
flex-direction: column;
}
.title {
height: 40px;
line-height: 40px;
@ -402,7 +443,6 @@ export default {
background-color: #4e4e4e;
color: #ffffff;
}
.left-content {
flex: 1;
overflow-y: auto;
@ -434,7 +474,6 @@ export default {
// margin-bottom: 5px;
padding-left: 5px;
}
.img-text {
display: inline-block;
width: calc(100% - 60px);
@ -442,41 +481,33 @@ export default {
height: 50px;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
/* 用省略号表示溢出的文本 */
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
white-space: nowrap;
}
.img-box:nth-last-child(1) {
margin-bottom: 0px;
}
.is-boxActive {
// border-color: #409eff;
color: #409eff;
}
.is-boxActiv:after {
opacity: 0;
}
}
.right {
flex: 1;
height: 100%;
margin-left: 10px;
::v-deep .el-card__body {
height: 100%;
width: 100%;
}
}
.switchBox {
width: 100%;
margin: 5px 0;
color: #4e4e4e;
.item {
display: flex;
align-items: center;
@ -484,21 +515,17 @@ export default {
margin-bottom: 5px;
}
}
.file-image {
width: 50px;
height: 50px;
}
::v-deep .el-collapse-item__header {
background-color: #d5d5d5;
}
::v-deep .el-collapse-item__header {
min-height: 48px;
height: auto;
}
::v-deep .el-collapse-item__content {
padding-bottom: 0;
}

View File

@ -79,7 +79,10 @@
<el-table-column prop="date" :label="$t('common:action:action')">
<template
slot-scope="scope"
v-if="scope.row.ExperienceDataType != 3"
v-if="
scope.row.ExperienceDataType != 2 &&
scope.row.ExperienceDataType != 3
"
>
<el-button
type="text"

View File

@ -2,8 +2,14 @@
<div class="curriculumVitae" v-loading="loading">
<div class="leftMenu">
<div class="title">{{ $t('curriculumVitae:menu:title') }}</div>
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="vertical" @select="handleSelect"
background-color="#eee" active-text-color="#000">
<el-menu
:default-active="activeIndex"
class="el-menu-demo"
mode="vertical"
@select="handleSelect"
background-color="#eee"
active-text-color="#000"
>
<el-menu-item index="info">
{{ $t('curriculumVitae:menu:info') }}
</el-menu-item>
@ -64,58 +70,94 @@
</el-button>
</div>
</div>
<!--个人信息-->
<div class="box" id="info">
<info :DATA="{
...reviewerData.BasicInfoView,
...reviewerData.EmploymentView,
}" :reviewerId.sync="reviewerId" :isEN="isEN" @getInfo="getDetail" />
<info
:DATA="{
...reviewerData.BasicInfoView,
...reviewerData.EmploymentView,
}"
:reviewerId.sync="reviewerId"
:isEN="isEN"
@getInfo="getDetail"
/>
</div>
<!--概述-->
<div class="box" id="summarize">
<summarize :DATA="{
...reviewerData.SummarizeInfo,
}" :reviewerId.sync="reviewerId" :trialId="trialId" :isEN="isEN" @getInfo="getDetail" />
<summarize
:DATA="{
...reviewerData.SummarizeInfo,
}"
:reviewerId.sync="reviewerId"
:trialId="trialId"
:isEN="isEN"
@getInfo="getDetail"
/>
</div>
<!--专业-->
<div class="box" id="specialty">
<specialty :DATA="{
...reviewerData.SpecialtyView,
}" :isEN="isEN" :reviewerId.sync="reviewerId" @getInfo="getDetail" />
<specialty
:DATA="{
...reviewerData.SpecialtyView,
}"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
<!--教育经历-->
<div class="box" id="educationalExperience">
<educationalExperience :DATA="reviewerData.EducationList" :isEN="isEN" :reviewerId.sync="reviewerId"
@getInfo="getDetail" />
<educationalExperience
:DATA="reviewerData.EducationList"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
<!--进修培训-->
<div class="box" id="continuingTraining">
<continuingTraining :DATA="reviewerData.PostgraduateList" :isEN="isEN" :reviewerId.sync="reviewerId"
@getInfo="getDetail" />
<continuingTraining
:DATA="reviewerData.PostgraduateList"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
<!--科研课题-->
<div class="box" id="scientificResearchProject">
<scientificResearchProject :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN"
:reviewerId.sync="reviewerId" @getInfo="getDetail" />
<scientificResearchProject
:DATA="{ ...reviewerData.ResearchPublicationView }"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
<!--临床试验-->
<div class="box" id="clinicalTrials">
<clinicalTrials :DATA="{ ...reviewerData.TrialExperienceView }" :isEN="isEN" :reviewerId.sync="reviewerId"
:trialId="trialId" @getInfo="getDetail" />
<clinicalTrials
:DATA="{ ...reviewerData.TrialExperienceView }"
:isEN="isEN"
:reviewerId.sync="reviewerId"
:trialId="trialId"
@getInfo="getDetail"
/>
</div>
<!--gcp证书-->
<div class="box" id="treatise">
<treatise :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN" :reviewerId.sync="reviewerId"
@getInfo="getDetail" />
<treatise
:DATA="{ ...reviewerData.ResearchPublicationView }"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
<!--其他相关经历-->
<div class="box" id="other">
<other :DATA="{ ...reviewerData.ResearchPublicationView }" :isEN="isEN" :reviewerId.sync="reviewerId"
@getInfo="getDetail" />
<other
:DATA="{ ...reviewerData.ResearchPublicationView }"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
<div class="box" id="pay">
<pay :DATA="{ ...reviewerData.PaymentModeInfo }" :isEN="isEN" :reviewerId.sync="reviewerId"
@getInfo="getDetail" />
<pay
:DATA="{ ...reviewerData.PaymentModeInfo }"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
<div class="box" id="setting" v-if="isPM">
<setting :isEN="isEN" :reviewerId.sync="reviewerId" />
@ -125,19 +167,38 @@
<!--简历附件-->
<curriculum :isEN="isEN" :reviewerId.sync="reviewerId" />
<!--资历证书-->
<certificate :DATA="reviewerData.AttachmentList" :isEN="isEN" :reviewerId.sync="reviewerId"
@getInfo="getDetail" />
<certificate
:DATA="reviewerData.AttachmentList"
:isEN="isEN"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
<!--协议-->
<agreement :DATA="reviewerData.AttachmentList" :isEN="isEN" :isPM="isPM" :reviewerId.sync="reviewerId"
@getInfo="getDetail" />
<agreement
:DATA="reviewerData.AttachmentList"
:isEN="isEN"
:isPM="isPM"
:reviewerId.sync="reviewerId"
@getInfo="getDetail"
/>
</div>
</div>
<el-dialog :visible.sync="visible" fullscreen append-to-body>
<div style="height: 100%; overflow: auto">
<preview :isEN="isEN" :reviewerId.sync="reviewerId" :trialId="trialId" :isAll="isAll" v-if="visible" />
<preview
:isEN="isEN"
:reviewerId.sync="reviewerId"
:trialId="trialId"
:isAll="isAll"
v-if="visible"
/>
</div>
</el-dialog>
<holiday v-if="holidayVisible" :reviewerId.sync="reviewerId" :visible.sync="holidayVisible" />
<holiday
v-if="holidayVisible"
:reviewerId.sync="reviewerId"
:visible.sync="holidayVisible"
/>
<!-- <setting
v-if="settingVisible"
:reviewerId.sync="reviewerId"
@ -322,14 +383,12 @@ export default {
position: relative;
height: 100%;
}
.title {
line-height: 50px;
background-color: #fff;
text-align: center;
font-weight: bold;
}
.leftMenu {
position: absolute;
left: 0;
@ -338,15 +397,12 @@ export default {
height: 100%;
background-color: #eee;
border-right: 1px solid #eee;
::v-deep .el-menu {
padding: 5px 5px 0;
}
::v-deep .is-active {
background-color: #fff !important;
position: relative;
&::before {
display: block;
content: '';
@ -359,7 +415,6 @@ export default {
}
}
}
.main {
width: calc(100% - 300px);
height: 100%;
@ -368,11 +423,9 @@ export default {
display: flex;
align-items: flex-start;
}
.content {
width: calc(100% - 300px);
padding: 0 50px 0 20px;
.title {
line-height: 50px;
background-color: #fff;
@ -381,42 +434,35 @@ export default {
justify-content: space-between;
}
}
.box {
border: 1px solid #ddd;
border-radius: 3px;
padding: 15px;
margin-bottom: 20px;
}
::v-deep .noData {
color: #909399;
text-align: center;
}
.rightFile {
width: 300px;
padding-right: 10px;
::v-deep .title {
line-height: 50px;
background-color: #fff;
text-align: left;
font-weight: bold;
}
::v-deep .fileBox {
background-color: #eee;
padding: 10px;
font-size: 14px;
border-radius: 3px;
}
::v-deep .file_title {
line-height: 40px;
font-weight: bold;
}
::v-deep .btnBox {
display: flex;
align-items: center;
@ -428,23 +474,17 @@ export default {
width: 100%;
display: flex;
margin-bottom: 10px;
.name {
width: 70%;
white-space: nowrap;
/* 文本不会换行,会在同一行内继续,直到遇到<br>标签为止 */
text-overflow: ellipsis;
/* 当文本溢出包含它的容器时,显示省略号(...)来表示被截断的文本 */
overflow: hidden;
/* 隐藏溢出容器的文本 */
white-space: nowrap; /* 文本不会换行,会在同一行内继续,直到遇到<br>标签为止 */
text-overflow: ellipsis; /* 当文本溢出包含它的容器时,显示省略号(...)来表示被截断的文本 */
overflow: hidden; /* 隐藏溢出容器的文本 */
}
i {
cursor: pointer;
margin: 3px;
color: #409eff;
}
.disable {
cursor: not-allowed;
color: #909399;

View File

@ -60,7 +60,7 @@
<el-input v-model="searchData.userName" clearable style="width: 120px" />
</el-form-item>
<!-- 用户类型 -->
<el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc && !isEASystem">
<el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc">
<el-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
<el-option v-for="item of userTypeOptions"
v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id"
@ -69,7 +69,7 @@
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="(!isDoc || !viewStatus) && !isEASystem">
<el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="!isDoc || !viewStatus">
<el-select v-model="searchData.IsConfirmed" clearable style="width: 120px">
<el-option v-for="i of $d.TrainingStatusEnum" :key="'IsConfirmed' + i.label" :value="i.value"
:label="i.label" />
@ -78,12 +78,12 @@
<el-form-item :label="isDoc
? $t('trials:signRecords:table:isDeletedFile')
: $t('trials:signRecords:table:isDeleted')
" v-if="!isEASystem">
">
<el-select v-model="searchData.IsDeleted" clearable style="width: 120px">
<el-option v-for="i of $d.TrainingStatus" :key="'IsDeleted' + i.label" :value="i.value" :label="i.label" />
</el-select>
</el-form-item>
<el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc && !isEASystem">
<el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc">
<el-input v-model="searchData.UserName" style="width: 120px" />
</el-form-item>
<el-form-item :label="$t('trials:signRecords:table:confirmTime')" v-if="isDoc || isSystem">
@ -91,7 +91,7 @@
:default-time="['00:00:00', '23:59:59']" type="datetimerange">
</el-date-picker>
</el-form-item>
<el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem && !isEASystem">
<el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem">
<el-date-picker v-model="timeListC" value-format="yyyy-MM-dd HH:mm:ss" format="yyyy-MM-dd HH:mm:ss"
type="datetimerange" :default-time="['00:00:00', '23:59:59']" @change="changeTimeListC" />
</el-form-item>
@ -305,11 +305,6 @@ export default {
},
}
},
computed: {
isEASystem() {
return this.isSystem && this.hasPermi(['role:ea'])
}
},
mounted() {
this.getTypeOptions()
this.getUserSelect()
@ -365,14 +360,6 @@ export default {
},
//
getList() {
if (this.isEASystem) {
this.searchData.IsConfirmed = true
if (!this.searchData.FileTypeId && !this.searchData.Name && !this.searchData.UserId && !this.searchData.userName && (!Array.isArray(this.timeList) || this.timeList.length < 2)) {
this.list = []
this.total = 0
return false
}
}
this.loading = true
if (this.viewStatus) {
this.searchData.IsConfirmed = true
@ -411,7 +398,6 @@ export default {
getTypeOptions() {
if (this.isSystem) {
this.typeOptions = this.$d.Sys_Document
if (this.isEASystem) this.typeOptions = this.typeOptions.filter(item => item.raw.ChildGroup !== "Trial")
} else {
getTrialDocAndSystemDocType(this.trialId).then((res) => {
this.typeOptions = res.Result

View File

@ -47,7 +47,7 @@
<el-table-column prop="Name" :label="$t('trials:self-attachment:table:fileName')" show-overflow-tooltip
sortable="custom" />
<el-table-column :label="$t('trials:self-attachment:table:AttachmentCount')" prop="AttachmentCount"
show-overflow-tooltip>
show-overflow-tooltip sortable="custom">
<template slot-scope="scope">
<el-button type="text" @click.stop="openAttachment(scope.row, true)">{{ scope.row.AttachmentCount
}}</el-button>

View File

@ -1,5 +1,10 @@
<template>
<el-form v-if="isRender" ref="assessmentForm" :model="form" size="small">
<el-form
v-if="isRender"
ref="assessmentForm"
:model="form"
size="small"
>
<div class="base-dialog-body">
<!-- <div v-for="qs in questions" :key="qs.Id">
<h4 v-if="qs.Type === 'group'">{{ qs.GroupName }}</h4>
@ -37,9 +42,14 @@
</el-select>
</el-form-item>
</div> -->
<AssessmentFormItem v-for="question of questions" :key="question.Id" :question="question" :question-form="form"
:readingTaskState="readingTaskState" @setFormItemData="setFormItemData"
@resetFormItemData="resetFormItemData" />
<AssessmentFormItem
v-for="question of questions"
:key="question.Id"
:question="question"
:question-form="form"
@setFormItemData="setFormItemData"
@resetFormItemData="resetFormItemData"
/>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
@ -47,7 +57,11 @@
<el-button size="small" @click="handleCancel">
{{ $t('common:button:cancel') }}
</el-button>
<el-button size="small" type="primary" @click="handleSave">
<el-button
size="small"
type="primary"
@click="handleSave"
>
{{ $t('common:button:save') }}
</el-button>
</el-form-item>
@ -71,10 +85,6 @@ export default {
default() {
return []
}
},
readingTaskState: {
type: Number,
default: 0
}
},
data() {

View File

@ -1,39 +1,67 @@
<template>
<div>
<div v-if="!!question.GroupName && question.Type === 'group'">
<div
v-if="!!question.GroupName && question.Type==='group'"
>
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;font-size: 15px;">
{{ language === 'en' ? question.GroupEnName : question.GroupName }}
{{ language==='en'?question.GroupEnName:question.GroupName }}
</h4>
</div>
<template v-else>
<el-form-item :label="`${language === 'en' ? question.QuestionEnName : question.QuestionName}`"
:prop="question.Id" :rules="[
{
required: true,
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']
},
]" :class="[question.Type === 'group' ? 'mb' : '']">
<el-form-item
:label="`${language==='en'?question.QuestionEnName:question.QuestionName}`"
:prop="question.Id"
:rules="[
{ required: true,
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']},
]"
:class="[question.Type==='group'?'mb':'']"
>
<!-- 下拉框 -->
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
<el-select
v-if="question.Type==='select'"
v-model="questionForm[question.Id]"
clearable
@change="((val)=>{formItemChange(val, question)})"
>
<template v-if="question.DictionaryCode">
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="String(item.value)"
:label="item.label" />
<el-option
v-for="item of $d[question.DictionaryCode]"
:key="item.id"
:value="String(item.value)"
:label="item.label"
/>
</template>
<template v-else>
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
<el-option
v-for="val in question.TypeValue.split('|')"
:key="val"
:label="val"
:value="val"
/>
</template>
</el-select>
<!-- 单选 -->
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
<el-radio-group
v-if="question.Type==='radio'"
v-model="questionForm[question.Id]"
@change="((val)=>{formItemChange(val, question)})"
>
<template v-if="question.DictionaryCode">
<el-radio v-for="item of $d[question.DictionaryCode]" :key="item.id" :label="String(item.value)">
<el-radio
v-for="item of $d[question.DictionaryCode]"
:key="item.id"
:label="String(item.value)"
>
{{ item.label }}
</el-radio>
</template>
<template v-else-if="question.TypeValue">
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
<el-radio
v-for="val in question.TypeValue.split('|')"
:key="val"
:label="val"
>
{{ val }}
</el-radio>
</template>
@ -41,8 +69,14 @@
</el-form-item>
</template>
<AssessmentFormItem v-for="(item) in question.Childrens" :key="item.Id" :question="item"
:question-form="questionForm" @setFormItemData="setFormItemData" @resetFormItemData="resetFormItemData" />
<AssessmentFormItem
v-for="(item) in question.Childrens"
:key="item.Id"
:question="item"
:question-form="questionForm"
@setFormItemData="setFormItemData"
@resetFormItemData="resetFormItemData"
/>
</div>
</template>
<script>
@ -61,10 +95,6 @@ export default {
default() {
return []
}
},
readingTaskState: {
type: Number,
default: 0
}
},
data() {
@ -109,7 +139,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.mb {
.mb{
margin-bottom: 0px;
}
</style>

View File

@ -7,14 +7,7 @@
<el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:clinicalData')" placement="bottom">
<svg-icon icon-class="documentation" class="svg-icon" />
</el-tooltip>
</div>
<!-- 检查部位 -->
<div v-if="CriterionType == 19 || CriterionType == 20"
:class="{ 'info-cd': true, 'info-cd2': stack.isExistsClinicalData }" @click.stop="handleViewBP($event)">
<el-tooltip class="item" effect="dark" :content="$t('trials:reading:button:BodyPart')" placement="bottom">
<!-- <svg-icon icon-class="documentation" class="svg-icon" /> -->
<i class="el-icon-tickets"></i>
</el-tooltip>
</div>
<!-- 切换访视 -->
<div v-if="stack.imageRendered && isReadingTaskViewInOrder === 1" class="info-visit"
@ -42,8 +35,7 @@
</div>
<div class="info-image">
<div v-show="mousePosition.mo">
Pos: {{ mousePosition.x ? mousePosition.x.toFixed(0) : '' }}, {{ mousePosition.y ? mousePosition.y.toFixed(0) :
'' }}
Pos: {{ mousePosition.x ? mousePosition.x.toFixed(0) : '' }}, {{ mousePosition.y ? mousePosition.y.toFixed(0) : '' }}
</div>
<div
v-if="(dicomInfo.modality === 'CT' || dicomInfo.modality === 'DR' || dicomInfo.modality === 'CR') && mousePosition.mo">
@ -307,7 +299,7 @@ export default {
computed: {
...mapGetters(['visitTaskList', 'currentReadingTaskState']),
NSTip() {
return `NS: ${this.$store.state.trials.downloadTip}`
return `NS: ${this.$store.state.trials.uploadTip}`
}
},
watch: {
@ -2012,13 +2004,8 @@ export default {
e.stopImmediatePropagation()
e.stopPropagation()
e.preventDefault()
},
handleViewBP(e) {
DicomEvent.$emit('previewBP', this.stack.visitTaskId)
e.stopImmediatePropagation()
e.stopPropagation()
e.preventDefault()
}
}
}
</script>
@ -2129,10 +2116,6 @@ export default {
cursor: pointer;
}
.info-cd2 {
left: 35px;
}
.info-series {
position: absolute;
left: 10px;

View File

@ -364,15 +364,6 @@ export default {
this.lesionName = this.getLesionInfo(this.orderMark, this.rowIndex)
this.isCurrentTaskAdd = this.answers.IsCurrentTaskAdd ? this.answers.IsCurrentTaskAdd : 'True'
this.lesionMark = this.getLesionName(this.orderMark, this.questionForm.RowIndex)
var isLymphLesion = this.getQuestionVal(2)
isLymphLesion = isLymphLesion ? parseInt(isLymphLesion) : null
var lesionOrgan = this.getQuestionVal(6)
const lesionPart = this.getQuestionVal(8)
this.$emit('resetQuestions', { isLymphLesion, lesionPart, lesionOrgan, saveTypeEnum: this.questionForm.saveTypeEnum, lesionState, lesionNum, rowIndex: this.rowIndex, questionId: this.parentQsId, anwsers: this.questionForm })
this.isRender = true
},
getLesionName(orderMark, rowIndex) {

View File

@ -5,49 +5,87 @@
<!-- 电子影像病例报告表eICRF -->
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
<div style="margin-left:auto">
<el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
:inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
@change="handleShowDetail" />
<el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
@click="openAssessment">
<!-- 附加评估 -->
{{ $t('trials:readingReport:button:assessment') }}
</el-button>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
<el-switch
v-model="isShowDetail"
:active-text="$t('trials:readingReport:title:expandDetails')"
:inactive-text="$t('trials:readingReport:title:collapseDetails')"
style="margin-right:5px;"
@change="handleShowDetail"
/>
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="skipTask"
>
<!-- 跳过 -->
{{ $t('trials:readingReport:button:skip') }}
</el-button>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="getReportInfo(false)"
>
<!-- 刷新 -->
{{ $t('trials:readingReport:button:refresh') }}
</el-button>
<el-button v-if="readingTaskState < 2 && CriterionType !== 10" type="primary" size="small"
@click="handleSave(true)">
<el-button
v-if="readingTaskState<2 && CriterionType !== 10"
type="primary"
size="small"
@click="handleSave(true)"
>
<!-- 保存 -->
{{ $t('common:button:save') }}
</el-button>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="beforeLeave"
>
<!-- 提交 -->
{{ $t('common:button:submit') }}
</el-button>
</div>
</div>
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
<el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
:expand-row-keys="expandedRows" :height="height"
:tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
<el-table-column prop="" label="" show-overflow-tooltip width="350px">
<el-table
v-if="height"
ref="reportList"
:data="taskQuestions"
row-key="Id"
border
:expand-row-keys="expandedRows"
:height="height"
:tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
size="mini"
>
<el-table-column
prop=""
label=""
show-overflow-tooltip
width="350px"
>
<template slot-scope="scope">
<span v-if="scope.row.QuestionName"
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
scope.row.QuestionName }}</span>
<span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
<span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
<span
v-else
style="font-weight: bold;font-size: 16px;color: #f44336;"
>
{{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
</span>
</template>
</el-table-column>
<el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
width="150px">
<el-table-column
v-for="task in visitTaskList"
:key="task.VisitTaskId"
prop="date"
show-overflow-tooltip
width="150px"
>
<template slot="header">
<div v-if="task.IsCurrentTask">
<div>
@ -64,37 +102,58 @@
</div>
</template>
<template slot-scope="scope">
<span
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
<template
v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
<span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
<template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
<!-- 是否存在疾病基线时可修改 -->
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
<el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
:label="item.label" />
<template v-if="task.IsBaseLine && scope.row.QuestionType=== 15">
<el-select
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
v-model="currentExistDisease"
size="mini"
@change="handleExistDiseaseChange"
>
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</template>
<!-- 整体肿瘤评估非基线可修改 -->
<template
v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
<template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
<el-select
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
v-model="currentEvaluateResult"
size="mini"
@change="handleEvaluateResultChange"
>
<template v-if="CriterionType === 1 && tLesionCount">
<el-option v-for="item of $d[scope.row.DictionaryCode]"
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
:key="item.id" :value="item.value" :label="item.label" />
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
<template v-else-if="CriterionType === 1 && ntLesionCount">
<el-option v-for="item of $d[scope.row.DictionaryCode]"
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
:key="item.id" :value="item.value" :label="item.label" />
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
<template v-else>
<el-option v-for="item of $d[scope.row.DictionaryCode]"
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
:key="item.id" :value="item.value" :label="item.label" />
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
</el-select>
</template>
@ -103,23 +162,27 @@
</template> -->
<!-- 访视点备注是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时必填 -->
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 ">
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
<template>
<!-- 输入框 -->
<el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
@change="evaluateReasonChange" />
<el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
:autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
@change="evaluateReasonChange" />
<el-input
v-if="scope.row.Type==='input'"
v-model="currentTaskReason"
size="mini"
@change="evaluateReasonChange"
/>
<el-input
v-else-if="scope.row.Type==='textarea'"
v-model="currentTaskReason"
:autosize="{ minRows: 2, maxRows: 4}"
size="mini"
maxlength="500"
@change="evaluateReasonChange"
/>
<!-- 系统评估结果为xxx,与当前调整的结果不一致请填写调整原因 -->
<p v-if="currentEvaluateResult !== tumorEvaluate"
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
v-html="getWarningText()" />
<p v-else-if="currentExistDisease !== isExistDisease"
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
$fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
<p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
<p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
</p>
</template>
<!-- <template v-else>
@ -135,50 +198,35 @@
</template>
</template>
<template v-else-if="scope.row.QuestionType === 15">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
}}</span>
<template v-else-if="scope.row.QuestionType=== 15">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</el-tooltip>
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</template>
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
}}</span>
<template v-else-if="scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</el-tooltip>
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</template>
<template v-else-if="scope.row.QuestionType === 22">
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
scope.row.Answers[task.VisitTaskId] }}
<template v-else-if="scope.row.QuestionType=== 22">
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
</template>
<template v-else-if="scope.row.DictionaryCode">
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
</template>
<template v-else-if="CriterionType === 10">
{{
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
`${scope.row.Answers[task.VisitTaskId]}`
}}
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}` }}
</template>
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
<span
v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
`${$fd('ValueUnit', scope.row.Unit)}` }}</span>
<span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
</template>
<template v-else-if="scope.row.ValueType === 2">
{{
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
`${scope.row.Answers[task.VisitTaskId]}%`
}}
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}%` }}
</template>
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
{{ scope.row.Answers[task.VisitTaskId] }}
@ -190,17 +238,31 @@
</div>
</el-card>
<!-- 附加评估 -->
<el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
:close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
<AdditionalAssessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
@close="additionalAssessmentsDig.visible = false" @sign="sign" />
<el-dialog
v-if="additionalAssessmentsDig.visible"
:visible.sync="additionalAssessmentsDig.visible"
:close-on-click-modal="false"
:title="additionalAssessmentsDig.title"
width="600px"
>
<AdditionalAssessment
:questions="assessmentQuestions"
:visit-task-id="visitTaskId"
@close="additionalAssessmentsDig.visible = false"
@sign="sign"
/>
</el-dialog>
<!-- 签名框 -->
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
custom-class="base-dialog-wrapper">
<el-dialog
v-if="signVisible"
:visible.sync="signVisible"
:close-on-click-modal="false"
width="600px"
custom-class="base-dialog-wrapper"
>
<div slot="title">
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
</div>
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
</el-dialog>
@ -262,11 +324,7 @@ export default {
}
},
computed: {
...mapGetters(['language']),
isBaseline() {
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
}
...mapGetters(['language'])
},
watch: {
taskQuestions() {
@ -382,7 +440,6 @@ export default {
this.setScrollTop()
}
this.loading = false
await this.getTaskAdditionalQuestion()
} catch (e) {
this.loading = false
console.log(e)
@ -410,7 +467,7 @@ export default {
} else {
this.expandedRows.push(item.Id)
}
} else {
this.expandedRows.push(item.Id)
}
@ -594,25 +651,6 @@ export default {
this.answerArr[idx].answer = val
}
},
async getTaskAdditionalQuestion() {
try {
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
this.assessmentQuestions = res.Result
} catch (err) {
console.log(err)
}
},
async openAssessment() {
try {
await this.getTaskAdditionalQuestion()
if (this.assessmentQuestions.length > 0) {
//
this.additionalAssessmentsDig.visible = true
}
} catch (err) {
console.log(err)
}
},
async handleConfirm() {
this.loading = true
try {
@ -624,7 +662,7 @@ export default {
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
this.assessmentQuestions = res.Result
if (this.assessmentQuestions.length > 0) {
//
//
this.additionalAssessmentsDig.visible = true
} else {
const { ImageAssessmentReportConfirmation } = const_.processSignature
@ -738,7 +776,7 @@ export default {
this.openWindow = window.open(routeData.href, '_blank')
},
handleSave(isPrompt) {
return new Promise(async (resolve, reject) => {
return new Promise(async(resolve, reject) => {
var isBeill
var evaluateResult = ''
var evaluateAjustReason = ''
@ -762,7 +800,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning',
showCancelButton: false,
callback: action => { }
callback: action => {}
})
reject()
return
@ -772,7 +810,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning',
showCancelButton: false,
callback: action => { }
callback: action => {}
})
reject()
return
@ -782,7 +820,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
type: 'warning',
showCancelButton: false,
callback: action => { }
callback: action => {}
})
reject()
return
@ -844,36 +882,29 @@ export default {
}
</script>
<style lang="scss" scoped>
.report-wrapper {
.report-wrapper{
height: 100%;
padding: 10px 0px;
// background-color: #fff;
background-color: #000;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.report-header {
.report-header{
display: flex;
}
.el-card {
display: flex;
flex-direction: column;
height: 100%;
.el-card{
display:flex;flex-direction: column;height: 100%;
background-color: #000;
color: #ffffff;
border: none;
::v-deep .el-card__body {
border:none;
::v-deep .el-card__body{
flex: 1;
}
}
@ -891,51 +922,42 @@ export default {
// color: #ffffff;
// }
::v-deep .el-table,
.el-table__expanded-cell {
::v-deep .el-table, .el-table__expanded-cell {
background-color: #000;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table th,
.el-table tr {
::v-deep .el-table th, .el-table tr {
background-color: #000;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table__body tr>td {
background-color: #000 !important;
::v-deep .el-table__body tr > td{
background-color:#000 !important;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table__body tr:hover>td {
background-color: #858282 !important;
::v-deep .el-table__body tr:hover > td{
background-color:#858282 !important;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table--border th.gutter:last-of-type {
::v-deep .el-table--border th.gutter:last-of-type{
border: none;
}
::v-deep .el-card__header {
::v-deep .el-card__header{
border: none;
padding: 10px;
}
}
::v-deep .el-switch__label {
color: #fff;
::v-deep .el-switch__label{
color:#fff;
}
::v-deep .el-switch__label.is-active {
::v-deep .el-switch__label.is-active{
color: #428bca;
}
.colorOfRed {
.colorOfRed{
color: #f66;
}
</style>

View File

@ -297,7 +297,7 @@ export default {
computed: {
...mapGetters(['visitTaskList', 'currentReadingTaskState']),
NSTip() {
return `NS: ${this.$store.state.trials.downloadTip}`
return `NS: ${this.$store.state.trials.uploadTip}`
}
},
watch: {

View File

@ -1,44 +1,57 @@
<template>
<div ref="container" style="width:100%;height:100%" class="dicom-container">
<!-- 访视阅片 -->
<div
v-if="readingCategory === 1 && (CriterionType === 7 || ((CriterionType === 1 || CriterionType === 0) && readingVersionEnum === 1))"
class="reading-wrapper">
<div v-if="readingCategory === 1 && (CriterionType === 7 || ((CriterionType === 1 || CriterionType === 0) && readingVersionEnum === 1)) " class="reading-wrapper">
<VisitReview :reading-tool="readingTool" />
</div>
<div
v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory === 1 && CriterionType !== 0"
class="reading-wrapper">
<div v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory=== 1 && CriterionType !== 0" class="reading-wrapper">
<el-tabs v-model="activeName" v-loading="loading" :before-leave="beforeLeave">
<!-- 阅片 -->
<el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
<ReadPage v-if="tabs.includes('read')" :trial-id="trialId" :visit-task-id="visitTaskId"
:subject-id="subjectId" :subject-code="subjectCode" :is-show="isShow"
:question-form-change-state="questionFormChangeState" :question-form-change-num="questionFormChangeNum"
<ReadPage
v-if="tabs.includes('read')"
:trial-id="trialId"
:visit-task-id="visitTaskId"
:subject-id="subjectId"
:subject-code="subjectCode"
:is-show="isShow"
:question-form-change-state="questionFormChangeState"
:question-form-change-num="questionFormChangeNum"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
:is-reading-task-view-in-order="isReadingTaskViewInOrder" :is-exists-clinical-data="isExistsClinicalData"
:is-exists-no-dicom-file="isExistsNoDicomFile" :is-exists-manual="isExistsManual"
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading" @previewCD="previewCD" />
:is-reading-task-view-in-order="isReadingTaskViewInOrder"
:is-exists-clinical-data="isExistsClinicalData"
:is-exists-no-dicom-file="isExistsNoDicomFile"
:is-exists-manual="isExistsManual"
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading"
@previewCD="previewCD"
/>
</el-tab-pane>
<!-- 报告 -->
<el-tab-pane v-if="!IseCRFShowInDicomReading" :label="$t('trials:reading:tabTitle:report')" name="report">
<ReportPage v-if="tabs.includes('report') && isShow" ref="reportPage"
:question-form-change-state="questionFormChangeState" :visit-task-id="visitTaskId" />
<ReportPage v-if="tabs.includes('report') && isShow" ref="reportPage" :question-form-change-state="questionFormChangeState" :visit-task-id="visitTaskId" />
</el-tab-pane>
</el-tabs>
</div>
<div
v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory === 1 && CriterionType === 0"
class="reading-wrapper">
<div v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory=== 1 && CriterionType === 0" class="reading-wrapper">
<el-tabs v-model="activeName" v-loading="loading" :before-leave="beforeLeaveCustomize">
<!-- 阅片 -->
<el-tab-pane :label="$t('trials:reading:tabTitle:review')" name="read">
<CustomizeReadPage v-if="tabs.includes('read')" :trial-id="trialId"
:trial-reading-criterion-id="TrialReadingCriterionId" :visit-task-id="visitTaskId" :subject-id="subjectId"
:subject-code="subjectCode" :is-show="isShow" :is-reading-show-subject-info="isReadingShowSubjectInfo"
<CustomizeReadPage
v-if="tabs.includes('read')"
:trial-id="trialId"
:trial-reading-criterion-id="TrialReadingCriterionId"
:visit-task-id="visitTaskId"
:subject-id="subjectId"
:subject-code="subjectCode"
:is-show="isShow"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
:is-reading-task-view-in-order="isReadingTaskViewInOrder"
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading" :is-exists-clinical-data="isExistsClinicalData"
:is-exists-no-dicom-file="isExistsNoDicomFile" :is-exists-manual="isExistsManual" @previewCD="previewCD" />
:ise-c-r-f-show-in-dicom-reading="IseCRFShowInDicomReading"
:is-exists-clinical-data="isExistsClinicalData"
:is-exists-no-dicom-file="isExistsNoDicomFile"
:is-exists-manual="isExistsManual"
@previewCD="previewCD"
/>
</el-tab-pane>
<!-- 报告 -->
<el-tab-pane v-if="!IseCRFShowInDicomReading" :label="$t('trials:reading:tabTitle:report')" name="report">
@ -47,40 +60,70 @@
</el-tabs>
</div>
<!-- 全局阅片 -->
<GlobalReview v-else-if="isShow && readingCategory === 2" :trial-id="trialId" :subject-id="subjectId"
:visit-task-id="visitTaskId" :reading-category="readingCategory" :subject-code="subjectCode"
:task-blind-name="taskBlindName" :is-reading-show-subject-info="isReadingShowSubjectInfo"
<GlobalReview
v-else-if="isShow && readingCategory === 2"
:trial-id="trialId"
:subject-id="subjectId"
:visit-task-id="visitTaskId"
:reading-category="readingCategory"
:subject-code="subjectCode"
:task-blind-name="taskBlindName"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
:is-reading-show-previous-results="isReadingShowPreviousResults"
:is-exists-clinical-data="isExistsClinicalData" />
:is-exists-clinical-data="isExistsClinicalData"
/>
<!-- 裁判阅片 -->
<AdReview v-else-if="isShow && readingCategory === 4" :trial-id="trialId" :subject-id="subjectId"
:visit-task-id="visitTaskId" :reading-category="readingCategory" :subject-code="subjectCode"
:task-blind-name="taskBlindName" :is-reading-show-subject-info="isReadingShowSubjectInfo"
<AdReview
v-else-if="isShow && readingCategory === 4"
:trial-id="trialId"
:subject-id="subjectId"
:visit-task-id="visitTaskId"
:reading-category="readingCategory"
:subject-code="subjectCode"
:task-blind-name="taskBlindName"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
:is-reading-show-previous-results="isReadingShowPreviousResults"
:is-exists-clinical-data="isExistsClinicalData" />
:is-exists-clinical-data="isExistsClinicalData"
/>
<!-- 肿瘤学阅片 -->
<OncologyReview v-else-if="isShow && readingCategory === 5" :trial-id="trialId" :subject-id="subjectId"
:visit-task-id="visitTaskId" :reading-category="readingCategory" :subject-code="subjectCode"
:task-blind-name="taskBlindName" :is-reading-show-subject-info="isReadingShowSubjectInfo"
<OncologyReview
v-else-if="isShow && readingCategory === 5"
:trial-id="trialId"
:subject-id="subjectId"
:visit-task-id="visitTaskId"
:reading-category="readingCategory"
:subject-code="subjectCode"
:task-blind-name="taskBlindName"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
:is-reading-show-previous-results="isReadingShowPreviousResults"
:is-exists-clinical-data="isExistsClinicalData" />
:is-exists-clinical-data="isExistsClinicalData"
/>
<el-dialog :visible.sync="dialogVisible" :custom-class="isFullscreen ? 'full-dialog-container' : 'dialog-container'"
:show-close="false" :close-on-click-modal="false" :fullscreen="isFullscreen">
<el-dialog
:visible.sync="dialogVisible"
:custom-class="isFullscreen?'full-dialog-container':'dialog-container'"
:show-close="false"
:close-on-click-modal="false"
:fullscreen="isFullscreen"
>
<span slot="title" class="dialog-footer">
<!-- 当前阅片任务存在临床数据请查看若已查看请点击确认 -->
<span v-if="!closeCDVisible">{{ $t('trials:reading:dagTitle:msg1') }}</span>
<div style="position: absolute;right: 20px;top: 10px;">
<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
style="cursor: pointer;font-size: 20px;" @click="isFullscreen = !isFullscreen" />
<svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
@click="dialogVisible = false" />
<svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;" @click="isFullscreen=!isFullscreen" />
<svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="dialogVisible = false" />
</div>
</span>
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
<ClinicalData v-if="dialogVisible" style="flex: 1" :trial-id="trialId" :subject-id="subjectId"
:visit-task-id="cdVisitTaskId" :is-reading-show-subject-info="isReadingShowSubjectInfo" />
<ClinicalData
v-if="dialogVisible"
style="flex: 1"
:trial-id="trialId"
:subject-id="subjectId"
:visit-task-id="cdVisitTaskId"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
/>
<div v-if="!closeCDVisible" style="text-align:right">
<!-- 确认 -->
<el-button type="primary" @click="handleConfirmCD">{{ $t('trials:reading:button:confirm') }}</el-button>
@ -88,7 +131,12 @@
</div>
</el-dialog>
<el-dialog :visible.sync="tipVisible" :show-close="false" :close-on-click-modal="false" width="500px">
<el-dialog
:visible.sync="tipVisible"
:show-close="false"
:close-on-click-modal="false"
width="500px"
>
<span slot="title" class="dialog-footer">
<!-- 提示 -->
{{ $t('trials:iRecist:warnning:msg44') }}
@ -121,41 +169,11 @@
<el-button type="primary" @click="tipVisible = false">{{ $t('trials:reading:button:confirm') }}</el-button>
</span>
</el-dialog>
<el-dialog :visible.sync="dialogBodyPartVisible"
:custom-class="isFullscreen ? 'full-dialog-container' : 'dialog-container'" :show-close="false"
:close-on-click-modal="false" :fullscreen="isFullscreen">
<span slot="title" class="dialog-footer">
<!-- <span>{{ $t('trials:reading:dagTitle:msg1') }}</span> -->
<div style="position: absolute;right: 20px;top: 10px;">
<svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
style="cursor: pointer;font-size: 20px;" @click="isFullscreen = !isFullscreen" />
<svg-icon icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
@click="dialogBodyPartVisible = false" />
</div>
</span>
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
<el-table :data="BodyPart" style="width: 100%">
<el-table-column prop="StudyCode" :label="$t('trials:reading:table:StudyCode')">
</el-table-column>
<el-table-column prop="Modalities" :label="$t('trials:reading:table:Modalities')">
</el-table-column>
<el-table-column prop="BodyPart" :label="$t('trials:reading:table:BodyPart')">
<template slot-scope="scope">
<span>{{ Array.isArray(scope.row.BodyPart) ? scope.row.BodyPart.join(" | ") : '' }}</span>
</template>
</el-table-column>
</el-table>
<div style="text-align:right;margin-top: 10px;">
<!-- 确认 -->
<el-button type="primary" @click="handleConfirmBP">{{ $t('trials:reading:button:confirm')
}}</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
import { getNextTask, readClinicalData, verifyDefaultQuestionBeAnswer, viewstudyPart } from '@/api/trials'
import { getNextTask, readClinicalData, verifyDefaultQuestionBeAnswer } from '@/api/trials'
import VisitReview from './../dicoms3D/components/VisitReview'
import ReadPage from './components/ReadPage'
import CustomizeReadPage from './customize/CustomizeReadPage'
@ -170,7 +188,6 @@ import store from '@/store'
// import { getToken } from '@/utils/auth'
import { changeURLStatic } from '@/utils/history.js'
import requestPoolManager from '@/utils/request-pool'
import { mapGetters } from 'vuex'
export default {
name: 'Reading',
components: {
@ -218,13 +235,9 @@ export default {
tipVisible: false,
closeCDVisible: false,
cdVisitTaskId: '',
readingVersionEnum: null,
dialogBodyPartVisible: false
readingVersionEnum: null
}
},
computed: {
...mapGetters(['BodyPart'])
},
mounted() {
requestPoolManager.resetRequestPool()
requestPoolManager.setSortType(0)
@ -251,10 +264,6 @@ export default {
this.dialogVisible = true
this.cdVisitTaskId = taskId
})
DicomEvent.$on('previewBP', (taskId) => {
this.isFullscreen = false
this.dialogBodyPartVisible = true
})
this.activeName = this.$router.currentRoute.query.tabName ? this.$router.currentRoute.query.tabName : 'read'
this.tabs.push(this.activeName)
this.trialId = this.$router.currentRoute.query.trialId
@ -285,7 +294,6 @@ export default {
beforeDestroy() {
DicomEvent.$off('getNextTask')
DicomEvent.$off('previewCD')
DicomEvent.$off('previewBP')
DicomEvent.$emit('resetOpenWindow')
window.removeEventListener('beforeunload', this.handleWindowClose)
},
@ -328,7 +336,6 @@ export default {
this.isExistsClinicalData = res.Result.IsExistsClinicalData
this.isExistsManual = res.Result.ExistsManual
this.isReadClinicalData = res.Result.IsReadClinicalData
this.IsViewStudyPart = res.Result.IsViewStudyPart
this.isNeedReadClinicalData = res.Result.IsNeedReadClinicalData
this.CriterionType = res.Result.CriterionType
this.digitPlaces = res.Result.DigitPlaces
@ -349,10 +356,6 @@ export default {
this.dialogVisible = true
this.cdVisitTaskId = this.visitTaskId
}
if ((this.CriterionType === 19 || this.CriterionType === 20) && !this.IsViewStudyPart) {
this.isFullscreen = false
this.dialogBodyPartVisible = true
}
if (res.Result.ReadingCategory === 1) {
this.activeName = 'read'
this.tabs = [this.activeName]
@ -498,18 +501,6 @@ export default {
this.loading = false
}
},
async handleConfirmBP() {
this.loading = true
var visitTaskId = this.visitTaskId
try {
await viewstudyPart({ visitTaskId })
this.loading = false
this.dialogBodyPartVisible = false
this.IsViewStudyPart = true
} catch (e) {
this.loading = false
}
},
previewCD() {
this.closeCDVisible = true
this.isFullscreen = false
@ -523,115 +514,98 @@ export default {
}
</script>
<style lang="scss" scoped>
::v-deep.el-message-box__headerbtn {
::v-deep.el-message-box__headerbtn{
display: none;
}
.dicom-container {
.reading-wrapper {
width: 100%;
height: 100%;
padding: 0 5px;
.dicom-container{
.reading-wrapper{
width: 100%;
height: 100%;
padding: 0 5px;
box-sizing: border-box;
background-color: #000;
::v-deep.el-tabs{
box-sizing: border-box;
background-color: #000;
::v-deep.el-tabs {
height: 100%;
display: flex;
flex-direction: column;
.el-tabs__item{
color: #fff;
}
.el-tabs__header{
height: 50px;
margin:0px;
box-sizing: border-box;
}
.el-tabs__content{
flex: 1;
margin:0px;
box-sizing: border-box;
}
.el-tabs__item{
color: #fff;
}
.el-tab-pane{
height: 100%;
display: flex;
flex-direction: column;
.el-tabs__item {
color: #fff;
}
.el-tabs__header {
height: 50px;
margin: 0px;
box-sizing: border-box;
}
.el-tabs__content {
flex: 1;
margin: 0px;
box-sizing: border-box;
}
.el-tabs__item {
color: #fff;
}
.el-tab-pane {
height: 100%;
}
}
::v-deep.hot-keys-label {
color: #dfdfdf !important;
}
}
::v-deep.hot-keys-label{
color: #dfdfdf !important;
}
::v-deep.shortcut-key-input span{
color: #dfdfdf !important;
}
// ::v-deep .el-dialog{
// background: #1e1e1e;
// ::v-deep .el-dialog__body{
// padding: 10px;
// }
::v-deep.shortcut-key-input span {
color: #dfdfdf !important;
}
// ::v-deep .el-dialog{
// background: #1e1e1e;
// ::v-deep .el-dialog__body{
// padding: 10px;
// }
// }
::v-deep.el-dialog {
// }
::v-deep.el-dialog{
background: #1e1e1e;
border: 1px solid #ddd;
color: #ddd;
.el-dialog__title {
color: #fff;
.el-dialog__title{
color:#fff;
}
.el-input .el-input__inner {
.el-input .el-input__inner{
background-color: transparent;
color: #ddd;
border: 1px solid #5e5e5e;
}
.el-input.is-disabled .el-input__inner {
.el-input.is-disabled .el-input__inner{
background-color: #646464a1;
}
.el-form-item__label {
.el-form-item__label{
color: #dfdfdf
}
}
}
::v-deep.dialog-container {
}
::v-deep.dialog-container{
margin-top: 50px !important;
width: 75%;
height: 80%;
width:75%;
height:80%;
}
::v-deep.el-dialog__body {
padding: 20px;
height: calc(100% - 70px);
}
.el-dialog__header {
::v-deep.el-dialog__body{
padding: 20px;
height: calc(100% - 70px);
}
.el-dialog__header{
position: relative;
}
}
::v-deep .el-radio__input.is-disabled.is-checked .el-radio__inner {
background-color: #428bca;
border-color: #428bca;
}
.full-dialog-container {
::v-deep.is-fullscreen .el-dialog__body {
.full-dialog-container{
::v-deep.is-fullscreen .el-dialog__body{
height: calc(100% - 70px);
}
}
</style>

View File

@ -7,26 +7,33 @@
</div>
<div style="height: 100%;" class="left-content">
<!-- 检查层级 -->
<div v-for="(study, i) in studyList" :key="study.CodeView">
<div v-for="(study,i) in studyList" :key="study.CodeView">
<div class="study-desc">
<span>{{ study.CodeView }}</span>
<span style="margin:0 5px">{{ study.Modality }}</span>
<span>{{ getBodyPart(study.BodyPart, study.BodyPartForEditOther) }}</span>
<span>{{ getBodyPart(study.BodyPart) }}</span>
</div>
<!-- 文件层级 -->
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
</div>
<div v-else id="imgList" style="height:100%;">
<div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
'is-boxActive': item.Id === currentFileId
}" class="img-box" @click="selected(item, i, j, true)">
<div
v-for="(item,j) in study.NoneDicomStudyFileList"
:id="`img${item.Id}`"
:key="item.Id"
:class="{
'is-boxActive': item.Id === currentFileId
}"
class="img-box"
@click="selected(item,i,j,true)"
>
<div v-if="item.FileName.length < 15" class="img-text">
{{ `${j + 1}. ${item.FileName}` }}
{{ `${j+1}. ${item.FileName}` }}
</div>
<el-tooltip v-else :content="item.FileName" placement="bottom">
<div class="img-text">
{{ `${j + 1}. ${item.FileName}` }}
{{ `${j+1}. ${item.FileName}` }}
</div>
</el-tooltip>
</div>
@ -39,9 +46,15 @@
<!-- 预览图像 -->
<el-card class="box-card right">
<div style="width:100%;height: 100%;">
<NoneDicomsViewer v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
:preview-image="previewImage" :value="currentStudyFileIndex" :reading-task-state="readingTaskState"
@selectedImg="selectedImg" />
<NoneDicomsViewer
v-if="previewImage.imgList.length > 0"
ref="previewImage"
style="width:100%;"
:preview-image="previewImage"
:value="currentStudyFileIndex"
:reading-task-state="readingTaskState"
@selectedImg="selectedImg"
/>
</div>
</el-card>
@ -90,11 +103,11 @@ export default {
visistTaskId: '',
taskBlindName: '',
readingTaskState: 2,
BodyPart: {}
bp: []
}
},
async mounted() {
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.bp = await this.$getBodyPart(this.$route.query.trialId)
if (this.$router.currentRoute.query.TokenKey) {
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
changeURLStatic('TokenKey', '')
@ -170,8 +183,8 @@ export default {
preview() {
this.previewVisible = true
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -181,61 +194,51 @@ export default {
separator = ''
}
var arr = bodyPart.split(separator)
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
var newArr = arr.map(i => {
return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
}
}
}
</script>
<style lang="scss" scoped>
.img-container {
.img-container{
flex: 1;
width: 100%;
height: 100%;
padding: 10px;
display: flex;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
::v-deep .el-card__body {
::v-deep .el-card__body{
padding: 0px;
}
}
.study-desc {
.study-desc{
padding: 10px 5px;
line-height: 1;
background-color: #ebebeb;
font-weight: 500;
}
.left {
width: 240px;
.left{
width:240px;
height: 100%;
::v-deep .el-card__body {
::v-deep .el-card__body{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.title {
.title{
height: 40px;
line-height: 40px;
border: 1ppx solid;
@ -244,32 +247,27 @@ export default {
background-color: #4e4e4e;
color: #ffffff;
}
.left-content {
.left-content{
flex: 1;
overflow-y: auto;
}
::v-deep .el-tabs {
::v-deep .el-tabs{
height: 100%;
display: flex;
display:flex;
flex-direction: column;
}
::v-deep .el-tabs__header {
::v-deep .el-tabs__header{
height: 40px;
padding: 0 5px;
margin-bottom: 5px;
}
::v-deep .el-tabs__content {
::v-deep .el-tabs__content{
flex: 1;
overflow-y: auto;
padding: 0 5px;
}
.img-box {
.img-box{
// position: relative;
display: inline-block;
box-sizing: border-box;
@ -278,40 +276,34 @@ export default {
// margin-bottom: 5px;
padding-left: 5px;
}
.img-text {
.img-text{
display: inline-block;
width: 200px;
height: 50px;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
/* 用省略号表示溢出的文本 */
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
white-space: nowrap;
}
.img-box:nth-last-child(1) {
.img-box:nth-last-child(1){
margin-bottom: 0px;
}
.is-boxActive {
// border-color: #409eff;
color: #409eff;
}
.is-boxActiv:after {
opacity: 0;
}
}
.right {
.right{
flex: 1;
height: 100%;
margin-left: 10px;
::v-deep .el-card__body {
::v-deep .el-card__body{
height: 100%;
width: 100%;
}
}
</style>

View File

@ -260,9 +260,9 @@ export default {
this.defaultWindowLevel.windowCenter = windowCenter
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
}
const toolGroupId = this.viewportId
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
toolGroup.setToolEnabled('ScaleOverlay')
// const toolGroupId = `viewport-${this.viewportIndex}`
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
// toolGroup.setToolEnabled('ScaleOverlay')
}
},

View File

@ -98,11 +98,11 @@
<div
style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
<template
v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
</template>
<template
v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
</template>
</div>

View File

@ -5,49 +5,87 @@
<!-- 电子影像病例报告表eICRF -->
<h3 style="margin:0;padding:0;">{{ $t('trials:readingReport:title:eicrf') }}</h3>
<div style="margin-left:auto">
<el-switch v-model="isShowDetail" :active-text="$t('trials:readingReport:title:expandDetails')"
:inactive-text="$t('trials:readingReport:title:collapseDetails')" style="margin-right:5px;"
@change="handleShowDetail" />
<el-button type="primary" size="small" v-if="isBaseline && assessmentQuestions.length > 0"
@click="openAssessment">
<!-- 附加评估 -->
{{ $t('trials:readingReport:button:assessment') }}
</el-button>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="skipTask">
<el-switch
v-model="isShowDetail"
:active-text="$t('trials:readingReport:title:expandDetails')"
:inactive-text="$t('trials:readingReport:title:collapseDetails')"
style="margin-right:5px;"
@change="handleShowDetail"
/>
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="skipTask"
>
<!-- 跳过 -->
{{ $t('trials:readingReport:button:skip') }}
</el-button>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="getReportInfo(false)">
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="getReportInfo(false)"
>
<!-- 刷新 -->
{{ $t('trials:readingReport:button:refresh') }}
</el-button>
<el-button v-if="readingTaskState < 2 && criterionType !== 10" type="primary" size="small"
@click="handleSave(true)">
<el-button
v-if="readingTaskState<2 && criterionType !== 10"
type="primary"
size="small"
@click="handleSave(true)"
>
<!-- 保存 -->
{{ $t('common:button:save') }}
</el-button>
<el-button v-if="readingTaskState < 2" type="primary" size="small" @click="beforeLeave">
<el-button
v-if="readingTaskState<2"
type="primary"
size="small"
@click="beforeLeave"
>
<!-- 提交 -->
{{ $t('common:button:submit') }}
</el-button>
</div>
</div>
<div ref="tableWrapper" style="height:100%;overflow-y: auto;">
<el-table v-if="height" ref="reportList" :data="taskQuestions" row-key="Id" border
:expand-row-keys="expandedRows" :height="height"
:tree-props="{ children: 'Childrens', hasChildren: 'hasChildren' }" size="mini">
<el-table-column prop="" label="" show-overflow-tooltip width="350px">
<el-table
v-if="height"
ref="reportList"
:data="taskQuestions"
row-key="Id"
border
:expand-row-keys="expandedRows"
:height="height"
:tree-props="{children: 'Childrens', hasChildren: 'hasChildren'}"
size="mini"
>
<el-table-column
prop=""
label=""
show-overflow-tooltip
width="350px"
>
<template slot-scope="scope">
<span v-if="scope.row.QuestionName"
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff' }">{{
scope.row.QuestionName }}</span>
<span v-else style="font-weight: bold;font-size: 16px;color: #f44336;">
{{ language === 'en' ? scope.row.GroupEnName : scope.row.GroupName }}
<span v-if="scope.row.QuestionName" :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) ? '#f66' : '#fff'}">{{ scope.row.QuestionName }}</span>
<span
v-else
style="font-weight: bold;font-size: 16px;color: #f44336;"
>
{{ language==='en'?scope.row.GroupEnName:scope.row.GroupName }}
</span>
</template>
</el-table-column>
<el-table-column v-for="task in visitTaskList" :key="task.VisitTaskId" prop="date" show-overflow-tooltip
width="150px">
<el-table-column
v-for="task in visitTaskList"
:key="task.VisitTaskId"
prop="date"
show-overflow-tooltip
width="150px"
>
<template slot="header">
<div v-if="task.IsCurrentTask">
<div>
@ -64,37 +102,58 @@
</div>
</template>
<template slot-scope="scope">
<span
:style="{ color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff' }">
<template
v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13, 14, 15, 42].includes(scope.row.QuestionType)">
<span :style="{color: ((scope.row.isLymphNodes === 1 && scope.row.QuestionMark === 1) || (scope.row.isLymphNodes === 0 && scope.row.QuestionMark === 0)) && (scope.row.LesionType === 0 || scope.row.LesionType === 5) || (scope.row.QuestionMark === 12) || scope.row.HighlightAnswerList.includes(`${scope.row.Answers[task.VisitTaskId]}`) ? '#f66' : '#fff'}">
<template v-if="task.VisitTaskId === visitTaskId && readingTaskState < 2 && [13,14,15,42].includes(scope.row.QuestionType)">
<!-- 是否存在疾病基线时可修改 -->
<template v-if="task.IsBaseLine && scope.row.QuestionType === 15">
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
v-model="currentExistDisease" size="mini" @change="handleExistDiseaseChange">
<el-option v-for="item of $d[scope.row.DictionaryCode]" :key="item.id" :value="item.value"
:label="item.label" />
<template v-if="task.IsBaseLine && scope.row.QuestionType=== 15">
<el-select
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
v-model="currentExistDisease"
size="mini"
@change="handleExistDiseaseChange"
>
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</template>
<!-- 整体肿瘤评估非基线可修改 -->
<template
v-else-if="!task.IsBaseLine && (scope.row.QuestionType === 13 || scope.row.QuestionType === 42)">
<el-select v-if="scope.row.Type === 'select' && scope.row.DictionaryCode"
v-model="currentEvaluateResult" size="mini" @change="handleEvaluateResultChange">
<template v-else-if="!task.IsBaseLine && (scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42)">
<el-select
v-if="scope.row.Type==='select' && scope.row.DictionaryCode"
v-model="currentEvaluateResult"
size="mini"
@change="handleEvaluateResultChange"
>
<template v-if="criterionType === 1 && tLesionCount">
<el-option v-for="item of $d[scope.row.DictionaryCode]"
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1 && item.value !== 3)"
:key="item.id" :value="item.value" :label="item.label" />
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
<template v-else-if="criterionType === 1 && ntLesionCount">
<el-option v-for="item of $d[scope.row.DictionaryCode]"
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1) && (item.value !== 1)"
:key="item.id" :value="item.value" :label="item.label" />
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
<template v-else>
<el-option v-for="item of $d[scope.row.DictionaryCode]"
<el-option
v-for="item of $d[ scope.row.DictionaryCode]"
v-show="(!task.IsBaseLine && item.value > -1) && (task.CrterionDictionaryGroup.indexOf(item.raw.CrterionDictionaryGroup) > -1)"
:key="item.id" :value="item.value" :label="item.label" />
:key="item.id"
:value="item.value"
:label="item.label"
/>
</template>
</el-select>
</template>
@ -103,23 +162,27 @@
</template> -->
<!-- 访视点备注是否存在疾病与系统不一致或者整体肿瘤评估与系统不一致时必填 -->
<!-- tumorEvaluate && task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease) -->
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType === 14">
<template v-else-if="task.VisitTaskId === visitTaskId && scope.row.QuestionType=== 14 ">
<!-- v-if="tumorEvaluate && (currentEvaluateResult !== tumorEvaluate || currentExistDisease !== isExistDisease)" -->
<template>
<!-- 输入框 -->
<el-input v-if="scope.row.Type === 'input'" v-model="currentTaskReason" size="mini"
@change="evaluateReasonChange" />
<el-input v-else-if="scope.row.Type === 'textarea'" v-model="currentTaskReason"
:autosize="{ minRows: 2, maxRows: 4 }" size="mini" maxlength="500"
@change="evaluateReasonChange" />
<el-input
v-if="scope.row.Type==='input'"
v-model="currentTaskReason"
size="mini"
@change="evaluateReasonChange"
/>
<el-input
v-else-if="scope.row.Type==='textarea'"
v-model="currentTaskReason"
:autosize="{ minRows: 2, maxRows: 4}"
size="mini"
maxlength="500"
@change="evaluateReasonChange"
/>
<!-- 系统评估结果为xxx,与当前调整的结果不一致请填写调整原因 -->
<p v-if="currentEvaluateResult !== tumorEvaluate"
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;"
v-html="getWarningText()" />
<p v-else-if="currentExistDisease !== isExistDisease"
style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">
{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{
$fd('ExistDisease', isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
<p v-if="currentEvaluateResult !== tumorEvaluate" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;" v-html="getWarningText()" />
<p v-else-if="currentExistDisease !== isExistDisease" style="width: 140px;padding:0 2px;white-space: normal;word-break: break-all;word-wrap: break-word;">{{ $t('trials:readingReport:title:sysEvaluationRes') }}<span style="color:red">{{ $fd('ExistDisease',isExistDisease) }}</span>{{ $t('trials:readingReport:message:msg1') }}
</p>
</template>
<!-- <template v-else>
@ -135,50 +198,35 @@
</template>
</template>
<template v-else-if="scope.row.QuestionType === 15">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
}}</span>
<template v-else-if="scope.row.QuestionType=== 15">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</el-tooltip>
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</template>
<template v-else-if="scope.row.QuestionType === 13 || scope.row.QuestionType === 42">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'IsGlobalChange')"
:content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer, task.VisitTaskId, 'GlobalChangeAnswer'))}`"
placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId])
}}</span>
<template v-else-if="scope.row.QuestionType=== 13 || scope.row.QuestionType=== 42">
<el-tooltip v-if="getAnswerInfo(scope.row.Answer,task.VisitTaskId,'IsGlobalChange')" :content="`${$t('trials:reading:warnning:msg55')}${$fd(scope.row.DictionaryCode, getAnswerInfo(scope.row.Answer,task.VisitTaskId,'GlobalChangeAnswer'))}`" placement="top" effect="light">
<span style="color:red;"> {{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</el-tooltip>
<span v-else>{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}</span>
</template>
<template v-else-if="scope.row.QuestionType === 22">
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') :
scope.row.Answers[task.VisitTaskId] }}
<template v-else-if="scope.row.QuestionType=== 22">
{{ scope.row.Answers[task.VisitTaskId] === '-1' ? $t('trials:readingReport:title:unknow') : scope.row.Answers[task.VisitTaskId] }}
</template>
<template v-else-if="scope.row.DictionaryCode">
{{ $fd(scope.row.DictionaryCode, scope.row.Answers[task.VisitTaskId]) }}
</template>
<template v-else-if="criterionType === 10">
{{
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
`${scope.row.Answers[task.VisitTaskId]}`
}}
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}` }}
</template>
<template v-else-if="(scope.row.ValueType === 0 || scope.row.ValueType === 1) && scope.row.Unit">
{{ `${scope.row.Answers[task.VisitTaskId]}` }}
<span
v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{
`${$fd('ValueUnit', scope.row.Unit)}` }}</span>
<span v-if="scope.row.Answers[task.VisitTaskId] !== 'NA' && !isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))">{{ `${$fd('ValueUnit',scope.row.Unit)}` }}</span>
</template>
<template v-else-if="scope.row.ValueType === 2">
{{
isNaN(parseInt(scope.row.Answers[task.VisitTaskId])) ? scope.row.Answers[task.VisitTaskId] :
`${scope.row.Answers[task.VisitTaskId]}%`
}}
{{ isNaN(parseInt(scope.row.Answers[task.VisitTaskId]))?scope.row.Answers[task.VisitTaskId]:`${scope.row.Answers[task.VisitTaskId]}%` }}
</template>
<template v-else-if="scope.row.Answers && scope.row.Answers.hasOwnProperty(task.VisitTaskId)">
{{ scope.row.Answers[task.VisitTaskId] }}
@ -190,17 +238,31 @@
</div>
</el-card>
<!-- 附加评估 -->
<el-dialog v-if="additionalAssessmentsDig.visible" :visible.sync="additionalAssessmentsDig.visible"
:close-on-click-modal="false" :title="additionalAssessmentsDig.title" width="600px">
<additional-assessment :questions="assessmentQuestions" :visit-task-id="visitTaskId"
:readingTaskState="readingTaskState" @close="additionalAssessmentsDig.visible = false" @sign="sign" />
<el-dialog
v-if="additionalAssessmentsDig.visible"
:visible.sync="additionalAssessmentsDig.visible"
:close-on-click-modal="false"
:title="additionalAssessmentsDig.title"
width="600px"
>
<additional-assessment
:questions="assessmentQuestions"
:visit-task-id="visitTaskId"
@close="additionalAssessmentsDig.visible = false"
@sign="sign"
/>
</el-dialog>
<!-- 签名框 -->
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
custom-class="base-dialog-wrapper">
<el-dialog
v-if="signVisible"
:visible.sync="signVisible"
:close-on-click-modal="false"
width="600px"
custom-class="base-dialog-wrapper"
>
<div slot="title">
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
</div>
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
</el-dialog>
@ -252,11 +314,7 @@ export default {
}
},
computed: {
...mapGetters(['language']),
isBaseline() {
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
return this.visitTaskList[i] ? this.visitTaskList[i].IsBaseLine : false
}
...mapGetters(['language'])
},
watch: {
taskQuestions() {
@ -337,7 +395,6 @@ export default {
this.setScrollTop()
}
this.loading = false
await this.getTaskAdditionalQuestion()
} catch (e) {
this.loading = false
console.log(e)
@ -548,25 +605,6 @@ export default {
this.answerArr[idx].answer = val
}
},
async getTaskAdditionalQuestion() {
try {
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
this.assessmentQuestions = res.Result
} catch (err) {
console.log(err)
}
},
async openAssessment() {
try {
await this.getTaskAdditionalQuestion()
if (this.assessmentQuestions.length > 0) {
//
this.additionalAssessmentsDig.visible = true
}
} catch (err) {
console.log(err)
}
},
async handleConfirm() {
this.loading = true
try {
@ -578,7 +616,7 @@ export default {
const res = await getTaskAdditionalQuestion({ visitTaskId: this.visitTaskId })
this.assessmentQuestions = res.Result
if (this.assessmentQuestions.length > 0) {
//
//
this.additionalAssessmentsDig.visible = true
} else {
const { ImageAssessmentReportConfirmation } = const_.processSignature
@ -686,7 +724,7 @@ export default {
this.openWindow = window.open(routeData.href, '_blank')
},
handleSave(isPrompt) {
return new Promise(async (resolve, reject) => {
return new Promise(async(resolve, reject) => {
var isBeill
var evaluateResult = ''
var evaluateAjustReason = ''
@ -710,7 +748,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning',
showCancelButton: false,
callback: action => { }
callback: action => {}
})
resolve()
return
@ -720,7 +758,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
type: 'warning',
showCancelButton: false,
callback: action => { }
callback: action => {}
})
resolve()
return
@ -730,7 +768,7 @@ export default {
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
type: 'warning',
showCancelButton: false,
callback: action => { }
callback: action => {}
})
resolve()
return
@ -795,36 +833,29 @@ export default {
}
</script>
<style lang="scss" scoped>
.report-wrapper {
.report-wrapper{
height: 100%;
padding: 10px 0px;
// background-color: #fff;
background-color: #000;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.report-header {
.report-header{
display: flex;
}
.el-card {
display: flex;
flex-direction: column;
height: 100%;
.el-card{
display:flex;flex-direction: column;height: 100%;
background-color: #000;
color: #ffffff;
border: none;
::v-deep .el-card__body {
border:none;
::v-deep .el-card__body{
flex: 1;
}
}
@ -842,51 +873,42 @@ export default {
// color: #ffffff;
// }
::v-deep .el-table,
.el-table__expanded-cell {
::v-deep .el-table, .el-table__expanded-cell {
background-color: #000;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table th,
.el-table tr {
::v-deep .el-table th, .el-table tr {
background-color: #000;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table__body tr>td {
background-color: #000 !important;
::v-deep .el-table__body tr > td{
background-color:#000 !important;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table__body tr:hover>td {
background-color: #858282 !important;
::v-deep .el-table__body tr:hover > td{
background-color:#858282 !important;
color: #fff;
border-color: #444444;
border-color:#444444;
}
::v-deep .el-table--border th.gutter:last-of-type {
::v-deep .el-table--border th.gutter:last-of-type{
border: none;
}
::v-deep .el-card__header {
::v-deep .el-card__header{
border: none;
padding: 10px;
}
}
::v-deep .el-switch__label {
color: #fff;
::v-deep .el-switch__label{
color:#fff;
}
::v-deep .el-switch__label.is-active {
::v-deep .el-switch__label.is-active{
color: #428bca;
}
.colorOfRed {
.colorOfRed{
color: #f66;
}
</style>

View File

@ -1,34 +1,59 @@
<template>
<div ref="viewport" class="viewport-wrapper" v-loading="loading" :element-loading-text="NSTip"
element-loading-background="rgba(0, 0, 0, 0.8)" @mouseup="sliderMouseup" @mousemove="sliderMousemove"
@mouseleave="sliderMouseleave">
<div
ref="viewport"
class="viewport-wrapper"
v-loading="loading"
:element-loading-text="NSTip"
element-loading-background="rgba(0, 0, 0, 0.8)"
@mouseup="sliderMouseup"
@mousemove="sliderMousemove"
@mouseleave="sliderMouseleave"
>
<div v-if="series && taskInfo" class="left-top-text">
<div v-if="taskInfo.IsExistsClinicalData" class="cd-info" :title="$t('trials:reading:button:clinicalData')">
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
@click.stop="viewCD(series.TaskInfo.VisitTaskId)" />
<div
v-if="taskInfo.IsExistsClinicalData"
class="cd-info"
:title="$t('trials:reading:button:clinicalData')"
>
<svg-icon
style="cursor: pointer;"
icon-class="documentation"
class="svg-icon"
@click.stop="viewCD(series.TaskInfo.VisitTaskId)"
/>
</div>
<h2 v-if="taskInfo.IsReadingShowSubjectInfo" class="subject-info">
<h2
v-if="taskInfo.IsReadingShowSubjectInfo"
class="subject-info"
>
{{ `${series.TaskInfo.SubjectCode} ${series.TaskInfo.TaskBlindName} ` }}
</h2>
<div>Series: #{{ series.SeriesNumber }}</div>
<div v-if="series.Stack">Image: #{{ `${series.SliceIndex + 1}/${series.Stack.length}` }}</div>
<div>{{ series.Modality }}</div>
</div>
<div v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1" class="top-center-tool">
<div
v-if="series && taskInfo && taskInfo.IsReadingTaskViewInOrder === 1"
class="top-center-tool"
>
<div class="toggle-visit-container">
<div class="arrw_icon"
:style="{ cursor: series.TaskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum !== 0 ? '#fff' : '#6b6b6b' }"
<div
class="arrw_icon"
:style="{ cursor: series.TaskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum !== 0 ? '#fff': '#6b6b6b' }"
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, -1)"
@dblclick.stop="preventDefault($event)">
@dblclick.stop="preventDefault($event)"
>
<i class="el-icon-caret-left" />
</div>
<div class="arrow_text">
{{ series.TaskInfo.TaskBlindName }}
</div>
<div class="arrw_icon"
:style="{ cursor: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff' : '#6b6b6b' }"
<div
class="arrw_icon"
:style="{ cursor: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: series.TaskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff': '#6b6b6b' }"
@click.stop.prevent="toggleTask($event, series.TaskInfo.VisitTaskNum, 1)"
@dblclick.stop="preventDefault($event)">
@dblclick.stop="preventDefault($event)"
>
<i class="el-icon-caret-right" />
</div>
</div>
@ -40,13 +65,11 @@
<div v-show="mousePosition.index.length > 0">
Pos: {{ mousePosition.index[0] }}, {{ mousePosition.index[1] }}
</div>
<div
v-if="(series.Modality === 'CT' || series.Modality === 'DR' || series.Modality === 'CR') && mousePosition.value">
<div v-if="(series.Modality === 'CT' || series.Modality === 'DR' || series.Modality === 'CR') && mousePosition.value">
HU: {{ mousePosition.value }}
</div>
<div v-else-if="(series.Modality === 'PT' && mousePosition.value)">
{{ mousePosition.modalityUnit }}: {{ digitPlaces === -1 ? mousePosition.value.toFixed(3)
: mousePosition.value.toFixed(digitPlaces) }}
{{mousePosition.modalityUnit}}: {{ digitPlaces === -1 ?mousePosition.value.toFixed(3) :mousePosition.value.toFixed(digitPlaces) }}
</div>
<div v-else-if="mousePosition.value">
Density: {{ mousePosition.value }}
@ -60,9 +83,8 @@
</div>
<div v-if="series" class="right-bottom-text">
<div v-show="imageInfo.location">Location: {{ `${Number(imageInfo.location).toFixed(digitPlaces)} mm` }}</div>
<div v-show="series.SliceThickness">Slice Thickness: {{ `${Number(series.SliceThickness).toFixed(digitPlaces)} mm`
}}</div>
<div v-show="imageInfo.wwwc">WW/WL: {{ imageInfo.wwwc }}</div>
<div v-show="series.SliceThickness">Slice Thickness: {{ `${Number(series.SliceThickness).toFixed(digitPlaces)} mm` }}</div>
<div v-show="imageInfo.wwwc ">WW/WL: {{ imageInfo.wwwc }}</div>
</div>
<div class="orientation-top">
{{ markers.top }}
@ -78,8 +100,7 @@
{{ markers.left }}
</div>
<div ref="sliderBox" class="right-slider-box" @click.stop="clickSlider($event)">
<div :style="{ top: sliderInfo.height + '%' }" class="slider" @click.stop.prevent="() => { return }"
@mousedown.stop="sliderMousedown($event)" />
<div :style="{top: sliderInfo.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event)" />
</div>
</div>
</template>
@ -174,7 +195,7 @@ export default {
this.element.addEventListener('CORNERSTONE_STACK_NEW_IMAGE', this.stackNewImage)
// this.element.addEventListener('CORNERSTONE_VOI_MODIFIED', this.voiModified)
// this.element.addEventListener('CORNERSTONE_CAMERA_MODIFIED', this.cameraModified)
this.element.addEventListener('CORNERSTONE_IMAGE_RENDERED', this.imageRendered)
this.element.addEventListener('CORNERSTONE_TOOLS_MOUSE_MOVE', this.cornerstoneToolsMouseMove)
this.element.addEventListener('mouseleave', () => {
@ -198,9 +219,9 @@ export default {
// this.imageInfo.wwwc = `${Math.round(detail.image.windowWidth)}/${Math.round(detail.image.windowCenter)}`
this.getOrientationMarker()
this.$emit('renderAnnotations', this.series)
const toolGroupId = this.viewportId
const toolGroup = cornerstoneTools.ToolGroupManager.getToolGroup(toolGroupId)
toolGroup.setToolEnabled('ScaleOverlay')
// const toolGroupId = `viewport-${this.viewportIndex}`
// const toolGroup = ToolGroupManager.getToolGroup(toolGroupId)
// toolGroup.setToolEnabled('ScaleOverlay')
},
imageRendered(e) {
const renderingEngine = getRenderingEngine(this.renderingEngineId)
@ -364,7 +385,7 @@ export default {
}
},
cachePTMetadata(images) {
images.map(i => {
images.map(i=>{
const instanceMetadata = getPTImageIdInstanceMetadata(i.imageId)
if (typeof instanceMetadata.CorrectedImage === 'string') {
instanceMetadata.CorrectedImage = instanceMetadata.CorrectedImage.split('\\')
@ -395,7 +416,7 @@ export default {
}
this.prefetchMetadataInformation(obj.ImageIds, obj.Modality)
await viewport.setStack(this.series.Stack, obj.SliceIndex)
viewport.render()
} catch (e) {
console.log(e)
@ -521,18 +542,17 @@ export default {
},
computed: {
NSTip() {
return `NS: ${this.$store.state.trials.downloadTip}`
return `NS: ${this.$store.state.trials.uploadTip}`
}
},
}
</script>
<style lang="scss" scoped>
.viewport-wrapper {
width: 100%;
height: 100%;
width:100%;
height:100%;
position: relative;
cursor: default !important;
.left-top-text {
position: absolute;
left: 5px;
@ -540,31 +560,26 @@ export default {
color: #ddd;
z-index: 1;
font-size: 12px;
.cd-info {
color: #ddd;
font-size: 18px;
}
.subject-info {
color: #f44336;
color:#f44336;
padding: 5px 0px;
margin: 0;
}
}
.top-center-tool {
position: absolute;
left: 50%;
left:50%;
top: 5px;
transform: translateX(-50%);
z-index: 1;
.toggle-visit-container {
display: flex;
}
.arrw_icon {
.arrw_icon{
width: 20px;
height: 20px;
background-color: #3f3f3f;
@ -572,17 +587,15 @@ export default {
line-height: 20px;
border-radius: 10%;
}
.arrow_text {
.arrow_text{
height: 20px;
line-height: 20px;
background-color: #00000057;
color: #fff;
padding: 0 10px;
padding:0 10px;
font-size: 14px;
}
}
.right-top-text {
position: absolute;
right: 5px;
@ -591,7 +604,6 @@ export default {
z-index: 1;
font-size: 12px;
}
.left-bottom-text {
position: absolute;
left: 5px;
@ -600,7 +612,6 @@ export default {
z-index: 1;
font-size: 12px;
}
.right-bottom-text {
position: absolute;
right: 5px;
@ -609,7 +620,6 @@ export default {
z-index: 1;
font-size: 12px;
}
.right-slider-box {
position: absolute;
right: 1px;
@ -621,8 +631,7 @@ export default {
z-index: 1;
cursor: pointer;
}
.right-slider-box:after {
.right-slider-box:after{
content: '';
position: absolute;
bottom: -20px;
@ -631,17 +640,15 @@ export default {
width: 100%;
background: #333;
}
.slider {
height: 20px;
width: 100%;
position: absolute;
top: 0;
z-index: 10;
z-index:10;
background: #9e9e9e;
cursor: move
}
.orientation-top {
position: absolute;
left: 50%;
@ -650,7 +657,6 @@ export default {
transform: translateX(-50%);
z-index: 1;
}
.orientation-bottom {
position: absolute;
left: 50%;
@ -659,7 +665,6 @@ export default {
transform: translateX(-50%);
z-index: 1;
}
.orientation-left {
position: absolute;
top: 50%;
@ -668,7 +673,6 @@ export default {
transform: translateY(-50%);
z-index: 1;
}
.orientation-right {
position: absolute;
top: 50%;

View File

@ -8,7 +8,7 @@
style="font-weight: bold;font-size: 14px;margin: 5px 0px;">
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
<span :title="question.Remark">{{ question.QuestionName }}</span>
<el-button size="mini" v-if="readingTaskState < 2 && !question.IsPreinstall" @click="openAddTableCol(question)">
<el-button size="mini" v-if="readingTaskState < 2" @click="openAddTableCol(question)">
{{ $t('common:button:add') }}
</el-button>
</div>
@ -39,7 +39,7 @@
{{ $t('common:button:edit') }}
</el-button>
<el-button type="text" size="mini" :disabled="addOrEdit.visible"
v-if="(scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline) && !question.IsPreinstall"
v-if="scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || isBaseline"
@click="deleteTableCol(question, scope.$index)">
{{ $t('common:button:delete') }}
</el-button>

View File

@ -15,14 +15,14 @@
:class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' || question.Type === 'screenshot' ? 'uploadWrapper' : '']">
<!-- 输入框 -->
<el-input v-if="question.Type === 'input'" v-model="questionForm[question.Id]"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall" />
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')" />
<!-- 多行文本输入框 -->
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
:autosize="{ minRows: 2, maxRows: 4 }" />
<!-- 下拉框 -->
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
:disabled="(question.TableQuestionType === 2 || question.IsPreinstall || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
@change="((val) => { formItemChange(val, question) })">
<template v-if="question.TableQuestionType === 1">
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
@ -44,7 +44,7 @@
</el-select>
<!-- 单选 -->
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
@change="((val) => { formItemChange(val, question) })">
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
{{ val }}
@ -52,7 +52,7 @@
</el-radio-group>
<!-- 复选框 -->
<el-checkbox-group v-if="question.Type === 'checkbox'"
:disabled="question.TableQuestionType === 2 || question.IsPreinstall || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
v-model="questionForm[question.Id]">
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
{{ val }}
@ -62,11 +62,11 @@
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 1"
v-model="questionForm[question.Id]" />
<el-select v-if="question.Type === 'class' && question.ClassifyShowType === 2" v-model="questionForm[question.Id]"
:disabled="!question.ClassifyEditType || question.IsPreinstall" @change="(val) => { formItemChange(val, question) }">
:disabled="!question.ClassifyEditType" @change="(val) => { formItemChange(val, question) }">
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
</el-select>
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType || question.IsPreinstall"
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType"
@change="(val) => { formItemChange(val, question) }">
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
{{ item.trim() }}
@ -86,7 +86,7 @@
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? () => { } : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question)"
v-model="questionForm[question.Id]"
:title="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] ? questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].OrderMarkName : question.Remark"
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1 || question.IsPreinstall"
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1"
style="width: 150px;margin-right: 5px;">
<template v-if="question.Unit !== 0" slot="append">
{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit }}
@ -144,21 +144,21 @@
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
</el-select>
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False') || question.IsPreinstall"
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
@change="((val) => { formItemNumberChange(val, question) })" @input="numberInput(question.Id)"
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" v-model="questionForm[question.Id]">
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
question.CustomUnit }}</template>
</el-input>
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource === 1"
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true) || question.IsPreinstall"
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true)"
@blur="handleCalculationBlur(calculationValue)" v-model="calculationValue">
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
question.CustomUnit }}</template>
</el-input>
</template>
<!-- 上传图像 -->
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2 || question.IsPreinstall"
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2"
action :accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
:on-preview="handlePictureCardPreview"
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType, question.Type) }"

View File

@ -123,10 +123,10 @@
</span>
</div>
<div style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
<template v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
<template v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
</template>
<template v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphNodes && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
<template v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
</template>
</div>
@ -536,7 +536,7 @@ export default {
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], stateId, 0)
}
if (!(innerForm.IsCurrentTaskAdd === 'True') && lesionType !== 2) {
if (!(innerForm.IsCurrentTaskAdd === 'True')) {
// 线>=10mm>=10mm
if (!this.isBaseLineTask && ((obj.toolName === 'Length' && length >= 10) || (obj.toolName === 'Bidirectional' && short >= 10))) {
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
@ -624,10 +624,9 @@ export default {
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], stateId, 0)
}
const intrahepaticLesion = this.innerFormData[`${tableId}_${rowIndex}`].IntrahepaticLesion
const isCurrentTaskAdd = this.innerFormData[`${tableId}_${rowIndex}`].IsCurrentTaskAdd
const isLymphNodes = this.innerFormData[`${tableId}_${rowIndex}`].IsLymphNodes
if (!(isCurrentTaskAdd === 'True') && lesionType !== 2) {
if (!(isCurrentTaskAdd === 'True')) {
// 线>=10mm>=10mm
if (!this.isBaseLineTask && ((toolName === 'Length' && length >= 10) || (toolName === 'Bidirectional' && short >= 10))) {
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'LesionState', 0)

View File

@ -9,26 +9,33 @@
<el-tab-pane :label="$t('trials:clinicaldara:title:currentTask')" name="first" class="left-content">
<div>
<!-- 检查层级 -->
<div v-for="(study, i) in studyList" :key="study.CodeView">
<div v-for="(study,i) in studyList" :key="study.CodeView">
<div class="study-desc">
<span>{{ study.CodeView }}</span>
<span style="margin:0 5px">{{ study.Modality }}</span>
<span>{{ getBodyPart(study.BodyPart, study.BodyPartForEditOther) }}</span>
<span>{{ getBodyPart(study.BodyPart) }}</span>
</div>
<!-- 文件层级 -->
<div v-if="study.NoneDicomStudyFileList.length === 0" class="empty-text">
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
</div>
<div v-else id="imgList" style="height:100%;">
<div v-for="(item, j) in study.NoneDicomStudyFileList" :id="`img${item.Id}`" :key="item.Id" :class="{
'is-boxActive': item.Id === currentFileId
}" class="img-box" @click="selected(item, i, j, true)">
<div
v-for="(item,j) in study.NoneDicomStudyFileList"
:id="`img${item.Id}`"
:key="item.Id"
:class="{
'is-boxActive': item.Id === currentFileId
}"
class="img-box"
@click="selected(item,i,j,true)"
>
<div v-if="item.FileName.length < 15" class="img-text">
{{ `${j + 1}. ${item.FileName}` }}
{{ `${j+1}. ${item.FileName}` }}
</div>
<el-tooltip v-else :content="item.FileName" placement="bottom">
<div class="img-text">
{{ `${j + 1}. ${item.FileName}` }}
{{ `${j+1}. ${item.FileName}` }}
</div>
</el-tooltip>
</div>
@ -44,15 +51,21 @@
<slot name="empty">{{ $t('trials:audit:message:noData') }}</slot>
</div>
<div v-else>
<div v-for="(task, j) in associatedList" :key="task.VisitTaskId" :class="{
'is-boxActive': task.VisitTaskId === currentTaskId
}" class="img-box" @click="handleImageRead(task)">
<div
v-for="(task,j) in associatedList"
:key="task.VisitTaskId"
:class="{
'is-boxActive': task.VisitTaskId === currentTaskId
}"
class="img-box"
@click="handleImageRead(task)"
>
<div v-if="task.TaskBlindName.length < 15" class="img-text">
{{ `${j + 1}. ${task.TaskBlindName}` }}
{{ `${j+1}. ${task.TaskBlindName}` }}
</div>
<el-tooltip v-else :content="task.TaskBlindName" placement="bottom">
<div class="img-text">
{{ `${j + 1}. ${task.TaskBlindName}` }}
{{ `${j+1}. ${task.TaskBlindName}` }}
</div>
</el-tooltip>
</div>
@ -65,8 +78,14 @@
<!-- 预览图像 -->
<el-card v-loading="loading" class="box-card right">
<div style="width:100%;height: 100%;">
<Preview v-if="previewImage.imgList.length > 0" ref="previewImage" style="width:100%;"
:preview-image="previewImage" :value="currentStudyFileIndex" @selectedImg="selectedImg" />
<Preview
v-if="previewImage.imgList.length > 0"
ref="previewImage"
style="width:100%;"
:preview-image="previewImage"
:value="currentStudyFileIndex"
@selectedImg="selectedImg"
/>
</div>
</el-card>
@ -82,12 +101,18 @@
</el-button>
</div> -->
<Criterions
v-if="otherInfo && visitTaskId !== '' && subjectId !== '' && readingCategory !== null && readingCategory !== 4"
:trial-id="trialId" :subject-id="subjectId" :visit-task-id="visitTaskId"
:criterion-id="otherInfo.TrialCriterionId" :subject-code="subjectCode" :task-blind-name="taskBlindName"
v-if="otherInfo && visitTaskId!== '' && subjectId!== '' && readingCategory!==null && readingCategory!==4"
:trial-id="trialId"
:subject-id="subjectId"
:visit-task-id="visitTaskId"
:criterion-id="otherInfo.TrialCriterionId"
:subject-code="subjectCode"
:task-blind-name="taskBlindName"
:is-reading-show-subject-info="isReadingShowSubjectInfo"
:ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading" :isExistsClinicalData="isExistsClinicalData"
@previewCD="previewCD" />
:ise-c-r-f-show-in-dicom-reading="iseCRFShowInDicomReading"
:isExistsClinicalData="isExistsClinicalData"
@previewCD="previewCD"
/>
</el-card>
</div>
@ -178,7 +203,7 @@ export default {
currentTaskId: '',
otherInfo: null,
isReadingShowPreviousResults: false,
BodyPart: {},
bp: [],
openWindow: null
}
},
@ -188,7 +213,7 @@ export default {
}
},
async mounted() {
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.bp = await this.$getBodyPart(this.$route.query.trialId)
this.isReadingShowPreviousResults = this.$router.currentRoute.query.isReadingShowPreviousResults !== undefined ? this.$router.currentRoute.query.isReadingShowPreviousResults : true
this.getNoneDicomList(this.isReadingShowPreviousResults)
@ -302,8 +327,8 @@ export default {
// window.open(routeData.href, '_blank')
this.$emit('previewCD', this.visitTaskId)
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -313,61 +338,51 @@ export default {
separator = ''
}
var arr = bodyPart.split(separator)
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
var newArr = arr.map(i => {
return this.$fd('Bodypart', i.trim(), 'Code', { Bodypart: this.bp }, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
}
}
}
</script>
<style lang="scss" scoped>
.img-container {
.img-container{
flex: 1;
width: 100%;
height: 100%;
padding-bottom: 10px;
display: flex;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
::v-deep .el-card__body {
::v-deep .el-card__body{
padding: 0px;
}
}
.study-desc {
.study-desc{
padding: 10px 5px;
line-height: 1;
background-color: #ebebeb;
font-weight: 500;
}
.left {
width: 240px;
.left{
width:240px;
height: 100%;
::v-deep .el-card__body {
::v-deep .el-card__body{
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
}
.title {
.title{
// height: 40px;
// line-height: 40px;
border: 1ppx solid;
@ -375,40 +390,34 @@ export default {
// padding-left: 10px;
background-color: #4e4e4e;
color: #ffffff;
h4 {
h4{
padding: 5px 0px;
margin: 0;
text-align: center;
background-color: #4c4c4c;
}
}
.left-content {
.left-content{
flex: 1;
overflow-y: auto;
}
::v-deep .el-tabs {
::v-deep .el-tabs{
height: 100%;
display: flex;
display:flex;
flex-direction: column;
}
::v-deep .el-tabs__header {
::v-deep .el-tabs__header{
height: 40px;
padding: 0 5px;
margin-bottom: 5px;
}
::v-deep .el-tabs__content {
::v-deep .el-tabs__content{
flex: 1;
overflow-y: auto;
padding: 0 5px;
}
.img-box {
.img-box{
// position: relative;
display: inline-block;
box-sizing: border-box;
@ -417,40 +426,34 @@ export default {
// margin-bottom: 5px;
padding-left: 5px;
}
.img-text {
.img-text{
display: inline-block;
width: 200px;
height: 50px;
line-height: 50px;
overflow: hidden;
text-overflow: ellipsis;
/* 用省略号表示溢出的文本 */
text-overflow: ellipsis; /* 用省略号表示溢出的文本 */
white-space: nowrap;
}
.img-box:nth-last-child(1) {
.img-box:nth-last-child(1){
margin-bottom: 0px;
}
.is-boxActive {
// border-color: #409eff;
color: #409eff;
}
.is-boxActiv:after {
opacity: 0;
}
}
.right {
.right{
flex: 1;
height: 100%;
margin-left: 10px;
::v-deep .el-card__body {
::v-deep .el-card__body{
height: 100%;
width: 100%;
}
}
</style>

View File

@ -147,6 +147,7 @@
prop="UserType"
:label="$t('trials:staff:table:userType')"
show-overflow-tooltip
sortable
width="160"
>
<template slot-scope="scope">

View File

@ -1,85 +1,164 @@
<template>
<div>
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:study') }}</el-divider>
<el-table v-loading="btnLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
max-height="250">
<!-- 检查编号 -->
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
show-overflow-tooltip />
<!-- 检查类型 -->
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
<!-- 检查设备 -->
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
<!-- 检查部位 -->
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
show-overflow-tooltip>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
</template>
</el-table-column>
<!-- 序列数量 -->
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
show-overflow-tooltip />
<!-- 图像数量 -->
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
show-overflow-tooltip />
<!-- 检查日期 -->
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
show-overflow-tooltip>
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
<!-- </template>-->
</el-table-column>
<!-- 上传时间 -->
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
show-overflow-tooltip />
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
<template slot-scope="scope">
<!-- 预览 -->
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
</template>
</el-table-column>
<el-table
v-loading="btnLoading"
:data="studyList"
style="width: 100%"
:row-class-name="tableRowClassName"
max-height="250"
>
<!-- 检查编号 -->
<el-table-column
prop="StudyCode"
:label="$t('trials:uploadedDicoms:table:studyId')"
min-width="80"
show-overflow-tooltip
/>
<!-- 检查类型 -->
<el-table-column
prop="ModalityForEdit"
:label="$t('trials:audit:table:modality')"
/>
<!-- 检查设备 -->
<el-table-column
prop="Modalities"
:label="$t('trials:audit:table:modality1')"
/>
<!-- 检查部位 -->
<el-table-column
prop="BodyPartForEdit"
:label="$t('trials:uploadedDicoms:table:bodyPart')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPartForEdit)}}
</template>
</el-table-column>
<!-- 序列数量 -->
<el-table-column
prop="SeriesCount"
:label="$t('trials:uploadedDicoms:table:seriesCount')"
min-width="100"
show-overflow-tooltip
/>
<!-- 图像数量 -->
<el-table-column
prop="InstanceCount"
:label="$t('trials:uploadedDicoms:table:instanceCount')"
min-width="100"
show-overflow-tooltip
/>
<!-- 检查日期 -->
<el-table-column
prop="StudyTime"
:label="$t('trials:uploadedDicoms:table:studyDate')"
min-width="120"
show-overflow-tooltip
>
<!-- <template slot-scope="scope">-->
<!-- {{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}-->
<!-- </template>-->
</el-table-column>
<!-- 上传时间 -->
<el-table-column
prop="UploadedTime"
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
min-width="80"
show-overflow-tooltip
/>
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
<template slot-scope="scope">
<!-- 预览 -->
<el-button
icon="el-icon-view"
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:preview')"
circle
@click="handleViewStudy(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<el-divider content-position="left">{{ $t('trials:readingPeriod:title:series') }}</el-divider>
<el-table :data="seriesList" v-loading="btnLoading" :row-class-name="tableRowClassName">
<el-table
:data="seriesList"
v-loading="btnLoading"
:row-class-name="tableRowClassName"
>
<!-- 序列号 -->
<el-table-column prop="SeriesNumber" :label="$t('trials:audit:table:seriesId')" />
<el-table-column
prop="SeriesNumber"
:label="$t('trials:audit:table:seriesId')"
/>
<!-- 检查编号 -->
<el-table-column prop="StudyCode" :label="$t('trials:audit:table:seriesOfStudyId')" />
<el-table-column
prop="StudyCode"
:label="$t('trials:audit:table:seriesOfStudyId')"
/>
<!-- 检查类型 -->
<el-table-column prop="Modality" :label="$t('trials:audit:table:seriesModality')" show-overflow-tooltip />
<el-table-column
prop="Modality"
:label="$t('trials:audit:table:seriesModality')"
show-overflow-tooltip
/>
<!-- 检查部位 -->
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
show-overflow-tooltip>
<el-table-column
prop="BodyPartForEdit"
:label="$t('trials:uploadedDicoms:table:bodyPart')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
{{ getBodyPart(scope.row.BodyPartForEdit)}}
</template>
</el-table-column>
<!-- 图像数量 -->
<el-table-column prop="InstanceCount" :label="$t('trials:audit:table:seriesOfInstanceCount')" />
<el-table-column
prop="InstanceCount"
:label="$t('trials:audit:table:seriesOfInstanceCount')"
/>
<!-- 检查日期 -->
<el-table-column prop="SeriesTime" :label="$t('trials:audit:table:seriesOfStudyDate')" show-overflow-tooltip>
<el-table-column
prop="SeriesTime"
:label="$t('trials:audit:table:seriesOfStudyDate')"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
</template>
</el-table-column>
<!-- 是否阅片 -->
<el-table-column prop="IsReading" :label="$t('trials:audit:table:isReading')">
<el-table-column
prop="IsReading"
:label="$t('trials:audit:table:isReading')"
>
<template slot-scope="scope">
<el-switch :disabled="scope.row.IsConfirmed" v-model="scope.row.IsReading" />
<el-switch
:disabled="scope.row.IsConfirmed"
v-model="scope.row.IsReading"
/>
</template>
</el-table-column>
<el-table-column :label="$t('common:action:action')">
<el-table-column
:label="$t('common:action:action')"
>
<template slot-scope="scope">
<!-- 预览 -->
<el-button icon="el-icon-view" :title="$t('trials:audit:action:seriesPreview')" circle
:disabled="scope.row.IsDeleted" @click="handlePreviewInstance(scope.row)" />
<el-button
icon="el-icon-view"
:title="$t('trials:audit:action:seriesPreview')"
circle
:disabled="scope.row.IsDeleted"
@click="handlePreviewInstance(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)"
style="text-align: right;margin-top: 20px">
<div slot="footer" class="dialog-footer" v-if="!this.seriesList.find(v => v.IsConfirmed)" style="text-align: right;margin-top: 20px">
<el-button :disabled="btnLoading" size="small" type="primary" @click="save(false)">
{{ $t('common:button:save') }}
</el-button>
@ -100,7 +179,7 @@ export default {
props: {
data: {
type: Object,
default: () => { }
default: () => {}
}
},
data() {
@ -111,11 +190,11 @@ export default {
seriesList: [],
moment,
trialId: this.$route.query.trialId,
BodyPart: {}
bp:[]
}
},
async mounted() {
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.bp = await this.$getBodyPart(this.$route.query.trialId)
this.getList()
},
methods: {
@ -137,7 +216,7 @@ export default {
this.$message.success(this.$t('common:message:savedSuccessfully'))
this.getList()
this.btnLoading = false
}).catch(() => { this.btnLoading = false })
}).catch(() => {this.btnLoading = false})
} else {
this.$confirm(this.$t('trials:readingPeriod:confirm:Images')).then(() => {
this.btnLoading = true
@ -147,7 +226,7 @@ export default {
this.btnLoading = false
this.$emit('getList')
this.$emit('close')
}).catch(() => { this.btnLoading = false })
}).catch(() => {this.btnLoading = false})
})
}
},
@ -158,8 +237,8 @@ export default {
})
this.open = window.open(routeData.href, '_blank')
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -169,13 +248,9 @@ export default {
separator = ''
}
var arr = bodyPart.split(separator)
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
var newArr = arr.map(i => {
return this.$fd('Bodypart', i.trim(),'Code',{Bodypart:this.bp},'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
getList() {
@ -190,7 +265,7 @@ export default {
this.seriesList = res.Result.SeriesList
this.btnLoading = false
console.log(res.Result)
}).catch(() => { this.btnLoading = false })
}).catch(() => { this.btnLoading = false })
},
//
tableRowClassName({ row, rowIndex }) {
@ -220,4 +295,6 @@ export default {
}
</script>
<style scoped></style>
<style scoped>
</style>

View File

@ -1,39 +1,60 @@
<template>
<el-form ref="subjectStatusForm" v-loading="loading" :model="form" :rules="rules" size="small" label-width="160px">
<el-form
ref="subjectStatusForm"
v-loading="loading"
:model="form"
:rules="rules"
size="small"
label-width="160px"
>
<div class="base-dialog-body">
<!-- Status -->
<el-form-item :label="$t('trials:subject:table:status')" prop="Status">
<el-radio-group v-model="form.Status" :disabled="originalStatus === 2" @change="handleChange">
<el-radio v-for="item of $d.Subject_Visit_Status" :label="item.value" :key="item.id">
{{ item.label }}</el-radio>
<el-radio-group v-model="form.Status" :disabled="originalStatus === 2">
<el-radio v-for="item of $d.Subject_Visit_Status" :label="item.value" :key="item.id">{{item.label}}</el-radio>
</el-radio-group>
</el-form-item>
<!-- Out Visit Date -->
<el-form-item v-if="form.Status == 2" :label="$t('trials:subject:table:outVisitDate')" prop="VisitOverTime">
<el-date-picker v-model="form.VisitOverTime" type="date" :picker-options="pickerOption"
value-format="yyyy-MM-dd" format="yyyy-MM-dd" />
<el-form-item v-if="form.Status== 2" :label="$t('trials:subject:table:outVisitDate')" prop="VisitOverTime">
<el-date-picker
v-model="form.VisitOverTime"
type="date"
:picker-options="pickerOption"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
/>
</el-form-item>
<!-- 末次访视 -->
<el-form-item v-if="form.Status === 2" :label="$t('trials:subject:table:finalSubjectVisit')"
prop="FinalSubjectVisitId">
<el-select v-model="form.FinalSubjectVisitId" clearable filterable style="width:100%"
:disabled="originalStatus === 2">
<el-option v-for="item in subjectVisitOptions" :key="item.Id" :label="item.VisitName" :value="item.Id" />
<el-form-item v-if="form.Status===2" :label="$t('trials:subject:table:finalSubjectVisit')" prop="FinalSubjectVisitId">
<el-select
v-model="form.FinalSubjectVisitId"
clearable
filterable
style="width:100%"
:disabled="originalStatus === 2"
>
<el-option
v-for="item in subjectVisitOptions"
:key="item.Id"
:label="item.VisitName"
:value="item.Id"
/>
</el-select>
</el-form-item>
<!-- 结束访视的原因 -->
<el-form-item v-if="form.Status === 2" :label="$t('trials:subject:table:outVisitReason')" prop="Reason">
<el-form-item v-if="form.Status===2" :label="$t('trials:subject:table:outVisitReason')" prop="Reason">
<el-input v-model="form.Reason" type="textarea" autosize />
</el-form-item>
<!-- 访视中止的原因 -->
<el-form-item v-if="form.Status === 3" :label="$t('trials:subject:table:outVisitReason')" prop="SuspendReason">
<el-input v-model="form.SuspendReason" type="textarea" autosize />
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item style="text-align:right;">
<!-- 取消 -->
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
<el-button
:disabled="btnLoading"
size="small"
type="primary"
@click="handleCancel"
>
{{ $t('common:button:cancel') }}
</el-button>
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
@ -62,14 +83,12 @@ export default {
OutEnrollmentTime: '',
Reason: '',
VisitOverTime: '',
FinalSubjectVisitId: '',
SuspendReason: ''
FinalSubjectVisitId: ''
},
rules: {
OutEnrollmentTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
FinalSubjectVisitId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
Reason: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
SuspendReason: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` }],
VisitOverTime: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }]
},
pickerOption: {
@ -89,9 +108,6 @@ export default {
this.initForm()
},
methods: {
handleChange() {
if (this.form.Status !== 3) this.form.SuspendReason = ''
},
async initForm() {
this.loading = true
const { Result } = await getSubjectVisitSelectOptions(this.data.Id)

View File

@ -856,7 +856,6 @@ export default {
var item
if (!v.IsEnable) return
if (v.ApplyCriterionList && Array.isArray(v.ApplyCriterionList) && v.ApplyCriterionList.length > 0 && !v.ApplyCriterionList.includes(this.currentRow.CriterionType)) return false
if (v.IsShowByTrialConfig) {
if (!parentRow[v.TrialConfigRelyFieldName]) return
}

View File

@ -356,14 +356,7 @@ export default {
} else {
this.searchData.Asc = false
}
let prop = column.prop
if (prop === 'TotalImageSizeStr') {
prop = 'TotalImageSize'
}
if (prop === 'TotalReadingImageSizeStr') {
prop = 'TotalReadingImageSize'
}
this.searchData.SortField = prop
this.searchData.SortField = column.prop
this.searchData.PageIndex = 1
this.getList()
},

View File

@ -2,125 +2,254 @@
<div class="study-info">
<div class="functions" style="text-align: right">
<!-- 删除 -->
<el-button v-if="
data.SubmitState * 1 < 2 ||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
" v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']" :disabled="deleteArr.length === 0"
type="primary" size="small" icon="el-icon-delete" @click="handleBatchDelete">
<el-button
v-if="
data.SubmitState * 1 < 2 ||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
"
v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']"
:disabled="deleteArr.length === 0"
type="primary"
size="small"
icon="el-icon-delete"
@click="handleBatchDelete"
>
{{ $t('trials:uploadedDicoms:action:delete') }}
</el-button>
<!-- 预览 -->
<el-button type="primary" size="small" :disabled="studyList.length === 0" icon="el-icon-view"
@click="handlePreviewAllFiles">
<el-button
type="primary"
size="small"
:disabled="studyList.length === 0"
icon="el-icon-view"
@click="handlePreviewAllFiles"
>
{{ $t('trials:uploadedDicoms:action:preview') }}
</el-button>
</div>
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" height="300"
:row-class-name="tableRowClassName" @selection-change="handleSelectionChange"
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }">
<el-table-column v-if="!(data.SubmitState * 1 === 2) || data.IsQCConfirmedReupload" type="selection" width="55" />
<el-table
v-loading="studyLoading"
:data="studyList"
style="width: 100%"
height="300"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }"
>
<el-table-column
v-if="!(data.SubmitState * 1 === 2) || data.IsQCConfirmedReupload"
type="selection"
width="55"
/>
<!-- 检查编号 -->
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
show-overflow-tooltip sortable />
<el-table-column
prop="StudyCode"
:label="$t('trials:uploadedDicoms:table:studyId')"
min-width="80"
show-overflow-tooltip
sortable
/>
<!-- 检查名称 -->
<el-table-column v-if="relationInfo.IsShowStudyName" prop="StudyName" :label="$t('trials:audit:table:StudyName')"
sortable />
<el-table-column
v-if="relationInfo.IsShowStudyName"
prop="StudyName"
:label="$t('trials:audit:table:StudyName')"
sortable
/>
<!-- 检查类型 -->
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" sortable />
<el-table-column
prop="ModalityForEdit"
:label="$t('trials:audit:table:modality')"
sortable
/>
<!-- 检查类型 -->
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" sortable />
<el-table-column
prop="Modalities"
:label="$t('trials:audit:table:modality1')"
sortable
/>
<!-- 检查部位 -->
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" sortable
min-width="100" show-overflow-tooltip>
<el-table-column
prop="BodyPartForEdit"
:label="$t('trials:uploadedDicoms:table:bodyPart')"
sortable
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
{{ getBodyPart(scope.row.BodyPartForEdit) }}
</template>
</el-table-column>
<!-- 序列数量 -->
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" sortable
min-width="100" show-overflow-tooltip />
<el-table-column
prop="SeriesCount"
:label="$t('trials:uploadedDicoms:table:seriesCount')"
sortable
min-width="100"
show-overflow-tooltip
/>
<!-- 图像数量 -->
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" sortable
min-width="100" show-overflow-tooltip />
<el-table-column
prop="InstanceCount"
:label="$t('trials:uploadedDicoms:table:instanceCount')"
sortable
min-width="100"
show-overflow-tooltip
/>
<!-- 检查日期 -->
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" sortable min-width="120"
show-overflow-tooltip>
<el-table-column
prop="StudyTime"
:label="$t('trials:uploadedDicoms:table:studyDate')"
sortable
min-width="120"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
</template>
</el-table-column>
<!-- 更新时间 -->
<el-table-column prop="UpdateTime" :label="$t('trials:uploadedDicoms:table:UpdateTime')" min-width="120"
show-overflow-tooltip sortable />
<el-table-column
prop="UpdateTime"
:label="$t('trials:uploadedDicoms:table:UpdateTime')"
min-width="120"
show-overflow-tooltip
sortable
/>
<!-- 上传时间 -->
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" sortable
min-width="120" show-overflow-tooltip />
<el-table-column :label="$t('common:action:action')" min-width="100">
<el-table-column
prop="UploadedTime"
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
sortable
min-width="120"
show-overflow-tooltip
/>
<el-table-column
:label="$t('common:action:action')"
min-width="100"
>
<template slot-scope="scope">
<!-- 预览 -->
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
<el-button
icon="el-icon-view"
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:preview')"
circle
@click="handleViewStudy(scope.row)"
/>
<!-- 预览PET-CT数据 -->
<el-button icon="el-icon-folder" :title="$t('trials:audit:tab:clinicalData')" v-if="
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
relationInfo.IsHaveStudyClinicalData
" circle :disabled="scope.row.IsDeleted" @click="handlePreviewClinicalData(scope.row)" />
<el-button
icon="el-icon-folder"
:title="$t('trials:audit:tab:clinicalData')"
v-if="
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
relationInfo.IsHaveStudyClinicalData
"
circle
:disabled="scope.row.IsDeleted"
@click="handlePreviewClinicalData(scope.row)"
/>
<!-- 编辑 -->
<el-button icon="el-icon-edit-outline" v-if="
data.SubmitState * 1 < 2 ||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
" v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']" title="编辑" circle
:disabled="scope.row.IsDeleted" @click="handleEditStudy(scope.row)" />
<el-button
icon="el-icon-edit-outline"
v-if="
data.SubmitState * 1 < 2 ||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
"
v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
title="编辑"
circle
:disabled="scope.row.IsDeleted"
@click="handleEditStudy(scope.row)"
/>
<!-- 删除 -->
<el-button v-if="
data.SubmitState * 1 < 2 ||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
" v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']" icon="el-icon-delete"
:title="$t('trials:uploadedDicoms:action:delete')" circle @click="handleDeleteStudy(scope.row)" />
<el-button
v-if="
data.SubmitState * 1 < 2 ||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
"
v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']"
icon="el-icon-delete"
:title="$t('trials:uploadedDicoms:action:delete')"
circle
@click="handleDeleteStudy(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<el-dialog v-if="editStudyInfoVisible" :title="$t('trials:audit:action:edit')" :visible.sync="editStudyInfoVisible"
:close-on-click-modal="false" append-to-body custom-class="base-dialog-wrapper" width="600px">
<div style="
<el-dialog
v-if="editStudyInfoVisible"
:title="$t('trials:audit:action:edit')"
:visible.sync="editStudyInfoVisible"
:close-on-click-modal="false"
append-to-body
custom-class="base-dialog-wrapper"
width="600px"
>
<div
style="
padding: 10px;
border: 1px solid #e0e0e0;
max-height: 650px;
overflow-y: auto;
">
"
>
<el-form ref="studyForm" :model="studyForm" label-width="100px">
<!-- 检查编号 -->
<el-form-item :label="$t('trials:audit:table:studyId')">
<el-input v-model="studyForm.StudyCode" disabled />
</el-form-item>
<!-- 检查类型 -->
<el-form-item v-if="studyForm.IsDicomData" :label="$t('trials:audit:table:modality')">
<el-form-item
v-if="studyForm.IsDicomData"
:label="$t('trials:audit:table:modality')"
>
<el-input v-model="studyForm.Modalities" disabled />
</el-form-item>
<!-- 检查类型 -->
<el-form-item v-else :label="$t('trials:audit:table:modality')" prop="Modalities" :rules="[
{
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
]">
<el-form-item
v-else
:label="$t('trials:audit:table:modality')"
prop="Modalities"
:rules="[
{
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
]"
>
<el-radio-group v-model="studyForm.Modalities">
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m" style="margin-bottom: 15px" />
<el-radio
v-for="m in trialModalitys"
v-show="m !== ''"
:key="m"
:label="m"
style="margin-bottom: 15px"
/>
</el-radio-group>
</el-form-item>
<!-- 检查部位 -->
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
{
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
]">
<el-form-item
:label="$t('trials:audit:table:bodyPart')"
prop="BodyPartForEdit"
:rules="[
{
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
]"
>
<el-checkbox-group v-model="studyForm.BodyPartForEdit">
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
}}</el-checkbox>
<el-checkbox
v-for="bodyPart in trialBodyPartTypes"
:key="bodyPart"
:label="bodyPart"
>{{
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
}}</el-checkbox
>
</el-checkbox-group>
</el-form-item>
<!-- 序列数量 -->
@ -128,28 +257,57 @@
<el-input v-model="studyForm.SeriesCount" disabled />
</el-form-item>
<!-- 图像数量 -->
<el-form-item v-if="studyForm.InstanceCount" :label="$t('trials:audit:table:instanceCount')">
<el-form-item
v-if="studyForm.InstanceCount"
:label="$t('trials:audit:table:instanceCount')"
>
<el-input v-model="studyForm.InstanceCount" disabled />
</el-form-item>
<!-- 检查日期 -->
<el-form-item :label="$t('trials:audit:table:studyDate')">
<el-date-picker v-model="studyForm.StudyTime" disabled type="date" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" style="width: 100%" />
<el-date-picker
v-model="studyForm.StudyTime"
disabled
type="date"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
style="width: 100%"
/>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer">
<el-button :disabled="btnLoading" size="small" type="primary" @click="editStudyInfoVisible = false">
<el-button
:disabled="btnLoading"
size="small"
type="primary"
@click="editStudyInfoVisible = false"
>
{{ $t('common:button:cancel') }}
</el-button>
<el-button :loading="btnLoading" size="small" type="primary" @click="handleUpdateStudyInfo">
<el-button
:loading="btnLoading"
size="small"
type="primary"
@click="handleUpdateStudyInfo"
>
{{ $t('common:button:save') }}
</el-button>
</div>
</el-dialog>
<!--pet-ct临床数据上传-->
<el-dialog v-if="petVisible" :show-close="true" :visible.sync="petVisible" append-to-body>
<uploadPetClinicalData :subject-visit-id="data.Id" :data="data" :studyData="rowData" :allow-add-or-edit="false" />
<el-dialog
v-if="petVisible"
:show-close="true"
:visible.sync="petVisible"
append-to-body
>
<uploadPetClinicalData
:subject-visit-id="data.Id"
:data="data"
:studyData="rowData"
:allow-add-or-edit="false"
/>
</el-dialog>
</div>
</template>
@ -202,8 +360,8 @@ export default {
}
},
async mounted() {
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.getStudyInfo()
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
},
methods: {
//
@ -291,7 +449,7 @@ export default {
this.studyLoading = true
})
})
.catch(() => { })
.catch(() => {})
},
//
handlePreviewAllFiles() {
@ -333,10 +491,10 @@ export default {
this.studyLoading = true
})
})
.catch(() => { })
.catch(() => {})
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -349,10 +507,6 @@ export default {
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
//

View File

@ -3,61 +3,125 @@
<!-- 已上传的dicom影像记录 -->
<div class="functions" style="text-align:right">
<!-- // -->
<el-button :disabled="deleteArr.length === 0" type="primary" size="small" icon="el-icon-delete"
@click="handleBatchDelete">
<el-button
:disabled="deleteArr.length === 0"
type="primary"
size="small"
icon="el-icon-delete"
@click="handleBatchDelete"
>
{{ $t('trials:uploadedDicoms:action:delete') }}
</el-button>
<!-- 预览 -->
<el-button type="primary" icon="el-icon-view" size="small" :disabled="studyList.length === 0"
@click="handlePreviewAllFiles">
<el-button
type="primary"
icon="el-icon-view"
size="small"
:disabled="studyList.length === 0"
@click="handlePreviewAllFiles"
>
{{ $t('trials:uploadedDicoms:action:preview') }}
</el-button>
</div>
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" :row-class-name="tableRowClassName"
max-height="250" @selection-change="handleUploadedSelectionChange">
<el-table-column type="selection" width="55" />
<el-table
v-loading="studyLoading"
:data="studyList"
style="width: 100%"
:row-class-name="tableRowClassName"
max-height="250"
@selection-change="handleUploadedSelectionChange"
>
<el-table-column
type="selection"
width="55"
/>
<!-- 检查编号 -->
<el-table-column prop="StudyCode" :label="$t('trials:uploadedDicoms:table:studyId')" min-width="80"
show-overflow-tooltip />
<el-table-column
prop="StudyCode"
:label="$t('trials:uploadedDicoms:table:studyId')"
min-width="80"
show-overflow-tooltip
/>
<!-- 检查类型 -->
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" />
<el-table-column
prop="ModalityForEdit"
:label="$t('trials:audit:table:modality')"
/>
<!-- 检查设备 -->
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" />
<el-table-column
prop="Modalities"
:label="$t('trials:audit:table:modality1')"
/>
<!-- 检查部位 -->
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
show-overflow-tooltip>
<el-table-column
prop="BodyPartForEdit"
:label="$t('trials:uploadedDicoms:table:bodyPart')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
{{ getBodyPart(scope.row.BodyPartForEdit)}}
</template>
</el-table-column>
<!-- 序列数量 -->
<el-table-column prop="SeriesCount" :label="$t('trials:uploadedDicoms:table:seriesCount')" min-width="100"
show-overflow-tooltip />
<el-table-column
prop="SeriesCount"
:label="$t('trials:uploadedDicoms:table:seriesCount')"
min-width="100"
show-overflow-tooltip
/>
<!-- 图像数量 -->
<el-table-column prop="InstanceCount" :label="$t('trials:uploadedDicoms:table:instanceCount')" min-width="100"
show-overflow-tooltip />
<el-table-column
prop="InstanceCount"
:label="$t('trials:uploadedDicoms:table:instanceCount')"
min-width="100"
show-overflow-tooltip
/>
<!-- 检查日期 -->
<el-table-column prop="StudyTime" :label="$t('trials:uploadedDicoms:table:studyDate')" min-width="120"
show-overflow-tooltip>
<el-table-column
prop="StudyTime"
:label="$t('trials:uploadedDicoms:table:studyDate')"
min-width="120"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD') : '' }}
{{ scope.row.StudyTime ? moment(scope.row.StudyTime).format('YYYY-MM-DD'):'' }}
</template>
</el-table-column>
<!-- 上传时间 -->
<el-table-column prop="UploadedTime" :label="$t('trials:uploadedDicoms:table:uploadedTime')" min-width="80"
show-overflow-tooltip />
<el-table-column
prop="UploadedTime"
:label="$t('trials:uploadedDicoms:table:uploadedTime')"
min-width="80"
show-overflow-tooltip
/>
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
<template slot-scope="scope">
<!-- 预览 -->
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:preview')" circle @click="handleViewStudy(scope.row)" />
<el-button
icon="el-icon-view"
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:preview')"
circle
@click="handleViewStudy(scope.row)"
/>
<!-- 编辑 -->
<el-button icon="el-icon-edit-outline" v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
:title="$t('common:button:edit')" circle :disabled="scope.row.IsDeleted"
@click="handleEditStudy(scope.row)" />
<el-button
icon="el-icon-edit-outline"
v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
:title="$t('common:button:edit')"
circle
:disabled="scope.row.IsDeleted"
@click="handleEditStudy(scope.row)"
/>
<!-- 删除 -->
<el-button icon="el-icon-delete" :disabled="scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:delete')" circle @click="handleDeleteStudy(scope.row)" />
<el-button
icon="el-icon-delete"
:disabled="scope.row.IsDeleted"
:title="$t('trials:uploadedDicoms:action:delete')"
circle
@click="handleDeleteStudy(scope.row)"
/>
</template>
</el-table-column>
</el-table>
@ -68,16 +132,33 @@
<div class="form-group">
<div id="directoryInputWrapper" class="btn btn-link file-input">
<el-button type="primary" size="small">{{ $t('trials:uploadedDicomsicom:button:selectFolder') }}</el-button>
<input type="file" name="file" webkitdirectory multiple @change="beginScanFiles($event)">
<input
type="file"
name="file"
webkitdirectory
multiple
@change="beginScanFiles($event)"
>
</div>
</div>
</form>
<!-- 文件列表 -->
<el-table ref="dicomFilesTable" :data="uploadQueues" class="dicomFiles-table"
@selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" :selectable="handleSelectable" />
<el-table-column type="index" width="40" />
<el-table
ref="dicomFilesTable"
:data="uploadQueues"
class="dicomFiles-table"
@selection-change="handleSelectionChange"
>
<el-table-column
type="selection"
width="55"
:selectable="handleSelectable"
/>
<el-table-column
type="index"
width="40"
/>
<el-table-column min-width="200" show-overflow-tooltip>
<template slot="header">
<el-tooltip placement="top">
@ -93,13 +174,11 @@
<div style="line-height:15px;">
<div>
<div>
<span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{
scope.row.dicomInfo.accNumber }}</span>
<span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight:500;">Acc:</span> {{ scope.row.dicomInfo.accNumber }}</span>
<span v-else style="color:#f44336;">N/A</span>
</div>
<div style="display: inline-block;margin-right:2px">
<span v-if="scope.row.dicomInfo.modality.length > 0"> {{ scope.row.dicomInfo.modality.join('')
}},</span>
<span v-if="scope.row.dicomInfo.modality.length>0"> {{ scope.row.dicomInfo.modality.join('') }},</span>
<span v-else style="color:#f44336;">N/A,</span>
</div>
<div style="display: inline-block;margin-right:2px">
@ -146,26 +225,25 @@
<template slot-scope="scope">
<div style="line-height:15px;">
<div>
<span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{
scope.row.dicomInfo.patientId }}</span>
<span v-if="scope.row.dicomInfo.patientId"><span style="font-weight:500;">PID: </span>{{ scope.row.dicomInfo.patientId }}</span>
<span v-else style="color:#f44336;">N/A</span>
</div>
<div>
<span :class="[scope.row.dicomInfo.patientName ? '' : 'colorOfRed']">
{{ scope.row.dicomInfo.patientName ? scope.row.dicomInfo.patientName : 'N/A' }}
<span :class="[scope.row.dicomInfo.patientName?'':'colorOfRed']">
{{ scope.row.dicomInfo.patientName?scope.row.dicomInfo.patientName:'N/A' }}
</span>
</div>
<div>
<span :class="[scope.row.dicomInfo.patientSex ? '' : 'colorOfRed']">
{{ scope.row.dicomInfo.patientSex ? scope.row.dicomInfo.patientSex : 'N/A' }},
<span :class="[scope.row.dicomInfo.patientSex?'':'colorOfRed']">
{{ scope.row.dicomInfo.patientSex?scope.row.dicomInfo.patientSex:'N/A' }},
</span>
<span :class="[scope.row.dicomInfo.patientAge ? '' : 'colorOfRed']">
{{ scope.row.dicomInfo.patientAge ? scope.row.dicomInfo.patientAge : 'N/A' }},
<span :class="[scope.row.dicomInfo.patientAge?'':'colorOfRed']">
{{ scope.row.dicomInfo.patientAge?scope.row.dicomInfo.patientAge:'N/A' }},
</span>
<span :class="[scope.row.dicomInfo.patientBirthDate ? '' : 'colorOfRed']">
{{ scope.row.dicomInfo.patientBirthDate ? scope.row.dicomInfo.patientBirthDate : 'N/A' }}
<span :class="[scope.row.dicomInfo.patientBirthDate?'':'colorOfRed']">
{{ scope.row.dicomInfo.patientBirthDate?scope.row.dicomInfo.patientBirthDate:'N/A' }}
</span>
</div>
</div>
@ -173,13 +251,11 @@
</el-table-column>
<el-table-column :label="$t('trials:uploadDicomList:table:status')" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<!-- <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
<!-- <el-progress v-show="scope.row.uploadState.progressValue && scope.row.uploadState.progressValue!= 100" :percentage="scope.row.uploadState.progressValue" />-->
<el-progress v-show="scope.row.uploadState.stateText" :percentage="scope.row.uploadState.progressValue" />
<!-- <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
<el-progress v-show="scope.row.uploadState.stateText" color="#409eff"
:format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
<el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark"
:content="scope.row.uploadState.errorMessage" placement="bottom">
<!-- <el-progress v-show="scope.row.uploadState.UpdataValue && scope.row.uploadState.UpdataValue!= 100" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />-->
<el-progress v-show="scope.row.uploadState.stateText" color="#409eff" :format="format(scope.row.uploadState.UpdataValue)" :percentage="scope.row.uploadState.UpdataValue" />
<el-tooltip v-if="scope.row.uploadState.stateCode === 'Uploading not allowed'" class="item" effect="dark" :content="scope.row.uploadState.errorMessage" placement="bottom">
<span>{{ scope.row.uploadState.stateText }}</span>
</el-tooltip>
@ -187,20 +263,31 @@
</template>
</el-table-column>
<el-table-column :label="$t('trials:uploadDicomList:table:stats')" min-width="140" show-overflow-tooltip>
<el-table-column
:label="$t('trials:uploadDicomList:table:stats')"
min-width="140"
show-overflow-tooltip
>
<template slot-scope="scope">
<div style="display: flex;justify-content: flex-start;align-items: center">
<div v-if="scope.row.uploadState.totalCount" style="text-align: center">
<div
v-if="scope.row.uploadState.totalCount"
style="text-align: center"
>
{{
scope.row.uploadState.totalCount +
' / ' +
scope.row.uploadState.successCount +
' / ' +
scope.row.uploadState.failedCount
' / ' +
scope.row.uploadState.successCount +
' / ' +
scope.row.uploadState.failedCount
}}
</div>
<div v-if="scope.row.uploadState.failedCount > 0">
<el-button type="primary" size="small" @click="exportFailedFiles(scope.row.uploadState.ErrorFiles)">
<el-button
type="primary"
size="small"
@click="exportFailedFiles(scope.row.uploadState.ErrorFiles)"
>
{{ $t('trials:uploadDicomList:button:exportFailed') }}
</el-button>
</div>
@ -211,11 +298,22 @@
<el-table-column v-show="isScan" :label="$t('common:action:action')" width="200">
<template slot-scope="scope">
<!-- 预览 -->
<el-button icon="el-icon-view" circle :title="$t('trials:uploadedDicoms:action:preview')" size="small"
@click="handlePreview(scope.row.dicomInfo.studyUid)" />
<el-button
icon="el-icon-view"
circle
:title="$t('trials:uploadedDicoms:action:preview')"
size="small"
@click="handlePreview(scope.row.dicomInfo.studyUid)"
/>
<!-- 移除 -->
<el-button icon="el-icon-delete" circle :title="$t('trials:uploadedDicoms:action:delete')" size="small"
:disabled="scope.row.uploadState.stateCode !== ''" @click="handleDelete(scope.$index, scope.row)" />
<el-button
icon="el-icon-delete"
circle
:title="$t('trials:uploadedDicoms:action:delete')"
size="small"
:disabled="scope.row.uploadState.stateCode !== ''"
@click="handleDelete(scope.$index, scope.row)"
/>
</template>
</el-table-column>
</el-table>
@ -225,29 +323,46 @@
{{ $t('trials:uploadDicomList:button:close') }}
</el-button> -->
<!-- 上传 -->
<el-button size="small" type="primary" :disabled="selectArr.length == 0 || !isScan"
:loading="btnLoading || uploadCount !== uploadedCount" @click="beginUploadQueues">
<el-button
size="small"
type="primary"
:disabled="selectArr.length == 0 || !isScan"
:loading="btnLoading || uploadCount !== uploadedCount"
@click="beginUploadQueues"
>
{{ $t('trials:uploadDicomList:button:upload') }}
</el-button>
</div>
<!-- 预览影像模态框 -->
<el-dialog v-if="previewVisible" :fullscreen="true" :show-close="true" :visible.sync="previewVisible"
append-to-body>
<el-dialog
v-if="previewVisible"
:fullscreen="true"
:show-close="true"
:visible.sync="previewVisible"
append-to-body
>
<DicomPreview :uid="uid" />
</el-dialog>
<!-- 校验警告信息模态框 -->
<el-dialog v-if="warning_cfg.visible" :visible.sync="warning_cfg.visible" width="500px"
:close-on-click-modal="false" append-to-body title="Warning" custom-class="warning-dialog">
<el-dialog
v-if="warning_cfg.visible"
:visible.sync="warning_cfg.visible"
width="500px"
:close-on-click-modal="false"
append-to-body
title="Warning"
custom-class="warning-dialog"
>
<div style="border:1px solid #e0e0e0;padding:10px;">
<!-- Information from DICOM headers not consistent with that of this subject -->
<div style="color: red;font-size:14px;margin-bottom:10px;">
{{ $t('trials:uploadDicomList:message:informationConsistent') }}:
</div>
<div v-for="(item, i) in warningArr" :key="item.index">
<div>{{ `(${i + 1}). ACC: ${item.accNumber}` }}</div>
<div v-for="(warning, index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
<div v-for="(item,i) in warningArr" :key="item.index">
<div>{{ `(${i+1}). ACC: ${item.accNumber}` }}</div>
<div v-for="(warning,index) in item.warnings" :key="index" style="margin:10px 0px;font-size:13px;">
<ul>
<li>{{ warning }}</li>
</ul>
@ -263,8 +378,15 @@
</el-button>
</div>
</el-dialog>
<el-dialog v-if="editStudyInfoVisible" :title="$t('trials:audit:action:edit')" :visible.sync="editStudyInfoVisible"
:close-on-click-modal="false" append-to-body custom-class="base-dialog-wrapper" width="600px">
<el-dialog
v-if="editStudyInfoVisible"
:title="$t('trials:audit:action:edit')"
:visible.sync="editStudyInfoVisible"
:close-on-click-modal="false"
append-to-body
custom-class="base-dialog-wrapper"
width="600px"
>
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
<el-form ref="studyForm" :model="studyForm" label-width="100px">
<!-- 检查编号 -->
@ -276,21 +398,28 @@
<el-input v-model="studyForm.Modalities" disabled />
</el-form-item>
<!-- 检查类型 -->
<el-form-item v-else :label="$t('trials:audit:table:modality')" prop="Modalities" :rules="[
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
]">
<el-form-item
v-else
:label="$t('trials:audit:table:modality')"
prop="Modalities"
:rules="[
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
]"
>
<el-radio-group v-model="studyForm.Modality">
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m"
style="margin-bottom: 15px;" />
<el-radio v-for="m in trialModalitys" v-show="m !== ''" :key="m" :label="m" style="margin-bottom: 15px;" />
</el-radio-group>
</el-form-item>
<!-- 检查部位 -->
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
]">
<el-form-item
:label="$t('trials:audit:table:bodyPart')"
prop="BodyPartForEdit"
:rules="[
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' }
]"
>
<el-checkbox-group v-model="studyForm.BodyPartForEdit">
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{ $fd("Bodypart",
bodyPart, 'Code', BodyPart, 'Name') }}</el-checkbox>
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{$fd("Bodypart", bodyPart,'Code',BodyPart,'Name')}}</el-checkbox>
</el-checkbox-group>
</el-form-item>
<!-- 序列数量 -->
@ -303,8 +432,14 @@
</el-form-item>
<!-- 检查日期 -->
<el-form-item :label="$t('trials:audit:table:studyDate')">
<el-date-picker v-model="studyForm.StudyTime" disabled type="date" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" style="width:100%;" />
<el-date-picker
v-model="studyForm.StudyTime"
disabled
type="date"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
style="width:100%;"
/>
</el-form-item>
</el-form>
</div>
@ -380,7 +515,7 @@ export default {
relationInfo: null,
trialBodyPartTypes: [],
trialModalitys: [],
BodyPart: {}
BodyPart:{}
}
},
async mounted() {
@ -460,8 +595,8 @@ export default {
const routeData = this.$router.resolve({
path: `/showdicom?studyId=${row.StudyId}&TokenKey=${token}&type=Study`
})
var newWindow = window.open(routeData.href, '_blank')
this.$emit('setOpenWindow', newWindow)
var newWindow =window.open(routeData.href, '_blank')
this.$emit('setOpenWindow',newWindow)
},
//
handlePreviewAllFiles() {
@ -469,8 +604,8 @@ export default {
const routeData = this.$router.resolve({
path: `/showvisitdicoms?trialId=${this.data.TrialId}&visitInfo=${this.data.VisitName}(${this.data.VisitNum})&subjectVisitId=${this.data.Id}&TokenKey=${token}`
})
var newWindow = window.open(routeData.href, '_blank')
this.$emit('setOpenWindow', newWindow)
var newWindow =window.open(routeData.href, '_blank')
this.$emit('setOpenWindow',newWindow)
},
//
beginScanFiles(e) {
@ -481,17 +616,17 @@ export default {
var scope = this
scope.scanState = ''
scope.isScan = false
var p = new Promise(function (resolve) {
var p = new Promise(function(resolve) {
resolve()
})
for (var i = 0; i < files.length; ++i) {
(function (index) {
p = p.then(function () {
(function(index) {
p = p.then(function() {
return scope.parseDicomFile(files[index])
})
})(i)
}
p.then(function (result) {
p.then(function(result) {
scope.scanState = 'finished'
scope.isScan = true
})
@ -500,13 +635,13 @@ export default {
// UUID
parseDicomFile(file) {
var scope = this
return new Promise(function (resolve, reject) {
return new Promise(function(resolve, reject) {
if (scope.scanState === 'cancelling') {
resolve()
return
}
var reader = new FileReader()
reader.onload = function (e) {
reader.onload = function(e) {
try {
var data = dicomParser.parseDicom(new Uint8Array(e.target.result))
var studyUid = data.string('x0020000d')
@ -529,7 +664,7 @@ export default {
// time = `${time.substr(0, 2)}:${time.substr(2, 2)}:${time.substr(4, 2)}`
time = `${time.substring(0, 2)}:${time.substring(2, 4)}:${time.substring(4, 6)}`
}
if (date) {
if(date){
studyTime = time ? `${date} ${time}` : `${date} 00:00:00`
}
scope.uploadQueues.push({
@ -586,7 +721,7 @@ export default {
var seriesUid = data.string('x0020000e')
var seriesList = scope.uploadQueues[studyIndex].seriesList
var seriesItem = seriesList.find(function (item) {
var seriesItem = seriesList.find(function(item) {
return item.seriesUid === seriesUid
})
if (!seriesItem) {
@ -600,7 +735,7 @@ export default {
seriesList.push(seriesItem)
}
var instanceList = seriesItem.instanceList
var instanceItem = instanceList.find(function (item) {
var instanceItem = instanceList.find(function(item) {
return item.instanceUid === instanceUid
})
if (!instanceItem) {
@ -620,7 +755,7 @@ export default {
resolve()
}
}
reader.onerror = function (e) {
reader.onerror = function(e) {
resolve()
}
reader.readAsArrayBuffer(file)
@ -718,7 +853,7 @@ export default {
{
confirmButtonText: this.$t('trials:uploadDicomList:label:confirm'),
dangerouslyUseHTMLString: true,
callback: (action) => { }
callback: (action) => {}
})
this.btnLoading = false
}
@ -762,7 +897,7 @@ export default {
//
archiveStudy(index) {
var scope = this
return new Promise(function (resolve, reject) {
return new Promise(function(resolve, reject) {
preArchiveStudy({
subjectVisitId: scope.subjectVisitId,
isDicom: true
@ -799,15 +934,15 @@ export default {
// xhr.setRequestHeader('Content-Type', 'octet-stream')
xhr.timeout = 2 * 360000 //
xhr.responseType = 'text'
xhr.onload = function (e) {
xhr.onload = function(e) {
scope.onUploadCompleted(e, index)
resolve()
}
xhr.onerror = function (e) {
xhr.onerror = function(e) {
scope.onUploadError(e, index)
resolve()
}
xhr.upload.onprogress = function (e) {
xhr.upload.onprogress = function(e) {
scope.onUploadProgress(e, index)
}
// xhr.onprogress = function(e) {
@ -825,7 +960,7 @@ export default {
})
},
//
onUploadCompleted: function (e, index) {
onUploadCompleted: function(e, index) {
this.uploadedCount++
var uploadState = this.uploadQueues[index].uploadState
// this.btnLoading = false
@ -870,7 +1005,7 @@ export default {
this.$forceUpdate()
},
//
onUploadError: function (e, index) {
onUploadError: function(e, index) {
this.uploadedCount++
// this.btnLoading = false
var uploadState = this.uploadQueues[index].uploadState
@ -890,7 +1025,7 @@ export default {
}
},
//
onUploadProgress: function (e, index) {
onUploadProgress: function(e, index) {
if (e.lengthComputable) {
var percent = Math.floor(e.loaded / e.total * 100)
console.log(e.loaded, e.total, percent)
@ -976,7 +1111,7 @@ export default {
}).catch(() => {
this.studyLoading = true
})
}).catch(() => { })
}).catch(() => {})
},
//
handleDeleteStudy(row) {
@ -996,7 +1131,7 @@ export default {
}).catch(() => {
this.studyLoading = true
})
}).catch(() => { })
}).catch(() => {})
},
// cancel
cancel() {
@ -1038,8 +1173,8 @@ export default {
return ''
}
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -1049,47 +1184,38 @@ export default {
separator = ''
}
var arr = bodyPart.split(separator)
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
var newArr = arr.map(i => {
return this.$fd('Bodypart', i.trim(),'Code',this.BodyPart,'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
}
}
}
</script>
<style lang="scss">
.upload-dicom-files-wrapper {
.dicomFiles-table {
.el-table__body-wrapper {
.upload-dicom-files-wrapper{
.dicomFiles-table{
.el-table__body-wrapper{
height: 300px;
overflow-y: auto;
}
}
.delete-row {
text-decoration-line: line-through;
color: #c0c4cc;
}
.delete-row{
text-decoration-line: line-through;
color: #c0c4cc;
}
.previewActive:hover {
cursor: pointer;
color: #428bca;
}
#inputForm label {
font-weight: normal;
}
#inputForm .file-input {
position: relative;
overflow: hidden;
display: inline-block;
}
#inputForm .file-input input[type='file'] {
position: absolute;
top: 0;
@ -1108,13 +1234,12 @@ export default {
#inputForm #listWrapper a {
text-decoration: none;
}
#inputForm .text-left {
text-align: left;
}
.colorOfRed {
color: #f44336;
.colorOfRed{
color:#f44336;
}
}
</style>

View File

@ -70,7 +70,7 @@
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
show-overflow-tooltip sortable>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
{{ getBodyPart(scope.row.BodyPartForEdit) }}
</template>
</el-table-column>
<!-- 序列数量 -->
@ -499,7 +499,7 @@
<!-- 检查部位 -->
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
{
required: studyForm.BodyPartForEditOther ? false : true,
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
@ -508,8 +508,6 @@
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
}}</el-checkbox>
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
v-model.trim="studyForm.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
</el-checkbox-group>
</el-form-item>
<!-- 序列数量 -->
@ -606,7 +604,6 @@ export default {
BodyPartForEdit: [],
SeriesCount: null,
StudyTime: '',
BodyPartForEditOther: ''
},
uploadQueues: dicomStore.studyList, //
selectArr: [], //
@ -712,7 +709,6 @@ export default {
modality: this.studyForm.Modality,
bodyPart: this.studyForm.BodyPart,
StudyName: this.studyForm.StudyName,
BodyPartForEditOther: this.studyForm.BodyPartForEditOther,
}
updateModality(this.trialId, params)
.then((res) => {
@ -1066,7 +1062,7 @@ export default {
imageColumns: data.uint16('x00280011') || 0,
sliceLocation: data.intString('x00201041') || 0,
sliceThickness: data.string('x00180050') || '',
numberOfFrames: data.intString('x00280008') || 1,
numberOfFrames: data.intString('x00280008') || 0,
pixelSpacing: data.string('x00280030') || '',
imagerPixelSpacing: data.string('x00181164') || '',
frameOfReferenceUID: data.string('x00200052') || '',
@ -1445,7 +1441,7 @@ export default {
seriesInstanceUid: v.seriesUid,
SOPClassUID: o.SOPClassUID,
TransferSytaxUID: o.TransferSytaxUID,
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
sopInstanceUid: o.instanceUid,
instanceNumber: o.instanceNumber,
@ -1534,7 +1530,7 @@ export default {
seriesInstanceUid: v.seriesUid,
SOPClassUID: o.SOPClassUID,
TransferSytaxUID: o.TransferSytaxUID,
MediaStorageSOPInstanceUID: o.MediaStorageSOPInstanceUID,
MediaStorageSOPInstanceUID:o.MediaStorageSOPInstanceUID,
MediaStorageSOPClassUID: o.MediaStorageSOPClassUID,
sopInstanceUid: o.instanceUid,
instanceNumber: o.instanceNumber,
@ -1871,8 +1867,8 @@ export default {
return ''
}
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -1885,10 +1881,6 @@ export default {
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
},

View File

@ -24,7 +24,7 @@
<!-- 检查部位 -->
<el-table-column prop="BodyPart" :label="$t('trials:uploadNonDicoms:table:bodyPart')" sortable>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}
{{ getBodyPart(scope.row.BodyPart) }}
</template>
</el-table-column>
<!-- 文件 -->
@ -163,7 +163,7 @@
<!-- 检查部位 -->
<el-form-item :label="$t('trials:uploadNonDicoms:table:bodyPart')" prop="BodyParts" :rules="[
{
required: form.BodyPartForEditOther ? false : true,
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
@ -172,8 +172,6 @@
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
}}</el-checkbox>
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
v-model.trim="form.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
</el-checkbox-group>
</el-form-item>
<!-- 检查日期 -->
@ -383,7 +381,6 @@ export default {
Modality: '',
ImageDate: '',
StudyName: '',
BodyPartForEditOther: ""
},
pickerOption: {
disabledDate: (time) => {
@ -413,6 +410,7 @@ export default {
}
},
async mounted() {
console.log(this.data)
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
this.getNoneDicomList()
this.trialBodyPartTypes = this.bodyParts ? this.bodyParts.split('|') : []
@ -486,13 +484,12 @@ export default {
this.form.StudyName = ''
this.form.ImageDate = ''
this.form.BodyParts = []
this.form.BodyPartForEditOther = ''
this.dialogVisible = true
},
//
handleEdit(row) {
this.title = this.$t('trials:uploadNonDicoms:dialogTitle:edit')
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName, BodyPartForEditOther } = {
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
...row,
}
this.form.CodeView = CodeView
@ -502,7 +499,6 @@ export default {
this.form.StudyName = StudyName
this.form.ImageDate = ImageDate
this.form.BodyParts = this.form.BodyPart.split(', ')
this.form.BodyPartForEditOther = BodyPartForEditOther
this.dialogVisible = true
},
// Dicom
@ -1022,8 +1018,8 @@ export default {
})
window.open(routeData.href, '_blank')
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -1036,10 +1032,6 @@ export default {
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
//

View File

@ -37,12 +37,6 @@
<el-option v-for="item of $d.SubmitState" :value="item.value" :label="item.label" :key="item.label" />
</el-select>
</el-form-item>
<!-- 受试者中止状态 -->
<el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:IsSubjectQuit')">
<el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
</el-select>
</el-form-item>
<!-- 审核状态 -->
<el-form-item style="margin-bottom: 10px" v-if="otherInfo.QCProcessEnum !== 0"
:label="$t('trials:crcUpload:table:auditState')">
@ -874,7 +868,6 @@ const searchDataDefault = () => {
AuditStateArray: [],
SubmitState: null,
ChallengeState: null,
IsSubjectQuit: "",
// SortField: '',
// Asc: false
}

View File

@ -2,17 +2,33 @@
<div class="study-info">
<div class="functions" style="text-align: right">
<!-- 预览 -->
<el-button type="primary" size="small" :disabled="studyList.length === 0" icon="el-icon-view"
@click="handlePreviewAllFiles">
<el-button
type="primary"
size="small"
:disabled="studyList.length === 0"
icon="el-icon-view"
@click="handlePreviewAllFiles"
>
{{ $t('trials:audit:action:preview') }}
</el-button>
</div>
<el-table v-loading="studyLoading" :data="studyList" style="width: 100%" height="300"
:row-class-name="tableRowClassName" @selection-change="handleSelectionChange"
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }">
<el-table
v-loading="studyLoading"
:data="studyList"
style="width: 100%"
height="300"
:row-class-name="tableRowClassName"
@selection-change="handleSelectionChange"
:default-sort="{ prop: 'UploadedTime', order: 'ascending' }"
>
<!-- 检查编号 -->
<el-table-column prop="StudyCode" :label="$t('trials:audit:table:studyId')" min-width="80" show-overflow-tooltip
sortable />
<el-table-column
prop="StudyCode"
:label="$t('trials:audit:table:studyId')"
min-width="80"
show-overflow-tooltip
sortable
/>
<!-- &lt;!&ndash; 检查类型 &ndash;&gt;-->
<!-- <el-table-column-->
<!-- prop="Modalities"-->
@ -33,53 +49,121 @@
<!-- </el-table-column>-->
<!-- &lt;!&ndash; 检查类型 &ndash;&gt;-->
<!-- 检查名称 -->
<el-table-column v-if="relationInfo.IsShowStudyName" prop="StudyName" :label="$t('trials:audit:table:StudyName')"
sortable />
<el-table-column prop="ModalityForEdit" :label="$t('trials:audit:table:modality')" sortable />
<el-table-column
v-if="relationInfo.IsShowStudyName"
prop="StudyName"
:label="$t('trials:audit:table:StudyName')"
sortable
/>
<el-table-column
prop="ModalityForEdit"
:label="$t('trials:audit:table:modality')"
sortable
/>
<!-- 检查类型 -->
<el-table-column prop="Modalities" :label="$t('trials:audit:table:modality1')" sortable />
<el-table-column
prop="Modalities"
:label="$t('trials:audit:table:modality1')"
sortable
/>
<!-- 检查部位 -->
<el-table-column prop="BodyPartForEdit" :label="$t('trials:uploadedDicoms:table:bodyPart')" min-width="100"
show-overflow-tooltip sortable>
<el-table-column
prop="BodyPartForEdit"
:label="$t('trials:uploadedDicoms:table:bodyPart')"
min-width="100"
show-overflow-tooltip
sortable
>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther) }}
{{ getBodyPart(scope.row.BodyPartForEdit) }}
</template>
</el-table-column>
<!-- 序列数量 -->
<el-table-column prop="SeriesCount" :label="$t('trials:audit:table:seriesCount')" min-width="100"
show-overflow-tooltip sortable />
<el-table-column
prop="SeriesCount"
:label="$t('trials:audit:table:seriesCount')"
min-width="100"
show-overflow-tooltip
sortable
/>
<!-- 图像数量 -->
<el-table-column prop="InstanceCount" :label="$t('trials:audit:table:instanceCount')" min-width="100"
show-overflow-tooltip sortable />
<el-table-column
prop="InstanceCount"
:label="$t('trials:audit:table:instanceCount')"
min-width="100"
show-overflow-tooltip
sortable
/>
<!-- 检查日期 -->
<el-table-column prop="StudyTime" :label="$t('trials:audit:table:studyDate')" min-width="120"
show-overflow-tooltip sortable>
<el-table-column
prop="StudyTime"
:label="$t('trials:audit:table:studyDate')"
min-width="120"
show-overflow-tooltip
sortable
>
<template slot-scope="scope">
{{ moment(scope.row.StudyTime).format('YYYY-MM-DD') }}
</template>
</el-table-column>
<!-- 更新时间 -->
<el-table-column prop="UpdateTime" :label="$t('trials:audit:table:studyUpdateTime')" min-width="80"
show-overflow-tooltip sortable />
<el-table-column
prop="UpdateTime"
:label="$t('trials:audit:table:studyUpdateTime')"
min-width="80"
show-overflow-tooltip
sortable
/>
<!-- 上传时间 -->
<el-table-column prop="UploadedTime" :label="$t('trials:audit:table:studyUploadTime')" min-width="80"
show-overflow-tooltip sortable />
<el-table-column :label="$t('common:action:action')" min-width="100" fixed="right">
<el-table-column
prop="UploadedTime"
:label="$t('trials:audit:table:studyUploadTime')"
min-width="80"
show-overflow-tooltip
sortable
/>
<el-table-column
:label="$t('common:action:action')"
min-width="100"
fixed="right"
>
<template slot-scope="scope">
<!-- 预览 -->
<el-button icon="el-icon-view" :disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:audit:action:preview')" circle @click="handleViewStudy(scope.row)" />
<el-button
icon="el-icon-view"
:disabled="scope.row.SeriesCount === 0 || scope.row.IsDeleted"
:title="$t('trials:audit:action:preview')"
circle
@click="handleViewStudy(scope.row)"
/>
<!-- 预览PET-CT数据 -->
<el-button icon="el-icon-folder" :title="$t('trials:audit:tab:clinicalData')" v-if="
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
relationInfo.IsHaveStudyClinicalData
" circle :disabled="scope.row.IsDeleted" @click="handlePreviewClinicalData(scope.row)" />
<el-button
icon="el-icon-folder"
:title="$t('trials:audit:tab:clinicalData')"
v-if="
['PT、CT', 'CT、PT', 'PET-CT'].includes(scope.row.Modalities) &&
relationInfo.IsHaveStudyClinicalData
"
circle
:disabled="scope.row.IsDeleted"
@click="handlePreviewClinicalData(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<!--pet-ct临床数据预览-->
<el-dialog v-if="petVisible" :show-close="true" :visible.sync="petVisible" append-to-body>
<uploadPetClinicalData :subject-visit-id="data.Id" :data="data" :studyData="rowData" :allow-add-or-edit="false" />
<el-dialog
v-if="petVisible"
:show-close="true"
:visible.sync="petVisible"
append-to-body
>
<uploadPetClinicalData
:subject-visit-id="data.Id"
:data="data"
:studyData="rowData"
:allow-add-or-edit="false"
/>
</el-dialog>
</div>
</template>
@ -111,12 +195,12 @@ export default {
petVisible: false,
rowData: {},
relationInfo: {},
BodyPart: {},
bp: [],
}
},
async created() {
this.BodyPart.Bodypart = await this.$getBodyPart(this.$route.query.trialId)
async mounted() {
this.getStudyInfo()
this.bp = await this.$getBodyPart(this.$route.query.trialId)
},
methods: {
//
@ -158,7 +242,7 @@ export default {
this.studyLoading = true
})
})
.catch(() => { })
.catch(() => {})
},
//
handlePreviewAllFiles() {
@ -176,8 +260,8 @@ export default {
})
window.open(routeData.href, '_blank')
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -188,12 +272,14 @@ export default {
}
var arr = bodyPart.split(separator)
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
return this.$fd(
'Bodypart',
i.trim(),
'Code',
{ Bodypart: this.bp },
'Name'
)
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
//

View File

@ -96,11 +96,11 @@
<el-table-column prop="BodyPartForEdit" :label="$t('trials:audit:table:bodyPart')" sortable>
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="$t('trials:audit:message:noBodyPartForEdit')"
placement="bottom" v-if="!scope.row.BodyPartForEdit && !scope.row.BodyPartForEditOther">
placement="bottom" v-if="!scope.row.BodyPartForEdit">
<i class="el-icon-warning" style="color: #f44336; font-size: 16px" />
</el-tooltip>
<span v-else>{{
getBodyPart(scope.row.BodyPartForEdit, scope.row.BodyPartForEditOther)
getBodyPart(scope.row.BodyPartForEdit)
}}</span>
</template>
</el-table-column>
@ -284,7 +284,7 @@
<!-- 检查部位 -->
<el-table-column prop="BodyPart" :label="$t('trials:audit:table:nonDicomsBodypart')" sortable>
<template slot-scope="scope">
{{ getBodyPart(scope.row.BodyPart, scope.row.BodyPartForEditOther) }}
{{ getBodyPart(scope.row.BodyPart) }}
</template>
</el-table-column>
<!-- 文件 -->
@ -635,7 +635,7 @@
<!-- 检查部位 -->
<el-form-item :label="$t('trials:audit:table:bodyPart')" prop="BodyPartForEdit" :rules="[
{
required: studyForm.BodyPartForEditOther ? false : true,
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
@ -644,8 +644,6 @@
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
}}</el-checkbox>
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
v-model.trim="studyForm.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
</el-checkbox-group>
</el-form-item>
<!-- 序列数量 -->
@ -744,7 +742,7 @@
<!-- 检查部位 -->
<el-form-item :label="$t('trials:audit:table:nonDicomsBodypart')" prop="BodyParts" :rules="[
{
required: noneDicomForm.BodyPartForEditOther ? false : true,
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
@ -753,8 +751,6 @@
<el-checkbox v-for="bodyPart in trialBodyPartTypes" :key="bodyPart" :label="bodyPart">{{
$fd('Bodypart', bodyPart, 'Code', BodyPart, 'Name')
}}</el-checkbox>
<el-input :placeholder="$t('trials:audit:placeholder:BodyPartForEditOther')"
v-model.trim="noneDicomForm.BodyPartForEditOther" style="width:150px;margin-left: 30px;"></el-input>
</el-checkbox-group>
</el-form-item>
<!-- 检查日期 -->
@ -1022,8 +1018,7 @@ export default {
BodyPartForEdit: [],
SeriesCount: null,
StudyTime: '',
ModifyReason: '',
BodyPartForEditOther: ''
ModifyReason: ''
},
currentQCRow: {},
isAudit: false, //
@ -1042,8 +1037,7 @@ export default {
Modality: '',
ImageDate: '',
StudyName: '',
ModifyReason: '',
BodyPartForEditOther: ''
ModifyReason: ''
},
subjectClinicalData: {},
moment,
@ -1935,7 +1929,7 @@ export default {
hasStudyNameList = []
var isgoList = []
this.studyList.forEach((v) => {
if (!v.BodyPartForEdit && !v.IsDeleted && !v.BodyPartForEditOther) {
if (!v.BodyPartForEdit && !v.IsDeleted) {
isgo = false
isgoList.push(v.StudyCode)
}
@ -2161,9 +2155,7 @@ export default {
this.$set(this.studyForm, 'Modality', row.ModalityForEdit)
// this.studyForm.Modality = row.ModalityForEdit
this.studyForm.BodyPartForEdit = bodyPart
// this.studyForm.BodyPartForEditOther = BodyPartForEditOther
this.$set(this.studyForm, 'ModifyReason', '')
console.log(this.studyForm, 'this.studyForm')
},
// /
handleUpdateStudyInfo() {
@ -2179,7 +2171,6 @@ export default {
modality: this.studyForm.Modality,
bodyPart: this.studyForm.BodyPart,
StudyName: this.studyForm.StudyName,
BodyPartForEditOther: this.studyForm.BodyPartForEditOther,
}
if (this.isAuditToEdit) {
this.btnLoading = false
@ -2215,7 +2206,6 @@ export default {
ModifyReason: this.studyForm.ModifyReason,
Modality: this.studyForm.Modality,
BodyPart: this.studyForm.BodyPart,
BodyPartForEditOther: this.studyForm.BodyPartForEditOther,
},
signInfo
}
@ -2251,7 +2241,7 @@ export default {
// Dicom
handleEditNoneDicomInfo(row) {
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName, BodyPartForEditOther } = {
const { CodeView, Id, BodyPart, Modality, ImageDate, StudyName } = {
...row,
}
this.noneDicomForm.StudyName = StudyName
@ -2262,7 +2252,6 @@ export default {
this.noneDicomForm.ImageDate = ImageDate
this.noneDicomForm.BodyParts = BodyPart.split(', ')
this.noneDicomForm.ModifyReason = null
this.noneDicomForm.BodyPartForEditOther = BodyPartForEditOther
this.editNoneDicomVisible = true
},
// Dicom/
@ -2445,8 +2434,8 @@ export default {
})
this.open = window.open(routeData.href, '_blank')
},
getBodyPart(bodyPart, other) {
if (!bodyPart && !other) return ''
getBodyPart(bodyPart) {
if (!bodyPart) return ''
var separator = ','
if (bodyPart.indexOf('|') > -1) {
separator = '|'
@ -2459,10 +2448,6 @@ export default {
var newArr = arr.map((i) => {
return this.$fd('Bodypart', i.trim(), 'Code', this.BodyPart, 'Name')
})
if (other) {
newArr.push(other)
}
newArr = newArr.filter(Boolean)
return newArr.join(' | ')
},
openManuals() {

View File

@ -31,12 +31,7 @@
<el-option key="Other" label="Out of Plan" value="1.11" />
</el-select>
</el-form-item>
<!-- 受试者中止状态 -->
<el-form-item style="margin-bottom: 10px" :label="$t('trials:qcCheck:table:IsSubjectQuit')">
<el-select v-model="searchData.IsSubjectQuit" clearable style="width: 120px">
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.label" />
</el-select>
</el-form-item>
<!-- 审核状态 -->
<el-form-item v-if="OtherInfo.QCProcessEnum !== 0" :label="$t('trials:qcCheck:table:auditState')"
class="my_multiple">
@ -657,7 +652,6 @@ const searchDataDefault = () => {
EndAuditTime: null,
PageIndex: 1,
PageSize: 20,
IsSubjectQuit: ''
// SortField: '',
// Asc: false
}

View File

@ -2,9 +2,7 @@
<div class="auditDocument">
<el-row>
<el-col :span="12">
<h3>{{ isManage || isAudit ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument')
}}
</h3>
<h3>{{ isManage ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument') }}</h3>
</el-col>
<el-col :span="12" style="text-align:right;">
<h3>
@ -53,11 +51,6 @@
{{ $t('trials:trials-workbench:auditDocument:button:del') }}
</el-button>
</el-form-item>
<el-form-item v-if="isAudit">
<el-button type="primary" :disabled="checkList.length <= 0" @click.stop="auditAuth(true)">
{{ $t('trials:trials-workbench:auditDocument:button:auth') }}
</el-button>
</el-form-item>
</el-form>
<div class="catalogue">
<span>{{ $t('trials:trials-workbench:auditDocument:catalogue:title') }}</span>
@ -92,7 +85,7 @@
</span>
<i :class="{ 'el-icon-success': true, 'icon_check': true, isCheck: checkList.includes(scope.row.Id) }"
@click.stop="addCheck(scope.row)"
v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && (isManage || isAudit)" />
v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && isManage" />
<span class="version"
v-if="(hoverId !== scope.row.Id && !checkList.includes(scope.row.Id)) && isManage && scope.row.HistoricalVersionsCount > 0">
<i class="el-icon-warning-outline"></i>{{ scope.row.HistoricalVersionsCount }}
@ -123,17 +116,6 @@
</el-switch>
</template>
</el-table-column>
<el-table-column prop="IsCurrentAuditRecordAuthorization"
:label="$t('trials:trials-workbench:auditDocument:table:IsAuthorization')" show-overflow-tooltip
v-if="isAudit">
<template slot-scope="scope">
<el-switch v-model="scope.row.IsCurrentAuditRecordAuthorization"
@change="(val) => auditAuth(false, scope.row, val)" :active-value="true" :inactive-value="false"
:active-text="$fd('YesOrNo', true)" class="IsAuthorization_swich"
:inactive-text="$fd('YesOrNo', false)">
</el-switch>
</template>
</el-table-column>
<el-table-column prop="UpdateTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:auditDocument:table:updateTime')">
</el-table-column>
@ -155,7 +137,7 @@
</div>
</template>
<script>
import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder, setAuditRecordPermission } from '@/api/trials'
import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder } from '@/api/trials'
import Pagination from '@/components/Pagination'
import contextmenu from './contextmenu.vue'
import uploadFiles from '@/views/trials/trials-panel/trial-summary/trial-document/components/uploadFiles.vue'
@ -177,15 +159,7 @@ export default {
isManage: {
type: Boolean,
default: false
},
AuditRecordId: {
type: String,
default: ''
},
isAudit: {
type: Boolean,
default: false
},
}
},
computed: {
isCopy() {
@ -252,40 +226,6 @@ export default {
}
},
methods: {
async auditAuth(isArray = true, row, IsAuthorization) {
if (!this.isAudit) return false
try {
let data = {}
if (isArray) {
data = {
AuditDocumentIdList: this.checkList,
AuditRecordId: this.AuditRecordId,
IsAuthorization: true,
}
} else {
data = {
AuditDocumentIdList: [row.Id],
AuditRecordId: this.AuditRecordId,
IsAuthorization,
}
}
this.loading = true
let res = await setAuditRecordPermission(data)
this.loading = false
if (res.IsSuccess) {
this.$t('trials:trials-workbench:auditDocument:message:authSuccessfully')
// if (isArray) {
this.getList()
// }
}
} catch (err) {
this.loading = false
if (!isArray) {
row.IsCurrentAuditRecordAuthorization = !row.IsCurrentAuditRecordAuthorization
}
console.log(err)
}
},
async auth(isArray = true, row, IsAuthorization) {
if (!this.isManage) return false
try {
@ -416,12 +356,6 @@ export default {
} else {
this.searchData.IsAuthorization = null
}
if (this.AuditRecordId) this.searchData.AuditRecordId = this.AuditRecordId
if (!this.isAudit) {
this.searchData.IsCurrentAuditRecordAuthorization = true
} else {
this.searchData.IsCurrentAuditRecordAuthorization = null
}
let res = await getAuditDocumentData(this.searchData)
this.loading = false
if (res.IsSuccess) {
@ -624,7 +558,7 @@ export default {
this.getList()
},
addCheck(row) {
if (!this.isManage && !this.isAudit) return false
if (!this.isManage) return false
let index = this.checkList.indexOf(row.Id)
if (!!~index) {
this.checkList.splice(index, 1)

View File

@ -1,43 +0,0 @@
<template>
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane v-for="item in tabs" :key="item.Id"
:label="`${item.AuditTime} ${item.AuditContent} (${item.CompanyName})`" :name="item.Id">
<auditDocument v-if="activeName === item.Id" :isManage="false" :AuditRecordId="item.Id" />
</el-tab-pane>
</el-tabs>
</template>
<script>
import { getAuditRecordSelectList } from '@/api/trials'
import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
export default {
name: "auditDocumentView",
components: { auditDocument },
data() {
return {
activeName: '',
tabs: []
}
},
created() {
this.getTabs()
},
methods: {
handleClick(row) {
this.activeName = row.name
},
async getTabs() {
try {
let res = await getAuditRecordSelectList({})
if (res.IsSuccess) {
this.tabs = res.Result
this.activeName = res.Result[0].Id
}
} catch (err) {
console.log(err)
}
}
}
}
</script>
<style lang="scss" scoped></style>

View File

@ -1,245 +0,0 @@
<template>
<el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false"
:title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${state}`)" width="600px"
custom-class="base-dialog-wrapper" v-dialogDrag :before-close="handleCancle">
<el-form :model="from" size="mini" :rules="rules" ref="dataForm" label-width="120px">
<div class="base-dialog-body">
<!-- 公司名称 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:CompanyName')"
prop="CompanyName">
<el-input v-model="from.CompanyName" clearable></el-input>
</el-form-item>
<!-- 稽查内容 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditContent')"
prop="AuditContent">
<el-input v-model="from.AuditContent" clearable></el-input>
</el-form-item>
<!-- 稽查形式 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditType')"
prop="AuditType">
<el-select v-model="from.AuditType" placeholder="" clearable style="width: 100%;">
<el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<!-- 稽查人员 -->
<!-- <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:IdnetityUserName')"
prop="IdnetityUserName">
<div style="display: flex;align-items: center;justify-content: space-around;">
<p :title="from.IdnetityUserName"
style="width: 50%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 0;">
{{
from.IdnetityUserName }}</p>
<el-button type="primary" @click.stop="openUserList">{{
$t('trials:trials-workbench:inspectionManagement:button:select')
}}</el-button>
</div>
</el-form-item> -->
<!-- 稽查日期 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditTime')"
prop="AuditTime">
<el-date-picker v-model="from.AuditTime" type="date" placeholder="" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" clearable style="width: 100%;">
</el-date-picker>
</el-form-item>
<!-- 文档查看时间 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:ViewTime')" prop="ViewTime">
<el-date-picker v-model="from.ViewTime" type="datetimerange"
:default-time="['00:00:00', '23:59:59']" range-separator="-"
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss" clearable style="width: 100%;">
</el-date-picker>
</el-form-item>
<!-- 状态 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditState')"
prop="AuditState" v-if="state === 'edit'">
<el-radio-group v-model="from.AuditState">
<el-radio v-for="item in $d.AuditState" :key="item.id" :label="item.value">{{ item.label
}}</el-radio>
</el-radio-group>
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item>
<!-- 取消 -->
<el-button :disabled="loading" size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button size="small" type="primary" :loading="loading" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</el-form-item>
</div>
</el-form>
</el-dialog>
</template>
<script>
import { addOrUpdateAuditRecord } from '@/api/trials'
export default {
props: {
visible: {
type: Boolean,
default: false
},
state: {
type: String,
default: 'add'
},
rowData: {
type: Object,
default: () => {
return {}
}
}
},
watch: {
state: {
handler() {
if (this.state === 'edit') {
Object.keys(this.from).forEach(key => {
if (this.rowData[key] || this.rowData[key] == 0) {
this.from[key] = this.rowData[key]
}
})
this.from.IdnetityUserName = this.rowData.IdentityUserList.map(item => item.FullName).join(", ")
this.from.ViewTime = [this.from.BeginTime, this.from.EndTime]
} else {
Object.keys(this.from).forEach(key => {
this.from[key] = ''
})
this.from.ViewTime = []
this.from.IdnetityUserIdList = []
}
},
immediate: true,
},
'from.ViewTime': {
handler() {
if (Array.isArray(this.from.ViewTime) && this.from.ViewTime.length === 2) {
this.from.BeginTime = this.from.ViewTime[0]
this.from.EndTime = this.from.ViewTime[1]
} else {
this.from.BeginTime = ''
this.from.EndTime = ''
}
}
}
},
data() {
return {
loading: false,
from: {
Id: '',
CompanyName: '',
AuditContent: '',
AuditTime: '',
BeginTime: '',
EndTime: '',
AuditState: '',
AuditType: '',
IdnetityUserIdList: [],
IdnetityUserName: '',
ViewTime: []
},
rules: {
CompanyName: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
],
AuditContent: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
],
AuditTime: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
AuditType: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
IdnetityUserName: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
AuditState: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
ViewTime: [
{
required: true,
type: 'array',
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
{
validator: (rule, value, callback) => {
if (value.length < 2) {
callback(
new Error(this.$t('common:ruleMessage:select'))
)
}
callback()
},
trigger: 'blur',
},
],
},
}
},
methods: {
openUserList() {
this.config.visible = true
},
handleCancle() {
this.$emit('update:visible', false)
},
async handleSave() {
try {
let validate = await this.$refs.dataForm.validate()
if (!validate) return false
if (this.state === 'add') this.from.AuditState = 0
this.loading = true
let res = await addOrUpdateAuditRecord(this.from)
this.loading = false
if (res.IsSuccess) {
this.$emit('getList')
this.handleCancle()
}
} catch (err) {
this.loading = false
console.log(err)
}
},
addUser(arr) {
this.from.IdnetityUserIdList = arr.map(item => item.Id)
this.from.IdnetityUserName = arr.map(item => item.FullName).join(", ")
this.config.visible = false
}
}
}
</script>
<style lang="scss" scoped></style>

View File

@ -1,38 +0,0 @@
<template>
<el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false" :fullscreen="true"
:before-close="close" :title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${isAudit}`)"
custom-class="base-dialog-wrapper">
<auditDocument :isManage="false" :AuditRecordId="AuditRecordId" :isAudit="isAudit" />
</el-dialog>
</template>
<script>
import auditDocument from "@/views/trials/trials-workbench/components/auditDocument"
export default {
props: {
isAudit: {
type: Boolean,
default: false
},
visible: {
type: Boolean,
default: false
},
AuditRecordId: {
type: String,
default: ''
}
},
components: { auditDocument },
methods: {
close(done) {
this.$emit("update:visible", false)
// done()
}
}
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog__body {
margin-top: 0;
}
</style>

View File

@ -1,305 +0,0 @@
<template>
<BaseContainer class="inspectionManagement">
<template slot="title-container">
<el-row>
<el-col :span="12">
<h3>{{ $t('trials:tab:inspectionManagement') }}</h3>
</el-col>
<el-col :span="12" style="text-align:right;">
<h3>
<Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
:limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next"
:background="false" style="display: inline-block;" @pagination="getList" />
<el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
@click="handleReset" />
</h3>
</el-col>
</el-row>
</template>
<template slot="search-container">
<el-form :inline="true">
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')">
<el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input>
</el-form-item>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')">
<el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input>
</el-form-item>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')">
<el-select v-model="searchData.AuditType" placeholder="" clearable>
<el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
</el-option>
</el-select>
</el-form-item>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
<el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input>
</el-form-item>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')">
<el-date-picker v-model="auditTime" type="daterange" range-separator="-"
:start-placeholder="$t('imageInspect:daterange:startPlaceholder')"
:end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" clearable>
</el-date-picker>
</el-form-item>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
<el-date-picker v-model="viewTime" type="datetimerange" range-separator="-"
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
:default-time="['00:00:00', '23:59:59']"
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd HH:mm:ss" clearable>
</el-date-picker>
</el-form-item>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')">
<el-date-picker v-model="createTime" type="daterange" range-separator="-"
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd"
format="yyyy-MM-dd" clearable>
</el-date-picker>
</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-button type="primary" @click="openForm('add', {})">
{{ $t('common:button:new') }}
</el-button>
</el-form-item>
</el-form>
</template>
<template slot="main-container">
<el-table id="auditDocumentTable" ref="auditDocumentTable" :data="tableData" style="width: 99%" row-key="Id"
:loading="loading" v-adaptive="{ bottomOffset: 75 }" height="100" @sort-change="handleSortChange">
<el-table-column type="index" width="50" />
<el-table-column prop="CompanyName" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')" sortable="custom">
</el-table-column>
<el-table-column prop="AuditContent" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')" sortable="custom">
</el-table-column>
<el-table-column prop="AuditType" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')" sortable="custom">
<template slot-scope="scope">
<span>{{ $fd('AuditType', scope.row.AuditType) }}</span>
</template>
</el-table-column>
<el-table-column prop="identityUserList" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
<template slot-scope="scope">
<el-button v-if="Array.isArray(scope.row.IdentityUserList)" type="text"
@click="openUserList(true, scope.row)">
{{scope.row.IdentityUserList.map(item => item.FullName).join(", ")}}
</el-button>
<!-- <span>
{{Array.isArray(scope.row.IdentityUserList) ?
scope.row.IdentityUserList.map(item => item.FullName).join(", ") :
''}}
</span> -->
</template>
</el-table-column>
<el-table-column prop="AuditTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom">
</el-table-column>
<el-table-column prop="BeginTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
<template slot-scope="scope">
<span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span>
</template>
</el-table-column>
<el-table-column prop="AuditState" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom">
<template slot-scope="scope">
<span>{{ $fd('AuditState', scope.row.AuditState) }}</span>
</template>
</el-table-column>
<el-table-column prop="CreateTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom">
</el-table-column>
<el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right">
<template slot-scope="scope">
<el-button circle icon="el-icon-view"
:title="$t('trials:trials-workbench:inspectionManagement:button:viewDocument')"
@click="openDoc(false, scope.row)" />
<el-button circle icon="el-icon-edit-outline"
:title="$t('trials:trials-workbench:inspectionManagement:button:editDocument')"
@click="openDoc(true, scope.row)" />
<el-button circle icon="el-icon-user"
:title="$t('trials:trials-workbench:inspectionManagement:button:user')"
@click="openUserList(false, scope.row)" />
<el-button circle icon="el-icon-edit" :title="$t('common:button:edit')"
@click="openForm('edit', scope.row)" />
<el-button circle icon="el-icon-delete" :title="$t('common:button:delete')"
:disabled="scope.row.AuditState > 0" @click="del(scope.row)" />
</template>
</el-table-column>
</el-table>
</template>
<dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
<document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
<base-model :config="config">
<template slot="dialog-body">
<userList v-if="config.visible" :AuditRecordId="AuditRecordId" :isView="isView" @close="close"
@getList="getList" />
</template>
</base-model>
</BaseContainer>
</template>
<script>
import Pagination from '@/components/Pagination'
import { getAuditRecordList, deleteAuditRecord } from '@/api/trials'
import dataForm from "./dataForm.vue"
import document from "./document.vue"
import userList from './userList'
import baseModel from '@/components/BaseModel'
import BaseContainer from '@/components/BaseContainer'
const searchDataDefault = () => {
return {
CompanyName: '',
AuditContent: "",
AuditType: "",
IdentityUserName: '',
BeginAuditTime: '',
EndAuditTime: '',
BeginTime: '',
EndTime: '',
BeginCreateTime: '',
EndCreateTime: '',
PageIndex: 1,
PageSize: 20,
Asc: false,
SortField: ''
}
}
export default {
name: "inspectionManagement",
components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
data() {
return {
searchData: searchDataDefault(),
total: 0,
Id: null,
loading: false,
tableData: [],
auditTime: [],
viewTime: [],
createTime: [],
visible: false, //
rowData: {},
fromVisible: false,
state: 'add',
docVisible: false,
isAudit: false,
AuditRecordId: null,
config: {
visible: false,
title: this.$t('trials:trials-workbench:inspectionManagement:dialogTitle:selectUser'),
width: '1200px',
},
isView: false,
}
},
created() {
this.getList()
},
methods: {
async del(row) {
try {
let confirm = await this.$confirm(this.$t("trials:trials-workbench:inspectionManagement:confirm:del"))
if (!confirm) return false
this.loading = true
let res = await deleteAuditRecord(row.Id)
this.loading = false
if (res.IsSuccess) {
this.getList()
this.$message.success(this.$t("common:message:deletedSuccessfully"))
}
} catch (err) {
this.loading = false
console.log(err)
}
},
close() {
this.config.visible = false
},
openUserList(isView = false, row) {
this.isView = isView
this.AuditRecordId = row.Id
this.config.visible = true
},
openDoc(isAudit = false, row) {
this.AuditRecordId = row.Id
this.isAudit = isAudit
this.docVisible = true
},
openForm(state, row) {
this.rowData = Object.assign({}, row)
this.state = state
this.fromVisible = true
},
async getList() {
try {
if (Array.isArray(this.auditTime) && this.auditTime.length === 2) {
this.searchData.BeginAuditTime = this.auditTime[0]
this.searchData.EndAuditTime = this.auditTime[1]
} else {
this.searchData.BeginAuditTime = ''
this.searchData.EndAuditTime = ''
}
if (Array.isArray(this.viewTime) && this.viewTime.length === 2) {
this.searchData.BeginTime = this.viewTime[0]
this.searchData.EndTime = this.viewTime[1]
} else {
this.searchData.BeginTime = ''
this.searchData.EndTime = ''
}
if (Array.isArray(this.createTime) && this.createTime.length === 2) {
this.searchData.BeginCreateTime = this.createTime[0]
this.searchData.EndCreateTime = this.createTime[1]
} else {
this.searchData.BeginCreateTime = ''
this.searchData.EndCreateTime = ''
}
this.loading = true
let res = await getAuditRecordList(this.searchData)
this.loading = false
if (res.IsSuccess) {
this.tableData = res.Result.CurrentPageData
this.total = res.Result.TotalCount
}
} catch (err) {
this.loading = false
console.log(err)
}
},
handleReset() {
this.searchData = searchDataDefault()
this.auditTime = []
this.viewTime = []
this.createTime = []
this.getList()
},
handleSearch() {
this.getList()
},
//
handleSortChange(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()
},
}
}
</script>
<style lang="scss" scoped></style>

View File

@ -1,229 +0,0 @@
<template>
<el-container class="participant-container">
<el-header style="height: 50px">
<div class="filter-container">
<!-- 姓名 -->
<span>{{ $t('trials:staff:table:name') }}:</span>
<el-input v-model="listQuery.RealName" size="mini" class="mr" clearable />
<!-- 用户名 -->
<span>{{ $t('trials:staff:table:uid') }}:</span>
<el-input v-model="listQuery.UserName" size="mini" class="mr" clearable />
<!-- 单位 -->
<span>{{ $t('trials:staff:table:organization') }}:</span>
<el-input v-model="listQuery.OrganizationName" size="mini" class="mr" clearable />
<!-- 是否加入 -->
<template v-if="!isView">
<span>{{ $t('trials:staff:table:Join') }}:</span>
<el-select v-model="listQuery.IsAuditRecordUserSelect" placeholder="" size="mini" class="mr" clearable>
<el-option v-for="item in $d.IsJoin" :key="item.id" :label="item.label" :value="item.value">
</el-option>
</el-select>
</template>
<!-- 用户类型 -->
<!-- <span>{{ $t('trials:staff:table:userType') }}:</span>
<el-select v-model="listQuery.UserTypeEnum" size="mini" clearable class="mr">
<el-option v-for="item of userTypeOptions" :key="item.Id" :label="item.UserTypeShortName"
:value="item.UserTypeEnum">
<span>{{ item.UserType }}</span>
</el-option>
</el-select> -->
<!-- 查询 -->
<el-button type="primary" size="mini" icon="el-icon-search" @click="handleSearch">
{{ $t('common:button:search') }}
</el-button>
<!-- 重置 -->
<el-button size="mini" type="primary" icon="el-icon-refresh-left" @click="handleReset">
{{ $t('common:button:reset') }}
</el-button>
<!-- <el-button type="primary" size="mini" style="margin-left: auto" :disabled="selectArr.length === 0"
:loading="assignLoadStatus" icon="el-icon-plus" @click="handleAssign">
{{ $t('common:button:add') }}
</el-button> -->
</div>
</el-header>
<el-main>
<div class="data-table">
<el-table :data="list" stripe height="400px" class="participant-table-list"
@selection-change="handleSelectChange" @sort-change="handleSortByColumn">
<!-- <el-table-column type="selection" width="50" /> -->
<el-table-column type="index" width="50" />
<!-- 姓名 -->
<el-table-column prop="FullName" :label="$t('trials:staff:table:name')" show-overflow-tooltip
sortable="custom" min-width="100" />
<!-- 用户名 -->
<el-table-column prop="UserName" :label="$t('trials:staff:table:uid')" show-overflow-tooltip sortable="custom"
min-width="100" />
<!-- 电话 -->
<el-table-column prop="Phone" :label="$t('trials:staff:table:phone')" show-overflow-tooltip sortable="custom"
min-width="120" />
<!-- 邮箱 -->
<el-table-column prop="EMail" :label="$t('trials:staff:table:email')" show-overflow-tooltip sortable="custom"
min-width="120" />
<!-- 单位 -->
<el-table-column prop="OrganizationName" :label="$t('trials:staff:table:organization')" show-overflow-tooltip
min-width="100" sortable="custom" />
<!-- 用户类型 -->
<!-- <el-table-column prop="UserTypeShortName" :label="$t('trials:staff:table:userType')" show-overflow-tooltip
sortable="custom" min-width="100" /> -->
<el-table-column prop="IsAuditRecordUserSelect" :label="$t('trials:staff:table:Join')" show-overflow-tooltip>
<template slot-scope="scope">
<span>{{ $fd('IsJoin', scope.row.IsAuditRecordUserSelect) }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common:action:action')" width="120" align="left" fixed="right">
<template slot-scope="scope">
<el-button type="text" @click="changeUser(true, scope.row)" :disabled="scope.row.IsAuditRecordUserSelect">
{{ $t('trials:trials-workbench:inspectionManagement:button:join') }}
</el-button>
<el-button type="text" @click="changeUser(false, scope.row)"
:disabled="!scope.row.IsAuditRecordUserSelect">
{{ $t('trials:trials-workbench:inspectionManagement:button:Exit') }}
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-main>
<div class="pagination" style="text-align: right; margin-top: 5px">
<pagination :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize"
@pagination="getList" />
</div>
</el-container>
</template>
<script>
import { getUserList } from '@/api/admin'
import { addOrDeleteAuditRecordUser } from '@/api/trials'
import Pagination from '@/components/Pagination'
const getListQueryDefault = () => {
return {
RealName: '',
UserName: '',
OrganizationName: '',
IsAuditRecordUserSelect: null,
UserTypeEnum: '16',
PageIndex: 1,
PageSize: 20,
}
}
export default {
components: { Pagination },
props: {
AuditRecordId: {
type: String,
default: ''
},
isView: {
type: Boolean,
default: false
}
},
data() {
return {
list: [],
total: 0,
listQuery: getListQueryDefault(),
selectArr: [],
assignLoadStatus: false,
// isAdmin: JSON.parse(zzSessionStorage.getItem('IsAdmin')),
userTypeOptions: [],
trialId: '',
}
},
mounted() {
this.getList()
},
methods: {
async changeUser(IsAdd = true, row) {
try {
let data = {
AuditRecordId: this.AuditRecordId,
IsAdd,
identityUserIdList: [row.Id]
}
let res = await addOrDeleteAuditRecordUser(data)
if (res.IsSuccess) {
this.getList()
this.$emit("getList")
}
} catch (err) {
console.log(err)
}
},
getList() {
const loading = this.$loading({
target: document.querySelector('.participant-table-list'),
fullscreen: false,
lock: true,
})
this.listQuery.UserState = 1
this.listQuery.AuditRecordId = this.AuditRecordId
if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
getUserList(this.listQuery)
.then((res) => {
loading.close()
this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount
})
.catch(() => {
loading.close()
})
},
handleAssign() {
this.$emit('add', this.selectArr)
},
handleSearch() {
this.listQuery.PageIndex = 1
this.getList()
},
handleReset() {
this.listQuery = getListQueryDefault()
if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
this.getList()
},
handleSelectChange(val) {
this.selectArr = val
},
handleSortByColumn(column) {
if (column.order === 'ascending') {
this.listQuery.Asc = true
} else {
this.listQuery.Asc = false
}
this.listQuery.SortField = column.prop
this.listQuery.PageIndex = 1
this.getList()
},
},
}
</script>
<style lang="scss" scoped>
.participant-container {
height: 100%;
.el-header {
.filter-container {
display: flex;
align-items: center;
span {
font-size: 13px;
margin-right: 5px;
}
.mr {
margin-right: 5px;
width: 120px;
}
}
}
.el-main {
padding: 0px;
}
.el-footer {
padding: 0 20px;
}
}
</style>

View File

@ -365,15 +365,6 @@
<span class="my_select_box_content_text">{{ $t('trials:tab:updateAuditDocument') }}</span>
</div>
</div>
<!-- 稽查管理 -->
<div class="my_select_box" :class="{ selected: selected === 'inspectionManagement' }"
tab-data="updateAuditDocument" @click="handleClick('inspectionManagement')"
v-if="hasPermi(['trials:trials-workbench:inspectionManagement'])">
<div class="my_select_box_content">
<span class="el-icon-folder-checked" style="padding: 4px;margin: 4px;color: #6698ff"></span>
<span class="my_select_box_content_text">{{ $t('trials:tab:inspectionManagement') }}</span>
</div>
</div>
</div>
</template>
</div>
@ -452,13 +443,11 @@
<!--通用培训记录-->
<generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
<!--稽查文档-->
<auditDocumentView v-if="selected === 'viewAuditDocument'" :isManage="false" />
<auditDocument v-if="selected === 'viewAuditDocument'" :isManage="false" />
<!--培训课程管理-->
<generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
<!--稽查文档管理-->
<auditDocument v-if="selected === 'updateAuditDocument'" :isManage="true" />
<!--稽查管理-->
<inspectionManagement v-if="selected === 'inspectionManagement'" />
</div>
<!-- <div v-show="false" style="height: 100%;position: relative">-->
<!-- <div style="font-weight:900;font-size: 20px;position: absolute;line-height: 60px;text-align: left;white-space: nowrap;padding-left: 20px" :style="{width: width + 'px'}">-->
@ -581,10 +570,8 @@ import MedicalFeedback from './components/medicalFeedback'
import MedicalAudit from './components/medicalAudit'
import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
import auditDocument from "./components/auditDocument"
import auditDocumentView from "./components/auditDocument/view"
import generalTraining from "./components/generalTraining"
import ReuploadAudit from "./components/ReuploadAudit"
import inspectionManagement from "./components/inspectionManagement"
import store from '@/store'
import './index.css'
@ -596,9 +583,7 @@ export default {
name: 'WorkBench',
components: {
auditDocument,
auditDocumentView,
generalTraining,
inspectionManagement,
clinicalDataConfirm,
clinicalDataPM,
PanelCount,