XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1
continuous-integration/drone/push Build is passing Details

uat_us
熊飞 2024-01-26 12:20:03 +08:00
parent 6ca9ed8a9b
commit fcac89e034
23 changed files with 1014 additions and 1002 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

292
src/views/blindResumeInfo/components/Agreements.vue
View File

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

364
src/views/blindResumeInfo/components/Credentials.vue
View File

@ -1,182 +1,182 @@
<template> <template>
<div class="education-info"> <div class="education-info">
<div class="btn-wrapper"> <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">Download</el-button>
</div> </div>
<el-table <el-table
:data="tblList" :data="tblList"
:span-method="objectSpanMethod" :span-method="objectSpanMethod"
size="small" size="small"
@selection-change="selectMore" @selection-change="selectMore"
> >
<el-table-column type="selection" align="left" width="50" /> <el-table-column type="selection" align="left" width="50" />
<el-table-column type="index" label="No." 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="Type" label="Type" min-width="50" show-overflow-tooltip />
<el-table-column <el-table-column
prop="FileName" prop="FileName"
label="File Name" label="File Name"
min-width="80" min-width="80"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="CreateTime" prop="CreateTime"
label="Upload Time" label="Upload Time"
min-width="50" min-width="50"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column label="Action" min-width="150"> <el-table-column label="Action" min-width="150">
<template slot-scope="scope"> <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)">View</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</template> </template>
<script> <script>
import { downloadByAttachmentId } from '@/api/reviewers' import { downloadByAttachmentId } from '@/api/reviewers'
export default { export default {
props: { props: {
attachmentList: { attachmentList: {
type: Array, type: Array,
default() { default() {
return [] return []
} }
}, },
doctorId: { doctorId: {
type: String, type: String,
default: '' default: ''
} }
}, },
data() { data() {
return { return {
tblList: [], tblList: [],
checkID: [], checkID: [],
spanArr: [], spanArr: [],
pos: 0 pos: 0
} }
}, },
created() { created() {
this.tblList = this.filterListByType(this.attachmentList) this.tblList = this.filterListByType(this.attachmentList)
this.getSpanArr(this.tblList) this.getSpanArr(this.tblList)
}, },
methods: { methods: {
filterListByType(arr) { filterListByType(arr) {
var list = [] var list = []
if (arr.length > 0) { if (arr.length > 0) {
arr.forEach(item => { arr.forEach(item => {
if (item.Type === 'Diploma of the highest medical degree') { if (item.Type === 'Diploma of the highest medical degree') {
list.push(item) list.push(item)
} }
}) })
arr.forEach(item => { arr.forEach(item => {
if (item.Type === 'Medical Qualification Certificate') { if (item.Type === 'Medical Qualification Certificate') {
list.push(item) list.push(item)
} }
}) })
arr.forEach(item => { arr.forEach(item => {
if (item.Type === 'Practice License') { if (item.Type === 'Practice License') {
list.push(item) list.push(item)
} }
}) })
arr.forEach(item => { arr.forEach(item => {
if (item.Type === 'Modality Certificate(CT)') { if (item.Type === 'Modality Certificate(CT)') {
list.push(item) list.push(item)
} }
}) })
arr.forEach(item => { arr.forEach(item => {
if (item.Type === 'Modality Certificate(MRI)') { if (item.Type === 'Modality Certificate(MRI)') {
list.push(item) list.push(item)
} }
}) })
arr.forEach(item => { arr.forEach(item => {
if (item.Type === 'Modality Certificate(NM)') { if (item.Type === 'Modality Certificate(NM)') {
list.push(item) list.push(item)
} }
}) })
arr.forEach(item => { arr.forEach(item => {
if (item.Type === 'Modality Certificate(US)') { if (item.Type === 'Modality Certificate(US)') {
list.push(item) list.push(item)
} }
}) })
} }
return list return list
}, },
downloadAttachement() { downloadAttachement() {
downloadByAttachmentId(this.doctorId, this.checkID).then(res => { downloadByAttachmentId(this.doctorId, this.checkID).then(res => {
if (res.IsSuccess) { if (res.IsSuccess) {
var fullPath = res.Result.FullFilePath var fullPath = res.Result.FullFilePath
window.open(fullPath) window.open(fullPath)
} }
}) })
}, },
preview(index, row) { preview(index, row) {
const filePath = row.FullPath const filePath = row.FullPath
if (filePath) { if (filePath) {
window.open(filePath, '_blank') window.open(this.OSSclientConfig.basePath + filePath, '_blank')
} }
}, },
selectMore(val) { selectMore(val) {
const arr = [] const arr = []
for (let index = 0; index < val.length; index++) { for (let index = 0; index < val.length; index++) {
arr.push(val[index].Id) arr.push(val[index].Id)
} }
this.checkID = arr this.checkID = arr
}, },
getSpanArr(data) { getSpanArr(data) {
for (var i = 0; i < data.length; i++) { for (var i = 0; i < data.length; i++) {
if (i === 0) { if (i === 0) {
this.spanArr.push(1) this.spanArr.push(1)
this.pos = 0 this.pos = 0
} else { } else {
// 判断当前元素与上一个元素是否相同 // 判断当前元素与上一个元素是否相同
if (data[i].Type === data[i - 1].Type) { if (data[i].Type === data[i - 1].Type) {
this.spanArr[this.pos] += 1 this.spanArr[this.pos] += 1
this.spanArr.push(0) this.spanArr.push(0)
} else { } else {
this.spanArr.push(1) this.spanArr.push(1)
this.pos = i this.pos = i
} }
} }
} }
}, },
objectSpanMethod({ row, column, rowIndex, columnIndex }) { objectSpanMethod({ row, column, rowIndex, columnIndex }) {
if (columnIndex === 2) { if (columnIndex === 2) {
const _row = this.spanArr[rowIndex] const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0 const _col = _row > 0 ? 1 : 0
return { return {
rowspan: _row, rowspan: _row,
colspan: _col colspan: _col
} }
} else if (columnIndex === 3) { } else if (columnIndex === 3) {
const _row = this.spanArr[rowIndex] const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0 const _col = _row > 0 ? 1 : 0
return { return {
rowspan: _row, rowspan: _row,
colspan: _col colspan: _col
} }
} else if (columnIndex === 4) { } else if (columnIndex === 4) {
const _row = this.spanArr[rowIndex] const _row = this.spanArr[rowIndex]
const _col = _row > 0 ? 1 : 0 const _col = _row > 0 ? 1 : 0
return { return {
rowspan: _row, rowspan: _row,
colspan: _col colspan: _col
} }
} }
}, },
timeFormatter(row) { timeFormatter(row) {
return new Date(row.UpdateTime).format('yyyy-MM-dd hh:mm:ss') return new Date(row.UpdateTime).format('yyyy-MM-dd hh:mm:ss')
} }
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.education-info{ .education-info{
padding:5px 15px; padding:5px 15px;
font-size:13px; font-size:13px;
.btn-wrapper{ .btn-wrapper{
display: flex; display: flex;
align-items: center; align-items: center;
} }
} }
</style> </style>

196
src/views/blindResumeInfo/components/Resume.vue
View File

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

2
src/views/none-dicom-show/multiple.vue
View File

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

200
src/views/none-dicom-show/single.vue
View File

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

12
src/views/resumeInfo/components/Agreements.vue
View File

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

202
src/views/resumeInfo/components/BasicInfo.vue
View File

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

96
src/views/resumeInfo/components/Comment.vue
View File

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

16
src/views/resumeInfo/components/Credentials.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="education-info"> <div class="education-info">
<div class="btn-wrapper"> <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> </div>
<el-table <el-table
:data="tblList" :data="tblList"
@ -13,23 +13,23 @@
<span></span> <span></span>
</template> </template>
<el-table-column type="selection" align="left" width="50" /> <el-table-column type="selection" align="left" width="50" />
<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="Type" label="Type" min-width="50" show-overflow-tooltip /> <el-table-column prop="Type" :label="$t('resumeInfo:label:Type')" min-width="50" show-overflow-tooltip />
<el-table-column <el-table-column
prop="FileName" prop="FileName"
label="File Name" :label="$t('resumeInfo:label:FileName')"
min-width="80" min-width="80"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="CreateTime" prop="CreateTime"
label="Upload Time" :label="$t('resumeInfo:label:CreateTime')"
min-width="50" min-width="50"
show-overflow-tooltip 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"> <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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -163,7 +163,7 @@ export default {
preview(index, row) { preview(index, row) {
const filePath = row.FullPath const filePath = row.FullPath
if (filePath) { if (filePath) {
window.open(filePath, '_blank') window.open(this.OSSclientConfig.basePath + filePath, '_blank')
} }
}, },
selectMore(val) { selectMore(val) {

40
src/views/resumeInfo/components/EducationTraining.vue
View File

@ -5,27 +5,27 @@
<template slot="empty"> <template slot="empty">
<span></span> <span></span>
</template> </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 <el-table-column
prop="BeginDateStr" prop="BeginDateStr"
label="Start" :label="$t('resumeInfo:label:BeginDateStr')"
min-width="55" min-width="55"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="EndDateStr" prop="EndDateStr"
label="End" :label="$t('resumeInfo:label:EndDateStr')"
min-width="55" min-width="55"
show-overflow-tooltip 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"> <template slot-scope="scope">
<span v-show="scope.row.Degree"> <span v-show="scope.row.Degree">
{{ isEnglish?scope.row.Degree:scope.row.DegreeCN }} {{ isEnglish?scope.row.Degree:scope.row.DegreeCN }}
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span v-show="scope.row.Major"> <span v-show="scope.row.Major">
{{ isEnglish?scope.row.Major:scope.row.MajorCN }} {{ isEnglish?scope.row.Major:scope.row.MajorCN }}
@ -34,7 +34,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="Organization" prop="Organization"
label="Institution" :label="$t('resumeInfo:label:Institution')"
min-width="150" min-width="150"
show-overflow-tooltip show-overflow-tooltip
> >
@ -44,7 +44,7 @@
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span v-show="scope.row.City"> <span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }} {{ isEnglish?scope.row.City:scope.row.CityCN }}
@ -53,7 +53,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="Province" prop="Province"
label="State/Province" :label="$t('resumeInfo:label:Province')"
min-width="80" min-width="80"
show-overflow-tooltip show-overflow-tooltip
> >
@ -63,7 +63,7 @@
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span v-show="scope.row.Country"> <span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }} {{ isEnglish?scope.row.Country:scope.row.CountryCN }}
@ -72,25 +72,25 @@
</el-table-column> </el-table-column>
</el-table> </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"> <el-table :data="postgraduateList" border style="width: 100%" size="small">
<template slot="empty"> <template slot="empty">
<span></span> <span></span>
</template> </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 <el-table-column
prop="BeginDateStr" prop="BeginDateStr"
label="Start" :label="$t('resumeInfo:label:BeginDateStr')"
min-width="55" min-width="55"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="EndDateStr" prop="EndDateStr"
label="End" :label="$t('resumeInfo:label:EndDateStr')"
min-width="55" min-width="55"
show-overflow-tooltip 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"> <template slot-scope="scope">
<span v-show="scope.row.Training"> <span v-show="scope.row.Training">
{{ isEnglish?scope.row.Training:scope.row.TrainingCN }} {{ isEnglish?scope.row.Training:scope.row.TrainingCN }}
@ -99,7 +99,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="Major" prop="Major"
label="Specialty / Research Field" :label="$t('resumeInfo:label:Specialty')"
min-width="140" min-width="140"
show-overflow-tooltip show-overflow-tooltip
> >
@ -110,21 +110,21 @@
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span v-show="scope.row.Hospital"> <span v-show="scope.row.Hospital">
{{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }} {{ isEnglish?scope.row.Hospital:scope.row.HospitalCN }}
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span v-show="scope.row.School"> <span v-show="scope.row.School">
{{ isEnglish?scope.row.School:scope.row.SchoolCN }} {{ isEnglish?scope.row.School:scope.row.SchoolCN }}
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span v-show="scope.row.City"> <span v-show="scope.row.City">
{{ isEnglish?scope.row.City:scope.row.CityCN }} {{ isEnglish?scope.row.City:scope.row.CityCN }}
@ -133,7 +133,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="Province" prop="Province"
label="State/Province" :label="$t('resumeInfo:label:StateProvince')"
min-width="90" min-width="90"
show-overflow-tooltip show-overflow-tooltip
> >
@ -143,7 +143,7 @@
</span> </span>
</template> </template>
</el-table-column> </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"> <template slot-scope="scope">
<span v-show="scope.row.Country"> <span v-show="scope.row.Country">
{{ isEnglish?scope.row.Country:scope.row.CountryCN }} {{ isEnglish?scope.row.Country:scope.row.CountryCN }}

18
src/views/resumeInfo/components/Employment.vue
View File

@ -3,25 +3,25 @@
<el-form :inline="true" :model="employment" class="demo-form-inline" size="small"> <el-form :inline="true" :model="employment" class="demo-form-inline" size="small">
<el-row> <el-row>
<el-col :span="6"> <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-if="isEnglish">{{ employment.Department }}</span>
<span v-else>{{ employment.DepartmentCN }}</span> <span v-else>{{ employment.DepartmentCN }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <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-if="isEnglish">{{ employment.Rank }}</span>
<span v-else>{{ employment.RankCN }}</span> <span v-else>{{ employment.RankCN }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <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-if="isEnglish">{{ employment.Physician }}</span>
<span v-else>{{ employment.PhysicianCN }}</span> <span v-else>{{ employment.PhysicianCN }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <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-if="isEnglish">{{ employment.Position }}</span>
<span v-else>{{ employment.PositionCN }}</span> <span v-else>{{ employment.PositionCN }}</span>
</el-form-item> </el-form-item>
@ -30,31 +30,31 @@
<el-row> <el-row>
<el-col :span="6"> <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-if="isEnglish">{{ employment.HospitalName }}</span>
<span v-else>{{ employment.HospitalNameCN }}</span> <span v-else>{{ employment.HospitalNameCN }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <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-if="isEnglish">{{ employment.UniversityAffiliated }}</span>
<span v-else>{{ employment.UniversityAffiliatedCN }}</span> <span v-else>{{ employment.UniversityAffiliatedCN }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <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-if="isEnglish">{{ employment.City }}</span>
<span v-else>{{ employment.CityCN }}</span> <span v-else>{{ employment.CityCN }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <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-if="isEnglish">{{ employment.Province }}</span>
<span v-else>{{ employment.ProvinceCN }}</span> <span v-else>{{ employment.ProvinceCN }}</span>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <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-if="isEnglish">{{ employment.Country }}</span>
<span v-else>{{ employment.CountryCN }}</span> <span v-else>{{ employment.CountryCN }}</span>
</el-form-item> </el-form-item>

204
src/views/resumeInfo/components/ResearchPublication.vue
View File

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

14
src/views/resumeInfo/components/Resume.vue
View File

@ -4,23 +4,23 @@
<template slot="empty"> <template slot="empty">
<span></span> <span></span>
</template> </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 <el-table-column
prop="FileName" prop="FileName"
label="File Name" :label="$t('resumeInfo:label:FileName')"
min-width="60" min-width="60"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="Isoffical" prop="Isoffical"
label="Offical" :label="$t('resumeInfo:label:Isoffical')"
min-width="50" min-width="50"
:formatter="officalFormatter" :formatter="officalFormatter"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="Language" prop="Language"
label="Language" :label="$t('resumeInfo:label:Language')"
min-width="50" min-width="50"
show-overflow-tooltip show-overflow-tooltip
> >
@ -30,13 +30,13 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="CreateTime" prop="CreateTime"
label="Upload Time" :label="$t('resumeInfo:label:CreateTime')"
min-width="60" min-width="60"
show-overflow-tooltip 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"> <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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>

116
src/views/resumeInfo/components/Specialty.vue
View File

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

14
src/views/resumeInfo/components/StatusInfo.vue
View File

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

14
src/views/resumeInfo/components/TrialExperience.vue
View File

@ -5,11 +5,11 @@
<template slot="empty"> <template slot="empty">
<span></span> <span></span>
</template> </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="Phase" label="Phase" min-width="20" show-overflow-tooltip /> <el-table-column prop="Phase" :label="$t('resumeInfo:label:Phase')" min-width="20" show-overflow-tooltip />
<el-table-column <el-table-column
prop="EvaluationCriteriaList" prop="EvaluationCriteriaList"
label="Review Criteria" :label="$t('resumeInfo:label:ReviewCriteria')"
min-width="40" min-width="40"
show-overflow-tooltip show-overflow-tooltip
> >
@ -19,20 +19,20 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="VisitReadingCount" prop="VisitReadingCount"
label="Visit Reading Count" :label="$t('resumeInfo:label:VisitReadingCount')"
min-width="150" min-width="150"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
prop="EvaluationContent" prop="EvaluationContent"
label="Indication" :label="$t('resumeInfo:label:EvaluationContent')"
min-width="150" min-width="150"
show-overflow-tooltip show-overflow-tooltip
/> />
</el-table> </el-table>
<el-form :model="form" class="demo-form-inline" size="small"> <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> <span>{{ GCP }}</span>
<a <a
v-if="form.GCP" v-if="form.GCP"
@ -42,7 +42,7 @@
>View</a> >View</a>
</el-form-item> </el-form-item>
<el-form-item label="Other Relevant Experience:"> <el-form-item :label="$t('resumeInfo:label:OtherRelevantExperience')">
<el-input <el-input
v-if="isEnglish" v-if="isEnglish"
v-model="form.OtherClinicalExperience" v-model="form.OtherClinicalExperience"

18
src/views/resumeInfo/index.vue
View File

@ -91,14 +91,26 @@ export default {
doctorId: '' 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() { mounted() {
// this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true')) this.isEnglish = !!((this.$route.query.isEnglish === true || this.$route.query.isEnglish === 'true'))
// this.isEnglish = this.$i18n.locale === 'zh' ? false : true this.isEnglish = this.$i18n.locale === 'zh' ? false : true
this.doctorId = this.$route.query.doctorId this.doctorId = this.$route.query.doctorId
this.initForm() this.initForm()
}, },
methods: { methods: {
initStatus() { initStatus() {
if (this.doctorInfo.AuditView) { if (this.doctorInfo.AuditView) {
const res = this.doctorInfo.AuditView const res = this.doctorInfo.AuditView

2
src/views/trials/trials-notice/index.vue
View File

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

2
src/views/trials/trials-panel/setting/email-manage/components/EmailList.vue
View File

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

188
src/views/trials/trials-panel/study/components/nonDicomPreview.vue
View File

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

2
src/views/trials/trials-panel/subject/subject-list/components/MessageTable.vue
View File

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

2
src/views/trials/trials-panel/visit/crc-upload/components/previewFiles.vue
View File

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

2
src/views/trials/trials-panel/visit/crc-upload/components/previewVisitNoneDicomFiles.vue
View File

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