Compare commits

...

13 Commits

Author SHA1 Message Date
wangxiaoshuang 0df193c474 排序删除
continuous-integration/drone/push Build encountered an error Details
2025-09-30 12:19:21 +08:00
wangxiaoshuang 7d9be5e2b3 1
continuous-integration/drone/push Build is passing Details
2025-09-30 10:01:49 +08:00
wangxiaoshuang df417afbbb 语言转换简体繁体
continuous-integration/drone/push Build is passing Details
2025-09-30 09:43:22 +08:00
wangxiaoshuang 48c76cb0bb 国际化跟随浏览器变更
continuous-integration/drone/push Build is passing Details
2025-09-29 15:29:28 +08:00
wangxiaoshuang 83182a4d0f 稽查管理页面样式调整
continuous-integration/drone/push Build is passing Details
2025-09-29 14:55:12 +08:00
wangxiaoshuang 10408bde30 培训记录查看ea过滤文件类型
continuous-integration/drone/push Build is passing Details
2025-09-29 14:21:50 +08:00
wangxiaoshuang 1705469056 1
continuous-integration/drone/push Build is passing Details
2025-09-29 13:58:35 +08:00
wangxiaoshuang 8f5b75fcd5 1
continuous-integration/drone/push Build is running Details
2025-09-29 13:56:33 +08:00
wangxiaoshuang 0c3a69d4d0 稽查管理修改
continuous-integration/drone/push Build is passing Details
2025-09-29 13:48:27 +08:00
wangxiaoshuang 2683a5a7c9 1
continuous-integration/drone/push Build is passing Details
2025-09-29 13:08:28 +08:00
wangxiaoshuang d17b95a200 稽查管理人员添加修改
continuous-integration/drone/push Build is passing Details
2025-09-29 11:06:01 +08:00
wangxiaoshuang 9a8bf1e637 EA查看工作台培训记录修改
continuous-integration/drone/push Build is passing Details
2025-09-29 10:37:17 +08:00
wangxiaoshuang 4aa43b009b 工作台稽查文档查看修改
continuous-integration/drone/push Build is passing Details
2025-09-28 16:20:51 +08:00
10 changed files with 429 additions and 290 deletions

View File

@ -4243,6 +4243,14 @@ export function getAuditRecordList(data) {
data data
}) })
} }
// 稽查管理-列表(EA)
export function getAuditRecordSelectList(data) {
return request({
url: `/AuditDocument/getAuditRecordSelectList`,
method: 'post',
data
})
}
// 稽查管理-列表新增修改 // 稽查管理-列表新增修改
export function addOrUpdateAuditRecord(data) { export function addOrUpdateAuditRecord(data) {
return request({ return request({
@ -4258,4 +4266,19 @@ export function setAuditRecordPermission(data) {
method: 'post', method: 'post',
data 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'
})
} }

View File

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

View File

@ -60,7 +60,7 @@
<el-input v-model="searchData.userName" clearable style="width: 120px" /> <el-input v-model="searchData.userName" clearable style="width: 120px" />
</el-form-item> </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-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
<el-option v-for="item of userTypeOptions" <el-option v-for="item of userTypeOptions"
v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id" v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id"
@ -69,7 +69,7 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </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-select v-model="searchData.IsConfirmed" clearable style="width: 120px">
<el-option v-for="i of $d.TrainingStatusEnum" :key="'IsConfirmed' + i.label" :value="i.value" <el-option v-for="i of $d.TrainingStatusEnum" :key="'IsConfirmed' + i.label" :value="i.value"
:label="i.label" /> :label="i.label" />
@ -78,12 +78,12 @@
<el-form-item :label="isDoc <el-form-item :label="isDoc
? $t('trials:signRecords:table:isDeletedFile') ? $t('trials:signRecords:table:isDeletedFile')
: $t('trials:signRecords:table:isDeleted') : $t('trials:signRecords:table:isDeleted')
"> " v-if="!isEASystem">
<el-select v-model="searchData.IsDeleted" clearable style="width: 120px"> <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-option v-for="i of $d.TrainingStatus" :key="'IsDeleted' + i.label" :value="i.value" :label="i.label" />
</el-select> </el-select>
</el-form-item> </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-input v-model="searchData.UserName" style="width: 120px" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('trials:signRecords:table:confirmTime')" v-if="isDoc || isSystem"> <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"> :default-time="['00:00:00', '23:59:59']" type="datetimerange">
</el-date-picker> </el-date-picker>
</el-form-item> </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" <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" /> type="datetimerange" :default-time="['00:00:00', '23:59:59']" @change="changeTimeListC" />
</el-form-item> </el-form-item>
@ -305,6 +305,11 @@ export default {
}, },
} }
}, },
computed: {
isEASystem() {
return this.isSystem && this.hasPermi(['role:ea'])
}
},
mounted() { mounted() {
this.getTypeOptions() this.getTypeOptions()
this.getUserSelect() this.getUserSelect()
@ -360,6 +365,14 @@ export default {
}, },
// //
getList() { 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 this.loading = true
if (this.viewStatus) { if (this.viewStatus) {
this.searchData.IsConfirmed = true this.searchData.IsConfirmed = true
@ -398,6 +411,7 @@ export default {
getTypeOptions() { getTypeOptions() {
if (this.isSystem) { if (this.isSystem) {
this.typeOptions = this.$d.Sys_Document this.typeOptions = this.$d.Sys_Document
if (this.isEASystem) this.typeOptions = this.typeOptions.filter(item => item.raw.ChildGroup !== "Trial")
} else { } else {
getTrialDocAndSystemDocType(this.trialId).then((res) => { getTrialDocAndSystemDocType(this.trialId).then((res) => {
this.typeOptions = res.Result this.typeOptions = res.Result

View File

@ -417,7 +417,11 @@ export default {
this.searchData.IsAuthorization = null this.searchData.IsAuthorization = null
} }
if (this.AuditRecordId) this.searchData.AuditRecordId = this.AuditRecordId if (this.AuditRecordId) this.searchData.AuditRecordId = this.AuditRecordId
if (!this.isAudit) this.searchData.IsCurrentAuditRecordAuthorization = true if (!this.isAudit) {
this.searchData.IsCurrentAuditRecordAuthorization = true
} else {
this.searchData.IsCurrentAuditRecordAuthorization = null
}
let res = await getAuditDocumentData(this.searchData) let res = await getAuditDocumentData(this.searchData)
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {

View File

@ -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>

View File

@ -1,7 +1,7 @@
<template> <template>
<el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false" <el-dialog v-if="visible" :visible.sync="visible" :close-on-click-modal="false"
:title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${state}`)" width="600px" :title="$t(`trials:trials-workbench:inspectionManagement:dialogTitle:${state}`)" width="600px"
custom-class="base-dialog-wrapper" v-dialogDrag> custom-class="base-dialog-wrapper" v-dialogDrag :before-close="handleCancle">
<el-form :model="from" size="mini" :rules="rules" ref="dataForm" label-width="120px"> <el-form :model="from" size="mini" :rules="rules" ref="dataForm" label-width="120px">
<div class="base-dialog-body"> <div class="base-dialog-body">
<!-- 公司名称 --> <!-- 公司名称 -->
@ -23,7 +23,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 稽查人员 --> <!-- 稽查人员 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:IdnetityUserName')" <!-- <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:IdnetityUserName')"
prop="IdnetityUserName"> prop="IdnetityUserName">
<div style="display: flex;align-items: center;justify-content: space-around;"> <div style="display: flex;align-items: center;justify-content: space-around;">
<p :title="from.IdnetityUserName" <p :title="from.IdnetityUserName"
@ -34,7 +34,7 @@
$t('trials:trials-workbench:inspectionManagement:button:select') $t('trials:trials-workbench:inspectionManagement:button:select')
}}</el-button> }}</el-button>
</div> </div>
</el-form-item> </el-form-item> -->
<!-- 稽查日期 --> <!-- 稽查日期 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditTime')" <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:AuditTime')"
prop="AuditTime"> prop="AuditTime">
@ -44,7 +44,8 @@
</el-form-item> </el-form-item>
<!-- 文档查看时间 --> <!-- 文档查看时间 -->
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:ViewTime')" prop="ViewTime"> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:from:ViewTime')" prop="ViewTime">
<el-date-picker v-model="from.ViewTime" type="datetimerange" range-separator="-" <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')" :start-placeholder="$t('curriculumVitae:daterange:startTime')"
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss" :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%;"> format="yyyy-MM-dd HH:mm:ss" clearable style="width: 100%;">
@ -55,7 +56,7 @@
prop="AuditState" v-if="state === 'edit'"> prop="AuditState" v-if="state === 'edit'">
<el-radio-group v-model="from.AuditState"> <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 v-for="item in $d.AuditState" :key="item.id" :label="item.value">{{ item.label
}}</el-radio> }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</div> </div>
@ -72,17 +73,11 @@
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
<base-model :config="config">
<template slot="dialog-body">
<userList @add="addUser" v-if="config.visible" />
</template>
</base-model>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { addOrUpdateAuditRecord } from '@/api/trials' import { addOrUpdateAuditRecord } from '@/api/trials'
import userList from './userList'
import baseModel from '@/components/BaseModel'
export default { export default {
props: { props: {
visible: { visible: {
@ -100,13 +95,12 @@ export default {
} }
} }
}, },
components: { userList, baseModel },
watch: { watch: {
state: { state: {
handler() { handler() {
if (this.state === 'edit') { if (this.state === 'edit') {
Object.keys(this.from).forEach(key => { Object.keys(this.from).forEach(key => {
if (this.rowData[key]) { if (this.rowData[key] || this.rowData[key] == 0) {
this.from[key] = this.rowData[key] this.from[key] = this.rowData[key]
} }
}) })
@ -114,9 +108,7 @@ export default {
this.from.ViewTime = [this.from.BeginTime, this.from.EndTime] this.from.ViewTime = [this.from.BeginTime, this.from.EndTime]
} else { } else {
Object.keys(this.from).forEach(key => { Object.keys(this.from).forEach(key => {
if (this.rowData[key]) { this.from[key] = ''
this.from[key] = ''
}
}) })
this.from.ViewTime = [] this.from.ViewTime = []
this.from.IdnetityUserIdList = [] this.from.IdnetityUserIdList = []
@ -215,12 +207,6 @@ export default {
}, },
], ],
}, },
config: {
visible: false,
title: this.$t('trials:trials-workbench:inspectionManagement:dialogTitle:selectUser'),
width: '1200px',
appendToBody: true
},
} }
}, },
methods: { methods: {

View File

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

View File

@ -1,133 +1,159 @@
<template> <template>
<div class="inspectionManagement">
<el-row> <BaseContainer class="inspectionManagement">
<el-col :span="12"> <template slot="title-container">
<h3>{{ $t('trials:tab:inspectionManagement') }}</h3> <el-row>
</el-col> <el-col :span="12">
<el-col :span="12" style="text-align:right;"> <h3>{{ $t('trials:tab:inspectionManagement') }}</h3>
<h3> </el-col>
<Pagination class="page" :total="total" :page.sync="searchData.pageIndex" <el-col :span="12" style="text-align:right;">
:limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next" :background="false" <h3>
style="display: inline-block;" @pagination="getList" /> <Pagination class="page" :total="total" :page.sync="searchData.pageIndex"
<el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')" :limit.sync="searchData.pageSize" layout="total, sizes, prev, pager, next"
@click="handleReset" /> :background="false" style="display: inline-block;" @pagination="getList" />
</h3> <el-button icon="el-icon-refresh-left" size="small" circle :title="$t('common:button:reset')"
</el-col> @click="handleReset" />
</el-row> </h3>
<el-form :inline="true" class="base-search-form"> </el-col>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')"> </el-row>
<el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input> </template>
</el-form-item> <template slot="search-container">
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')"> <el-form :inline="true">
<el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')">
</el-form-item> <el-input v-model="searchData.CompanyName" clearable placeholder=""></el-input>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')"> </el-form-item>
<el-select v-model="searchData.AuditType" placeholder="" clearable> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')">
<el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value"> <el-input v-model="searchData.AuditContent" clearable placeholder=""></el-input>
</el-option> </el-form-item>
</el-select> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')">
</el-form-item> <el-select v-model="searchData.AuditType" placeholder="" clearable>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')"> <el-option v-for="item in $d.AuditType" :key="item.id" :label="item.label" :value="item.value">
<el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input> </el-option>
</el-form-item> </el-select>
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')"> </el-form-item>
<el-date-picker v-model="auditTime" type="daterange" range-separator="-" <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')">
:start-placeholder="$t('imageInspect:daterange:startPlaceholder')" <el-input v-model="searchData.IdentityUserName" clearable placeholder=""></el-input>
:end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd" </el-form-item>
format="yyyy-MM-dd" clearable> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')">
</el-date-picker> <el-date-picker v-model="auditTime" type="daterange" range-separator="-"
</el-form-item> :start-placeholder="$t('imageInspect:daterange:startPlaceholder')"
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')"> :end-placeholder="$t('imageInspect:daterange:endPlaceholder')" value-format="yyyy-MM-dd"
<el-date-picker v-model="viewTime" type="datetimerange" range-separator="-" format="yyyy-MM-dd" clearable>
:start-placeholder="$t('curriculumVitae:daterange:startTime')" </el-date-picker>
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss" </el-form-item>
format="yyyy-MM-dd HH:mm:ss" clearable> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
</el-date-picker> <el-date-picker v-model="viewTime" type="datetimerange" range-separator="-"
</el-form-item> :start-placeholder="$t('curriculumVitae:daterange:startTime')"
<el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')"> :default-time="['00:00:00', '23:59:59']"
<el-date-picker v-model="createTime" type="daterange" range-separator="-" :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
:start-placeholder="$t('curriculumVitae:daterange:startTime')" format="yyyy-MM-dd HH:mm:ss" clearable>
:end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd" </el-date-picker>
format="yyyy-MM-dd" clearable> </el-form-item>
</el-date-picker> <el-form-item :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')">
</el-form-item> <el-date-picker v-model="createTime" type="daterange" range-separator="-"
<el-form-item> :start-placeholder="$t('curriculumVitae:daterange:startTime')"
<el-button type="primary" icon="el-icon-search" @click="handleSearch"> :end-placeholder="$t('curriculumVitae:daterange:endTime')" value-format="yyyy-MM-dd"
{{ $t('common:button:search') }} format="yyyy-MM-dd" clearable>
</el-button> </el-date-picker>
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset"> </el-form-item>
{{ $t('common:button:reset') }} <el-form-item>
</el-button> <el-button type="primary" icon="el-icon-search" @click="handleSearch">
<el-button type="primary" @click="openForm('add', {})"> {{ $t('common:button:search') }}
{{ $t('common:button:new') }} </el-button>
</el-button> <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
</el-form-item> {{ $t('common:button:reset') }}
</el-form> </el-button>
<el-table id="auditDocumentTable" ref="auditDocumentTable" :data="tableData" style="width: 99%" row-key="Id" <el-button type="primary" @click="openForm('add', {})">
:loading="loading" v-adaptive="{ bottomOffset: 75 }" height="100" @sort-change="handleSortChange"> {{ $t('common:button:new') }}
<el-table-column prop="CompanyName" show-overflow-tooltip </el-button>
:label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')" sortable="custom"> </el-form-item>
</el-table-column> </el-form>
<el-table-column prop="AuditContent" show-overflow-tooltip </template>
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')" sortable="custom"> <template slot="main-container">
</el-table-column> <el-table id="auditDocumentTable" ref="auditDocumentTable" :data="tableData" style="width: 99%" row-key="Id"
<el-table-column prop="AuditType" show-overflow-tooltip :loading="loading" v-adaptive="{ bottomOffset: 75 }" height="100" @sort-change="handleSortChange">
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditType')" sortable="custom"> <el-table-column type="index" width="50" />
<template slot-scope="scope"> <el-table-column prop="CompanyName" show-overflow-tooltip
<span>{{ $fd('AuditType', scope.row.AuditType) }}</span> :label="$t('trials:trials-workbench:inspectionManagement:table:CompanyName')" sortable="custom">
</template> </el-table-column>
</el-table-column> <el-table-column prop="AuditContent" show-overflow-tooltip
<el-table-column prop="identityUserList" show-overflow-tooltip :label="$t('trials:trials-workbench:inspectionManagement:table:AuditContent')" sortable="custom">
:label="$t('trials:trials-workbench:inspectionManagement:table:IdentityUserName')"> </el-table-column>
<template slot-scope="scope"> <el-table-column prop="AuditType" show-overflow-tooltip
<span> :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) ? {{Array.isArray(scope.row.IdentityUserList) ?
scope.row.IdentityUserList.map(item => item.FullName).join(", ") : scope.row.IdentityUserList.map(item => item.FullName).join(", ") :
''}} ''}}
</span> </span> -->
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="AuditTime" show-overflow-tooltip <el-table-column prop="AuditTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom"> :label="$t('trials:trials-workbench:inspectionManagement:table:auditTime')" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column prop="BeginTime" show-overflow-tooltip <el-table-column prop="BeginTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')"> :label="$t('trials:trials-workbench:inspectionManagement:table:viewTime')">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span> <span>{{ `${scope.row.BeginTime} - ${scope.row.EndTime}` }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="AuditState" show-overflow-tooltip <el-table-column prop="AuditState" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom"> :label="$t('trials:trials-workbench:inspectionManagement:table:AuditState')" sortable="custom">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ $fd('AuditState', scope.row.AuditState) }}</span> <span>{{ $fd('AuditState', scope.row.AuditState) }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="CreateTime" show-overflow-tooltip <el-table-column prop="CreateTime" show-overflow-tooltip
:label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom"> :label="$t('trials:trials-workbench:inspectionManagement:table:createTime')" sortable="custom">
</el-table-column> </el-table-column>
<el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right"> <el-table-column :label="$t('common:action:action')" width="260" align="left" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" @click="openDoc(false, scope.row)"> <el-button circle icon="el-icon-view"
{{ $t('trials:trials-workbench:inspectionManagement:button:viewDocument') }} :title="$t('trials:trials-workbench:inspectionManagement:button:viewDocument')"
</el-button> @click="openDoc(false, scope.row)" />
<el-button type="text" @click="openDoc(true, scope.row)"> <el-button circle icon="el-icon-edit-outline"
{{ $t('trials:trials-workbench:inspectionManagement:button:editDocument') }} :title="$t('trials:trials-workbench:inspectionManagement:button:editDocument')"
</el-button> @click="openDoc(true, scope.row)" />
<el-button type="text" @click="openForm('edit', scope.row)"> <el-button circle icon="el-icon-user"
{{ $t('common:button:edit') }} :title="$t('trials:trials-workbench:inspectionManagement:button:user')"
</el-button> @click="openUserList(false, scope.row)" />
</template> <el-button circle icon="el-icon-edit" :title="$t('common:button:edit')"
</el-table-column> @click="openForm('edit', scope.row)" />
</el-table> <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" /> <dataForm v-if="fromVisible" :visible.sync="fromVisible" :rowData="rowData" :state="state" @getList="getList" />
<document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" /> <document v-if="docVisible" :visible.sync="docVisible" :isAudit="isAudit" :AuditRecordId="AuditRecordId" />
</div> <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> </template>
<script> <script>
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
import { getAuditRecordList } from '@/api/trials' import { getAuditRecordList, deleteAuditRecord } from '@/api/trials'
import dataForm from "./dataForm.vue" import dataForm from "./dataForm.vue"
import document from "./document.vue" import document from "./document.vue"
import userList from './userList'
import baseModel from '@/components/BaseModel'
import BaseContainer from '@/components/BaseContainer'
const searchDataDefault = () => { const searchDataDefault = () => {
return { return {
CompanyName: '', CompanyName: '',
@ -148,7 +174,7 @@ const searchDataDefault = () => {
} }
export default { export default {
name: "inspectionManagement", name: "inspectionManagement",
components: { Pagination, dataForm, document }, components: { Pagination, dataForm, document, userList, baseModel, BaseContainer },
data() { data() {
return { return {
searchData: searchDataDefault(), searchData: searchDataDefault(),
@ -168,7 +194,14 @@ export default {
docVisible: false, docVisible: false,
isAudit: false, isAudit: false,
AuditRecordId: null AuditRecordId: null,
config: {
visible: false,
title: this.$t('trials:trials-workbench:inspectionManagement:dialogTitle:selectUser'),
width: '1200px',
},
isView: false,
} }
}, },
@ -176,6 +209,30 @@ export default {
this.getList() this.getList()
}, },
methods: { 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) { openDoc(isAudit = false, row) {
this.AuditRecordId = row.Id this.AuditRecordId = row.Id
this.isAudit = isAudit this.isAudit = isAudit

View File

@ -11,6 +11,14 @@
<!-- 单位 --> <!-- 单位 -->
<span>{{ $t('trials:staff:table:organization') }}:</span> <span>{{ $t('trials:staff:table:organization') }}:</span>
<el-input v-model="listQuery.OrganizationName" size="mini" class="mr" clearable /> <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> <!-- <span>{{ $t('trials:staff:table:userType') }}:</span>
<el-select v-model="listQuery.UserTypeEnum" size="mini" clearable class="mr"> <el-select v-model="listQuery.UserTypeEnum" size="mini" clearable class="mr">
@ -28,17 +36,17 @@
{{ $t('common:button:reset') }} {{ $t('common:button:reset') }}
</el-button> </el-button>
<el-button type="primary" size="mini" style="margin-left: auto" :disabled="selectArr.length === 0" <!-- <el-button type="primary" size="mini" style="margin-left: auto" :disabled="selectArr.length === 0"
:loading="assignLoadStatus" icon="el-icon-plus" @click="handleAssign"> :loading="assignLoadStatus" icon="el-icon-plus" @click="handleAssign">
{{ $t('common:button:add') }} {{ $t('common:button:add') }}
</el-button> </el-button> -->
</div> </div>
</el-header> </el-header>
<el-main> <el-main>
<div class="data-table"> <div class="data-table">
<el-table :data="list" stripe height="400px" class="participant-table-list" <el-table :data="list" stripe height="400px" class="participant-table-list"
@selection-change="handleSelectChange" @sort-change="handleSortByColumn"> @selection-change="handleSelectChange" @sort-change="handleSortByColumn">
<el-table-column type="selection" width="50" /> <!-- <el-table-column type="selection" width="50" /> -->
<el-table-column type="index" width="50" /> <el-table-column type="index" width="50" />
<!-- 姓名 --> <!-- 姓名 -->
<el-table-column prop="FullName" :label="$t('trials:staff:table:name')" show-overflow-tooltip <el-table-column prop="FullName" :label="$t('trials:staff:table:name')" show-overflow-tooltip
@ -58,6 +66,22 @@
<!-- 用户类型 --> <!-- 用户类型 -->
<!-- <el-table-column prop="UserTypeShortName" :label="$t('trials:staff:table:userType')" show-overflow-tooltip <!-- <el-table-column prop="UserTypeShortName" :label="$t('trials:staff:table:userType')" show-overflow-tooltip
sortable="custom" min-width="100" /> --> 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> </el-table>
</div> </div>
</el-main> </el-main>
@ -69,12 +93,14 @@
</template> </template>
<script> <script>
import { getUserList } from '@/api/admin' import { getUserList } from '@/api/admin'
import { addOrDeleteAuditRecordUser } from '@/api/trials'
import Pagination from '@/components/Pagination' import Pagination from '@/components/Pagination'
const getListQueryDefault = () => { const getListQueryDefault = () => {
return { return {
RealName: '', RealName: '',
UserName: '', UserName: '',
OrganizationName: '', OrganizationName: '',
IsAuditRecordUserSelect: null,
UserTypeEnum: '16', UserTypeEnum: '16',
PageIndex: 1, PageIndex: 1,
PageSize: 20, PageSize: 20,
@ -82,6 +108,16 @@ const getListQueryDefault = () => {
} }
export default { export default {
components: { Pagination }, components: { Pagination },
props: {
AuditRecordId: {
type: String,
default: ''
},
isView: {
type: Boolean,
default: false
}
},
data() { data() {
return { return {
list: [], list: [],
@ -98,6 +134,22 @@ export default {
this.getList() this.getList()
}, },
methods: { 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() { getList() {
const loading = this.$loading({ const loading = this.$loading({
target: document.querySelector('.participant-table-list'), target: document.querySelector('.participant-table-list'),
@ -105,6 +157,8 @@ export default {
lock: true, lock: true,
}) })
this.listQuery.UserState = 1 this.listQuery.UserState = 1
this.listQuery.AuditRecordId = this.AuditRecordId
if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
getUserList(this.listQuery) getUserList(this.listQuery)
.then((res) => { .then((res) => {
loading.close() loading.close()
@ -124,6 +178,7 @@ export default {
}, },
handleReset() { handleReset() {
this.listQuery = getListQueryDefault() this.listQuery = getListQueryDefault()
if (this.isView) this.listQuery.IsAuditRecordUserSelect = true
this.getList() this.getList()
}, },
handleSelectChange(val) { handleSelectChange(val) {

View File

@ -452,7 +452,7 @@
<!--通用培训记录--> <!--通用培训记录-->
<generalTraining v-if="selected === 'viewGeneralTraining'" :isManage="false" /> <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" /> <generalTraining v-if="selected === 'updateGeneralTraining'" :isManage="true" />
<!--稽查文档管理--> <!--稽查文档管理-->
@ -581,6 +581,7 @@ import MedicalFeedback from './components/medicalFeedback'
import MedicalAudit from './components/medicalAudit' import MedicalAudit from './components/medicalAudit'
import NeedSignedTrialDoc from './components/NeedSignedTrialDoc' import NeedSignedTrialDoc from './components/NeedSignedTrialDoc'
import auditDocument from "./components/auditDocument" import auditDocument from "./components/auditDocument"
import auditDocumentView from "./components/auditDocument/view"
import generalTraining from "./components/generalTraining" import generalTraining from "./components/generalTraining"
import ReuploadAudit from "./components/ReuploadAudit" import ReuploadAudit from "./components/ReuploadAudit"
import inspectionManagement from "./components/inspectionManagement" import inspectionManagement from "./components/inspectionManagement"
@ -595,6 +596,7 @@ export default {
name: 'WorkBench', name: 'WorkBench',
components: { components: {
auditDocument, auditDocument,
auditDocumentView,
generalTraining, generalTraining,
inspectionManagement, inspectionManagement,
clinicalDataConfirm, clinicalDataConfirm,