Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main
continuous-integration/drone/push Build is passing Details

uat_us
caiyiling 2024-11-25 16:58:51 +08:00
commit a9f8f3a1da
48 changed files with 4306 additions and 1426 deletions

View File

@ -304,9 +304,9 @@ export function addOrUpdateDoctorBasicInfoAndEmployment(param) {
}) })
} }
// 新增或编辑概述 // 新增或编辑概述
export function updateGneralSituation(param) { export function addOrUpdateGneralSituation(param) {
return request({ return request({
url: `/Doctor/updateGneralSituation`, url: `/Doctor/addOrUpdateGneralSituation`,
method: 'post', method: 'post',
data: param data: param
}) })
@ -342,4 +342,28 @@ export function getIsVacation(param) {
method: 'post', method: 'post',
data: param data: param
}) })
}
// 获取概述
export function getSummarizeInfo(param) {
return request({
url: `/Doctor/getSummarizeInfo`,
method: 'post',
data: param
})
}
// 删除概述
export function deleteSummarizeInfo(param) {
return request({
url: `/Doctor/deleteSummarizeInfo`,
method: 'post',
data: param
})
}
// pm通过邮箱新建或查询简历
export function useEmialGetDoctorInfo(param) {
return request({
url: `/TrialSiteSurvey/useEmialGetDoctorInfo`,
method: 'post',
data: param
})
} }

View File

@ -286,10 +286,11 @@ export function trialSiteUserSummaryListExport(param) {
}) })
} }
export function getVisitStageList(trialId) { export function getVisitStageList(data) {
return request({ return request({
url: `/visitPlan/getVisitStageList/${trialId}`, url: `/visitPlan/getVisitStageList`,
method: 'get' method: 'post',
data
}) })
} }
@ -3905,4 +3906,12 @@ export function setTaskValid(data) {
method: 'post', method: 'post',
data data
}) })
}
// 一致性分析临床数据设置任务为有效
export function getVisitClinicalDataName(data) {
return request({
url: `/ReadingClinicalData/getVisitClinicalDataName`,
method: 'post',
data
})
} }

View File

@ -8,10 +8,11 @@
:visible.sync="config.visible" :visible.sync="config.visible"
:close-on-click-modal="false" :close-on-click-modal="false"
:show-close="config.showClose" :show-close="config.showClose"
:top="config.top"
:width="config.width" :width="config.width"
:fullscreen="config.fullscreen" :fullscreen="config.fullscreen"
> >
<div class="base-modal-body"> <div class="base-modal-body" :style="config.bodyStyle">
<slot name="dialog-body" /> <slot name="dialog-body" />
</div> </div>
<div slot="footer" class="base-modal-footer"> <div slot="footer" class="base-modal-footer">
@ -22,24 +23,26 @@
</template> </template>
<script> <script>
export default { export default {
name: "BaseDialog", name: 'BaseDialog',
props: { props: {
config: { config: {
type: Object, type: Object,
default: () => { default: () => {
return { return {
visible: false, visible: false,
title: "", title: '',
closeOnClickModal: false, closeOnClickModal: false,
showClose: true, showClose: true,
appendToBody: false, appendToBody: false,
width: "100px", width: '100px',
fullscreen: false, fullscreen: false,
}; top: '15vh',
bodyStyle: '',
}
}, },
}, },
}, },
}; }
</script> </script>
<style lang="scss"> <style lang="scss">
.base-model-wrapper { .base-model-wrapper {

View File

@ -9,37 +9,51 @@
:file-list="fileList" :file-list="fileList"
:accept="accept" :accept="accept"
> >
<el-button size="small" type="primary" :disabled="isDisabled">{{ $t('common:button:upload') }}</el-button> <el-button size="small" type="primary" :disabled="isDisabled">{{
$t('common:button:upload')
}}</el-button>
</el-upload> </el-upload>
</div> </div>
</template> </template>
<script> <script>
import { getAttachmentByType, uploadFile, saveAttachments, deleteAttachment } from '@/api/attachment' import {
getAttachmentByType,
uploadFile,
saveAttachments,
deleteAttachment,
} from '@/api/attachment'
export default { export default {
name: 'UploadFiles', name: 'UploadFiles',
props: { props: {
type: { type: {
type: String, type: String,
required: true required: true,
}, },
doctorId: { doctorId: {
type: String, type: String,
required: true required: true,
}, },
accept: { accept: {
type: String, type: String,
required: true required: true,
} },
}, },
data() { data() {
return { return {
fileList: [], fileList: [],
repeat: false, repeat: false,
isDisabled: false isDisabled: false,
} }
}, },
watch: {
doctorId() {
if (this.doctorId) {
this.initFileList()
}
},
},
mounted() { mounted() {
if(!this.doctorId) return if (!this.doctorId) return
this.initFileList() this.initFileList()
}, },
methods: { methods: {
@ -49,24 +63,28 @@ export default {
lock: true, lock: true,
text: 'Loading', text: 'Loading',
spinner: 'el-icon-loading', spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.07)' background: 'rgba(0, 0, 0, 0.07)',
}) })
getAttachmentByType(this.doctorId, this.type).then(res => { getAttachmentByType(this.doctorId, this.type)
loading.close() .then((res) => {
if (res.IsSuccess) { loading.close()
if (res.Result.length > 0) { if (res.IsSuccess) {
this.fileList = this.formatterFileList(res.Result) if (res.Result.length > 0) {
this.$emit('getFileList', this.fileList) this.fileList = this.formatterFileList(res.Result)
} else { this.$emit('getFileList', this.fileList)
this.fileList = [] } else {
this.fileList = []
}
} }
} })
}).catch(() => { loading.close() }) .catch(() => {
loading.close()
})
}, },
formatterFileList(list) { formatterFileList(list) {
var arr = [] var arr = []
list.forEach(item => { list.forEach((item) => {
const data = { const data = {
DoctorId: item.DoctorId, DoctorId: item.DoctorId,
Type: item.Type, Type: item.Type,
@ -74,7 +92,7 @@ export default {
FullPath: item.FullPath, FullPath: item.FullPath,
FileName: item.FileName, FileName: item.FileName,
CreateTime: item.CreateTime, CreateTime: item.CreateTime,
Id: item.Id Id: item.Id,
} }
arr.push(data) arr.push(data)
}) })
@ -85,20 +103,22 @@ export default {
// //
if (this.checkFileSuffix(param.file.name)) { if (this.checkFileSuffix(param.file.name)) {
// //
const isRepeat = this.fileList.some(item => item.FileName === param.file.name) const isRepeat = this.fileList.some(
(item) => item.FileName === param.file.name
)
if (isRepeat) { if (isRepeat) {
this.$confirm('Override the existing resume?', { this.$confirm('Override the existing resume?', {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
confirmButtonText: 'OK', confirmButtonText: 'OK',
cancelButtonText: 'Cancel' cancelButtonText: 'Cancel',
}) })
.then(() => { .then(() => {
// //
this.repeat = true this.repeat = true
this.uploadFile(param.file) this.uploadFile(param.file)
}) })
.catch(action => {}) .catch((action) => {})
} else { } else {
this.uploadFile(param.file) this.uploadFile(param.file)
} }
@ -110,7 +130,10 @@ export default {
this.isDisabled = true this.isDisabled = true
var fileName = file.name var fileName = file.name
file = await this.fileToBlob(file) file = await this.fileToBlob(file)
let res = await this.OSSclient.put(`/SystemData/reviewer/Agreements/${this.doctorId}/${fileName}`, file) let res = await this.OSSclient.put(
`/SystemData/reviewer/Agreements/${this.doctorId}/${fileName}`,
file
)
if (this.repeat) { if (this.repeat) {
const index = this.fileList.findIndex((item, index) => { const index = this.fileList.findIndex((item, index) => {
return item.FileName === fileName return item.FileName === fileName
@ -124,52 +147,58 @@ export default {
Type: this.type, Type: this.type,
Path: this.$getObjectName(res.url), Path: this.$getObjectName(res.url),
FullPath: this.$getObjectName(res.url), FullPath: this.$getObjectName(res.url),
FileName: fileName FileName: fileName,
} }
this.fileList.push(fileData) this.fileList.push(fileData)
} }
this.saveUploadFiles() this.saveUploadFiles()
}, },
saveUploadFiles() { saveUploadFiles() {
saveAttachments(this.fileList).then(res => { saveAttachments(this.fileList)
this.fileList = this.formatterFileList(res.Result) .then((res) => {
this.isDisabled = false this.fileList = this.formatterFileList(res.Result)
this.$message.success('Uploaded successfully') this.isDisabled = false
this.$emit('getFileList', this.fileList) this.$message.success('Uploaded successfully')
}).catch(() => { this.$emit('getFileList', this.fileList)
this.isDisabled = false })
}) .catch(() => {
this.isDisabled = false
})
}, },
handleDeleteFile(file) { handleDeleteFile(file) {
this.$confirm('Sure to remove?', { this.$confirm('Sure to remove?', {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
})
}).then(() => { .then(() => {
deleteAttachment(file.Id, file.Path) deleteAttachment(file.Id, file.Path).then((res) => {
.then(res => {
if (res.IsSuccess) { if (res.IsSuccess) {
this.fileList.splice(this.fileList.findIndex(item => item.Id === file.Id), 1) this.fileList.splice(
this.fileList.findIndex((item) => item.Id === file.Id),
1
)
this.$emit('getFileList', this.fileList) this.$emit('getFileList', this.fileList)
this.$message({ this.$message({
message: this.$t('common:message:deletedSuccessfully'), message: this.$t('common:message:deletedSuccessfully'),
type: 'success' type: 'success',
}) })
} }
}) })
}) })
.catch(action => {}) .catch((action) => {})
}, },
checkFileSuffix(fileName) { checkFileSuffix(fileName) {
var index = fileName.lastIndexOf('.') var index = fileName.lastIndexOf('.')
var suffix = fileName.substring(index + 1, fileName.length) var suffix = fileName.substring(index + 1, fileName.length)
return this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1 return (
} this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
} )
},
},
} }
</script> </script>
<style> <style>
.uploadFiles-container{ .uploadFiles-container {
margin: 0 5px; margin: 0 5px;
} }
.uploadFiles-container .el-upload--text { .uploadFiles-container .el-upload--text {

View File

@ -95,7 +95,6 @@ router.beforeEach(async (to, from, next) => {
/* has no token*/ /* has no token*/
if (whiteList.indexOf(to.path) !== -1) { if (whiteList.indexOf(to.path) !== -1) {
if (to.path === '/researchLogin') { if (to.path === '/researchLogin') {
console.log(to)
const flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i) const flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
if (flag) { if (flag) {
next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${to.query.lang}`) next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${to.query.lang}`)

View File

@ -226,6 +226,9 @@ export default {
emailOrPhone: this.form.EmailOrPhone, emailOrPhone: this.form.EmailOrPhone,
verificationCode: this.form.VerificationCode, verificationCode: this.form.VerificationCode,
} }
if (this.$route.query.trialId) {
param.TrialId = this.$route.query.trialId
}
verifyEmialGetDoctorInfo(param) verifyEmialGetDoctorInfo(param)
.then(async (res) => { .then(async (res) => {
this.btnLoading = false this.btnLoading = false
@ -242,7 +245,9 @@ export default {
res.Result.DoctorId ? res.Result.DoctorId : '' res.Result.DoctorId ? res.Result.DoctorId : ''
}&tabActive=BasicInfo&ReviewStatus=${ }&tabActive=BasicInfo&ReviewStatus=${
res.Result.ReviewStatus res.Result.ReviewStatus
}&lang=${this.$route.query.lang}`, }&trialId=${this.$route.query.trialId}&lang=${
this.$route.query.lang
}`,
}) })
}) })
.catch(() => { .catch(() => {

View File

@ -274,6 +274,7 @@
v-model="form.Remark" v-model="form.Remark"
type="textarea" type="textarea"
:autosize="{ minRows: 2, maxRows: 4 }" :autosize="{ minRows: 2, maxRows: 4 }"
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Agreements:label:Is Enable')"> <el-form-item :label="$t('system:Agreements:label:Is Enable')">
@ -354,6 +355,13 @@ export default {
IsEnable: false, IsEnable: false,
}, },
rules: { rules: {
Remark: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
CriterionType: [ CriterionType: [
{ {
required: true, required: true,

View File

@ -37,6 +37,7 @@
v-model="basicInfo.LastName" v-model="basicInfo.LastName"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -49,6 +50,7 @@
v-model="basicInfo.FirstName" v-model="basicInfo.FirstName"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -63,6 +65,7 @@
v-model="basicInfo.ChineseName" v-model="basicInfo.ChineseName"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -98,6 +101,7 @@
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="basicInfo.Phone" v-model="basicInfo.Phone"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -138,6 +142,7 @@
v-model="basicInfo.EMail" v-model="basicInfo.EMail"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -232,13 +237,27 @@ export default {
message: 'Please enter FirstName', message: 'Please enter FirstName',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
LastName: [ LastName: [
{ required: true, message: 'Please enter LastName', trigger: 'blur' }, { required: true, message: 'Please enter LastName', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ChineseName: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
ChineseName: [{ max: 50, message: 'The maximum length is 50' }],
Sex: [ Sex: [
{ required: true, message: 'Please select gender', trigger: 'blur' }, { required: true, message: 'Please select gender', trigger: 'blur' },
], ],
@ -251,7 +270,11 @@ export default {
message: 'Please enter phone number', message: 'Please enter phone number',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 20, min: 7, message: 'The length is 7 to 20' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
EMail: [ EMail: [
{ {
@ -264,9 +287,19 @@ export default {
message: 'Please input the correct email address', message: 'Please input the correct email address',
trigger: 'blur,change', trigger: 'blur,change',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
WeChat: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
WeChat: [{ max: 50, message: 'The maximum length is 50' }],
}, },
isDisabled: false, isDisabled: false,
loading: false, loading: false,

View File

@ -364,6 +364,7 @@
v-model="educationForm.Major" v-model="educationForm.Major"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -371,6 +372,7 @@
v-model="educationForm.MajorCN" v-model="educationForm.MajorCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -385,6 +387,7 @@
v-model="educationForm.Organization" v-model="educationForm.Organization"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -392,6 +395,7 @@
v-model="educationForm.OrganizationCN" v-model="educationForm.OrganizationCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -406,6 +410,7 @@
v-model="educationForm.City" v-model="educationForm.City"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -413,6 +418,7 @@
v-model="educationForm.CityCN" v-model="educationForm.CityCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -427,6 +433,7 @@
v-model="educationForm.Province" v-model="educationForm.Province"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -434,6 +441,7 @@
v-model="educationForm.ProvinceCN" v-model="educationForm.ProvinceCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -448,6 +456,7 @@
v-model="educationForm.Country" v-model="educationForm.Country"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -455,6 +464,7 @@
v-model="educationForm.CountryCN" v-model="educationForm.CountryCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -542,6 +552,7 @@
v-model="postgraduateForm.Major" v-model="postgraduateForm.Major"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -549,6 +560,7 @@
v-model="postgraduateForm.MajorCN" v-model="postgraduateForm.MajorCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -584,6 +596,7 @@
v-model="postgraduateForm.School" v-model="postgraduateForm.School"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -591,6 +604,7 @@
v-model="postgraduateForm.SchoolCN" v-model="postgraduateForm.SchoolCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -606,6 +620,7 @@
v-model="postgraduateForm.City" v-model="postgraduateForm.City"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -613,6 +628,7 @@
v-model="postgraduateForm.CityCN" v-model="postgraduateForm.CityCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -627,6 +643,7 @@
v-model="postgraduateForm.Province" v-model="postgraduateForm.Province"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -634,6 +651,7 @@
v-model="postgraduateForm.ProvinceCN" v-model="postgraduateForm.ProvinceCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -648,6 +666,7 @@
v-model="postgraduateForm.Country" v-model="postgraduateForm.Country"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -655,6 +674,7 @@
v-model="postgraduateForm.CountryCN" v-model="postgraduateForm.CountryCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -764,7 +784,18 @@ export default {
message: 'Please enter the major', message: 'Please enter the major',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
MajorCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
Organization: [ Organization: [
{ {
@ -772,11 +803,33 @@ export default {
message: 'Please enter the institution', message: 'Please enter the institution',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
OrganizationCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
City: [ City: [
{ required: true, message: 'Please enter the city', trigger: 'blur' }, { required: true, message: 'Please enter the city', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CityCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
Province: [ Province: [
{ {
@ -784,7 +837,18 @@ export default {
message: 'Please enter the state/province', message: 'Please enter the state/province',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ProvinceCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
Country: [ Country: [
{ {
@ -792,7 +856,18 @@ export default {
message: 'Please enter the country', message: 'Please enter the country',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CountryCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
educationDialogVisible: false, educationDialogVisible: false,
@ -861,11 +936,47 @@ export default {
message: 'Please enter the major', message: 'Please enter the major',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
MajorCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
School: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
SchoolCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
City: [ City: [
{ required: true, message: 'Please enter the city', trigger: 'blur' }, { required: true, message: 'Please enter the city', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CityCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
Province: [ Province: [
{ {
@ -873,7 +984,18 @@ export default {
message: 'Please enter the state/province', message: 'Please enter the state/province',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ProvinceCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
Country: [ Country: [
{ {
@ -881,7 +1003,18 @@ export default {
message: 'Please enter the country', message: 'Please enter the country',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CountryCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
postgraduateBeginPickerOption: { postgraduateBeginPickerOption: {

View File

@ -50,6 +50,7 @@
type="textarea" type="textarea"
autosize autosize
size="small" size="small"
:maxlength="4000"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -61,6 +62,7 @@
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="City" v-model="City"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -72,6 +74,7 @@
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="Province" v-model="Province"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -83,6 +86,7 @@
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="Country" v-model="Country"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -128,6 +132,7 @@
v-model="employmentForm.DepartmentOther" v-model="employmentForm.DepartmentOther"
placeholder="Please specify (required)" placeholder="Please specify (required)"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -142,6 +147,7 @@
v-model="employmentForm.DepartmentOtherCN" v-model="employmentForm.DepartmentOtherCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -191,6 +197,7 @@
v-model="employmentForm.RankOther" v-model="employmentForm.RankOther"
placeholder="Please specify" placeholder="Please specify"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -208,6 +215,7 @@
v-model="employmentForm.RankOtherCN" v-model="employmentForm.RankOtherCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -227,6 +235,7 @@
$t('curriculumVitae:info:form:placeholder:partTimeJob') $t('curriculumVitae:info:form:placeholder:partTimeJob')
" "
size="small" size="small"
:maxlength="4000"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -243,6 +252,7 @@
$t('curriculumVitae:info:form:placeholder:partTimeJobEN') $t('curriculumVitae:info:form:placeholder:partTimeJobEN')
" "
size="small" size="small"
:maxlength="4000"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -325,19 +335,37 @@ export default {
], ],
DepartmentOther: [ DepartmentOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
DepartmentOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
DepartmentOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
RankId: [ RankId: [
{ required: true, message: 'Please select rank', trigger: 'blur' }, { required: true, message: 'Please select rank', trigger: 'blur' },
], ],
RankOther: [ RankOther: [
{ required: true, message: 'Please select rank', trigger: 'blur' }, { required: true, message: 'Please select rank', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
RankOtherCN: [ RankOtherCN: [
{ required: true, message: 'Please select rank', trigger: 'blur' }, { required: true, message: 'Please select rank', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
PhysicianId: [ PhysicianId: [
{ {
@ -352,7 +380,11 @@ export default {
message: 'Please select Physician', message: 'Please select Physician',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
PhysicianCN: [ PhysicianCN: [
{ {
@ -360,7 +392,11 @@ export default {
message: 'Please select Physician', message: 'Please select Physician',
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
PositionId: [ PositionId: [
{ {
@ -369,8 +405,20 @@ export default {
trigger: 'blur', trigger: 'blur',
}, },
], ],
PositionOther: [{ max: 50, message: 'The maximum length is 50' }], PositionOther: [
PositionOtherCN: [{ max: 50, message: 'The maximum length is 50' }], {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
PositionOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
HospitalId: [ HospitalId: [
{ {
required: true, required: true,

View File

@ -33,7 +33,11 @@
prop="GCPAgencies" prop="GCPAgencies"
v-if="GCP" v-if="GCP"
> >
<el-input v-model="certificateForm.GCPAgencies" clearable></el-input> <el-input
v-model="certificateForm.GCPAgencies"
clearable
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div v-if="GCP" class="upload-container"> <div v-if="GCP" class="upload-container">
@ -121,7 +125,15 @@ export default {
GCP: 0, GCP: 0,
GCPID: '', GCPID: '',
certificateForm: defaultCertificateForm(), certificateForm: defaultCertificateForm(),
certificateRules: {}, certificateRules: {
GCPAgencies: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
} }
}, },
watch: { watch: {

View File

@ -20,7 +20,12 @@
:label="$t('system:reviewer:label:BankNum')" :label="$t('system:reviewer:label:BankNum')"
prop="BankNum" prop="BankNum"
> >
<el-input v-model="form.BankNum" clearable size="small" /> <el-input
v-model="form.BankNum"
clearable
size="small"
:maxlength="400"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -28,7 +33,12 @@
:label="$t('system:reviewer:label:BankName')" :label="$t('system:reviewer:label:BankName')"
prop="BankName" prop="BankName"
> >
<el-input v-model="form.BankName" clearable size="small" /> <el-input
v-model="form.BankName"
clearable
size="small"
:maxlength="400"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -38,7 +48,12 @@
:label="$t('system:reviewer:label:OpeningBank')" :label="$t('system:reviewer:label:OpeningBank')"
prop="OpeningBank" prop="OpeningBank"
> >
<el-input v-model="form.OpeningBank" clearable size="small" /> <el-input
v-model="form.OpeningBank"
clearable
size="small"
:maxlength="400"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -46,7 +61,12 @@
:label="$t('system:reviewer:label:IdCard')" :label="$t('system:reviewer:label:IdCard')"
prop="IdCard" prop="IdCard"
> >
<el-input v-model="form.IdCard" clearable size="small" /> <el-input
v-model="form.IdCard"
clearable
size="small"
:maxlength="400"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -56,7 +76,12 @@
:label="$t('system:reviewer:label:BankPhoneNum')" :label="$t('system:reviewer:label:BankPhoneNum')"
prop="BankPhoneNum" prop="BankPhoneNum"
> >
<el-input v-model="form.BankPhoneNum" clearable size="small" /> <el-input
v-model="form.BankPhoneNum"
clearable
size="small"
:maxlength="400"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -109,6 +134,25 @@ export default {
}, },
trigger: 'blur', trigger: 'blur',
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BankName: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
OpeningBank: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
IdCard: [ IdCard: [
{ {
@ -122,6 +166,11 @@ export default {
}, },
trigger: 'blur', trigger: 'blur',
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
BankPhoneNum: [ BankPhoneNum: [
{ {
@ -135,6 +184,11 @@ export default {
}, },
trigger: 'blur', trigger: 'blur',
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
} }

View File

@ -5,6 +5,7 @@
v-loading="loading" v-loading="loading"
label-width="140px" label-width="140px"
:model="researchForm" :model="researchForm"
:rules="rule"
size="small" size="small"
> >
<div class="title">{{ $t('system:reviewer:title:Research') }}</div> <div class="title">{{ $t('system:reviewer:title:Research') }}</div>
@ -18,6 +19,7 @@
rows="5" rows="5"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -28,6 +30,7 @@
rows="5" rows="5"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -42,6 +45,7 @@
rows="5" rows="5"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -52,6 +56,7 @@
rows="5" rows="5"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -67,6 +72,7 @@
rows="5" rows="5"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -82,6 +88,7 @@
rows="5" rows="5"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -92,6 +99,7 @@
rows="5" rows="5"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -138,6 +146,57 @@ export default {
AwardsHonors: '', AwardsHonors: '',
AwardsHonorsCN: '', AwardsHonorsCN: '',
}, },
rule: {
Research: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ResearchCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Grants: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
GrantsCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Publications: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
AwardsHonors: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
AwardsHonorsCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
loading: false, loading: false,
isDisabled: false, isDisabled: false,
} }

View File

@ -15,13 +15,21 @@
:label="$t('system:Setting:label:Blind Name')" :label="$t('system:Setting:label:Blind Name')"
prop="BlindName" prop="BlindName"
> >
<el-input v-model="checkForm.BlindName" style="width: 300px" /> <el-input
v-model="checkForm.BlindName"
style="width: 300px"
:maxlength="400"
/>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
:label="$t('system:Setting:label:Blind NameCN')" :label="$t('system:Setting:label:Blind NameCN')"
prop="BlindNameCN" prop="BlindNameCN"
> >
<el-input v-model="checkForm.BlindNameCN" style="width: 300px" /> <el-input
v-model="checkForm.BlindNameCN"
style="width: 300px"
:maxlength="400"
/>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
:label="$t('system:Setting:label:Blind Publications')" :label="$t('system:Setting:label:Blind Publications')"
@ -33,6 +41,7 @@
rows="8" rows="8"
style="width: 60%" style="width: 60%"
size="small" size="small"
:maxlength="4000"
/> />
</el-form-item> </el-form-item>
</div> </div>
@ -128,6 +137,7 @@
type="textarea" type="textarea"
style="width: 60%" style="width: 60%"
rows="8" rows="8"
:maxlength="4000"
/> />
</el-form-item> </el-form-item>
@ -245,9 +255,34 @@ export default {
BlindPublications: '', BlindPublications: '',
}, },
rules: { rules: {
AdminComment: [{ max: 500, message: 'The maximum length is 500' }], AdminComment: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
BlindName: [ BlindName: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BlindNameCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BlindPublications: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
], ],
}, },
doctorId: this.$route.query.Id || this.reviewerId, doctorId: this.$route.query.Id || this.reviewerId,

View File

@ -50,6 +50,7 @@
v-model="specialtyForm.SpecialityOther" v-model="specialtyForm.SpecialityOther"
placeholder="Please specify (required)" placeholder="Please specify (required)"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -64,6 +65,7 @@
v-model="specialtyForm.SpecialityOtherCN" v-model="specialtyForm.SpecialityOtherCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -112,6 +114,7 @@
v-model="specialtyForm.SubspecialityOther" v-model="specialtyForm.SubspecialityOther"
placeholder="Please specify (required)" placeholder="Please specify (required)"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -129,6 +132,7 @@
v-model="specialtyForm.SubspecialityOtherCN" v-model="specialtyForm.SubspecialityOtherCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -178,6 +182,7 @@
v-model="specialtyForm.ReadingTypeOther" v-model="specialtyForm.ReadingTypeOther"
placeholder="Please specify (required)" placeholder="Please specify (required)"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -195,6 +200,7 @@
v-model="specialtyForm.ReadingTypeOtherCN" v-model="specialtyForm.ReadingTypeOtherCN"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -247,9 +253,19 @@ export default {
], ],
SpecialityOther: [ SpecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
SpecialityOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
SpecialityOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
ReadingTypeIds: [ ReadingTypeIds: [
{ {
required: true, required: true,
@ -259,9 +275,19 @@ export default {
], ],
ReadingTypeOther: [ ReadingTypeOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ReadingTypeOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
ReadingTypeOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
SubspecialityIds: [ SubspecialityIds: [
{ {
required: true, required: true,
@ -271,10 +297,18 @@ export default {
], ],
SubspecialityOther: [ SubspecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
SubspecialityOtherCN: [ SubspecialityOtherCN: [
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
selectId: '00000000-0000-0000-0000-000000000000', selectId: '00000000-0000-0000-0000-000000000000',

View File

@ -2,82 +2,245 @@
<div class="form-container"> <div class="form-container">
<el-card class="box-card"> <el-card class="box-card">
<div style="width: 80%"> <div style="width: 80%">
<div class="top">
<span>{{ $t('system:reviewer:tab:Summarize') }}</span>
<el-button
size="small"
type="primary"
v-if="$route.query.ReviewStatus !== '1'"
@click="handleAdd()"
>
{{ $t('common:button:add') }}
</el-button>
</div>
<el-table
ref="educationTbl"
:data="list"
border
class="table"
:loading="loading"
size="small"
>
<el-table-column type="index" width="30" />
<el-table-column
prop="Indication"
:label="$t('system:reviewer:label:Indication')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="Summarize"
:label="$t('system:reviewer:label:SummarizeZH')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="SummarizeEn"
:label="$t('system:reviewer:label:SummarizeEN')"
min-width="70"
show-overflow-tooltip
/>
<el-table-column
prop="IsMain"
:label="$t('system:reviewer:label:IsMain')"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('YesOrNo', scope.row.IsMain) }}
</template>
</el-table-column>
<el-table-column
:label="$t('system:EducationTraining:table:Operation')"
>
<template slot-scope="scope">
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleAdd(scope.row)"
>
{{ $t('common:button:edit') }}
</el-button>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleDelete(scope.row)"
>
{{ $t('common:button:delete') }}
</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-card>
<base-model :config="model_cfg">
<template slot="dialog-body">
<el-form <el-form
ref="summarizeFrom" ref="summarizeFrom"
v-loading="loading" v-loading="loading"
:rules="rules" :rules="rules"
:model="form" :model="form"
class="demo-ruleForm" class="demo-ruleForm"
label-width="150px" label-width="100px"
> >
<el-row> <el-form-item
<el-col :span="14"> :label="$t('system:reviewer:label:Indication')"
<el-form-item prop="Indication"
:label="$t('system:reviewer:label:Summarize')" >
prop="Summarize" <el-input
> v-model="form.Indication"
<el-input :placeholder="
:disabled="$route.query.ReviewStatus === '1'" $t('curriculumVitae:summarize:form:placeholder:Indication')
v-model="form.Summarize" "
type="textarea"
:rows="2"
:placeholder="
$t('curriculumVitae:summarize:form:placeholder:summarize')
"
size="small"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="14">
<el-form-item prop="SummarizeEn">
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="form.SummarizeEn"
type="textarea"
:rows="2"
:placeholder="
$t('curriculumVitae:summarize:form:placeholder:summarizeEN')
"
size="small"
/>
</el-form-item>
</el-col>
</el-row>
<el-form-item>
<el-button
type="primary"
:disabled="$route.query.ReviewStatus === '1'"
size="small" size="small"
:loading="loading" :maxlength="400"
@click="handleSave" />
</el-form-item>
<el-form-item prop="IndicationEn">
<el-input
v-model="form.IndicationEn"
:placeholder="
$t('curriculumVitae:summarize:form:placeholder:IndicationEn')
"
size="small"
:maxlength="400"
/>
</el-form-item>
<el-form-item
:label="$t('system:reviewer:label:Summarize')"
prop="Summarize"
>
<el-input
v-model="form.Summarize"
type="textarea"
:rows="10"
:placeholder="
$t('curriculumVitae:summarize:form:placeholder:summarize')
"
size="small"
:maxlength="4000"
/>
</el-form-item>
<el-form-item prop="SummarizeEn">
<el-input
v-model="form.SummarizeEn"
type="textarea"
:rows="10"
:placeholder="
$t('curriculumVitae:summarize:form:placeholder:summarizeEN')
"
size="small"
:maxlength="4000"
/>
</el-form-item>
<el-form-item
prop="IsMain"
:label="$t('system:reviewer:label:IsMain')"
>
<el-switch
v-model="form.IsMain"
:disabled="list.length <= 0 || ISMAIN"
> >
{{ $t('common:button:save') }} </el-switch>
</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </template>
</el-card> <template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<el-button
size="small"
type="primary"
@click="handleSave"
:loading="loading"
>
{{ $t('common:button:save') }}
</el-button>
</template>
</base-model>
</div> </div>
</template> </template>
<script> <script>
import { getDetail, updateGneralSituation } from '@/api/reviewers' import {
addOrUpdateGneralSituation,
getSummarizeInfo,
deleteSummarizeInfo,
} from '@/api/reviewers'
import BaseModel from '@/components/BaseModel'
const defaultForm = () => {
return {
Id: null,
DoctorId: null,
Summarize: null,
SummarizeEn: null,
IsMain: false,
Indication: null,
IndicationEn: null,
}
}
export default { export default {
props: { props: {
reviewerId: { reviewerId: {
type: String, type: String,
}, },
}, },
components: { BaseModel },
data() { data() {
return { return {
list: [],
loading: false, loading: false,
form: { ISMAIN: false,
Summarize: null, model_cfg: {
SummarizeEn: null, visible: false,
showClose: true,
width: '800px',
title: this.$t('system:reviewer:form:SummarizeTitle'),
appendToBody: false,
top: '8vh',
},
form: defaultForm(),
rules: {
Indication: [
{
required: true,
message: 'Please enter Indication',
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
IndicationEn: [
{
required: true,
message: 'Please enter Indication',
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Summarize: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
SummarizeEn: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
}, },
rules: {},
} }
}, },
mounted() { mounted() {
@ -88,15 +251,20 @@ export default {
try { try {
let validate = await this.$refs.summarizeFrom.validate() let validate = await this.$refs.summarizeFrom.validate()
if (!validate) return false if (!validate) return false
this.form.Id = this.$route.query.Id || this.reviewerId this.form.DoctorId = this.$route.query.Id || this.reviewerId
this.loading = true this.loading = true
if (this.$route.query.trialId) { if (this.$route.query.trialId) {
this.form.TrialId = this.$route.query.trialId this.form.TrialId = this.$route.query.trialId
} }
let res = await updateGneralSituation(this.form) if (this.list.length <= 0) {
this.form.IsMain = true
}
let res = await addOrUpdateGneralSituation(this.form)
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(this.$t('common:message:savedSuccessfully'))
this.model_cfg.visible = false
this.getDetail()
} }
} catch (err) { } catch (err) {
this.loading = false this.loading = false
@ -109,18 +277,64 @@ export default {
let id = this.$route.query.Id || this.reviewerId let id = this.$route.query.Id || this.reviewerId
if (!id) return false if (!id) return false
this.loading = true this.loading = true
let res = await getDetail(id, this.$route.query.trialId) let res = await getSummarizeInfo({
DoctorId: id,
})
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
Object.keys(this.form).forEach((key) => { this.list = res.Result.SummarizeList
this.form[key] = res.Result.SummarizeInfo[key]
})
} }
} catch (err) { } catch (err) {
this.loading = false this.loading = false
console.log(err) console.log(err)
} }
}, },
handleCancle() {
this.model_cfg.visible = false
},
handleAdd(row) {
this.form = defaultForm()
this.ISMAIN = false
if (row) {
Object.keys(this.form).forEach((key) => {
this.form[key] = row[key]
})
this.form.Id = row.Id
if (this.form.IsMain) {
this.ISMAIN = true
}
}
if (this.list.length <= 0) {
this.form.IsMain = true
}
this.model_cfg.visible = true
},
async handleDelete(row) {
try {
if (row.IsMain) {
return this.$message.warning(
this.$t('system:reviewer:message:deletedSuccessfully')
)
}
let confirm = await this.$confirm(
this.$t('system:reviewer:confirm:delete')
)
if (!confirm) return false
let data = {
Id: row.Id,
}
this.loading = true
let res = await deleteSummarizeInfo(data)
this.loading = false
if (res.IsSuccess) {
this.$message.success(this.$t('common:message:deletedSuccessfully'))
this.getDetail()
}
} catch (err) {
console.log(err)
this.loading = false
}
},
}, },
} }
</script> </script>
@ -133,4 +347,11 @@ export default {
width: 220px !important; width: 220px !important;
} }
} }
.top {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
margin-bottom: 10px;
}
</style> </style>

View File

@ -57,7 +57,8 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.StartTime" <span v-if="scope.row.StartTime"
>{{ scope.row.StartTime.split('-')[0] }} ~ {{ >{{ scope.row.StartTime.split('-')[0] }} ~
{{
scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今' scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今'
}}</span }}</span
> >
@ -128,9 +129,10 @@
<el-input <el-input
v-model="OtherClinicalExperience" v-model="OtherClinicalExperience"
type="textarea" type="textarea"
rows="5" rows="8"
placeholder="Please specify in English" placeholder="Please specify in English"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
@ -138,9 +140,10 @@
v-model="OtherClinicalExperienceCN" v-model="OtherClinicalExperienceCN"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
type="textarea" type="textarea"
rows="5" rows="8"
placeholder="请用中文注明" placeholder="请用中文注明"
size="small" size="small"
:maxlength="4000"
/> />
</el-col> </el-col>
</el-row> </el-row>
@ -194,6 +197,7 @@
:placeholder=" :placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:byStagesOther') $t('curriculumVitae:clinicalTrials:placeholder:byStagesOther')
" "
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -220,6 +224,7 @@
:placeholder=" :placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:criterionOther') $t('curriculumVitae:clinicalTrials:placeholder:criterionOther')
" "
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -293,6 +298,7 @@
<el-input <el-input
v-model="clinicalTrialForm.EvaluationContent" v-model="clinicalTrialForm.EvaluationContent"
clearable clearable
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -368,13 +374,55 @@ export default {
], ],
EvaluationContent: [ EvaluationContent: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 300, message: 'The maximum length is 300' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
IndicationEnum: [ IndicationEnum: [
{ required: true, message: 'Please select', trigger: 'blur' }, { required: true, message: 'Please select', trigger: 'blur' },
], ],
StartTime: [ StartTime: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{
validator: (rule, value, callback) => {
if (
value &&
this.clinicalTrialForm.EndTime &&
moment(value).isAfter(moment(this.clinicalTrialForm.EndTime))
) {
callback(
new Error(
this.$t('system:TrialExperience:rule:startBeforeEnd')
)
)
} else {
callback()
}
},
trigger: 'blur',
},
],
EndTime: [
{
validator: (rule, value, callback) => {
if (
value &&
this.clinicalTrialForm.StartTime &&
moment(value).isBefore(moment(this.clinicalTrialForm.StartTime))
) {
callback(
new Error(
this.$t('system:TrialExperience:rule:endBeforeStart')
)
)
} else {
callback()
}
},
trigger: 'blur',
},
], ],
OtherStages: [ OtherStages: [
{ {
@ -382,6 +430,11 @@ export default {
message: 'Please input', message: 'Please input',
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
OtherCriterion: [ OtherCriterion: [
{ {
@ -389,6 +442,11 @@ export default {
message: 'Please input', message: 'Please input',
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
GCP: 0, GCP: 0,

View File

@ -16,14 +16,14 @@
<i <i
class="el-icon-edit" class="el-icon-edit"
:title="$t('common:button:edit')" :title="$t('common:button:edit')"
v-if="item.IsIRUpload" v-if="item.IsIRUpload || isPM"
@click=" @click="
handleEditCol(item, 0, $t('trials:enrolledReviews:message:SOW')) handleEditCol(item, 0, $t('trials:enrolledReviews:message:SOW'))
" "
/> />
<i <i
class="el-icon-delete" class="el-icon-delete"
v-if="item.IsIRUpload" v-if="item.IsIRUpload || isPM"
:title="$t('common:button:delete')" :title="$t('common:button:delete')"
@click="handleRemoveFile3(item)" @click="handleRemoveFile3(item)"
/> />
@ -45,30 +45,102 @@
{{ $t('common:button:downloadTpl') }} {{ $t('common:button:downloadTpl') }}
</el-button> </el-button>
</div> </div>
<template v-if="CounselorFiles"> <template v-if="!isPM">
<template v-if="CounselorFiles">
<div class="file_title">
{{ $t('curriculumVitae:agreement:Counselor') }}
</div>
<div class="file" v-for="item in CounselorFiles" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview(item)"
/>
</div>
</template>
<template v-if="ackSowList && ackSowList.length > 0">
<div class="file_title">
{{ $t('curriculumVitae:agreement:confirmation') }}
</div>
<div class="file" v-for="item in ackSowList" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="handlePreview3(item)"
/>
</div>
</template>
</template>
<template v-else>
<div class="file_title"> <div class="file_title">
{{ $t('curriculumVitae:agreement:Counselor') }} {{ $t('curriculumVitae:agreement:Counselor') }}
</div> </div>
<div class="file" v-for="item in CounselorFiles" :key="item.Id"> <template v-if="agreementList && agreementList.length > 0">
<div class="name" :title="item.FileName">{{ item.FileName }}</div> <div class="file" v-for="item in agreementList" :key="item.Id">
<i <div class="name" :title="item.FileName">{{ item.FileName }}</div>
class="el-icon-view" <i
:title="$t('common:button:preview')" class="el-icon-view"
@click.stop="preview(item)" :title="$t('common:button:preview')"
/> @click.stop="handlePreview3(item)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click="handleRemoveFile(item)"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="btnBox" style="margin-top: 10px">
<div class="resume-content">
<div class="upload-content">
<upload-files
ref="uploadAgreement"
:doctor-id="reviewerId"
type="Consultant Agreement"
accept=".pdf"
@getFileList="getFileList"
/>
</div>
<!-- <p>{{ $t('system:tip:file:pdf') }}</p> -->
</div>
</div> </div>
</template>
<template v-if="ackSowList && ackSowList.length > 0">
<div class="file_title"> <div class="file_title">
{{ $t('curriculumVitae:agreement:confirmation') }} {{ $t('curriculumVitae:agreement:confirmation') }}
</div> </div>
<div class="file" v-for="item in ackSowList" :key="item.Id"> <template v-if="ackSowList && ackSowList.length > 0">
<div class="name" :title="item.FileName">{{ item.FileName }}</div> <div class="file" v-for="item in ackSowList" :key="item.Id">
<i <div class="name" :title="item.FileName">{{ item.FileName }}</div>
class="el-icon-view" <i
:title="$t('common:button:preview')" class="el-icon-view"
@click.stop="handlePreview3(item)" :title="$t('common:button:preview')"
/> @click.stop="handlePreview3(item)"
/>
<i
class="el-icon-edit"
:title="$t('common:button:edit')"
@click="
handleEditCol(item, 1, $t('trials:enrolledReviews:message:SOW'))
"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click="handleRemoveFile3(item)"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="btnBox" style="margin-top: 10px">
<el-button
type="primary"
size="small"
@click.stop="addCol(1, $t('trials:enrolledReviews:message:SOW'))"
>
{{ $t('curriculumVitae:agreement:btn:uploadconfirmation') }}
</el-button>
</div> </div>
</template> </template>
</div> </div>
@ -164,10 +236,12 @@ import {
getDoctorCriterionFile, getDoctorCriterionFile,
} from '@/api/reviewers' } from '@/api/reviewers'
import BaseModel from '@/components/BaseModel' import BaseModel from '@/components/BaseModel'
import UploadFiles from '@/components/UploadFiles'
export default { export default {
name: 'agreement', name: 'agreement',
components: { components: {
BaseModel, BaseModel,
UploadFiles,
}, },
props: { props: {
DATA: { DATA: {
@ -184,6 +258,10 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
isPM: {
type: Boolean,
default: false,
},
}, },
data() { data() {
return { return {
@ -247,6 +325,12 @@ export default {
}, },
}, },
methods: { methods: {
handleRemoveFile(row) {
this.$refs.uploadAgreement.handleDeleteFile(row)
},
getFileList(fileList) {
this.agreementList = fileList
},
preview(row) { preview(row) {
this.$preview({ this.$preview({
path: row.FullPath, path: row.FullPath,
@ -308,7 +392,7 @@ export default {
}, },
handlePreview3(row) { handlePreview3(row) {
return this.$preview({ return this.$preview({
path: row.FilePath, path: row.FilePath || row.Path || row.FullPath,
type: 'pdf', type: 'pdf',
title: row.FileName, title: row.FileName,
}) })
@ -357,7 +441,9 @@ export default {
'CriterionType', 'CriterionType',
this.form.CriterionType this.form.CriterionType
) )
this.form.IsIRUpload = true if (!this.isPM) {
this.form.IsIRUpload = true
}
addDoctorCriterionFile(this.form).then((res) => { addDoctorCriterionFile(this.form).then((res) => {
this.$message.success('添加成功') this.$message.success('添加成功')
this.initSowList() this.initSowList()

View File

@ -156,11 +156,13 @@
<template <template
v-if="DATA.OtherClinicalExperience || DATA.OtherClinicalExperienceCN" v-if="DATA.OtherClinicalExperience || DATA.OtherClinicalExperienceCN"
> >
<div class="message"> <div
{{ class="message"
style="white-space: pre-wrap"
v-html="
isEN ? DATA.OtherClinicalExperience : DATA.OtherClinicalExperienceCN isEN ? DATA.OtherClinicalExperience : DATA.OtherClinicalExperienceCN
}} "
</div> ></div>
</template> </template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<!--临床试验--> <!--临床试验-->
@ -197,6 +199,7 @@
:placeholder=" :placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:byStagesOther') $t('curriculumVitae:clinicalTrials:placeholder:byStagesOther')
" "
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -224,6 +227,7 @@
:placeholder=" :placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:criterionOther') $t('curriculumVitae:clinicalTrials:placeholder:criterionOther')
" "
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -289,7 +293,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item prop="EvaluationContent" v-if="IndicationEnum_isOther"> <el-form-item prop="EvaluationContent" v-if="IndicationEnum_isOther">
<el-input v-model="form.EvaluationContent" clearable></el-input> <el-input
v-model="form.EvaluationContent"
clearable
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
@ -360,6 +368,7 @@
<el-input <el-input
v-model="certificateForm.GCPAgencies" v-model="certificateForm.GCPAgencies"
clearable clearable
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -423,33 +432,40 @@
v-loading="loading" v-loading="loading"
:model="otherForm" :model="otherForm"
:rules="otherRules" :rules="otherRules"
label-width="100px" label-width="120px"
size="small" size="small"
> >
<el-form-item <el-form-item
:label="$t('curriculumVitae:clinicalTrials:form:other')" :label="$t('curriculumVitae:clinicalTrials:form:other')"
prop="OtherClinicalExperienceCN" prop="OtherClinicalExperienceCN"
v-if="!isEN"
> >
<el-input <el-input
v-model="otherForm.OtherClinicalExperienceCN" v-model="otherForm.OtherClinicalExperienceCN"
clearable clearable
type="textarea" type="textarea"
:rows="2" :rows="5"
style="margin-bottom: 20px" style="margin-bottom: 20px"
:placeholder=" :placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:other') $t('curriculumVitae:clinicalTrials:placeholder:other')
" "
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="OtherClinicalExperience"> <el-form-item
prop="OtherClinicalExperience"
:label="$t('curriculumVitae:clinicalTrials:form:other')"
v-else
>
<el-input <el-input
v-model="otherForm.OtherClinicalExperience" v-model="otherForm.OtherClinicalExperience"
clearable clearable
type="textarea" type="textarea"
:rows="2" :rows="5"
:placeholder=" :placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:otherEN') $t('curriculumVitae:clinicalTrials:placeholder:otherEN')
" "
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -525,6 +541,10 @@ export default {
} }
}, },
}, },
trialId: {
type: String,
default: '',
},
reviewerId: { reviewerId: {
type: String, type: String,
default: '', default: '',
@ -549,43 +569,65 @@ export default {
PhaseId: [ PhaseId: [
{ {
required: true, required: true,
message: 'Please select', message: this.$t('common:ruleMessage:select'),
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
], ],
EvaluationCriteriaIdList: [ EvaluationCriteriaIdList: [
{ {
required: true, required: true,
message: 'Please select', message: this.$t('common:ruleMessage:select'),
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
], ],
VisitReadingCount: [ VisitReadingCount: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message:this.$t('common:ruleMessage:specify'), trigger: 'blur' },
], ],
EvaluationContent: [ EvaluationContent: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 300, message: 'The maximum length is 300' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
IndicationEnum: [ IndicationEnum: [
{ required: true, message: 'Please select', trigger: 'blur' }, {
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
], ],
StartTime: [ StartTime: [
{ required: true, message: 'Please specify', trigger: 'blur' }, {
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
], ],
OtherStages: [ OtherStages: [
{ {
required: true, required: true,
message: 'Please input', message: this.$t('common:ruleMessage:specify'),
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
OtherCriterion: [ OtherCriterion: [
{ {
required: true, required: true,
message: 'Please input', message: this.$t('common:ruleMessage:specify'),
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
loading: false, loading: false,
@ -593,17 +635,24 @@ export default {
certificateForm: defaultCertificateForm(), certificateForm: defaultCertificateForm(),
certificateRules: { certificateRules: {
GCPAgencies: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
GCP: [ GCP: [
{ {
required: true, required: true,
message: 'Please select', message: this.$t('common:ruleMessage:select'),
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
], ],
GCPId: [ GCPId: [
{ {
required: true, required: true,
message: 'Please upload File', message: this.$t('trials:readingPeriod:cd:message:uploadFile'),
trigger: ['blur', 'change'], trigger: ['blur', 'change'],
}, },
], ],
@ -619,11 +668,26 @@ export default {
}, },
otherForm: defaultOtherForm(), otherForm: defaultOtherForm(),
otherRules: {}, otherRules: {
OtherClinicalExperienceCN: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
OtherClinicalExperience: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
model_cfg_other: { model_cfg_other: {
visible: false, visible: false,
showClose: true, showClose: true,
width: '600px', width: '800px',
title: this.$t('curriculumVitae:clinicalTrials:form:otherTitle'), title: this.$t('curriculumVitae:clinicalTrials:form:otherTitle'),
appendToBody: true, appendToBody: true,
}, },
@ -773,6 +837,9 @@ export default {
console.log(validate, 'validate') console.log(validate, 'validate')
if (!validate) return false if (!validate) return false
this.form.DoctorId = this.reviewerId this.form.DoctorId = this.reviewerId
if (this.trialId) {
this.form.TrialId = this.trialId
}
this.loading = true this.loading = true
let res = await addOrUpdateTrialExperience(this.form) let res = await addOrUpdateTrialExperience(this.form)
this.loading = false this.loading = false
@ -797,6 +864,9 @@ export default {
let validate = await this.$refs.otherAboutFrom.validate() let validate = await this.$refs.otherAboutFrom.validate()
if (!validate) return false if (!validate) return false
this.otherForm.DoctorId = this.reviewerId this.otherForm.DoctorId = this.reviewerId
if(this.trialId){
this.otherForm.TrialId = this.trialId
}
this.loading = true this.loading = true
let res = await updateOtherExperience(this.otherForm) let res = await updateOtherExperience(this.otherForm)
this.loading = false this.loading = false
@ -985,6 +1055,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
.message { .message {
margin: auto; margin: auto;
@ -992,6 +1063,7 @@ export default {
background-color: #eee; background-color: #eee;
padding: 10px; padding: 10px;
line-height: 30px; line-height: 30px;
word-wrap: break-word;
border-radius: 5px; border-radius: 5px;
} }
} }

View File

@ -119,24 +119,29 @@
<el-form-item <el-form-item
:label="$t('curriculumVitae:continuingTraining:form:direction')" :label="$t('curriculumVitae:continuingTraining:form:direction')"
prop="Major" prop="Major"
v-if="isEN"
> >
<el-input <el-input
style="width: 97%"
v-model="form.Major" v-model="form.Major"
type="textarea" type="textarea"
:rows="2" :rows="2"
:maxlength="4000"
clearable clearable
:placeholder=" :placeholder="
$t('curriculumVitae:continuingTraining:placeholder:directionEN') $t('curriculumVitae:continuingTraining:placeholder:directionEN')
" "
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="MajorCN"> <el-form-item
prop="MajorCN"
:label="$t('curriculumVitae:continuingTraining:form:direction')"
v-else
>
<el-input <el-input
style="width: 97%"
type="textarea" type="textarea"
:rows="2" :rows="2"
v-model="form.MajorCN" v-model="form.MajorCN"
:maxlength="4000"
clearable clearable
:placeholder=" :placeholder="
$t('curriculumVitae:continuingTraining:placeholder:direction') $t('curriculumVitae:continuingTraining:placeholder:direction')
@ -160,91 +165,90 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-row> <el-form-item
<el-col :span="12" style="margin-right: 5px"> :label="$t('curriculumVitae:continuingTraining:form:school')"
<el-form-item prop="School"
:label="$t('curriculumVitae:continuingTraining:form:school')" v-if="isEN"
prop="School" >
> <el-input
<el-input v-model="form.School"
v-model="form.School" clearable
clearable :placeholder="
:placeholder=" $t('curriculumVitae:continuingTraining:placeholder:schoolEN')
$t( "
'curriculumVitae:continuingTraining:placeholder:schoolEN' :maxlength="400"
) ></el-input>
" </el-form-item>
></el-input> <el-form-item
</el-form-item> prop="SchoolCN"
</el-col> :label="$t('curriculumVitae:continuingTraining:form:school')"
<el-col :span="11"> v-else
<el-form-item prop="SchoolCN" label-width="10px"> >
<el-input <el-input
v-model="form.SchoolCN" v-model="form.SchoolCN"
clearable clearable
:placeholder=" :placeholder="
$t('curriculumVitae:continuingTraining:placeholder:school') $t('curriculumVitae:continuingTraining:placeholder:school')
" "
></el-input> :maxlength="400"
</el-form-item> ></el-input>
</el-col> </el-form-item>
</el-row> <el-form-item
<el-row> :label="$t('curriculumVitae:continuingTraining:form:city')"
<el-col :span="12" style="margin-right: 5px"> prop="City"
<el-form-item v-if="isEN"
:label="$t('curriculumVitae:continuingTraining:form:city')" >
prop="City" <el-input
> v-model="form.City"
<el-input clearable
v-model="form.City" :placeholder="
clearable $t('curriculumVitae:continuingTraining:placeholder:City')
:placeholder=" "
$t('curriculumVitae:continuingTraining:placeholder:City') :maxlength="400"
" ></el-input>
></el-input> </el-form-item>
</el-form-item> <el-form-item
</el-col> prop="CityCN"
<el-col :span="11"> :label="$t('curriculumVitae:continuingTraining:form:city')"
<el-form-item prop="CityCN" label-width="10px"> v-else
<el-input >
v-model="form.CityCN" <el-input
clearable v-model="form.CityCN"
:placeholder=" clearable
$t('curriculumVitae:continuingTraining:placeholder:CityCN') :placeholder="
" $t('curriculumVitae:continuingTraining:placeholder:CityCN')
></el-input> "
</el-form-item> :maxlength="400"
</el-col> ></el-input>
</el-row> </el-form-item>
<el-row> <el-form-item
<el-col :span="12" style="margin-right: 5px"> :label="$t('curriculumVitae:continuingTraining:form:Country')"
<el-form-item prop="Country"
:label="$t('curriculumVitae:continuingTraining:form:Country')" v-if="isEN"
prop="Country" >
> <el-input
<el-input v-model="form.Country"
v-model="form.Country" clearable
clearable :placeholder="
:placeholder=" $t('curriculumVitae:continuingTraining:placeholder:Country')
$t('curriculumVitae:continuingTraining:placeholder:Country') "
" :maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-col> <el-form-item
<el-col :span="11"> prop="CountryCN"
<el-form-item prop="CountryCN" label-width="10px"> :label="$t('curriculumVitae:continuingTraining:form:Country')"
<el-input v-else
v-model="form.CountryCN" >
clearable <el-input
:placeholder=" v-model="form.CountryCN"
$t( clearable
'curriculumVitae:continuingTraining:placeholder:CountryCN' :placeholder="
) $t('curriculumVitae:continuingTraining:placeholder:CountryCN')
" "
></el-input> :maxlength="400"
</el-form-item> ></el-input>
</el-col> </el-form-item>
</el-row>
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
@ -321,63 +325,95 @@ export default {
BeginDate: [ BeginDate: [
{ {
required: true, required: true,
message: 'Please select a start date', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
EndDate: [ EndDate: [
{ {
required: true, required: true,
message: 'Please select a valid date', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
Training: [ Training: [
{ {
required: true, required: true,
message: 'Please select degree', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
Major: [ Major: [
{ {
required: true, required: true,
message: 'Please enter the major', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' },
], ],
MajorCN: [ MajorCN: [
{ {
required: true, required: true,
message: 'Please enter the major', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' },
], ],
City: [ City: [
{ required: true, message: 'Please enter the city', trigger: 'blur' }, {
{ max: 50, message: 'The maximum length is 50' }, required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
CityCN: [ CityCN: [
{ required: true, message: 'Please enter the city', trigger: 'blur' }, {
{ max: 50, message: 'The maximum length is 50' }, required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
Country: [ Country: [
{ {
required: true, required: true,
message: 'Please enter the country', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' },
], ],
CountryCN: [ CountryCN: [
{ {
required: true, required: true,
message: 'Please enter the country', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' },
], ],
}, },
loading: false, loading: false,
@ -472,10 +508,11 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
} }
.el-select, .el-select,
.el-date-editor { .el-date-editor {
width: 97%; width: 100%;
} }
</style> </style>

View File

@ -112,40 +112,36 @@
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-row> <el-form-item
<el-col :span="12" style="margin-right: 5px"> :label="$t('curriculumVitae:EducationalExperience:form:specialy')"
<el-form-item prop="Major"
:label=" v-if="isEN"
$t('curriculumVitae:EducationalExperience:form:specialy') >
" <el-input
prop="Major" clearable
> :placeholder="
<el-input $t(
clearable 'curriculumVitae:EducationalExperience:placeholder:specialyEN'
:placeholder=" )
$t( "
'curriculumVitae:EducationalExperience:placeholder:specialyEN' v-model="form.Major"
) :maxlength="400"
" ></el-input>
v-model="form.Major" </el-form-item>
></el-input> <el-form-item
</el-form-item> :label="$t('curriculumVitae:EducationalExperience:form:specialy')"
</el-col> prop="MajorCN"
v-else
<el-col :span="11"> >
<el-form-item prop="MajorCN" label-width="10px"> <el-input
<el-input clearable
clearable :placeholder="
:placeholder=" $t('curriculumVitae:EducationalExperience:placeholder:specialy')
$t( "
'curriculumVitae:EducationalExperience:placeholder:specialy' v-model="form.MajorCN"
) :maxlength="400"
" ></el-input>
v-model="form.MajorCN" </el-form-item>
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item <el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:degree')" :label="$t('curriculumVitae:EducationalExperience:form:degree')"
@ -161,99 +157,92 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-row> <el-form-item
<el-col :span="12" style="margin-right: 5px"> :label="$t('curriculumVitae:EducationalExperience:form:school')"
<el-form-item prop="Organization"
:label="$t('curriculumVitae:EducationalExperience:form:school')" v-if="isEN"
prop="Organization" >
> <el-input
<el-input v-model="form.Organization"
v-model="form.Organization" clearable
clearable :placeholder="
:placeholder=" $t('curriculumVitae:EducationalExperience:placeholder:schoolEN')
$t( "
'curriculumVitae:EducationalExperience:placeholder:schoolEN' :maxlength="400"
) ></el-input>
" </el-form-item>
></el-input> <el-form-item
</el-form-item> :label="$t('curriculumVitae:EducationalExperience:form:school')"
</el-col> prop="OrganizationCN"
<el-col :span="11"> v-else
<el-form-item label-width="10px" prop="OrganizationCN"> >
<el-input <el-input
v-model="form.OrganizationCN" v-model="form.OrganizationCN"
clearable clearable
:placeholder=" :placeholder="
$t( $t('curriculumVitae:EducationalExperience:placeholder:school')
'curriculumVitae:EducationalExperience:placeholder:school' "
) :maxlength="400"
" ></el-input>
></el-input> </el-form-item>
</el-form-item> <el-form-item
</el-col> :label="$t('curriculumVitae:EducationalExperience:form:city')"
</el-row> prop="City"
<el-row> v-if="isEN"
<el-col :span="12" style="margin-right: 5px"> >
<el-form-item <el-input
:label="$t('curriculumVitae:EducationalExperience:form:city')" v-model="form.City"
prop="City" clearable
> :placeholder="
<el-input $t('curriculumVitae:EducationalExperience:placeholder:City')
v-model="form.City" "
clearable :maxlength="400"
:placeholder=" ></el-input>
$t('curriculumVitae:EducationalExperience:placeholder:City') </el-form-item>
" <el-form-item
></el-input> :label="$t('curriculumVitae:EducationalExperience:form:city')"
</el-form-item> prop="CityCN"
</el-col> v-else
<el-col :span="11"> >
<el-form-item prop="CityCN" label-width="10px"> <el-input
<el-input v-model="form.CityCN"
v-model="form.CityCN" clearable
clearable :placeholder="
:placeholder=" $t('curriculumVitae:EducationalExperience:placeholder:CityCN')
$t( "
'curriculumVitae:EducationalExperience:placeholder:CityCN' :maxlength="400"
) ></el-input>
" </el-form-item>
></el-input> <el-form-item
</el-form-item> :label="$t('curriculumVitae:EducationalExperience:form:Country')"
</el-col> prop="Country"
</el-row> v-if="isEN"
<el-row> >
<el-col :span="12" style="margin-right: 5px"> <el-input
<el-form-item v-model="form.Country"
:label=" clearable
$t('curriculumVitae:EducationalExperience:form:Country') :placeholder="
" $t('curriculumVitae:EducationalExperience:placeholder:Country')
prop="Country" "
> :maxlength="400"
<el-input ></el-input>
v-model="form.Country" </el-form-item>
clearable <el-form-item
:placeholder=" prop="CountryCN"
$t( :label="$t('curriculumVitae:EducationalExperience:form:Country')"
'curriculumVitae:EducationalExperience:placeholder:Country' v-else
) >
" <el-input
></el-input> v-model="form.CountryCN"
</el-form-item> clearable
</el-col> :placeholder="
<el-col :span="11"> $t(
<el-form-item prop="CountryCN" label-width="10px"> 'curriculumVitae:EducationalExperience:placeholder:CountryCN'
<el-input )
v-model="form.CountryCN" "
clearable :maxlength="400"
:placeholder=" ></el-input>
$t( </el-form-item>
'curriculumVitae:EducationalExperience:placeholder:CountryCN'
)
"
></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
@ -324,79 +313,111 @@ export default {
BeginDate: [ BeginDate: [
{ {
required: true, required: true,
message: 'Please select a start date', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
EndDate: [ EndDate: [
{ {
required: true, required: true,
message: 'Please select a valid date', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
Degree: [ Degree: [
{ {
required: true, required: true,
message: 'Please enter the degree', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
Major: [ Major: [
{ {
required: true, required: true,
message: 'Please enter the major', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' },
], ],
MajorCN: [ MajorCN: [
{ {
required: true, required: true,
message: 'Please enter the major', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' },
], ],
Organization: [ Organization: [
{ {
required: true, required: true,
message: 'Please enter the institution', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' },
], ],
OrganizationCN: [ OrganizationCN: [
{ {
required: true, required: true,
message: 'Please enter the institution', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 100, message: 'The maximum length is 100' },
], ],
City: [ City: [
{ required: true, message: 'Please enter the city', trigger: 'blur' }, { required: true, message:this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
CityCN: [ CityCN: [
{ required: true, message: 'Please enter the city', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
Country: [ Country: [
{ {
required: true, required: true,
message: 'Please enter the country', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' },
], ],
CountryCN: [ CountryCN: [
{ {
required: true, required: true,
message: 'Please enter the country', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' },
], ],
}, },
loading: false, loading: false,
@ -485,10 +506,11 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
} }
.el-select, .el-select,
.el-date-editor { .el-date-editor {
width: 97%; width: 100%;
} }
</style> </style>

View File

@ -107,7 +107,6 @@ export default {
}, },
methods: { methods: {
closeDialog() { closeDialog() {
console.log(111111111)
this.$emit('update:visible', false) this.$emit('update:visible', false)
}, },
handleAddHoliday() { handleAddHoliday() {

View File

@ -64,7 +64,7 @@
v-loading="loading" v-loading="loading"
:model="form" :model="form"
:rules="rules" :rules="rules"
label-width="80px" label-width="100px"
size="small" size="small"
> >
<div class="form_title"> <div class="form_title">
@ -76,7 +76,11 @@
:label="$t('curriculumVitae:info:form:surname')" :label="$t('curriculumVitae:info:form:surname')"
prop="FirstName" prop="FirstName"
> >
<el-input v-model="form.FirstName" clearable></el-input> <el-input
v-model="form.FirstName"
clearable
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -84,17 +88,25 @@
:label="$t('curriculumVitae:info:form:name')" :label="$t('curriculumVitae:info:form:name')"
prop="LastName" prop="LastName"
> >
<el-input v-model="form.LastName" clearable></el-input> <el-input
v-model="form.LastName"
clearable
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12" v-if="!isEN">
<el-form-item <el-form-item
:label="$t('curriculumVitae:info:form:userNameCN')" :label="$t('curriculumVitae:info:form:userNameCN')"
prop="ChineseName" prop="ChineseName"
> >
<el-input v-model="form.ChineseName" clearable></el-input> <el-input
v-model="form.ChineseName"
clearable
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@ -134,7 +146,11 @@
:label="$t('curriculumVitae:info:form:phone')" :label="$t('curriculumVitae:info:form:phone')"
prop="Phone" prop="Phone"
> >
<el-input v-model="form.Phone" clearable></el-input> <el-input
v-model="form.Phone"
clearable
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -152,7 +168,11 @@
:label="$t('curriculumVitae:info:form:wechat')" :label="$t('curriculumVitae:info:form:wechat')"
prop="WeChat" prop="WeChat"
> >
<el-input v-model="form.WeChat" clearable></el-input> <el-input
v-model="form.WeChat"
clearable
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -200,6 +220,7 @@
</el-form-item> </el-form-item>
<el-form-item <el-form-item
:label="$t('curriculumVitae:info:form:AffiliatedUniversity')" :label="$t('curriculumVitae:info:form:AffiliatedUniversity')"
prop="UniversityAffiliated"
> >
<el-input <el-input
disabled disabled
@ -207,6 +228,7 @@
type="textarea" type="textarea"
autosize autosize
size="small" size="small"
:maxlength="4000"
/> />
</el-form-item> </el-form-item>
<el-form-item :label="$t('curriculumVitae:info:form:City')"> <el-form-item :label="$t('curriculumVitae:info:form:City')">
@ -237,6 +259,7 @@
$t('curriculumVitae:info:form:placeholder:DepartmentOther') $t('curriculumVitae:info:form:placeholder:DepartmentOther')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -250,6 +273,7 @@
$t('curriculumVitae:info:form:placeholder:DepartmentOtherCN') $t('curriculumVitae:info:form:placeholder:DepartmentOtherCN')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -279,6 +303,7 @@
$t('curriculumVitae:info:form:placeholder:RankOther') $t('curriculumVitae:info:form:placeholder:RankOther')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -295,11 +320,13 @@
$t('curriculumVitae:info:form:placeholder:RankOtherCN') $t('curriculumVitae:info:form:placeholder:RankOtherCN')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
:label="$t('curriculumVitae:info:form:partTimeJob')" :label="$t('curriculumVitae:info:form:partTimeJob')"
prop="WorkPartTime" prop="WorkPartTime"
v-if="!isEN"
> >
<el-input <el-input
:placeholder=" :placeholder="
@ -307,18 +334,24 @@
" "
v-model="form.WorkPartTime" v-model="form.WorkPartTime"
type="textarea" type="textarea"
:rows="2" :rows="10"
clearable clearable
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="WorkPartTimeEn"> <el-form-item
:label="$t('curriculumVitae:info:form:partTimeJob')"
prop="WorkPartTimeEn"
v-else
>
<el-input <el-input
:placeholder=" :placeholder="
$t('curriculumVitae:info:form:placeholder:partTimeJobEN') $t('curriculumVitae:info:form:placeholder:partTimeJobEN')
" "
v-model="form.WorkPartTimeEn" v-model="form.WorkPartTimeEn"
type="textarea" type="textarea"
:rows="2" :rows="10"
:maxlength="4000"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
@ -398,33 +431,49 @@ export default {
showClose: true, showClose: true,
width: '800px', width: '800px',
title: this.$t('curriculumVitae:info:form:title'), title: this.$t('curriculumVitae:info:form:title'),
appendToBody: false, appendToBody: true,
top: '8vh',
bodyStyle: `min-height: 100px; max-height: 650px;overflow-y: auto;padding: 10px;border: 1px solid #e0e0e0;`,
}, },
form: defaultForm(), form: defaultForm(),
rules: { rules: {
FirstName: [ FirstName: [
{ {
required: true, required: true,
message: 'Please enter FirstName', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' },
], ],
LastName: [ LastName: [
{ required: true, message: 'Please enter LastName', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ChineseName: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
ChineseName: [{ max: 50, message: 'The maximum length is 50' }],
Sex: [ Sex: [
{ required: true, message: 'Please select gender', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
], ],
TitleIds: [ TitleIds: [
{ required: true, message: 'Please select Title', trigger: 'blur' }, { required: true, message:this.$t('common:ruleMessage:select'), trigger: 'blur' },
], ],
Phone: [ Phone: [
{ {
required: true, required: true,
message: 'Please enter phone number', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur', trigger: 'blur',
}, },
{ max: 20, min: 7, message: 'The length is 7 to 20' }, { max: 20, min: 7, message: 'The length is 7 to 20' },
@ -432,51 +481,101 @@ export default {
EMail: [ EMail: [
{ {
required: true, required: true,
message: 'Please input the email address', message: this.$t('common:ruleMessage:specify'),
trigger: 'blur', trigger: 'blur',
}, },
{ {
type: 'email', type: 'email',
message: 'Please input the correct email address', message: this.$t('rules:email'),
trigger: 'blur,change', trigger: 'blur,change',
}, },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
WeChat: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
WeChat: [{ max: 50, message: 'The maximum length is 50' }],
Nation: [ Nation: [
{ {
required: true, required: true,
message: 'Please select the Nation', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
DepartmentId: [ DepartmentId: [
{ {
required: true, required: true,
message: 'Please select department', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
DepartmentOther: [ DepartmentOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
,
],
DepartmentOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
DepartmentOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
RankId: [ RankId: [
{ required: true, message: 'Please select rank', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
], ],
RankOther: [ RankOther: [
{ required: true, message: 'Please select rank', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
RankOtherCN: [ RankOtherCN: [
{ required: true, message: 'Please select rank', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
HospitalId: [ HospitalId: [
{ {
required: true, required: true,
message: 'Please select hospital', message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
UniversityAffiliated: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
WorkPartTime: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
WorkPartTimeEn: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur', trigger: 'blur',
}, },
], ],

View File

@ -12,8 +12,10 @@
</el-button> </el-button>
</div> </div>
<div class="message" v-if="DATA.AwardsHonors || DATA.AwardsHonorsCN"> <div class="message" v-if="DATA.AwardsHonors || DATA.AwardsHonorsCN">
<span v-if="isEN">{{ DATA.AwardsHonors }}</span> <span
<span v-else>{{ DATA.AwardsHonorsCN }}</span> style="white-space: pre-wrap"
v-html="isEN ? DATA.AwardsHonors : DATA.AwardsHonorsCN"
></span>
</div> </div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<base-model :config="model_cfg"> <base-model :config="model_cfg">
@ -23,29 +25,36 @@
v-loading="loading" v-loading="loading"
:model="form" :model="form"
:rules="rules" :rules="rules"
label-width="80px" label-width="100px"
size="small" size="small"
> >
<el-form-item <el-form-item
:label="$t('curriculumVitae:other:form:AH')" :label="$t('curriculumVitae:other:form:AH')"
prop="AwardsHonors" prop="AwardsHonors"
v-if="isEN"
> >
<el-input <el-input
clearable clearable
v-model="form.AwardsHonors" v-model="form.AwardsHonors"
style="margin-bottom: 10px" style="margin-bottom: 10px"
type="textarea" type="textarea"
:rows="2" :rows="10"
:maxlength="4000"
:placeholder="$t('curriculumVitae:other:placeholder:AHEN')" :placeholder="$t('curriculumVitae:other:placeholder:AHEN')"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="AwardsHonorsCN"> <el-form-item
prop="AwardsHonorsCN"
:label="$t('curriculumVitae:other:form:AH')"
v-else
>
<el-input <el-input
clearable clearable
v-model="form.AwardsHonorsCN" v-model="form.AwardsHonorsCN"
style="margin-bottom: 10px" style="margin-bottom: 10px"
type="textarea" type="textarea"
:rows="2" :rows="10"
:maxlength="4000"
:placeholder="$t('curriculumVitae:other:placeholder:AH')" :placeholder="$t('curriculumVitae:other:placeholder:AH')"
></el-input> ></el-input>
</el-form-item> </el-form-item>
@ -102,12 +111,27 @@ export default {
model_cfg: { model_cfg: {
visible: false, visible: false,
showClose: true, showClose: true,
width: '600px', width: '800px',
title: this.$t('curriculumVitae:scientificResearchProject:form:title'), title: this.$t('curriculumVitae:scientificResearchProject:form:title'),
appendToBody: true, appendToBody: true,
}, },
form: defaultForm(), form: defaultForm(),
rules: {}, rules: {
AwardsHonors: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
AwardsHonorsCN: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
loading: false, loading: false,
} }
}, },
@ -155,6 +179,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
.message { .message {
margin: auto; margin: auto;
@ -163,6 +188,7 @@ export default {
padding: 10px; padding: 10px;
line-height: 30px; line-height: 30px;
border-radius: 5px; border-radius: 5px;
word-wrap: break-word;
} }
} }
.el-select, .el-select,

View File

@ -66,6 +66,7 @@
clearable clearable
placeholder="" placeholder=""
v-model="form.BankNum" v-model="form.BankNum"
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -77,6 +78,7 @@
clearable clearable
placeholder="" placeholder=""
v-model="form.BankName" v-model="form.BankName"
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -88,6 +90,7 @@
clearable clearable
placeholder="" placeholder=""
v-model="form.OpeningBank" v-model="form.OpeningBank"
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -95,7 +98,12 @@
:label="$t('curriculumVitae:pay:form:idCard')" :label="$t('curriculumVitae:pay:form:idCard')"
prop="IdCard" prop="IdCard"
> >
<el-input clearable placeholder="" v-model="form.IdCard"></el-input> <el-input
clearable
placeholder=""
v-model="form.IdCard"
:maxlength="400"
></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
style="width: 45%" style="width: 45%"
@ -106,6 +114,7 @@
clearable clearable
placeholder="" placeholder=""
v-model="form.BankPhoneNum" v-model="form.BankPhoneNum"
:maxlength="400"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -181,6 +190,25 @@ export default {
}, },
trigger: 'blur', trigger: 'blur',
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BankName: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
OpeningBank: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
IdCard: [ IdCard: [
{ {
@ -194,6 +222,11 @@ export default {
}, },
trigger: 'blur', trigger: 'blur',
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
BankPhoneNum: [ BankPhoneNum: [
{ {
@ -207,6 +240,11 @@ export default {
}, },
trigger: 'blur', trigger: 'blur',
}, },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
loading: false, loading: false,
@ -256,6 +294,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
.message { .message {
margin: auto; margin: auto;

View File

@ -16,22 +16,44 @@
v-if="DATA.Research || DATA.ResearchCN || DATA.Grants || DATA.GrantsCN" v-if="DATA.Research || DATA.ResearchCN || DATA.Grants || DATA.GrantsCN"
> >
<el-form class="demo-form-inline"> <el-form class="demo-form-inline">
<el-form-item <!-- <el-form-item
:label="$t('curriculumVitae:scientificResearchProject:direction')" :label="$t('curriculumVitae:scientificResearchProject:direction')"
> >
<div> <div>
<span v-if="isEN">{{ DATA.Research }}</span> <span v-if="isEN">{{ DATA.Research }}</span>
<span v-else>{{ DATA.ResearchCN }}</span> <span v-else>{{ DATA.ResearchCN }}</span>
</div> </div>
</el-form-item> </el-form-item> -->
<el-form-item <div style="display: flex; font-size: 14px">
<span style="display: inline-block; width: 80px; color: #606266">{{
$t('curriculumVitae:scientificResearchProject:direction')
}}</span>
<span
class="break-word"
style="white-space: pre-wrap; width: calc(100% - 80px)"
v-html="isEN ? DATA.Research : DATA.ResearchCN"
></span>
</div>
<!-- <el-form-item
:label="$t('curriculumVitae:scientificResearchProject:subject')" :label="$t('curriculumVitae:scientificResearchProject:subject')"
> >
<div> <div>
<span v-if="isEN">{{ DATA.Grants }}</span> <span
<span v-else>{{ DATA.GrantsCN }}</span> style="white-space: pre-wrap"
v-html="isEN ? DATA.Grants : DATA.GrantsCN"
></span>
</div> </div>
</el-form-item> </el-form-item> -->
<div style="display: flex; font-size: 14px">
<span style="display: inline-block; width: 80px; color: #606266">{{
$t('curriculumVitae:scientificResearchProject:subject')
}}</span>
<span
class="break-word"
style="white-space: pre-wrap; width: calc(100% - 80px)"
v-html="isEN ? DATA.Grants : DATA.GrantsCN"
></span>
</div>
</el-form> </el-form>
</div> </div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
@ -50,6 +72,7 @@
$t('curriculumVitae:scientificResearchProject:form:direction') $t('curriculumVitae:scientificResearchProject:form:direction')
" "
prop="Research" prop="Research"
v-if="isEN"
> >
<el-input <el-input
clearable clearable
@ -60,9 +83,18 @@
'curriculumVitae:scientificResearchProject:placeholder:directionEN' 'curriculumVitae:scientificResearchProject:placeholder:directionEN'
) )
" "
type="textarea"
:rows="2"
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="ResearchCN"> <el-form-item
prop="ResearchCN"
:label="
$t('curriculumVitae:scientificResearchProject:form:direction')
"
v-else
>
<el-input <el-input
v-model="form.ResearchCN" v-model="form.ResearchCN"
clearable clearable
@ -71,6 +103,9 @@
'curriculumVitae:scientificResearchProject:placeholder:direction' 'curriculumVitae:scientificResearchProject:placeholder:direction'
) )
" "
type="textarea"
:rows="2"
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -78,13 +113,15 @@
$t('curriculumVitae:scientificResearchProject:form:subject') $t('curriculumVitae:scientificResearchProject:form:subject')
" "
prop="Grants" prop="Grants"
v-if="isEN"
> >
<el-input <el-input
v-model="form.Grants" v-model="form.Grants"
clearable clearable
style="margin-bottom: 10px" style="margin-bottom: 10px"
type="textarea" type="textarea"
:rows="2" :rows="5"
:maxlength="4000"
:placeholder=" :placeholder="
$t( $t(
'curriculumVitae:scientificResearchProject:placeholder:subjectEN' 'curriculumVitae:scientificResearchProject:placeholder:subjectEN'
@ -92,12 +129,19 @@
" "
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="GrantsCN"> <el-form-item
prop="GrantsCN"
:label="
$t('curriculumVitae:scientificResearchProject:form:subject')
"
v-else
>
<el-input <el-input
clearable clearable
v-model="form.GrantsCN" v-model="form.GrantsCN"
type="textarea" type="textarea"
:rows="2" :rows="5"
:maxlength="4000"
:placeholder=" :placeholder="
$t( $t(
'curriculumVitae:scientificResearchProject:placeholder:subject' 'curriculumVitae:scientificResearchProject:placeholder:subject'
@ -165,7 +209,36 @@ export default {
appendToBody: true, appendToBody: true,
}, },
form: defaultForm(), form: defaultForm(),
rules: {}, rules: {
Research: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
ResearchCN: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
Grants: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
GrantsCN: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
loading: false, loading: false,
} }
}, },
@ -213,6 +286,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
.message { .message {
margin: auto; margin: auto;
@ -221,6 +295,7 @@ export default {
padding: 10px; padding: 10px;
line-height: 30px; line-height: 30px;
border-radius: 5px; border-radius: 5px;
word-wrap: break-word;
} }
} }
.el-select, .el-select,

View File

@ -0,0 +1,418 @@
<template>
<div class="setting">
<div class="title">
<span>{{ $t('curriculumVitae:setting:title') }}</span>
<el-button
type="text"
class="editBtn"
:disabled="!reviewerId"
@click.stop="openEdit"
>
{{ $t('common:button:edit') }}
</el-button>
</div>
<div class="message">
<el-form :inline="true" class="demo-form-inline">
<el-form-item
:label="$t('system:Setting:label:Blind Name')"
style="width: 45%"
>
{{ DATA.BlindName }}
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Blind NameCN')"
style="width: 45%"
>
{{ DATA.BlindNameCN }}
</el-form-item>
<div style="display: flex; font-size: 14px; margin-bottom: 22px">
<span style="display: inline-block; width: 120px; color: #606266">{{
$t('system:Setting:label:Blind Publications')
}}</span>
<span
class="break-word"
style="white-space: pre-wrap; width: calc(100% - 120px)"
v-html="DATA.BlindPublications"
></span>
</div>
<el-form-item
:label="$t('system:Setting:label:Information Confirmed?')"
style="width: 24%"
>
{{
DATA.ReviewStatus === 1
? $t('system:Setting:label:Information Confirmed?:Yes')
: $t('system:Setting:label:Information Confirmed?:No')
}}
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Contractor Status?')"
style="width: 24%"
>
{{
DATA.CooperateStatus === 1
? $t('system:Setting:label:Information Confirmed?:Yes')
: $t('system:Setting:label:Information Confirmed?:No')
}}
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Accepting New Trials?')"
style="width: 24%"
>
{{
DATA.AcceptingNewTrial
? $t('system:Setting:label:Information Confirmed?:Yes')
: $t('system:Setting:label:Information Confirmed?:No')
}}
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Actively Reading?')"
style="width: 24%"
>
{{
DATA.ActivelyReading
? $t('system:Setting:label:Information Confirmed?:Yes')
: $t('system:Setting:label:Information Confirmed?:No')
}}
</el-form-item>
<div style="display: flex; font-size: 14px; margin-bottom: 22px">
<span style="display: inline-block; width: 80px; color: #606266">{{
$t('system:Setting:label:Comment:')
}}</span>
<span
class="break-word"
style="white-space: pre-wrap; width: calc(100% - 80px)"
v-html="DATA.AdminComment"
></span>
</div>
</el-form>
</div>
<el-dialog
:title="$t('system:Setting:title:Blinded Setting')"
:visible.sync="visible"
width="50%"
:close-on-click-modal="false"
:before-close="closeDialog"
top="8vh"
append-to-body
>
<div class="base-modal-body">
<el-form
ref="settingFrom"
v-loading="loading"
:model="form"
:rules="rules"
label-width="120px"
size="small"
>
<div class="form_title">
{{ $t('system:Setting:title:Blinded information') }}
</div>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('system:Setting:label:Blind Name')"
prop="BlindName"
>
<el-input
v-model="form.BlindName"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('system:Setting:label:Blind NameCN')"
prop="BlindNameCN"
>
<el-input
v-model="form.BlindNameCN"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-form-item
:label="$t('system:Setting:label:Blind Publications')"
prop="BlindPublications"
>
<el-input
v-model="form.BlindPublications"
type="textarea"
rows="8"
size="small"
:maxlength="4000"
/>
</el-form-item>
<div class="form_title">
{{ $t('system:Setting:title:Blinded Setting') }}
</div>
<el-form-item
:label="$t('system:Setting:label:Information Confirmed?')"
>
<el-radio-group v-model="form.ReviewStatus" @change="handleChange">
<el-radio :label="1">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="2">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Contractor Status?')">
<el-radio-group
v-model="form.CooperateStatus"
@change="handleChange"
>
<el-radio :label="1">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="2">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Accepting New Trials?')"
>
<el-radio-group
v-model="form.AcceptingNewTrial"
:disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Actively Reading?')">
<el-radio-group
v-model="form.ActivelyReading"
:disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Comment:')"
prop="AdminComment"
>
<el-input
v-model="form.AdminComment"
type="textarea"
rows="8"
:maxlength="4000"
/>
</el-form-item>
</el-form>
</div>
<span slot="footer" class="dialog-footer">
<el-button size="small" type="primary" @click="closeDialog">
{{ $t('common:button:cancel') }}
</el-button>
<el-button
size="small"
type="primary"
@click="handleSave"
:loading="loading"
>
{{ $t('common:button:save') }}
</el-button>
</span>
</el-dialog>
</div>
</template>
<script>
import { getAuditState, updateAuditResume } from '@/api/reviewers'
const defaultForm = () => {
return {
CooperateStatus: 2,
ResumeStatus: 2,
ReviewStatus: 2,
AcceptingNewTrial: false,
ActivelyReading: false,
IsVirtual: false,
BlindName: '',
AdminComment: '',
InHoliday: '',
BlindNameCN: '',
BlindPublications: '',
}
}
export default {
name: 'setting',
props: {
reviewerId: {
type: String,
default: '',
},
},
data() {
return {
DATA: defaultForm(),
form: defaultForm(),
loading: false,
rules: {
AdminComment: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
BlindName: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BlindNameCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BlindPublications: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
radioDisabled: false,
visible: false,
}
},
created() {
// this.getData()
this.handleChange()
},
watch: {
reviewerId() {
if (this.reviewerId) {
this.getData()
}
},
},
methods: {
openEdit() {
this.visible = true
},
handleChange() {
if (this.form.ReviewStatus === 2 || this.form.CooperateStatus === 2) {
this.form.ActivelyReading = false
this.form.AcceptingNewTrial = false
this.radioDisabled = true
} else {
this.radioDisabled = false
}
},
closeDialog() {
this.visible = false
},
async handleSave() {
try {
let validate = await this.$refs.settingFrom.validate()
if (!validate) return false
const param = {}
Object.assign(param, this.form)
param.ResumeStatus = param.ReviewStatus
this.loading = true
let res = await updateAuditResume(param)
this.loading = false
if (res.IsSuccess) {
this.$message.success(this.$t('common:message:savedSuccessfully'))
this.closeDialog()
this.getData()
}
} catch (err) {
this.loading = false
console.log(err)
}
},
async getData() {
try {
let res = await getAuditState(this.reviewerId)
if (res.IsSuccess) {
Object.keys(this.form).forEach((key) => {
this.form[key] = res.Result[key]
})
Object.keys(this.DATA).forEach((key) => {
this.DATA[key] = res.Result[key]
})
if (res.Result.Id) {
this.form.Id = res.Result.Id
}
}
} catch (err) {
console.log(err)
}
},
},
}
</script>
<style lang="scss" scoped>
::v-deep .el-dialog__body {
padding: 10px 10px 10px 10px;
.base-modal-body {
min-height: 100px;
max-height: 650px;
overflow-y: auto;
padding: 10px;
border: 1px solid #e0e0e0;
}
}
::v-deep .el-dialog__footer {
padding: 10px;
}
.form_title {
margin: 10px 0;
display: flex;
align-items: center;
&::after {
margin-left: 20px;
display: block;
content: '';
border-top: 1px solid #eee;
flex: 1;
}
}
.setting {
min-height: 100px;
.title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
font-weight: bold;
}
.message {
margin: auto;
min-height: 100px;
background-color: #eee;
padding: 10px;
line-height: 30px;
border-radius: 5px;
}
}
</style>

View File

@ -102,6 +102,7 @@
$t('curriculumVitae:specialty:placeholder:SpecialityOther') $t('curriculumVitae:specialty:placeholder:SpecialityOther')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -115,6 +116,7 @@
$t('curriculumVitae:specialty:placeholder:SpecialityOtherCN') $t('curriculumVitae:specialty:placeholder:SpecialityOtherCN')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -149,6 +151,7 @@
$t('curriculumVitae:specialty:placeholder:SubspecialityOther') $t('curriculumVitae:specialty:placeholder:SubspecialityOther')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -165,6 +168,7 @@
$t('curriculumVitae:specialty:placeholder:SubspecialityOtherCN') $t('curriculumVitae:specialty:placeholder:SubspecialityOtherCN')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -198,6 +202,7 @@
$t('curriculumVitae:specialty:placeholder:ReadingTypeOther') $t('curriculumVitae:specialty:placeholder:ReadingTypeOther')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@ -213,6 +218,7 @@
$t('curriculumVitae:specialty:placeholder:ReadingTypeOtherCN') $t('curriculumVitae:specialty:placeholder:ReadingTypeOtherCN')
" "
size="small" size="small"
:maxlength="400"
/> />
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -291,44 +297,70 @@ export default {
SpecialityId: [ SpecialityId: [
{ {
required: true, required: true,
message: 'Please select speciality', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
SpecialityOther: [ SpecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
SpecialityOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
SpecialityOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
ReadingTypeIds: [ ReadingTypeIds: [
{ {
required: true, required: true,
message: 'Please select clinical reading type', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
ReadingTypeOther: [ ReadingTypeOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
ReadingTypeOtherCN: [ ReadingTypeOtherCN: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
SubspecialityIds: [ SubspecialityIds: [
{ {
required: true, required: true,
message: 'Please select subspecialty', message: this.$t('common:ruleMessage:select'),
trigger: 'blur', trigger: 'blur',
}, },
], ],
SubspecialityOther: [ SubspecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
SubspecialityOtherCN: [ SubspecialityOtherCN: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }, {
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
], ],
}, },
loading: false, loading: false,

View File

@ -11,9 +11,12 @@
{{ $t('common:button:edit') }} {{ $t('common:button:edit') }}
</el-button> </el-button>
</div> </div>
<div class="message" v-if="DATA.SummarizeEn || DATA.Summarize"> <div
{{ isEN ? DATA.SummarizeEn : DATA.Summarize }} class="message"
</div> v-if="mainSummarize.SummarizeEn || mainSummarize.Summarize"
style="white-space: pre-wrap"
v-html="isEN ? mainSummarize.SummarizeEn : mainSummarize.Summarize"
></div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<base-model :config="model_cfg"> <base-model :config="model_cfg">
<template slot="dialog-body"> <template slot="dialog-body">
@ -25,9 +28,50 @@
label-width="80px" label-width="80px"
size="small" size="small"
> >
<template v-if="isPM && IndicationList.length > 0">
<el-form-item
:label="$t('curriculumVitae:summarize:form:Indication')"
prop="Indication"
v-if="!isEN"
>
<el-select
v-model="form.Indication"
placeholder=""
@change="handleChange"
>
<el-option
v-for="item in IndicationList"
:key="item.Id"
:label="item.Indication"
:value="item.Indication"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:summarize:form:Indication')"
prop="IndicationEn"
v-else
>
<el-select
v-model="form.IndicationEn"
placeholder=""
@change="handleChange"
>
<el-option
v-for="item in IndicationList"
:key="item.Id"
:label="item.IndicationEn"
:value="item.IndicationEn"
>
</el-option>
</el-select>
</el-form-item>
</template>
<el-form-item <el-form-item
:label="$t('curriculumVitae:summarize:form:summarize')" :label="$t('curriculumVitae:summarize:form:summarize')"
prop="Summarize" prop="Summarize"
v-if="!isEN"
> >
<el-input <el-input
:placeholder=" :placeholder="
@ -35,19 +79,25 @@
" "
v-model="form.Summarize" v-model="form.Summarize"
type="textarea" type="textarea"
:rows="2" :rows="10"
clearable clearable
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item prop="SummarizeEn"> <el-form-item
:label="$t('curriculumVitae:summarize:form:summarize')"
prop="SummarizeEn"
v-else
>
<el-input <el-input
v-model="form.SummarizeEn" v-model="form.SummarizeEn"
:placeholder=" :placeholder="
$t('curriculumVitae:summarize:form:placeholder:summarizeEN') $t('curriculumVitae:summarize:form:placeholder:summarizeEN')
" "
type="textarea" type="textarea"
:rows="2" :rows="10"
clearable clearable
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -70,11 +120,17 @@
</template> </template>
<script> <script>
import BaseModel from '@/components/BaseModel' import BaseModel from '@/components/BaseModel'
import { updateGneralSituation } from '@/api/reviewers' import { addOrUpdateGneralSituation } from '@/api/reviewers'
const defaultForm = () => { const defaultForm = () => {
return { return {
SummarizeEn: '', Id: null,
Summarize: '', DoctorId: null,
Summarize: null,
SummarizeEn: null,
IsMain: false,
Indication: null,
IndicationEn: null,
TrialId: null,
} }
} }
export default { export default {
@ -92,32 +148,72 @@ export default {
type: String, type: String,
default: '', default: '',
}, },
trialId: {
type: String,
default: '',
},
isEN: { isEN: {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
isPM: {
type: Boolean,
default: false,
},
IndicationList: {
type: Array,
default: () => {
return []
},
},
}, },
data() { data() {
return { return {
model_cfg: { model_cfg: {
visible: false, visible: false,
showClose: true, showClose: true,
width: '600px', width: '800px',
title: this.$t('curriculumVitae:summarize:form:title'), title: this.$t('curriculumVitae:summarize:form:title'),
appendToBody: true, appendToBody: true,
}, },
form: defaultForm(), form: defaultForm(),
rules: {}, rules: {
Summarize: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
SummarizeEn: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
loading: false, loading: false,
} }
}, },
computed: {
mainSummarize() {
if (Array.isArray(this.DATA.SummarizeList) && this.trialId) {
return this.DATA.SummarizeList[0] || {}
}
if (Array.isArray(this.DATA.SummarizeList)) {
return this.DATA.SummarizeList.find((item) => item.IsMain) || {}
}
return {}
},
},
methods: { methods: {
openEdit() { async openEdit() {
this.form = defaultForm() this.form = defaultForm()
Object.keys(this.form).forEach((key) => { Object.keys(this.form).forEach((key) => {
if (this.DATA[key]) { // if (!this.isPM) {
this.form[key] = this.DATA[key] this.form[key] = this.mainSummarize[key]
} // }
}) })
this.model_cfg.visible = true this.model_cfg.visible = true
}, },
@ -130,10 +226,13 @@ export default {
let validate = await this.$refs.summarizeFrom.validate() let validate = await this.$refs.summarizeFrom.validate()
if (!validate) return false if (!validate) return false
if (this.reviewerId) { if (this.reviewerId) {
this.form.Id = this.reviewerId this.form.DoctorId = this.reviewerId
}
if (this.trialId) {
this.form.TrialId = this.trialId
} }
this.loading = true this.loading = true
let res = await updateGneralSituation(this.form) let res = await addOrUpdateGneralSituation(this.form)
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.$emit('getInfo') this.$emit('getInfo')
@ -144,6 +243,16 @@ export default {
console.log(err) console.log(err)
} }
}, },
handleChange(value) {
let data = this.IndicationList.find(
(item) => item.Indication === value || item.IndicationEn === value
)
Object.keys(this.form).forEach((key) => {
if (key !== 'Id') {
this.form[key] = data[key]
}
})
},
}, },
} }
</script> </script>
@ -155,6 +264,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
.message { .message {
width: 100%; width: 100%;

View File

@ -11,9 +11,11 @@
{{ $t('common:button:edit') }} {{ $t('common:button:edit') }}
</el-button> </el-button>
</div> </div>
<div class="message" v-if="DATA.Publications"> <div
{{ DATA.Publications }} class="message"
</div> v-if="DATA.Publications"
v-html="DATA.Publications"
></div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<base-model :config="model_cfg"> <base-model :config="model_cfg">
<template slot="dialog-body"> <template slot="dialog-body">
@ -33,7 +35,8 @@
v-model="form.Publications" v-model="form.Publications"
clearable clearable
type="textarea" type="textarea"
:rows="6" :rows="10"
:maxlength="4000"
></el-input> ></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -88,12 +91,20 @@ export default {
model_cfg: { model_cfg: {
visible: false, visible: false,
showClose: true, showClose: true,
width: '600px', width: '800px',
title: this.$t('curriculumVitae:treatise:form:title'), title: this.$t('curriculumVitae:treatise:form:title'),
appendToBody: true, appendToBody: true,
}, },
form: defaultForm(), form: defaultForm(),
rules: {}, rules: {
Publications: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
loading: false, loading: false,
daterange: [], daterange: [],
} }
@ -142,6 +153,7 @@ export default {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
} }
.el-select, .el-select,
@ -156,5 +168,6 @@ export default {
line-height: 30px; line-height: 30px;
border-radius: 5px; border-radius: 5px;
white-space: pre-wrap; white-space: pre-wrap;
word-wrap: break-word;
} }
</style> </style>

View File

@ -40,6 +40,9 @@
<el-menu-item index="pay">{{ <el-menu-item index="pay">{{
$t('curriculumVitae:menu:pay') $t('curriculumVitae:menu:pay')
}}</el-menu-item> }}</el-menu-item>
<el-menu-item index="setting" v-if="isPM">{{
$t('curriculumVitae:button:seeting')
}}</el-menu-item>
</el-menu> </el-menu>
</div> </div>
<div class="main" id="main"> <div class="main" id="main">
@ -47,6 +50,9 @@
<div class="title"> <div class="title">
<div>{{ $t('curriculumVitae:content:title') }}</div> <div>{{ $t('curriculumVitae:content:title') }}</div>
<div class="btnBox"> <div class="btnBox">
<!-- <el-button type="text" @click.stop="openSetting" v-if="isPM">
{{ $t('curriculumVitae:button:seeting') }}
</el-button> -->
<el-button type="text" @click.stop="openHoliday"> <el-button type="text" @click.stop="openHoliday">
{{ $t('curriculumVitae:button:holiday') }} {{ $t('curriculumVitae:button:holiday') }}
</el-button> </el-button>
@ -78,7 +84,10 @@
...reviewerData.SummarizeInfo, ...reviewerData.SummarizeInfo,
}" }"
:reviewerId.sync="reviewerId" :reviewerId.sync="reviewerId"
:trialId="trialId"
:isEN="isEN" :isEN="isEN"
:isPM="isPM"
:IndicationList="IndicationList"
@getInfo="getDetail" @getInfo="getDetail"
/> />
</div> </div>
@ -121,6 +130,7 @@
:DATA="{ ...reviewerData.TrialExperienceView }" :DATA="{ ...reviewerData.TrialExperienceView }"
:isEN="isEN" :isEN="isEN"
:reviewerId.sync="reviewerId" :reviewerId.sync="reviewerId"
:trialId="trialId"
@getInfo="getDetail" @getInfo="getDetail"
/> />
</div> </div>
@ -148,6 +158,9 @@
@getInfo="getDetail" @getInfo="getDetail"
/> />
</div> </div>
<div class="box" id="setting" v-if="isPM">
<setting :isEN="isEN" :reviewerId.sync="reviewerId" />
</div>
</div> </div>
<div class="rightFile"> <div class="rightFile">
<!--简历附件--> <!--简历附件-->
@ -163,14 +176,20 @@
<agreement <agreement
:DATA="reviewerData.AttachmentList" :DATA="reviewerData.AttachmentList"
:isEN="isEN" :isEN="isEN"
:isPM="isPM"
:reviewerId.sync="reviewerId" :reviewerId.sync="reviewerId"
@getInfo="getDetail" @getInfo="getDetail"
/> />
</div> </div>
</div> </div>
<el-dialog :visible.sync="visible" fullscreen> <el-dialog :visible.sync="visible" fullscreen append-to-body>
<div style="height: 100%; overflow: auto"> <div style="height: 100%; overflow: auto">
<preview :isEN="isEN" :reviewerId.sync="reviewerId" v-if="visible" /> <preview
:isEN="isEN"
:reviewerId.sync="reviewerId"
:trialId="trialId"
v-if="visible"
/>
</div> </div>
</el-dialog> </el-dialog>
<holiday <holiday
@ -178,6 +197,11 @@
:reviewerId.sync="reviewerId" :reviewerId.sync="reviewerId"
:visible.sync="holidayVisible" :visible.sync="holidayVisible"
/> />
<!-- <setting
v-if="settingVisible"
:reviewerId.sync="reviewerId"
:visible.sync="settingVisible"
/> -->
</div> </div>
</template> </template>
<script> <script>
@ -195,8 +219,9 @@ import treatise from './components/info/treatise.vue'
import other from './components/info/other.vue' import other from './components/info/other.vue'
import pay from './components/info/pay.vue' import pay from './components/info/pay.vue'
import holiday from './components/info/holiday.vue' import holiday from './components/info/holiday.vue'
import setting from './components/info/setting.vue'
import preview from './preview.vue' import preview from './preview.vue'
import { getDetail } from '@/api/reviewers' import { getDetail, getSummarizeInfo } from '@/api/reviewers'
import { mapMutations } from 'vuex' import { mapMutations } from 'vuex'
export default { export default {
components: { components: {
@ -215,6 +240,7 @@ export default {
pay, pay,
holiday, holiday,
preview, preview,
setting,
}, },
data() { data() {
return { return {
@ -222,7 +248,8 @@ export default {
isScrollAuto: true, isScrollAuto: true,
visible: false, visible: false,
loading: false, loading: false,
reviewerId: null, reviewerId: '',
trialId: '',
reviewerData: { reviewerData: {
BasicInfoView: {}, BasicInfoView: {},
EmploymentView: {}, EmploymentView: {},
@ -242,16 +269,28 @@ export default {
dom: null, dom: null,
holidayVisible: false, holidayVisible: false,
// settingVisible: false,
IndicationList: [],
} }
}, },
computed: { computed: {
isEN() { isEN() {
return this.$i18n.locale !== 'zh' return this.$i18n.locale !== 'zh'
}, },
isPM() {
// return true
return this.hasPermi(['role:pm'])
},
}, },
async created() { async created() {
this.$i18n.locale = this.$route.query.lang this.$i18n.locale =
await this.setLanguage(this.$route.query.lang) this.$route.query.lang || zzSessionStorage.getItem('lang')
this.trialId =
this.$route.query.trialId || zzSessionStorage.getItem('trialId')
await this.setLanguage(this.$i18n.locale)
this.$updateDictionary()
if (sessionStorage.getItem('reviewerId')) { if (sessionStorage.getItem('reviewerId')) {
this.reviewerId = sessionStorage.getItem('reviewerId') this.reviewerId = sessionStorage.getItem('reviewerId')
this.getDetail() this.getDetail()
@ -273,15 +312,34 @@ export default {
}, },
methods: { methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }), ...mapMutations({ setLanguage: 'lang/setLanguage' }),
//
async getIndicationList() {
try {
let id = this.reviewerId
if (!id) return false
let res = await getSummarizeInfo({
DoctorId: id,
})
if (res.IsSuccess) {
this.IndicationList = res.Result.SummarizeList
}
} catch (err) {
console.log(err)
}
},
// //
async getDetail() { async getDetail() {
try { try {
let id = this.reviewerId let id = this.reviewerId
let trialId = this.trialId
this.loading = true this.loading = true
let res = await getDetail(id) let res = await getDetail(id, trialId)
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.reviewerData = res.Result this.reviewerData = res.Result
if (this.isPM) {
this.getIndicationList()
}
} }
} catch (err) { } catch (err) {
this.loading = false this.loading = false
@ -328,6 +386,10 @@ export default {
openHoliday() { openHoliday() {
this.holidayVisible = true this.holidayVisible = true
}, },
//
// openSetting() {
// this.settingVisible = true
// },
}, },
} }
</script> </script>
@ -340,13 +402,14 @@ export default {
line-height: 50px; line-height: 50px;
background-color: #fff; background-color: #fff;
text-align: center; text-align: center;
font-weight: bold;
} }
.leftMenu { .leftMenu {
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
width: 100px; width: 300px;
height: 100vh; height: 100%;
background-color: #eee; background-color: #eee;
border-right: 1px solid #eee; border-right: 1px solid #eee;
::v-deep .el-menu { ::v-deep .el-menu {
@ -368,10 +431,10 @@ export default {
} }
} }
.main { .main {
width: calc(100% - 100px); width: calc(100% - 300px);
height: 100%; height: 100%;
overflow: auto; overflow: auto;
margin-left: 100px; margin-left: 300px;
display: flex; display: flex;
align-items: flex-start; align-items: flex-start;
} }
@ -403,6 +466,7 @@ export default {
line-height: 50px; line-height: 50px;
background-color: #fff; background-color: #fff;
text-align: left; text-align: left;
font-weight: bold;
} }
::v-deep .fileBox { ::v-deep .fileBox {
background-color: #eee; background-color: #eee;
@ -412,6 +476,7 @@ export default {
} }
::v-deep .file_title { ::v-deep .file_title {
line-height: 40px; line-height: 40px;
font-weight: bold;
} }
::v-deep .btnBox { ::v-deep .btnBox {
display: flex; display: flex;

View File

@ -40,7 +40,7 @@
}}</span> }}</span>
<span v-else>{{ reviewerData.BasicInfoView.HospitalNameCN }}</span> <span v-else>{{ reviewerData.BasicInfoView.HospitalNameCN }}</span>
</span> </span>
<span> <span v-if="isAll">
<span> <span>
{{ $t('system:Setting:title:Vacation') }} {{ $t('system:Setting:title:Vacation') }}
{{ InHoliday }} {{ InHoliday }}
@ -80,21 +80,15 @@
}}</span> }}</span>
</div> </div>
</div> </div>
<div <div class="message break-word">
class="message break-word"
v-if="
reviewerData.SummarizeInfo.SummarizeEn ||
reviewerData.SummarizeInfo.Summarize
"
>
<div class="title">{{ $t('curriculumVitae:summarize:title') }}</div> <div class="title">{{ $t('curriculumVitae:summarize:title') }}</div>
<span class=""> <span
{{ class=""
isEN style="white-space: pre-wrap"
? reviewerData.SummarizeInfo.SummarizeEn v-html="isEN ? mainSummarize.SummarizeEn : mainSummarize.Summarize"
: reviewerData.SummarizeInfo.Summarize v-if="mainSummarize.SummarizeEn || mainSummarize.Summarize"
}} ></span>
</span> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div> </div>
<div class="message" v-if="isAll"> <div class="message" v-if="isAll">
<el-form class="demo-form-inline"> <el-form class="demo-form-inline">
@ -217,7 +211,7 @@
<el-table-column <el-table-column
prop="date" prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:school')" :label="$t('curriculumVitae:EducationalExperience:table:school')"
v-if="isAll" v-if="true"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span> <span>
@ -288,7 +282,7 @@
<el-table-column <el-table-column
prop="City" prop="City"
:label="$t('curriculumVitae:continuingTraining:table:city')" :label="$t('curriculumVitae:continuingTraining:table:city')"
v-if="true" v-if="isAll"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ isEN ? scope.row.City : scope.row.CityCN }}</span> <span>{{ isEN ? scope.row.City : scope.row.CityCN }}</span>
@ -302,26 +296,50 @@
</div> </div>
<div class="content"> <div class="content">
<el-form class="demo-form-inline"> <el-form class="demo-form-inline">
<el-form-item <!-- <el-form-item
:label="$t('curriculumVitae:scientificResearchProject:direction')" :label="$t('curriculumVitae:scientificResearchProject:direction')"
> >
<span v-if="isEN">{{ <span v-if="isEN" class="break-word">{{
reviewerData.ResearchPublicationView.Research reviewerData.ResearchPublicationView.Research
}}</span> }}</span>
<span v-else>{{ <span v-else class="break-word">{{
reviewerData.ResearchPublicationView.ResearchCN reviewerData.ResearchPublicationView.ResearchCN
}}</span> }}</span>
</el-form-item> </el-form-item> -->
<el-form-item <div style="display: flex; font-size: 14px">
:label="$t('curriculumVitae:scientificResearchProject:subject')" <span
> style="display: inline-block; width: 80px; color: #606266"
<span v-if="isEN">{{ >{{
reviewerData.ResearchPublicationView.Grants $t('curriculumVitae:scientificResearchProject:direction')
}}</span> }}</span
<span v-else>{{ >
reviewerData.ResearchPublicationView.GrantsCN <span
}}</span> class="break-word"
</el-form-item> style="white-space: pre-wrap; width: calc(100% - 80px)"
v-html="
isEN
? reviewerData.ResearchPublicationView.Research
: reviewerData.ResearchPublicationView.ResearchCN
"
></span>
</div>
<div style="display: flex; font-size: 14px">
<span
style="display: inline-block; width: 80px; color: #606266"
>{{
$t('curriculumVitae:scientificResearchProject:subject')
}}</span
>
<span
class="break-word"
style="white-space: pre-wrap; width: calc(100% - 80px)"
v-html="
isEN
? reviewerData.ResearchPublicationView.Grants
: reviewerData.ResearchPublicationView.GrantsCN
"
></span>
</div>
</el-form> </el-form>
</div> </div>
</div> </div>
@ -398,46 +416,44 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
<!--GCP证书--> <!--GCP证书-->
<div class="title"> <template v-if="isAll">
{{ $t('curriculumVitae:clinicalTrials:GCPtitle') }} <div class="title">
</div> {{ $t('curriculumVitae:clinicalTrials:GCPtitle') }}
<el-table </div>
:data="GCPData" <el-table
style="width: 100%" :data="GCPData"
:header-cell-style="{ background: '#eee', color: '#606266' }" style="width: 100%"
> :header-cell-style="{ background: '#eee', color: '#606266' }"
<el-table-column
prop="GCP"
:label="$t('curriculumVitae:clinicalTrials:table:hasCertificate')"
v-if="true"
> >
<template slot-scope="scope"> <el-table-column
<span>{{ $fd('hasOrNo', scope.row.GCP) }}</span> prop="GCP"
</template> :label="$t('curriculumVitae:clinicalTrials:table:hasCertificate')"
</el-table-column> v-if="true"
<el-table-column >
prop="GCPTime" <template slot-scope="scope">
:label="$t('curriculumVitae:clinicalTrials:table:certificateTime')" <span>{{ $fd('hasOrNo', scope.row.GCP) }}</span>
v-if="true" </template>
> </el-table-column>
</el-table-column> <el-table-column
<el-table-column prop="GCPTime"
prop="GCPAgencies" :label="
v-if="true" $t('curriculumVitae:clinicalTrials:table:certificateTime')
:label=" "
$t('curriculumVitae:clinicalTrials:table:certificateHospital') v-if="true"
" >
> </el-table-column>
</el-table-column> <el-table-column
</el-table> prop="GCPAgencies"
v-if="true"
:label="
$t('curriculumVitae:clinicalTrials:table:certificateHospital')
"
>
</el-table-column>
</el-table>
</template>
<!--其他相关经历--> <!--其他相关经历-->
<div <div class="title">
class="title"
v-if="
reviewerData.TrialExperienceView.OtherClinicalExperience ||
reviewerData.TrialExperienceView.OtherClinicalExperienceCN
"
>
{{ $t('curriculumVitae:clinicalTrials:otherTitle') }} {{ $t('curriculumVitae:clinicalTrials:otherTitle') }}
</div> </div>
<template <template
@ -446,44 +462,58 @@
reviewerData.TrialExperienceView.OtherClinicalExperienceCN reviewerData.TrialExperienceView.OtherClinicalExperienceCN
" "
> >
<div class="message"> <div
{{ class="message break-word"
style="white-space: pre-wrap"
v-html="
isEN isEN
? reviewerData.TrialExperienceView.OtherClinicalExperience ? reviewerData.TrialExperienceView.OtherClinicalExperience
: reviewerData.TrialExperienceView.OtherClinicalExperienceCN : reviewerData.TrialExperienceView.OtherClinicalExperienceCN
}} "
</div> ></div>
</template> </template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div> </div>
<div <template v-if="isAll">
class="message" <div class="message">
v-if="reviewerData.ResearchPublicationView.Publications" <div class="title">{{ $t('curriculumVitae:treatise:title') }}</div>
> <div
<div class="title">{{ $t('curriculumVitae:treatise:title') }}</div> class="message break-word"
<div style="white-space: pre-wrap"
class="message" v-html="reviewerData.ResearchPublicationView.Publications"
style="white-space: pre-wrap" v-if="reviewerData.ResearchPublicationView.Publications"
v-if="reviewerData.ResearchPublicationView.Publications" ></div>
> <div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
{{ reviewerData.ResearchPublicationView.Publications }}
</div> </div>
</div> </template>
<div <template v-else>
class="message" <div class="message">
v-if=" <div class="title">{{ $t('curriculumVitae:treatise:title') }}</div>
(reviewerData.ResearchPublicationView.AwardsHonors || <div
reviewerData.ResearchPublicationView.AwardsHonorsCN) && class="message break-word"
isAll style="white-space: pre-wrap"
" v-html="reviewerData.BasicInfoView.BlindPublications"
> v-if="reviewerData.BasicInfoView.BlindPublications"
></div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div>
</template>
<div class="message break-word" v-if="isAll">
<div class="title">{{ $t('curriculumVitae:other:AH') }}</div> <div class="title">{{ $t('curriculumVitae:other:AH') }}</div>
<div class="message"> <div class="message">
<span v-if="isEN">{{ <span
reviewerData.ResearchPublicationView.AwardsHonors style="white-space: pre-wrap"
}}</span> v-html="
<span v-else>{{ isEN
reviewerData.ResearchPublicationView.AwardsHonorsCN ? reviewerData.ResearchPublicationView.AwardsHonors
}}</span> : reviewerData.ResearchPublicationView.AwardsHonorsCN
"
v-if="
reviewerData.ResearchPublicationView.AwardsHonors ||
reviewerData.ResearchPublicationView.AwardsHonorsCN
"
></span>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
</div> </div>
</div> </div>
<div class="message" v-if="isAll"> <div class="message" v-if="isAll">
@ -765,6 +795,22 @@ export default {
} }
}, },
computed: { computed: {
mainSummarize() {
if (
Array.isArray(this.reviewerData.SummarizeInfo.SummarizeList) &&
this.trialId
) {
return this.reviewerData.SummarizeInfo.SummarizeList[0] || {}
}
if (Array.isArray(this.reviewerData.SummarizeInfo.SummarizeList)) {
return (
this.reviewerData.SummarizeInfo.SummarizeList.find(
(item) => item.IsMain
) || {}
)
}
return {}
},
hasFile() { hasFile() {
return ( return (
(this.sowList && this.sowList.length > 0) || (this.sowList && this.sowList.length > 0) ||
@ -959,6 +1005,7 @@ export default {
.curriculumVitaePreview { .curriculumVitaePreview {
display: flex; display: flex;
padding: 0 100px; padding: 0 100px;
justify-content: space-between;
.title { .title {
font-size: 18px; font-size: 18px;
border: none; border: none;
@ -968,10 +1015,12 @@ export default {
.message { .message {
padding: 20px 0; padding: 20px 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
word-wrap: break-word;
.title { .title {
font-size: 14px; font-size: 14px;
line-height: 30px; line-height: 30px;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold;
} }
.text { .text {
color: #909399; color: #909399;
@ -1028,7 +1077,7 @@ export default {
width: 100%; width: 100%;
} }
.allInfo { .allInfo {
flex: 1; width: calc(100% - 300px);
} }
.file { .file {
width: 300px; width: 300px;
@ -1037,6 +1086,7 @@ export default {
line-height: 50px; line-height: 50px;
background-color: #fff; background-color: #fff;
text-align: left; text-align: left;
font-weight: bold;
} }
::v-deep .fileBox { ::v-deep .fileBox {
background-color: #eee; background-color: #eee;
@ -1046,6 +1096,7 @@ export default {
} }
::v-deep .file_title { ::v-deep .file_title {
line-height: 40px; line-height: 40px;
font-weight: bold;
} }
::v-deep .btnBox { ::v-deep .btnBox {
display: flex; display: flex;
@ -1072,7 +1123,12 @@ export default {
} }
} }
break-word { break-word {
display: inline-block;
width: 100%; width: 100%;
word-wrap: break-word; word-wrap: break-word;
} }
.noData {
color: #909399;
text-align: center;
}
</style> </style>

View File

@ -479,7 +479,11 @@ export default {
showClose: true, showClose: true,
}, },
tokenKey: getToken(), tokenKey: getToken(),
share_model: { visible: false, title: '', width: '500px' }, share_model: {
title: this.$t('curriculumVitae:share:title'),
visible: false,
width: '500px',
},
shareLink: null, shareLink: null,
isEnglish: false, isEnglish: false,
@ -521,13 +525,19 @@ export default {
}, },
// //
async sendEmail() { async sendEmail() {
var pattern = let emailList = this.email.split('|')
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/ let isError = false
if (!pattern.test(this.email)) emailList.forEach((item) => {
return this.$message.warning(this.$t('rules:email')) var pattern =
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
if (!pattern.test(item)) {
isError = true
}
})
if (isError) return this.$message.warning(this.$t('rules:email'))
this.emailLoading = true this.emailLoading = true
let res = await doctorSendEmail({ let res = await doctorSendEmail({
Email: this.email, Email: emailList,
Url: `ReviewersResearch?lang=${this.$store.getters.language}`, Url: `ReviewersResearch?lang=${this.$store.getters.language}`,
}) })
this.emailLoading = false this.emailLoading = false

View File

@ -1,7 +1,9 @@
<template> <template>
<div v-loading="loading" class="sign-form-wrapper"> <div v-loading="loading" class="sign-form-wrapper">
<div class="sign-form-body"> <div class="sign-form-body">
<h4 v-if="signText" style="color:red;white-space: pre-line;">* {{ signText }}</h4> <h4 v-if="signText" style="color: red; white-space: pre-line">
* {{ signText }}
</h4>
<el-form <el-form
ref="signForm" ref="signForm"
:model="signForm" :model="signForm"
@ -13,7 +15,11 @@
:label="$t('common:form:sign:userName')" :label="$t('common:form:sign:userName')"
prop="userName" prop="userName"
:rules="[ :rules="[
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' } {
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
]" ]"
> >
<el-input v-model="signForm.userName" /> <el-input v-model="signForm.userName" />
@ -23,18 +29,37 @@
:label="$t('common:form:sign:password')" :label="$t('common:form:sign:password')"
prop="password" prop="password"
:rules="[ :rules="[
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur' } {
required: true,
message: $t('common:ruleMessage:specify'),
trigger: 'blur',
},
]" ]"
> >
<el-input v-model="signForm.password" show-password auto-complete="new-password" /> <el-input
v-model="signForm.password"
show-password
auto-complete="new-password"
/>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div slot="footer" class="dialog-footer sign-form-footer"> <div slot="footer" class="dialog-footer sign-form-footer">
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleclose"> <el-button
:disabled="btnLoading"
size="small"
type="primary"
@click="handleclose"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<el-button :loading="btnLoading" :disabled="unsigned" size="small" type="primary" @click="handleVerifySignature"> <el-button
:loading="btnLoading"
:disabled="unsigned"
size="small"
type="primary"
@click="handleVerifySignature"
>
{{ $t('common:button:sign') }} {{ $t('common:button:sign') }}
</el-button> </el-button>
</div> </div>
@ -49,44 +74,56 @@ export default {
props: { props: {
signCodeEnum: { signCodeEnum: {
type: Number, type: Number,
required: true required: true,
}, },
subjectVisitId: { subjectVisitId: {
type: String, type: String,
default: '' default: '',
} },
signReplaceText: {
type: String,
default: '',
},
}, },
data() { data() {
return { return {
signForm: { signForm: {
userName: '', userName: '',
password: '' password: '',
}, },
signText: '', signText: '',
signCodeId: '', signCodeId: '',
signCode: '', signCode: '',
btnLoading: false, btnLoading: false,
loading: false, loading: false,
unsigned: false unsigned: false,
} }
}, },
mounted() { mounted() {
this.loading = true this.loading = true
this.$store.dispatch('trials/getSignInfo', { signCode: this.signCodeEnum }) this.$store
.dispatch('trials/getSignInfo', { signCode: this.signCodeEnum })
.then((res) => { .then((res) => {
this.unsigned = false this.unsigned = false
this.loading = false this.loading = false
this.signText = res.SignText if (this.signReplaceText) {
this.signText = res.SignText.replace('xxx', this.signReplaceText)
} else {
this.signText = res.SignText
}
this.signCode = res.SignCode this.signCode = res.SignCode
this.signCodeId = res.SignCodeId this.signCodeId = res.SignCodeId
}).catch(() => { })
.catch(() => {
this.loading = false this.loading = false
this.unsigned = true this.unsigned = true
}) })
}, },
methods: { methods: {
handleVerifySignature() { handleVerifySignature() {
const currentUser = zzSessionStorage.getItem('userName').toLocaleLowerCase() const currentUser = zzSessionStorage
.getItem('userName')
.toLocaleLowerCase()
this.$refs.signForm.validate((valid) => { this.$refs.signForm.validate((valid) => {
if (!valid) return if (!valid) return
if (this.signForm.userName.trim().toLocaleLowerCase() !== currentUser) { if (this.signForm.userName.trim().toLocaleLowerCase() !== currentUser) {
@ -103,38 +140,37 @@ export default {
SignCode: this.signCode, SignCode: this.signCode,
SignText: this.signText, SignText: this.signText,
SignCodeId: this.signCodeId, SignCodeId: this.signCodeId,
SubjectVisitId: this.subjectVisitId SubjectVisitId: this.subjectVisitId,
} }
this.$emit('closeDialog', true, param) this.$emit('closeDialog', true, param)
}) })
}, },
handleclose() { handleclose() {
this.$emit('closeDialog', false) this.$emit('closeDialog', false)
} },
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.sign-form-wrapper{ .sign-form-wrapper {
.sign-form-body{ .sign-form-body {
padding:5px 10px 10px 10px; padding: 5px 10px 10px 10px;
// border: 1px solid #e0e0e0; // border: 1px solid #e0e0e0;
max-height:650px; max-height: 650px;
overflow-y: auto; overflow-y: auto;
// /deep/ .el-form-item__label{ // /deep/ .el-form-item__label{
// color: #fff; // color: #fff;
// } // }
} }
.sign-form-footer{ .sign-form-footer {
padding:10px; padding: 10px;
margin-top: 10px; margin-top: 10px;
text-align: right; text-align: right;
}
} }
}
</style> </style>
<style> <style>
.el-dialog__body .sign-form-body h4{ .el-dialog__body .sign-form-body h4 {
word-break: normal!important; word-break: normal !important;
} }
</style> </style>

View File

@ -330,6 +330,7 @@
:title="$t('common:button:edit')" :title="$t('common:button:edit')"
@click.stop="openViewer('edit', scope.row)" @click.stop="openViewer('edit', scope.row)"
v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']" v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']"
:disabled="scope.row.IsEnroll"
circle circle
/> />
</template> </template>
@ -386,18 +387,61 @@
</base-model> </base-model>
<!--新增或修改简历--> <!--新增或修改简历-->
<el-dialog <el-dialog
title="" :title="$t('curriculumVitae:content:title')"
:visible.sync="visible" :visible.sync="visible"
fullscreen fullscreen
v-if="visible" v-if="visible"
appendToBody
:before-close="beforeClose" :before-close="beforeClose"
> >
<reviewerAdd :isSystem="false" v-if="resumeType === 'add'" /> <curriculumVitae :reviewerId="reviewerId" />
<reviewerEdit </el-dialog>
:isSystem="false" <!--新增阅片人输入邮箱--->
:reviewerId="reviewerId" <el-dialog
v-if="resumeType === 'edit'" :title="$t('curriculumVitae:content:title')"
/> :visible.sync="emailVisible"
v-if="emailVisible"
appendToBody
width="400px"
>
<el-form
v-if="emailVisible"
ref="emailForm"
:model="emailForm"
:rules="emailRule"
class="demo-form-inline"
label-width="80px"
>
<el-form-item
:label="$t('trials:trials-panel:attachments:enrollment:form:email')"
prop="EmailOrPhone"
>
<el-input
v-model="emailForm.EmailOrPhone"
clearable
:maxlength="400"
></el-input>
<el-input
style="display: none"
v-model="emailForm.EmailOrPhone"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<el-button
size="small"
type="primary"
@click="handleSave"
:loading="emailLoading"
>
{{ $t('common:button:save') }}
</el-button>
</span>
</el-dialog> </el-dialog>
</BaseContainer> </BaseContainer>
</template> </template>
@ -408,9 +452,8 @@ import store from '@/store'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { getSelectionReviewerList, selectReviewers } from '@/api/trials' import { getSelectionReviewerList, selectReviewers } from '@/api/trials'
import BaseModel from '@/components/BaseModel' import BaseModel from '@/components/BaseModel'
import reviewerAdd from '@/views/reviewers/new' import curriculumVitae from '@/views/reviewers/curriculumVitae'
import reviewerEdit from '@/views/reviewers/edit' import { doctorSendEmail, useEmialGetDoctorInfo } from '@/api/reviewers'
import { doctorSendEmail } from '@/api/reviewers'
const getListQueryDefault = () => { const getListQueryDefault = () => {
return { return {
TrialId: '', TrialId: '',
@ -435,8 +478,7 @@ export default {
BaseContainer, BaseContainer,
Pagination, Pagination,
BaseModel, BaseModel,
reviewerAdd, curriculumVitae,
reviewerEdit,
}, },
dicts: ['ReadingType', 'Subspeciality', 'Position', 'Rank'], dicts: ['ReadingType', 'Subspeciality', 'Position', 'Rank'],
data() { data() {
@ -449,13 +491,40 @@ export default {
selectIdArr: [], selectIdArr: [],
otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5', otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
token: store.getters.token, token: store.getters.token,
share_model: { visible: false, title: '', width: '500px' }, share_model: {
visible: false,
title: this.$t('curriculumVitae:share:title'),
width: '500px',
},
shareLink: null, shareLink: null,
email: null, email: null,
emailLoading: false,
visible: false, visible: false,
resumeType: 'add',
reviewerId: null, reviewerId: null,
emailVisible: false,
emailLoading: false,
emailForm: {
EmailOrPhone: null,
},
emailRule: {
EmailOrPhone: [
{
required: true,
message: this.$t('passwordReset:formRule:email'),
trigger: 'blur',
},
{
type: 'email',
message: this.$t('rules:email'),
trigger: 'blur,change',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
} }
}, },
computed: { computed: {
@ -465,6 +534,31 @@ export default {
this.initPage() this.initPage()
}, },
methods: { methods: {
handleCancle() {
Object.keys(this.emailForm).forEach((key) => {
this.emailForm[key] = null
})
this.emailVisible = false
},
async handleSave() {
try {
let validate = await this.$refs.emailForm.validate()
if (!validate) return false
this.emailLoading = true
this.emailForm.trialId = this.$route.query.trialId
let res = await useEmialGetDoctorInfo(this.emailForm)
this.emailLoading = false
if (res.IsSuccess) {
this.handleCancle()
sessionStorage.setItem('reviewerId', res.Result.DoctorId)
zzSessionStorage.setItem('trialId', this.$route.query.trialId)
this.visible = true
}
} catch (err) {
this.emailLoading = false
console.log(err)
}
},
copyCode() { copyCode() {
this.$copyText( this.$copyText(
`${this.$t('reviewers-list:button:copyCode')}: ${this.shareLink}` `${this.$t('reviewers-list:button:copyCode')}: ${this.shareLink}`
@ -484,20 +578,26 @@ export default {
}, },
// //
resumeCollection() { resumeCollection() {
this.shareLink = `${location.protocol}//${location.host}/ReviewersResearch?lang=${this.$store.getters.language}` this.shareLink = `${location.protocol}//${location.host}/ReviewersResearch?lang=${this.$store.getters.language}&trialId=${this.$route.query.trialId}`
this.email = null this.email = null
this.share_model.visible = true this.share_model.visible = true
}, },
// //
async sendEmail() { async sendEmail() {
var pattern = let emailList = this.email.split('|')
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/ let isError = false
if (!pattern.test(this.email)) emailList.forEach((item) => {
return this.$message.warning(this.$t('rules:email')) var pattern =
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
if (!pattern.test(item)) {
isError = true
}
})
if (isError) return this.$message.warning(this.$t('rules:email'))
this.emailLoading = true this.emailLoading = true
let res = await doctorSendEmail({ let res = await doctorSendEmail({
Email: this.email, Email: emailList,
Url: `ReviewersResearch?lang=${this.$store.getters.language}`, Url: `ReviewersResearch?lang=${this.$store.getters.language}&trialId=${this.$route.query.trialId}`,
}) })
this.emailLoading = false this.emailLoading = false
if (res.IsSuccess) { if (res.IsSuccess) {
@ -509,10 +609,13 @@ export default {
}, },
// //
openViewer(type, row) { openViewer(type, row) {
this.resumeType = type if (type === 'add') {
if (row) { return (this.emailVisible = true)
this.reviewerId = row.Id
} }
if (row) {
sessionStorage.setItem('reviewerId', row.Id)
}
zzSessionStorage.setItem('trialId', this.$route.query.trialId)
this.visible = true this.visible = true
}, },
go(path) { go(path) {

View File

@ -96,7 +96,7 @@
</el-form-item> </el-form-item>
<!-- 查询 --> <!-- 查询 -->
<el-button type="primary" icon="el-icon-search" @click="handleSearch"> <el-button type="primary" icon="el-icon-search" @click="handleSearch">
{{ $t("common:button:search") }} {{ $t('common:button:search') }}
</el-button> </el-button>
<!-- 重置 --> <!-- 重置 -->
<el-button <el-button
@ -104,7 +104,7 @@
icon="el-icon-refresh-left" icon="el-icon-refresh-left"
@click="handleReset" @click="handleReset"
> >
{{ $t("common:button:reset") }} {{ $t('common:button:reset') }}
</el-button> </el-button>
<!-- 中心人员 --> <!-- 中心人员 -->
<el-button <el-button
@ -115,7 +115,7 @@
icon="el-icon-info" icon="el-icon-info"
@click="showResearchUser" @click="showResearchUser"
> >
{{ $t("trials:researchRecord:button:questionStaffs") }} {{ $t('trials:researchRecord:button:questionStaffs') }}
</el-button> </el-button>
<!-- 调查表链接 --> <!-- 调查表链接 -->
<el-button <el-button
@ -126,7 +126,7 @@
icon="el-icon-link" icon="el-icon-link"
@click="showResearchLink" @click="showResearchLink"
> >
{{ $t("trials:researchRecord:button:questionLink") }} {{ $t('trials:researchRecord:button:questionLink') }}
</el-button> </el-button>
</el-form> </el-form>
</template> </template>
@ -148,6 +148,7 @@
prop="TrialSiteCode" prop="TrialSiteCode"
:label="$t('trials:researchRecord:table:siteId')" :label="$t('trials:researchRecord:table:siteId')"
min-width="100" min-width="100"
sortable="custom"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 中心名称 --> <!-- 中心名称 -->
@ -155,6 +156,7 @@
prop="SiteName" prop="SiteName"
:label="$t('trials:researchRecord:table:siteName')" :label="$t('trials:researchRecord:table:siteName')"
min-width="100" min-width="100"
sortable="custom"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 联系人 --> <!-- 联系人 -->
@ -162,6 +164,7 @@
prop="UserName" prop="UserName"
:label="$t('trials:researchRecord:table:contactor')" :label="$t('trials:researchRecord:table:contactor')"
min-width="100" min-width="100"
sortable="custom"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 联系电话 --> <!-- 联系电话 -->
@ -189,7 +192,7 @@
{{ {{
scope.row.PreliminaryUser scope.row.PreliminaryUser
? scope.row.PreliminaryUser.RealName ? scope.row.PreliminaryUser.RealName
: "" : ''
}} }}
</template> </template>
</el-table-column> </el-table-column>
@ -201,7 +204,7 @@
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.ReviewerUser ? scope.row.ReviewerUser.RealName : "" }} {{ scope.row.ReviewerUser ? scope.row.ReviewerUser.RealName : '' }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 状态 --> <!-- 状态 -->
@ -209,20 +212,21 @@
prop="State" prop="State"
:label="$t('trials:researchRecord:table:status')" :label="$t('trials:researchRecord:table:status')"
min-width="150" min-width="150"
sortable="custom"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.State === 0" type="primary">{{ <el-tag v-if="scope.row.State === 0" type="primary">{{
$fd("ResearchRecord", scope.row.State) $fd('ResearchRecord', scope.row.State)
}}</el-tag> }}</el-tag>
<el-tag v-if="scope.row.State === 1" type="info">{{ <el-tag v-if="scope.row.State === 1" type="info">{{
$fd("ResearchRecord", scope.row.State) $fd('ResearchRecord', scope.row.State)
}}</el-tag> }}</el-tag>
<el-tag v-if="scope.row.State === 2" type="warning">{{ <el-tag v-if="scope.row.State === 2" type="warning">{{
$fd("ResearchRecord", scope.row.State) $fd('ResearchRecord', scope.row.State)
}}</el-tag> }}</el-tag>
<el-tag v-if="scope.row.State === 3" type="danger">{{ <el-tag v-if="scope.row.State === 3" type="danger">{{
$fd("ResearchRecord", scope.row.State) $fd('ResearchRecord', scope.row.State)
}}</el-tag> }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -231,14 +235,15 @@
prop="IsDeleted" prop="IsDeleted"
:label="$t('trials:researchRecord:table:isDeleted')" :label="$t('trials:researchRecord:table:isDeleted')"
min-width="100" min-width="100"
sortable="custom"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.IsDeleted" type="danger">{{ <el-tag v-if="scope.row.IsDeleted" type="danger">{{
$fd("YesOrNo", scope.row.IsDeleted) $fd('YesOrNo', scope.row.IsDeleted)
}}</el-tag> }}</el-tag>
<el-tag v-else type="primary">{{ <el-tag v-else type="primary">{{
$fd("YesOrNo", scope.row.IsDeleted) $fd('YesOrNo', scope.row.IsDeleted)
}}</el-tag> }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -248,6 +253,7 @@
:label="$t('trials:researchRecord:table:updateTime')" :label="$t('trials:researchRecord:table:updateTime')"
min-width="150" min-width="150"
show-overflow-tooltip show-overflow-tooltip
sortable="custom"
/> />
<el-table-column width="150"> <el-table-column width="150">
<template slot-scope="scope"> <template slot-scope="scope">
@ -330,12 +336,12 @@
<i style="color: #428bca" class="el-icon-success" /> <i style="color: #428bca" class="el-icon-success" />
<!-- 成功创建调查表链接 --> <!-- 成功创建调查表链接 -->
<span>{{ <span>{{
$t("trials:researchRecord:message:createLinkSuccessfully") $t('trials:researchRecord:message:createLinkSuccessfully')
}}</span> }}</span>
</div> </div>
<div style="margin: 10px 0"> <div style="margin: 10px 0">
<!-- 链接 --> <!-- 链接 -->
{{ $t("trials:researchRecord:label:link") }} {{ $t('trials:researchRecord:label:link') }}
<el-input <el-input
ref="shareLink" ref="shareLink"
v-model="shareLink" v-model="shareLink"
@ -352,7 +358,7 @@
@click="copyLink" @click="copyLink"
class="shareLinkBtn" class="shareLinkBtn"
> >
{{ $t("trials:researchRecord:button:copyLink") }} {{ $t('trials:researchRecord:button:copyLink') }}
</el-button> </el-button>
</div> </div>
</div> </div>
@ -362,10 +368,10 @@
</div> </div>
<div class="codeBtnBox"> <div class="codeBtnBox">
<el-button @click="handleCopyImg" type="primary" round>{{ <el-button @click="handleCopyImg" type="primary" round>{{
$t("trials:researchRecord:button:copyCode") $t('trials:researchRecord:button:copyCode')
}}</el-button> }}</el-button>
<el-button @click="savePic" round>{{ <el-button @click="savePic" round>{{
$t("trials:researchRecord:button:savePic") $t('trials:researchRecord:button:savePic')
}}</el-button> }}</el-button>
</div> </div>
</div> </div>
@ -379,32 +385,32 @@ import {
getTrialSiteSurveyList, getTrialSiteSurveyList,
getTrialSiteSelect, getTrialSiteSelect,
abandonSiteSurvey, abandonSiteSurvey,
} from "@/api/trials"; } from '@/api/trials'
import { changeURLStatic } from "@/utils/history.js"; import { changeURLStatic } from '@/utils/history.js'
import BaseContainer from "@/components/BaseContainer"; import BaseContainer from '@/components/BaseContainer'
import Pagination from "@/components/Pagination"; import Pagination from '@/components/Pagination'
import Users from "./components/users"; import Users from './components/users'
import ResearchForm from "@/views/research/form"; import ResearchForm from '@/views/research/form'
import BaseModel from "@/components/BaseModel"; import BaseModel from '@/components/BaseModel'
import QRCode from "qrcodejs2"; import QRCode from 'qrcodejs2'
const searchDataDefault = () => { const searchDataDefault = () => {
return { return {
SortField: "", SortField: '',
Asc: true, Asc: true,
PageIndex: 1, PageIndex: 1,
PageSize: 20, PageSize: 20,
TrialSiteId: "", TrialSiteId: '',
UserKeyInfo: "", UserKeyInfo: '',
State: null, State: null,
IsDeleted: "", IsDeleted: '',
DateRange: [], DateRange: [],
PreliminaryUserName: null, PreliminaryUserName: null,
ReviewerUserName: null, ReviewerUserName: null,
}; }
}; }
export default { export default {
name: "SiteResearchList", name: 'SiteResearchList',
components: { BaseContainer, Pagination, Users, ResearchForm, BaseModel }, components: { BaseContainer, Pagination, Users, ResearchForm, BaseModel },
data() { data() {
return { return {
@ -418,195 +424,195 @@ export default {
researchInfoVisible: false, researchInfoVisible: false,
share_model: { share_model: {
visible: false, visible: false,
title: this.$t("trials:researchRecord:title:shark"), title: this.$t('trials:researchRecord:title:shark'),
width: "800px", width: '800px',
}, },
shareLink: "", shareLink: '',
researchState: this.$d.ResearchRecord, researchState: this.$d.ResearchRecord,
qrcode: null, qrcode: null,
}; }
}, },
mounted() { mounted() {
this.getList(); this.getList()
this.getSite(); this.getSite()
}, },
methods: { methods: {
// //
getList() { getList() {
this.loading = true; this.loading = true
this.searchData.TrialId = this.trialId; this.searchData.TrialId = this.trialId
if (this.searchData.DateRange && this.searchData.DateRange.length === 2) { if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]; this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
this.searchData.updateTimeEnd = this.searchData.DateRange[1]; this.searchData.updateTimeEnd = this.searchData.DateRange[1]
} else { } else {
this.searchData.UpdateTimeBegin = ""; this.searchData.UpdateTimeBegin = ''
this.searchData.updateTimeEnd = ""; this.searchData.updateTimeEnd = ''
} }
getTrialSiteSurveyList(this.searchData) getTrialSiteSurveyList(this.searchData)
.then((res) => { .then((res) => {
this.loading = false; this.loading = false
this.list = res.Result.CurrentPageData; this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount; this.total = res.Result.TotalCount
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false
}); })
}, },
// //
handleViewResearchList(row) { handleViewResearchList(row) {
changeURLStatic("trialSiteSurveyId", row.Id); changeURLStatic('trialSiteSurveyId', row.Id)
this.researchInfoVisible = true; this.researchInfoVisible = true
}, },
// //
handleRepealResearch(row) { handleRepealResearch(row) {
// //
this.$confirm(this.$t("trials:researchRecord:message:abolish"), { this.$confirm(this.$t('trials:researchRecord:message:abolish'), {
type: "warning", type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
}).then(() => { }).then(() => {
abandonSiteSurvey(this.trialId, row.Id).then((res) => { abandonSiteSurvey(this.trialId, row.Id).then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
this.getList(); this.getList()
// //
this.$message.success( this.$message.success(
this.$t("trials:researchRecord:message:abolishSuccessfully") this.$t('trials:researchRecord:message:abolishSuccessfully')
); )
} }
}); })
}); })
}, },
// //
showResearchUser() { showResearchUser() {
this.researchUserVisible = true; this.researchUserVisible = true
}, },
// //
copyLink() { copyLink() {
// //
this.$copyText( this.$copyText(
`${this.$t("trials:researchRecord:message:researchFormLink")}: ${ `${this.$t('trials:researchRecord:message:researchFormLink')}: ${
this.shareLink this.shareLink
}` }`
) )
.then((res) => { .then((res) => {
// //
this.$message.success( this.$message.success(
this.$t("trials:researchRecord:message:copySuccessfully") this.$t('trials:researchRecord:message:copySuccessfully')
); )
}) })
.catch(() => { .catch(() => {
// //
this.$alert(this.$t("trials:researchRecord:message:copyFailed")); this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
}); })
}, },
// //
creatQrCode() { creatQrCode() {
this.$refs.qrcode.innerHTML = ""; // this.$refs.qrcode.innerHTML = '' //
let text = this.shareLink; let text = this.shareLink
this.qrcode = new QRCode(this.$refs.qrcode, { this.qrcode = new QRCode(this.$refs.qrcode, {
text: text, // ,# text: text, // ,#
width: 200, width: 200,
height: 200, height: 200,
colorDark: "#000000", colorDark: '#000000',
colorLight: "#ffffff", colorLight: '#ffffff',
correctLevel: QRCode.CorrectLevel.H, correctLevel: QRCode.CorrectLevel.H,
}); })
// qrcode.clear(); // // qrcode.clear(); //
}, },
// //
savePic() { savePic() {
let qrCodeCanvas = document let qrCodeCanvas = document
.getElementById("qrcode") .getElementById('qrcode')
.getElementsByTagName("canvas"); .getElementsByTagName('canvas')
let a = document.createElement("a"); let a = document.createElement('a')
a.href = qrCodeCanvas[0].toDataURL("image/url"); a.href = qrCodeCanvas[0].toDataURL('image/url')
a.download = `${this.$t("trials:researchRecord:title:code")}.png`; a.download = `${this.$t('trials:researchRecord:title:code')}.png`
a.click(); a.click()
}, },
// //
handleCopyImg() { handleCopyImg() {
let qrCodeCanvas = document let qrCodeCanvas = document
.getElementById("qrcode") .getElementById('qrcode')
.getElementsByTagName("canvas"); .getElementsByTagName('canvas')
qrCodeCanvas[0].toBlob(async (blob) => { qrCodeCanvas[0].toBlob(async (blob) => {
console.log(blob); console.log(blob)
const data = [ const data = [
new ClipboardItem({ new ClipboardItem({
[blob.type]: blob, [blob.type]: blob,
}), }),
]; // https://w3c.github.io/clipboard-apis/#dom-clipboard-write ] // https://w3c.github.io/clipboard-apis/#dom-clipboard-write
await navigator.clipboard.write(data).then( await navigator.clipboard.write(data).then(
() => { () => {
this.$message.success( this.$message.success(
this.$t("trials:researchRecord:message:copySuccess") this.$t('trials:researchRecord:message:copySuccess')
); )
}, },
() => { () => {
this.$message.error( this.$message.error(
this.$t("trials:researchRecord:message:UnableWrite") this.$t('trials:researchRecord:message:UnableWrite')
); )
} }
); )
}); })
}, },
// site // site
getSite() { getSite() {
getTrialSiteSelect(this.trialId).then((res) => { getTrialSiteSelect(this.trialId).then((res) => {
this.siteOptions = res.Result; this.siteOptions = res.Result
}); })
}, },
// //
showResearchLink() { showResearchLink() {
const trialId = this.trialId; const trialId = this.trialId
this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${trialId}&lang=${this.$i18n.locale}`; this.shareLink = `${location.protocol}//${location.host}/researchLogin?trialId=${trialId}&lang=${this.$i18n.locale}`
this.share_model.visible = true; this.share_model.visible = true
this.$nextTick(() => { this.$nextTick(() => {
this.creatQrCode(); this.creatQrCode()
}); })
}, },
// //
handleReset() { handleReset() {
this.searchData = searchDataDefault(); this.searchData = searchDataDefault()
this.searchData.DateRange = []; this.searchData.DateRange = []
if (this.searchData.DateRange && this.searchData.DateRange.length === 2) { if (this.searchData.DateRange && this.searchData.DateRange.length === 2) {
this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]; this.searchData.UpdateTimeBegin = this.searchData.DateRange[0]
this.searchData.updateTimeEnd = this.searchData.DateRange[1]; this.searchData.updateTimeEnd = this.searchData.DateRange[1]
} else { } else {
this.searchData.UpdateTimeBegin = ""; this.searchData.UpdateTimeBegin = ''
this.searchData.updateTimeEnd = ""; this.searchData.updateTimeEnd = ''
} }
this.getList(); this.getList()
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.siteResearchList.clearSort(); this.$refs.siteResearchList.clearSort()
}); })
}, },
// //
handleSearch() { handleSearch() {
this.getList(); this.getList()
}, },
// //
handleSortByColumn(column) { handleSortByColumn(column) {
if (column.order === "ascending") { if (column.order === 'ascending') {
this.searchData.Asc = true; this.searchData.Asc = true
} else { } else {
this.searchData.Asc = false; this.searchData.Asc = false
} }
this.searchData.SortField = column.prop; this.searchData.SortField = column.prop
this.getList(); this.getList()
}, },
}, },
beforeDestroy() { beforeDestroy() {
if (this.qrcode) { if (this.qrcode) {
this.qrcode = null; this.qrcode = null
} }
}, },
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.shareLink { .shareLink {
padding-right: 20px; padding-right: 20px;
width: 50%; width: 50%;
position: relative; position: relative;
.shareLinkBtn{ .shareLinkBtn {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
left: 0px; left: 0px;

View File

@ -2,6 +2,7 @@
<div class="app-container"> <div class="app-container">
<!-- <resume-info v-if="isInit" /> --> <!-- <resume-info v-if="isInit" /> -->
<preview <preview
v-if="isInit"
:isEN="isEN" :isEN="isEN"
:isAll="isAll" :isAll="isAll"
:reviewerId.sync="reviewerId" :reviewerId.sync="reviewerId"
@ -14,6 +15,7 @@ import ResumeInfo from '@/views/resumeInfo'
import { changeURLStatic, getQueryString } from '@/utils/history.js' import { changeURLStatic, getQueryString } from '@/utils/history.js'
import preview from '@/views/reviewers/curriculumVitae/preview.vue' import preview from '@/views/reviewers/curriculumVitae/preview.vue'
import store from '@/store' import store from '@/store'
import { mapMutations } from 'vuex'
export default { export default {
components: { components: {
ResumeInfo, ResumeInfo,
@ -24,6 +26,7 @@ export default {
isInit: false, isInit: false,
reviewerId: '', reviewerId: '',
trialId: null, trialId: null,
isAll: true,
} }
}, },
created() { created() {
@ -34,18 +37,26 @@ export default {
isEN() { isEN() {
return this.$i18n.locale !== 'zh' return this.$i18n.locale !== 'zh'
}, },
isAll() { // isAll() {
return this.hasPermi(['role:pm', 'role:admin', 'role:apm', 'role:ir']) // return this.hasPermi(['role:pm', 'role:admin', 'role:apm', 'role:ir'])
}, // },
}, },
mounted() { async mounted() {
this.isAll = !this.$route.query.blindState
const token = getQueryString('token') const token = getQueryString('token')
if (token) { if (token) {
store.dispatch('user/setToken', token) store.dispatch('user/setToken', token)
changeURLStatic('token', '') changeURLStatic('token', '')
this.$i18n.locale =
this.$route.query.lang || zzSessionStorage.getItem('lang')
this.setLanguage(this.$i18n.locale)
this.$updateDictionary()
} }
this.isInit = true this.isInit = true
}, },
methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
},
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

View File

@ -78,6 +78,7 @@
stripe stripe
height="100" height="100"
@selection-change="handleSubjectAssignListSelectChange" @selection-change="handleSubjectAssignListSelectChange"
@sort-change="handleSortChange"
> >
<el-table-column type="selection" align="left" width="45" /> <el-table-column type="selection" align="left" width="45" />
<!-- 中心编号 --> <!-- 中心编号 -->
@ -86,6 +87,7 @@
:label="$t('trials:reviewAssign:table:siteCode')" :label="$t('trials:reviewAssign:table:siteCode')"
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom"
/> />
<!-- 受试者编号 --> <!-- 受试者编号 -->
<el-table-column <el-table-column
@ -93,6 +95,7 @@
:label="$t('trials:reviewAssign:table:subjectCode')" :label="$t('trials:reviewAssign:table:subjectCode')"
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom"
/> />
<!-- 访视 --> <!-- 访视 -->
<el-table-column <el-table-column
@ -100,6 +103,7 @@
:label="$t('trials:reviewAssign:table:visit')" :label="$t('trials:reviewAssign:table:visit')"
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="openAllocation('task', 1, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.VisitTaskTypeCount}}</span> <span @click="openAllocation('task', 1, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.VisitTaskTypeCount}}</span>
@ -112,6 +116,7 @@
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
v-if="OtherInfo && OtherInfo.IsGlobalReading" v-if="OtherInfo && OtherInfo.IsGlobalReading"
sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="openAllocation('task', 2, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.GlobalTaskTypeCount}}</span> <span @click="openAllocation('task', 2, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.GlobalTaskTypeCount}}</span>
@ -124,6 +129,7 @@
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2" v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2"
sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="openAllocation('referee', 4, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.JudgeTaskTypeCount}}</span> <span @click="openAllocation('referee', 4, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.JudgeTaskTypeCount}}</span>
@ -136,6 +142,7 @@
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
v-if="OtherInfo && OtherInfo.IsOncologyReading" v-if="OtherInfo && OtherInfo.IsOncologyReading"
sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span @click="openAllocation('task', 5, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.OncologyTaskTypeCount}}</span> <span @click="openAllocation('task', 5, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.OncologyTaskTypeCount}}</span>

View File

@ -203,7 +203,7 @@
<!-- width="160"--> <!-- width="160"-->
<!-- />--> <!-- />-->
<!-- 附件 --> <!-- 附件 -->
<!-- <el-table-column <el-table-column
v-if="$i18n.locale === 'zh' && isDistinguishCriteria" v-if="$i18n.locale === 'zh' && isDistinguishCriteria"
prop="AttachNameCN" prop="AttachNameCN"
:label="$t('trials:emailManageCfg:title:fileName')" :label="$t('trials:emailManageCfg:title:fileName')"
@ -220,7 +220,7 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
v-else v-if="$i18n.locale === 'en' && isDistinguishCriteria"
prop="AttachName" prop="AttachName"
:label="$t('trials:emailManageCfg:title:fileName')" :label="$t('trials:emailManageCfg:title:fileName')"
show-overflow-tooltip show-overflow-tooltip
@ -234,7 +234,7 @@
>{{ scope.row.AttachName }}</span >{{ scope.row.AttachName }}</span
> >
</template> </template>
</el-table-column> --> </el-table-column>
<!-- 是否需要回执 --> <!-- 是否需要回执 -->
<!-- <el-table-column <!-- <el-table-column
prop="IsReturnRequired" prop="IsReturnRequired"

View File

@ -10,7 +10,7 @@
<div class="base-dialog-body"> <div class="base-dialog-body">
<!-- 临床数据名称 --> <!-- 临床数据名称 -->
<el-form-item <el-form-item
:label="$t('trials:processCfg:title:clinicalDataName') " :label="$t('trials:processCfg:title:clinicalDataName')"
prop="ClinicalDataSetEnName" prop="ClinicalDataSetEnName"
> >
<el-input <el-input
@ -37,11 +37,11 @@
> >
<el-select <el-select
v-model="form.UploadRole" v-model="form.UploadRole"
style="width:100%;" style="width: 100%"
@change="handleUploadRoleChange" @change="handleUploadRoleChange"
> >
<el-option <el-option
v-for="(item,index) of $d.ClinicalDataUploadRole" v-for="(item, index) of $d.ClinicalDataUploadRole"
:key="index" :key="index"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
@ -55,11 +55,15 @@
> >
<el-select <el-select
v-model="form.ClinicalDataLevel" v-model="form.ClinicalDataLevel"
style="width:100%;" style="width: 100%"
@change="() => {form.ClinicalUploadType = null}" @change="
() => {
form.ClinicalUploadType = null
}
"
> >
<el-option <el-option
v-for="(item,index) of $d.ClinicalLevel" v-for="(item, index) of $d.ClinicalLevel"
v-show="!(form.UploadRole === 1 && item.value === 4)" v-show="!(form.UploadRole === 1 && item.value === 4)"
:key="index" :key="index"
:label="item.label" :label="item.label"
@ -73,16 +77,21 @@
:label="$t('trials:processCfg:title:transferType')" :label="$t('trials:processCfg:title:transferType')"
prop="ClinicalUploadType" prop="ClinicalUploadType"
> >
<el-select <el-select v-model="form.ClinicalUploadType" style="width: 100%">
v-model="form.ClinicalUploadType"
style="width:100%;"
>
<el-option <el-option
v-for="(item,index) of $d.ClinicalUploadType" v-for="(item, index) of $d.ClinicalUploadType"
:key="index" :key="index"
:label="item.label" :label="item.label"
:value="item.value" :value="item.value"
:disabled="item.value === 0 || item.value === 2 && form.UploadRole === 1 || (form.UploadRole === 0 && [2, 3].includes(form.ClinicalDataLevel) && item.value === 1)" :disabled="
(item.value === 2 &&
(form.UploadRole !== 0 || form.ClinicalDataLevel !== 1)) ||
item.value === 0 ||
(item.value === 2 && form.UploadRole === 1) ||
(form.UploadRole === 0 &&
[2, 3].includes(form.ClinicalDataLevel) &&
item.value === 1)
"
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
@ -94,10 +103,10 @@
<el-select <el-select
v-model="form.TrialCriterionIdList" v-model="form.TrialCriterionIdList"
multiple multiple
style="width:100%;" style="width: 100%"
> >
<el-option <el-option
v-for="(item,index) of criterionList" v-for="(item, index) of criterionList"
:key="index" :key="index"
:label="item.CriterionName" :label="item.CriterionName"
:value="item.Id" :value="item.Id"
@ -125,24 +134,18 @@
:disabled="form.Type === ''" :disabled="form.Type === ''"
> >
<!-- 选择 --> <!-- 选择 -->
<el-button size="small" type="primary">{{ $t('trials:processCfg:button:select') }}</el-button> <el-button size="small" type="primary">{{
<span $t('trials:processCfg:button:select')
slot="tip" }}</el-button>
style="margin-left:10px;" <span slot="tip" style="margin-left: 10px" class="el-upload__tip">
class="el-upload__tip"
>
<!-- (必须是doc/docx格式) --> <!-- (必须是doc/docx格式) -->
{{ $t('system:tip:file:docx') }} {{ $t('system:tip:file:docx') }}
</span> </span>
</el-upload> </el-upload>
</div> </div>
</el-form-item> </el-form-item>
</div> </div>
<div <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
class="base-dialog-footer"
style="text-align:right;margin-top:10px;"
>
<el-form-item> <el-form-item>
<!-- 取消 --> <!-- 取消 -->
<el-button <el-button
@ -167,18 +170,25 @@
</el-form> </el-form>
</template> </template>
<script> <script>
import { addOrUpdateClinicalDataTrialSet, uploadClinicalTemplate, getTrialCriterionSelectList, getReadingQuestionCriterionTrialList } from '@/api/trials' import {
addOrUpdateClinicalDataTrialSet,
uploadClinicalTemplate,
getTrialCriterionSelectList,
getReadingQuestionCriterionTrialList,
} from '@/api/trials'
export default { export default {
name: 'AddOrUpdateClinicalData', name: 'AddOrUpdateClinicalData',
props: { props: {
data: { data: {
type: Object, type: Object,
default() { return {} } default() {
return {}
},
}, },
trialId: { trialId: {
type: String, type: String,
required: true required: true,
} },
}, },
data() { data() {
@ -193,21 +203,57 @@ export default {
UploadRole: null, UploadRole: null,
FileName: '', FileName: '',
Path: '', Path: '',
TrialCriterionIdList: [] TrialCriterionIdList: [],
}, },
rules: { rules: {
ClinicalDataSetName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur', 'change'] }], ClinicalDataSetName: [
ClinicalDataSetEnName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur', 'change'] }], {
ClinicalDataLevel: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }], required: true,
ClinicalUploadType: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }], message: this.$t('common:ruleMessage:specify'),
UploadRole: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }], trigger: ['blur', 'change'],
TrialCriterionIdList: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }] },
],
ClinicalDataSetEnName: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur', 'change'],
},
],
ClinicalDataLevel: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: ['blur', 'change'],
},
],
ClinicalUploadType: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: ['blur', 'change'],
},
],
UploadRole: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: ['blur', 'change'],
},
],
TrialCriterionIdList: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: ['blur', 'change'],
},
],
}, },
loading: false, loading: false,
btnLoading: false, btnLoading: false,
fileList: [], fileList: [],
trialCriterionSelectList: [], trialCriterionSelectList: [],
criterionList: [] criterionList: [],
} }
}, },
mounted() { mounted() {
@ -219,13 +265,17 @@ export default {
getReadingQuestionCriterionTrialList({ getReadingQuestionCriterionTrialList({
TrialId: this.trialId, TrialId: this.trialId,
PageIndex: 1, PageIndex: 1,
PageSize: 500 PageSize: 500,
}).then(res => { })
this.criterionList = res.Result.CurrentPageData .then((res) => {
}).catch(() => { this.listLoading = false }) this.criterionList = res.Result.CurrentPageData
})
.catch(() => {
this.listLoading = false
})
}, },
getTrialCriterionSelectList() { getTrialCriterionSelectList() {
getTrialCriterionSelectList({ TrialId: this.trialId }).then(res => { getTrialCriterionSelectList({ TrialId: this.trialId }).then((res) => {
this.trialCriterionSelectList = res.Result this.trialCriterionSelectList = res.Result
}) })
}, },
@ -240,22 +290,23 @@ export default {
this.fileList = [ this.fileList = [
{ {
name: this.data.FileName, name: this.data.FileName,
path: this.data.Path path: this.data.Path,
} },
] ]
} }
}, },
save() { save() {
this.$refs.clinicalDataForm.validate(valid => { this.$refs.clinicalDataForm.validate((valid) => {
if (!valid) return if (!valid) return
this.btnLoading = true this.btnLoading = true
this.form.TrialId = this.trialId this.form.TrialId = this.trialId
addOrUpdateClinicalDataTrialSet(this.form).then(res => { addOrUpdateClinicalDataTrialSet(this.form)
this.btnLoading = false .then((res) => {
this.$emit('getList', true) this.btnLoading = false
this.$emit('close') this.$emit('getList', true)
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$emit('close')
}) this.$message.success(this.$t('common:message:savedSuccessfully'))
})
.catch(() => { .catch(() => {
this.btnLoading = false this.btnLoading = false
}) })
@ -265,9 +316,16 @@ export default {
async handleUploadFile(param) { async handleUploadFile(param) {
this.loading = true this.loading = true
const file = await this.fileToBlob(param.file) const file = await this.fileToBlob(param.file)
const res = await this.OSSclient.put(`/TrialConfig/${this.trialId}/ClinicalData/${param.file.name}`, file) const res = await this.OSSclient.put(
`/TrialConfig/${this.trialId}/ClinicalData/${param.file.name}`,
file
)
// console.log(res) // console.log(res)
const file1 = { name: param.file.name, path: this.form.Path, url: this.$getObjectName(res.url) } const file1 = {
name: param.file.name,
path: this.form.Path,
url: this.$getObjectName(res.url),
}
this.fileList.push(file1) this.fileList.push(file1)
this.form.Path = this.$getObjectName(res.url) this.form.Path = this.$getObjectName(res.url)
this.form.FileName = param.file.name this.form.FileName = param.file.name
@ -299,7 +357,9 @@ export default {
}, },
checkFileSuffix(fileName) { checkFileSuffix(fileName) {
var typeArr = ['doc', 'docx'] var typeArr = ['doc', 'docx']
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase() var extendName = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toLocaleLowerCase()
if (typeArr.indexOf(extendName) !== -1) { if (typeArr.indexOf(extendName) !== -1) {
return true return true
} else { } else {
@ -312,13 +372,12 @@ export default {
}, },
close() { close() {
this.$emit('close') this.$emit('close')
} },
},
}
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.upload-container{ .upload-container {
/deep/ .el-upload { /deep/ .el-upload {
width: 100%; width: 100%;
text-align: left; text-align: left;

View File

@ -1356,9 +1356,8 @@ export default {
.replaceAll(',', ' | ') .replaceAll(',', ' | ')
// this.form.ClinicalDataSetNamesStr = this.form.ClinicalDataSetNames.join(', ') // this.form.ClinicalDataSetNamesStr = this.form.ClinicalDataSetNames.join(', ')
this.initialForm = { ...this.form } this.initialForm = { ...this.form }
this.initialForm.TrialObjectNameList = JSON.parse( this.initialForm.TrialObjectNameList =
JSON.stringify(this.form.TrialObjectNameList) JSON.parse(JSON.stringify(this.form.TrialObjectNameList)) || []
)
if ( if (
!this.form.TrialObjectNameList || !this.form.TrialObjectNameList ||
(Array.isArray(this.form.TrialObjectNameList) && (Array.isArray(this.form.TrialObjectNameList) &&

View File

@ -1,8 +1,7 @@
<template> <template>
<BaseContainer v-loading="listLoading"> <BaseContainer v-loading="listLoading">
<template slot="search-container"> <template slot="search-container">
<span style="margin-left: auto">
<span style="margin-left:auto;">
<!-- Add --> <!-- Add -->
<el-button <el-button
v-hasPermi="['trials:trials-panel:setting:visit-plan:add']" v-hasPermi="['trials:trials-panel:setting:visit-plan:add']"
@ -48,11 +47,11 @@
</template> </template>
<template slot="main-container"> <template slot="main-container">
<el-table <el-table
v-adaptive="{bottomOffset:60}" v-adaptive="{ bottomOffset: 60 }"
:data="list" :data="list"
height="100" height="100"
stripe stripe
@sort-change="handleSortByColumn"
> >
<!-- Visit Name --> <!-- Visit Name -->
<el-table-column <el-table-column
@ -60,6 +59,7 @@
:label="$t('trials:visitPlan:table:visitName')" :label="$t('trials:visitPlan:table:visitName')"
show-overflow-tooltip show-overflow-tooltip
min-width="60" min-width="60"
sortable="custom"
/> />
<!-- 是否基线 --> <!-- 是否基线 -->
<el-table-column <el-table-column
@ -67,6 +67,7 @@
:label="$t('trials:visitPlan:table:isBaseLine')" :label="$t('trials:visitPlan:table:isBaseLine')"
show-overflow-tooltip show-overflow-tooltip
min-width="60" min-width="60"
sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd('YesOrNo', scope.row.IsBaseLine) }} {{ $fd('YesOrNo', scope.row.IsBaseLine) }}
@ -85,6 +86,7 @@
:label="$t('trials:visitPlan:table:viistNum')" :label="$t('trials:visitPlan:table:viistNum')"
show-overflow-tooltip show-overflow-tooltip
min-width="60" min-width="60"
sortable="custom"
/> />
<!-- 访视间隔 --> <!-- 访视间隔 -->
<el-table-column <el-table-column
@ -92,6 +94,7 @@
:label="$t('trials:visitPlan:table:viistDay')" :label="$t('trials:visitPlan:table:viistDay')"
show-overflow-tooltip show-overflow-tooltip
min-width="60" min-width="60"
sortable="custom"
/> />
<!-- 窗口 --> <!-- 窗口 -->
<el-table-column <el-table-column
@ -102,8 +105,19 @@
min-width="60" min-width="60"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-show="scope.row.VisitWindowLeft!==0 || scope.row.VisitWindowRight!==0"> <span
{{ `${scope.row.VisitWindowLeft} ${$t('trials:visitPlan:table:day')} ~ ${scope.row.VisitWindowRight} ${$t('trials:visitPlan:table:day')}` }} v-show="
scope.row.VisitWindowLeft !== 0 ||
scope.row.VisitWindowRight !== 0
"
>
{{
`${scope.row.VisitWindowLeft} ${$t(
'trials:visitPlan:table:day'
)} ~ ${scope.row.VisitWindowRight} ${$t(
'trials:visitPlan:table:day'
)}`
}}
</span> </span>
</template> </template>
</el-table-column> </el-table-column>
@ -115,9 +129,12 @@
min-width="80" min-width="80"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.IsConfirmed" type="primary">{{ $fd('YesOrNo', scope.row.IsConfirmed) }}</el-tag> <el-tag v-if="scope.row.IsConfirmed" type="primary">{{
<el-tag v-else type="danger">{{ $fd('YesOrNo', scope.row.IsConfirmed) }}</el-tag> $fd('YesOrNo', scope.row.IsConfirmed)
}}</el-tag>
<el-tag v-else type="danger">{{
$fd('YesOrNo', scope.row.IsConfirmed)
}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否废除 --> <!-- 是否废除 -->
@ -128,8 +145,12 @@
min-width="80" min-width="80"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.IsDeleted">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag> <el-tag v-if="scope.row.IsDeleted">{{
<el-tag v-else type="danger">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag> $fd('YesOrNo', scope.row.IsDeleted)
}}</el-tag>
<el-tag v-else type="danger">{{
$fd('YesOrNo', scope.row.IsDeleted)
}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- Description --> <!-- Description -->
@ -163,11 +184,24 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<!-- 分页组件 -->
<pagination
class="page"
:total="total"
:page.sync="searchData.PageIndex"
:limit.sync="searchData.PageSize"
@pagination="getList"
/>
</template> </template>
<base-model v-if="visit_model.visible" :config="visit_model"> <base-model v-if="visit_model.visible" :config="visit_model">
<template slot="dialog-body"> <template slot="dialog-body">
<VisitPlanForm :row="row" :is-have-first-give-medicine-date="isHaveFirstGiveMedicineDate" @closeDialog="closeDialog" @getList="getList" /> <VisitPlanForm
:row="row"
:is-have-first-give-medicine-date="isHaveFirstGiveMedicineDate"
@closeDialog="closeDialog"
@getList="getList"
/>
</template> </template>
</base-model> </base-model>
<!-- 调整记录 --> <!-- 调整记录 -->
@ -200,23 +234,37 @@
> >
<div class="base-dialog-body"> <div class="base-dialog-body">
<!-- 基线盲态标识 --> <!-- 基线盲态标识 -->
<el-form-item :label="$t('trials:visitPlan:button:bsBlindFlag')" prop="BlindBaseLineName"> <el-form-item
:label="$t('trials:visitPlan:button:bsBlindFlag')"
prop="BlindBaseLineName"
>
<el-input <el-input
v-model="form.BlindBaseLineName" v-model="form.BlindBaseLineName"
:disabled="isHaveGeneratedTask" :disabled="isHaveGeneratedTask"
/> />
</el-form-item> </el-form-item>
<!-- 随访盲态标识前缀 --> <!-- 随访盲态标识前缀 -->
<el-form-item :label="$t('trials:visitPlan:button:visitBlindFlag')" prop="BlindFollowUpPrefix"> <el-form-item
:label="$t('trials:visitPlan:button:visitBlindFlag')"
prop="BlindFollowUpPrefix"
>
<el-input <el-input
v-model="form.BlindFollowUpPrefix" v-model="form.BlindFollowUpPrefix"
:disabled="isHaveGeneratedTask" :disabled="isHaveGeneratedTask"
/> />
</el-form-item> </el-form-item>
</div> </div>
<div v-if="!isHaveGeneratedTask" class="base-dialog-footer" style="text-align:right;margin-top:10px;"> <div
v-if="!isHaveGeneratedTask"
class="base-dialog-footer"
style="text-align: right; margin-top: 10px"
>
<el-form-item> <el-form-item>
<el-button v-hasPermi="['trials:trials-panel:setting:visit-plan:add']" type="primary" @click="handleSaveBlindName"> <el-button
v-hasPermi="['trials:trials-panel:setting:visit-plan:add']"
type="primary"
@click="handleSaveBlindName"
>
{{ $t('common:button:save') }} {{ $t('common:button:save') }}
</el-button> </el-button>
</el-form-item> </el-form-item>
@ -226,17 +274,37 @@
</BaseContainer> </BaseContainer>
</template> </template>
<script> <script>
import { getVisitStageList, confirmTrialVisitPlan, updateVisitBlindName } from '@/api/trials' import {
getVisitStageList,
confirmTrialVisitPlan,
updateVisitBlindName,
} from '@/api/trials'
import BaseContainer from '@/components/BaseContainer' import BaseContainer from '@/components/BaseContainer'
import BaseModel from '@/components/BaseModel' import BaseModel from '@/components/BaseModel'
import VisitPlanForm from './components/visitPlanForm' import VisitPlanForm from './components/visitPlanForm'
import VisitPlanAdjust from './components/visitPlanAdjust' import VisitPlanAdjust from './components/visitPlanAdjust'
import Pagination from '@/components/Pagination'
const searchDataDefault = () => {
return {
PageIndex: 1,
PageSize: 20,
Asc: true,
SortField: '',
}
}
export default { export default {
name: 'VisitPlan', name: 'VisitPlan',
components: { BaseContainer, BaseModel, VisitPlanForm, VisitPlanAdjust }, components: {
BaseContainer,
BaseModel,
VisitPlanForm,
VisitPlanAdjust,
Pagination,
},
data() { data() {
return { return {
searchData: searchDataDefault(),
total: 0,
list: [], list: [],
trialId: '', trialId: '',
listLoading: false, listLoading: false,
@ -252,15 +320,26 @@ export default {
form: { TrialId: '', BlindBaseLineName: '', BlindFollowUpPrefix: '' }, form: { TrialId: '', BlindBaseLineName: '', BlindFollowUpPrefix: '' },
rules: { rules: {
BlindBaseLineName: [ BlindBaseLineName: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } {
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
], ],
BlindFollowUpPrefix: [ BlindFollowUpPrefix: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } {
] required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
],
}, },
config_model: { visible: false, title: this.$t('trials:visitPlan:button:blindFlag') }, // '' config_model: {
visible: false,
title: this.$t('trials:visitPlan:button:blindFlag'),
}, // ''
formLoading: false, formLoading: false,
isHaveGeneratedTask: false isHaveGeneratedTask: false,
} }
}, },
mounted() { mounted() {
@ -270,23 +349,49 @@ export default {
methods: { methods: {
getList() { getList() {
this.listLoading = true this.listLoading = true
getVisitStageList(this.trialId) this.searchData.TrialId = this.trialId
getVisitStageList(this.searchData)
.then((res) => { .then((res) => {
this.listLoading = false this.listLoading = false
this.list = res.Result.VisitPlanList this.list = res.Result.VisitPlanList.CurrentPageData
this.total = res.Result.VisitPlanList.TotalCount
this.visitPlanConfirmed = res.Result.VisitPlanConfirmed this.visitPlanConfirmed = res.Result.VisitPlanConfirmed
this.isHaveFirstGiveMedicineDate = res.Result.IsHaveFirstGiveMedicineDate this.isHaveFirstGiveMedicineDate =
res.Result.IsHaveFirstGiveMedicineDate
this.isHaveGeneratedTask = res.Result.IsHaveGeneratedTask this.isHaveGeneratedTask = res.Result.IsHaveGeneratedTask
this.form.BlindBaseLineName = res.Result.BlindBaseLineName this.form.BlindBaseLineName = res.Result.BlindBaseLineName
this.form.BlindFollowUpPrefix = res.Result.BlindFollowUpPrefix this.form.BlindFollowUpPrefix = res.Result.BlindFollowUpPrefix
this.isConfirm = res.Result.VisitPlanList.some(item => { return item.IsConfirmed === false }) this.isConfirm = res.Result.VisitPlanList.CurrentPageData.some(
(item) => {
return item.IsConfirmed === false
}
)
}) })
.catch(() => { .catch(() => {
this.listLoading = false this.listLoading = false
}) })
}, },
//
handleSortByColumn(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()
},
handleAdd() { handleAdd() {
this.row = { TrialId: this.trialId, Id: '', IsBaseLine: false, BlindName: '', VisitWindowLeft: -5, VisitWindowRight: 5, Description: '' } this.row = {
TrialId: this.trialId,
Id: '',
IsBaseLine: false,
BlindName: '',
VisitWindowLeft: -5,
VisitWindowRight: 5,
Description: '',
}
this.timer = new Date().getTime() this.timer = new Date().getTime()
if (this.list.length === 0) { if (this.list.length === 0) {
this.row.VisitName = 'Baseline' this.row.VisitName = 'Baseline'
@ -297,12 +402,23 @@ export default {
this.row.VisitNum = this.list[0].VisitNum + 1 this.row.VisitNum = this.list[0].VisitNum + 1
} else { } else {
console.log(1) console.log(1)
this.row.VisitName = this.list[this.list.length - 1].VisitName.split(' ')[0] + ' ' + (this.list[this.list.length - 1].VisitNum + 1) this.row.VisitName =
this.list[this.list.length - 1].VisitName.split(' ')[0] +
' ' +
(this.list[this.list.length - 1].VisitNum + 1)
this.row.VisitNum = this.list[this.list.length - 1].VisitNum + 1 this.row.VisitNum = this.list[this.list.length - 1].VisitNum + 1
this.row.VisitDay = this.list[this.list.length - 1].VisitDay - this.list[this.list.length - 2].VisitDay + this.list[this.list.length - 1].VisitDay this.row.VisitDay =
if (this.list[this.list.length - 1].VisitWindowLeft && this.list[this.list.length - 1].VisitWindowRight) { this.list[this.list.length - 1].VisitDay -
this.row.VisitWindowLeft = this.list[this.list.length - 1].VisitWindowLeft this.list[this.list.length - 2].VisitDay +
this.row.VisitWindowRight = this.list[this.list.length - 1].VisitWindowRight this.list[this.list.length - 1].VisitDay
if (
this.list[this.list.length - 1].VisitWindowLeft &&
this.list[this.list.length - 1].VisitWindowRight
) {
this.row.VisitWindowLeft =
this.list[this.list.length - 1].VisitWindowLeft
this.row.VisitWindowRight =
this.list[this.list.length - 1].VisitWindowRight
} }
} }
this.visit_model.title = this.$t('common:button:add') this.visit_model.title = this.$t('common:button:add')
@ -317,16 +433,22 @@ export default {
const msg = this.$t('trials:adjustRecord:message:confirm') const msg = this.$t('trials:adjustRecord:message:confirm')
this.$confirm(msg, { this.$confirm(msg, {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true distinguishCancelAndClose: true,
}).then(() => { })
this.confirmLoading = true .then(() => {
confirmTrialVisitPlan(this.trialId).then((res) => { this.confirmLoading = true
this.confirmLoading = false confirmTrialVisitPlan(this.trialId)
if (res.IsSuccess) { .then((res) => {
this.getList() this.confirmLoading = false
} if (res.IsSuccess) {
}).catch(() => { this.confirmLoading = false }) this.getList()
}).catch(() => {}) }
})
.catch(() => {
this.confirmLoading = false
})
})
.catch(() => {})
}, },
closeDialog() { closeDialog() {
this.visit_model.visible = false this.visit_model.visible = false
@ -336,19 +458,21 @@ export default {
if (valid) { if (valid) {
this.formLoading = true this.formLoading = true
this.form.TrialId = this.trialId this.form.TrialId = this.trialId
updateVisitBlindName(this.form).then((res) => { updateVisitBlindName(this.form)
this.formLoading = false .then((res) => {
this.config_model.visible = false this.formLoading = false
this.$message.success(this.$t('common:message:savedSuccessfully')) this.config_model.visible = false
}).catch(() => { this.$message.success(this.$t('common:message:savedSuccessfully'))
this.formLoading = false })
}) .catch(() => {
this.formLoading = false
})
} }
}) })
}, },
handleConfig() { handleConfig() {
this.config_model.visible = true this.config_model.visible = true
} },
} },
} }
</script> </script>

View File

@ -1089,7 +1089,7 @@ export default {
a = getToken() a = getToken()
} }
return v.UrlParameterName + '=' + a + '&' return v.UrlParameterName + '=' + a + '&'
}).toString().replaceAll(',', '') + 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath, }).toString().replaceAll(',', '')+'&'+'lang='+this.$i18n.locale +'&'+ 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath,
newValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' + newValue: v.UrlConfig.IsHaveParameters ? v.UrlConfig.RoutePath + '?' +
v.UrlConfig.ParameterList.map((v) => { v.UrlConfig.ParameterList.map((v) => {
let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName] let a = obj[v.UrlParameterValueName] ? obj[v.UrlParameterValueName] : parentRow[v.UrlParameterValueName]
@ -1097,7 +1097,7 @@ export default {
a = getToken() a = getToken()
} }
return v.UrlParameterName + '=' + a + '&' return v.UrlParameterName + '=' + a + '&'
}).toString().replaceAll(',', '') + 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath }).toString().replaceAll(',', '')+'&'+'lang='+this.$i18n.locale +'&'+ 'zh='+this.$i18n.locale : v.UrlConfig.RoutePath
} }
console.log(item) console.log(item)
item.IsTableFiled = v.IsTableFiled item.IsTableFiled = v.IsTableFiled

View File

@ -333,6 +333,7 @@
:label="$t('trials:consistencyCheck:table:requestBackState')" :label="$t('trials:consistencyCheck:table:requestBackState')"
show-overflow-tooltip show-overflow-tooltip
min-width="120" min-width="120"
sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.RequestBackState * 1 === 0">{{ <span v-if="scope.row.RequestBackState * 1 === 0">{{

View File

@ -90,14 +90,14 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button type="primary" icon="el-icon-search" @click="handleSearch"> <el-button type="primary" icon="el-icon-search" @click="handleSearch">
{{ $t("common:button:search") }} {{ $t('common:button:search') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
icon="el-icon-refresh-left" icon="el-icon-refresh-left"
@click="handleReset" @click="handleReset"
> >
{{ $t("common:button:reset") }} {{ $t('common:button:reset') }}
</el-button> </el-button>
<!--导出--> <!--导出-->
<el-button <el-button
@ -105,7 +105,7 @@
icon="el-icon-download" icon="el-icon-download"
@click="handleExport" @click="handleExport"
> >
{{ $t("common:button:export") }} {{ $t('common:button:export') }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -174,19 +174,19 @@
<div v-if="otherInfo.QCProcessEnum === 1"> <div v-if="otherInfo.QCProcessEnum === 1">
<!-- {{ scope.row.CurrentQCEnum === 1?'审核':'--' }} --> <!-- {{ scope.row.CurrentQCEnum === 1?'审核':'--' }} -->
<el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{ <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{
$fd("CurrentQCType", 0) $fd('CurrentQCType', 0)
}}</el-tag> }}</el-tag>
<span v-else>--</span> <span v-else>--</span>
</div> </div>
<div v-else-if="otherInfo.QCProcessEnum === 2"> <div v-else-if="otherInfo.QCProcessEnum === 2">
<!-- {{ scope.row.CurrentQCEnum === 1?'初审':scope.row.CurrentQCEnum === 2?'复审':'--' }} --> <!-- {{ scope.row.CurrentQCEnum === 1?'初审':scope.row.CurrentQCEnum === 2?'复审':'--' }} -->
<el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{ <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{
$fd("CurrentQCType", scope.row.CurrentQCEnum) $fd('CurrentQCType', scope.row.CurrentQCEnum)
}}</el-tag> }}</el-tag>
<el-tag <el-tag
v-else-if="scope.row.CurrentQCEnum === 2" v-else-if="scope.row.CurrentQCEnum === 2"
type="warning" type="warning"
>{{ $fd("CurrentQCType", scope.row.CurrentQCEnum) }}</el-tag >{{ $fd('CurrentQCType', scope.row.CurrentQCEnum) }}</el-tag
> >
<span v-else>--</span> <span v-else>--</span>
</div> </div>
@ -217,9 +217,9 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.IsOverTime" type="danger">{{ <el-tag v-if="scope.row.IsOverTime" type="danger">{{
$fd("YesOrNo", scope.row.IsOverTime) $fd('YesOrNo', scope.row.IsOverTime)
}}</el-tag> }}</el-tag>
<el-tag v-else>{{ $fd("YesOrNo", scope.row.IsOverTime) }}</el-tag> <el-tag v-else>{{ $fd('YesOrNo', scope.row.IsOverTime) }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- 最新回复时间 --> <!-- 最新回复时间 -->
@ -240,10 +240,10 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.IsClosed">{{ <el-tag v-if="scope.row.IsClosed">{{
$fd("YesOrNo", scope.row.IsClosed) $fd('YesOrNo', scope.row.IsClosed)
}}</el-tag> }}</el-tag>
<el-tag v-else type="danger">{{ <el-tag v-else type="danger">{{
$fd("YesOrNo", scope.row.IsClosed) $fd('YesOrNo', scope.row.IsClosed)
}}</el-tag> }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -266,13 +266,13 @@
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.ReuploadEnum === 0">--</span> <span v-if="scope.row.ReuploadEnum === 0">--</span>
<el-tag v-else-if="scope.row.ReuploadEnum === 1" type="danger">{{ <el-tag v-else-if="scope.row.ReuploadEnum === 1" type="danger">{{
$fd("ReuploadEnum", scope.row.ReuploadEnum) $fd('ReuploadEnum', scope.row.ReuploadEnum)
}}</el-tag> }}</el-tag>
<el-tag v-else-if="scope.row.ReuploadEnum === 2" type="warning">{{ <el-tag v-else-if="scope.row.ReuploadEnum === 2" type="warning">{{
$fd("ReuploadEnum", scope.row.ReuploadEnum) $fd('ReuploadEnum', scope.row.ReuploadEnum)
}}</el-tag> }}</el-tag>
<el-tag v-else-if="scope.row.ReuploadEnum === 3" type="primary">{{ <el-tag v-else-if="scope.row.ReuploadEnum === 3" type="primary">{{
$fd("ReuploadEnum", scope.row.ReuploadEnum) $fd('ReuploadEnum', scope.row.ReuploadEnum)
}}</el-tag> }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -349,24 +349,24 @@ import {
getTrialVisitStageSelect, getTrialVisitStageSelect,
getQCChallengeDialogList, getQCChallengeDialogList,
getNextCRCChallenge, getNextCRCChallenge,
} from "@/api/trials"; } from '@/api/trials'
import { getQCChallengeList_Export } from "@/api/export"; import { getQCChallengeList_Export } from '@/api/export'
import ChatForm from "./components/chatForm"; import ChatForm from './components/chatForm'
import BaseContainer from "@/components/BaseContainer"; import BaseContainer from '@/components/BaseContainer'
import Pagination from "@/components/Pagination"; import Pagination from '@/components/Pagination'
const searchDataDefault = () => { const searchDataDefault = () => {
return { return {
IsOverTime: null, IsOverTime: null,
SubjectCode: "", SubjectCode: '',
TrialSiteId: "", TrialSiteId: '',
VisitPlanArray: [], VisitPlanArray: [],
IsClosed: null, IsClosed: null,
PageIndex: 1, PageIndex: 1,
PageSize: 20, PageSize: 20,
}; }
}; }
export default { export default {
name: "CrcQusetion", name: 'CrcQusetion',
components: { BaseContainer, Pagination, ChatForm }, components: { BaseContainer, Pagination, ChatForm },
data() { data() {
return { return {
@ -380,143 +380,143 @@ export default {
visitPlanOptions: [], visitPlanOptions: [],
otherInfo: {}, otherInfo: {},
trialId: this.$route.query.trialId, trialId: this.$route.query.trialId,
}; }
}, },
mounted() { mounted() {
this.getList(); this.getList()
this.getSite(); this.getSite()
this.getVisitPlanOptions(); this.getVisitPlanOptions()
}, },
watch: { watch: {
chatVisible() { chatVisible() {
if (!this.chatVisible) { if (!this.chatVisible) {
this.$store.state.trials.checkTaskId = null; this.$store.state.trials.checkTaskId = null
} }
}, },
}, },
methods: { methods: {
beforeClose() { beforeClose() {
this.chatVisible = false; this.chatVisible = false
this.$store.state.trials.checkTaskId = null; this.$store.state.trials.checkTaskId = null
}, },
handleExport() { handleExport() {
getQCChallengeList_Export(this.searchData) getQCChallengeList_Export(this.searchData)
.then((res) => {}) .then((res) => {})
.catch(() => { .catch(() => {
this.loading = false; this.loading = false
}); })
}, },
// //
getList() { getList() {
this.loading = true; this.loading = true
this.searchData.TrialId = this.trialId; this.searchData.TrialId = this.trialId
getCRCChallengeList(this.searchData) getCRCChallengeList(this.searchData)
.then((res) => { .then((res) => {
this.loading = false; this.loading = false
this.list = res.Result.CurrentPageData; this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount; this.total = res.Result.TotalCount
this.otherInfo = res.OtherInfo; this.otherInfo = res.OtherInfo
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false
}); })
}, },
// //
handleReplay(row) { handleReplay(row) {
this.loading = true; this.loading = true
getQCChallengeDialogList(row.Id) getQCChallengeDialogList(row.Id)
.then((res) => { .then((res) => {
this.loading = false; this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
if (res.Result.length > 0) { if (res.Result.length > 0) {
Object.assign(row, res.Result[0]); Object.assign(row, res.Result[0])
} }
this.currentQCRow = { ...row }; this.currentQCRow = { ...row }
this.$store.state.trials.checkTaskId = row.SubjectVisitId; this.$store.state.trials.checkTaskId = row.SubjectVisitId
this.chatVisible = true; this.chatVisible = true
} }
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false
}); })
}, },
async getNextTask(qcChallengeId) { async getNextTask(qcChallengeId) {
try { try {
const params = { const params = {
trialId: this.trialId, trialId: this.trialId,
qcChallengeId: qcChallengeId, qcChallengeId: qcChallengeId,
}; }
const res = await getNextCRCChallenge(params); const res = await getNextCRCChallenge(params)
if (res.IsSuccess) { if (res.IsSuccess) {
const res2 = await getQCChallengeDialogList(res.Result.Id); const res2 = await getQCChallengeDialogList(res.Result.Id)
if (res2.IsSuccess) { if (res2.IsSuccess) {
Object.assign(res.Result, res2.Result[0]); Object.assign(res.Result, res2.Result[0])
this.chatVisible = false; this.chatVisible = false
this.currentQCRow = res.Result; this.currentQCRow = res.Result
this.$nextTick(() => { this.$nextTick(() => {
this.chatVisible = true; this.chatVisible = true
}); })
} }
} }
} catch (e) { } catch (e) {
this.chatVisible = false; this.chatVisible = false
console.log(e); console.log(e)
} }
}, },
getDialogList() { getDialogList() {
this.loading = true; this.loading = true
getQCChallengeDialogList(this.currentQCRow.Id) getQCChallengeDialogList(this.currentQCRow.Id)
.then((res) => { .then((res) => {
this.loading = false; this.loading = false
if (res.IsSuccess && res.Result.length > 0) { if (res.IsSuccess && res.Result.length > 0) {
var i = this.list.findIndex( var i = this.list.findIndex(
(item) => item.Id === this.currentQCRow.Id (item) => item.Id === this.currentQCRow.Id
); )
if (i > -1) { if (i > -1) {
this.currentQCRow = Object.assign(this.list[i], res.Result[0]); this.currentQCRow = Object.assign(this.list[i], res.Result[0])
this.$refs["chatForm"].addMessage( this.$refs['chatForm'].addMessage(
res.Result[0].DialogList[res.Result[0].DialogList.length - 1] res.Result[0].DialogList[res.Result[0].DialogList.length - 1]
); )
} }
} }
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false
}); })
}, },
// //
handleReset() { handleReset() {
this.searchData = searchDataDefault(); this.searchData = searchDataDefault()
this.getList(); this.getList()
}, },
// //
handleSearch() { handleSearch() {
this.searchData.PageIndex = 1; this.searchData.PageIndex = 1
this.getList(); this.getList()
}, },
// //
handleSortByColumn(column) { handleSortByColumn(column) {
if (column.order === "ascending") { if (column.order === 'ascending') {
this.searchData.Asc = true; this.searchData.Asc = true
} else { } else {
this.searchData.Asc = false; this.searchData.Asc = false
} }
this.searchData.SortField = column.prop; this.searchData.SortField = column.prop
this.searchData.PageIndex = 1; this.searchData.PageIndex = 1
this.getList(); this.getList()
}, },
// site // site
getSite() { getSite() {
getTrialSiteSelect(this.trialId).then((res) => { getTrialSiteSelect(this.trialId).then((res) => {
this.siteOptions = res.Result; this.siteOptions = res.Result
}); })
}, },
// 访 // 访
getVisitPlanOptions() { getVisitPlanOptions() {
getTrialVisitStageSelect(this.trialId).then((res) => { getTrialVisitStageSelect(this.trialId).then((res) => {
this.visitPlanOptions = res.Result; this.visitPlanOptions = res.Result
}); })
}, },
}, },
}; }
</script> </script>

View File

@ -1085,6 +1085,7 @@
<SignForm <SignForm
ref="signForm" ref="signForm"
:sign-code-enum="signCode" :sign-code-enum="signCode"
:sign-replace-text="signReplaceText"
:subject-visit-id="rowData.Id" :subject-visit-id="rowData.Id"
@closeDialog="closeSignDialog" @closeDialog="closeSignDialog"
/> />
@ -1496,6 +1497,7 @@ import {
cRCCancelConfirmClinical, cRCCancelConfirmClinical,
getClinicalTableList, getClinicalTableList,
getClinicalDateList, getClinicalDateList,
getVisitClinicalDataName,
} from '@/api/trials' } from '@/api/trials'
import { cRCRequestToQC } from '@/api/trials/visit' import { cRCRequestToQC } from '@/api/trials/visit'
import { cRCVisitList_Export } from '@/api/export' import { cRCVisitList_Export } from '@/api/export'
@ -1578,6 +1580,7 @@ export default {
selectArr: [], selectArr: [],
signVisible: false, signVisible: false,
signCode: null, signCode: null,
signReplaceText: null,
currentUser: zzSessionStorage.getItem('userName'), currentUser: zzSessionStorage.getItem('userName'),
pickerOption: { pickerOption: {
disabledDate: (time) => { disabledDate: (time) => {
@ -1970,9 +1973,17 @@ export default {
.then(() => { .then(() => {
if (this.rowData.IsBaseLine) { if (this.rowData.IsBaseLine) {
if (this.otherInfo.ClinicalInformationTransmissionEnum > 0) { if (this.otherInfo.ClinicalInformationTransmissionEnum > 0) {
const { ClinicalDataConfirmation } = const_.processSignature getVisitClinicalDataName({ id: this.rowData.Id })
this.signCode = ClinicalDataConfirmation .then((res) => {
this.signVisible = true this.signReplaceText = res.Result.ClinicalDataName
const { ClinicalDataConfirmation } =
const_.processSignature
this.signCode = ClinicalDataConfirmation
this.signVisible = true
})
.catch((err) => {
console.log(err)
})
} else { } else {
this.submit() this.submit()
} }

View File

@ -5,7 +5,12 @@
<el-form :inline="true"> <el-form :inline="true">
<!-- 中心编号 --> <!-- 中心编号 -->
<el-form-item :label="$t('trials:qcQuality:table:siteId')"> <el-form-item :label="$t('trials:qcQuality:table:siteId')">
<el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;"> <el-select
v-model="searchData.TrialSiteId"
clearable
filterable
style="width: 120px"
>
<el-option <el-option
v-for="item of siteOptions" v-for="item of siteOptions"
:key="item.Id" :key="item.Id"
@ -16,13 +21,16 @@
</el-form-item> </el-form-item>
<!-- 受试者编号 --> <!-- 受试者编号 -->
<el-form-item :label="$t('trials:qcQuality:table:subjectId')"> <el-form-item :label="$t('trials:qcQuality:table:subjectId')">
<el-input v-model="searchData.SubjectCode" style="width:100px;" /> <el-input v-model="searchData.SubjectCode" style="width: 100px" />
</el-form-item> </el-form-item>
<!-- 访视名称 --> <!-- 访视名称 -->
<el-form-item class="my_multiple" :label="$t('trials:qcQuality:table:visitName')"> <el-form-item
class="my_multiple"
:label="$t('trials:qcQuality:table:visitName')"
>
<el-select <el-select
v-model="searchData.VisitPlanArray" v-model="searchData.VisitPlanArray"
style="width:140px" style="width: 140px"
clearable clearable
multiple multiple
> >
@ -34,46 +42,81 @@
> >
<span style="float: left">{{ item.VisitName }}</span> <span style="float: left">{{ item.VisitName }}</span>
</el-option> </el-option>
<el-option <el-option key="Other" label="Out of Plan" value="1.11" />
key="Other"
label="Out of Plan"
value="1.11"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 发起人 --> <!-- 发起人 -->
<el-form-item :label="$t('trials:qcQuality:table:organizer')"> <el-form-item :label="$t('trials:qcQuality:table:organizer')">
<el-select v-model="searchData.CreateUserId" clearable filterable style="width:150px;"> <el-select
v-model="searchData.CreateUserId"
clearable
filterable
style="width: 150px"
>
<el-option <el-option
v-for="(item,index) of creatorOptions" v-for="(item, index) of creatorOptions"
:key="index" :key="index"
:label="item.Creator" :label="item.Creator"
:value="item.CreateUserId" :value="item.CreateUserId"
> >
<span style="float: left">{{ item.Creator }}</span> <span style="float: left">{{ item.Creator }}</span>
<span style="float: right; color: #8492a6; font-size: 13px;margin-left:5px;"> <span
style="
float: right;
color: #8492a6;
font-size: 13px;
margin-left: 5px;
"
>
{{ item.CreatorRealName }} {{ item.CreatorRealName }}
</span> </span>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否超限 --> <!-- 是否超限 -->
<el-form-item :label="$t('trials:qcQuality:table:isOverTime')"> <el-form-item :label="$t('trials:qcQuality:table:isOverTime')">
<el-select v-model="searchData.IsOverTime" clearable style="width:120px"> <el-select
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id"/> v-model="searchData.IsOverTime"
clearable
style="width: 120px"
>
<el-option
v-for="item of $d.YesOrNo"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否关闭 --> <!-- 是否关闭 -->
<el-form-item :label="$t('trials:qcQuality:table:isClosed')"> <el-form-item :label="$t('trials:qcQuality:table:isClosed')">
<el-select v-model="searchData.IsClosed" clearable style="width:120px"> <el-select
<el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id"/> v-model="searchData.IsClosed"
clearable
style="width: 120px"
>
<el-option
v-for="item of $d.YesOrNo"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否重传 --> <!-- 是否重传 -->
<el-form-item :label="$t('trials:qcQuality:table:ReuploadEnum')"> <el-form-item :label="$t('trials:qcQuality:table:ReuploadEnum')">
<el-select v-model="searchData.ReuploadEnum" clearable style="width:120px"> <el-select
<el-option v-for="item of $d.ReuploadEnum" :value="item.value" :label="item.label" :key="item.id"/> v-model="searchData.ReuploadEnum"
clearable
style="width: 120px"
>
<el-option
v-for="item of $d.ReuploadEnum"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 查询 --> <!-- 查询 -->
@ -81,7 +124,11 @@
{{ $t('common:button:search') }} {{ $t('common:button:search') }}
</el-button> </el-button>
<!-- 重置 --> <!-- 重置 -->
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset"> <el-button
type="primary"
icon="el-icon-refresh-left"
@click="handleReset"
>
{{ $t('common:button:reset') }} {{ $t('common:button:reset') }}
</el-button> </el-button>
<!--导出--> <!--导出-->
@ -96,7 +143,7 @@
<el-table <el-table
ref="qcQsTable" ref="qcQsTable"
v-loading="loading" v-loading="loading"
v-adaptive="{bottomOffset:60}" v-adaptive="{ bottomOffset: 60 }"
:data="list" :data="list"
stripe stripe
height="100" height="100"
@ -112,13 +159,12 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="text" type="text"
:style="{color:scope.row.IsClosed?'':'red'}" :style="{ color: scope.row.IsClosed ? '' : 'red' }"
@click="handleReply(scope.row,scope.$index)" @click="handleReply(scope.row, scope.$index)"
> >
{{ scope.row.ChallengeCode }} {{ scope.row.ChallengeCode }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
<!-- 中心编号 --> <!-- 中心编号 -->
<el-table-column <el-table-column
@ -154,12 +200,20 @@
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="otherInfo.QCProcessEnum === 1"> <div v-if="otherInfo.QCProcessEnum === 1">
<!-- {{ scope.row.CurrentQCEnum === 1?'审核':'--' }} --> <!-- {{ scope.row.CurrentQCEnum === 1?'审核':'--' }} -->
<el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{ $fd('CurrentQCType', 0) }}</el-tag> <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{
$fd('CurrentQCType', 0)
}}</el-tag>
<span v-else>--</span> <span v-else>--</span>
</div> </div>
<div v-else-if="otherInfo.QCProcessEnum === 2"> <div v-else-if="otherInfo.QCProcessEnum === 2">
<el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{ $fd('CurrentQCType', scope.row.CurrentQCEnum) }}</el-tag> <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{
<el-tag v-else-if="scope.row.CurrentQCEnum === 2" type="warning">{{ $fd('CurrentQCType', scope.row.CurrentQCEnum) }}</el-tag> $fd('CurrentQCType', scope.row.CurrentQCEnum)
}}</el-tag>
<el-tag
v-else-if="scope.row.CurrentQCEnum === 2"
type="warning"
>{{ $fd('CurrentQCType', scope.row.CurrentQCEnum) }}</el-tag
>
<span v-else>--</span> <span v-else>--</span>
</div> </div>
</template> </template>
@ -227,7 +281,9 @@
width="100" width="100"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.IsOverTime" type="danger">{{ $fd('YesOrNo', scope.row.IsOverTime) }}</el-tag> <el-tag v-if="scope.row.IsOverTime" type="danger">{{
$fd('YesOrNo', scope.row.IsOverTime)
}}</el-tag>
<el-tag v-else>{{ $fd('YesOrNo', scope.row.IsOverTime) }}</el-tag> <el-tag v-else>{{ $fd('YesOrNo', scope.row.IsOverTime) }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -240,7 +296,9 @@
sortable="custom" sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.IsClosed" type="danger">{{ $fd('YesOrNo', scope.row.IsClosed) }}</el-tag> <el-tag v-if="scope.row.IsClosed" type="danger">{{
$fd('YesOrNo', scope.row.IsClosed)
}}</el-tag>
<el-tag v-else>{{ $fd('YesOrNo', scope.row.IsClosed) }}</el-tag> <el-tag v-else>{{ $fd('YesOrNo', scope.row.IsClosed) }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
@ -262,9 +320,15 @@
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.ReuploadEnum === 0">--</span> <span v-if="scope.row.ReuploadEnum === 0">--</span>
<el-tag v-else-if="scope.row.ReuploadEnum === 1" type="danger">{{ $fd('ReuploadEnum', scope.row.ReuploadEnum) }}</el-tag> <el-tag v-else-if="scope.row.ReuploadEnum === 1" type="danger">{{
<el-tag v-else-if="scope.row.ReuploadEnum === 2" type="warning">{{ $fd('ReuploadEnum', scope.row.ReuploadEnum) }}</el-tag> $fd('ReuploadEnum', scope.row.ReuploadEnum)
<el-tag v-else-if="scope.row.ReuploadEnum === 3" type="primary">{{ $fd('ReuploadEnum', scope.row.ReuploadEnum) }}</el-tag> }}</el-tag>
<el-tag v-else-if="scope.row.ReuploadEnum === 2" type="warning">{{
$fd('ReuploadEnum', scope.row.ReuploadEnum)
}}</el-tag>
<el-tag v-else-if="scope.row.ReuploadEnum === 3" type="primary">{{
$fd('ReuploadEnum', scope.row.ReuploadEnum)
}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- 重传完成时间 --> <!-- 重传完成时间 -->
@ -276,7 +340,12 @@
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
v-if="hasPermi(['trials:trials-panel:visit:qc-question:send', 'trials:trials-panel:visit:qc-question:close'])" v-if="
hasPermi([
'trials:trials-panel:visit:qc-question:send',
'trials:trials-panel:visit:qc-question:close',
])
"
:label="$t('common:action:action')" :label="$t('common:action:action')"
min-width="150" min-width="150"
fixed="right" fixed="right"
@ -297,7 +366,10 @@
icon="el-icon-error" icon="el-icon-error"
circle circle
:title="$t('trials:qcQuality:action:close')" :title="$t('trials:qcQuality:action:close')"
:disabled="scope.row.IsClosed || currentUserId !== scope.row.CurrentActionUserId" :disabled="
scope.row.IsClosed ||
currentUserId !== scope.row.CurrentActionUserId
"
@click="handleCloseQC(scope.row)" @click="handleCloseQC(scope.row)"
/> />
</template> </template>
@ -305,7 +377,13 @@
</el-table> </el-table>
<!-- 分页组件 --> <!-- 分页组件 -->
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" /> <pagination
class="page"
:total="total"
:page.sync="searchData.PageIndex"
:limit.sync="searchData.PageSize"
@pagination="getList"
/>
</template> </template>
<!-- 回复质疑 --> <!-- 回复质疑 -->
@ -314,10 +392,19 @@
:visible.sync="chatVisible" :visible.sync="chatVisible"
:close-on-click-modal="false" :close-on-click-modal="false"
width="800px" width="800px"
:title="$t('trials:qcQuality:dialogTitle:reply') + `(${currentQCRow.SubjectCode} ${currentQCRow.VisitName})`" :title="
$t('trials:qcQuality:dialogTitle:reply') +
`(${currentQCRow.SubjectCode} ${currentQCRow.VisitName})`
"
@getList="getList" @getList="getList"
> >
<chat-form :data="currentQCRow" user-type="qc" :sign-text="otherInfo.ImageQCSignText" @close="chatVisible = false" @getDialogList="getDialogList" /> <chat-form
:data="currentQCRow"
user-type="qc"
:sign-text="otherInfo.ImageQCSignText"
@close="chatVisible = false"
@getDialogList="getDialogList"
/>
</el-dialog> </el-dialog>
<!-- 关闭质疑 --> <!-- 关闭质疑 -->
<el-dialog <el-dialog
@ -329,7 +416,14 @@
width="600px" width="600px"
:title="$t('trials:qcQuality:dialogTitle:closeQuestion')" :title="$t('trials:qcQuality:dialogTitle:closeQuestion')"
> >
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;"> <div
style="
padding: 10px;
border: 1px solid #e0e0e0;
max-height: 650px;
overflow-y: auto;
"
>
<el-form <el-form
ref="closeQuestionForm" ref="closeQuestionForm"
:model="closeQuestionForm" :model="closeQuestionForm"
@ -341,12 +435,16 @@
:label="$t('trials:qcQuality:label:closeReason')" :label="$t('trials:qcQuality:label:closeReason')"
prop="Type" prop="Type"
:rules="[ :rules="[
{ required: true, message: $t('common:ruleMessage:select')}, { required: true, message: $t('common:ruleMessage:select') },
]" ]"
> >
<el-radio-group v-model="closeQuestionForm.Type"> <el-radio-group v-model="closeQuestionForm.Type">
<el-radio :label="1">{{ $t('trials:qcQuality:radio:reason1') }}</el-radio> <el-radio :label="1">{{
<el-radio :label="2">{{ $t('trials:qcQuality:radio:reason2') }}</el-radio> $t('trials:qcQuality:radio:reason1')
}}</el-radio>
<el-radio :label="2">{{
$t('trials:qcQuality:radio:reason2')
}}</el-radio>
<!-- <el-radio :label="3">{{ $t('trials:qcQuality:radio:reason3') }}</el-radio>--> <!-- <el-radio :label="3">{{ $t('trials:qcQuality:radio:reason3') }}</el-radio>-->
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
@ -356,23 +454,33 @@
:label="$t('trials:consistencyCheck:label:closereason')" :label="$t('trials:consistencyCheck:label:closereason')"
prop="Remake" prop="Remake"
:rules="[ :rules="[
{ required: true, message: $t('common:ruleMessage:specify')}, { required: true, message: $t('common:ruleMessage:specify') },
]" ]"
> >
<el-input <el-input
v-model="closeQuestionForm.Remake" v-model="closeQuestionForm.Remake"
type="textarea" type="textarea"
:autosize="{ minRows: 2, maxRows: 4}" :autosize="{ minRows: 2, maxRows: 4 }"
:placeholder="$t('common:ruleMessage:specify')" :placeholder="$t('common:ruleMessage:specify')"
/> />
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button :disabled="closeBtnLoading" size="small" type="primary" @click="closeQuestionVisible = false"> <el-button
:disabled="closeBtnLoading"
size="small"
type="primary"
@click="closeQuestionVisible = false"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<el-button :loading="closeBtnLoading" size="small" type="primary" @click="handleCloseQuestion"> <el-button
:loading="closeBtnLoading"
size="small"
type="primary"
@click="handleCloseQuestion"
>
{{ $t('common:button:save') }} {{ $t('common:button:save') }}
</el-button> </el-button>
</div> </div>
@ -380,7 +488,14 @@
</BaseContainer> </BaseContainer>
</template> </template>
<script> <script>
import { getQCChallengeList, getTrialSiteSelect, getTrialVisitStageSelect, getQCChallengeCreatorList, closeQCChallenge, getQCChallengeDialogList } from '@/api/trials' import {
getQCChallengeList,
getTrialSiteSelect,
getTrialVisitStageSelect,
getQCChallengeCreatorList,
closeQCChallenge,
getQCChallengeDialogList,
} from '@/api/trials'
import { getQCChallengeList_Export } from '@/api/export' import { getQCChallengeList_Export } from '@/api/export'
import BaseContainer from '@/components/BaseContainer' import BaseContainer from '@/components/BaseContainer'
import ChatForm from '@/views/trials/trials-panel/visit/qc-check/components/chatForm' import ChatForm from '@/views/trials/trials-panel/visit/qc-check/components/chatForm'
@ -397,7 +512,7 @@ const searchDataDefault = () => {
IsClosed: null, IsClosed: null,
PageIndex: 1, PageIndex: 1,
PageSize: 20, PageSize: 20,
ReuploadEnum: null ReuploadEnum: null,
} }
} }
export default { export default {
@ -418,19 +533,31 @@ export default {
creatorOptions: [], creatorOptions: [],
otherInfo: {}, otherInfo: {},
closeQuestionVisible: false, closeQuestionVisible: false,
closeQuestionForm: { Id: '', SubjectVisitId: '', Type: null, Reason: '', Remake: '' }, closeQuestionForm: {
Id: '',
SubjectVisitId: '',
Type: null,
Reason: '',
Remake: '',
},
closeBtnLoading: false, closeBtnLoading: false,
trialId: this.$route.query.trialId, trialId: this.$route.query.trialId,
/* eslint-disable */ /* eslint-disable */
currentUserId: zzSessionStorage.getItem('userId') currentUserId: zzSessionStorage.getItem('userId'),
} }
}, },
mounted() { mounted() {
if (this.$route.query.challengeState && this.$route.query.challengeState * 1 === 1) { if (
this.$route.query.challengeState &&
this.$route.query.challengeState * 1 === 1
) {
// ChallengeState:1 // ChallengeState:1
this.searchData.IsClosed = true this.searchData.IsClosed = true
} }
if (this.$route.query.challengeState && this.$route.query.challengeState * 1 === 2) { if (
this.$route.query.challengeState &&
this.$route.query.challengeState * 1 === 2
) {
// ChallengeState:2 // ChallengeState:2
this.searchData.IsClosed = false this.searchData.IsClosed = false
} }
@ -449,40 +576,57 @@ export default {
getList() { getList() {
this.loading = true this.loading = true
this.searchData.TrialId = this.trialId this.searchData.TrialId = this.trialId
getQCChallengeList(this.searchData).then(res => { getQCChallengeList(this.searchData)
this.loading = false .then((res) => {
this.list = res.Result.CurrentPageData this.loading = false
this.total = res.Result.TotalCount this.list = res.Result.CurrentPageData
this.otherInfo = res.OtherInfo this.total = res.Result.TotalCount
}).catch(() => { this.loading = false }) this.otherInfo = res.OtherInfo
})
.catch(() => {
this.loading = false
})
}, },
handleExport() { handleExport() {
getQCChallengeList_Export(this.searchData).then(res => { getQCChallengeList_Export(this.searchData)
}).catch(() => {}) .then((res) => {})
.catch(() => {})
}, },
// //
handleReply(row) { handleReply(row) {
this.loading = true this.loading = true
getQCChallengeDialogList(row.Id).then(res => { getQCChallengeDialogList(row.Id)
this.loading = false .then((res) => {
if (res.IsSuccess) { this.loading = false
if (res.Result.length > 0) { Object.assign(row, res.Result[0]) } if (res.IsSuccess) {
this.currentQCRow = { ...row } if (res.Result.length > 0) {
this.chatVisible = true Object.assign(row, res.Result[0])
} }
}).catch(() => { this.loading = false }) this.currentQCRow = { ...row }
this.chatVisible = true
}
})
.catch(() => {
this.loading = false
})
}, },
getDialogList() { getDialogList() {
this.loading = true this.loading = true
getQCChallengeDialogList(this.currentQCRow.Id).then(res => { getQCChallengeDialogList(this.currentQCRow.Id)
this.loading = false .then((res) => {
if (res.IsSuccess && res.Result.length > 0) { this.loading = false
var i = this.list.findIndex(item => item.Id === this.currentQCRow.Id) if (res.IsSuccess && res.Result.length > 0) {
if (i > -1) { var i = this.list.findIndex(
this.currentQCRow = Object.assign(this.list[i], res.Result[0]) (item) => item.Id === this.currentQCRow.Id
)
if (i > -1) {
this.currentQCRow = Object.assign(this.list[i], res.Result[0])
}
} }
} })
}).catch(() => { this.loading = false }) .catch(() => {
this.loading = false
})
}, },
// //
handleCloseQC(row) { handleCloseQC(row) {
@ -501,28 +645,37 @@ export default {
this.closeBtnLoading = true this.closeBtnLoading = true
if (this.closeQuestionForm.Type === 1) { if (this.closeQuestionForm.Type === 1) {
// //
this.closeQuestionForm.Reason = this.$t('trials:qcQuality:message:problemSolved') this.closeQuestionForm.Reason = this.$t(
'trials:qcQuality:message:problemSolved'
)
} else if (this.closeQuestionForm.Type === 2) { } else if (this.closeQuestionForm.Type === 2) {
// //
this.closeQuestionForm.Reason = `${this.$t('trials:qcQuality:message:problemNotSolved')}<br/><br/>${this.$t('trials:consistencyCheck:label:closereason')}:${this.closeQuestionForm.Remake}` this.closeQuestionForm.Reason = `${this.$t(
'trials:qcQuality:message:problemNotSolved'
)}<br/><br/>${this.$t('trials:consistencyCheck:label:closereason')}:${
this.closeQuestionForm.Remake
}`
} }
var params = { var params = {
TrialId: this.trialId, TrialId: this.trialId,
QcChallengeId: this.closeQuestionForm.Id, QcChallengeId: this.closeQuestionForm.Id,
SubjectVisitId: this.closeQuestionForm.SubjectVisitId, SubjectVisitId: this.closeQuestionForm.SubjectVisitId,
CloseEnum: this.closeQuestionForm.Type, CloseEnum: this.closeQuestionForm.Type,
CloseReason: this.closeQuestionForm.Reason CloseReason: this.closeQuestionForm.Reason,
} }
closeQCChallenge(params) closeQCChallenge(params)
.then(res => { .then((res) => {
this.closeBtnLoading = false this.closeBtnLoading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.getList() this.getList()
// ! // !
this.$message.success(this.$t('trials:qcQuality:message:closedSuccessfully')) this.$message.success(
this.$t('trials:qcQuality:message:closedSuccessfully')
)
this.closeQuestionVisible = false this.closeQuestionVisible = false
} }
}).catch(() => { })
.catch(() => {
this.closeBtnLoading = false this.closeBtnLoading = false
}) })
}) })
@ -553,24 +706,22 @@ export default {
}, },
// site // site
getSite() { getSite() {
getTrialSiteSelect(this.trialId).then(res => { getTrialSiteSelect(this.trialId).then((res) => {
this.siteOptions = res.Result this.siteOptions = res.Result
}) })
}, },
// 访 // 访
getVisitPlanOptions() { getVisitPlanOptions() {
getTrialVisitStageSelect(this.trialId) getTrialVisitStageSelect(this.trialId).then((res) => {
.then((res) => { this.visitPlanOptions = res.Result
this.visitPlanOptions = res.Result })
})
}, },
// //
getCreatorOptions() { getCreatorOptions() {
getQCChallengeCreatorList(this.trialId) getQCChallengeCreatorList(this.trialId).then((res) => {
.then((res) => { this.creatorOptions = res.Result
this.creatorOptions = res.Result })
}) },
} },
}
} }
</script> </script>