Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
commit
39bd20e880
|
|
@ -4482,4 +4482,36 @@ export function getDoctorUserTrialReadingStat(data) {
|
|||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 设置项目链接过期时间
|
||||
export function setTrialLinkExpirationTime(data) {
|
||||
return request({
|
||||
url: `/TrialConfig/setTrialLinkExpirationTime`,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 获取项目链接过期时间
|
||||
export function getTrialLinkExpirationTime(data) {
|
||||
return request({
|
||||
url: `/TrialConfig/getTrialLinkExpirationTime`,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 获取项目链接时间是否过期
|
||||
export function getLinkLinkExpirationTime(data) {
|
||||
return request({
|
||||
url: `/TrialConfig/getLinkLinkExpirationTime`,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 获取项目链接code是否有效
|
||||
export function getLinkVerificationCodeIsEffective(data) {
|
||||
return request({
|
||||
url: `/TrialConfig/getLinkVerificationCodeIsEffective`,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
|
@ -56,7 +56,8 @@ export default {
|
|||
TrialConfig: {},
|
||||
TrialStatusStr: null,
|
||||
trialId: null,
|
||||
IsAdditionalAssessment: false
|
||||
IsAdditionalAssessment: false,
|
||||
isReload: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
|
|
@ -71,7 +72,11 @@ export default {
|
|||
if (~url.indexOf('?')) {
|
||||
query = url.split('?')[1]
|
||||
}
|
||||
zzSessionStorage.setItem('lastWorkbench', `${v.path}${query ? '?' : ''}${query}`)
|
||||
if (!this.isReload) {
|
||||
zzSessionStorage.setItem('lastWorkbench', `${v.path}${query ? '?' : ''}${query}`)
|
||||
} else {
|
||||
this.isReload = false
|
||||
}
|
||||
var firstGoIn = this.trialsRouter.children.find(v => { return v.name === 'TrialsPanel' }).children[0]
|
||||
if (this.trialsTab === '/trials/trials-panel') {
|
||||
var targetPath = firstGoIn.path
|
||||
|
|
@ -96,6 +101,9 @@ export default {
|
|||
}
|
||||
},
|
||||
mounted() {
|
||||
this.$EventBus.$on("reload", () => {
|
||||
this.isReload = true
|
||||
})
|
||||
var query = ``
|
||||
var url = window.location.href
|
||||
if (~url.indexOf('?')) {
|
||||
|
|
|
|||
|
|
@ -2,11 +2,7 @@
|
|||
<div class="navbar navbar-flex-wrapper">
|
||||
<div class="leftMenu">
|
||||
<div class="navbar-flex-wrapper">
|
||||
<hamburger
|
||||
:is-active="sidebar.opened"
|
||||
class="hamburger-container"
|
||||
@toggleClick="toggleSideBar"
|
||||
/>
|
||||
<hamburger :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
||||
|
||||
<breadcrumb class="breadcrumb-container" />
|
||||
</div>
|
||||
|
|
@ -51,12 +47,8 @@
|
|||
<TopLang></TopLang>
|
||||
</div>
|
||||
</div>
|
||||
<toggleRole
|
||||
v-if="toggleRoleVisible"
|
||||
:visible.sync="toggleRoleVisible"
|
||||
:loading="toggleRoleLoading"
|
||||
@save="loginByRole"
|
||||
/>
|
||||
<toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading"
|
||||
@save="loginByRole" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -192,12 +184,14 @@ export default {
|
|||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
height: 50px;
|
||||
overflow: hidden;
|
||||
// position: relative;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
||||
|
||||
.hamburger-container {
|
||||
line-height: 46px;
|
||||
height: 100%;
|
||||
|
|
@ -219,6 +213,7 @@ export default {
|
|||
// float: right;
|
||||
height: 100%;
|
||||
line-height: 65px;
|
||||
|
||||
// position: relative;
|
||||
&:focus {
|
||||
outline: none;
|
||||
|
|
@ -245,6 +240,7 @@ export default {
|
|||
.avatar-container {
|
||||
display: inline-block;
|
||||
margin-right: 200px;
|
||||
|
||||
.user-avatar {
|
||||
margin-top: 5px;
|
||||
width: 40px;
|
||||
|
|
@ -252,16 +248,19 @@ export default {
|
|||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-container {
|
||||
// margin-left: 30px;
|
||||
// position: absolute;
|
||||
// right: 20px;
|
||||
// top: 0px;
|
||||
cursor: pointer;
|
||||
|
||||
.el-icon-caret-bottom {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-dropdown-link {
|
||||
color: #999c9e;
|
||||
cursor: pointer;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
<template>
|
||||
<div class="question-login-wrapper">
|
||||
<div class="box-wrapper">
|
||||
<div v-if="verify"></div>
|
||||
<div class="box-wrapper" v-else>
|
||||
<h2 style="text-align:center;">
|
||||
<!-- 中心调研表 -->
|
||||
{{ $t('trials:researchForm:title:question') }}
|
||||
|
|
@ -91,7 +92,10 @@ import { getUserMenuTree, getUserPermissions } from '@/api/user'
|
|||
import store from '@/store'
|
||||
import TopLang from './topLang'
|
||||
import { mapGetters, mapMutations } from 'vuex'
|
||||
|
||||
import {
|
||||
getLinkLinkExpirationTime,
|
||||
getLinkVerificationCodeIsEffective
|
||||
} from '@/api/trials'
|
||||
export default {
|
||||
components: { TopLang },
|
||||
data() {
|
||||
|
|
@ -146,6 +150,7 @@ export default {
|
|||
}
|
||||
return {
|
||||
trialId: '',
|
||||
verify: true,
|
||||
form: {
|
||||
Sponsor: null, // 申办方
|
||||
ResearchProgramNo: null, // 方案号
|
||||
|
|
@ -202,31 +207,112 @@ export default {
|
|||
])
|
||||
},
|
||||
mounted() {
|
||||
this.$i18n.locale = this.$route.query.lang
|
||||
this.setLanguage(this.$route.query.lang)
|
||||
let lang = this.$route.query.lang
|
||||
if (!lang) {
|
||||
const language = navigator.language
|
||||
lang = 'en'
|
||||
if (language.includes("zh")) {
|
||||
lang = 'zh'
|
||||
}
|
||||
}
|
||||
this.$i18n.locale = lang
|
||||
this.setLanguage(lang)
|
||||
this.$updateDictionary()
|
||||
if (this.$route.query.trialId) {
|
||||
this.trialId = this.$route.query.trialId
|
||||
this.initPage()
|
||||
}
|
||||
if (this.$route.query.isUpload) {
|
||||
this.isUpload = true
|
||||
this.form.IsUpdate = true
|
||||
let { email, oldEMail, trialSiteId } = this.$route.query
|
||||
if (trialSiteId) this.form.TrialSiteId = trialSiteId
|
||||
if (oldEMail) this.form.ReplaceUserEmailOrPhone = oldEMail
|
||||
if (email && email !== 'null') {
|
||||
this.form.EmailOrPhone = email
|
||||
} else {
|
||||
this.form.EmailOrPhone = oldEMail
|
||||
}
|
||||
if ((email && email !== 'null') || (oldEMail && oldEMail !== 'null')) {
|
||||
this.isNeedUpload = false
|
||||
}
|
||||
}
|
||||
this.getLinkTimeIsExpired()
|
||||
},
|
||||
methods: {
|
||||
...mapMutations({ setLanguage: 'lang/setLanguage' }),
|
||||
async getLinkTimeIsExpired() {
|
||||
try {
|
||||
let data = {
|
||||
TrialId: this.$route.query.trialId,
|
||||
}
|
||||
let res = await getLinkLinkExpirationTime(data)
|
||||
if (res.IsSuccess) {
|
||||
if (res.Result.IsExpired) return this.$confirm(this.$t("trials:researchForm:confirm:linkIsExpired"), '', {
|
||||
type: 'warning'
|
||||
})
|
||||
this.customPrompt()
|
||||
}
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
async getLinkVerificationCodeIsEffective(value) {
|
||||
try {
|
||||
let data = {
|
||||
TrialId: this.$route.query.trialId,
|
||||
LinkVerificationCode: value
|
||||
}
|
||||
let res = await getLinkVerificationCodeIsEffective(data)
|
||||
if (res.IsSuccess) {
|
||||
if (!res.Result.IsEffective) {
|
||||
return false
|
||||
}
|
||||
this.verify = false
|
||||
if (this.$route.query.trialId) {
|
||||
this.trialId = this.$route.query.trialId
|
||||
this.initPage()
|
||||
}
|
||||
if (this.$route.query.isUpload) {
|
||||
this.isUpload = true
|
||||
this.form.IsUpdate = true
|
||||
let { email, oldEMail, trialSiteId } = this.$route.query
|
||||
if (trialSiteId) this.form.TrialSiteId = trialSiteId
|
||||
if (oldEMail) this.form.ReplaceUserEmailOrPhone = oldEMail
|
||||
if (email && email !== 'null') {
|
||||
this.form.EmailOrPhone = email
|
||||
} else {
|
||||
this.form.EmailOrPhone = oldEMail
|
||||
}
|
||||
if ((email && email !== 'null') || (oldEMail && oldEMail !== 'null')) {
|
||||
this.isNeedUpload = false
|
||||
}
|
||||
}
|
||||
}
|
||||
return true
|
||||
} catch (err) {
|
||||
return false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
async customPrompt(name) {
|
||||
try {
|
||||
const that = this
|
||||
// 请输入标记名称
|
||||
let message = this.$t('trials:researchForm:message:LinkVerificationCode')
|
||||
const { value } = await this.$prompt(message, '', {
|
||||
showClose: false,
|
||||
cancelButtonText: this.$t('common:button:cancel'),
|
||||
confirmButtonText: this.$t('trials:researchForm:button:saveLinkCode'),
|
||||
showCancelButton: false,
|
||||
closeOnClickModal: false,
|
||||
closeOnPressEscape: false,
|
||||
inputValue: name,
|
||||
beforeClose: async (action, instance, done) => {
|
||||
if (action === 'confirm') {
|
||||
const value = instance.inputValue
|
||||
if (!value) {
|
||||
that.$message.error(this.$t('trials:researchForm:error:noValue'))
|
||||
} else {
|
||||
let flag = await this.getLinkVerificationCodeIsEffective(value)
|
||||
if (!flag) {
|
||||
that.$message.error(this.$t('trials:researchForm:confirm:isEffective'))
|
||||
} else {
|
||||
done()
|
||||
}
|
||||
}
|
||||
} else {
|
||||
done()
|
||||
}
|
||||
}
|
||||
})
|
||||
this.getLinkVerificationCodeIsEffective(value)
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
return null
|
||||
}
|
||||
},
|
||||
// 初始化页面
|
||||
async initPage() {
|
||||
this.loading = true
|
||||
|
|
|
|||
|
|
@ -1,13 +1,8 @@
|
|||
<template>
|
||||
<div class="trials-navbar" style="position: relative">
|
||||
<div class="leftMenu">
|
||||
<img
|
||||
v-if="NODE_ENV === 'usa'"
|
||||
src="@/assets/title-logo.png"
|
||||
alt=""
|
||||
class="title-logo"
|
||||
/>
|
||||
<img v-else src="@/assets/system.png" alt="" style="width: 150px;height: 50px;margin-bottom: -7px;"/>
|
||||
<img v-if="NODE_ENV === 'usa'" src="@/assets/title-logo.png" alt="" class="title-logo" />
|
||||
<img v-else src="@/assets/system.png" alt="" style="width: 150px;height: 50px;margin-bottom: -7px;" />
|
||||
<span style="white-space: nowrap" v-if="NODE_ENV !== 'usa'">
|
||||
<!-- 中心影像系统(EICS) -->
|
||||
{{ $t('trials:trials:title:eics') }}
|
||||
|
|
@ -17,53 +12,38 @@
|
|||
<NoticeMarquee />
|
||||
</div>
|
||||
<div class="right-menu">
|
||||
<el-menu
|
||||
:default-active="activeIndex"
|
||||
class="el-menu-demo"
|
||||
mode="horizontal"
|
||||
size="mini"
|
||||
@select="handleSelect"
|
||||
>
|
||||
<el-menu-item
|
||||
v-if="
|
||||
!hasPermi([
|
||||
'role:air',
|
||||
'role:rpm',
|
||||
'role:radmin',
|
||||
'role:rcrc',
|
||||
'role:rir',
|
||||
])
|
||||
"
|
||||
index="1"
|
||||
>
|
||||
<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" size="mini" @select="handleSelect">
|
||||
<el-menu-item v-if="
|
||||
!hasPermi([
|
||||
'role:air',
|
||||
'role:rpm',
|
||||
'role:radmin',
|
||||
'role:rcrc',
|
||||
'role:rir',
|
||||
])
|
||||
" index="1">
|
||||
<i class="el-icon-odometer" />
|
||||
<!-- 工作台 -->
|
||||
<span slot="title">{{ $t('trials:menuTitle:workbench') }}</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item
|
||||
v-if="!hasPermi(['role:zys', 'role:zyss', 'role:zybs'])"
|
||||
index="2"
|
||||
:disabled="TotalNeedSignSystemDocCount !== 0"
|
||||
>
|
||||
<el-menu-item v-if="!hasPermi(['role:zys', 'role:zyss', 'role:zybs'])" index="2"
|
||||
:disabled="TotalNeedSignSystemDocCount !== 0">
|
||||
<i class="el-icon-box" />
|
||||
<!-- 我的项目 -->
|
||||
<span slot="title">
|
||||
{{ $t('trials:tab:trials') }}
|
||||
</span>
|
||||
</el-menu-item>
|
||||
<el-menu-item
|
||||
v-if="
|
||||
!hasPermi([
|
||||
'role:air',
|
||||
'role:rpm',
|
||||
'role:radmin',
|
||||
'role:rcrc',
|
||||
'role:rir',
|
||||
'role:zys',
|
||||
])
|
||||
"
|
||||
index="3"
|
||||
>
|
||||
<el-menu-item v-if="
|
||||
!hasPermi([
|
||||
'role:air',
|
||||
'role:rpm',
|
||||
'role:radmin',
|
||||
'role:rcrc',
|
||||
'role:rir',
|
||||
'role:zys',
|
||||
])
|
||||
" index="3">
|
||||
<i class="el-icon-chat-dot-square" />
|
||||
<!-- 通知消息 -->
|
||||
<span slot="title">{{ $t('trials:tab:notice') }}</span>
|
||||
|
|
@ -81,11 +61,8 @@
|
|||
$t('trials:trials-myinfo:title:accountInfo')
|
||||
}}</el-menu-item>
|
||||
<!-- 管理后台 -->
|
||||
<el-menu-item
|
||||
v-if="hasPermi(['role:dev', 'role:oa', 'role:admin'])"
|
||||
index="4-4"
|
||||
>{{ $t('trials:trials-myinfo:title:system') }}</el-menu-item
|
||||
>
|
||||
<el-menu-item v-if="hasPermi(['role:dev', 'role:oa', 'role:admin'])" index="4-4">{{
|
||||
$t('trials:trials-myinfo:title:system') }}</el-menu-item>
|
||||
<!-- 切换角色 -->
|
||||
<el-menu-item index="4-5" v-if="hasRole">{{
|
||||
$t('trials:trials-myinfo:title:toggleRole')
|
||||
|
|
@ -96,18 +73,12 @@
|
|||
}}</el-menu-item>
|
||||
</el-submenu>
|
||||
</el-menu>
|
||||
<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'
|
||||
" />
|
||||
</div>
|
||||
<toggleRole
|
||||
v-if="toggleRoleVisible"
|
||||
:visible.sync="toggleRoleVisible"
|
||||
:loading="toggleRoleLoading"
|
||||
@save="loginByRole"
|
||||
/>
|
||||
<toggleRole v-if="toggleRoleVisible" :visible.sync="toggleRoleVisible" :loading="toggleRoleLoading"
|
||||
@save="loginByRole" />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
|
@ -313,37 +284,45 @@ export default {
|
|||
overflow: hidden;
|
||||
background: #fff;
|
||||
box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
|
||||
|
||||
.el-breadcrumb__item {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.leftMenu {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
padding-left: 20px;
|
||||
padding-bottom: 20px;
|
||||
|
||||
img {
|
||||
height: 28px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.title-logo {
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
span {
|
||||
font-size: 20px;
|
||||
position: relative;
|
||||
bottom: -3px;
|
||||
}
|
||||
}
|
||||
|
||||
.right-menu,
|
||||
.center-menu {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
|
||||
// line-height: 70px;
|
||||
&:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.right-menu-item {
|
||||
display: inline-block;
|
||||
padding: 0 8px;
|
||||
|
|
@ -361,9 +340,11 @@ export default {
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.avatar-container {
|
||||
display: inline-block;
|
||||
margin-right: 200px;
|
||||
|
||||
.user-avatar {
|
||||
margin-top: 5px;
|
||||
width: 40px;
|
||||
|
|
@ -371,29 +352,34 @@ export default {
|
|||
border-radius: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.dropdown-container {
|
||||
cursor: pointer;
|
||||
|
||||
.el-icon-caret-bottom {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.el-dropdown-link {
|
||||
color: #999c9e;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
.right-menu {
|
||||
.el-menu-item.is-active {
|
||||
font-weight: bolder;
|
||||
}
|
||||
}
|
||||
|
||||
.center-menu {
|
||||
width: calc(100% - 1200px);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<style>
|
||||
.el-menu--horizontal > .my_info.el-submenu .el-submenu__icon-arrow {
|
||||
.el-menu--horizontal>.my_info.el-submenu .el-submenu__icon-arrow {
|
||||
margin-top: 0;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -184,44 +184,79 @@
|
|||
</el-dialog>
|
||||
<!-- 调查表链接 -->
|
||||
<base-model :config="share_model">
|
||||
<template slot="dialog-body">
|
||||
<template slot="dialog-body" v-loading="shareLoading">
|
||||
<el-button size="small" type="primary" style="margin-bottom: 10px;" @click.stop="openImageManual">{{
|
||||
$t('trials:researchRecord:label:edit')
|
||||
}}</el-button>
|
||||
<div style="width: 100%; display: flex">
|
||||
<div class="shareLink">
|
||||
<!-- <div>
|
||||
<i style="color: #428bca" class="el-icon-success" />
|
||||
<span>{{
|
||||
$t('trials:researchRecord:message:createLinkSuccessfully')
|
||||
}}</span>
|
||||
</div> -->
|
||||
<div style="margin: 10px 0">
|
||||
<!-- 链接: -->
|
||||
{{ $t('trials:researchRecord:label:link') }}
|
||||
<el-input ref="shareLink" v-model="shareLink" readonly type="textarea" autosize />
|
||||
</div>
|
||||
<div>
|
||||
<!-- 复制链接 -->
|
||||
<el-button type="primary" round @click="copyLink" class="shareLinkBtn">
|
||||
<div class="date">
|
||||
<el-form :model="shareForm" :rules="rules" ref="shareForm" label-width="100px">
|
||||
<el-form-item :label="$t('trials:researchRecord:label:ExpirationDays')" prop="ExpirationDays">
|
||||
<el-radio-group v-model="shareForm.ExpirationDays" @input="shareForm.OtherExpirationDays = null">
|
||||
<el-radio :label="1">{{ $t('trials:researchRecord:label:day1') }}</el-radio>
|
||||
<el-radio :label="7">{{ $t('trials:researchRecord:label:day7') }}</el-radio>
|
||||
<el-radio :label="15">{{ $t('trials:researchRecord:label:day15') }}</el-radio>
|
||||
<el-radio :label="`default`">{{ $t('trials:researchRecord:label:default') }}
|
||||
<el-input placeholder="" type="number" @input="handleInput" v-model="shareForm.OtherExpirationDays"
|
||||
clearable size="mini" style="width: 60px;" class="dayInput" />
|
||||
<span style="margin-left: 10px;">{{ $t('trials:researchRecord:label:day') }}</span>
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('trials:researchRecord:label:LinkVerificationCode')" prop="LinkVerificationCode">
|
||||
<el-radio-group v-model="shareForm.LinkVerificationCode"
|
||||
@input="shareForm.OtherLinkVerificationCode = null">
|
||||
<el-radio label="researchProgramNo">{{ $t('trials:researchRecord:label:researchProgramNo')
|
||||
}}</el-radio>
|
||||
<el-radio label="default">{{ $t('trials:researchRecord:label:default') }}
|
||||
<el-input placeholder="" type="number" v-model="shareForm.OtherLinkVerificationCode" clearable
|
||||
size="mini" style="width: 100px;" />
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-button type="primary" round @click="setLink" style="float: right;">
|
||||
{{ $t('trials:researchRecord:button:setLink') }}
|
||||
</el-button>
|
||||
</div>
|
||||
<div class="share">
|
||||
<div class="shareLink">
|
||||
<h3>{{ $t('trials:researchRecord:label:link') }}</h3>
|
||||
<el-input ref="shareLink" v-model="shareLink" readonly type="textarea" autosize :rows="3" />
|
||||
<div class="dateBox">
|
||||
<span>{{ $t('trials:researchRecord:label:linkVerificationCode') }}</span>
|
||||
<span>{{ LinkVerificationCode }}</span>
|
||||
</div>
|
||||
<div class="dateBox">
|
||||
<span>{{ $t('trials:researchRecord:label:ValidityPeriod') }}</span>
|
||||
<span>{{ validityPeriod }}</span>
|
||||
<span style="color: red;" v-if="isExpired">({{ $t('trials:researchRecord:label:Expired') }})</span>
|
||||
</div>
|
||||
<el-button type="primary" round @click="copyLink" class="shareLinkBtn"
|
||||
:disabled="!validityPeriod || isExpired">
|
||||
{{ $t('trials:researchRecord:button:copyLink') }}
|
||||
</el-button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="shareCode">
|
||||
<div class="qrCode">
|
||||
<div id="qrcode" ref="qrcode"></div>
|
||||
</div>
|
||||
<div class="codeBtnBox">
|
||||
<el-button @click="handleCopyImg" type="primary" round>{{
|
||||
$t('trials:researchRecord:button:copyCode')
|
||||
}}</el-button>
|
||||
<el-button @click="savePic" round>{{
|
||||
$t('trials:researchRecord:button:savePic')
|
||||
}}</el-button>
|
||||
<div class="shareCode">
|
||||
<h3>{{ $t('trials:researchRecord:label:shareCode') }}</h3>
|
||||
<div style="display: flex;align-items: center;justify-content: space-between;">
|
||||
<div class="qrCodeBox">
|
||||
<div id="qrcode" ref="qrcode"></div>
|
||||
</div>
|
||||
<div class="codeBtnBox">
|
||||
<el-button @click="handleCopyImg" type="primary" round :disabled="!validityPeriod || isExpired">{{
|
||||
$t('trials:researchRecord:button:copyCode')
|
||||
}}</el-button>
|
||||
<el-button @click="savePic" round :disabled="!validityPeriod || isExpired">{{
|
||||
$t('trials:researchRecord:button:savePic')
|
||||
}}</el-button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
</base-model>
|
||||
</BaseContainer>
|
||||
|
|
@ -231,6 +266,9 @@ import {
|
|||
getTrialSiteSurveyList,
|
||||
getTrialSiteSelect,
|
||||
abandonSiteSurvey,
|
||||
setTrialLinkExpirationTime,
|
||||
getTrialLinkExpirationTime,
|
||||
getLinkLinkExpirationTime,
|
||||
} from '@/api/trials'
|
||||
import { changeURLStatic } from '@/utils/history.js'
|
||||
import BaseContainer from '@/components/BaseContainer'
|
||||
|
|
@ -272,14 +310,51 @@ export default {
|
|||
share_model: {
|
||||
visible: false,
|
||||
title: this.$t('trials:researchRecord:title:shark'),
|
||||
width: '800px',
|
||||
width: '1000px',
|
||||
},
|
||||
shareLink: '',
|
||||
researchState: this.$d.ResearchRecord,
|
||||
qrcode: null,
|
||||
validityPeriod: null,
|
||||
LinkVerificationCode: null,
|
||||
isExpired: false,
|
||||
shareLoading: false,
|
||||
shareForm: {
|
||||
ExpirationDays: null,
|
||||
OtherExpirationDays: null,
|
||||
LinkVerificationCode: null,
|
||||
OtherLinkVerificationCode: null,
|
||||
},
|
||||
rules: {
|
||||
ExpirationDays: [
|
||||
{ required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
if (value === 'default' && !this.shareForm.OtherExpirationDays) {
|
||||
callback(new Error(this.$t("common:ruleMessage:specify")));
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
|
||||
}, trigger: 'blur'
|
||||
}
|
||||
],
|
||||
LinkVerificationCode: [
|
||||
{ required: true, message: this.$t("common:ruleMessage:select"), trigger: 'blur' },
|
||||
{
|
||||
validator: (rule, value, callback) => {
|
||||
if (value === 'default' && !this.shareForm.OtherLinkVerificationCode) {
|
||||
callback(new Error(this.$t("common:ruleMessage:specify")));
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
|
||||
}, trigger: 'blur'
|
||||
}
|
||||
],
|
||||
},
|
||||
ImageManualVisible: false,
|
||||
trialSiteSurveyId: null
|
||||
trialSiteSurveyId: null,
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
|
|
@ -287,6 +362,78 @@ export default {
|
|||
this.getSite()
|
||||
},
|
||||
methods: {
|
||||
async getLinkTimeIsExpired() {
|
||||
try {
|
||||
let data = {
|
||||
TrialId: this.$route.query.trialId,
|
||||
}
|
||||
this.shareLoading = true
|
||||
let res = await getLinkLinkExpirationTime(data)
|
||||
this.shareLoading = false
|
||||
if (res.IsSuccess) {
|
||||
this.isExpired = res.Result.IsIsExpired
|
||||
}
|
||||
} catch (err) {
|
||||
this.shareLoading = false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
async getLinkTime() {
|
||||
try {
|
||||
let data = {
|
||||
TrialId: this.$route.query.trialId,
|
||||
}
|
||||
this.shareLoading = true
|
||||
let res = await getTrialLinkExpirationTime(data)
|
||||
this.shareLoading = false
|
||||
if (res.IsSuccess) {
|
||||
this.validityPeriod = res.Result.LinkExpirationTime
|
||||
this.LinkVerificationCode = res.Result.LinkVerificationCode || this.$route.query.researchProgramNo
|
||||
if (!this.validityPeriod) return false
|
||||
this.getLinkTimeIsExpired()
|
||||
this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${this.$route.query.trialId}`
|
||||
this.$nextTick(() => {
|
||||
this.creatQrCode()
|
||||
})
|
||||
}
|
||||
} catch (err) {
|
||||
this.shareLoading = false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
async setLink() {
|
||||
try {
|
||||
let validate = await this.$refs.shareForm.validate()
|
||||
if (!validate) return false
|
||||
let data = {
|
||||
TrialId: this.$route.query.trialId,
|
||||
ExpirationDays: this.shareForm.ExpirationDays,
|
||||
LinkVerificationCode: this.shareForm.LinkVerificationCode
|
||||
}
|
||||
if (this.shareForm.LinkVerificationCode === 'researchProgramNo') {
|
||||
data.LinkVerificationCode = null
|
||||
}
|
||||
if (this.shareForm.LinkVerificationCode === 'default') {
|
||||
data.LinkVerificationCode = this.shareForm.OtherLinkVerificationCode
|
||||
}
|
||||
if (this.shareForm.ExpirationDays === 'default') {
|
||||
data.ExpirationDays = this.shareForm.OtherExpirationDays
|
||||
}
|
||||
this.shareLoading = true
|
||||
let res = await setTrialLinkExpirationTime(data)
|
||||
this.shareLoading = false
|
||||
if (res.IsSuccess) {
|
||||
this.getLinkTime()
|
||||
}
|
||||
} catch (err) {
|
||||
this.shareLoading = false
|
||||
console.log(err)
|
||||
}
|
||||
},
|
||||
handleInput(val) {
|
||||
// 过滤掉非数字字符,并取整为正整数
|
||||
this.shareForm.OtherExpirationDays = val.replace(/[^\d]/g, '').replace(/^0+/, '')
|
||||
},
|
||||
openImageManual() {
|
||||
// if (!this.trialSiteSurveyId) return false
|
||||
this.ImageManualVisible = true
|
||||
|
|
@ -344,7 +491,7 @@ export default {
|
|||
// 中心调研表链接
|
||||
this.$copyText(
|
||||
`${this.$t('trials:researchRecord:message:researchFormLink')}: ${this.shareLink
|
||||
}`
|
||||
}\n${this.$t('trials:researchRecord:label:linkVerificationCode')}:${this.LinkVerificationCode}\n${this.$t('trials:researchRecord:label:ValidityPeriod')}:${this.validityPeriod}`
|
||||
)
|
||||
.then((res) => {
|
||||
// 复制成功
|
||||
|
|
@ -415,13 +562,18 @@ export default {
|
|||
},
|
||||
// 展示调查表链接
|
||||
showResearchLink() {
|
||||
const trialId = this.trialId
|
||||
this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${trialId}&lang=${this.$i18n.locale}`
|
||||
this.shareForm = {
|
||||
ExpirationDays: null,
|
||||
OtherExpirationDays: null,
|
||||
LinkVerificationCode: null,
|
||||
OtherLinkVerificationCode: null,
|
||||
}
|
||||
this.validityPeriod = null
|
||||
this.isExpired = false
|
||||
this.share_model.visible = true
|
||||
this.getLinkTime()
|
||||
// &lang=${this.$i18n.locale}
|
||||
// this.trialSiteSurveyId = this.list[0].Id
|
||||
this.$nextTick(() => {
|
||||
this.creatQrCode()
|
||||
})
|
||||
},
|
||||
// 重置
|
||||
handleReset() {
|
||||
|
|
@ -462,41 +614,54 @@ export default {
|
|||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.shareLink {
|
||||
padding-right: 20px;
|
||||
width: 50%;
|
||||
position: relative;
|
||||
.date,
|
||||
.share {
|
||||
width: 55%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.shareLinkBtn {
|
||||
position: absolute;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
.dayInput {
|
||||
::v-deep .el-input__inner {
|
||||
padding-left: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
.shareCode {
|
||||
width: 50%;
|
||||
border-left: 1px solid #eee;
|
||||
|
||||
.date {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.share {
|
||||
width: 45%;
|
||||
padding-left: 5%;
|
||||
border-left: 1px solid #f0f0f0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.shareLinkBtn {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.qrCodeBox {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
display: flex;
|
||||
border: 1px solid #c0c4cc;
|
||||
border-radius: 5px;
|
||||
box-shadow: 1px 1px 5px #c0c4cc;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.qrCode {
|
||||
width: 220px;
|
||||
height: 220px;
|
||||
display: flex;
|
||||
border: 1px solid #c0c4cc;
|
||||
border-radius: 5px;
|
||||
box-shadow: 1px 1px 5px #c0c4cc;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.dateBox {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.codeBtnBox {
|
||||
margin-top: 20px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
.codeBtnBox {
|
||||
|
||||
::v-deep .el-button {
|
||||
display: block;
|
||||
margin: 10px auto;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -27,14 +27,14 @@
|
|||
|
||||
<el-form-item v-if="readingTaskState < 2">
|
||||
<div style="text-align:center;">
|
||||
<el-button v-if="taskInfo && taskInfo.IseCRFShowInDicomReading" :disabled="isTableVisible || isSaved"
|
||||
<el-button v-if="taskInfo && taskInfo.IseCRFShowInDicomReading" :disabled="isTableVisible"
|
||||
type="primary" @click="skipTask">
|
||||
{{ $t('trials:readingReport:button:skip') }}
|
||||
</el-button>
|
||||
<el-button type="primary" :disabled="isTableVisible || isSaved" @click="handleSave">
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
<el-button v-if="taskInfo && taskInfo.IseCRFShowInDicomReading" :disabled="isTableVisible || isSaved"
|
||||
<el-button v-if="taskInfo && taskInfo.IseCRFShowInDicomReading" :disabled="isTableVisible"
|
||||
type="primary" @click="handleSubmit">
|
||||
{{ $t('common:button:submit') }}
|
||||
</el-button>
|
||||
|
|
|
|||
|
|
@ -667,6 +667,7 @@ export default {
|
|||
}
|
||||
this.hoursTip = hoursTip
|
||||
this.$EventBus.$on("reload", (data) => {
|
||||
zzSessionStorage.removeItem('lastWorkbench')
|
||||
window.location.reload()
|
||||
});
|
||||
},
|
||||
|
|
|
|||
Loading…
Reference in New Issue