Compare commits
16 Commits
| Author | SHA1 | Date |
|---|---|---|
 wangxiaoshuang
|
d64d5a523d | |
|
wangxiaoshuang
|
b2e7eeaeb4 | |
|
wangxiaoshuang
|
0df193c474 | |
|
wangxiaoshuang
|
7d9be5e2b3 | |
|
wangxiaoshuang
|
df417afbbb | |
|
wangxiaoshuang
|
48c76cb0bb | |
|
wangxiaoshuang
|
83182a4d0f | |
|
wangxiaoshuang
|
10408bde30 | |
|
wangxiaoshuang
|
1705469056 | |
|
wangxiaoshuang
|
8f5b75fcd5 | |
|
wangxiaoshuang
|
0c3a69d4d0 | |
|
wangxiaoshuang
|
2683a5a7c9 | |
|
wangxiaoshuang
|
d17b95a200 | |
|
wangxiaoshuang
|
9a8bf1e637 | |
|
wangxiaoshuang
|
4aa43b009b | |
|
wangxiaoshuang
|
bb798ce4ad |
|
|
@ -4234,4 +4234,51 @@ 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'
|
||||
})
|
||||
}
|
||||
|
|
@ -7,20 +7,13 @@
|
|||
<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>
|
||||
|
|
@ -29,77 +22,43 @@
|
|||
<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"
|
||||
|
|
@ -118,33 +77,20 @@
|
|||
</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>
|
||||
|
|
@ -152,19 +98,14 @@
|
|||
</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>
|
||||
|
|
@ -180,43 +121,23 @@
|
|||
<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">
|
||||
|
|
@ -247,13 +168,8 @@
|
|||
</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>
|
||||
|
||||
|
|
@ -339,7 +255,14 @@ export default {
|
|||
this.location = this.$route.query.location
|
||||
zzSessionStorage.setItem('loginType', this.loginType)
|
||||
localStorage.setItem('location', this.location)
|
||||
if (process.env.VUE_APP_OSS_CONFIG_REGION === 'oss-us-west-1') {
|
||||
// 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') {
|
||||
this.$i18n.locale = 'en'
|
||||
this.setLanguage('en')
|
||||
this.$updateDictionary()
|
||||
|
|
@ -516,7 +439,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
|
||||
|
|
@ -640,6 +563,7 @@ $cursor: #fff;
|
|||
// }
|
||||
}
|
||||
}
|
||||
|
||||
.login-r {
|
||||
.el-form-item {
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
|
|
@ -655,23 +579,28 @@ $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%;
|
||||
|
|
@ -685,32 +614,39 @@ $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;
|
||||
|
|
@ -718,6 +654,7 @@ $light_gray: #606266;
|
|||
justify-content: flex-end;
|
||||
}
|
||||
}
|
||||
|
||||
.login-r {
|
||||
position: relative;
|
||||
float: left;
|
||||
|
|
@ -735,16 +672,19 @@ $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;
|
||||
|
|
@ -784,6 +724,7 @@ $light_gray: #606266;
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.login-footer {
|
||||
position: absolute;
|
||||
bottom: 50px;
|
||||
|
|
@ -797,6 +738,7 @@ $light_gray: #606266;
|
|||
align-items: center;
|
||||
// color: rgb(180, 190, 199);
|
||||
color: #909399;
|
||||
|
||||
a {
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
|
|
@ -805,13 +747,16 @@ $light_gray: #606266;
|
|||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
span {
|
||||
margin: 0 2px;
|
||||
}
|
||||
|
||||
img {
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
// p{
|
||||
// display: inline-block;
|
||||
// height:20px;
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
<el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc && !isEASystem">
|
||||
<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">
|
||||
<el-form-item :label="$t('trials:signRecords:table:isSign')" v-if="(!isDoc || !viewStatus) && !isEASystem">
|
||||
<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">
|
||||
<el-form-item :label="$t('trials:signRecords:table:username')" v-if="isDoc && !isEASystem">
|
||||
<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">
|
||||
<el-form-item :label="$t('trials:signRecords:table:uploadTime')" v-if="isSystem && !isEASystem">
|
||||
<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,6 +305,11 @@ export default {
|
|||
},
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
isEASystem() {
|
||||
return this.isSystem && this.hasPermi(['role:ea'])
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.getTypeOptions()
|
||||
this.getUserSelect()
|
||||
|
|
@ -360,6 +365,14 @@ 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
|
||||
|
|
@ -398,6 +411,7 @@ 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
|
||||
|
|
|
|||
|
|
@ -1,10 +1,5 @@
|
|||
<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>
|
||||
|
|
@ -42,14 +37,9 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
</div> -->
|
||||
<AssessmentFormItem
|
||||
v-for="question of questions"
|
||||
:key="question.Id"
|
||||
:question="question"
|
||||
:question-form="form"
|
||||
@setFormItemData="setFormItemData"
|
||||
@resetFormItemData="resetFormItemData"
|
||||
/>
|
||||
<AssessmentFormItem v-for="question of questions" :key="question.Id" :question="question" :question-form="form"
|
||||
:readingTaskState="readingTaskState" @setFormItemData="setFormItemData"
|
||||
@resetFormItemData="resetFormItemData" />
|
||||
|
||||
</div>
|
||||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||
|
|
@ -57,11 +47,7 @@
|
|||
<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>
|
||||
|
|
@ -85,6 +71,10 @@ export default {
|
|||
default() {
|
||||
return []
|
||||
}
|
||||
},
|
||||
readingTaskState: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
|
|
|||
|
|
@ -1,67 +1,39 @@
|
|||
<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)})"
|
||||
>
|
||||
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
||||
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
|
||||
<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)})"
|
||||
>
|
||||
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
||||
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState > 2">
|
||||
<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>
|
||||
|
|
@ -69,14 +41,8 @@
|
|||
</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>
|
||||
|
|
@ -95,6 +61,10 @@ export default {
|
|||
default() {
|
||||
return []
|
||||
}
|
||||
},
|
||||
readingTaskState: {
|
||||
type: Number,
|
||||
default: 0
|
||||
}
|
||||
},
|
||||
data() {
|
||||
|
|
@ -139,7 +109,7 @@ export default {
|
|||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.mb{
|
||||
.mb {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -5,87 +5,49 @@
|
|||
<!-- 电子影像病例报告表（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
|
||||
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 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">
|
||||
<!-- 跳过 -->
|
||||
{{ $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>
|
||||
|
|
@ -102,58 +64,37 @@
|
|||
</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>
|
||||
|
|
@ -162,27 +103,23 @@
|
|||
</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>
|
||||
|
|
@ -198,35 +135,50 @@
|
|||
</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] }}
|
||||
|
|
@ -238,31 +190,17 @@
|
|||
</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>
|
||||
|
|
@ -324,7 +262,11 @@ export default {
|
|||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['language'])
|
||||
...mapGetters(['language']),
|
||||
isBaseline() {
|
||||
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
||||
return this.visitTaskList[i].IsBaseLine
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
taskQuestions() {
|
||||
|
|
@ -440,6 +382,7 @@ export default {
|
|||
this.setScrollTop()
|
||||
}
|
||||
this.loading = false
|
||||
await this.getTaskAdditionalQuestion()
|
||||
} catch (e) {
|
||||
this.loading = false
|
||||
console.log(e)
|
||||
|
|
@ -467,7 +410,7 @@ export default {
|
|||
} else {
|
||||
this.expandedRows.push(item.Id)
|
||||
}
|
||||
|
||||
|
||||
} else {
|
||||
this.expandedRows.push(item.Id)
|
||||
}
|
||||
|
|
@ -651,6 +594,25 @@ 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 {
|
||||
|
|
@ -662,7 +624,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
|
||||
|
|
@ -776,7 +738,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 = ''
|
||||
|
|
@ -800,7 +762,7 @@ export default {
|
|||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||
type: 'warning',
|
||||
showCancelButton: false,
|
||||
callback: action => {}
|
||||
callback: action => { }
|
||||
})
|
||||
reject()
|
||||
return
|
||||
|
|
@ -810,7 +772,7 @@ export default {
|
|||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||
type: 'warning',
|
||||
showCancelButton: false,
|
||||
callback: action => {}
|
||||
callback: action => { }
|
||||
})
|
||||
reject()
|
||||
return
|
||||
|
|
@ -820,7 +782,7 @@ export default {
|
|||
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
|
||||
type: 'warning',
|
||||
showCancelButton: false,
|
||||
callback: action => {}
|
||||
callback: action => { }
|
||||
})
|
||||
reject()
|
||||
return
|
||||
|
|
@ -882,29 +844,36 @@ 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -922,42 +891,51 @@ 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>
|
||||
|
|
|
|||
|
|
@ -5,87 +5,49 @@
|
|||
<!-- 电子影像病例报告表（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
|
||||
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 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">
|
||||
<!-- 跳过 -->
|
||||
{{ $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>
|
||||
|
|
@ -102,58 +64,37 @@
|
|||
</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>
|
||||
|
|
@ -162,27 +103,23 @@
|
|||
</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>
|
||||
|
|
@ -198,35 +135,50 @@
|
|||
</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] }}
|
||||
|
|
@ -238,31 +190,17 @@
|
|||
</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"
|
||||
@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"
|
||||
:readingTaskState="readingTaskState" @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>
|
||||
|
|
@ -314,7 +252,11 @@ export default {
|
|||
}
|
||||
},
|
||||
computed: {
|
||||
...mapGetters(['language'])
|
||||
...mapGetters(['language']),
|
||||
isBaseline() {
|
||||
var i = this.visitTaskList.findIndex(i => i.VisitTaskId === this.visitTaskId)
|
||||
return this.visitTaskList[i].IsBaseLine
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
taskQuestions() {
|
||||
|
|
@ -395,6 +337,7 @@ export default {
|
|||
this.setScrollTop()
|
||||
}
|
||||
this.loading = false
|
||||
await this.getTaskAdditionalQuestion()
|
||||
} catch (e) {
|
||||
this.loading = false
|
||||
console.log(e)
|
||||
|
|
@ -605,6 +548,25 @@ 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 {
|
||||
|
|
@ -616,7 +578,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
|
||||
|
|
@ -724,7 +686,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 = ''
|
||||
|
|
@ -748,7 +710,7 @@ export default {
|
|||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||
type: 'warning',
|
||||
showCancelButton: false,
|
||||
callback: action => {}
|
||||
callback: action => { }
|
||||
})
|
||||
resolve()
|
||||
return
|
||||
|
|
@ -758,7 +720,7 @@ export default {
|
|||
this.$confirm(this.$t('trials:readingReport:message:msg2'), {
|
||||
type: 'warning',
|
||||
showCancelButton: false,
|
||||
callback: action => {}
|
||||
callback: action => { }
|
||||
})
|
||||
resolve()
|
||||
return
|
||||
|
|
@ -768,7 +730,7 @@ export default {
|
|||
this.$confirm(this.$t('trials:readingReport:message:msg3'), {
|
||||
type: 'warning',
|
||||
showCancelButton: false,
|
||||
callback: action => {}
|
||||
callback: action => { }
|
||||
})
|
||||
resolve()
|
||||
return
|
||||
|
|
@ -833,29 +795,36 @@ 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;
|
||||
}
|
||||
}
|
||||
|
|
@ -873,42 +842,51 @@ 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>
|
||||
|
|
|
|||
|
|
@ -37,6 +37,12 @@
|
|||
<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')">
|
||||
|
|
@ -868,6 +874,7 @@ const searchDataDefault = () => {
|
|||
AuditStateArray: [],
|
||||
SubmitState: null,
|
||||
ChallengeState: null,
|
||||
IsSubjectQuit: "",
|
||||
// SortField: '',
|
||||
// Asc: false
|
||||
}
|
||||
|
|
|
|||
|
|
@ -31,7 +31,12 @@
|
|||
<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">
|
||||
|
|
@ -652,6 +657,7 @@ const searchDataDefault = () => {
|
|||
EndAuditTime: null,
|
||||
PageIndex: 1,
|
||||
PageSize: 20,
|
||||
IsSubjectQuit: ''
|
||||
// SortField: '',
|
||||
// Asc: false
|
||||
}
|
||||
|
|
|
|||
|
|
@ -2,7 +2,9 @@
|
|||
<div class="auditDocument">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<h3>{{ isManage ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument') }}</h3>
|
||||
<h3>{{ isManage || isAudit ? $t('trials:tab:updateAuditDocument') : $t('trials:tab:viewAuditDocument')
|
||||
}}
|
||||
</h3>
|
||||
</el-col>
|
||||
<el-col :span="12" style="text-align:right;">
|
||||
<h3>
|
||||
|
|
@ -51,6 +53,11 @@
|
|||
{{ $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>
|
||||
|
|
@ -85,7 +92,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" />
|
||||
v-if="(hoverId === scope.row.Id || checkList.includes(scope.row.Id)) && (isManage || isAudit)" />
|
||||
<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 }}
|
||||
|
|
@ -116,6 +123,17 @@
|
|||
</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>
|
||||
|
|
@ -137,7 +155,7 @@
|
|||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder } from '@/api/trials'
|
||||
import { getAuditDocumentData, addAuditDocument, getBreadcrumbData, updateAuditDocument, deleteAuditDocument, setCurrentVersion, movieFileOrFolder, copyFileOrFolder, setIsAuthorization, addFolder, setAuditRecordPermission } 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'
|
||||
|
|
@ -159,7 +177,15 @@ export default {
|
|||
isManage: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
AuditRecordId: {
|
||||
type: String,
|
||||
default: ''
|
||||
},
|
||||
isAudit: {
|
||||
type: Boolean,
|
||||
default: false
|
||||
},
|
||||
},
|
||||
computed: {
|
||||
isCopy() {
|
||||
|
|
@ -226,6 +252,40 @@ 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 {
|
||||
|
|
@ -356,6 +416,12 @@ 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) {
|
||||
|
|
@ -558,7 +624,7 @@ export default {
|
|||
this.getList()
|
||||
},
|
||||
addCheck(row) {
|
||||
if (!this.isManage) return false
|
||||
if (!this.isManage && !this.isAudit) return false
|
||||
let index = this.checkList.indexOf(row.Id)
|
||||
if (!!~index) {
|
||||
this.checkList.splice(index, 1)
|
||||
|
|
|
|||
|
|
@ -0,0 +1,43 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1,245 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1,305 @@
|
|||
<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>
|
||||
|
|
@ -0,0 +1,229 @@
|
|||
<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>
|
||||
|
|
@ -365,6 +365,15 @@
|
|||
<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>
|
||||
|
|
@ -443,11 +452,13 @@
|
|||
<!--通用培训记录-->
|
||||
<generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" />
|
||||
<!--稽查文档-->
|
||||
<auditDocument v-if="selected === 'viewAuditDocument'" :isManage="false" />
|
||||
<auditDocumentView 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'}">-->
|
||||
|
|
@ -570,8 +581,10 @@ 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'
|
||||
|
||||
|
|
@ -583,7 +596,9 @@ export default {
|
|||
name: 'WorkBench',
|
||||
components: {
|
||||
auditDocument,
|
||||
auditDocumentView,
|
||||
generalTraining,
|
||||
inspectionManagement,
|
||||
clinicalDataConfirm,
|
||||
clinicalDataPM,
|
||||
PanelCount,
|
||||
|
|
|
|||
Loading…
Reference in New Issue