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-01-29 11:44:18 +08:00
commit 93a2d747c5
37 changed files with 1660 additions and 1548 deletions

View File

@ -12,6 +12,7 @@
<div style="width: 320px">
<el-form
label-width="100px"
@submit.native.prevent
size="small"
>
<el-form-item label="关键字">

View File

@ -1,146 +1,149 @@
<template>
<div class="agreements-info">
<el-table
:data="agreementList"
style="margin-top:10px;"
:span-method="objectSpanMethod"
border
size="small"
>
<el-table-column type="index" label="No." width="50" />
<el-table-column
prop="TrialCode"
label="Trial ID"
min-width="50"
show-overflow-tooltip
/>
<el-table-column prop="Type" label="File Type" min-width="80" show-overflow-tooltip />
<el-table-column
prop="FileName"
label="File Name"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
label="Upload Time"
min-width="60"
show-overflow-tooltip
/>
<el-table-column label="Action" min-width="150">
<template slot-scope="scope">
<el-button
v-if="(scope.row.Type=='Statement of Work') ||(scope.row.Type=='Acknowledgement of SOW') || scope.row.Type=='Consultant Agreement'"
size="small"
type="text"
@click="preview(scope.$index, scope.row)"
>View</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
doctorInfo: {
type: Object,
default() {
return {}
}
}
},
data() {
return {
agreementList: [],
spanArr: [],
pos: 0
}
},
created() {
this.initAgreement()
},
methods: {
initAgreement() {
if (this.doctorInfo.AttachmentList) {
this.doctorInfo.AttachmentList.forEach(item => {
if (item.Type === 'Consultant Agreement') {
item.TrialCode = ''
this.agreementList.push(item)
}
})
this.doctorInfo.SowList.forEach(item => {
item.Type = 'Statement of Work'
this.agreementList.push(item)
})
this.doctorInfo.AckSowList.forEach(item => {
item.Type = 'Acknowledgement of SOW'
this.agreementList.push(item)
})
this.agreementList = this.agreementList.sort((a, b) => {
if (a.TrialCode < b.TrialCode) {
return -1
} else if (a.TrialCode === b.TrialCode) {
return 1
} else {
return 0
}
})
this.getSpanArr(this.agreementList)
}
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 1) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
}
},
getSpanArr(data) {
for (var i = 0; i < data.length; i++) {
if (i === 0) {
this.spanArr.push(1)
this.pos = 0
} else {
//
if (data[i].TrialCode === data[i - 1].TrialCode) {
this.spanArr[this.pos] += 1
this.spanArr.push(0)
} else {
this.spanArr.push(1)
this.pos = i
}
}
}
},
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
window.open(filePath, '_blank')
}
},
timeFormatter(row) {
return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
},
officalFormatter(row, column) {
if (row.IsOfficial) {
return 'Yes'
} else {
return 'No'
}
}
}
}
</script>
<style lang="scss">
.agreements-info{
padding:5px 15px;
font-size:13px;
}
</style>
<template>
<div class="agreements-info">
<el-table
:data="agreementList"
style="margin-top:10px;"
:span-method="objectSpanMethod"
border
size="small"
>
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" label="No." width="50" />
<el-table-column
prop="TrialCode"
:label="$t('resumeInfo:label:TrialCode')"
min-width="50"
show-overflow-tooltip
/>
<el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="80" show-overflow-tooltip />
<el-table-column
prop="FileName"
:label="$t('resumeInfo:label:FileName')"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
:label="$t('resumeInfo:label:CreateTime')"
min-width="60"
show-overflow-tooltip
/>
<el-table-column label="Action" min-width="150">
<template slot-scope="scope">
<el-button
v-if="(scope.row.Type=='Statement of Work') ||(scope.row.Type=='Acknowledgement of SOW') || scope.row.Type=='Consultant Agreement'"
size="small"
type="text"
@click="preview(scope.$index, scope.row)"
>{{$t('resumeInfo:button:view')}}</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
doctorInfo: {
type: Object,
default() {
return {}
}
}
},
data() {
return {
agreementList: [],
spanArr: [],
pos: 0
}
},
created() {
this.initAgreement()
},
methods: {
initAgreement() {
if (this.doctorInfo.AttachmentList) {
this.doctorInfo.AttachmentList.forEach(item => {
if (item.Type === 'Consultant Agreement') {
item.TrialCode = ''
this.agreementList.push(item)
}
})
this.doctorInfo.SowList.forEach(item => {
item.Type = 'Statement of Work'
this.agreementList.push(item)
})
this.doctorInfo.AckSowList.forEach(item => {
item.Type = 'Acknowledgement of SOW'
this.agreementList.push(item)
})
this.agreementList = this.agreementList.sort((a, b) => {
if (a.TrialCode < b.TrialCode) {
return -1
} else if (a.TrialCode === b.TrialCode) {
return 1
} else {
return 0
}
})
this.getSpanArr(this.agreementList)
}
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 1) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
}
},
getSpanArr(data) {
for (var i = 0; i < data.length; i++) {
if (i === 0) {
this.spanArr.push(1)
this.pos = 0
} else {
//
if (data[i].TrialCode === data[i - 1].TrialCode) {
this.spanArr[this.pos] += 1
this.spanArr.push(0)
} else {
this.spanArr.push(1)
this.pos = i
}
}
}
},
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
},
timeFormatter(row) {
return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
},
officalFormatter(row, column) {
if (row.IsOfficial) {
return 'Yes'
} else {
return 'No'
}
}
}
}
</script>
<style lang="scss">
.agreements-info{
padding:5px 15px;
font-size:13px;
}
</style>

View File

@ -3,23 +3,23 @@
<el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
<el-row>
<el-col :span="6">
<el-form-item label="Name:">
<el-form-item :label="$t('resumeInfo:label:BlindName')">
<span>{{ basicInfo.BlindName }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Name CN:">
<el-form-item :label="$t('resumeInfo:label:ChineseName')">
<span>{{ basicInfo.BlindNameCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Gender:">
<el-form-item :label="$t('resumeInfo:label:Sex')">
<span v-if="isEnglish">{{ basicInfo.Sex === 0?'Male':'Female' }}</span>
<span v-else>{{ basicInfo.Sex === 0?'':'' }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Title:">
<el-form-item :label="$t('resumeInfo:label:Title')">
<span v-if="isEnglish">
{{ (Array.isArray(basicInfo.Title)&& basicInfo.Title.length > 0) ? basicInfo.TitleList.join(', ') : '' }}
</span>

View File

@ -1,48 +1,48 @@
<template>
<div class="comment-info">
<el-form :model="statusList" class="demo-form-inline" size="small">
<el-form-item label="Comment:">
<el-input
v-model="statusList.AdminComment"
type="textarea"
autosize
readonly
/>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
statusList: {
type: Object,
default() {
return {}
}
}
}
}
</script>
<style lang="scss">
.comment-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>
<template>
<div class="comment-info">
<el-form :model="statusList" class="demo-form-inline" size="small">
<el-form-item :label="$t('resumeInfo:label:Comment')">
<el-input
v-model="statusList.AdminComment"
type="textarea"
autosize
readonly
/>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
statusList: {
type: Object,
default() {
return {}
}
}
}
}
</script>
<style lang="scss">
.comment-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>

View File

@ -1,182 +1,233 @@
<template>
<div class="education-info">
<div class="btn-wrapper">
<el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">Download</el-button>
</div>
<el-table
:data="tblList"
:span-method="objectSpanMethod"
size="small"
@selection-change="selectMore"
>
<el-table-column type="selection" align="left" width="50" />
<el-table-column type="index" label="No." width="50" />
<el-table-column prop="Type" label="Type" min-width="50" show-overflow-tooltip />
<el-table-column
prop="FileName"
label="File Name"
min-width="80"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
label="Upload Time"
min-width="50"
show-overflow-tooltip
/>
<el-table-column label="Action" min-width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">View</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import { downloadByAttachmentId } from '@/api/reviewers'
export default {
props: {
attachmentList: {
type: Array,
default() {
return []
}
},
doctorId: {
type: String,
default: ''
}
},
data() {
return {
tblList: [],
checkID: [],
spanArr: [],
pos: 0
}
},
created() {
this.tblList = this.filterListByType(this.attachmentList)
this.getSpanArr(this.tblList)
},
methods: {
filterListByType(arr) {
var list = []
if (arr.length > 0) {
arr.forEach(item => {
if (item.Type === 'Diploma of the highest medical degree') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Medical Qualification Certificate') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Practice License') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(CT)') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(MRI)') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(NM)') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(US)') {
list.push(item)
}
})
}
return list
},
downloadAttachement() {
downloadByAttachmentId(this.doctorId, this.checkID).then(res => {
if (res.IsSuccess) {
var fullPath = res.Result.FullFilePath
window.open(fullPath)
}
})
},
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
window.open(filePath, '_blank')
}
},
selectMore(val) {
const arr = []
for (let index = 0; index < val.length; index++) {
arr.push(val[index].Id)
}
this.checkID = arr
},
getSpanArr(data) {
for (var i = 0; i < data.length; i++) {
if (i === 0) {
this.spanArr.push(1)
this.pos = 0
} else {
//
if (data[i].Type === data[i - 1].Type) {
this.spanArr[this.pos] += 1
this.spanArr.push(0)
} else {
this.spanArr.push(1)
this.pos = i
}
}
}
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 2) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
} else if (columnIndex === 3) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
} else if (columnIndex === 4) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
}
},
timeFormatter(row) {
return new Date(row.UpdateTime).format('yyyy-MM-dd hh:mm:ss')
}
}
}
</script>
<style lang="scss">
.education-info{
padding:5px 15px;
font-size:13px;
.btn-wrapper{
display: flex;
align-items: center;
}
}
</style>
<template>
<div class="education-info">
<div class="btn-wrapper">
<el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">{{$t('resumeInfo:button:Download')}}</el-button>
</div>
<el-table
:data="tblList"
:span-method="objectSpanMethod"
size="small"
@selection-change="selectMore"
>
<template slot="empty">
<span></span>
</template>
<el-table-column type="selection" align="left" width="50" />
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
<el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="50" show-overflow-tooltip />
<el-table-column
prop="FileName"
:label="$t('resumeInfo:label:FileName')"
min-width="80"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
:label="$t('resumeInfo:label:CreateTime')"
min-width="50"
show-overflow-tooltip
/>
<el-table-column :label="$t('common:action:action')" min-width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{$t('resumeInfo:button:view')}}</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
import { getDoctorAttachment } from '@/api/reviewers'
import axios from "axios";
import JSZip from "jszip";
import { saveAs } from 'file-saver'
export default {
props: {
attachmentList: {
type: Array,
default() {
return []
}
},
doctorId: {
type: String,
default: ''
}
},
data() {
return {
tblList: [],
checkID: [],
spanArr: [],
pos: 0
}
},
created() {
this.tblList = this.filterListByType(this.attachmentList)
this.getSpanArr(this.tblList)
},
methods: {
filterListByType(arr) {
var list = []
if (arr.length > 0) {
arr.forEach(item => {
if (item.Type === 'Diploma of the highest medical degree') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Medical Qualification Certificate') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Practice License') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(CT)') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(MRI)') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(NM)') {
list.push(item)
}
})
arr.forEach(item => {
if (item.Type === 'Modality Certificate(US)') {
list.push(item)
}
})
}
return list
},
getFileData(fileUrl) {
return new Promise((resolve, reject) => {
axios(fileUrl, {
method: 'GET',
responseType: 'blob' // blob arraybuffer
}).then((res) => {
console.log('res', res)
resolve(res)
}).catch(error => {
reject(error)
})
})
},
async handleBatchDown(dataSource) {
return new Promise(resolve => {
const zip = new JSZip() //
const promises = []
dataSource.FileList.forEach((item) => {
console.log(this.OSSclientConfig.basePath + item.Path)
const promise = this.getFileData(this.OSSclientConfig.basePath + item.Path).then((res) => {
const fileName = item.FileName + ''
// file() floder()
zip.file(fileName, res.data, {binary: true})
})
promises.push(promise)
})
console.log(promises)
// zip
Promise.all(promises).then(() => {
// zip
zip.generateAsync({
type: 'blob',
compression: 'DEFLATE', // STORE: DEFLATE
compressionOptions: {
level: 9 // 1~9 1 9
}
}).then((res) => {
saveAs(res, dataSource.ReviewerCode + '_Credentials.zip') // 使FileSaver.saveAs
resolve()
})
}).catch(reason => {
resolve()
})
})
},
downloadAttachement() {
getDoctorAttachment({
DoctorId: this.doctorId,
AttachmentIdList: this.checkID
}).then(res => {
this.handleBatchDown(res.Result)
})
},
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
},
selectMore(val) {
const arr = []
for (let index = 0; index < val.length; index++) {
arr.push(val[index].Id)
}
this.checkID = arr
},
getSpanArr(data) {
for (var i = 0; i < data.length; i++) {
if (i === 0) {
this.spanArr.push(1)
this.pos = 0
} else {
//
if (data[i].Type === data[i - 1].Type) {
this.spanArr[this.pos] += 1
this.spanArr.push(0)
} else {
this.spanArr.push(1)
this.pos = i
}
}
}
},
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 2) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
} else if (columnIndex === 3) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
} else if (columnIndex === 4) {
const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0
return {
rowspan: _row,
colspan: _col
}
}
},
timeFormatter(row) {
return new Date(row.UpdateTime).format('yyyy-MM-dd hh:mm:ss')
}
}
}
</script>
<style lang="scss">
.education-info{
padding:5px 15px;
font-size:13px;
.btn-wrapper{
display: flex;
align-items: center;
}
}
</style>

View File

@ -1,188 +1,194 @@
<template>
<div class="education-info">
<div class="title">Education (in chronological order)</div>
<el-table :data="educationList" border style="width: 100%;margin-top:10px;" size="small">
<el-table-column type="index" label="No." width="45" />
<el-table-column
prop="BeginDateStr"
label="Start"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="EndDateStr"
label="End"
min-width="55"
show-overflow-tooltip
/>
<el-table-column prop="Degree" label="Degree" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Degree">
{{ isEnglish?scope.row.Degree:scope.row.DegreeCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Major" label="Major" min-width="130" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Major">
{{ isEnglish?scope.row.Major:scope.row.MajorCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Organization"
label="Institution"
min-width="150"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Organization">
{{ isEnglish?scope.row.Organization:scope.row.OrganizationCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Province"
label="State/Province"
min-width="80"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Province">
{{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }}
</span>
</template>
</el-table-column>
</el-table>
<div class="title">Postgraduate Training (in chronological order)</div>
<el-table :data="postgraduateList" border style="width: 100%" size="small">
<el-table-column type="index" label="No." width="45" />
<el-table-column
prop="BeginDateStr"
label="Start"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="EndDateStr"
label="End"
min-width="55"
show-overflow-tooltip
/>
<el-table-column prop="Training" label="Training" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Training">
{{ isEnglish?scope.row.Training:scope.row.TrainingCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Major"
label="Specialty / Research Field"
min-width="140"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Major">
{{ isEnglish?scope.row.Major:scope.row.MajorCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Hospital" label="Hospital" min-width="110" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Hospital">
{{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="School" label="University" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.School">
{{ isEnglish?scope.row.School:scope.row.SchoolCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Province"
label="State/Province"
min-width="90"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Province">
{{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }}
</span>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
educationList: {
type: Array,
default() {
return []
}
},
postgraduateList: {
type: Array,
default() {
return []
}
},
isEnglish: {
type: Boolean
}
},
methods: {
}
}
</script>
<style lang="scss">
.education-info{
padding:5px 15px;
font-size:13px;
.title{
height: 30px;
line-height: 30px;
background-color: #9c9fa6;
font-size: 14px;
padding-left: 10px;
color: #fff;
margin: 10px 0;
}
}
</style>
<template>
<div class="education-info">
<div class="title">{{ $t('resumeInfo:label:Education') }}</div>
<el-table :data="educationList" border style="width: 100%;margin-top:10px;" size="small">
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
<el-table-column
prop="BeginDateStr"
:label="$t('resumeInfo:label:BeginDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="EndDateStr"
:label="$t('resumeInfo:label:EndDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column prop="Degree" :label="$t('resumeInfo:label:Degree')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Degree">
{{ isEnglish?scope.row.Degree:scope.row.DegreeCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Major" :label="$t('resumeInfo:label:Major')" min-width="130" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Major">
{{ isEnglish?scope.row.Major:scope.row.MajorCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Organization"
:label="$t('resumeInfo:label:Institution')"
min-width="150"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Organization">
{{ isEnglish?scope.row.Organization:scope.row.OrganizationCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Province"
:label="$t('resumeInfo:label:Province')"
min-width="80"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Province">
{{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }}
</span>
</template>
</el-table-column>
</el-table>
<div class="title">{{$t('resumeInfo:label:PostgraduateTraining')}}</div>
<el-table :data="postgraduateList" border style="width: 100%" size="small">
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
<el-table-column
prop="BeginDateStr"
:label="$t('resumeInfo:label:BeginDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="EndDateStr"
:label="$t('resumeInfo:label:EndDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column prop="Training" :label="$t('resumeInfo:label:Training')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Training">
{{ isEnglish?scope.row.Training:scope.row.TrainingCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Major"
:label="$t('resumeInfo:label:Specialty')"
min-width="140"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Major">
{{ isEnglish?scope.row.Major:scope.row.MajorCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Hospital" :label="$t('resumeInfo:label:Hospital')" min-width="110" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Hospital">
{{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="School" :label="$t('resumeInfo:label:University')" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.School">
{{ isEnglish?scope.row.School:scope.row.SchoolCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="Province"
:label="$t('resumeInfo:label:StateProvince')"
min-width="90"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-show="scope.row.Province">
{{ isEnglish?scope.row.Province:scope.row.ProvinceCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }}
</span>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
educationList: {
type: Array,
default() {
return []
}
},
postgraduateList: {
type: Array,
default() {
return []
}
},
isEnglish: {
type: Boolean
}
},
methods: {
}
}
</script>
<style lang="scss">
.education-info{
padding:5px 15px;
font-size:13px;
.title{
height: 30px;
line-height: 30px;
background-color: #9c9fa6;
font-size: 14px;
padding-left: 10px;
color: #fff;
margin: 10px 0;
}
}
</style>

View File

@ -3,25 +3,25 @@
<el-form :inline="true" :model="employment" class="demo-form-inline" size="small">
<el-row>
<el-col :span="6">
<el-form-item label="Department:">
<el-form-item :label="$t('resumeInfo:label:Department')">
<span v-if="isEnglish">{{ employment.Department }}</span>
<span v-else>{{ employment.DepartmentCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Rank:">
<el-form-item :label="$t('resumeInfo:label:Rank')">
<span v-if="isEnglish">{{ employment.Rank }}</span>
<span v-else>{{ employment.RankCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Physician:">
<el-form-item :label="$t('resumeInfo:label:Physician')">
<span v-if="isEnglish">{{ employment.Physician }}</span>
<span v-else>{{ employment.PhysicianCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Position:">
<el-form-item :label="$t('resumeInfo:label:Position')">
<span v-if="isEnglish">{{ employment.Position }}</span>
<span v-else>{{ employment.PositionCN }}</span>
</el-form-item>
@ -30,31 +30,31 @@
<el-row>
<el-col :span="6">
<el-form-item label="Hospital:">
<el-form-item :label="$t('resumeInfo:label:Hospital')">
<span v-if="isEnglish">{{ employment.HospitalName }}</span>
<span v-else>{{ employment.HospitalNameCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Affiliated University:">
<el-form-item :label="$t('resumeInfo:label:Affiliated')">
<span v-if="isEnglish">{{ employment.UniversityAffiliated }}</span>
<span v-else>{{ employment.UniversityAffiliatedCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="City:">
<el-form-item :label="$t('resumeInfo:label:City')">
<span v-if="isEnglish">{{ employment.City }}</span>
<span v-else>{{ employment.CityCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="State/Province:">
<el-form-item :label="$t('resumeInfo:label:StateProvince')">
<span v-if="isEnglish">{{ employment.Province }}</span>
<span v-else>{{ employment.ProvinceCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Country:">
<el-form-item :label="$t('resumeInfo:label:Country:')">
<span v-if="isEnglish">{{ employment.Country }}</span>
<span v-else>{{ employment.CountryCN }}</span>
</el-form-item>

View File

@ -1,7 +1,7 @@
<template>
<div class="research-info">
<el-form :model="researchInfo" class="demo-form-inline" size="small">
<el-form-item label="Field of Research:">
<el-form-item :label="$t('resumeInfo:label:FieldofResearch')" prop="FieldofResearch">
<el-input
v-if="isEnglish"
v-model="researchInfo.Research"
@ -18,7 +18,7 @@
/>
</el-form-item>
<el-form-item label="Grants:">
<el-form-item :label="$t('resumeInfo:label:Grants')" prop="Grants">
<el-input
v-if="isEnglish"
v-model="researchInfo.Grants"
@ -35,7 +35,7 @@
/>
</el-form-item>
<el-form-item label="Publications:">
<el-form-item :label="$t('resumeInfo:label:Publications')" prop="BlindPublications">
<el-input
v-model="auditView.BlindPublications"
type="textarea"
@ -44,7 +44,7 @@
/>
</el-form-item>
<el-form-item label="Awards & Honors:">
<el-form-item :label="$t('resumeInfo:label:Awards&Honors')" prop="AwardsHonors">
<el-input
v-if="isEnglish"
v-model="researchInfo.AwardsHonors"

View File

@ -1,98 +1,101 @@
<template>
<div class="resume-info">
<el-table :data="list" style="margin-top:10px;" size="small">
<el-table-column type="index" label="No." width="50" />
<el-table-column
prop="FileName"
label="File Name"
min-width="60"
show-overflow-tooltip
/>
<el-table-column
prop="Isoffical"
label="Offical"
min-width="50"
:formatter="officalFormatter"
show-overflow-tooltip
/>
<el-table-column
prop="Language"
label="Language"
min-width="50"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'' }}
</template>
</el-table-column>
<el-table-column
prop="CreateTime"
label="Upload Time"
min-width="60"
show-overflow-tooltip
/>
<el-table-column label="Action" min-width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">Download</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
resumeList: {
type: Array,
default() {
return []
}
}
},
data() {
return {
list: []
}
},
created() {
this.list = this.filterResume(this.resumeList)
},
methods: {
filterResume(arr) {
var list = []
if (arr.length > 0) {
arr.forEach(item => {
if (item.Type === 'Resume') {
list.push(item)
}
})
}
return list
},
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
window.open(filePath, '_blank')
}
},
timeFormatter(row) {
return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
},
officalFormatter(row, column) {
if (row.IsOfficial) {
return 'Yes'
} else {
return 'No'
}
}
}
}
</script>
<style lang="scss">
.resume-info{
padding:5px 15px;
font-size:13px;
}
</style>
<template>
<div class="resume-info">
<el-table :data="list" style="margin-top:10px;" size="small">
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
<el-table-column
prop="FileName"
:label="$t('resumeInfo:label:FileName')"
min-width="60"
show-overflow-tooltip
/>
<el-table-column
prop="Isoffical"
:label="$t('resumeInfo:label:Isoffical')"
min-width="50"
:formatter="officalFormatter"
show-overflow-tooltip
/>
<el-table-column
prop="Language"
:label="$t('resumeInfo:label:Language')"
min-width="50"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'' }}
</template>
</el-table-column>
<el-table-column
prop="CreateTime"
:label="$t('resumeInfo:label:CreateTime')"
min-width="60"
show-overflow-tooltip
/>
<el-table-column :label="$t('common:action:action')" min-width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{ $t('common:button:download') }}</el-button>
</template>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
props: {
resumeList: {
type: Array,
default() {
return []
}
}
},
data() {
return {
list: []
}
},
created() {
this.list = this.filterResume(this.resumeList)
},
methods: {
filterResume(arr) {
var list = []
if (arr.length > 0) {
arr.forEach(item => {
if (item.Type === 'Resume') {
list.push(item)
}
})
}
return list
},
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
console.log(this.OSSclientConfig.basePath + filePath)
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
},
timeFormatter(row) {
return new Date(row.CreateTime).format('yyyy-MM-dd hh:mm:ss')
},
officalFormatter(row, column) {
if (row.IsOfficial) {
return 'Yes'
} else {
return 'No'
}
}
}
}
</script>
<style lang="scss">
.resume-info{
padding:5px 15px;
font-size:13px;
}
</style>

View File

@ -1,58 +1,58 @@
<template>
<div class="specialty-info">
<el-form :model="specialty" class="demo-form-inline" size="small">
<el-form-item label="Specialty:">
<span v-if="isEnglish">{{ specialty.Speciality }}</span>
<span v-else>{{ specialty.SpecialityCN }}</span>
</el-form-item>
<el-form-item label="Subspeciality:">
<span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
<span v-else>{{ specialty.SubspecialityCNList }}</span>
</el-form-item>
<el-form-item label="Modality:">
<span v-if="isEnglish">{{ specialty.ReadingType }}</span>
<span v-else>{{ specialty.ReadingTypeCNList }}</span>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
specialty: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.specialty-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>
<template>
<div class="specialty-info">
<el-form :model="specialty" class="demo-form-inline" size="small">
<el-form-item :label="$t('resumeInfo:label:Speciality')">
<span v-if="isEnglish">{{ specialty.Speciality }}</span>
<span v-else>{{ specialty.SpecialityCN }}</span>
</el-form-item>
<el-form-item :label="$t('resumeInfo:label:Subspeciality')">
<span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
<span v-else>{{ specialty.SubspecialityCNList }}</span>
</el-form-item>
<el-form-item :label="$t('resumeInfo:label:ReadingType')">
<span v-if="isEnglish">{{ specialty.ReadingType }}</span>
<span v-else>{{ specialty.ReadingTypeCNList }}</span>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
specialty: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.specialty-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>

View File

@ -3,7 +3,7 @@
<el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
<el-row>
<el-col :span="6">
<el-form-item label="Pending:">
<el-form-item :label="$t('resumeInfo:label:Pending')">
<span v-if="statusList.Submitted" style="color:#428bca">
<router-link
:to="{
@ -17,7 +17,7 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Approved:">
<el-form-item :label="$t('resumeInfo:label:Approved')">
<span v-if="statusList.Approved" style="color:#428bca">
<router-link
:to="{
@ -31,7 +31,7 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Reading:">
<el-form-item :label="$t('resumeInfo:label:Reading')">
<span v-if="statusList.Reading" style="color:#428bca">
<router-link
:to="{
@ -44,19 +44,19 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="On Vacation:">
<el-form-item :label="$t('resumeInfo:label:Vacation')">
<span style="font-size:12px;margin-right:20px;">{{ holiday }}</span>
<el-button
type="text"
size="small"
@click="initHolidayList"
>Planned Vacation</el-button>
>{{ $t('resumeInfo:label:PlannedVacation') }}</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-dialog
title="Vacation"
:title="$t('resumeInfo:label:Vacation')"
:visible.sync="dialogVisible"
width="35%"
:close-on-click-modal="false"
@ -65,13 +65,13 @@
<el-table-column type="index" />
<el-table-column
property="StartDate"
label="Beginning Date"
:label="$t('resumeInfo:label:BeginningDate')"
min-width="120"
:formatter="beginTimeFormatter"
/>
<el-table-column
property="EndDate"
label="End Date"
:label="$t('resumeInfo:label:EndDate')"
min-width="120"
:formatter="endTimeFormatter"
/>

View File

@ -1,12 +1,15 @@
<template>
<div class="trialExperience-info">
<div class="title">Clinical Trial Experience</div>
<div class="title">{{$t('resumeInfo:title:ClinicalTrialExperience')}}</div>
<el-table :data="GCPList" border style="width: 100%" size="small">
<el-table-column type="index" label="No." width="50" />
<el-table-column prop="Phase" label="Phase" min-width="20" show-overflow-tooltip />
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
<el-table-column prop="Phase" :label="$t('resumeInfo:label:Phase')" min-width="20" show-overflow-tooltip />
<el-table-column
prop="EvaluationCriteriaList"
label="Review Criteria"
:label="$t('resumeInfo:label:ReviewCriteria')"
min-width="40"
show-overflow-tooltip
>
@ -16,24 +19,30 @@
</el-table-column>
<el-table-column
prop="VisitReadingCount"
label="Visit Reading Count"
:label="$t('resumeInfo:label:VisitReadingCount')"
min-width="150"
show-overflow-tooltip
/>
<el-table-column
prop="EvaluationContent"
label="Indication"
:label="$t('resumeInfo:label:EvaluationContent')"
min-width="150"
show-overflow-tooltip
/>
</el-table>
<el-form :model="form" class="demo-form-inline" size="small">
<el-form-item label="GCP Certificate:">
<el-form-item :label="$t('resumeInfo:label:GCPCertificate')">
<span>{{ GCP }}</span>
<a
v-if="form.GCP"
href="#"
class="view"
@click.prevent="previewGCP()"
>View</a>
</el-form-item>
<el-form-item label="Other Relevant Experience:">
<el-form-item :label="$t('resumeInfo:label:OtherRelevantExperience')">
<el-input
v-if="isEnglish"
v-model="form.OtherClinicalExperience"

View File

@ -16,36 +16,24 @@
<div style="flex:1;margin-top:50px;overflow-y: auto;">
<el-collapse v-model="activeNames">
<el-collapse-item title="Basic Info" name="1">
<el-collapse-item :title="$t('resumeInfo:title:BasicInfo')" name="1">
<basic-info :basic-info="doctorInfo.BasicInfoView" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Employment" name="2">
<el-collapse-item :title="$t('resumeInfo:title:Employment')" name="2">
<Employment :employment="workInfo" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Specialty" name="3">
<el-collapse-item :title="$t('resumeInfo:title:Specialty')" name="3">
<Specialty :specialty="specialtyList" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Education & Training" name="4">
<el-collapse-item :title="$t('resumeInfo:title:Education&Training')" name="4">
<education-training :education-list="doctorInfo.EducationList" :postgraduate-list="doctorInfo.PostgraduateList" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Research & Publication" name="5">
<el-collapse-item :title="$t('resumeInfo:title:Research&Publication')" name="5">
<research-publication :research-info="doctorInfo.ResearchPublicationView" :audit-view="doctorInfo.AuditView" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Trial Experience" name="6">
<el-collapse-item :title="$t('resumeInfo:title:TrialExperience')" name="6">
<trial-experience v-if="doctorInfo.TrialExperienceView" :trial-experience="doctorInfo.TrialExperienceView" :is-english="isEnglish" />
</el-collapse-item>
<!-- <el-collapse-item title="Credentials" name="7">-->
<!-- <Credentials v-if="doctorInfo.AttachmentList" :attachment-list="doctorInfo.AttachmentList" :doctor-id="doctorId" />-->
<!-- </el-collapse-item>-->
<!-- <el-collapse-item title="Resume" name="8">-->
<!-- <Resume v-if="doctorInfo.AttachmentList" :resume-list="doctorInfo.AttachmentList" />-->
<!-- </el-collapse-item>-->
<!-- <el-collapse-item title="Agreements" name="9">-->
<!-- <Agreements v-if="doctorInfo.AttachmentList" :doctor-info="doctorInfo" />-->
<!-- </el-collapse-item>-->
<!-- <el-collapse-item title="Comment" name="10">-->
<!-- <Comment :status-list="statusList" />-->
<!-- </el-collapse-item>-->
</el-collapse>
</div>
</div>
@ -63,6 +51,7 @@ import Credentials from './components/Credentials'
import Resume from './components/Resume'
import Agreements from './components/Agreements'
import Comment from './components/Comment'
import {mapMutations} from "vuex";
export default {
components: { StatusInfo, BasicInfo, Employment, Specialty, EducationTraining, ResearchPublication, TrialExperience, Credentials, Resume, Agreements, Comment },
data() {
@ -90,13 +79,26 @@ export default {
doctorId: ''
}
},
watch: {
isEnglish(v) {
if (v === true) {
this.$i18n.locale = 'en'
this.setLanguage('en')
this.$updateDictionary()
} else {
this.$i18n.locale = 'zh'
this.setLanguage('zh')
this.$updateDictionary()
}
}
},
mounted() {
this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
this.doctorId = this.$route.query.doctorId
this.initForm()
},
methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
initStatus() {
if (this.doctorInfo.AuditView) {
const res = this.doctorInfo.AuditView

View File

@ -13,9 +13,14 @@
<el-input v-model="form.SiteCode" disabled />
</el-form-item>
<el-form-item label="Site Name: " prop="SiteName">
<!-- 中心名称 -->
<el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
<el-input v-model="form.SiteName" />
</el-form-item>
<!-- 中心名称CN -->
<el-form-item :label="$t('trials:customSite:form:siteName') + 'CN'" v-if="!show" prop="SiteNameCN">
<el-input v-model="form.SiteNameCN" />
</el-form-item>
<el-form-item label="Alias Name: ">
<el-input v-model="form.AliasName" />
@ -113,6 +118,10 @@ export default {
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
],
SiteNameCN: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
],
SiteCode: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
@ -144,11 +153,13 @@ export default {
{ max: 50, message: 'The maximum length is 50' }
]
},
loading: false
loading: false,
show: false
}
},
mounted() {
this.initForm()
this.show = process.env.VUE_APP_OSS_PATH === '/usa/dist'
},
methods: {
handleSave() {

View File

@ -75,7 +75,7 @@ export default {
},
downLoadFile(filePath) {
if (!filePath) return
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
},
preview(file) {
this.$set(this.fileInfo, 'currentId', file.Id)

View File

@ -1,100 +1,100 @@
<template>
<div v-loading="loading" class="preview-wrapper">
<el-tabs tab-position="right" type="card">
<el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
<iframe
v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
frameborder="0"
:src="file.FullFilePath"
width="100%"
height="100%"
/>
<!-- <embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%"> -->
<!-- <iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath+'#toolbar=0'" width="100%" height="100%" frameborder="0" /> -->
<iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="`/static/pdfjs/web/viewer.html?file=${file.FullFilePath}`" width="100%" height="100%" frameborder="0" />
<div v-else>
{{ $t('common:message:downloadFile') }}
<el-link type="primary" @click="downLoadFile(file.FullFilePath)">{{ $t('common:button:download') }}</el-link>
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import { getNoneDicomStudyFileList } from '@/api/trials'
import store from '@/store'
import { changeURLStatic } from '@/utils/history.js'
export default {
name: 'SingleNoneDicom',
data() {
return {
fileType: '',
fileUrl: '',
loading: false,
fileList: [],
noneDicomId: ''
}
},
mounted() {
if (this.$router.currentRoute.query.TokenKey) {
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
changeURLStatic('TokenKey', '')
}
this.noneDicomId = this.$router.currentRoute.query.Id
this.getFileList()
},
methods: {
getFileList() {
this.loading = true
getNoneDicomStudyFileList(this.noneDicomId).then(res => {
this.fileList = res.Result
this.fileList.forEach(file => {
const fileName = file.FileName
file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
})
this.loading = false
}).catch(() => { this.loading = false })
},
downLoadFile(filePath) {
if (!filePath) return
window.open(filePath, '_blank')
}
}
}
</script>
<style lang="scss">
.preview-wrapper{
height: 100%;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.el-tabs{
display: flex;
flex-direction: row !important;
width: 100%;
height: 100%;
.el-tabs__header{
margin-right: 10px !important;
height: 100% !important;
width: 300px;
border: 2px solid #E4E7ED;
overflow: auto;
}
.el-tabs__content{
flex: 1;
height: 100%;
.el-tab-pane{
height: 100%;
}
}
}
}
</style>
<template>
<div v-loading="loading" class="preview-wrapper">
<el-tabs tab-position="right" type="card">
<el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
<iframe
v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
frameborder="0"
:src="file.FullFilePath"
width="100%"
height="100%"
/>
<!-- <embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%"> -->
<!-- <iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath+'#toolbar=0'" width="100%" height="100%" frameborder="0" /> -->
<iframe v-else-if="file.Type.indexOf('pdf') !== -1" :src="`/static/pdfjs/web/viewer.html?file=${file.FullFilePath}`" width="100%" height="100%" frameborder="0" />
<div v-else>
{{ $t('common:message:downloadFile') }}
<el-link type="primary" @click="downLoadFile(file.FullFilePath)">{{ $t('common:button:download') }}</el-link>
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import { getNoneDicomStudyFileList } from '@/api/trials'
import store from '@/store'
import { changeURLStatic } from '@/utils/history.js'
export default {
name: 'SingleNoneDicom',
data() {
return {
fileType: '',
fileUrl: '',
loading: false,
fileList: [],
noneDicomId: ''
}
},
mounted() {
if (this.$router.currentRoute.query.TokenKey) {
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
changeURLStatic('TokenKey', '')
}
this.noneDicomId = this.$router.currentRoute.query.Id
this.getFileList()
},
methods: {
getFileList() {
this.loading = true
getNoneDicomStudyFileList(this.noneDicomId).then(res => {
this.fileList = res.Result
this.fileList.forEach(file => {
const fileName = file.FileName
file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
})
this.loading = false
}).catch(() => { this.loading = false })
},
downLoadFile(filePath) {
if (!filePath) return
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
}
}
</script>
<style lang="scss">
.preview-wrapper{
height: 100%;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.el-tabs{
display: flex;
flex-direction: row !important;
width: 100%;
height: 100%;
.el-tabs__header{
margin-right: 10px !important;
height: 100% !important;
width: 300px;
border: 2px solid #E4E7ED;
overflow: auto;
}
.el-tabs__content{
flex: 1;
height: 100%;
.el-tab-pane{
height: 100%;
}
}
}
}
</style>

View File

@ -14,21 +14,21 @@
<el-table-column
prop="TrialCode"
label="Trial ID"
:label="$t('resumeInfo:label:TrialCode')"
min-width="50"
show-overflow-tooltip
/>
<el-table-column prop="Type" label="File Type" min-width="80" show-overflow-tooltip />
<el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="80" show-overflow-tooltip />
<el-table-column
prop="FileName"
label="File Name"
:label="$t('resumeInfo:label:FileName')"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
label="Upload Time"
:label="$t('resumeInfo:label:CreateTime')"
min-width="60"
show-overflow-tooltip
/>
@ -39,7 +39,7 @@
size="small"
type="text"
@click="preview(scope.$index, scope.row)"
>View</el-button>
>{{$t('resumeInfo:button:view')}}</el-button>
</template>
</el-table-column>
</el-table>
@ -124,7 +124,7 @@ export default {
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
},
timeFormatter(row) {

View File

@ -1,101 +1,101 @@
<template>
<div class="basic-info">
<el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
<el-row>
<el-col :span="6">
<el-form-item label="Surname:">
<span>{{ basicInfo.LastName }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Given Name:">
<span>{{ basicInfo.FirstName }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Name CN:">
<span>{{ basicInfo.ChineseName }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="ID:">
<span>{{ basicInfo.ReviewerCode }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="Gender:">
<span v-if="isEnglish">{{ basicInfo.Sex === 0?'Male':'Female' }}</span>
<span v-else>{{ basicInfo.Sex === 0?'':'' }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Title:">
<span v-if="isEnglish">
{{ (Array.isArray(basicInfo.Title)&& basicInfo.Title.length > 0) ? basicInfo.TitleList.join(', ') : '' }}
</span>
<span v-else>
{{ (Array.isArray(basicInfo.TitleCNList)&& basicInfo.TitleCNList.length > 0) ? basicInfo.TitleCNList.join(', ') : '' }}
</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Phone:">
<span>{{ basicInfo.Phone }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Email:">
<span>{{ basicInfo.EMail }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item label="WeChat:">
<span>{{ basicInfo.WeChat }}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
export default {
props: {
basicInfo: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.basic-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>
<template>
<div class="basic-info">
<el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
<el-row>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:Surname')">
<span>{{ basicInfo.LastName }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:FirstName')">
<span>{{ basicInfo.FirstName }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:ChineseName')">
<span>{{ basicInfo.ChineseName }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:ReviewerCode')">
<span>{{ basicInfo.ReviewerCode }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:Sex')">
<span v-if="isEnglish">{{ basicInfo.Sex === 0?'Male':'Female' }}</span>
<span v-else>{{ basicInfo.Sex === 0?'':'' }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:Title')">
<span v-if="isEnglish">
{{ (Array.isArray(basicInfo.Title)&& basicInfo.Title.length > 0) ? basicInfo.TitleList.join(', ') : '' }}
</span>
<span v-else>
{{ (Array.isArray(basicInfo.TitleCNList)&& basicInfo.TitleCNList.length > 0) ? basicInfo.TitleCNList.join(', ') : '' }}
</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:Phone')">
<span>{{ basicInfo.Phone }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:Email')">
<span>{{ basicInfo.EMail }}</span>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="6">
<el-form-item :label="$t('resumeInfo:label:WeChat')">
<span>{{ basicInfo.WeChat }}</span>
</el-form-item>
</el-col>
</el-row>
</el-form>
</div>
</template>
<script>
export default {
props: {
basicInfo: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.basic-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>

View File

@ -1,48 +1,48 @@
<template>
<div class="comment-info">
<el-form :model="statusList" class="demo-form-inline" size="small">
<el-form-item label="Comment:">
<el-input
v-model="statusList.AdminComment"
type="textarea"
autosize
readonly
/>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
statusList: {
type: Object,
default() {
return {}
}
}
}
}
</script>
<style lang="scss">
.comment-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>
<template>
<div class="comment-info">
<el-form :model="statusList" class="demo-form-inline" size="small">
<el-form-item :label="$t('resumeInfo:label:Comment')">
<el-input
v-model="statusList.AdminComment"
type="textarea"
autosize
readonly
/>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
statusList: {
type: Object,
default() {
return {}
}
}
}
}
</script>
<style lang="scss">
.comment-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>

View File

@ -1,7 +1,7 @@
<template>
<div class="education-info">
<div class="btn-wrapper">
<el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">Download</el-button>
<el-button style="margin-left:auto" size="small" :disabled="checkID.length==0" @click="downloadAttachement">{{$t('resumeInfo:button:Download')}}</el-button>
</div>
<el-table
:data="tblList"
@ -13,23 +13,23 @@
<span></span>
</template>
<el-table-column type="selection" align="left" width="50" />
<el-table-column type="index" label="No." width="50" />
<el-table-column prop="Type" label="Type" min-width="50" show-overflow-tooltip />
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
<el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="50" show-overflow-tooltip />
<el-table-column
prop="FileName"
label="File Name"
:label="$t('resumeInfo:label:FileName')"
min-width="80"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
label="Upload Time"
:label="$t('resumeInfo:label:CreateTime')"
min-width="50"
show-overflow-tooltip
/>
<el-table-column label="Action" min-width="150">
<el-table-column :label="$t('common:action:action')" min-width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">View</el-button>
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{$t('resumeInfo:button:view')}}</el-button>
</template>
</el-table-column>
</el-table>
@ -163,7 +163,7 @@ export default {
preview(index, row) {
const filePath = row.FullPath
if (filePath) {
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
},
selectMore(val) {

View File

@ -1,31 +1,31 @@
<template>
<div class="education-info">
<div class="title">Education (in chronological order)</div>
<div class="title">{{ $t('resumeInfo:label:Education') }}</div>
<el-table :data="educationList" border style="width: 100%;margin-top:10px;" size="small">
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" label="No." width="45" />
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
<el-table-column
prop="BeginDateStr"
label="Start"
:label="$t('resumeInfo:label:BeginDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="EndDateStr"
label="End"
:label="$t('resumeInfo:label:EndDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column prop="Degree" label="Degree" min-width="70" show-overflow-tooltip>
<el-table-column prop="Degree" :label="$t('resumeInfo:label:Degree')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Degree">
{{ isEnglish?scope.row.Degree:scope.row.DegreeCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="Major" label="Major" min-width="130" show-overflow-tooltip>
<el-table-column prop="Major" :label="$t('resumeInfo:label:Major')" min-width="130" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Major">
{{ isEnglish?scope.row.Major:scope.row.MajorCN }}
@ -34,7 +34,7 @@
</el-table-column>
<el-table-column
prop="Organization"
label="Institution"
:label="$t('resumeInfo:label:Institution')"
min-width="150"
show-overflow-tooltip
>
@ -44,7 +44,7 @@
</span>
</template>
</el-table-column>
<el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
<el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }}
@ -53,7 +53,7 @@
</el-table-column>
<el-table-column
prop="Province"
label="State/Province"
:label="$t('resumeInfo:label:Province')"
min-width="80"
show-overflow-tooltip
>
@ -63,7 +63,7 @@
</span>
</template>
</el-table-column>
<el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
<el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }}
@ -72,25 +72,25 @@
</el-table-column>
</el-table>
<div class="title">Postgraduate Training (in chronological order)</div>
<div class="title">{{$t('resumeInfo:label:PostgraduateTraining')}}</div>
<el-table :data="postgraduateList" border style="width: 100%" size="small">
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" label="No." width="45" />
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="45" />
<el-table-column
prop="BeginDateStr"
label="Start"
:label="$t('resumeInfo:label:BeginDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column
prop="EndDateStr"
label="End"
:label="$t('resumeInfo:label:EndDateStr')"
min-width="55"
show-overflow-tooltip
/>
<el-table-column prop="Training" label="Training" min-width="70" show-overflow-tooltip>
<el-table-column prop="Training" :label="$t('resumeInfo:label:Training')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Training">
{{ isEnglish?scope.row.Training:scope.row.TrainingCN }}
@ -99,7 +99,7 @@
</el-table-column>
<el-table-column
prop="Major"
label="Specialty / Research Field"
:label="$t('resumeInfo:label:Specialty')"
min-width="140"
show-overflow-tooltip
>
@ -110,21 +110,21 @@
</template>
</el-table-column>
<el-table-column prop="Hospital" label="Hospital" min-width="110" show-overflow-tooltip>
<el-table-column prop="Hospital" :label="$t('resumeInfo:label:Hospital')" min-width="110" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Hospital">
{{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="School" label="University" min-width="120" show-overflow-tooltip>
<el-table-column prop="School" :label="$t('resumeInfo:label:University')" min-width="120" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.School">
{{ isEnglish?scope.row.School:scope.row.SchoolCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="City" label="City" min-width="70" show-overflow-tooltip>
<el-table-column prop="City" :label="$t('resumeInfo:label:City')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }}
@ -133,7 +133,7 @@
</el-table-column>
<el-table-column
prop="Province"
label="State/Province"
:label="$t('resumeInfo:label:StateProvince')"
min-width="90"
show-overflow-tooltip
>
@ -143,7 +143,7 @@
</span>
</template>
</el-table-column>
<el-table-column prop="Country" label="Country" min-width="70" show-overflow-tooltip>
<el-table-column prop="Country" :label="$t('resumeInfo:label:Country')" min-width="70" show-overflow-tooltip>
<template slot-scope="scope">
<span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }}

View File

@ -3,25 +3,25 @@
<el-form :inline="true" :model="employment" class="demo-form-inline" size="small">
<el-row>
<el-col :span="6">
<el-form-item label="Department:">
<el-form-item :label="$t('resumeInfo:label:Department')">
<span v-if="isEnglish">{{ employment.Department }}</span>
<span v-else>{{ employment.DepartmentCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Rank:">
<el-form-item :label="$t('resumeInfo:label:Rank')">
<span v-if="isEnglish">{{ employment.Rank }}</span>
<span v-else>{{ employment.RankCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Physician:">
<el-form-item :label="$t('resumeInfo:label:Physician')">
<span v-if="isEnglish">{{ employment.Physician }}</span>
<span v-else>{{ employment.PhysicianCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Position:">
<el-form-item :label="$t('resumeInfo:label:Position')">
<span v-if="isEnglish">{{ employment.Position }}</span>
<span v-else>{{ employment.PositionCN }}</span>
</el-form-item>
@ -30,31 +30,31 @@
<el-row>
<el-col :span="6">
<el-form-item label="Hospital:">
<el-form-item :label="$t('resumeInfo:label:Hospital')">
<span v-if="isEnglish">{{ employment.HospitalName }}</span>
<span v-else>{{ employment.HospitalNameCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Affiliated University:">
<el-form-item :label="$t('resumeInfo:label:Affiliated')">
<span v-if="isEnglish">{{ employment.UniversityAffiliated }}</span>
<span v-else>{{ employment.UniversityAffiliatedCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="City:">
<el-form-item :label="$t('resumeInfo:label:City')">
<span v-if="isEnglish">{{ employment.City }}</span>
<span v-else>{{ employment.CityCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="State/Province:">
<el-form-item :label="$t('resumeInfo:label:StateProvince')">
<span v-if="isEnglish">{{ employment.Province }}</span>
<span v-else>{{ employment.ProvinceCN }}</span>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Country:">
<el-form-item :label="$t('resumeInfo:label:Country:')">
<span v-if="isEnglish">{{ employment.Country }}</span>
<span v-else>{{ employment.CountryCN }}</span>
</el-form-item>

View File

@ -1,102 +1,102 @@
<template>
<div class="research-info">
<el-form :model="researchInfo" class="demo-form-inline" size="small">
<el-form-item label="Field of Research:">
<el-input
v-if="isEnglish"
v-model="researchInfo.Research"
type="textarea"
autosize
readonly
/>
<el-input
v-else
v-model="researchInfo.ResearchCN"
type="textarea"
autosize
readonly
/>
</el-form-item>
<el-form-item label="Grants:">
<el-input
v-if="isEnglish"
v-model="researchInfo.Grants"
type="textarea"
autosize
readonly
/>
<el-input
v-else
v-model="researchInfo.GrantsCN"
type="textarea"
autosize
readonly
/>
</el-form-item>
<el-form-item label="Publications:">
<el-input
v-model="researchInfo.Publications"
type="textarea"
autosize
readonly
/>
</el-form-item>
<el-form-item label="Awards & Honors:">
<el-input
v-if="isEnglish"
v-model="researchInfo.AwardsHonors"
type="textarea"
autosize
readonly
/>
<el-input
v-else
v-model="researchInfo.AwardsHonorsCN"
type="textarea"
autosize
readonly
/>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
researchInfo: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.research-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>
<template>
<div class="research-info">
<el-form :model="researchInfo" class="demo-form-inline" size="small">
<el-form-item :label="$t('resumeInfo:label:FieldofResearch')" prop="FieldofResearch">
<el-input
v-if="isEnglish"
v-model="researchInfo.Research"
type="textarea"
autosize
readonly
/>
<el-input
v-else
v-model="researchInfo.ResearchCN"
type="textarea"
autosize
readonly
/>
</el-form-item>
<el-form-item :label="$t('resumeInfo:label:Grants')" prop="Grants">
<el-input
v-if="isEnglish"
v-model="researchInfo.Grants"
type="textarea"
autosize
readonly
/>
<el-input
v-else
v-model="researchInfo.GrantsCN"
type="textarea"
autosize
readonly
/>
</el-form-item>
<el-form-item :label="$t('resumeInfo:label:Publications')" prop="Publications">
<el-input
v-model="researchInfo.Publications"
type="textarea"
autosize
readonly
/>
</el-form-item>
<el-form-item :label="$t('resumeInfo:label:Awards&Honors')" prop="AwardsHonors">
<el-input
v-if="isEnglish"
v-model="researchInfo.AwardsHonors"
type="textarea"
autosize
readonly
/>
<el-input
v-else
v-model="researchInfo.AwardsHonorsCN"
type="textarea"
autosize
readonly
/>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
researchInfo: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.research-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>

View File

@ -4,23 +4,23 @@
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" label="No." width="50" />
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
<el-table-column
prop="FileName"
label="File Name"
:label="$t('resumeInfo:label:FileName')"
min-width="60"
show-overflow-tooltip
/>
<el-table-column
prop="Isoffical"
label="Offical"
:label="$t('resumeInfo:label:Isoffical')"
min-width="50"
:formatter="officalFormatter"
show-overflow-tooltip
/>
<el-table-column
prop="Language"
label="Language"
:label="$t('resumeInfo:label:Language')"
min-width="50"
show-overflow-tooltip
>
@ -30,13 +30,13 @@
</el-table-column>
<el-table-column
prop="CreateTime"
label="Upload Time"
:label="$t('resumeInfo:label:CreateTime')"
min-width="60"
show-overflow-tooltip
/>
<el-table-column label="Action" min-width="150">
<el-table-column :label="$t('common:action:action')" min-width="150">
<template slot-scope="scope">
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">Download</el-button>
<el-button type="text" size="small" @click="preview(scope.$index, scope.row)">{{ $t('common:button:download') }}</el-button>
</template>
</el-table-column>
</el-table>

View File

@ -1,58 +1,58 @@
<template>
<div class="specialty-info">
<el-form :model="specialty" class="demo-form-inline" size="small">
<el-form-item label="Specialty:">
<span v-if="isEnglish">{{ specialty.Speciality }}</span>
<span v-else>{{ specialty.SpecialityCN }}</span>
</el-form-item>
<el-form-item label="Subspeciality:">
<span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
<span v-else>{{ specialty.SubspecialityCNList }}</span>
</el-form-item>
<el-form-item label="Modality:">
<span v-if="isEnglish">{{ specialty.ReadingType }}</span>
<span v-else>{{ specialty.ReadingTypeCNList }}</span>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
specialty: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.specialty-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>
<template>
<div class="specialty-info">
<el-form :model="specialty" class="demo-form-inline" size="small">
<el-form-item :label="$t('resumeInfo:label:Speciality')">
<span v-if="isEnglish">{{ specialty.Speciality }}</span>
<span v-else>{{ specialty.SpecialityCN }}</span>
</el-form-item>
<el-form-item :label="$t('resumeInfo:label:Subspeciality')">
<span v-if="isEnglish">{{ specialty.Subspeciality }}</span>
<span v-else>{{ specialty.SubspecialityCNList }}</span>
</el-form-item>
<el-form-item :label="$t('resumeInfo:label:ReadingType')">
<span v-if="isEnglish">{{ specialty.ReadingType }}</span>
<span v-else>{{ specialty.ReadingTypeCNList }}</span>
</el-form-item>
</el-form>
</div>
</template>
<script>
export default {
props: {
specialty: {
type: Object,
default() {
return {}
}
},
isEnglish: {
type: Boolean
}
}
}
</script>
<style lang="scss">
.specialty-info{
padding:5px 15px;
font-size:13px;
.el-form-item--mini.el-form-item{
margin-bottom: 0px;
}
.el-form-item--small.el-form-item{
margin-bottom: 0px;
}
.el-form-item__content{
font-size: 13px;
}
.el-form-item__label{
font-size: 13px;
color: #303133;
font-weight: bold;
}
}
</style>

View File

@ -3,7 +3,7 @@
<el-form :inline="true" :model="basicInfo" class="demo-form-inline" size="small">
<el-row>
<el-col :span="6">
<el-form-item label="Pending:">
<el-form-item :label="$t('resumeInfo:label:Pending')">
<span v-if="statusList.Submitted" style="color:#428bca">
<router-link
:to="{
@ -17,7 +17,7 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Approved:">
<el-form-item :label="$t('resumeInfo:label:Approved')">
<span v-if="statusList.Approved" style="color:#428bca">
<router-link
:to="{
@ -31,7 +31,7 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="Reading:">
<el-form-item :label="$t('resumeInfo:label:Reading')">
<span v-if="statusList.Reading" style="color:#428bca">
<router-link
:to="{
@ -44,19 +44,19 @@
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item label="On Vacation:">
<el-form-item :label="$t('resumeInfo:label:Vacation')">
<span style="font-size:12px;margin-right:20px;">{{ holiday }}</span>
<el-button
type="text"
size="small"
@click="initHolidayList"
>Planned Vacation</el-button>
>{{ $t('resumeInfo:label:PlannedVacation') }}</el-button>
</el-form-item>
</el-col>
</el-row>
</el-form>
<el-dialog
title="Vacation"
:title="$t('resumeInfo:label:Vacation')"
:visible.sync="dialogVisible"
width="35%"
:close-on-click-modal="false"
@ -65,13 +65,13 @@
<el-table-column type="index" />
<el-table-column
property="StartDate"
label="Beginning Date"
:label="$t('resumeInfo:label:BeginningDate')"
min-width="120"
:formatter="beginTimeFormatter"
/>
<el-table-column
property="EndDate"
label="End Date"
:label="$t('resumeInfo:label:EndDate')"
min-width="120"
:formatter="endTimeFormatter"
/>

View File

@ -1,15 +1,15 @@
<template>
<div class="trialExperience-info">
<div class="title">Clinical Trial Experience</div>
<div class="title">{{$t('resumeInfo:title:ClinicalTrialExperience')}}</div>
<el-table :data="GCPList" border style="width: 100%" size="small">
<template slot="empty">
<span></span>
</template>
<el-table-column type="index" label="No." width="50" />
<el-table-column prop="Phase" label="Phase" min-width="20" show-overflow-tooltip />
<el-table-column type="index" :label="$t('resumeInfo:label:No')" width="50" />
<el-table-column prop="Phase" :label="$t('resumeInfo:label:Phase')" min-width="20" show-overflow-tooltip />
<el-table-column
prop="EvaluationCriteriaList"
label="Review Criteria"
:label="$t('resumeInfo:label:ReviewCriteria')"
min-width="40"
show-overflow-tooltip
>
@ -19,20 +19,20 @@
</el-table-column>
<el-table-column
prop="VisitReadingCount"
label="Visit Reading Count"
:label="$t('resumeInfo:label:VisitReadingCount')"
min-width="150"
show-overflow-tooltip
/>
<el-table-column
prop="EvaluationContent"
label="Indication"
:label="$t('resumeInfo:label:EvaluationContent')"
min-width="150"
show-overflow-tooltip
/>
</el-table>
<el-form :model="form" class="demo-form-inline" size="small">
<el-form-item label="GCP Certificate:">
<el-form-item :label="$t('resumeInfo:label:GCPCertificate')">
<span>{{ GCP }}</span>
<a
v-if="form.GCP"
@ -42,7 +42,7 @@
>View</a>
</el-form-item>
<el-form-item label="Other Relevant Experience:">
<el-form-item :label="$t('resumeInfo:label:OtherRelevantExperience')">
<el-input
v-if="isEnglish"
v-model="form.OtherClinicalExperience"

View File

@ -16,35 +16,35 @@
<div style="flex:1;margin-top:50px;overflow-y: auto;">
<el-collapse v-model="activeNames">
<status-info :basic-info="basicInfo" :status-list="statusList" :doctor-id="doctorId" :holiday="holiday" :is-english="isEnglish" />
<el-collapse-item title="Basic Info" name="1">
<el-collapse-item :title="$t('resumeInfo:title:BasicInfo')" name="1">
<basic-info :basic-info="doctorInfo.BasicInfoView" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Employment" name="2">
<el-collapse-item :title="$t('resumeInfo:title:Employment')" name="2">
<Employment :employment="workInfo" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Specialty" name="3">
<el-collapse-item :title="$t('resumeInfo:title:Specialty')" name="3">
<Specialty :specialty="specialtyList" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Education & Training" name="4">
<el-collapse-item :title="$t('resumeInfo:title:Education&Training')" name="4">
<education-training :education-list="doctorInfo.EducationList" :postgraduate-list="doctorInfo.PostgraduateList" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Research & Publication" name="5">
<el-collapse-item :title="$t('resumeInfo:title:Research&Publication')" name="5">
<research-publication :research-info="doctorInfo.ResearchPublicationView" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Trial Experience" name="6">
<el-collapse-item :title="$t('resumeInfo:title:TrialExperience')" name="6">
<trial-experience v-if="doctorInfo.TrialExperienceView" :trial-experience="doctorInfo.TrialExperienceView" :is-english="isEnglish" />
</el-collapse-item>
<el-collapse-item title="Credentials" name="7">
<el-collapse-item :title="$t('resumeInfo:title:Credentials')" name="7">
<Credentials v-if="doctorInfo.AttachmentList" :attachment-list="doctorInfo.AttachmentList" :doctor-id="doctorId" />
</el-collapse-item>
<el-collapse-item title="Resume" name="8">
<el-collapse-item :title="$t('resumeInfo:title:Resume')" name="8">
<Resume v-if="doctorInfo.AttachmentList" :resume-list="doctorInfo.AttachmentList" />
</el-collapse-item>
<el-collapse-item title="Agreements" name="9">
<el-collapse-item :title="$t('resumeInfo:title:Agreements')" name="9">
<Agreements v-if="doctorInfo.AttachmentList" :doctor-info="doctorInfo" />
</el-collapse-item>
<el-collapse-item title="Comment" name="10">
<el-collapse-item :title="$t('resumeInfo:title:Comment')" name="10">
<Comment :status-list="statusList" />
</el-collapse-item>
</el-collapse>
@ -64,6 +64,7 @@ import Credentials from './components/Credentials'
import Resume from './components/Resume'
import Agreements from './components/Agreements'
import Comment from './components/Comment'
import {mapMutations} from "vuex";
export default {
components: { StatusInfo, BasicInfo, Employment, Specialty, EducationTraining, ResearchPublication, TrialExperience, Credentials, Resume, Agreements, Comment },
data() {
@ -91,14 +92,27 @@ export default {
doctorId: ''
}
},
watch: {
isEnglish(v) {
if (v === true) {
this.$i18n.locale = 'en'
this.setLanguage('en')
this.$updateDictionary()
} else {
this.$i18n.locale = 'zh'
this.setLanguage('zh')
this.$updateDictionary()
}
}
},
mounted() {
// this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
// this.isEnglish = this.$i18n.locale === 'zh' ? false : true
this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
this.isEnglish = this.$i18n.locale === 'zh' ? false : true
this.doctorId = this.$route.query.doctorId
this.initForm()
},
methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
initStatus() {
if (this.doctorInfo.AuditView) {
const res = this.doctorInfo.AuditView
@ -177,7 +191,7 @@ export default {
if (res.Result) {
this.holiday = res.Result.InHoliday ? 'Yes' : 'No'
this.doctorInfo = res.Result
this.title = `${this.doctorInfo.BasicInfoView.FirstName} ${this.doctorInfo.BasicInfoView.LastName}'s Details`
this.title = `${this.doctorInfo.BasicInfoView.FirstName} ${this.doctorInfo.BasicInfoView.LastName}${this.$t('resumeInfo:title:Details')}`
this.htmlTitle = this.title
this.initStatus()
this.initEmploymentInfo()

View File

@ -119,7 +119,7 @@
</el-table-column>
<el-table-column
label="操作用户名"
prop="optUserName"
prop="OptUserName"
min-width="90"
sortable="custom"
show-overflow-tooltip

View File

@ -217,7 +217,7 @@ export default {
},
downLoadFile(filePath) {
if (!filePath) return
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
},
handleSearch() {
this.searchData.PageIndex = 1

View File

@ -405,7 +405,7 @@ export default {
},
handlePreview(filePath) {
if (filePath) {
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
},
handleSearch() {

View File

@ -1,183 +1,194 @@
<template>
<el-form
ref="customSiteForm"
v-loading="loading"
:model="form"
:rules="rules"
class="demo-ruleForm"
size="small"
label-width="150px"
>
<div class="base-dialog-body">
<!-- 中心编号 -->
<el-form-item :label="$t('trials:customSite:form:siteId')" prop="SiteCode">
<el-input v-model="form.SiteCode" />
</el-form-item>
<!-- 中心名称 -->
<el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
<el-input v-model="form.SiteName" />
</el-form-item>
<!-- 组织机构代码 -->
<el-form-item :label="$t('trials:customSite:form:orgCode')">
<el-input v-model="form.UniqueCode" />
</el-form-item>
<!-- 国家 -->
<el-form-item :label="$t('trials:customSite:form:country')" prop="Country">
<el-input v-model="form.Country" />
</el-form-item>
<!-- 城市 -->
<el-form-item :label="$t('trials:customSite:form:city')" prop="City">
<el-input v-model="form.City" />
</el-form-item>
<!-- 地址 -->
<el-form-item :label="$t('trials:customSite:form:address')" prop="Address">
<el-input v-model="form.Address" />
</el-form-item>
<!-- 附属医院 -->
<el-form-item :label="$t('trials:customSite:form:hospital')">
<el-select
v-model="form.HospitalId"
clearable
style="width:100%;"
>
<el-option
v-for="item in hospitalList"
:key="item.Id"
:label="item.HospitalName"
:value="item.Id"
/>
</el-select>
</el-form-item>
<!-- 负责人 -->
<el-form-item :label="$t('trials:customSite:form:director')" prop="DirectorName">
<el-input v-model="form.DirectorName" />
</el-form-item>
<!-- 负责人电话 -->
<el-form-item :label="$t('trials:customSite:form:directorPhone')" prop="DirectorPhone">
<el-input v-model="form.DirectorPhone" />
</el-form-item>
<!-- 联系人 -->
<el-form-item :label="$t('trials:customSite:form:contactor')" prop="ContactName">
<el-input v-model="form.ContactName" />
</el-form-item>
<!-- 联系人电话 -->
<el-form-item :label="$t('trials:customSite:form:contactorPhone')" prop="ContactPhone">
<el-input v-model="form.ContactPhone" />
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item>
<!-- 取消 -->
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</el-form-item>
</div>
</el-form>
</template>
<script>
import { addOrUpdateSite } from '@/api/dictionary'
import store from '@/store'
export default {
name: 'CustomSiteForm',
props: {
data: {
type: Object,
default() {
return {}
}
}
},
data() {
return {
btnLoading: false,
hospitalList: [],
form: {
Id: '',
SiteCode: '',
SiteName: '',
Country: '',
City: '',
HospitalId: '',
DirectorName: '',
DirectorPhone: '',
ContactName: '',
ContactPhone: '',
UniqueCode: '',
Address: ''
},
rules: {
SiteName: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
SiteCode: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
Country: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
City: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
// HospitalId: [
// { required: true, message: 'Please specify', trigger: 'blur' }
// ],
Address: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
],
DirectorName: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
DirectorPhone: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
ContactName: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
ContactPhone: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
]
},
loading: false
}
},
mounted() {
this.initForm()
},
methods: {
handleSave() {
this.$refs.customSiteForm.validate(valid => {
if (!valid) return
this.btnLoading = true
addOrUpdateSite(this.form).then(res => {
this.btnLoading = false
if (res.IsSuccess) {
this.$message.success(this.$t('common:message:savedSuccessfully'))
this.$emit('getList')
this.$emit('close')
}
}).catch(() => {
this.btnLoading = false
})
})
},
handleCancel() {
this.$emit('close')
},
async initForm() {
this.loading = true
this.hospitalList = await store.dispatch('global/getHospital')
this.loading = false
}
}
}
</script>
<template>
<el-form
ref="customSiteForm"
v-loading="loading"
:model="form"
:rules="rules"
class="demo-ruleForm"
size="small"
label-width="150px"
>
<div class="base-dialog-body">
<!-- 中心编号 -->
<el-form-item :label="$t('trials:customSite:form:siteId')" prop="SiteCode">
<el-input v-model="form.SiteCode" />
</el-form-item>
<!-- 中心名称 -->
<el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
<el-input v-model="form.SiteName" />
</el-form-item>
<!-- 中心名称CN -->
<el-form-item :label="$t('trials:customSite:form:siteName') + 'CN'" v-if="!show" prop="SiteNameCN">
<el-input v-model="form.SiteNameCN" />
</el-form-item>
<!-- 组织机构代码 -->
<el-form-item :label="$t('trials:customSite:form:orgCode')">
<el-input v-model="form.UniqueCode" />
</el-form-item>
<!-- 国家 -->
<el-form-item :label="$t('trials:customSite:form:country')" prop="Country">
<el-input v-model="form.Country" />
</el-form-item>
<!-- 城市 -->
<el-form-item :label="$t('trials:customSite:form:city')" prop="City">
<el-input v-model="form.City" />
</el-form-item>
<!-- 地址 -->
<el-form-item :label="$t('trials:customSite:form:address')" prop="Address">
<el-input v-model="form.Address" />
</el-form-item>
<!-- 附属医院 -->
<el-form-item :label="$t('trials:customSite:form:hospital')">
<el-select
v-model="form.HospitalId"
clearable
style="width:100%;"
>
<el-option
v-for="item in hospitalList"
:key="item.Id"
:label="item.HospitalName"
:value="item.Id"
/>
</el-select>
</el-form-item>
<!-- 负责人 -->
<el-form-item :label="$t('trials:customSite:form:director')" prop="DirectorName">
<el-input v-model="form.DirectorName" />
</el-form-item>
<!-- 负责人电话 -->
<el-form-item :label="$t('trials:customSite:form:directorPhone')" prop="DirectorPhone">
<el-input v-model="form.DirectorPhone" />
</el-form-item>
<!-- 联系人 -->
<el-form-item :label="$t('trials:customSite:form:contactor')" prop="ContactName">
<el-input v-model="form.ContactName" />
</el-form-item>
<!-- 联系人电话 -->
<el-form-item :label="$t('trials:customSite:form:contactorPhone')" prop="ContactPhone">
<el-input v-model="form.ContactPhone" />
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item>
<!-- 取消 -->
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</el-form-item>
</div>
</el-form>
</template>
<script>
import { addOrUpdateSite } from '@/api/dictionary'
import store from '@/store'
export default {
name: 'CustomSiteForm',
props: {
data: {
type: Object,
default() {
return {}
}
}
},
data() {
return {
btnLoading: false,
hospitalList: [],
form: {
Id: '',
SiteCode: '',
SiteName: '',
SiteNameCN: '',
Country: '',
City: '',
HospitalId: '',
DirectorName: '',
DirectorPhone: '',
ContactName: '',
ContactPhone: '',
UniqueCode: '',
Address: ''
},
rules: {
SiteName: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
SiteNameCN: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
SiteCode: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
Country: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
City: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
// HospitalId: [
// { required: true, message: 'Please specify', trigger: 'blur' }
// ],
Address: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
],
DirectorName: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
DirectorPhone: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
ContactName: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
],
ContactPhone: [
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` }
]
},
loading: false,
show: false
}
},
mounted() {
this.initForm()
this.show = process.env.VUE_APP_OSS_PATH === '/usa/dist'
},
methods: {
handleSave() {
this.$refs.customSiteForm.validate(valid => {
if (!valid) return
this.btnLoading = true
addOrUpdateSite(this.form).then(res => {
this.btnLoading = false
if (res.IsSuccess) {
this.$message.success(this.$t('common:message:savedSuccessfully'))
this.$emit('getList')
this.$emit('close')
}
}).catch(() => {
this.btnLoading = false
})
})
},
handleCancel() {
this.$emit('close')
},
async initForm() {
this.loading = true
this.hospitalList = await store.dispatch('global/getHospital')
this.loading = false
}
}
}
</script>

View File

@ -1,94 +1,94 @@
<template>
<div v-loading="loading" class="preview-wrapper">
<el-tabs tab-position="right" type="card">
<el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
<iframe
v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
frameborder="0"
:src="file.FullFilePath"
width="100%"
style="width: 100%; height: 100%"
/>
<embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%">
<div v-else>
该文件不支持在线预览可点击<el-link type="primary" @click="downLoadFile(file.FullFilePath)"></el-link>原件
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import { getNoneDicomStudyFileList } from '@/api/trials'
export default {
name: 'PreviewFiles',
props: {
noneDicomId: {
type: String,
required: true
}
},
data() {
return {
fileType: '',
fileUrl: '',
loading: false,
fileList: []
}
},
mounted() {
this.getFileList()
},
methods: {
getFileList() {
this.loading = true
getNoneDicomStudyFileList(this.noneDicomId).then(res => {
this.fileList = res.Result
this.fileList.forEach(file => {
const fileName = file.FileName
file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
})
this.loading = false
}).catch(() => { this.loading = false })
},
downLoadFile(filePath) {
if (!filePath) return
window.open(filePath, '_blank')
}
}
}
</script>
<style lang="scss">
.preview-wrapper{
height: 100%;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.el-tabs{
display: flex;
flex-direction: row !important;
width: 100%;
height: 100%;
.el-tabs__header{
margin-right: 10px !important;
height: 100% !important;
width: 300px;
border: 2px solid #E4E7ED;
overflow: auto;
}
.el-tabs__content{
flex: 1;
height: 100%;
.el-tab-pane{
height: 100%;
}
}
}
}
</style>
<template>
<div v-loading="loading" class="preview-wrapper">
<el-tabs tab-position="right" type="card">
<el-tab-pane v-for="file in fileList" :key="file.Id" :label="file.FileName">
<iframe
v-if="file.Type.indexOf('jpg') !== -1 || file.Type.indexOf('png') !== -1"
frameborder="0"
:src="file.FullFilePath"
width="100%"
style="width: 100%; height: 100%"
/>
<embed v-else-if="file.Type.indexOf('pdf') !== -1" :src="file.FullFilePath" style="width: 100%; height: 100%">
<div v-else>
该文件不支持在线预览可点击<el-link type="primary" @click="downLoadFile(file.FullFilePath)"></el-link>原件
</div>
</el-tab-pane>
</el-tabs>
</div>
</template>
<script>
import { getNoneDicomStudyFileList } from '@/api/trials'
export default {
name: 'PreviewFiles',
props: {
noneDicomId: {
type: String,
required: true
}
},
data() {
return {
fileType: '',
fileUrl: '',
loading: false,
fileList: []
}
},
mounted() {
this.getFileList()
},
methods: {
getFileList() {
this.loading = true
getNoneDicomStudyFileList(this.noneDicomId).then(res => {
this.fileList = res.Result
this.fileList.forEach(file => {
const fileName = file.FileName
file.Type = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
})
this.loading = false
}).catch(() => { this.loading = false })
},
downLoadFile(filePath) {
if (!filePath) return
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
}
}
</script>
<style lang="scss">
.preview-wrapper{
height: 100%;
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.el-tabs{
display: flex;
flex-direction: row !important;
width: 100%;
height: 100%;
.el-tabs__header{
margin-right: 10px !important;
height: 100% !important;
width: 300px;
border: 2px solid #E4E7ED;
overflow: auto;
}
.el-tabs__content{
flex: 1;
height: 100%;
.el-tab-pane{
height: 100%;
}
}
}
}
</style>

View File

@ -215,7 +215,7 @@ export default {
},
handlePreview(filePath) {
if (filePath) {
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
},
handleSearch() {

View File

@ -66,6 +66,7 @@
<!-- 下载模板 -->
<el-button
type="primary"
v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']"
icon="el-icon-download"
@click="handleDownload"
>

View File

@ -82,7 +82,7 @@ export default {
},
downLoadFile(filePath) {
if (!filePath) return
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
}
}
}

View File

@ -74,7 +74,7 @@ export default {
},
downLoadFile(filePath) {
if (!filePath) return
window.open(filePath, '_blank')
window.open(this.OSSclientConfig.basePath + filePath, '_blank')
},
preview(file) {
this.$set(this.fileInfo, 'currentFileType', this.getFileType(file.FileName))