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

pm新增简历采集功能
continuous-integration/drone/push Build is passing Details

uat_us
DESKTOP-6C3NK6N\WXS 2024-10-17 16:08:51 +08:00
parent b0195b8d21
commit df638f5a73
13 changed files with 2657 additions and 993 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

321
src/views/reviewers/components/Agreements.vue
View File

@ -3,19 +3,45 @@
<div class="resume-content" v-if="!$route.query.ReviewStatus"> <div class="resume-content" v-if="!$route.query.ReviewStatus">
<p>{{ $t('system:Agreements:title:Consultant Agreement') }}</p> <p>{{ $t('system:Agreements:title:Consultant Agreement') }}</p>
<div class="upload-content"> <div class="upload-content">
<upload-files ref="uploadAgreement" :disabled="$route.query.ReviewStatus === '1'" :doctor-id="doctorId" type="Consultant Agreement" accept=".pdf" @getFileList="getFileList" /> <upload-files
ref="uploadAgreement"
:disabled="$route.query.ReviewStatus === '1'"
:doctor-id="doctorId"
type="Consultant Agreement"
accept=".pdf"
@getFileList="getFileList"
/>
</div> </div>
<p>{{ $t('system:tip:file:pdf') }}</p> <p>{{ $t('system:tip:file:pdf') }}</p>
</div> </div>
<div v-if="!$route.query.ReviewStatus"> <div v-if="!$route.query.ReviewStatus">
<el-table :data="agreementList" size="small"> <el-table :data="agreementList" size="small">
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
<el-table-column prop="FileName" :label="$t('system:Agreements:table:Consultant Agreement')" width="300" /> <el-table-column
<el-table-column prop="CreateTime" :label="$t('system:Agreements:table:Upload Time')" width="150" /> prop="FileName"
:label="$t('system:Agreements:table:Consultant Agreement')"
width="300"
/>
<el-table-column
prop="CreateTime"
:label="$t('system:Agreements:table:Upload Time')"
width="150"
/>
<el-table-column :label="$t('common:action:action')" width="400"> <el-table-column :label="$t('common:action:action')" width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="handlePreview(scope.row)">{{$t('trials:enrolledReviews:button:view')}}</el-button> <el-button
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile(scope.row)">{{$t('common:button:delete')}}</el-button> type="text"
size="small"
@click="handlePreview(scope.row)"
>{{ $t('trials:enrolledReviews:button:view') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleRemoveFile(scope.row)"
>{{ $t('common:button:delete') }}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -24,22 +50,43 @@
<span style="margin-right: 20px"> <span style="margin-right: 20px">
{{ $t('trials:enrolledReviews:message:SOW') }} {{ $t('trials:enrolledReviews:message:SOW') }}
</span> </span>
<el-button size="small" type="primary" :disabled="$route.query.ReviewStatus === '1'" @click="addCol(0, $t('trials:enrolledReviews:message:SOW'))"> <el-button
{{ $t('common:button:upload') }}</el-button> size="small"
<el-button size="small" type="primary" @click="handleDownload('Reviewer_SOW_Template')"> type="primary"
:disabled="$route.query.ReviewStatus === '1'"
@click="addCol(0, $t('trials:enrolledReviews:message:SOW'))"
>
{{ $t('common:button:upload') }}</el-button
>
<el-button
size="small"
type="primary"
@click="handleDownload('Reviewer_SOW_Template')"
>
<i class="el-icon-view el-icon-download"></i> <i class="el-icon-view el-icon-download"></i>
{{ $t('common:button:template') }} {{ $t('common:button:template') }}
</el-button> </el-button>
</div> </div>
<el-table :data="sowList" size="small"> <el-table :data="sowList" size="small">
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
<el-table-column :label="$t('system:Agreements:table:Criterion Type')" width="120"> <el-table-column
:label="$t('system:Agreements:table:Criterion Type')"
width="120"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.CriterionName }} {{ scope.row.CriterionName }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="FileName" :label="$t('system:Agreements:table:Statement of Work')" width="400" /> <el-table-column
<el-table-column prop="IsEnable" :label="$t('system:Agreements:table:Is Enable')" width="100"> prop="FileName"
:label="$t('system:Agreements:table:Statement of Work')"
width="400"
/>
<el-table-column
prop="IsEnable"
:label="$t('system:Agreements:table:Is Enable')"
width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-switch <el-switch
v-model="scope.row.IsEnable" v-model="scope.row.IsEnable"
@ -49,14 +96,46 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="Remark" :label="$t('system:Agreements:Remark')" width="200" /> <el-table-column
<el-table-column prop="CreateTime" :label="$t('system:Agreements:Upload Time')" width="150" /> prop="Remark"
:label="$t('system:Agreements:Remark')"
width="200"
/>
<el-table-column
prop="CreateTime"
:label="$t('system:Agreements:Upload Time')"
width="150"
/>
<el-table-column :label="$t('common:action:action')" width="400"> <el-table-column :label="$t('common:action:action')" width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handlePreview3(scope.row)">{{$t('trials:enrolledReviews:button:view')}}</el-button> <el-button
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleEditCol(scope.row, 0, $t('trials:enrolledReviews:message:SOW'))"> type="text"
{{ $t('common:button:edit') }}</el-button> size="small"
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile3(scope.row)">{{ $t('common:button:delete') }}</el-button> :disabled="$route.query.ReviewStatus === '1'"
@click="handlePreview3(scope.row)"
>{{ $t('trials:enrolledReviews:button:view') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="
handleEditCol(
scope.row,
0,
$t('trials:enrolledReviews:message:SOW')
)
"
>
{{ $t('common:button:edit') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleRemoveFile3(scope.row)"
>{{ $t('common:button:delete') }}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -64,17 +143,34 @@
<span style="margin-right: 20px"> <span style="margin-right: 20px">
{{ $t('trials:enrolledReviews:message:EQC') }} {{ $t('trials:enrolledReviews:message:EQC') }}
</span> </span>
<el-button size="small" type="primary" :disabled="$route.query.ReviewStatus === '1'" @click="addCol(1, $t('trials:enrolledReviews:message:EQC'))">{{$t('common:button:upload')}}</el-button> <el-button
size="small"
type="primary"
:disabled="$route.query.ReviewStatus === '1'"
@click="addCol(1, $t('trials:enrolledReviews:message:EQC'))"
>{{ $t('common:button:upload') }}</el-button
>
</div> </div>
<el-table :data="ackSowList" size="small" v-if="!$route.query.ReviewStatus"> <el-table :data="ackSowList" size="small" v-if="!$route.query.ReviewStatus">
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
<el-table-column :label="$t('system:Agreements:table:Criterion Type')" width="120"> <el-table-column
:label="$t('system:Agreements:table:Criterion Type')"
width="120"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.CriterionName }} {{ scope.row.CriterionName }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="FileName" :label="$t('system:Agreements:table:Acknowledgement of SOW')" width="400" /> <el-table-column
<el-table-column prop="IsEnable" :label="$t('system:Agreements:table:Is Enable')" width="100"> prop="FileName"
:label="$t('system:Agreements:table:Acknowledgement of SOW')"
width="400"
/>
<el-table-column
prop="IsEnable"
:label="$t('system:Agreements:table:Is Enable')"
width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-switch <el-switch
v-model="scope.row.IsEnable" v-model="scope.row.IsEnable"
@ -84,13 +180,45 @@
/> />
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="Remark" :label="$t('system:Agreements:table:Remark')" width="200" /> <el-table-column
<el-table-column prop="CreateTime" :label="$t('system:Agreements:table:Upload Time')" width="150" /> prop="Remark"
:label="$t('system:Agreements:table:Remark')"
width="200"
/>
<el-table-column
prop="CreateTime"
:label="$t('system:Agreements:table:Upload Time')"
width="150"
/>
<el-table-column label="Action" width="400"> <el-table-column label="Action" width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handlePreview3(scope.row)">{{$t('common:button:view')}}</el-button> <el-button
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleEditCol(scope.row, 1, $t('trials:enrolledReviews:message:EQC'))">{{$t('common:button:edit')}}</el-button> type="text"
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile3(scope.row)">{{$t('common:button:delete')}}</el-button> size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handlePreview3(scope.row)"
>{{ $t('common:button:view') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="
handleEditCol(
scope.row,
1,
$t('trials:enrolledReviews:message:EQC')
)
"
>{{ $t('common:button:edit') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleRemoveFile3(scope.row)"
>{{ $t('common:button:delete') }}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -103,7 +231,10 @@
label-width="120px" label-width="120px"
size="small" size="small"
> >
<el-form-item :label="$t('system:Agreements:label:Criterion Type')" prop="CriterionType"> <el-form-item
:label="$t('system:Agreements:label:Criterion Type')"
prop="CriterionType"
>
<el-select v-model="form.CriterionType"> <el-select v-model="form.CriterionType">
<el-option <el-option
v-for="item of $d.CriterionType" v-for="item of $d.CriterionType"
@ -113,7 +244,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Agreements:label:File')" prop="FilePath"> <el-form-item
:label="$t('system:Agreements:label:File')"
prop="FilePath"
>
<el-upload <el-upload
class="upload-demo" class="upload-demo"
action action
@ -125,12 +259,20 @@
:limit="1" :limit="1"
:file-list="fileList" :file-list="fileList"
> >
<el-button size="small" type="primary" :disabled="fileList.length > 0">{{$t('common:button:upload')}}</el-button> <el-button
size="small"
type="primary"
:disabled="fileList.length > 0"
>{{ $t('common:button:upload') }}</el-button
>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Agreements:label:Remark')"> <el-form-item :label="$t('system:Agreements:label:Remark')">
<el-input v-model="form.Remark" type="textarea" <el-input
:autosize="{ minRows: 2, maxRows: 4}"></el-input> v-model="form.Remark"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4 }"
></el-input>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Agreements:label:Is Enable')"> <el-form-item :label="$t('system:Agreements:label:Is Enable')">
<el-switch <el-switch
@ -142,8 +284,20 @@
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">{{ $t('common:button:cancel') }}</el-button> <el-button
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">{{ $t('common:button:save') }}</el-button> :disabled="btnLoading"
size="small"
type="primary"
@click="handleCancle"
>{{ $t('common:button:cancel') }}</el-button
>
<el-button
size="small"
type="primary"
:loading="btnLoading"
@click="handleSave"
>{{ $t('common:button:save') }}</el-button
>
</template> </template>
</BaseModel> </BaseModel>
</div> </div>
@ -151,25 +305,43 @@
<script> <script>
import { uploadFile } from '@/api/attachment' import { uploadFile } from '@/api/attachment'
import UploadFiles from '@/components/UploadFiles' import UploadFiles from '@/components/UploadFiles'
import { getDoctorSowList, getDoctorAckSowList, addDoctorCriterionFile, deleteDoctorCriterionFile, getDoctorCriterionFile } from '@/api/reviewers' import {
getDoctorSowList,
getDoctorAckSowList,
addDoctorCriterionFile,
deleteDoctorCriterionFile,
getDoctorCriterionFile,
} from '@/api/reviewers'
import BaseModel from '@/components/BaseModel' import BaseModel from '@/components/BaseModel'
import { DownloadCommonDoc } from '@/api/dictionary' import { DownloadCommonDoc } from '@/api/dictionary'
export default { export default {
name: 'Agreements', name: 'Agreements',
components: { components: {
UploadFiles, BaseModel UploadFiles,
BaseModel,
},
props: {
reviewerId: {
type: String,
},
}, },
data() { data() {
return { return {
doctorId: this.$route.query.Id, doctorId: this.$route.query.Id || this.reviewerId,
agreementList: [], agreementList: [],
sowList: [], sowList: [],
ackSowList: [], ackSowList: [],
loading: false, loading: false,
isOpen: false, isOpen: false,
btnLoading: false, btnLoading: false,
model_cfg: { visible: false, showClose: true, width: '600px', title: '', appendToBody: true }, model_cfg: {
visible: false,
showClose: true,
width: '600px',
title: '',
appendToBody: true,
},
form: { form: {
Remark: null, Remark: null,
FileType: null, FileType: null,
@ -177,24 +349,47 @@ export default {
FilePath: null, FilePath: null,
DoctorId: null, DoctorId: null,
CriterionType: null, CriterionType: null,
IsEnable: false IsEnable: false,
}, },
rules: { rules: {
CriterionType: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }], CriterionType: [
FilePath: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }], {
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur'],
}, },
fileList: [] ],
FilePath: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur'],
},
],
},
fileList: [],
} }
}, },
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
}
},
},
mounted() { mounted() {
this.initSowList() this.initSowList()
}, },
methods: { methods: {
handleDownload(code) { handleDownload(code) {
this.loading = true this.loading = true
DownloadCommonDoc(code).then(data => { DownloadCommonDoc(code)
.then((data) => {
this.loading = false this.loading = false
}).catch(() => { this.loading = false }) })
.catch(() => {
this.loading = false
})
}, },
handleEditCol(row, fileType, title) { handleEditCol(row, fileType, title) {
this.model_cfg.visible = true this.model_cfg.visible = true
@ -206,7 +401,7 @@ export default {
handleRemoveFile3(row) { handleRemoveFile3(row) {
this.$confirm('确定删除？').then(() => { this.$confirm('确定删除？').then(() => {
deleteDoctorCriterionFile({ deleteDoctorCriterionFile({
Id: row.Id Id: row.Id,
}).then(() => { }).then(() => {
this.initSowList() this.initSowList()
this.$message.success('删除成功') this.$message.success('删除成功')
@ -238,21 +433,34 @@ export default {
this.btnLoading = true this.btnLoading = true
var fileName = param.file.name var fileName = param.file.name
let file = await this.fileToBlob(param.file) let file = await this.fileToBlob(param.file)
let res = await this.OSSclient.put(`/SystemData/reviewer/${this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'}/${this.doctorId}/${fileName}`, file) let res = await this.OSSclient.put(
`/SystemData/reviewer/${
this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'
}/${this.doctorId}/${fileName}`,
file
)
this.form.FileName = param.file.name this.form.FileName = param.file.name
this.form.FilePath = this.$getObjectName(res.url) this.form.FilePath = this.$getObjectName(res.url)
this.fileList[0] = { name: this.$getObjectName(res.url), path: this.$getObjectName(res.url), fullPath: this.$getObjectName(res.url), url: res.url } this.fileList[0] = {
name: this.$getObjectName(res.url),
path: this.$getObjectName(res.url),
fullPath: this.$getObjectName(res.url),
url: res.url,
}
this.btnLoading = false this.btnLoading = false
}, },
handleCancle() { handleCancle() {
this.model_cfg.visible = false this.model_cfg.visible = false
}, },
handleSave() { handleSave() {
this.$refs['DictionaryTypeConfigForm'].validate(valid => { this.$refs['DictionaryTypeConfigForm'].validate((valid) => {
if (!valid) return if (!valid) return
this.form.DoctorId = this.doctorId this.form.DoctorId = this.doctorId
this.form.CriterionName = this.$fd('CriterionType', this.form.CriterionType) this.form.CriterionName = this.$fd(
addDoctorCriterionFile(this.form).then(res => { 'CriterionType',
this.form.CriterionType
)
addDoctorCriterionFile(this.form).then((res) => {
this.$message.success('添加成功') this.$message.success('添加成功')
this.initSowList() this.initSowList()
this.handleCancle() this.handleCancle()
@ -267,7 +475,7 @@ export default {
FileName: null, FileName: null,
FilePath: null, FilePath: null,
DoctorId: null, DoctorId: null,
CriterionType: null CriterionType: null,
} }
this.handleRemoveFile2() this.handleRemoveFile2()
this.form.FileType = fileType this.form.FileType = fileType
@ -277,14 +485,14 @@ export default {
if (!this.doctorId) return if (!this.doctorId) return
getDoctorCriterionFile({ getDoctorCriterionFile({
fileType: 0, fileType: 0,
DoctorId: this.doctorId DoctorId: this.doctorId,
}).then(res => { }).then((res) => {
this.sowList = res.Result this.sowList = res.Result
}) })
getDoctorCriterionFile({ getDoctorCriterionFile({
fileType: 1, fileType: 1,
DoctorId: this.doctorId DoctorId: this.doctorId,
}).then(res => { }).then((res) => {
this.ackSowList = res.Result this.ackSowList = res.Result
}) })
}, },
@ -298,8 +506,8 @@ export default {
}, },
getFileList(fileList) { getFileList(fileList) {
this.agreementList = fileList this.agreementList = fileList
} },
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -314,5 +522,4 @@ export default {
float: left; float: left;
} }
} }
</style> </style>

152
src/views/reviewers/components/BasicInfo.vue
View File

@ -15,31 +15,62 @@
> >
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item v-if="basicInfo.ReviewerCode" :label="$t('system:reviewer:label:Id')"> <el-form-item
<el-input v-model="basicInfo.ReviewerCode" disabled size="small" /> v-if="basicInfo.ReviewerCode"
:label="$t('system:reviewer:label:Id')"
>
<el-input
v-model="basicInfo.ReviewerCode"
disabled
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:LastName')" prop="LastName"> <el-form-item
<el-input v-model="basicInfo.LastName" :disabled="$route.query.ReviewStatus === '1'" size="small" /> :label="$t('system:reviewer:label:LastName')"
prop="LastName"
>
<el-input
v-model="basicInfo.LastName"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:FirstName')" prop="FirstName"> <el-form-item
<el-input v-model="basicInfo.FirstName" :disabled="$route.query.ReviewStatus === '1'" size="small" /> :label="$t('system:reviewer:label:FirstName')"
prop="FirstName"
>
<el-input
v-model="basicInfo.FirstName"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:NameCN')" prop="ChineseName"> <el-form-item
<el-input v-model="basicInfo.ChineseName" :disabled="$route.query.ReviewStatus === '1'" size="small" /> :label="$t('system:reviewer:label:NameCN')"
prop="ChineseName"
>
<el-input
v-model="basicInfo.ChineseName"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Gender')" prop="Sex"> <el-form-item
:label="$t('system:reviewer:label:Gender')"
prop="Sex"
>
<el-select <el-select
v-model="basicInfo.Sex" v-model="basicInfo.Sex"
prop="Sex" prop="Sex"
@ -59,12 +90,22 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Phone')" prop="Phone"> <el-form-item
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="basicInfo.Phone" size="small" /> :label="$t('system:reviewer:label:Phone')"
prop="Phone"
>
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="basicInfo.Phone"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Title')" prop="TitleIds"> <el-form-item
:label="$t('system:reviewer:label:Title')"
prop="TitleIds"
>
<el-select <el-select
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="basicInfo.TitleIds[0]" v-model="basicInfo.TitleIds[0]"
@ -89,8 +130,15 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Email')" prop="EMail"> <el-form-item
<el-input v-model="basicInfo.EMail" :disabled="$route.query.ReviewStatus === '1'" size="small" /> :label="$t('system:reviewer:label:Email')"
prop="EMail"
>
<el-input
v-model="basicInfo.EMail"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
<!-- <el-col :span="12">--> <!-- <el-col :span="12">-->
@ -106,7 +154,10 @@
</el-radio-group> </el-radio-group>
</el-form-item> --> </el-form-item> -->
<el-form-item :label="$t('system:reviewer:label:Country')" prop="Nation"> <el-form-item
:label="$t('system:reviewer:label:Country')"
prop="Nation"
>
<el-select <el-select
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="basicInfo.Nation" v-model="basicInfo.Nation"
@ -114,7 +165,12 @@
clearable clearable
class="mr" class="mr"
> >
<el-option v-for="item of $d.AttendedReviewerType" :value="item.value" :label="item.label" :key="item.id"/> <el-option
v-for="item of $d.AttendedReviewerType"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
</el-col> </el-col>
@ -129,7 +185,9 @@
:loading="isDisabled" :loading="isDisabled"
size="small" size="small"
@click="handleSave" @click="handleSave"
> {{ $t('common:button:save') }}</el-button> >
{{ $t('common:button:save') }}</el-button
>
</el-form-item> </el-form-item>
</el-row> </el-row>
</el-form> </el-form>
@ -142,6 +200,15 @@ import { getBasicInfo, addOrUpdateDoctorBasicInfo } from '@/api/reviewers'
import { changeURLStatic } from '@/utils/history.js' import { changeURLStatic } from '@/utils/history.js'
import { getBasicDataSelects } from '@/api/dictionary/dictionary' import { getBasicDataSelects } from '@/api/dictionary/dictionary'
export default { export default {
props: {
reviewerId: {
type: String,
},
isSystem: {
type: Boolean,
default: true,
},
},
data() { data() {
return { return {
basicInfo: { basicInfo: {
@ -156,58 +223,58 @@ export default {
EMail: '', EMail: '',
WeChat: '', WeChat: '',
Introduction: '', Introduction: '',
Nation: 0 Nation: 0,
}, },
rules: { rules: {
FirstName: [ FirstName: [
{ {
required: true, required: true,
message: 'Please enter FirstName', message: 'Please enter FirstName',
trigger: 'blur' trigger: 'blur',
}, },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
], ],
LastName: [ LastName: [
{ required: true, message: 'Please enter LastName', trigger: 'blur' }, { required: true, message: 'Please enter LastName', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
], ],
ChineseName: [{ max: 50, message: 'The maximum length is 50' }], ChineseName: [{ max: 50, message: 'The maximum length is 50' }],
Sex: [ Sex: [
{ required: true, message: 'Please select gender', trigger: 'blur' } { required: true, message: 'Please select gender', trigger: 'blur' },
], ],
TitleIds: [ TitleIds: [
{ required: true, message: 'Please select Title', trigger: 'blur' } { required: true, message: 'Please select Title', trigger: 'blur' },
], ],
Phone: [ Phone: [
{ {
required: true, required: true,
message: 'Please enter phone number', message: 'Please enter phone number',
trigger: 'blur' trigger: 'blur',
}, },
{ max: 20, min: 7, message: 'The length is 7 to 20' } { max: 20, min: 7, message: 'The length is 7 to 20' },
], ],
EMail: [ EMail: [
{ {
required: true, required: true,
message: 'Please input the email address', message: 'Please input the email address',
trigger: 'blur' trigger: 'blur',
}, },
{ {
type: 'email', type: 'email',
message: 'Please input the correct email address', message: 'Please input the correct email address',
trigger: 'blur,change' trigger: 'blur,change',
}, },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
], ],
WeChat: [{ max: 50, message: 'The maximum length is 50' }] WeChat: [{ max: 50, message: 'The maximum length is 50' }],
}, },
isDisabled: false, isDisabled: false,
loading: false, loading: false,
genderOptions: [ genderOptions: [
{ label: 'Male', value: 0 }, { label: 'Male', value: 0 },
{ label: 'Female', value: 1 } { label: 'Female', value: 1 },
], ],
dictionaryList: {} dictionaryList: {},
} }
}, },
mounted() { mounted() {
@ -227,7 +294,12 @@ export default {
this.$message.success('Saved successfully') this.$message.success('Saved successfully')
if (!this.id) { if (!this.id) {
this.basicInfo.Id = res.Result.Id this.basicInfo.Id = res.Result.Id
if (this.isSystem) {
changeURLStatic('Id', res.Result.Id) changeURLStatic('Id', res.Result.Id)
}
if (!this.reviewerId) {
this.$emit('update:reviewerId', res.Result.Id)
}
this.basicInfo.ReviewerCode = res.Result.ReviewerCode this.basicInfo.ReviewerCode = res.Result.ReviewerCode
} }
}) })
@ -241,27 +313,29 @@ export default {
async initForm() { async initForm() {
await this.getDicData() await this.getDicData()
const id = this.$route.query.Id const id = this.$route.query.Id || this.reviewerId
if (id) { if (id) {
this.loading = true this.loading = true
getBasicInfo(id).then((res) => { getBasicInfo(id)
.then((res) => {
// eslint-disable-next-line no-unused-vars // eslint-disable-next-line no-unused-vars
const { TitleList, ...param } = res.Result const { TitleList, ...param } = res.Result
this.basicInfo = param this.basicInfo = param
this.loading = false this.loading = false
}).catch(() => { })
.catch(() => {
this.loading = false this.loading = false
}) })
} }
}, },
getDicData() { getDicData() {
getBasicDataSelects(['Title']).then(res => { getBasicDataSelects(['Title'])
.then((res) => {
this.dictionaryList = { ...res.Result } this.dictionaryList = { ...res.Result }
}).catch(() => {
}) })
} .catch(() => {})
} },
},
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

66
src/views/reviewers/components/Credentials.vue
View File

@ -2,9 +2,15 @@
<div class="credentials-container"> <div class="credentials-container">
<div class="clearfix"> <div class="clearfix">
<el-card class="e-card"> <el-card class="e-card">
<p class="title">{{$t('system:Credentials:title:Diploma of the highest medical degree')}} <p class="title">
{{
$t('system:Credentials:title:Diploma of the highest medical degree')
}}
</p> </p>
<upload-file :doctor-id="doctorId" type="Diploma of the highest medical degree" /> <upload-file
:doctor-id="doctorId"
type="Diploma of the highest medical degree"
/>
<!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_DiplomaOfTheHighestMedicalDegree_Template')">--> <!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_DiplomaOfTheHighestMedicalDegree_Template')">-->
<!-- <i class="el-icon-view el-icon-download"></i>--> <!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template--> <!-- Template-->
@ -12,17 +18,22 @@
</el-card> </el-card>
<el-card class="e-card"> <el-card class="e-card">
<p class="title">{{$t('system:Credentials:title:Medical Qualification Certificate')}} <p class="title">
{{ $t('system:Credentials:title:Medical Qualification Certificate') }}
<!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MedicalQualificationCertificate_Template')">--> <!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MedicalQualificationCertificate_Template')">-->
<!-- <i class="el-icon-view el-icon-download"></i>--> <!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template--> <!-- Template-->
<!-- </el-button>--> <!-- </el-button>-->
</p> </p>
<upload-file :doctor-id="doctorId" type="Medical Qualification Certificate" /> <upload-file
:doctor-id="doctorId"
type="Medical Qualification Certificate"
/>
</el-card> </el-card>
<el-card class="e-card"> <el-card class="e-card">
<p class="title">{{$t('system:Credentials:title:Practice License')}} <p class="title">
{{ $t('system:Credentials:title:Practice License') }}
<!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_PracticeLicense_Template')">--> <!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_PracticeLicense_Template')">-->
<!-- <i class="el-icon-view el-icon-download"></i>--> <!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template--> <!-- Template-->
@ -31,10 +42,13 @@
<upload-file :doctor-id="doctorId" type="Practice License" /> <upload-file :doctor-id="doctorId" type="Practice License" />
</el-card> </el-card>
</div> </div>
<h6 style="line-height:30px;font-size:13px;">{{$t('system:Credentials:title:Modality Certificate')}}</h6> <h6 style="line-height: 30px; font-size: 13px">
{{ $t('system:Credentials:title:Modality Certificate') }}
</h6>
<div class="clearfix"> <div class="clearfix">
<el-card class="e-card"> <el-card class="e-card">
<p class="title">CT <p class="title">
CT
<!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_CT_Template')">--> <!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_CT_Template')">-->
<!-- <i class="el-icon-view el-icon-download"></i>--> <!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template--> <!-- Template-->
@ -44,7 +58,8 @@
</el-card> </el-card>
<el-card class="e-card"> <el-card class="e-card">
<p class="title">MRI <p class="title">
MRI
<!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MRI_Template')">--> <!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_MRI_Template')">-->
<!-- <i class="el-icon-view el-icon-download"></i>--> <!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template--> <!-- Template-->
@ -54,7 +69,8 @@
</el-card> </el-card>
<el-card class="e-card"> <el-card class="e-card">
<p class="title">NM <p class="title">
NM
<!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_NM_Template')">--> <!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_NM_Template')">-->
<!-- <i class="el-icon-view el-icon-download"></i>--> <!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template--> <!-- Template-->
@ -64,7 +80,8 @@
</el-card> </el-card>
<el-card class="e-card"> <el-card class="e-card">
<p class="title">US <p class="title">
US
<!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_US_Template')">--> <!-- <el-button size="mini" type="primary" style="position: absolute;bottom:10px;right: 10px;" @click="handleDownload('Reviewer_US_Template')">-->
<!-- <i class="el-icon-view el-icon-download"></i>--> <!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template--> <!-- Template-->
@ -80,21 +97,37 @@ import UploadFile from '@/components/UploadFile'
import { DownloadCommonDoc } from '@/api/dictionary' import { DownloadCommonDoc } from '@/api/dictionary'
export default { export default {
components: { components: {
UploadFile UploadFile,
},
props: {
reviewerId: {
type: String,
},
}, },
data() { data() {
return { return {
doctorId: this.$route.query.Id doctorId: this.$route.query.Id || this.reviewerId,
} }
}, },
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
}
},
},
methods: { methods: {
handleDownload(code) { handleDownload(code) {
this.loading = true this.loading = true
DownloadCommonDoc(code).then(data => { DownloadCommonDoc(code)
.then((data) => {
this.loading = false this.loading = false
}).catch(() => { this.loading = false }) })
} .catch(() => {
} this.loading = false
})
},
},
} }
</script> </script>
<style lang="scss"> <style lang="scss">
@ -110,7 +143,6 @@ export default {
font-size: 13px; font-size: 13px;
margin-bottom: 15px; margin-bottom: 15px;
font-weight: bold; font-weight: bold;
} }
} }
h6 { h6 {

733
src/views/reviewers/components/EducationTraining.vue
View File

File diff suppressed because it is too large Load Diff

250
src/views/reviewers/components/Employment.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="form-container"> <div class="form-container">
<el-card class="box-card"> <el-card class="box-card">
<div style="width:80%;"> <div style="width: 80%">
<el-form <el-form
ref="employmentForm" ref="employmentForm"
v-loading="loading" v-loading="loading"
@ -10,15 +10,17 @@
class="demo-ruleForm" class="demo-ruleForm"
label-width="150px" label-width="150px"
> >
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:Hospital')" prop="HospitalId"> <el-form-item
:label="$t('system:reviewer:label:Hospital')"
prop="HospitalId"
>
<el-select <el-select
v-model="employmentForm.HospitalId" v-model="employmentForm.HospitalId"
placeholder="select" placeholder="select"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
style="width:100%;" style="width: 100%"
size="small" size="small"
@change="handleHospitalChange" @change="handleHospitalChange"
> >
@ -39,7 +41,9 @@
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:AffiliatedUniversity')"> <el-form-item
:label="$t('system:reviewer:label:AffiliatedUniversity')"
>
<el-input <el-input
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="UniversityAffiliated" v-model="UniversityAffiliated"
@ -53,33 +57,48 @@
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:City')"> <el-form-item :label="$t('system:reviewer:label:City')">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="City" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="City"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:State/Province')"> <el-form-item :label="$t('system:reviewer:label:State/Province')">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="Province" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="Province"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:Country')"> <el-form-item :label="$t('system:reviewer:label:Country')">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="Country" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="Country"
size="small"
/>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:Department')" prop="DepartmentId"> <el-form-item
:label="$t('system:reviewer:label:Department')"
prop="DepartmentId"
>
<el-select <el-select
v-model="employmentForm.DepartmentId" v-model="employmentForm.DepartmentId"
placeholder="select" placeholder="select"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
style="width:100%;" style="width: 100%"
size="small" size="small"
> >
<!-- <el-option <!-- <el-option
@ -99,7 +118,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item v-if="employmentForm.DepartmentId===otherId" class="other-item" prop="DepartmentOther"> <el-form-item
v-if="employmentForm.DepartmentId === otherId"
class="other-item"
prop="DepartmentOther"
>
<el-input <el-input
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.DepartmentOther" v-model="employmentForm.DepartmentOther"
@ -109,7 +132,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item v-if="employmentForm.DepartmentId===otherId" class="other-item" prop="DepartmentOtherCN"> <el-form-item
v-if="employmentForm.DepartmentId === otherId"
class="other-item"
prop="DepartmentOtherCN"
>
<el-input <el-input
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.DepartmentOtherCN" v-model="employmentForm.DepartmentOtherCN"
@ -122,13 +149,16 @@
<el-row> <el-row>
<el-col :span="14"> <el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:Rank')" prop="RankId"> <el-form-item
:label="$t('system:reviewer:label:Rank')"
prop="RankId"
>
<el-select <el-select
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.RankId" v-model="employmentForm.RankId"
placeholder="select" placeholder="select"
@change="RankChange" @change="RankChange"
style="width:100%;" style="width: 100%"
size="small" size="small"
> >
<!-- <el-option <!-- <el-option
@ -148,7 +178,14 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item v-if="$fd('Rank', employmentForm.RankId, 'id') === '其它' || $fd('Rank', employmentForm.RankId, 'id') === 'Other'" class="other-item" prop="RankOther"> <el-form-item
v-if="
$fd('Rank', employmentForm.RankId, 'id') === '其它' ||
$fd('Rank', employmentForm.RankId, 'id') === 'Other'
"
class="other-item"
prop="RankOther"
>
<el-input <el-input
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.RankOther" v-model="employmentForm.RankOther"
@ -158,7 +195,14 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="5"> <el-col :span="5">
<el-form-item v-if="$fd('Rank', employmentForm.RankId, 'id') === '其它' || $fd('Rank', employmentForm.RankId, 'id') === 'Other'" class="other-item" prop="RankOtherCN"> <el-form-item
v-if="
$fd('Rank', employmentForm.RankId, 'id') === '其它' ||
$fd('Rank', employmentForm.RankId, 'id') === 'Other'
"
class="other-item"
prop="RankOtherCN"
>
<el-input <el-input
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.RankOtherCN" v-model="employmentForm.RankOtherCN"
@ -260,7 +304,13 @@
<!-- </el-row>--> <!-- </el-row>-->
<el-form-item> <el-form-item>
<el-button type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'" size="small" @click="handleSave">{{ $t('common:button:save') }}</el-button> <el-button
type="primary"
:disabled="isDisabled || $route.query.ReviewStatus === '1'"
size="small"
@click="handleSave"
>{{ $t('common:button:save') }}</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -274,6 +324,11 @@ import store from '@/store'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
export default { export default {
name: 'Employment', name: 'Employment',
props: {
reviewerId: {
type: String,
},
},
data() { data() {
const RankIndication = (rule, value, callback) => { const RankIndication = (rule, value, callback) => {
if (value === '其它' || value === 'Other') { if (value === '其它' || value === 'Other') {
@ -293,7 +348,7 @@ export default {
} }
return { return {
employmentForm: { employmentForm: {
Id: this.$route.query.Id, Id: this.$route.query.Id || this.reviewerId,
DepartmentId: '', DepartmentId: '',
DepartmentOther: '', DepartmentOther: '',
DepartmentOtherCN: '', DepartmentOtherCN: '',
@ -307,46 +362,92 @@ export default {
PhysicianId: '', PhysicianId: '',
Physician: '', Physician: '',
PhysicianCN: '', PhysicianCN: '',
PhysicianOriginal: null PhysicianOriginal: null,
}, },
UniversityAffiliated: '', UniversityAffiliated: '',
City: '', City: '',
Province: '', Province: '',
Country: '', Country: '',
employmentRules: { employmentRules: {
DepartmentId: [{ required: true, message: 'Please select department', trigger: 'blur' }], DepartmentId: [
{
required: true,
message: 'Please select department',
trigger: 'blur',
},
],
DepartmentOther: [ DepartmentOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
], ],
DepartmentOtherCN: [{ max: 50, message: 'The maximum length is 50' }], DepartmentOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
RankId: [{ required: true, message: 'Please select rank', trigger: 'blur' }], RankId: [
RankOther: [{ required: true, message: 'Please select rank', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }], { required: true, message: 'Please select rank', trigger: 'blur' },
RankOtherCN: [{ required: true, message: 'Please select rank', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }], ],
PhysicianId: [{ required: true, message: 'Please select Physician', trigger: 'blur' }], RankOther: [
Physician: [{ required: true, message: 'Please select Physician', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }], { required: true, message: 'Please select rank', trigger: 'blur' },
PhysicianCN: [{ required: true, message: 'Please select Physician', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }], { max: 50, message: 'The maximum length is 50' },
PositionId: [{ required: true, message: 'Please select position', trigger: 'blur' }], ],
RankOtherCN: [
{ required: true, message: 'Please select rank', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' },
],
PhysicianId: [
{
required: true,
message: 'Please select Physician',
trigger: 'blur',
},
],
Physician: [
{
required: true,
message: 'Please select Physician',
trigger: 'blur',
},
{ max: 50, message: 'The maximum length is 50' },
],
PhysicianCN: [
{
required: true,
message: 'Please select Physician',
trigger: 'blur',
},
{ max: 50, message: 'The maximum length is 50' },
],
PositionId: [
{
required: true,
message: 'Please select position',
trigger: 'blur',
},
],
PositionOther: [{ max: 50, message: 'The maximum length is 50' }], PositionOther: [{ max: 50, message: 'The maximum length is 50' }],
PositionOtherCN: [{ max: 50, message: 'The maximum length is 50' }], PositionOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
HospitalId: [{ required: true, message: 'Please select hospital', trigger: 'blur' }] HospitalId: [
{
required: true,
message: 'Please select hospital',
trigger: 'blur',
},
],
}, },
isDisabled: false, isDisabled: false,
selectId: '00000000-0000-0000-0000-000000000000', selectId: '00000000-0000-0000-0000-000000000000',
otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5', otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
loading: false, loading: false,
dictionaryList: {} dictionaryList: {},
} }
}, },
computed: { computed: {
...mapGetters(['hospitalList']) ...mapGetters(['hospitalList']),
}, },
mounted() { mounted() {
this.initEmployment() this.initEmployment()
}, },
methods: { methods: {
RankChange(val) { RankChange(val) {
var o = this.$d.Rank.find(v => { var o = this.$d.Rank.find((v) => {
return v.id === val return v.id === val
}) })
if (o.label === '其它' || o.label === 'Other') { if (o.label === '其它' || o.label === 'Other') {
@ -358,7 +459,7 @@ export default {
} }
}, },
PhysicianChange(val) { PhysicianChange(val) {
var o = this.$d.PhysicianOriginal.find(v => { var o = this.$d.PhysicianOriginal.find((v) => {
return v.id === val return v.id === val
}) })
if (o.label === '其它' || o.label === 'Other') { if (o.label === '其它' || o.label === 'Other') {
@ -370,7 +471,7 @@ export default {
} }
}, },
handleSave() { handleSave() {
this.$refs.employmentForm.validate(valid => { this.$refs.employmentForm.validate((valid) => {
if (valid) { if (valid) {
this.loading = true this.loading = true
this.isDisabled = true this.isDisabled = true
@ -378,29 +479,49 @@ export default {
// var o = this.$d.PhysicianOriginal.find(v => { // var o = this.$d.PhysicianOriginal.find(v => {
// return v.id === this.employmentForm.PhysicianId // return v.id === this.employmentForm.PhysicianId
// }) // })
param.Id = this.$route.query.Id param.Id = this.$route.query.Id || this.reviewerId
param.DepartmentId = this.employmentForm.DepartmentId param.DepartmentId = this.employmentForm.DepartmentId
param.DepartmentOther = this.employmentForm.DepartmentId === this.otherId ? this.employmentForm.DepartmentOther : '' param.DepartmentOther =
param.DepartmentOtherCN = this.employmentForm.DepartmentId === this.otherId ? this.employmentForm.DepartmentOtherCN : '' this.employmentForm.DepartmentId === this.otherId
? this.employmentForm.DepartmentOther
: ''
param.DepartmentOtherCN =
this.employmentForm.DepartmentId === this.otherId
? this.employmentForm.DepartmentOtherCN
: ''
param.RankId = this.employmentForm.RankId param.RankId = this.employmentForm.RankId
param.RankOther = this.employmentForm.RankId === this.otherId ? this.employmentForm.RankOther : '' param.RankOther =
param.RankOtherCN = this.employmentForm.RankId === this.otherId ? this.employmentForm.RankOtherCN : '' this.employmentForm.RankId === this.otherId
? this.employmentForm.RankOther
: ''
param.RankOtherCN =
this.employmentForm.RankId === this.otherId
? this.employmentForm.RankOtherCN
: ''
// param.PhysicianId = this.employmentForm.PhysicianId // param.PhysicianId = this.employmentForm.PhysicianId
// param.Physician = o.label !== '其它' && o.label !== 'Other' ? o.raw.Value : this.employmentForm.Physician // param.Physician = o.label !== '其它' && o.label !== 'Other' ? o.raw.Value : this.employmentForm.Physician
// param.PhysicianCN = o.label !== '其它' && o.label !== 'Other' ? o.raw.ValueCN : this.employmentForm.PhysicianCN // param.PhysicianCN = o.label !== '其它' && o.label !== 'Other' ? o.raw.ValueCN : this.employmentForm.PhysicianCN
param.PositionId = this.employmentForm.PositionId param.PositionId = this.employmentForm.PositionId
param.PositionOther = this.employmentForm.PositionId === this.otherId ? this.employmentForm.PositionOther : '' param.PositionOther =
param.PositionOtherCN = this.employmentForm.PositionId === this.otherId ? this.employmentForm.PositionOtherCN : '' this.employmentForm.PositionId === this.otherId
? this.employmentForm.PositionOther
: ''
param.PositionOtherCN =
this.employmentForm.PositionId === this.otherId
? this.employmentForm.PositionOtherCN
: ''
param.HospitalId = this.employmentForm.HospitalId param.HospitalId = this.employmentForm.HospitalId
updateEmploymentInfo(param).then(res => { updateEmploymentInfo(param)
.then((res) => {
this.isDisabled = false this.isDisabled = false
this.loading = false this.loading = false
this.$message.success('Saved successfully') this.$message.success('Saved successfully')
if (!this.id) { if (!this.id) {
this.employmentForm.Id = res.Result this.employmentForm.Id = res.Result
} }
}).catch(() => { })
.catch(() => {
this.isDisabled = false this.isDisabled = false
this.loading = false this.loading = false
}) })
@ -408,32 +529,53 @@ export default {
}) })
}, },
initForm() { initForm() {
const id = this.$route.query.Id const id = this.$route.query.Id || this.reviewerId
if (id) { if (id) {
this.loading = true this.loading = true
getEmploymentInfo(id).then(res => { getEmploymentInfo(id)
const { PhysicianId, Physician, PhysicianCN, DepartmentId, DepartmentOther, DepartmentOtherCN, RankId, RankOther, RankOtherCN, PositionId, PositionOther, PositionOtherCN, HospitalId } = res.Result .then((res) => {
const {
PhysicianId,
Physician,
PhysicianCN,
DepartmentId,
DepartmentOther,
DepartmentOtherCN,
RankId,
RankOther,
RankOtherCN,
PositionId,
PositionOther,
PositionOtherCN,
HospitalId,
} = res.Result
this.employmentForm.Id = id this.employmentForm.Id = id
this.employmentForm.DepartmentId = DepartmentId === this.selectId ? '' : DepartmentId this.employmentForm.DepartmentId =
DepartmentId === this.selectId ? '' : DepartmentId
this.employmentForm.DepartmentOther = DepartmentOther this.employmentForm.DepartmentOther = DepartmentOther
this.employmentForm.DepartmentOtherCN = DepartmentOtherCN this.employmentForm.DepartmentOtherCN = DepartmentOtherCN
this.employmentForm.RankId = RankId === this.selectId ? '' : RankId this.employmentForm.RankId = RankId === this.selectId ? '' : RankId
this.employmentForm.RankOther = RankOther this.employmentForm.RankOther = RankOther
this.employmentForm.RankOtherCN = RankOtherCN this.employmentForm.RankOtherCN = RankOtherCN
this.employmentForm.PositionId = PositionId === this.selectId ? '' : PositionId this.employmentForm.PositionId =
PositionId === this.selectId ? '' : PositionId
this.employmentForm.PositionOther = PositionOther this.employmentForm.PositionOther = PositionOther
this.employmentForm.PhysicianId = PhysicianId this.employmentForm.PhysicianId = PhysicianId
this.employmentForm.Physician = Physician this.employmentForm.Physician = Physician
this.employmentForm.PhysicianCN = PhysicianCN this.employmentForm.PhysicianCN = PhysicianCN
this.employmentForm.PositionOtherCN = PositionOtherCN this.employmentForm.PositionOtherCN = PositionOtherCN
this.employmentForm.HospitalId = HospitalId === this.selectId ? '' : HospitalId this.employmentForm.HospitalId =
HospitalId === this.selectId ? '' : HospitalId
this.handleHospitalChange(this.employmentForm.HospitalId) this.handleHospitalChange(this.employmentForm.HospitalId)
this.loading = false this.loading = false
}).catch(() => { this.loading = false }) })
.catch(() => {
this.loading = false
})
} }
}, },
handleHospitalChange(value) { handleHospitalChange(value) {
const item = this.hospitalList.filter(item => item.Id === value) const item = this.hospitalList.filter((item) => item.Id === value)
if (item.length) { if (item.length) {
this.UniversityAffiliated = item[0].UniversityAffiliated this.UniversityAffiliated = item[0].UniversityAffiliated
this.City = item[0].City this.City = item[0].City
@ -447,11 +589,11 @@ export default {
this.initForm() this.initForm()
}, },
getDicData() { getDicData() {
getBasicDataSelects(['Department', 'Rank', 'Position']).then(res => { getBasicDataSelects(['Department', 'Rank', 'Position']).then((res) => {
this.dictionaryList = { ...res.Result } this.dictionaryList = { ...res.Result }
}) })
} },
} },
} }
</script> </script>
<style lang="scss"> <style lang="scss">

115
src/views/reviewers/components/ResearchPublication.vue
View File

@ -1,30 +1,71 @@
<template> <template>
<div class="form-container" style="width:80%;"> <div class="form-container" style="width: 80%">
<el-form ref="researchForm" v-loading="loading" label-width="140px" :model="researchForm" size="small"> <el-form
ref="researchForm"
v-loading="loading"
label-width="140px"
:model="researchForm"
size="small"
>
<el-form-item :label="$t('system:reviewer:label:Field of Research')"> <el-form-item :label="$t('system:reviewer:label:Field of Research')">
<el-row type="flex" justify="space-between"> <el-row type="flex" justify="space-between">
<el-col :span="11"> <el-col :span="11">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.Research" type="textarea" rows="5" placeholder="Please specify in English" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.Research"
type="textarea"
rows="5"
placeholder="Please specify in English"
size="small"
/>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.ResearchCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.ResearchCN"
type="textarea"
rows="5"
placeholder="请用中文注明"
size="small"
/>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:reviewer:label:Grants')"> <el-form-item :label="$t('system:reviewer:label:Grants')">
<el-row type="flex" justify="space-between"> <el-row type="flex" justify="space-between">
<el-col :span="11"> <el-col :span="11">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.Grants" type="textarea" rows="5" placeholder="Please specify in English" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.Grants"
type="textarea"
rows="5"
placeholder="Please specify in English"
size="small"
/>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.GrantsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.GrantsCN"
type="textarea"
rows="5"
placeholder="请用中文注明"
size="small"
/>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:reviewer:label:Publications')"> <el-form-item :label="$t('system:reviewer:label:Publications')">
<el-row type="flex" justify="space-between"> <el-row type="flex" justify="space-between">
<el-col :span="11"> <el-col :span="11">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.Publications" type="textarea" rows="5" placeholder="Please specify in English" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.Publications"
type="textarea"
rows="5"
placeholder="Please specify in English"
size="small"
/>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<!-- <el-input v-model="researchForm.PublicationsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> --> <!-- <el-input v-model="researchForm.PublicationsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> -->
@ -34,22 +75,45 @@
<el-form-item :label="$t('system:reviewer:label:Awards & Honors')"> <el-form-item :label="$t('system:reviewer:label:Awards & Honors')">
<el-row type="flex" justify="space-between"> <el-row type="flex" justify="space-between">
<el-col :span="11"> <el-col :span="11">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.AwardsHonors" type="textarea" rows="5" placeholder="Please specify in English" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.AwardsHonors"
type="textarea"
rows="5"
placeholder="Please specify in English"
size="small"
/>
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="researchForm.AwardsHonorsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> <el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.AwardsHonorsCN"
type="textarea"
rows="5"
placeholder="请用中文注明"
size="small"
/>
</el-col> </el-col>
</el-row> </el-row>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-button :disabled="$route.query.ReviewStatus === '1'" type="primary" :loading="isDisabled" @click="handleSave"> <el-button
{{ $t('common:button:save') }}</el-button> :disabled="$route.query.ReviewStatus === '1'"
type="primary"
:loading="isDisabled"
@click="handleSave"
>
{{ $t('common:button:save') }}</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
import { getResearchPublication, addOrUpdateResearchPublication } from '@/api/reviewers' import {
getResearchPublication,
addOrUpdateResearchPublication,
} from '@/api/reviewers'
export default { export default {
name: 'ResearchPublication', name: 'ResearchPublication',
props: { props: {
@ -57,8 +121,11 @@ export default {
type: String, type: String,
default() { default() {
return '' return ''
} },
} },
reviewerId: {
type: String,
},
}, },
data() { data() {
return { return {
@ -69,10 +136,10 @@ export default {
GrantsCN: '', GrantsCN: '',
Publications: '', Publications: '',
AwardsHonors: '', AwardsHonors: '',
AwardsHonorsCN: '' AwardsHonorsCN: '',
}, },
loading: false, loading: false,
isDisabled: false isDisabled: false,
} }
}, },
mounted() { mounted() {
@ -80,9 +147,9 @@ export default {
}, },
methods: { methods: {
initForm() { initForm() {
const id = this.$route.query.Id const id = this.$route.query.Id || this.reviewerId
if (id) { if (id) {
getResearchPublication(id).then(res => { getResearchPublication(id).then((res) => {
if (res.Result) { if (res.Result) {
this.researchForm.Research = res.Result.Research this.researchForm.Research = res.Result.Research
this.researchForm.ResearchCN = res.Result.ResearchCN this.researchForm.ResearchCN = res.Result.ResearchCN
@ -99,19 +166,21 @@ export default {
handleSave() { handleSave() {
this.loading = true this.loading = true
this.isDisabled = true this.isDisabled = true
this.researchForm.DoctorId = this.$route.query.Id this.researchForm.DoctorId = this.$route.query.Id || this.reviewerId
addOrUpdateResearchPublication(this.researchForm).then(res => { addOrUpdateResearchPublication(this.researchForm)
.then((res) => {
this.loading = false this.loading = false
this.isDisabled = false this.isDisabled = false
this.$message.success('Saved successfully') this.$message.success('Saved successfully')
if (!this.researchForm.Id) { if (!this.researchForm.Id) {
this.researchForm.Id = res.Result this.researchForm.Id = res.Result
} }
}).catch(() => { })
.catch(() => {
this.loading = false this.loading = false
this.isDisabled = false this.isDisabled = false
}) })
} },
} },
} }
</script> </script>

205
src/views/reviewers/components/Resumes.vue
View File

@ -14,7 +14,12 @@
:file-list="resumeList" :file-list="resumeList"
accept=".doc,.docx" accept=".doc,.docx"
> >
<el-button size="small" type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'">{{ $t('system:GcpCertificate:upload:Upload') }}</el-button> <el-button
size="small"
type="primary"
:disabled="isDisabled || $route.query.ReviewStatus === '1'"
>{{ $t('system:GcpCertificate:upload:Upload') }}</el-button
>
</el-upload> </el-upload>
</div> </div>
</div> </div>
@ -24,8 +29,18 @@
<div class="resumeTbl"> <div class="resumeTbl">
<el-table :data="resumeListEN" size="small"> <el-table :data="resumeListEN" size="small">
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
<el-table-column prop="FileName" :label="$t('system:Resumes:table:Resume')" width="180" show-overflow-tooltip /> <el-table-column
<el-table-column prop="CreateTime" :label="$t('system:Resumes:table:Upload Time')" width="150" show-overflow-tooltip /> prop="FileName"
:label="$t('system:Resumes:table:Resume')"
width="180"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
:label="$t('system:Resumes:table:Upload Time')"
width="150"
show-overflow-tooltip
/>
<el-table-column <el-table-column
prop="IsOfficial" prop="IsOfficial"
:label="$t('system:Resumes:table:Official')" :label="$t('system:Resumes:table:Official')"
@ -48,20 +63,33 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('common:action:action')" width="400"> <el-table-column :label="$t('common:action:action')" width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="handlePreview(scope.row)">{{ $t('common:button:download') }}</el-button>
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile(scope.row)">{{ $t('common:button:delete') }}</el-button>
<el-button <el-button
type="text" type="text"
size="small" size="small"
:disabled="scope.row.IsOfficial || $route.query.ReviewStatus === '1'" @click="handlePreview(scope.row)"
>{{ $t('common:button:download') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleRemoveFile(scope.row)"
>{{ $t('common:button:delete') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="
scope.row.IsOfficial || $route.query.ReviewStatus === '1'
"
@click="handleSetOfiical(scope.row)" @click="handleSetOfiical(scope.row)"
>{{ $t('system:Resumes:button:Set as Official') }}</el-button> >{{ $t('system:Resumes:button:Set as Official') }}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="resume-content" style="margin-top:10px;"> <div class="resume-content" style="margin-top: 10px">
<p>{{ $t('system:Resumes:title:ResumeCN') }}</p> <p>{{ $t('system:Resumes:title:ResumeCN') }}</p>
<div class="upload-content"> <div class="upload-content">
<div class="uploadFile-container"> <div class="uploadFile-container">
@ -74,7 +102,12 @@
:file-list="resumeList" :file-list="resumeList"
accept=".doc, .docx" accept=".doc, .docx"
> >
<el-button size="small" type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'">{{ $t('system:GcpCertificate:upload:Upload') }}</el-button> <el-button
size="small"
type="primary"
:disabled="isDisabled || $route.query.ReviewStatus === '1'"
>{{ $t('system:GcpCertificate:upload:Upload') }}</el-button
>
</el-upload> </el-upload>
</div> </div>
</div> </div>
@ -83,8 +116,18 @@
<div class="resumeTbl"> <div class="resumeTbl">
<el-table :data="resumeListCN" size="small"> <el-table :data="resumeListCN" size="small">
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
<el-table-column prop="FileName" :label="$t('system:Resumes:table:Resume')" width="180" show-overflow-tooltip /> <el-table-column
<el-table-column prop="CreateTime" :label="$t('system:Resumes:table:Upload Time')" width="150" show-overflow-tooltip /> prop="FileName"
:label="$t('system:Resumes:table:Resume')"
width="180"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
:label="$t('system:Resumes:table:Upload Time')"
width="150"
show-overflow-tooltip
/>
<el-table-column <el-table-column
prop="IsOfficial" prop="IsOfficial"
:label="$t('system:Resumes:table:Official')" :label="$t('system:Resumes:table:Official')"
@ -107,14 +150,28 @@
</el-table-column> </el-table-column>
<el-table-column :label="$t('common:action:action')" width="400"> <el-table-column :label="$t('common:action:action')" width="400">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" @click="handlePreview(scope.row)">{{ $t('common:button:download') }}</el-button>
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleRemoveFile(scope.row)">{{ $t('common:button:delete') }}</el-button>
<el-button <el-button
type="text" type="text"
size="small" size="small"
:disabled="scope.row.IsOfficial || $route.query.ReviewStatus === '1'" @click="handlePreview(scope.row)"
>{{ $t('common:button:download') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleRemoveFile(scope.row)"
>{{ $t('common:button:delete') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="
scope.row.IsOfficial || $route.query.ReviewStatus === '1'
"
@click="handleSetOfiical(scope.row)" @click="handleSetOfiical(scope.row)"
>{{ $t('system:Resumes:button:Set as Official') }}</el-button> >{{ $t('system:Resumes:button:Set as Official') }}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -126,31 +183,49 @@
size="small" size="small"
> >
<span>Language: </span> <span>Language: </span>
<el-radio-group :disabled="$route.query.ReviewStatus === '1'" v-model="language"> <el-radio-group
:disabled="$route.query.ReviewStatus === '1'"
v-model="language"
>
<el-radio :label="2">English</el-radio> <el-radio :label="2">English</el-radio>
<el-radio :label="1">中文</el-radio> <el-radio :label="1">中文</el-radio>
</el-radio-group> </el-radio-group>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button size="small" :disabled="$route.query.ReviewStatus === '1'" @click="dialogVisible = false">Cancel</el-button> <el-button
<el-button type="primary" :disabled="$route.query.ReviewStatus === '1'" size="small" @click="setResumeLanguage">Ok</el-button> size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="dialogVisible = false"
>Cancel</el-button
>
<el-button
type="primary"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
@click="setResumeLanguage"
>Ok</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
import { getAttachmentByType, uploadFile, saveAttachments, deleteAttachment, setOfficial, setLanguageForResume } from '@/api/attachment' import {
getAttachmentByType,
uploadFile,
saveAttachments,
deleteAttachment,
setOfficial,
setLanguageForResume,
} from '@/api/attachment'
export default { export default {
props: { props: {
id: { reviewerId: {
type: String, type: String,
default() { },
return ''
}
}
}, },
data() { data() {
return { return {
doctorId: this.$route.query.Id, doctorId: this.$route.query.Id || this.reviewerId,
resumeList: [], resumeList: [],
resumeListEN: [], resumeListEN: [],
resumeListCN: [], resumeListCN: [],
@ -159,9 +234,16 @@ export default {
currentRow: {}, currentRow: {},
repeat: false, repeat: false,
isDisabled: false, isDisabled: false,
loading: false loading: false,
} }
}, },
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
}
},
},
created() { created() {
if (!this.doctorId) return if (!this.doctorId) return
this.getResumeList() this.getResumeList()
@ -169,7 +251,8 @@ export default {
methods: { methods: {
getResumeList() { getResumeList() {
this.loading = true this.loading = true
getAttachmentByType(this.doctorId, 'Resume').then(res => { getAttachmentByType(this.doctorId, 'Resume')
.then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
if (res.Result.length > 0) { if (res.Result.length > 0) {
this.resumeList = res.Result this.resumeList = res.Result
@ -177,7 +260,10 @@ export default {
} }
} }
this.loading = false this.loading = false
}).catch(() => { this.loading = false }) })
.catch(() => {
this.loading = false
})
}, },
handleUploadFile(param) { handleUploadFile(param) {
this.repeat = false this.repeat = false
@ -186,20 +272,22 @@ export default {
// 检测文件后缀名 // 检测文件后缀名
if (this.checkFileSuffix(param.file.name) > -1) { if (this.checkFileSuffix(param.file.name) > -1) {
// 检测是否有重名文件 // 检测是否有重名文件
const isRepeat = this.resumeList.some(item => item.FileName === param.file.name) const isRepeat = this.resumeList.some(
(item) => item.FileName === param.file.name
)
if (isRepeat) { if (isRepeat) {
this.$confirm('Override the existing resume?', { this.$confirm('Override the existing resume?', {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
confirmButtonText: 'OK', confirmButtonText: 'OK',
cancelButtonText: 'Cancel' cancelButtonText: 'Cancel',
}) })
.then(() => { .then(() => {
// 重名覆盖 // 重名覆盖
this.repeat = true this.repeat = true
this.uploadFile(param.file, param.data.language) this.uploadFile(param.file, param.data.language)
}) })
.catch(action => {}) .catch((action) => {})
} else { } else {
this.uploadFile(param.file, param.data.language) this.uploadFile(param.file, param.data.language)
} }
@ -212,7 +300,10 @@ export default {
var fileName = file.name var fileName = file.name
var files = this.resumeList var files = this.resumeList
file = await this.fileToBlob(file) file = await this.fileToBlob(file)
let res = await this.OSSclient.put(`/SystemData/reviewer/Resume/${this.doctorId}/${fileName}`, file) let res = await this.OSSclient.put(
`/SystemData/reviewer/Resume/${this.doctorId}/${fileName}`,
file
)
if (this.repeat) { if (this.repeat) {
const index = files.findIndex((item, index) => { const index = files.findIndex((item, index) => {
return item.FileName === fileName return item.FileName === fileName
@ -228,26 +319,28 @@ export default {
Path: this.$getObjectName(res.url), Path: this.$getObjectName(res.url),
FullPath: this.$getObjectName(res.url), FullPath: this.$getObjectName(res.url),
FileName: fileName, FileName: fileName,
Language: language Language: language,
} }
files.push(fileData) files.push(fileData)
} }
this.saveUploadFiles(files) this.saveUploadFiles(files)
}, },
saveUploadFiles(files) { saveUploadFiles(files) {
saveAttachments(files).then(res => { saveAttachments(files)
.then((res) => {
this.resumeList = res.Result this.resumeList = res.Result
this.filterByLanguage() this.filterByLanguage()
this.isDisabled = false this.isDisabled = false
this.$message.success('Uploaded successfully') this.$message.success('Uploaded successfully')
}).catch(() => { })
.catch(() => {
this.isDisabled = false this.isDisabled = false
}) })
}, },
filterByLanguage() { filterByLanguage() {
this.resumeListEN = [] this.resumeListEN = []
this.resumeListCN = [] this.resumeListCN = []
this.resumeList.map(resume => { this.resumeList.map((resume) => {
if (resume.Language === 2) { if (resume.Language === 2) {
this.resumeListEN.push(resume) this.resumeListEN.push(resume)
} else if (resume.Language === 1) { } else if (resume.Language === 1) {
@ -258,7 +351,9 @@ export default {
checkFileSuffix(fileName) { checkFileSuffix(fileName) {
const accept = '.doc, .docx' const accept = '.doc, .docx'
var index = fileName.lastIndexOf('.') var index = fileName.lastIndexOf('.')
var suffix = fileName.substring(index + 1, fileName.length).toLocaleLowerCase() var suffix = fileName
.substring(index + 1, fileName.length)
.toLocaleLowerCase()
return accept.search(suffix) return accept.search(suffix)
}, },
handlePreview(row) { handlePreview(row) {
@ -270,29 +365,31 @@ export default {
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), { this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
})
}).then(() => { .then(() => {
deleteAttachment(row.Id, row.Path) deleteAttachment(row.Id, row.Path).then((res) => {
.then(res => {
if (res.IsSuccess) { if (res.IsSuccess) {
this.resumeList.splice(this.resumeList.findIndex(item => item.Id === row.Id), 1) this.resumeList.splice(
this.resumeList.findIndex((item) => item.Id === row.Id),
1
)
this.filterByLanguage() this.filterByLanguage()
this.$message({ this.$message({
message: this.$t('common:message:deletedSuccessfully'), message: this.$t('common:message:deletedSuccessfully'),
type: 'success' type: 'success',
}) })
} }
}) })
}) })
.catch(action => {}) .catch((action) => {})
}, },
handleSetOfiical(row) { handleSetOfiical(row) {
setOfficial(this.doctorId, row.Id, row.Language).then(res => { setOfficial(this.doctorId, row.Id, row.Language).then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
this.getResumeList() this.getResumeList()
this.$message({ this.$message({
message: 'Saved successfully!', message: 'Saved successfully!',
type: 'success' type: 'success',
}) })
} }
}) })
@ -303,18 +400,22 @@ export default {
this.currentRow = row this.currentRow = row
}, },
setResumeLanguage() { setResumeLanguage() {
setLanguageForResume(this.doctorId, this.currentRow.Id, this.language).then(res => { setLanguageForResume(
this.doctorId,
this.currentRow.Id,
this.language
).then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
this.dialogVisible = false this.dialogVisible = false
this.getResumeList() this.getResumeList()
this.$message({ this.$message({
message: 'Saved successfully!', message: 'Saved successfully!',
type: 'success' type: 'success',
}) })
} }
}) })
} },
} },
} }
</script> </script>
<style lang="scss"> <style lang="scss">
@ -341,11 +442,9 @@ export default {
.upload-content { .upload-content {
float: left; float: left;
} }
} }
.el-dialog__body { .el-dialog__body {
padding: 10px 20px; padding: 10px 20px;
} }
} }
</style> </style>

222
src/views/reviewers/components/Setting.vue
View File

@ -1,79 +1,143 @@
<template> <template>
<div v-loading="loading" class="check-container form-container"> <div v-loading="loading" class="check-container form-container">
<el-form ref="checkForm" :model="checkForm" label-width="200px" size="small" :rules="rules"> <el-form
ref="checkForm"
:model="checkForm"
label-width="200px"
size="small"
:rules="rules"
>
<div class="title-wrapper"> <div class="title-wrapper">
<p>{{ $t('system:Setting:title:Blinded information') }}</p> <p>{{ $t('system:Setting:title:Blinded information') }}</p>
</div> </div>
<div class="check-content"> <div class="check-content">
<el-form-item :label="$t('system:Setting:label:Blind Name')" prop="BlindName"> <el-form-item
<el-input :label="$t('system:Setting:label:Blind Name')"
v-model="checkForm.BlindName" prop="BlindName"
style="width:300px" >
/> <el-input v-model="checkForm.BlindName" style="width: 300px" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:Blind NameCN')" prop="BlindNameCN"> <el-form-item
<el-input :label="$t('system:Setting:label:Blind NameCN')"
v-model="checkForm.BlindNameCN" prop="BlindNameCN"
style="width:300px" >
/> <el-input v-model="checkForm.BlindNameCN" style="width: 300px" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:Blind Publications')" prop="BlindPublications"> <el-form-item
<el-input v-model="checkForm.BlindPublications" type="textarea" rows="8" style="width:60%;" size="small" /> :label="$t('system:Setting:label:Blind Publications')"
prop="BlindPublications"
>
<el-input
v-model="checkForm.BlindPublications"
type="textarea"
rows="8"
style="width: 60%"
size="small"
/>
</el-form-item> </el-form-item>
</div> </div>
<div class="title-wrapper"> <div class="title-wrapper">
<p>{{ $t('system:Setting:title:Blinded Setting') }}</p> <p>{{ $t('system:Setting:title:Blinded Setting') }}</p>
</div> </div>
<div class="check-content"> <div class="check-content">
<el-form-item :label="$t('system:Setting:label:Information Confirmed?')"> <el-form-item
<el-radio-group v-model="checkForm.ReviewStatus" @change="handleChange"> :label="$t('system:Setting:label:Information Confirmed?')"
<el-radio :label="1">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio> >
<el-radio :label="2">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio> <el-radio-group
v-model="checkForm.ReviewStatus"
@change="handleChange"
>
<el-radio :label="1">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="2">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:Contractor Status?')"> <el-form-item :label="$t('system:Setting:label:Contractor Status?')">
<el-radio-group v-model="checkForm.CooperateStatus" @change="handleChange"> <el-radio-group
<el-radio :label="1">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio> v-model="checkForm.CooperateStatus"
<el-radio :label="2">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio> @change="handleChange"
>
<el-radio :label="1">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="2">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:Accepting New Trials?')"> <el-form-item :label="$t('system:Setting:label:Accepting New Trials?')">
<el-radio-group v-model="checkForm.AcceptingNewTrial" :disabled="radioDisabled"> <el-radio-group
<el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio> v-model="checkForm.AcceptingNewTrial"
<el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio> :disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:Actively Reading?')"> <el-form-item :label="$t('system:Setting:label:Actively Reading?')">
<el-radio-group v-model="checkForm.ActivelyReading" :disabled="radioDisabled"> <el-radio-group
<el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio> v-model="checkForm.ActivelyReading"
<el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio> :disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:Is Virtual?')"> <el-form-item :label="$t('system:Setting:label:Is Virtual?')">
<el-radio-group v-model="checkForm.IsVirtual" :disabled="radioDisabled"> <el-radio-group
<el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio> v-model="checkForm.IsVirtual"
<el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio> :disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:On Vacation:')"> <el-form-item :label="$t('system:Setting:label:On Vacation:')">
<span style="font-size:12px;margin-right:20px;">{{ checkForm.InHoliday }}</span> <span style="font-size: 12px; margin-right: 20px">{{
<el-button type="text" @click="handleView">{{ $t('system:Setting:Planned Vacation') }}</el-button> checkForm.InHoliday
}}</span>
<el-button type="text" @click="handleView">{{
$t('system:Setting:Planned Vacation')
}}</el-button>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:Setting:label:Comment:')" prop="AdminComment"> <el-form-item
:label="$t('system:Setting:label:Comment:')"
prop="AdminComment"
>
<el-input <el-input
v-model="checkForm.AdminComment" v-model="checkForm.AdminComment"
type="textarea" type="textarea"
style="width:60%;" style="width: 60%"
rows="8" rows="8"
/> />
</el-form-item> </el-form-item>
<el-form-item style="margin-top: 20px"> <el-form-item style="margin-top: 20px">
<el-button type="primary" :disabled="isDisabled" @click="handleSave">{{ $t('common:button:save') }}</el-button> <el-button
type="primary"
:disabled="isDisabled"
@click="handleSave"
>{{ $t('common:button:save') }}</el-button
>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
@ -96,7 +160,13 @@
:end-placeholder="$t('system:Setting:label:End Date')" :end-placeholder="$t('system:Setting:label:End Date')"
size="small" size="small"
/> />
<el-button style="margin-left:10px;" type="primary" size="small" @click="handleAddHoliday">{{ $t('common:button:add') }}</el-button> <el-button
style="margin-left: 10px"
type="primary"
size="small"
@click="handleAddHoliday"
>{{ $t('common:button:add') }}</el-button
>
</div> </div>
<el-table v-loading="loading2" :data="gridData" size="small"> <el-table v-loading="loading2" :data="gridData" size="small">
<el-table-column type="index" /> <el-table-column type="index" />
@ -112,9 +182,15 @@
min-width="120" min-width="120"
:formatter="endTimeFormatter" :formatter="endTimeFormatter"
/> />
<el-table-column :label="$t('common:action:action')" fixed="right" min-width="200"> <el-table-column
:label="$t('common:action:action')"
fixed="right"
min-width="200"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" @click="handleDelete(scope.row)">{{ $t('common:button:delete') }}</el-button> <el-button type="text" @click="handleDelete(scope.row)">{{
$t('common:button:delete')
}}</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -134,17 +210,20 @@
</div> </div>
</template> </template>
<script> <script>
import { getAuditState, updateAuditResume, getVacationList, addOrUpdateVacation, deleteVacation } from '@/api/reviewers' import {
getAuditState,
updateAuditResume,
getVacationList,
addOrUpdateVacation,
deleteVacation,
} from '@/api/reviewers'
import { fmtDate } from '@/utils/formatter' import { fmtDate } from '@/utils/formatter'
export default { export default {
name: 'Setting', name: 'Setting',
props: { props: {
id: { reviewerId: {
type: String, type: String,
default() { },
return ''
}
}
}, },
data() { data() {
return { return {
@ -165,9 +244,11 @@ export default {
}, },
rules: { rules: {
AdminComment: [{ max: 500, message: 'The maximum length is 500' }], AdminComment: [{ max: 500, message: 'The maximum length is 500' }],
BlindName: [{ required: true, message: 'Please specify', trigger: 'blur' }], BlindName: [
{ required: true, message: 'Please specify', trigger: 'blur' },
],
}, },
doctorId: this.$route.query.Id, doctorId: this.$route.query.Id || this.reviewerId,
isDisabled: false, isDisabled: false,
radioDisabled: false, radioDisabled: false,
dialogVisible: false, dialogVisible: false,
@ -176,16 +257,23 @@ export default {
pageIndex: 1, pageIndex: 1,
pageSize: 5, pageSize: 5,
totalItems: 0, totalItems: 0,
loading2: false loading2: false,
} }
}, },
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
}
},
},
mounted() { mounted() {
this.initForm() this.initForm()
}, },
methods: { methods: {
initForm() { initForm() {
if (!this.doctorId) return if (!this.doctorId) return
getAuditState(this.doctorId).then(res => { getAuditState(this.doctorId).then((res) => {
if (res.Result) { if (res.Result) {
this.checkForm = res.Result this.checkForm = res.Result
this.checkForm.InHoliday = res.Result.InHoliday ? 'Yes' : 'No' this.checkForm.InHoliday = res.Result.InHoliday ? 'Yes' : 'No'
@ -193,7 +281,7 @@ export default {
}) })
}, },
handleSave() { handleSave() {
this.$refs.checkForm.validate(valid => { this.$refs.checkForm.validate((valid) => {
if (valid) { if (valid) {
this.isDisabled = true this.isDisabled = true
const param = {} const param = {}
@ -201,11 +289,15 @@ export default {
param.InHoliday = this.checkForm.InHoliday === 'Yes' param.InHoliday = this.checkForm.InHoliday === 'Yes'
param.ResumeStatus = param.ReviewStatus param.ResumeStatus = param.ReviewStatus
updateAuditResume(param) updateAuditResume(param)
.then(res => { .then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
if (res.Result) { this.checkForm.Id = res.Result } if (res.Result) {
this.checkForm.Id = res.Result
}
this.isDisabled = false this.isDisabled = false
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(
this.$t('common:message:savedSuccessfully')
)
} }
}) })
.catch(() => { .catch(() => {
@ -221,7 +313,7 @@ export default {
initHolidayList() { initHolidayList() {
this.loading2 = true this.loading2 = true
getVacationList(this.doctorId, this.pageIndex, this.pageSize) getVacationList(this.doctorId, this.pageIndex, this.pageSize)
.then(res => { .then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
this.gridData = res.Result.CurrentPageData this.gridData = res.Result.CurrentPageData
this.totalItems = res.Result.TotalCount this.totalItems = res.Result.TotalCount
@ -237,11 +329,11 @@ export default {
const param = { const param = {
DoctorId: this.doctorId, DoctorId: this.doctorId,
StartDate: this.daterange[0], StartDate: this.daterange[0],
EndDate: this.daterange[1] EndDate: this.daterange[1],
} }
this.loading2 = true this.loading2 = true
addOrUpdateVacation(param) addOrUpdateVacation(param)
.then(res => { .then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
param.Id = res.Result param.Id = res.Result
this.gridData.push(param) this.gridData.push(param)
@ -266,14 +358,18 @@ export default {
.then(() => { .then(() => {
this.loading2 = true this.loading2 = true
deleteVacation(row.Id) deleteVacation(row.Id)
.then(res => { .then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
var index = this.gridData.findIndex((item) => item.Id === row.Id) var index = this.gridData.findIndex(
(item) => item.Id === row.Id
)
if (index !== -1) { if (index !== -1) {
this.gridData.splice(index, 1) this.gridData.splice(index, 1)
this.totalItems = this.totalItems - 1 this.totalItems = this.totalItems - 1
} }
this.$message.success(this.$t('common:message:deletedSuccessfully')) this.$message.success(
this.$t('common:message:deletedSuccessfully')
)
} }
this.loading2 = false this.loading2 = false
}) })
@ -281,13 +377,16 @@ export default {
this.loading2 = false this.loading2 = false
}) })
}) })
.catch(action => {}) .catch((action) => {})
}, },
closeDialog() { closeDialog() {
this.initForm() this.initForm()
}, },
handleChange() { handleChange() {
if (this.checkForm.ReviewStatus === 2 || this.checkForm.cooperateStatus === 2) { if (
this.checkForm.ReviewStatus === 2 ||
this.checkForm.cooperateStatus === 2
) {
this.checkForm.ActivelyReading = false this.checkForm.ActivelyReading = false
this.checkForm.AcceptingNewTrial = false this.checkForm.AcceptingNewTrial = false
this.radioDisabled = true this.radioDisabled = true
@ -319,8 +418,7 @@ export default {
handleSizeChange(val) { handleSizeChange(val) {
this.pageSize = val this.pageSize = val
this.initHolidayList() this.initHolidayList()
} },
},
}
} }
</script> </script>

184
src/views/reviewers/components/Specialty.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<div class="form-container"> <div class="form-container">
<el-card class="box-card"> <el-card class="box-card">
<div style="width:80%;"> <div style="width: 80%">
<el-form <el-form
ref="specialtyForm" ref="specialtyForm"
v-loading="loading" v-loading="loading"
@ -12,12 +12,15 @@
> >
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Specialty')" prop="SpecialityId"> <el-form-item
:label="$t('system:reviewer:label:Specialty')"
prop="SpecialityId"
>
<el-select <el-select
v-model="specialtyForm.SpecialityId" v-model="specialtyForm.SpecialityId"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
placeholder="Please select" placeholder="Please select"
style="width:100%;" style="width: 100%"
size="small" size="small"
> >
<!-- <el-option <!-- <el-option
@ -37,7 +40,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="specialtyForm.SpecialityId==otherId" class="other-item" prop="SpecialityOther"> <el-form-item
v-if="specialtyForm.SpecialityId == otherId"
class="other-item"
prop="SpecialityOther"
>
<el-input <el-input
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="specialtyForm.SpecialityOther" v-model="specialtyForm.SpecialityOther"
@ -47,7 +54,11 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item v-if="specialtyForm.SpecialityId==otherId" prop="SpecialityOtherCN" class="other-item"> <el-form-item
v-if="specialtyForm.SpecialityId == otherId"
prop="SpecialityOtherCN"
class="other-item"
>
<el-input <el-input
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="specialtyForm.SpecialityOtherCN" v-model="specialtyForm.SpecialityOtherCN"
@ -59,13 +70,16 @@
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Subspeciality')" prop="SubspecialityIds"> <el-form-item
:label="$t('system:reviewer:label:Subspeciality')"
prop="SubspecialityIds"
>
<el-select <el-select
v-model="specialtyForm.SubspecialityIds" v-model="specialtyForm.SubspecialityIds"
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
placeholder="select" placeholder="select"
multiple multiple
style="width:100%;" style="width: 100%"
size="small" size="small"
> >
<!-- <el-option <!-- <el-option
@ -86,7 +100,10 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item <el-form-item
v-if="specialtyForm.SubspecialityIds && specialtyForm.SubspecialityIds.indexOf(otherId)>-1" v-if="
specialtyForm.SubspecialityIds &&
specialtyForm.SubspecialityIds.indexOf(otherId) > -1
"
class="other-item" class="other-item"
prop="SubspecialityOther" prop="SubspecialityOther"
> >
@ -100,7 +117,10 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item <el-form-item
v-if="specialtyForm.SubspecialityIds && specialtyForm.SubspecialityIds.indexOf(otherId)>-1" v-if="
specialtyForm.SubspecialityIds &&
specialtyForm.SubspecialityIds.indexOf(otherId) > -1
"
class="other-item" class="other-item"
prop="SubspecialityOtherCN" prop="SubspecialityOtherCN"
> >
@ -116,12 +136,15 @@
<el-row> <el-row>
<el-col :span="12"> <el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Modality')" prop="ReadingTypeIds"> <el-form-item
:label="$t('system:reviewer:label:Modality')"
prop="ReadingTypeIds"
>
<el-select <el-select
:disabled="$route.query.ReviewStatus === '1'" :disabled="$route.query.ReviewStatus === '1'"
v-model="specialtyForm.ReadingTypeIds" v-model="specialtyForm.ReadingTypeIds"
placeholder="Please select" placeholder="Please select"
style="width:100%;" style="width: 100%"
multiple multiple
size="small" size="small"
> >
@ -143,7 +166,10 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item <el-form-item
v-if="specialtyForm.ReadingTypeIds && specialtyForm.ReadingTypeIds.indexOf(otherId)>-1" v-if="
specialtyForm.ReadingTypeIds &&
specialtyForm.ReadingTypeIds.indexOf(otherId) > -1
"
prop="ReadingTypeOther" prop="ReadingTypeOther"
class="other-item" class="other-item"
> >
@ -157,7 +183,10 @@
</el-col> </el-col>
<el-col :span="6"> <el-col :span="6">
<el-form-item <el-form-item
v-if="specialtyForm.ReadingTypeIds && specialtyForm.ReadingTypeIds.indexOf(otherId)>-1" v-if="
specialtyForm.ReadingTypeIds &&
specialtyForm.ReadingTypeIds.indexOf(otherId) > -1
"
prop="ReadingTypeOtherCN" prop="ReadingTypeOtherCN"
class="other-item" class="other-item"
> >
@ -171,8 +200,14 @@
</el-col> </el-col>
</el-row> </el-row>
<el-form-item> <el-form-item>
<el-button type="primary" :disabled="isDisabled || $route.query.ReviewStatus === '1'" size="small" @click="handleSave"> <el-button
{{ $t('common:button:save') }}</el-button> type="primary"
:disabled="isDisabled || $route.query.ReviewStatus === '1'"
size="small"
@click="handleSave"
>
{{ $t('common:button:save') }}</el-button
>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -184,6 +219,11 @@ import { getSpecialtyInfo, updateSpecialtyInfo } from '@/api/reviewers'
import { getBasicDataSelects } from '@/api/dictionary/dictionary' import { getBasicDataSelects } from '@/api/dictionary/dictionary'
export default { export default {
name: 'Specialty', name: 'Specialty',
props: {
reviewerId: {
type: String,
},
},
data() { data() {
return { return {
specialtyForm: { specialtyForm: {
@ -195,37 +235,53 @@ export default {
SubspecialityOtherCN: '', SubspecialityOtherCN: '',
SpecialityId: '', SpecialityId: '',
SpecialityOther: '', SpecialityOther: '',
SpecialityOtherCN: '' SpecialityOtherCN: '',
}, },
specialtyRules: { specialtyRules: {
SpecialityId: [{ required: true, message: 'Please select speciality', trigger: 'blur' }], SpecialityId: [
{
required: true,
message: 'Please select speciality',
trigger: 'blur',
},
],
SpecialityOther: [ SpecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
], ],
SpecialityOtherCN: [{ max: 50, message: 'The maximum length is 50' }], SpecialityOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
ReadingTypeIds: [{ required: true, message: 'Please select clinical reading type', trigger: 'blur' }], ReadingTypeIds: [
{
required: true,
message: 'Please select clinical reading type',
trigger: 'blur',
},
],
ReadingTypeOther: [ ReadingTypeOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
], ],
ReadingTypeOtherCN: [ ReadingTypeOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
{ max: 50, message: 'The maximum length is 50' } SubspecialityIds: [
{
required: true,
message: 'Please select subspecialty',
trigger: 'blur',
},
], ],
SubspecialityIds: [{ required: true, message: 'Please select subspecialty', trigger: 'blur' }],
SubspecialityOther: [ SubspecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
], ],
SubspecialityOtherCN: [ SubspecialityOtherCN: [
{ max: 50, message: 'The maximum length is 50' } { max: 50, message: 'The maximum length is 50' },
] ],
}, },
selectId: '00000000-0000-0000-0000-000000000000', selectId: '00000000-0000-0000-0000-000000000000',
otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5', otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
isDisabled: false, isDisabled: false,
loading: false, loading: false,
dictionaryList: {} dictionaryList: {},
} }
}, },
mounted() { mounted() {
@ -233,21 +289,40 @@ export default {
}, },
methods: { methods: {
handleSave() { handleSave() {
this.$refs.specialtyForm.validate(valid => { this.$refs.specialtyForm.validate((valid) => {
if (valid) { if (valid) {
this.isDisabled = true this.isDisabled = true
const params = {} const params = {}
params.ReadingTypeIds = this.specialtyForm.ReadingTypeIds params.ReadingTypeIds = this.specialtyForm.ReadingTypeIds
params.ReadingTypeOther = params.ReadingTypeIds.indexOf(this.otherId) > -1 ? this.specialtyForm.ReadingTypeOther : '' params.ReadingTypeOther =
params.ReadingTypeOtherCN = params.ReadingTypeIds.indexOf(this.otherId) > -1 ? this.specialtyForm.ReadingTypeOtherCN : '' params.ReadingTypeIds.indexOf(this.otherId) > -1
? this.specialtyForm.ReadingTypeOther
: ''
params.ReadingTypeOtherCN =
params.ReadingTypeIds.indexOf(this.otherId) > -1
? this.specialtyForm.ReadingTypeOtherCN
: ''
params.SubspecialityIds = this.specialtyForm.SubspecialityIds params.SubspecialityIds = this.specialtyForm.SubspecialityIds
params.SubspecialityOther = params.SubspecialityIds.indexOf(this.otherId) > -1 ? this.specialtyForm.SubspecialityOther : '' params.SubspecialityOther =
params.SubspecialityOtherCN = params.SubspecialityIds.indexOf(this.otherId) > -1 ? this.specialtyForm.SubspecialityOtherCN : '' params.SubspecialityIds.indexOf(this.otherId) > -1
? this.specialtyForm.SubspecialityOther
: ''
params.SubspecialityOtherCN =
params.SubspecialityIds.indexOf(this.otherId) > -1
? this.specialtyForm.SubspecialityOtherCN
: ''
params.SpecialityId = this.specialtyForm.SpecialityId params.SpecialityId = this.specialtyForm.SpecialityId
params.SpecialityOther = params.SpecialityId === this.otherId ? this.specialtyForm.SpecialityOther : '' params.SpecialityOther =
params.SpecialityOtherCN = params.SpecialityId === this.otherId ? this.specialtyForm.SpecialityOtherCN : '' params.SpecialityId === this.otherId
params.Id = this.$route.query.Id ? this.specialtyForm.SpecialityOther
updateSpecialtyInfo(params).then(res => { : ''
params.SpecialityOtherCN =
params.SpecialityId === this.otherId
? this.specialtyForm.SpecialityOtherCN
: ''
params.Id = this.$route.query.Id || this.reviewerId
updateSpecialtyInfo(params)
.then((res) => {
this.isDisabled = false this.isDisabled = false
this.$message.success('Saved successfully') this.$message.success('Saved successfully')
this.specialtyForm.Id = res.Result this.specialtyForm.Id = res.Result
@ -260,20 +335,33 @@ export default {
}, },
initForm() { initForm() {
this.loading = true this.loading = true
const id = this.$route.query.Id const id = this.$route.query.Id || this.reviewerId
if (id) { if (id) {
getSpecialtyInfo(id).then(res => { getSpecialtyInfo(id)
this.specialtyForm.ReadingTypeIds = res.Result.ReadingTypeIds.length > 0 ? res.Result.ReadingTypeIds : [] .then((res) => {
this.specialtyForm.ReadingTypeIds =
res.Result.ReadingTypeIds.length > 0
? res.Result.ReadingTypeIds
: []
this.specialtyForm.ReadingTypeOther = res.Result.ReadingTypeOther this.specialtyForm.ReadingTypeOther = res.Result.ReadingTypeOther
this.specialtyForm.ReadingTypeOtherCN = res.Result.ReadingTypeOtherCN this.specialtyForm.ReadingTypeOtherCN =
res.Result.ReadingTypeOtherCN
this.specialtyForm.SubspecialityIds = res.Result.SubspecialityIds this.specialtyForm.SubspecialityIds = res.Result.SubspecialityIds
this.specialtyForm.SubspecialityOther = res.Result.SubspecialityOther this.specialtyForm.SubspecialityOther =
this.specialtyForm.SubspecialityOtherCN = res.Result.SubspecialityOtherCN res.Result.SubspecialityOther
this.specialtyForm.SpecialityId = res.Result.SpecialityId === this.selectId ? '' : res.Result.SpecialityId this.specialtyForm.SubspecialityOtherCN =
res.Result.SubspecialityOtherCN
this.specialtyForm.SpecialityId =
res.Result.SpecialityId === this.selectId
? ''
: res.Result.SpecialityId
this.specialtyForm.SpecialityOther = res.Result.SpecialityOther this.specialtyForm.SpecialityOther = res.Result.SpecialityOther
this.specialtyForm.SpecialityOtherCN = res.Result.SpecialityOtherCN this.specialtyForm.SpecialityOtherCN = res.Result.SpecialityOtherCN
this.loading = false this.loading = false
}).catch(() => { this.loading = false }) })
.catch(() => {
this.loading = false
})
} }
}, },
async initSpecialty() { async initSpecialty() {
@ -281,11 +369,13 @@ export default {
this.initForm() this.initForm()
}, },
getDicData() { getDicData() {
getBasicDataSelects(['Department', 'Subspeciality', 'ReadingType']).then(res => { getBasicDataSelects(['Department', 'Subspeciality', 'ReadingType']).then(
(res) => {
this.dictionaryList = { ...res.Result } this.dictionaryList = { ...res.Result }
})
}
} }
)
},
},
} }
</script> </script>
<style lang="scss"> <style lang="scss">

257
src/views/reviewers/components/TrialExperience.vue
View File

@ -2,9 +2,15 @@
<div class="form-container"> <div class="form-container">
<div class="title-wrapper"> <div class="title-wrapper">
<p>{{ $t('system:TrialExperience:title:Clinical Trial Experience') }}</p> <p>{{ $t('system:TrialExperience:title:Clinical Trial Experience') }}</p>
<el-button :disabled="$route.query.ReviewStatus === '1'" class="add" size="small" @click="handleAddClinicalTrial">{{$t('common:button:add')}}</el-button> <el-button
:disabled="$route.query.ReviewStatus === '1'"
class="add"
size="small"
@click="handleAddClinicalTrial"
>{{ $t('common:button:add') }}</el-button
>
</div> </div>
<div style="padding:0 40px;"> <div style="padding: 0 40px">
<el-table <el-table
ref="clinicalTrialTbl" ref="clinicalTrialTbl"
v-loading="loading" v-loading="loading"
@ -13,39 +19,82 @@
size="small" size="small"
> >
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
<el-table-column prop="Phase" :label="$t('system:TrialExperience:title:Phase')" min-width="50" /> <el-table-column
<el-table-column prop="EvaluationCriteriaList" :label="$t('system:TrialExperience:title:Review Criteria')" min-width="100"> prop="Phase"
:label="$t('system:TrialExperience:title:Phase')"
min-width="50"
/>
<el-table-column
prop="EvaluationCriteriaList"
:label="$t('system:TrialExperience:title:Review Criteria')"
min-width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.EvaluationCriteriaList.length>0? scope.row.EvaluationCriteriaList.join(', '):'' }} {{
scope.row.EvaluationCriteriaList.length > 0
? scope.row.EvaluationCriteriaList.join(', ')
: ''
}}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="EvaluationCriteriaList" :label="$t('system:TrialExperience:title:Starting And Ending Date')" min-width="100"> <el-table-column
prop="EvaluationCriteriaList"
:label="$t('system:TrialExperience:title:Starting And Ending Date')"
min-width="100"
>
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.StartTime">{{ scope.row.StartTime.split('-')[0] }}-{{scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今'}}</span> <span v-if="scope.row.StartTime"
>{{ scope.row.StartTime.split('-')[0] }}-{{
scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今'
}}</span
>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="VisitReadingCount" :label="$t('system:TrialExperience:title:Visit Reading Count')" min-width="70" /> <el-table-column
<el-table-column prop="EvaluationContent" :label="$t('system:TrialExperience:Indication')" min-width="70" /> prop="VisitReadingCount"
<el-table-column :label="$t('system:TrialExperience:Operation')" min-width="200"> :label="$t('system:TrialExperience:title:Visit Reading Count')"
min-width="70"
/>
<el-table-column
prop="EvaluationContent"
:label="$t('system:TrialExperience:Indication')"
min-width="70"
/>
<el-table-column
:label="$t('system:TrialExperience:Operation')"
min-width="200"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleEdit(scope.row)"> <el-button
{{ $t('common:button:edit') }}</el-button> type="text"
<el-button type="text" size="small" :disabled="$route.query.ReviewStatus === '1'" @click="handleDel(scope.row)">{{ $t('common:button:delete') }}</el-button> size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleEdit(scope.row)"
>
{{ $t('common:button:edit') }}</el-button
>
<el-button
type="text"
size="small"
:disabled="$route.query.ReviewStatus === '1'"
@click="handleDel(scope.row)"
>{{ $t('common:button:delete') }}</el-button
>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="title-wrapper" style="margin-top:10px;"> <div class="title-wrapper" style="margin-top: 10px">
<p>{{ $t('system:TrialExperience:title:GCP Certificate') }}</p> <p>{{ $t('system:TrialExperience:title:GCP Certificate') }}</p>
</div> </div>
<div style="margin-left: 40px; width: 40%"> <div style="margin-left: 40px; width: 40%">
<gcp-certificate :doctor-id="doctorId" :gcp="GCP" :gcp-id="GCPID" /> <gcp-certificate :doctor-id="doctorId" :gcp="GCP" :gcp-id="GCPID" />
</div> </div>
<div class="title-wrapper" style="margin-top:10px;"> <div class="title-wrapper" style="margin-top: 10px">
<p>{{ $t('system:TrialExperience:title:Other Relevant Experience') }}</p> <p>{{ $t('system:TrialExperience:title:Other Relevant Experience') }}</p>
</div> </div>
<div style="padding:0 40px;"> <div style="padding: 0 40px">
<el-row type="flex" justify="space-between"> <el-row type="flex" justify="space-between">
<el-col :span="11"> <el-col :span="11">
<el-input <el-input
@ -57,13 +106,33 @@
/> />
</el-col> </el-col>
<el-col :span="11"> <el-col :span="11">
<el-input v-model="OtherClinicalExperienceCN" :disabled="$route.query.ReviewStatus === '1'" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> <el-input
v-model="OtherClinicalExperienceCN"
:disabled="$route.query.ReviewStatus === '1'"
type="textarea"
rows="5"
placeholder="请用中文注明"
size="small"
/>
</el-col> </el-col>
</el-row> </el-row>
<el-button type="primary" size="small" style="margin-top:20px" :disabled="isBtnDisabled || $route.query.ReviewStatus === '1'" @click="handleSaveOtherClinical"> <el-button
{{ $t('common:button:save') }}</el-button> type="primary"
size="small"
style="margin-top: 20px"
:disabled="isBtnDisabled || $route.query.ReviewStatus === '1'"
@click="handleSaveOtherClinical"
>
{{ $t('common:button:save') }}</el-button
>
</div> </div>
<el-dialog v-if="clinicalTrialDialogVisible" :title="clinicalTrialDialogTitle" :visible.sync="clinicalTrialDialogVisible" width="480px" :close-on-click-modal="false"> <el-dialog
v-if="clinicalTrialDialogVisible"
:title="clinicalTrialDialogTitle"
:visible.sync="clinicalTrialDialogVisible"
width="480px"
:close-on-click-modal="false"
>
<el-form <el-form
ref="clinicalTrialForm" ref="clinicalTrialForm"
label-width="150px" label-width="150px"
@ -72,7 +141,10 @@
:model="clinicalTrialForm" :model="clinicalTrialForm"
size="small" size="small"
> >
<el-form-item :label="$t('system:TrialExperience:label:Phase')" prop="PhaseId"> <el-form-item
:label="$t('system:TrialExperience:label:Phase')"
prop="PhaseId"
>
<el-select v-model="clinicalTrialForm.PhaseId"> <el-select v-model="clinicalTrialForm.PhaseId">
<!-- <el-option <!-- <el-option
v-for="(key,value) of dictionaryList.Phase" v-for="(key,value) of dictionaryList.Phase"
@ -88,7 +160,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:TrialExperience:label:Review Criteria')" prop="EvaluationCriteriaIdList"> <el-form-item
:label="$t('system:TrialExperience:label:Review Criteria')"
prop="EvaluationCriteriaIdList"
>
<el-select <el-select
v-model="clinicalTrialForm.EvaluationCriteriaIdList" v-model="clinicalTrialForm.EvaluationCriteriaIdList"
multiple multiple
@ -102,7 +177,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:TrialExperience:label:Start Time')" prop="StartTime"> <el-form-item
:label="$t('system:TrialExperience:label:Start Time')"
prop="StartTime"
>
<el-date-picker <el-date-picker
v-model="clinicalTrialForm.StartTime" v-model="clinicalTrialForm.StartTime"
type="year" type="year"
@ -110,7 +188,10 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:TrialExperience:label:End Time')" prop="EndTime"> <el-form-item
:label="$t('system:TrialExperience:label:End Time')"
prop="EndTime"
>
<el-date-picker <el-date-picker
v-model="clinicalTrialForm.EndTime" v-model="clinicalTrialForm.EndTime"
type="year" type="year"
@ -118,22 +199,45 @@
> >
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:TrialExperience:Visit Reading Count')" prop="VisitReadingCount"> <el-form-item
<el-input style="width: 100%" oninput="value=value.replace(/[^\d]/g,'')" v-model="clinicalTrialForm.VisitReadingCount" controls-position="right" :min="0" /> :label="$t('system:TrialExperience:Visit Reading Count')"
prop="VisitReadingCount"
>
<el-input
style="width: 100%"
oninput="value=value.replace(/[^\d]/g,'')"
v-model="clinicalTrialForm.VisitReadingCount"
controls-position="right"
:min="0"
/>
</el-form-item> </el-form-item>
<el-form-item :label="$t('system:TrialExperience:Indication')" prop="EvaluationContent"> <el-form-item
:label="$t('system:TrialExperience:Indication')"
prop="EvaluationContent"
>
<el-input v-model="clinicalTrialForm.EvaluationContent" /> <el-input v-model="clinicalTrialForm.EvaluationContent" />
</el-form-item> </el-form-item>
</el-form> </el-form>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button type="primary" size="small" :loading="isDisabled" @click="handleSave">{{ $t('common:button:save') }}</el-button> <el-button
type="primary"
size="small"
:loading="isDisabled"
@click="handleSave"
>{{ $t('common:button:save') }}</el-button
>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
<script> <script>
// import UploadFile from '@/components/UploadFile' // import UploadFile from '@/components/UploadFile'
import { getTrialExperience, addOrUpdateTrialExperience, deleteTrialExperience, updateOtherExperience } from '@/api/reviewers' import {
getTrialExperience,
addOrUpdateTrialExperience,
deleteTrialExperience,
updateOtherExperience,
} from '@/api/reviewers'
import { getBasicDataSelects } from '@/api/dictionary/dictionary' import { getBasicDataSelects } from '@/api/dictionary/dictionary'
import GcpCertificate from './GcpCertificate.vue' import GcpCertificate from './GcpCertificate.vue'
import moment from 'moment' import moment from 'moment'
@ -150,6 +254,11 @@ const getClinicalTrialDefault = () => {
export default { export default {
name: 'TrialExperience', name: 'TrialExperience',
components: { GcpCertificate }, components: { GcpCertificate },
props: {
reviewerId: {
type: String,
},
},
data() { data() {
return { return {
loading: false, loading: false,
@ -159,17 +268,25 @@ export default {
clinicalTrialForm: getClinicalTrialDefault(), clinicalTrialForm: getClinicalTrialDefault(),
clinicalTrialRules: { clinicalTrialRules: {
PhaseId: [ PhaseId: [
{ required: true, message: 'Please select', trigger: ['blur', 'change'] } {
required: true,
message: 'Please select',
trigger: ['blur', 'change'],
},
], ],
EvaluationCriteriaIdList: [ EvaluationCriteriaIdList: [
{ required: true, message: 'Please select', trigger: ['blur', 'change'] } {
required: true,
message: 'Please select',
trigger: ['blur', 'change'],
},
], ],
VisitReadingCount: [ VisitReadingCount: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
], ],
EvaluationContent: [ EvaluationContent: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
{ max: 300, message: 'The maximum length is 300' } { max: 300, message: 'The maximum length is 300' },
], ],
StartTime: [ StartTime: [
{ required: true, message: 'Please specify', trigger: 'blur' }, { required: true, message: 'Please specify', trigger: 'blur' },
@ -180,12 +297,19 @@ export default {
OtherClinicalExperience: '', OtherClinicalExperience: '',
OtherClinicalExperienceCN: '', OtherClinicalExperienceCN: '',
isDisabled: false, isDisabled: false,
doctorId: this.$route.query.Id, doctorId: this.$route.query.Id || this.reviewerId,
isBtnDisabled: false, isBtnDisabled: false,
selectId: '00000000-0000-0000-0000-000000000000', selectId: '00000000-0000-0000-0000-000000000000',
dictionaryList: {} dictionaryList: {},
} }
}, },
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
}
},
},
created() { created() {
this.initForm() this.initForm()
}, },
@ -195,18 +319,23 @@ export default {
const id = this.$route.query.Id const id = this.$route.query.Id
if (id) { if (id) {
this.loading = true this.loading = true
getTrialExperience(id).then(res => { getTrialExperience(id)
.then((res) => {
this.clinicalTrialList = res.Result.ClinicalTrialExperienceList this.clinicalTrialList = res.Result.ClinicalTrialExperienceList
this.GCP = res.Result.GCP this.GCP = res.Result.GCP
this.GCPID = res.Result.GCPId this.GCPID = res.Result.GCPId
this.OtherClinicalExperience = res.Result.OtherClinicalExperience this.OtherClinicalExperience = res.Result.OtherClinicalExperience
this.OtherClinicalExperienceCN = res.Result.OtherClinicalExperienceCN this.OtherClinicalExperienceCN =
res.Result.OtherClinicalExperienceCN
this.loading = false this.loading = false
}).catch(() => { this.loading = false }) })
.catch(() => {
this.loading = false
})
} }
}, },
getDicData() { getDicData() {
getBasicDataSelects(['Trial_Phase', 'ReadingStandard']).then(res => { getBasicDataSelects(['Trial_Phase', 'ReadingStandard']).then((res) => {
this.dictionaryList = { ...res.Result } this.dictionaryList = { ...res.Result }
}) })
}, },
@ -217,7 +346,15 @@ export default {
this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault()) this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault())
}, },
handleEdit(row) { handleEdit(row) {
const { Id, PhaseId, EvaluationCriteriaIdList, EvaluationContent, StartTime, EndTime, VisitReadingCount } = row const {
Id,
PhaseId,
EvaluationCriteriaIdList,
EvaluationContent,
StartTime,
EndTime,
VisitReadingCount,
} = row
this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault()) this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault())
this.clinicalTrialDialogTitle = 'Edit' this.clinicalTrialDialogTitle = 'Edit'
this.clinicalTrialDialogVisible = true this.clinicalTrialDialogVisible = true
@ -230,31 +367,38 @@ export default {
this.clinicalTrialForm.EvaluationContent = EvaluationContent this.clinicalTrialForm.EvaluationContent = EvaluationContent
}, },
handleSave() { handleSave() {
this.$refs.clinicalTrialForm.validate(valid => { this.$refs.clinicalTrialForm.validate((valid) => {
if (valid) { if (valid) {
this.isDisabled = true this.isDisabled = true
this.clinicalTrialForm.DoctorId = this.$route.query.Id this.clinicalTrialForm.DoctorId = this.$route.query.Id
var dateTime var dateTime
if (this.clinicalTrialForm.StartTime) { if (this.clinicalTrialForm.StartTime) {
dateTime = new Date(this.clinicalTrialForm.StartTime) dateTime = new Date(this.clinicalTrialForm.StartTime)
this.clinicalTrialForm.StartTime = moment(new Date(dateTime.setDate(dateTime.getDate()+1))).format('YYYY') + "-01" this.clinicalTrialForm.StartTime =
moment(new Date(dateTime.setDate(dateTime.getDate() + 1))).format(
'YYYY'
) + '-01'
} }
if (this.clinicalTrialForm.EndTime) { if (this.clinicalTrialForm.EndTime) {
dateTime = new Date(this.clinicalTrialForm.EndTime) dateTime = new Date(this.clinicalTrialForm.EndTime)
this.clinicalTrialForm.EndTime = moment(new Date(dateTime.setDate(dateTime.getDate()+1))).format("YYYY") + "-01" this.clinicalTrialForm.EndTime =
moment(new Date(dateTime.setDate(dateTime.getDate() + 1))).format(
'YYYY'
) + '-01'
} }
addOrUpdateTrialExperience(this.clinicalTrialForm).then(res => { addOrUpdateTrialExperience(this.clinicalTrialForm)
.then((res) => {
this.isDisabled = false this.isDisabled = false
this.initForm() this.initForm()
if (this.clinicalTrialForm.Id) { if (this.clinicalTrialForm.Id) {
this.$message({ this.$message({
message: 'Updated successfully', message: 'Updated successfully',
type: 'success' type: 'success',
}) })
} else { } else {
this.$message({ this.$message({
message: 'Addedd successfully', message: 'Addedd successfully',
type: 'success' type: 'success',
}) })
} }
this.clinicalTrialDialogVisible = false this.clinicalTrialDialogVisible = false
@ -269,20 +413,25 @@ export default {
this.$confirm('Confirm to delete?', { this.$confirm('Confirm to delete?', {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
}) })
.then(() => { .then(() => {
deleteTrialExperience(row.Id) deleteTrialExperience(row.Id).then((res) => {
.then(res => { this.clinicalTrialList.splice(
this.clinicalTrialList.splice(this.clinicalTrialList.findIndex(item => item.Id === row.Id), 1) this.clinicalTrialList.findIndex((item) => item.Id === row.Id),
1
)
this.$message.success('Deleted successfully !') this.$message.success('Deleted successfully !')
}) })
}) })
.catch(action => {}) .catch((action) => {})
}, },
handleSaveOtherClinical() { handleSaveOtherClinical() {
const param = { DoctorId: this.doctorId, OtherClinicalExperience: this.OtherClinicalExperience, OtherClinicalExperienceCN: this.OtherClinicalExperienceCN } const param = {
updateOtherExperience(param).then(res => { DoctorId: this.doctorId,
OtherClinicalExperience: this.OtherClinicalExperience,
OtherClinicalExperienceCN: this.OtherClinicalExperienceCN,
}
updateOtherExperience(param).then((res) => {
if (res.IsSuccess) { if (res.IsSuccess) {
if (this.id) { if (this.id) {
this.$message.success('Updated successfully') this.$message.success('Updated successfully')
@ -291,7 +440,7 @@ export default {
} }
} }
}) })
} },
} },
} }
</script> </script>

98
src/views/reviewers/edit.vue
View File

@ -1,41 +1,73 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-tabs v-model="active" @tab-click="clickTab"> <el-tabs v-model="active" @tab-click="clickTab">
<el-tab-pane :label="$t('system:reviewer:tab:BasicInfo')" name="BasicInfo"> <el-tab-pane
<basic-info v-if="load.BasicInfo" /> :label="$t('system:reviewer:tab:BasicInfo')"
name="BasicInfo"
>
<basic-info v-if="load.BasicInfo" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Employment')" name="Employment"> <el-tab-pane
<Employment v-if="load.Employment" /> :label="$t('system:reviewer:tab:Employment')"
name="Employment"
>
<Employment v-if="load.Employment" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Specialty')" name="Specialty"> <el-tab-pane
<specialty v-if="load.Specialty" /> :label="$t('system:reviewer:tab:Specialty')"
name="Specialty"
>
<specialty v-if="load.Specialty" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Education&Training')" name="EducationTraining"> <el-tab-pane
<education-training v-if="load.EducationTraining" /> :label="$t('system:reviewer:tab:Education&Training')"
name="EducationTraining"
>
<education-training
v-if="load.EducationTraining"
:reviewerId.sync="reviewerId"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Research&Publication')" name="ResearchPublication"> <el-tab-pane
<research-publication v-if="load.ResearchPublication" /> :label="$t('system:reviewer:tab:Research&Publication')"
name="ResearchPublication"
>
<research-publication
v-if="load.ResearchPublication"
:reviewerId.sync="reviewerId"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:TrialExperience')" name="TrialExperience"> <el-tab-pane
<trial-experience v-if="load.TrialExperience" /> :label="$t('system:reviewer:tab:TrialExperience')"
name="TrialExperience"
>
<trial-experience
v-if="load.TrialExperience"
:reviewerId.sync="reviewerId"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Credentials')" name="Credentials"> <el-tab-pane
<Credentials v-if="load.Credentials" /> :label="$t('system:reviewer:tab:Credentials')"
name="Credentials"
>
<Credentials v-if="load.Credentials" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Resumes')" name="Resumes"> <el-tab-pane :label="$t('system:reviewer:tab:Resumes')" name="Resumes">
<Resumes v-if="load.Resumes" /> <Resumes v-if="load.Resumes" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Agreements')" name="Agreements"> <el-tab-pane
<Agreements v-if="load.Agreements" /> :label="$t('system:reviewer:tab:Agreements')"
name="Agreements"
>
<Agreements v-if="load.Agreements" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('system:reviewer:tab:Setting')" name="Setting"> <el-tab-pane :label="$t('system:reviewer:tab:Setting')" name="Setting">
<Setting v-if="load.Setting" /> <Setting v-if="load.Setting" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
</template> </template>
<script> <script>
import BasicInfo from './components/BasicInfo' import BasicInfo from './components/BasicInfo'
import Employment from './components/Employment' import Employment from './components/Employment'
import Specialty from './components/Specialty' import Specialty from './components/Specialty'
@ -58,12 +90,21 @@ export default {
Credentials, Credentials,
Resumes, Resumes,
Agreements, Agreements,
Setting Setting,
},
props: {
reviewerId: {
type: String,
},
isSystem: {
type: Boolean,
default: true,
},
}, },
data() { data() {
return { return {
id: this.$route.query.Id, id: this.$route.query.Id,
active: '', active: 'BasicInfo',
load: { load: {
BasicInfo: true, BasicInfo: true,
Employment: false, Employment: false,
@ -74,28 +115,33 @@ export default {
Credentials: false, Credentials: false,
Resumes: false, Resumes: false,
Agreements: false, Agreements: false,
Setting: false Setting: false,
} },
} }
}, },
created() { created() {
if (this.isSystem) {
if (this.$route.query.Id === '') { if (this.$route.query.Id === '') {
this.$router.push({ path: '/reviewers/reviewers-list' }) this.$router.push({ path: '/reviewers/reviewers-list' })
} }
this.active = this.$route.query.tabActive this.active = this.$route.query.tabActive
this.load[this.active] = true this.load[this.active] = true
}
}, },
methods: { methods: {
clickTab(tab, event) { clickTab(tab, event) {
if (this.load[tab.name] === false) { if (this.load[tab.name] === false) {
this.load[tab.name] = true this.load[tab.name] = true
} }
if (!this.isSystem) return false
changeURLStatic('tabActive', tab.name) changeURLStatic('tabActive', tab.name)
const id = getQueryString('Id') const id = getQueryString('Id')
const isEnglish = getQueryString('isEnglish') const isEnglish = getQueryString('isEnglish')
this.$router.push({ path: `/reviewers/reviewers-edit?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}` }) this.$router.push({
} path: `/reviewers/reviewers-edit?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}`,
} })
},
},
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

107
src/views/reviewers/new.vue
View File

@ -1,36 +1,73 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-tabs v-model="active" :before-leave="checkLeave" @tab-click="clickTab"> <el-tabs v-model="active" :before-leave="checkLeave" @tab-click="clickTab">
<el-tab-pane label="Basic Info" name="BasicInfo"> <el-tab-pane
<basic-info v-if="load.BasicInfo" /> :label="$t('system:reviewer:tab:BasicInfo')"
name="BasicInfo"
>
<basic-info
v-if="load.BasicInfo"
:reviewerId.sync="reviewerId"
:isSystem="isSystem"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Employment" name="Employment"> <el-tab-pane
<Employment v-if="load.Employment" /> :label="$t('system:reviewer:tab:Employment')"
name="Employment"
>
<Employment v-if="load.Employment" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Specialty" name="Specialty"> <el-tab-pane
<specialty v-if="load.Specialty" /> :label="$t('system:reviewer:tab:Specialty')"
name="Specialty"
>
<specialty v-if="load.Specialty" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Education & Training" name="EducationTraining"> <el-tab-pane
<education-training v-if="load.EducationTraining" /> :label="$t('system:reviewer:tab:Education&Training')"
name="EducationTraining"
>
<education-training
v-if="load.EducationTraining"
:reviewerId.sync="reviewerId"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Research & Publication" name="ResearchPublication"> <el-tab-pane
<research-publication v-if="load.ResearchPublication" /> :label="$t('system:reviewer:tab:Research&Publication')"
name="ResearchPublication"
>
<research-publication
v-if="load.ResearchPublication"
:reviewerId.sync="reviewerId"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Trial Experience" name="TrialExperience"> <el-tab-pane
<trial-experience v-if="load.TrialExperience" /> :label="$t('system:reviewer:tab:TrialExperience')"
name="TrialExperience"
>
<trial-experience
v-if="load.TrialExperience"
:reviewerId.sync="reviewerId"
/>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Credentials" name="Credentials"> <el-tab-pane
<Credentials v-if="load.Credentials" /> :label="$t('system:reviewer:tab:Credentials')"
name="Credentials"
>
<Credentials v-if="load.Credentials" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Resumes" name="Resumes"> <el-tab-pane :label="$t('system:reviewer:tab:Resumes')" name="Resumes">
<Resumes v-if="load.Resumes" /> <Resumes v-if="load.Resumes" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Agreements" name="Agreements"> <el-tab-pane
<Agreements v-if="load.Agreements" /> :label="$t('system:reviewer:tab:Agreements')"
name="Agreements"
>
<Agreements v-if="load.Agreements" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="Setting" name="Setting"> <el-tab-pane :label="$t('system:reviewer:tab:Setting')" name="Setting">
<Setting v-if="load.Setting" /> <Setting v-if="load.Setting" :reviewerId.sync="reviewerId" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
</div> </div>
@ -58,7 +95,13 @@ export default {
Credentials, Credentials,
Resumes, Resumes,
Agreements, Agreements,
Setting Setting,
},
props: {
isSystem: {
type: Boolean,
default: true,
},
}, },
data() { data() {
return { return {
@ -73,36 +116,44 @@ export default {
Credentials: false, Credentials: false,
Resumes: false, Resumes: false,
Agreements: false, Agreements: false,
Setting: false Setting: false,
} reviewerId: null,
},
} }
}, },
mounted() { mounted() {
if (this.isSystem) {
this.active = this.$route.query.tabActive this.active = this.$route.query.tabActive
if (this.$route.query.Id === '' && this.active !== 'BasicInfo') { if (this.$route.query.Id === '' && this.active !== 'BasicInfo') {
this.$router.push({ path: '/reviewers/reviewers-list' }) this.$router.push({ path: '/reviewers/reviewers-list' })
} }
this.load[this.active] = true this.load[this.active] = true
}
}, },
methods: { methods: {
clickTab(tab, event) { clickTab(tab, event) {
if (this.load[tab.name] === false) { if (this.load[tab.name] === false) {
this.load[tab.name] = true this.load[tab.name] = true
} }
if (!this.isSystem) return false
changeURLStatic('tabActive', tab.name) changeURLStatic('tabActive', tab.name)
const id = getQueryString('Id') const id = getQueryString('Id')
const isEnglish = getQueryString('isEnglish') const isEnglish = getQueryString('isEnglish')
this.$router.push({ path: `/reviewers/reviewers-add?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}` }) this.$router.push({
path: `/reviewers/reviewers-add?Id=${id}&isEnglish=${isEnglish}&tabActive=${tab.name}`,
})
}, },
checkLeave() { checkLeave() {
const id = getQueryString('Id') const id = getQueryString('Id')
if (!id) { if (!id) {
this.$message({ this.$message({
message: 'Please fill in the basic information first', message: 'Please fill in the basic information first',
type: 'warning' type: 'warning',
}) })
return false return false
} else { return true } } else {
return true
}
}, },
getQueryString(name) { getQueryString(name) {
console.log(window.location.href) console.log(window.location.href)
@ -113,8 +164,8 @@ export default {
} else { } else {
return null return null
} }
} },
} },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>

240
src/views/trials/trials-panel/attachments/enrollment/components/Selection.vue
View File

@ -65,7 +65,12 @@
</el-form-item> </el-form-item>
<!-- Rank --> <!-- Rank -->
<el-form-item :label="$t('trials:seletctedReviews:form:rank')"> <el-form-item :label="$t('trials:seletctedReviews:form:rank')">
<el-select v-model="listQuery.RankId" class="handle-select" style="width: 160px" clearable> <el-select
v-model="listQuery.RankId"
class="handle-select"
style="width: 160px"
clearable
>
<el-option <el-option
v-for="item of $d.Rank" v-for="item of $d.Rank"
:key="item.id" :key="item.id"
@ -91,11 +96,21 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 查询 --> <!-- 查询 -->
<el-button type="primary" icon="el-icon-search" :loading="loading" @click="handleSearch"> <el-button
type="primary"
icon="el-icon-search"
:loading="loading"
@click="handleSearch"
>
{{ $t('common:button:search') }} {{ $t('common:button:search') }}
</el-button> </el-button>
<!-- 重置 --> <!-- 重置 -->
<el-button type="primary" icon="el-icon-refresh-left" :loading="loading" @click="handleReset"> <el-button
type="primary"
icon="el-icon-refresh-left"
:loading="loading"
@click="handleReset"
>
{{ $t('common:button:reset') }} {{ $t('common:button:reset') }}
</el-button> </el-button>
<el-button <el-button
@ -108,6 +123,23 @@
> >
{{ $t('trials:seletctedReviews:button:select') }} {{ $t('trials:seletctedReviews:button:select') }}
</el-button> </el-button>
<!---简历采集-->
<el-button
type="primary"
@click="resumeCollection"
v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']"
>
{{ $t('trials:seletctedReviews:button:resumeCollection') }}
</el-button>
<!---添加阅片人-->
<el-button
icon="el-icon-plus"
type="primary"
@click="openViewer('add')"
v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']"
>
{{ $t('trials:seletctedReviews:button:addViewer') }}
</el-button>
</el-form> </el-form>
</template> </template>
<template slot="main-container"> <template slot="main-container">
@ -133,7 +165,13 @@
sortable="custom" sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<span style="color: #428bca;cursor: pointer;" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span> <span
style="color: #428bca; cursor: pointer"
@click="
go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)
"
>{{ scope.row.LastName }} / {{ scope.row.FirstName }}</span
>
<!-- <el-button type="text" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button> --> <!-- <el-button type="text" @click="go(`/trialsResume?doctorId=${scope.row.Id}&token=${token}`)">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button> -->
<!-- <router-link--> <!-- <router-link-->
<!-- style="color: #428bca;"--> <!-- style="color: #428bca;"-->
@ -168,7 +206,9 @@
width="120" width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tag v-if="scope.row.DoctorTrialState === 1" type="primary">{{ $fd('DoctorTrialState', 16) }}</el-tag> <el-tag v-if="scope.row.DoctorTrialState === 1" type="primary">{{
$fd('DoctorTrialState', 16)
}}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- Submitted --> <!-- Submitted -->
@ -202,7 +242,11 @@
min-width="120" min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.ReadingTypeIds.map(v => {return $fd('ReadingType', v, 'id')}).toString() }} {{
scope.row.ReadingTypeIds.map((v) => {
return $fd('ReadingType', v, 'id')
}).toString()
}}
</template> </template>
</el-table-column> </el-table-column>
<!-- Specialty --> <!-- Specialty -->
@ -213,7 +257,13 @@
min-width="120" min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.SpecialityId === otherId?(scope.row.SpecialityOther?scope.row.SpecialityOther:'Other'): scope.row.Speciality }} {{
scope.row.SpecialityId === otherId
? scope.row.SpecialityOther
? scope.row.SpecialityOther
: 'Other'
: scope.row.Speciality
}}
</template> </template>
</el-table-column> </el-table-column>
<!-- Subspecialty --> <!-- Subspecialty -->
@ -224,7 +274,11 @@
min-width="150" min-width="150"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.SubspecialityIds.map(v => {return $fd('Subspeciality', v, 'id')}).join(', ') }} {{
scope.row.SubspecialityIds.map((v) => {
return $fd('Subspeciality', v, 'id')
}).join(', ')
}}
<!-- {{ scope.row.SubspecialityList.length > 0 ? scope.row.SubspecialityList.join(', ') : '' }}--> <!-- {{ scope.row.SubspecialityList.length > 0 ? scope.row.SubspecialityList.join(', ') : '' }}-->
</template> </template>
</el-table-column> </el-table-column>
@ -261,9 +315,80 @@
:label="$t('trials:seletctedReviews:table:selectionTime')" :label="$t('trials:seletctedReviews:table:selectionTime')"
width="150" width="150"
/> />
</el-table> <el-table-column
<pagination class="page" :total="total" :page.sync="listQuery.PageIndex" :limit.sync="listQuery.PageSize" @pagination="getList" /> prop="OptTimeStr"
:label="$t('common:action:action')"
width="150"
v-if="hasPermi(['trials:trials-panel:attachments:enrollment:viewer'])"
>
<template slot-scope="scope">
<el-button
icon="el-icon-edit-outline"
:title="$t('common:button:edit')"
@click.stop="openViewer('edit', scope.row)"
v-hasPermi="['trials:trials-panel:attachments:enrollment:viewer']"
circle
/>
</template> </template>
</el-table-column>
</el-table>
<pagination
class="page"
:total="total"
:page.sync="listQuery.PageIndex"
:limit.sync="listQuery.PageSize"
@pagination="getList"
/>
</template>
<!--简历采集-->
<base-model :config="share_model">
<template slot="dialog-body">
<div>
<i style="color: #428bca" class="el-icon-success" />
<span>{{ $t('reviewers-list:message:msg1') }}</span>
</div>
<div style="margin: 10px 0">
<span style="">{{ $t('reviewers-list:message:msg2') }}</span
><el-input
type="textarea"
:autosize="{ minRows: 2, maxRows: 4 }"
v-model="shareLink"
readonly
style="width: 100%; margin-top: 10px"
/>
</div>
<div>
<el-button type="primary" round @click="copyCode">{{
$t('reviewers-list:button:copyCode')
}}</el-button>
</div>
<div class="sendEmailBox">
<el-input
v-model="email"
clearable
:placeholder="$t('reviewers-list:placeholder:sendEmail')"
></el-input>
<el-button
type="primary"
round
@click="sendEmail"
:loading="emailLoading"
style="margin-left: 10px"
>
{{ $t('reviewers-list:button:sendEmail') }}
</el-button>
</div>
</template>
</base-model>
<!--新增或修改简历-->
<el-dialog title="" :visible.sync="visible" fullscreen v-if="visible">
<reviewerAdd :isSystem="false" v-if="resumeType === 'add'" />
<reviewerEdit
:isSystem="false"
:reviewerId="reviewerId"
v-if="resumeType === 'edit'"
/>
</el-dialog>
</BaseContainer> </BaseContainer>
</template> </template>
<script> <script>
@ -272,6 +397,9 @@ import Pagination from '@/components/Pagination'
import store from '@/store' import store from '@/store'
import { mapGetters } from 'vuex' import { mapGetters } from 'vuex'
import { getSelectionReviewerList, selectReviewers } from '@/api/trials' import { getSelectionReviewerList, selectReviewers } from '@/api/trials'
import BaseModel from '@/components/BaseModel'
import reviewerAdd from '@/views/reviewers/new'
import reviewerEdit from '@/views/reviewers/edit'
const getListQueryDefault = () => { const getListQueryDefault = () => {
return { return {
TrialId: '', TrialId: '',
@ -287,12 +415,18 @@ const getListQueryDefault = () => {
SortField: '', SortField: '',
AcceptingNewTrial: true, AcceptingNewTrial: true,
InformationConfirmed: true, InformationConfirmed: true,
ContractorStatus: 1 ContractorStatus: 1,
} }
} }
export default { export default {
name: 'Selection', name: 'Selection',
components: { BaseContainer, Pagination }, components: {
BaseContainer,
Pagination,
BaseModel,
reviewerAdd,
reviewerEdit,
},
dicts: ['ReadingType', 'Subspeciality', 'Position', 'Rank'], dicts: ['ReadingType', 'Subspeciality', 'Position', 'Rank'],
data() { data() {
return { return {
@ -303,14 +437,54 @@ export default {
listLoading: false, listLoading: false,
selectIdArr: [], selectIdArr: [],
otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5', otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
token: store.getters.token token: store.getters.token,
share_model: { visible: false, title: '', width: '500px' },
shareLink: null,
email: null,
emailLoading: false,
visible: false,
resumeType: 'add',
reviewerId: null,
} }
}, },
computed: { computed: {
...mapGetters(['hospitalList']) ...mapGetters(['hospitalList']),
},
created() {
this.initPage()
}, },
created() { this.initPage() },
methods: { methods: {
copyCode() {
this.$copyText(
`${this.$t('reviewers-list:button:copyCode')}: ${this.shareLink}`
)
.then((res) => {
this.$message.success(
this.$t('trials:researchRecord:message:copySuccessfully')
)
})
.catch(() => {
this.$alert(this.$t('trials:researchRecord:message:copyFailed'))
})
},
// 简历采集
resumeCollection() {
this.shareLink = `${location.protocol}//${location.host}/ReviewersResearch?lang=${this.$store.getters.language}`
this.email = null
this.share_model.visible = true
},
// 发送邮件
sendEmail() {
this.$message.success('123')
},
// 打开新增或修改简历弹框
openViewer(type, row) {
this.resumeType = type
if (row) {
this.reviewerId = row.Id
}
this.visible = true
},
go(path) { go(path) {
window.open(path) window.open(path)
}, },
@ -321,27 +495,33 @@ export default {
getList() { getList() {
this.listLoading = true this.listLoading = true
this.listQuery.TrialId = this.$route.query.trialId this.listQuery.TrialId = this.$route.query.trialId
getSelectionReviewerList(this.listQuery).then(res => { getSelectionReviewerList(this.listQuery)
.then((res) => {
this.listLoading = false this.listLoading = false
this.list = res.Result.CurrentPageData this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount this.total = res.Result.TotalCount
// eslint-disable-next-line handle-callback-err // eslint-disable-next-line handle-callback-err
}).catch(() => { this.listLoading = false }) })
.catch(() => {
this.listLoading = false
})
}, },
handleApply() { handleApply() {
this.$confirm(this.$t('trials:seletctedReviews:message:msg1'), { this.$confirm(this.$t('trials:seletctedReviews:message:msg1'), {
type: 'warning' type: 'warning',
}).then(() => { }).then(() => {
this.loading = true this.loading = true
const trialId = this.$route.query.trialId const trialId = this.$route.query.trialId
selectReviewers(trialId, this.selectIdArr).then(res => { selectReviewers(trialId, this.selectIdArr)
.then((res) => {
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.getList() this.getList()
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(this.$t('common:message:savedSuccessfully'))
this.$emit('nextStep', 'submission') this.$emit('nextStep', 'submission')
} }
}).catch(() => { })
.catch(() => {
this.loading = false this.loading = false
}) })
}) })
@ -368,9 +548,13 @@ export default {
return 'selected' return 'selected'
} }
}, },
handleSelectTable(row) { return row.DoctorTrialState !== 1 }, handleSelectTable(row) {
return row.DoctorTrialState !== 1
},
handleDetail(row) { handleDetail(row) {
const { href } = this.$router.resolve({ path: `/trialsResume?doctorId=${row.Id}` }) const { href } = this.$router.resolve({
path: `/trialsResume?doctorId=${row.Id}`,
})
window.open(href, '_blank') window.open(href, '_blank')
}, },
handleSearch() { handleSearch() {
@ -380,8 +564,16 @@ export default {
handleReset() { handleReset() {
this.listQuery = getListQueryDefault() this.listQuery = getListQueryDefault()
this.getList() this.getList()
} },
} },
} }
</script> </script>
<style lang="scss" scoped>
.sendEmailBox {
margin-top: 20px;
display: flex;
align-items: center;
justify-content: space-between;
}
</style>