XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: XCKJ:main
Branches Tags
XCKJ:main
XCKJ:uat
XCKJ:uat_us
XCKJ:v1.12.1
XCKJ:v1.12.0
XCKJ:v1.9.1
XCKJ:v1.11.1
XCKJ:v1.11.3
XCKJ:v1.11.2
XCKJ:v1.11.0
XCKJ:v1.10.1
XCKJ:v1.10.0
XCKJ:v1.9.0
XCKJ:v1.8.0
XCKJ:v1.7.0
XCKJ:v1.6.0
XCKJ:v1.5.4
XCKJ:v1.5.3
XCKJ:v1.5.2
XCKJ:v1.5.1
XCKJ:v1.5.0
XCKJ:v1.4.0
XCKJ:usa
XCKJ:v1.3.2
..
compare: XCKJ:v1.12.1
Branches Tags
XCKJ:main
XCKJ:uat
XCKJ:uat_us
XCKJ:v1.12.1
XCKJ:v1.12.0
XCKJ:v1.9.1
XCKJ:v1.11.1
XCKJ:v1.11.3
XCKJ:v1.11.2
XCKJ:v1.11.0
XCKJ:v1.10.1
XCKJ:v1.10.0
XCKJ:v1.9.0
XCKJ:v1.8.0
XCKJ:v1.7.0
XCKJ:v1.6.0
XCKJ:v1.5.4
XCKJ:v1.5.3
XCKJ:v1.5.2
XCKJ:v1.5.1
XCKJ:v1.5.0
XCKJ:v1.4.0
XCKJ:usa
XCKJ:v1.3.2

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

20 changed files with 688 additions and 1534 deletions
Show Stats Expand all files Collapse all files

47
src/api/trials.js
View File

@ -4234,51 +4234,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'
})
}

12
src/views/dictionary/checkConfig/index.vue
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,

213
src/views/login/index.vue
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,20 +118,33 @@
</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>
@ -98,14 +152,19 @@
</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>
@ -121,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">
@ -168,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>
@ -255,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()
@ -439,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
@ -563,7 +640,6 @@ $cursor: #fff;
// }
}
}
.login-r {
.el-form-item {
border: 1px solid rgba(255, 255, 255, 0.1);
@ -579,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%;
@ -614,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;
@ -654,7 +718,6 @@ $light_gray: #606266;
justify-content: flex-end;
}
}
.login-r {
position: relative;
float: left;
@ -672,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;
@ -724,7 +784,6 @@ $light_gray: #606266;
}
}
}
.login-footer {
position: absolute;
bottom: 50px;
@ -738,7 +797,6 @@ $light_gray: #606266;
align-items: center;
// color: rgb(180, 190, 199);
color: #909399;
a {
display: inline-block;
text-decoration: none;
@ -747,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;

5
src/views/reviewers/curriculumVitae/components/info/clinicalTrials.vue
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"

170
src/views/reviewers/curriculumVitae/index.vue
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;

24
src/views/trials/trials-panel/attachments/attachment-management/index.vue
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

28
src/views/trials/trials-panel/reading/dicoms/components/AdditionalAssessment.vue
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() {

80
src/views/trials/trials-panel/reading/dicoms/components/AssessmentFormItem.vue
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>

338
src/views/trials/trials-panel/reading/dicoms/components/ReportPage.vue
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].IsBaseLine
}
...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>

336
src/views/trials/trials-panel/reading/dicoms3D/components/ReportPage.vue
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].IsBaseLine
}
...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>

1
src/views/trials/trials-panel/trial-summary/audit-record/index.vue
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
}

7
src/views/trials/trials-panel/visit/crc-upload/index.vue
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
}

8
src/views/trials/trials-panel/visit/qc-check/index.vue
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
}

76
src/views/trials/trials-workbench/components/auditDocument/index.vue
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)

43
src/views/trials/trials-workbench/components/auditDocument/view.vue
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>

245
src/views/trials/trials-workbench/components/inspectionManagement/dataForm.vue
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>

38
src/views/trials/trials-workbench/components/inspectionManagement/document.vue
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>

305
src/views/trials/trials-workbench/components/inspectionManagement/index.vue
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>

229
src/views/trials/trials-workbench/components/inspectionManagement/userList.vue
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>

17
src/views/trials/trials-workbench/index.vue
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,