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

Merge branch 'main' into uat_us

uat_us
wangxiaoshuang 2025-01-21 15:51:22 +08:00
parent a2939e52b2 42083afb8d
commit 0cd44bf4c6
235 changed files with 34965 additions and 8033 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
README-zh.md
View File

@ -5,3 +5,6 @@ npm install
# 启动服务
npm run dev
# v1.9.0修改
1. 角色修改，全局userId实际意义修改为userRoleId（用户角色id），新增identityUserId（新的用户id）

1951
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

6
package.json
View File

@ -15,6 +15,7 @@
"i18n:en": "node i18nGenerate.js lang=en keyCol=5 valCol=7"
},
"dependencies": {
"@aws-sdk/client-s3": "^3.370.0",
"@cornerstonejs/calculate-suv": "^1.1.0",
"@cornerstonejs/core": "^1.27.4",
"@cornerstonejs/dicom-image-loader": "^1.27.4",
@ -24,11 +25,13 @@
"@ffmpeg/ffmpeg": "^0.10.1",
"@microsoft/signalr": "^6.0.8",
"@riophae/vue-treeselect": "0.4.0",
"@vue-office/docx": "^1.6.2",
"@vue-office/excel": "^1.7.11",
"@vue/composition-api": "^1.7.2",
"ali-oss": "^6.17.1",
"axios": "0.18.1",
"babel-eslint": "7.2.3",
"copy-webpack-plugin": "^4.5.2",
"@aws-sdk/client-s3": "^3.370.0",
"core-js": "^3.8.3",
"cornerstone-core": "^2.6.1",
"cornerstone-math": "^0.1.10",
@ -66,6 +69,7 @@
"vue-clipboard2": "^0.3.1",
"vue-contextmenujs": "^1.3.13",
"vue-count-to": "^1.0.13",
"vue-demi": "^0.14.6",
"vue-i18n": "^8.7.0",
"vue-pdf": "^4.3.0",
"vue-puzzle-vcode": "^1.1.10",

13
public/error.html
View File

@ -23,8 +23,8 @@
<img src="./error_assets/zzlogo2.png" alt="">
<img v-show="false" src="./error_assets/zzlogo3.png" alt="">
</div>
<div class="login-image">
<img src="./error_assets/login-bg.png">
<div class="login-image login-image-usa">
<img src="./error_assets/login-bg.svg" style="max-width: 500px;max-height: 300px;">
</div>
</div>
<div class="login-r">
@ -148,7 +148,7 @@
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 1200px;
width: 1100px;
height: 600px;
box-sizing: border-box;
background: rgb(255, 255, 255);
@ -179,7 +179,12 @@
.login-container .login-body .login-l .login-image img{
height: 100%;
}
.login-container .login-body .login-l .login-image-usa {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.login-container .login-body .login-r{
position: relative;
float: left;

13
public/errorEN.html
View File

@ -23,8 +23,8 @@
<img src="./error_assets/zzlogo3.png" alt="">
<img v-show="false" src="./error_assets/zzlogo3.png" alt="">
</div>
<div class="login-image">
<img src="./error_assets/login-bg.png">
<div class="login-image login-image-usa">
<img src="./error_assets/login-bg.svg" style="max-width: 500px;max-height: 300px;">
</div>
</div>
<div class="login-r">
@ -104,7 +104,7 @@
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 1200px;
width: 1100px;
height: 600px;
box-sizing: border-box;
background: rgb(255, 255, 255);
@ -135,7 +135,12 @@
.login-container .login-body .login-l .login-image img{
height: 100%;
}
.login-container .login-body .login-l .login-image-usa {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.login-container .login-body .login-r{
position: relative;
float: left;

793
public/error_assets/login-bg.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

2
public/index.html
View File

@ -5,6 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="pragram" content="no-cache">
<meta name="autocomplete" content="off">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-store,no-cache,must-revalidate">
@ -29,7 +30,6 @@
</script>
<% } else { %>
<script>
console.log(2)
window.zzSessionStorage = {
setItem: (item, value) => {
return sessionStorage.setItem(item, value)

257
src/App.vue
View File

@ -23,12 +23,38 @@
>
i18n
</div>
<el-drawer title="国际化" :visible.sync="drawer" direction="rtl" size="80%">
<div style="width: 320px">
<el-form label-width="100px" @submit.native.prevent size="small">
<el-form-item label="关键字">
<el-drawer
:title="$t('il8n:title')"
:visible.sync="drawer"
direction="rtl"
size="80%"
>
<div style="width: 620px">
<el-form
label-width="100px"
@submit.native.prevent
size="small"
:inline="true"
class="demo-form-inline"
>
<el-form-item :label="$t('il8n:search:keyword')">
<el-input v-model="key" @input="keyChange" />
</el-form-item>
<el-form-item :label="$t('il8n:search:state')" v-if="il8nExternal">
<el-select
v-model="State"
clearable
filterable
@change="handleStateChange"
>
<el-option
v-for="item of $d.InternationalizationKeyState"
:key="'InternationalizationKeyState' + item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-form>
</div>
<el-table
@ -37,7 +63,12 @@
height="100"
style="width: 100%"
>
<el-table-column prop="Code" label="标签" width="300">
<el-table-column
prop="Code"
:label="$t('il8n:table:label')"
width="300"
show-overflow-tooltip
>
</el-table-column>
<!-- <el-table-column-->
<!-- prop="Description"-->
@ -48,32 +79,53 @@
<!-- {{scope.row.Description}}-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column prop="Value" label="英文">
<el-table-column prop="Value" :label="$t('il8n:table:en')">
<template slot-scope="scope">
<el-input
v-model="scope.row.Value"
@input="
(e) => {
$set(scope.row, 'Value', e);
$set(scope.row, 'Value', e)
}
"
size="mini"
></el-input>
</template>
</el-table-column>
<el-table-column prop="ValueCN" label="中文">
<el-table-column prop="ValueCN" :label="$t('il8n:table:cn')">
<template slot-scope="scope">
<el-input
v-model="scope.row.ValueCN"
@input="
(e) => {
$set(scope.row, 'ValueCN', e);
$set(scope.row, 'ValueCN', e)
}
"
size="mini"
></el-input>
</template>
</el-table-column>
<el-table-column
prop="ValueCN"
:label="$t('il8n:table:state')"
v-if="il8nExternal"
>
<template slot-scope="scope">
<el-select
v-model="scope.row.State"
clearable
filterable
size="mini"
>
<el-option
v-for="item of $d.InternationalizationKeyState"
:key="'InternationalizationKeyState' + item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</template>
</el-table-column>
</el-table>
<div style="text-align: right; padding-top: 10px; padding-right: 10px">
<el-button size="mini" @click="drawer = false">取消 </el-button>
@ -90,13 +142,13 @@
import {
batchAddOrUpdateFrontInternationalization,
getFrontInternationalizationList,
} from "@/api/dictionary/dictionary";
import { getTrialExtralConfig } from "@/api/trials";
import feedBack from "@/views/trials/trials-layout/components/feedBack";
import Vue from "vue";
import i18n from "./lang";
} from '@/api/dictionary/dictionary'
import { getTrialExtralConfig } from '@/api/trials'
import feedBack from '@/views/trials/trials-layout/components/feedBack'
import Vue from 'vue'
import i18n from './lang'
export default {
name: "App",
name: 'App',
components: { feedBack },
data() {
return {
@ -105,38 +157,51 @@ export default {
show: false,
key: null,
arr: [],
};
il8nExternal: false,
State: null,
}
},
mounted() {
this.show = process.env.VUE_APP_OSS_PATH === "/test/dist";
},
watch: {
"$route.query": {
async handler() {
if (
this.$route.query.trialId &&
this.$route.query.trialId !==
this.$store.state.trials.config.trialId &&
this.$store.state.trials.whiteList.indexOf(this.$route.path) === -1
) {
let res = await getTrialExtralConfig({
TrialId: this.$route.query.trialId,
});
if (res.IsSuccess) {
this.$store.dispatch("trials/setConfig", {
trialId: this.$route.query.trialId,
...res.Result,
});
}
}
},
immediate: true,
deep: true,
},
this.show = process.env.VUE_APP_OSS_PATH === '/test/dist'
Vue.prototype.$openI18n = this.openI18n
},
// watch: {
// '$route.query': {
// async handler() {
// if (!this.$route.query.trialId) {
// this.$store.dispatch('trials/setConfig', {})
// }
// if (
// this.$route.query.trialId &&
// this.$route.query.trialId !==
// this.$store.state.trials.config.trialId &&
// this.$store.state.trials.whiteList.indexOf(this.$route.path) === -1
// ) {
// let res = await getTrialExtralConfig({
// TrialId: this.$route.query.trialId,
// })
// console.log(222222222222)
// res.Result.aa = { 阅片人: '采集人', 申办方: 'aaa' }
// if (res.IsSuccess) {
// this.$store.dispatch('trials/setConfig', {
// trialId: this.$route.query.trialId,
// ...res.Result,
// })
// }
// }
// },
// immediate: true,
// deep: true,
// },
// },
methods: {
handleStateChange() {
this.tableData.forEach((item) => {
item.State = this.State
})
},
changeValue(target, attr, e) {
this.$set(target, attr, e);
this.$set(target, attr, e)
},
keyChange(v) {
if (this.key) {
@ -148,65 +213,93 @@ export default {
~v.Value.indexOf(this.key) ||
~v.ValueCN.indexOf(this.key)
)
);
)
} else {
this.tableData = Object.assign([], this.arr);
this.tableData = Object.assign([], this.arr)
}
},
handleSave() {
this.$confirm("确定修改当前页面国际化内容？").then(() => {
this.$confirm('确定修改当前页面国际化内容？').then(() => {
batchAddOrUpdateFrontInternationalization(this.tableData).then(
async (res) => {
var zhMessages = {},
enMessages = {};
var Internationalization = await getFrontInternationalizationList();
Vue.prototype.$tl = Internationalization.Result;
enMessages = {}
var Internationalization = await getFrontInternationalizationList()
Vue.prototype.$tl = Internationalization.Result
this.tableData.forEach((v) => {
// zhMessages[v.Description + '_' + v.Code] = v.ValueCN
// enMessages[v.Description + '_' + v.Code] = v.Value
zhMessages[v.Code] = v.ValueCN;
enMessages[v.Code] = v.Value;
});
i18n.mergeLocaleMessage("zh", zhMessages);
i18n.mergeLocaleMessage("en", enMessages);
this.drawer = false;
this.$message.success("国际化修改成功");
zhMessages[v.Code] = v.ValueCN
enMessages[v.Code] = v.Value
})
i18n.mergeLocaleMessage('zh', zhMessages)
i18n.mergeLocaleMessage('en', enMessages)
this.drawer = false
this.$message.success('国际化修改成功')
if (this.il8nExternal) {
this.$EventBus.$emit('il8nUpdate')
}
}
);
});
)
})
},
openI18n() {
this.tableData = [];
this.key = null;
this.drawer = true;
let arr = [];
let tableData = this.$tl.map((v) => {
let a = { ...v };
// if (!a.Description) {
// a.Description = this.$route.path
// }
return a;
});
openI18n(ARRAY) {
this.tableData = []
this.il8nExternal = false
this.key = null
this.drawer = true
let arr = []
let tableData = []
if (ARRAY && Array.isArray(ARRAY)) {
this.il8nExternal = true
let data = ARRAY.map((v) => {
let a = { ...v }
return a
})
tableData = data.map((item) => {
return {
Code: item.Code,
Description: item.Description,
FrontType: item.FrontType,
Module: item.Module,
Value: item.Value,
ValueCN: item.ValueCN,
State: item.State,
}
})
this.tableData = Object.assign([], tableData)
this.arr = Object.assign([], tableData)
return false
} else {
tableData = this.$tl.map((v) => {
let a = { ...v }
// if (!a.Description) {
// a.Description = this.$route.path
// }
return a
})
}
tableData = tableData.filter((v) => {
// return ~this.$path.indexOf(v.Description + '_' + v.Code)
return ~this.$path.indexOf(v.Code);
});
return ~this.$path.indexOf(v.Code)
})
this.$path.forEach((v) => {
let o = tableData.find((a) => {
return a.Code === v;
});
return a.Code === v
})
if (o) {
arr.push(o);
arr.push(o)
} else {
arr.push({
Code: v,
Description: null,
Value: null,
ValueCN: null,
});
})
}
});
this.arr = arr;
})
this.arr = arr
if (this.key) {
this.tableData = Object.assign(
[],
@ -216,15 +309,15 @@ export default {
~v.Value.indexOf(this.key) ||
~v.ValueCN.indexOf(this.key)
)
);
)
} else {
this.tableData = Object.assign([], this.arr);
this.tableData = Object.assign([], this.arr)
}
// console.log(JSON.stringify(this.$path))
// console.log(JSON.stringify(this.tableData))
},
},
};
}
</script>
<style lang="scss">
@ -249,7 +342,7 @@ input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
}
input[type="number"] {
input[type='number'] {
-moz-appearance: textfield !important;
}
@ -275,7 +368,7 @@ textarea {
color: $light_gray;
text-align: center;
font-weight: bold;
font-family: "Times New Roman";
font-family: 'Times New Roman';
text-shadow: 1px 0.5px 1.5px #666;
}
.title-logo {

57
src/api/admin.js
View File

@ -44,11 +44,19 @@ export function updateUser(param) {
data: param
})
}
export function getUser(userId) {
export function updateUserBasicInfo(param) {
return request({
url: `/user/getUser/${userId}`,
method: 'get'
url: `/user/updateUserBasicInfo`,
method: 'put',
data: param
})
}
export function getUser(params) {
return request({
url: `/user/getUser`,
method: 'get',
params
})
}
@ -293,3 +301,44 @@ export function batchUpdateInternationalInfo(data) {
data
})
}
// 邮件事件消息列表
export function getEventStoreRecordList(data) {
return request({
url: `/EventStoreRecord/getEventStoreRecordList`,
method: 'post',
data
})
}
// 重新发布事件消息
export function rePublishEvent(params) {
return request({
url: `/EventStoreRecord/rePublishEvent`,
method: 'get',
params
})
}
// userId获取doctorId
export function useUserIDGetDoctorID(data) {
return request({
url: `/TrialSiteSurvey/useUserIDGetDoctorID`,
method: 'post',
data
})
}
// 管理端修改用户角色
export function updateUserRoleInfo(data) {
return request({
url: `/User/updateUserRoleInfo`,
method: 'put',
data
})
}
// 管理端新增用户发送邮件
export function addNewUserSendEmail(data) {
return request({
url: `/User/addNewUserSendEmail`,
method: 'post',
data
})
}

24
src/api/dictionary.js
View File

@ -1045,4 +1045,28 @@ export function getExploreRecommentInfo(params) {
method: 'get',
params
})
}
export function getSystemCalculateQuestions(params) {
return request({
url: `/ReadingQuestion/getSystemCalculateQuestions`,
method: 'post',
data: params
})
}
export function getSystemCalculateTableQuestions(params) {
return request({
url: `/ReadingQuestion/getSystemCalculateTableQuestions`,
method: 'post',
data: params
})
}
// 添加pd/入组默认邮件
export function batchAddEnrollOrPdEmailConfig(params) {
return request({
url: `/TrialEmailNoticeConfig/batchAddEnrollOrPdEmailConfig`,
method: 'post',
params
})
}

70
src/api/export.js
View File

@ -187,3 +187,73 @@ export function qCVisitList_Export(data) {
data
})
}
// 导出下载记录
export function getTrialDownloadList_Export(data) {
return requestDownload({
url: `/ExcelExport/getTrialDownloadList_Export`,
responseType: 'blob',
method: 'post',
data
})
}
// 导出接收记录
export function getSCPImageUploadList_Export(data) {
return requestDownload({
url: `/ExcelExport/getSCPImageUploadList_Export`,
responseType: 'blob',
method: 'post',
data
})
}
// 导出接收检查影像记录
export function getPatientList_Export(data) {
return requestDownload({
url: `/ExcelExport/getPatientList_Export`,
responseType: 'blob',
method: 'post',
data
})
}
export function getCommonEvaluationList_Export(data) {
return requestDownload({
url: `/ExcelExport/getCommonEvaluationList_Export`,
responseType: 'blob',
method: 'post',
data
})
}
export function getCommonJudgeRatioList_Export(data) {
return requestDownload({
url: `/ExcelExport/getCommonJudgeRatioList_Export`,
responseType: 'blob',
method: 'post',
data
})
}
// 导出国际化列表
export function GetInternationalizationList_Export(data) {
return requestDownload({
url: `/ExcelExport/GetInternationalizationList_Export`,
responseType: 'blob',
method: 'post',
data
})
}
// 导出一致性分析
export function GetAnalysisTaskList_Export(data) {
return requestDownload({
url: `/ExcelExport/GetAnalysisTaskList_Export`,
responseType: 'blob',
method: 'post',
data
})
}
// 导出邮件配置
export function GetEmailNoticeConfigList_Export(data) {
return requestDownload({
url: `/ExcelExport/GetEmailNoticeConfigList_Export`,
responseType: 'blob',
method: 'post',
data
})
}

34
src/api/reading.js
View File

@ -251,3 +251,37 @@ export function uploadOCTLipidAngleTemplate(param) {
data: param
})
}
export function saveTableQuestionMark(param, type) {
return request({
url: `/saveTableQuestionMark/${type}`,
method: 'post',
data: param
})
}
export function deleteTableQuestionMark(param, type) {
return request({
url: `/deleteTableQuestionMark/${type}`,
method: 'post',
data: param
})
}
export function submitTaskRowInfo(param, type) {
return request({
url: `/SubmitTaskRowInfo/${type}`,
method: 'post',
data: param
})
}
export function deleteSingleTableQuestionMark(param, type) {
return request({
url: `/DeleteSingleTableQuestionMark/${type}`,
method: 'post',
data: param
})
}

3
src/api/research.js
View File

@ -12,7 +12,8 @@ export function verifySendCode(param) {
return request({
url: '/TrialSiteSurvey/verifySendCode',
method: 'post',
data: param
data: param,
clearToken: true
})
}

89
src/api/reviewers.js
View File

@ -138,10 +138,11 @@ export function addOrUpdateResearchPublication(param) {
})
}
export function getTrialExperience(doctorId) {
export function getTrialExperience(data) {
return request({
url: `/trialExperience/getTrialExperience/${doctorId}`,
method: 'get'
url: `/trialExperience/getTrialExperience`,
method: 'post',
data
})
}
@ -236,10 +237,14 @@ export function downloadByAttachmentId(doctorId, attachmentIds) {
})
}
export function getDetail(doctorId) {
export function getDetail(doctorId, TrialId) {
return request({
url: `/doctor/getDetail/${doctorId}`,
method: 'get'
url: `/doctor/getDetail`,
method: 'post',
data: {
DoctorId: doctorId,
TrialId
}
})
}
@ -290,3 +295,75 @@ export function verifyEmialGetDoctorInfo(param) {
data: param
})
}
// 新增或编辑基本信息
export function addOrUpdateDoctorBasicInfoAndEmployment(param) {
return request({
url: `/Doctor/addOrUpdateDoctorBasicInfoAndEmployment`,
method: 'post',
data: param
})
}
// 新增或编辑概述
export function addOrUpdateGneralSituation(param) {
return request({
url: `/Doctor/addOrUpdateGneralSituation`,
method: 'post',
data: param
})
}
// 新增或编辑支付方式
export function updatePaymentMode(param) {
return request({
url: `/Doctor/updatePaymentMode`,
method: 'post',
data: param
})
}
// 新增或编辑Publication
export function addOrUpdateResearchPublicationInfo(param) {
return request({
url: `/ResearchPublication/addOrUpdateResearchPublicationInfo`,
method: 'post',
data: param
})
}
// 发送简历采集邮件
export function doctorSendEmail(param) {
return request({
url: `/Doctor/sendEmail`,
method: 'post',
data: param
})
}
// 获取医生是否休假
export function getIsVacation(param) {
return request({
url: `/Vacation/getIsVacation`,
method: 'post',
data: param
})
}
// 获取概述
export function getSummarizeInfo(param) {
return request({
url: `/Doctor/getSummarizeInfo`,
method: 'post',
data: param
})
}
// 删除概述
export function deleteSummarizeInfo(param) {
return request({
url: `/Doctor/deleteSummarizeInfo`,
method: 'post',
data: param
})
}
// pm通过邮箱新建或查询简历
export function useEmialGetDoctorInfo(param) {
return request({
url: `/TrialSiteSurvey/useEmialGetDoctorInfo`,
method: 'post',
data: param
})
}

59
src/api/trials.js
View File

@ -286,10 +286,11 @@ export function trialSiteUserSummaryListExport(param) {
})
}
export function getVisitStageList(trialId) {
export function getVisitStageList(data) {
return request({
url: `/visitPlan/getVisitStageList/${trialId}`,
method: 'get'
url: `/visitPlan/getVisitStageList`,
method: 'post',
data
})
}
@ -3905,4 +3906,56 @@ export function setTaskValid(data) {
method: 'post',
data
})
}
// 一致性分析临床数据设置任务为有效
export function getVisitClinicalDataName(data) {
return request({
url: `/ReadingClinicalData/getVisitClinicalDataName`,
method: 'post',
data
})
}
// 修改外部人员权限配置
export function configTrialSPMInfo(data) {
return request({
url: `/TrialConfig/configTrialSPMInfo`,
method: 'post',
data
})
}
// 项目添加角色修改权限
export function updateTrialUserRole(data) {
return request({
url: `/TrialMaintenance/updateTrialUserRole`,
method: 'put',
data
})
}
// 获取报表配置
export function getTrialQuestionExportResult(data) {
return request({
url: `/ReadingQuestion/getTrialQuestionExportResult`,
method: 'post',
data
})
}
// 修改报表配置
export function setTrialQuestionExportResult(data) {
return request({
url: `/ReadingQuestion/SetTrialQuestionExportResult`,
method: 'post',
data
})
}
// 项目加入人员发送邮件
export function trialUserSendJoinEmail(data) {
return request({
url: `/TrialMaintenance/trialUserSendJoinEmail`,
method: 'post',
data
})
}

20
src/api/user.js
View File

@ -179,11 +179,11 @@ export function verifyMFACode(params) {
}
// 发送MFA邮件
export function sendMFAEmail(params) {
export function sendMFAEmail(data) {
return request({
url: `/User/sendMFAEmail`,
method: 'post',
params
data
})
}
// 获取公钥
@ -193,3 +193,19 @@ export function getPublicKey() {
method: 'get',
})
}
// 登陆获取角色
export function getUserLoginRoleList(data) {
return request({
url: `/User/getUserLoginRoleList`,
method: 'post',
data,
})
}
// 登陆角色id获取token
export function loginSelectUserRole(params) {
return request({
url: `/User/loginSelectUserRole`,
method: 'get',
params,
})
}

BIN
src/assets/zzlogo4.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 15 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

1
src/components/BaseForm/search-form.vue
View File

@ -120,6 +120,7 @@
v-if="item.type === 'Daterange'"
v-model="searchData[item.prop]"
type="datetimerange"
:default-time="['00:00:00', '23:59:59']"
:range-separator="$t('baseForm:daterange:rangeSeparator')"
:start-placeholder="$t('baseForm:daterange:startPlaceholder')"
:end-placeholder="$t('baseForm:daterange:startendPlaceholder')"

15
src/components/BaseModel/index.vue
View File

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

86
src/components/BaseTable/index.vue
View File

@ -2,7 +2,7 @@
<el-row>
<el-col class="m-b-10" :span="24">
<el-table
v-adaptive="{bottomOffset}"
v-adaptive="{ bottomOffset }"
:data="list"
:height="tableHeight"
v-bind="$attrs"
@ -15,15 +15,45 @@
>
<template v-for="(column, index) in columns">
<slot name="front-slot" />
<el-table-column v-if="column.type === 'tip'" :key="index" width="35">
<template slot-scope="scope">
<span v-if="column.slot">
<!-- 具名slot -->
<slot v-if="column.slot" :name="column.slot" :scope="scope" />
</span>
</template>
</el-table-column>
<!-- 序号 -->
<el-table-column v-if="column.type === 'selection'" :key="index" type="selection" width="55" />
<el-table-column
v-else-if="column.type === 'selection'"
:key="index"
type="selection"
width="55"
/>
<!-- 复选框 -->
<el-table-column v-else-if="column.type === 'index'" :key="index" type="index" width="50" />
<el-table-column
v-else-if="column.type === 'index'"
:key="index"
type="index"
width="50"
/>
<!-- 具体内容 -->
<el-table-column v-else :key="index" align="left" :label="column.label" :width="column.width" :min-width="column.minWidth" :show-overflow-tooltip="column.showOverflowTooltip || false" :sortable="column.sortable || false" :prop="column.prop">
<el-table-column
v-else
:key="index"
align="left"
:label="column.label"
:width="column.width"
:min-width="column.minWidth"
:show-overflow-tooltip="column.showOverflowTooltip || false"
:sortable="column.sortable || false"
:prop="column.prop"
:fixed="column.fixed"
>
<template slot-scope="scope">
<!-- 仅仅显示文字 -->
<span v-if="!column.hidden"> <!-- 如果hidden为true的时候 那么当前格可以不显示，可以选择显示自定义的slot-->
<span v-if="!column.hidden">
<!-- 如果hidden为true的时候 那么当前格可以不显示，可以选择显示自定义的slot-->
<!-- 操作按钮 -->
<span v-if="column.type === 'operate'">
<!-- <a v-for="(operate, i) in column.operates" :key="i" href="javascript:void(0)" class="operate-button" @click="handleClick(operate, scope.row)">
@ -31,7 +61,17 @@
&nbsp;&nbsp;
</a> -->
<span v-for="(operate, i) in column.operates" :key="i">
<el-button :size="operate.size || 'mini'" :type="operate.type || 'primary'" style="margin-right:5px;" @click="handleClick(operate, scope.row)">{{ operate.name }}</el-button>
<el-button
:size="operate.size || 'mini'"
:type="operate.type || 'primary'"
v-if="
(operate.show && scope.row[operate.show]) ||
!operate.show
"
style="margin-right: 5px"
@click="handleClick(operate, scope.row)"
>{{ operate.name }}</el-button
>
</span>
</span>
<span v-else>
@ -52,7 +92,12 @@
</el-col>
<!-- 分页部分 -->
<el-col v-if="!hiddenPage" :span="24" class="page">
<pagination :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="pagination" />
<pagination
:total="total"
:page.sync="searchData.PageIndex"
:limit.sync="searchData.PageSize"
@pagination="pagination"
/>
</el-col>
</el-row>
</template>
@ -96,45 +141,44 @@ export default {
// 核心数据
list: {
type: Array,
default: () => []
default: () => [],
},
// columns
columns: {
type: Array,
required: true,
default: () => []
default: () => [],
},
// is hidden page for table
hiddenPage: {
type: Boolean,
default: false
default: false,
},
bottomOffset: {
type: Number,
default: 45
default: 45,
},
searchData: {
type: Object,
default: () => {}
default: () => {},
},
total: {
type: Number,
default: 0
default: 0,
},
highlightCurrentRow: {
type: Boolean,
default: false
}
default: false,
},
},
data() {
return {
}
return {}
},
computed: {
tableHeight() {
return 100
}
},
},
methods: {
// 处理点击事件
@ -157,12 +201,12 @@ export default {
},
pagination() {
this.$emit('getList')
}
}
},
},
}
</script>
<style lang="scss" scoped>
.page{
.page {
padding-top: 3px;
text-align: right;
}

10
src/components/Dicom/DicomCanvas.vue
View File

@ -262,7 +262,13 @@ export default {
apiTool
)
if (!toolAlreadyAddedToElement) {
cornerstoneTools.addToolForElement(element, apiTool)
if (toolName === 'RectangleRoi') {
cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true, showStatsText: true}})
} else if (toolName === 'EllipticalRoi') {
cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true}})
} else {
cornerstoneTools.addToolForElement(element, apiTool)
}
}
}
// Setup button listener
@ -322,7 +328,7 @@ export default {
// cornerstoneTools.addStackStateManager(this.canvas, ['stack', 'stackPrefetch', 'playClip'])
cornerstoneTools.addToolState(this.canvas, 'stack', this.stack)
// cornerstoneTools.stackPrefetch.enable(this.canvas)
cornerstone.updateImage(element, true)
cornerstone.updateImage(element, true)
// cornerstoneTools.stackPrefetch.setConfiguration({ maxImagesToPrefetch: Infinity,
// preserveExistingPool: true })
// cornerstoneTools.stackPrefetch.enable(this.canvas)

9
src/components/Dicom/DicomTags.vue
View File

@ -108,7 +108,7 @@ export default {
dumpDataSet(dataSet, output) {
try {
for (const propertyName in dataSet.elements) {
const elementObject = {}
const elementObject = {}
const element = dataSet.elements[propertyName]
const tag = this.getTag(element.tag)
elementObject.id = `${this.idx++}${new Date().getTime()}`
@ -181,9 +181,10 @@ export default {
elementObject.value = str
}
} else {
if (element.length !== 2 && element.length !== 4) {
// elementObject.value = 'binary data'
}
elementObject.value = dataSet.string(propertyName)
// if (element.length !== 2 && element.length !== 4) {
// // elementObject.value = 'binary data'
// }
}
} else if (vr === 'US') {
let text = dataSet.uint16(propertyName)

18
src/components/MFA/index.vue
View File

@ -21,7 +21,7 @@
label-width="100px"
>
<!-- 邮箱 -->
<p class="tip">
<p class="tip_mfa">
<i class="el-icon-warning" style="color: #409eff"></i>
<span>{{ tip }}</span>
</p>
@ -83,7 +83,7 @@ export default {
second: 60,
form: {
Code: null,
UserId: null,
IdentityUserId: null,
EMail: null,
username: null,
},
@ -115,7 +115,7 @@ export default {
methods: {
open(data) {
let { UserId, status, username, EMail } = data;
this.form.UserId = UserId;
this.form.IdentityUserId = UserId;
this.status = status ? status : "login";
this.form.username = username;
this.form.EMail = EMail;
@ -134,10 +134,10 @@ export default {
let res = await verifyMFACode(this.form);
this.loading = false;
if (res.IsSuccess) {
if (this.status === "login") {
this.$message.success(this.$t("mfa:message:verifySuccess"));
}
this.$emit("success", this.form.UserId);
// if (this.status === "login") {
// this.$message.success(this.$t("mfa:message:verifySuccess"));
// }
this.$emit("success", this.form.IdentityUserId);
this.cancel();
}
} catch (err) {
@ -154,7 +154,7 @@ export default {
this.timer = null;
}
let data = {
UserId: this.form.UserId,
IdentityUserId: this.form.IdentityUserId,
};
if (this.status === "lock") {
data.MfaType = 1;
@ -189,7 +189,7 @@ export default {
};
</script>
<style lang="scss" scoped>
.tip {
.tip_mfa {
width: 86%;
margin: auto;
margin-bottom: 20px;

2
src/components/TrialsSelect/index.vue
View File

@ -124,7 +124,7 @@ export default {
inputChange(v) {
this.resultFilter = this.options.filter((o) => {
var reg = new RegExp(v, 'ig')
return reg.test(o.ResearchProgramNo) || reg.test(o.Indication)
return reg.test(o.ResearchProgramNo) || reg.test(o.Indication) || reg.test(o.ExperimentName)
})
},
getTrialList() {

14
src/components/TrialsTab/index.vue
View File

@ -3,7 +3,7 @@
<div class="trialsTab">
<el-tabs v-model="trialsTab" @tab-click="clickTab">
<el-tab-pane v-for="item of trialsRouter.children.find(v => {return v.name == 'TrialsPanel'}).children" :key="`tab${item.path}`" :disabled="TotalNeedSignTrialDocCount !== 0 && item.path !== '/trials/trials-panel/attachments'" :label="$t(item.LanguageMark)" :name="item.path">
<el-tabs v-if="!item.tabHiddn" v-model="trialsTabChild" @tab-click="clickTab">
<el-tabs v-if="!item.tabHiddn" v-model="trialsTabChild" @tab-click="clickTab" style="background-color: #f5f7fa;">
<template v-for="item1 of item.children">
<el-tab-pane
v-if="TrialConfig && isShow(item1.path)"
@ -22,11 +22,14 @@
<i class="iconfont" style="font-size: 30px;color:#ccc">&#xe680;</i>
</div>
<!-- 返回项目列表 -->
<div class="my_icon_box" :title="$t('trials:trials:title:backTrialList')" @click="goBack">
<el-button type="primary" size="small" @click="goBack">
<i class="iconfont">&#xe670;</i>
<!-- 返回 -->
<span>{{ $t('trials:trials:title:back') }}</span>
</div>
</el-button>
<!-- <div class="my_icon_box" :title="$t('trials:trials:title:backTrialList')" @click="goBack">
<i class="iconfont">&#xe670;</i>
<span>{{ $t('trials:trials:title:back') }}</span>
</div> -->
</div>
</div>
</template>
@ -221,6 +224,9 @@ export default {
.el-tabs__header{
margin-bottom: 3px;
}
.el-tabs__item.is-active{
font-weight: bold;
}
position: relative;
.el-input--medium .el-input__inner{
height: 44px;line-height: 44px;width: 280px;

8
src/components/UploadFile/index.vue
View File

@ -99,7 +99,7 @@ export default {
this.btnDisabled = false
if (res.IsSuccess) {
this.fileList[0].id = res.Result[0].Id
this.$message.success('Uploaded successfully')
this.$message.success(this.$t('trials:uploadDicomList:table:Uploaded'))
this.$emit('getFileList', res.Result[0].Id, res.Result[0].Path)
}
})
@ -113,13 +113,13 @@ export default {
if (isValidFile) {
this.fileList = []
} else {
this.$alert('must be in pdf format')
this.$alert(this.$t('upload:rule:MUSTPDF'))
return false
}
},
beforeRemove(file, fileList) {
if (file && file.status === 'success') {
return this.$confirm(`Sure to remove ${file.name}?`)
return this.$confirm(this.$t('system:reviewer:confirm:delete'))
}
},
handleRemoveFile(file, fileList) {
@ -146,7 +146,7 @@ export default {
}
},
handleExceed(files, fileList) {
this.$message.warning(`Upload is currently limited to 1 file`)
this.$message.warning(this.$t('upload:rule:maxFile1'))
},
fileValid(fileName, typeArr) {
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()

142
src/components/UploadFiles/index.vue
View File

@ -9,37 +9,51 @@
:file-list="fileList"
:accept="accept"
>
<el-button size="small" type="primary" :disabled="isDisabled">{{ $t('common:button:upload') }}</el-button>
<el-button size="small" type="primary" :disabled="isDisabled">{{
$t('common:button:upload')
}}</el-button>
</el-upload>
</div>
</template>
<script>
import { getAttachmentByType, uploadFile, saveAttachments, deleteAttachment } from '@/api/attachment'
import {
getAttachmentByType,
uploadFile,
saveAttachments,
deleteAttachment,
} from '@/api/attachment'
export default {
name: 'UploadFiles',
props: {
type: {
type: String,
required: true
required: true,
},
doctorId: {
type: String,
required: true
required: true,
},
accept: {
type: String,
required: true
}
required: true,
},
},
data() {
return {
fileList: [],
repeat: false,
isDisabled: false
isDisabled: false,
}
},
watch: {
doctorId() {
if (this.doctorId) {
this.initFileList()
}
},
},
mounted() {
if(!this.doctorId) return
if (!this.doctorId) return
this.initFileList()
},
methods: {
@ -49,24 +63,28 @@ export default {
lock: true,
text: 'Loading',
spinner: 'el-icon-loading',
background: 'rgba(0, 0, 0, 0.07)'
background: 'rgba(0, 0, 0, 0.07)',
})
getAttachmentByType(this.doctorId, this.type).then(res => {
loading.close()
if (res.IsSuccess) {
if (res.Result.length > 0) {
this.fileList = this.formatterFileList(res.Result)
this.$emit('getFileList', this.fileList)
} else {
this.fileList = []
getAttachmentByType(this.doctorId, this.type)
.then((res) => {
loading.close()
if (res.IsSuccess) {
if (res.Result.length > 0) {
this.fileList = this.formatterFileList(res.Result)
this.$emit('getFileList', this.fileList)
} else {
this.fileList = []
}
}
}
}).catch(() => { loading.close() })
})
.catch(() => {
loading.close()
})
},
formatterFileList(list) {
var arr = []
list.forEach(item => {
list.forEach((item) => {
const data = {
DoctorId: item.DoctorId,
Type: item.Type,
@ -74,7 +92,7 @@ export default {
FullPath: item.FullPath,
FileName: item.FileName,
CreateTime: item.CreateTime,
Id: item.Id
Id: item.Id,
}
arr.push(data)
})
@ -85,32 +103,42 @@ export default {
// 检测文件后缀名
if (this.checkFileSuffix(param.file.name)) {
// 检测是否有重名文件
const isRepeat = this.fileList.some(item => item.FileName === param.file.name)
const isRepeat = this.fileList.some(
(item) => item.FileName === param.file.name
)
if (isRepeat) {
this.$confirm('Override the existing resume?', {
type: 'warning',
distinguishCancelAndClose: true,
confirmButtonText: 'OK',
cancelButtonText: 'Cancel'
})
this.$confirm(
this.$t('curriculumVitae:resume:message:existingResume'),
{
type: 'warning',
distinguishCancelAndClose: true,
}
)
.then(() => {
// 重名覆盖
this.repeat = true
this.uploadFile(param.file)
})
.catch(action => {})
.catch((action) => {})
} else {
this.uploadFile(param.file)
}
} else {
this.$alert(`Must be in ${this.accept} format`)
let str = this.accept.join(', ')
let message = this.$t(
'trials:readingUnit:qsList:message:imageFormat'
).replace('xxx', str)
this.$alert(message)
}
},
async uploadFile(file) {
this.isDisabled = true
var fileName = file.name
file = await this.fileToBlob(file)
let res = await this.OSSclient.put(`/SystemData/reviewer/Agreements/${this.doctorId}/${fileName}`, file)
let res = await this.OSSclient.put(
`/SystemData/reviewer/Agreements/${this.doctorId}/${fileName}`,
file
)
if (this.repeat) {
const index = this.fileList.findIndex((item, index) => {
return item.FileName === fileName
@ -124,52 +152,60 @@ export default {
Type: this.type,
Path: this.$getObjectName(res.url),
FullPath: this.$getObjectName(res.url),
FileName: fileName
FileName: fileName,
}
this.fileList.push(fileData)
}
this.saveUploadFiles()
},
saveUploadFiles() {
saveAttachments(this.fileList).then(res => {
this.fileList = this.formatterFileList(res.Result)
this.isDisabled = false
this.$message.success('Uploaded successfully')
this.$emit('getFileList', this.fileList)
}).catch(() => {
this.isDisabled = false
})
saveAttachments(this.fileList)
.then((res) => {
this.fileList = this.formatterFileList(res.Result)
this.isDisabled = false
this.$message.success(
this.$t('trials:uploadDicomList:table:Uploaded')
)
this.$emit('getFileList', this.fileList)
})
.catch(() => {
this.isDisabled = false
})
},
handleDeleteFile(file) {
this.$confirm('Sure to remove?', {
this.$confirm(this.$t('system:reviewer:confirm:delete'), {
type: 'warning',
distinguishCancelAndClose: true,
}).then(() => {
deleteAttachment(file.Id, file.Path)
.then(res => {
})
.then(() => {
deleteAttachment(file.Id, file.Path).then((res) => {
if (res.IsSuccess) {
this.fileList.splice(this.fileList.findIndex(item => item.Id === file.Id), 1)
this.fileList.splice(
this.fileList.findIndex((item) => item.Id === file.Id),
1
)
this.$emit('getFileList', this.fileList)
this.$message({
message: this.$t('common:message:deletedSuccessfully'),
type: 'success'
type: 'success',
})
}
})
})
.catch(action => {})
})
.catch((action) => {})
},
checkFileSuffix(fileName) {
var index = fileName.lastIndexOf('.')
var suffix = fileName.substring(index + 1, fileName.length)
return this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
}
}
return (
this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
)
},
},
}
</script>
<style>
.uploadFiles-container{
.uploadFiles-container {
margin: 0 5px;
}
.uploadFiles-container .el-upload--text {

4
src/components/clinicalDataQuestions/components/QuestionFormItem.vue
View File

@ -180,10 +180,10 @@
<template v-if="question.Unit" slot="append">{{ question.Unit }}</template>
</el-input>
<span v-if="question.CustomCalculateMark === 11 && question.ClinicalQuestionType === 'number'" v-show="questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] <= questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId]" style="margin-left: 10px">
{{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}-{{ questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId] }}
{{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}~{{ questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId] }}
</span>
<span v-if="question.CustomCalculateMark === 10 && question.ClinicalQuestionType === 'number' && questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId]" style="margin-left: 10px">
{{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}-{{ questionForm.CreateTime ? questionForm.CreateTime : parseTime(new Date(), '{y}-{m}-{d}') }}
{{ questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] }}~{{ questionForm.CreateTime ? questionForm.CreateTime : parseTime(new Date(), '{y}-{m}-{d}') }}
</span>
<!-- 生日不能大于截止日期 -->
<span v-if="question.CustomCalculateMark === 11 && question.ClinicalQuestionType === 'number'" v-show="questionForm[JSON.parse(question.CalculateQuestions)[0].TableQuestionId] > questionForm[JSON.parse(question.CalculateQuestions)[0].QuestionId]" style="margin-left: 10px;font-size: 12px;color:#f66">

2
src/components/clinicalDataQuestions/components/QuestionsForm.vue
View File

@ -27,7 +27,7 @@
size="small"
type="primary"
@click="close"
v-show="$route.path !== '/trials/trials-panel/visit/crc-upload'"
v-show="$route.path !== '/trials/trials-panel/visit/crc-upload'&&$route.path!=='/trials/trials-panel/visit/crc-question'"
>
{{ $t('common:button:cancel') }}
</el-button>

125
src/components/toggleRole/index.vue Normal file
View File

@ -0,0 +1,125 @@
<template>
<el-dialog
v-if="visible"
:visible.sync="visible"
v-dialogDrag
width="540px"
:close-on-click-modal="false"
:close-on-press-escape="false"
append-to-body
:title="$t('toggleRole:tip:title')"
center
top="30vh"
:show-close="false"
:before-close="cancel"
>
<template v-if="hasRole">
<el-radio-group v-model="form.userRoleId" class="roles">
<el-radio
v-for="item in roles"
:key="item.Id"
:label="item.Id"
:disabled="item.IsUserRoleDisabled"
style="margin-bottom: 10px"
>
{{ item.UserTypeShortName }}
</el-radio>
</el-radio-group>
</template>
<div v-else style="text-align: center">
{{ $t('toggleRole:tip:noRole') }}
</div>
<div slot="footer">
<!-- 取消 -->
<el-button size="small" @click="cancel()">
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button
type="primary"
size="small"
@click="save"
:disabled="saveDisabled"
:loading="loading"
v-if="hasRole"
>
{{ $t('common:button:confirm') }}
</el-button>
</div>
</el-dialog>
</template>
<script>
export default {
name: 'toggleRole',
props: {
visible: {
type: Boolean,
default: false,
},
loading: {
type: Boolean,
default: false,
},
},
data() {
return {
form: {
userRoleId: null,
},
}
},
created() {
this.form.userRoleId = zzSessionStorage.getItem('userId')
},
computed: {
roles() {
return this.$store.state.user.roles
},
hasRole() {
return this.roles && this.roles.length > 0
},
saveDisabled() {
return this.form.userRoleId === zzSessionStorage.getItem('userId')
},
},
methods: {
cancel() {
this.$emit('update:visible', false)
this.$emit('cancel')
},
async save() {
try {
if (!this.form.userRoleId)
return this.$message.warning(this.$t('toggleRole:ruleMessage:select'))
this.$emit('save', this.form.userRoleId)
} catch (err) {
console.log(err)
}
},
},
}
</script>
<style lang="scss" scoped>
.roles {
max-width: 365px;
width: fit-content;
display: flex;
align-content: center;
// justify-content: center;
flex-wrap: wrap;
margin: auto;
}
/deep/ .el-radio__original {
display: none !important; /* 隐藏原生 radio 输入，但仍然允许交互 */
}
/deep/.el-radio:focus:not(.is-focus):not(:active):not(.is-disabled)
.el-radio__inner {
box-shadow: none !important;
}
.el-radio {
width: 60px;
}
</style>

1
src/const/check/index.js
View File

@ -1,6 +1,5 @@
import { SubjectCheckConfig } from './module/Subject'
console.log(SubjectCheckConfig.moduleType)
export const checkConfig = {
ModuleType: {
...SubjectCheckConfig.ModuleType

10
src/directive/dialogDrag.js
View File

@ -10,7 +10,7 @@ const dialogDrag = Vue.directive('dialogDrag', {
dragDom.style.cssText += ';top:0px;'
// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
const sty = (function() {
const sty = (function () {
if (window.document.currentStyle) {
return (dom, attr) => dom.currentStyle[attr]
} else {
@ -47,8 +47,10 @@ const dialogDrag = Vue.directive('dialogDrag', {
styL = +styL.replace(/\px/g, '')
styT = +styT.replace(/\px/g, '')
}
const oldMousemove = document.onmousemove
document.onmousemove = function(e) {
document.onmousemove = function (e) {
oldMousemove(e)
// 通过事件委托，计算移动的距离
let left = e.clientX - disX
const top = e.clientY - disY
@ -70,8 +72,8 @@ const dialogDrag = Vue.directive('dialogDrag', {
dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`
}
document.onmouseup = function(e) {
document.onmousemove = null
document.onmouseup = function (e) {
document.onmousemove = oldMousemove
document.onmouseup = null
}
}

129
src/layout/components/Navbar.vue
View File

@ -14,13 +14,13 @@
<div class="right-menu">
<div class="navbar-flex-wrapper">
<template v-if="device!=='mobile'">
<template v-if="device !== 'mobile'">
<screenfull id="screenfull" class="right-menu-item hover-effect" />
</template>
<!-- <div class="avatar-container">
<img src="@/assets/avatar.png" class="user-avatar">
</div> -->
<div style="margin-left:20px;">
<div style="margin-left: 20px">
<el-dropdown class="dropdown-container" trigger="click">
<span class="el-dropdown-link">
{{ `${name} (${userTypeShortName})` }}
@ -30,10 +30,20 @@
</span>
<el-dropdown-menu slot="dropdown" class="user-dropdown">
<el-dropdown-item v-if="!isReviewer">
<span style="display:block;" @click="editInfo">{{$t('system:navbar:button:Profile')}}</span>
<span style="display: block" @click="editInfo">{{
$t('system:navbar:button:Profile')
}}</span>
</el-dropdown-item>
<!-- 切换角色 -->
<el-dropdown-item divided v-if="hasRole">
<span style="display: block" @click="openToggleRole">{{
$t('system:navbar:button:toggleRole')
}}</span>
</el-dropdown-item>
<el-dropdown-item divided>
<span style="display:block;" @click="logout">{{$t('system:navbar:button:Log Out')}}</span>
<span style="display: block" @click="logout">{{
$t('system:navbar:button:Log Out')
}}</span>
</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@ -41,38 +51,119 @@
<TopLang></TopLang>
</div>
</div>
<toggleRole
v-if="toggleRoleVisible"
:visible.sync="toggleRoleVisible"
:loading="toggleRoleLoading"
@save="loginByRole"
/>
</div>
</template>
<script>
import {mapGetters, mapMutations} from 'vuex'
import { mapGetters, mapMutations } from 'vuex'
import Breadcrumb from '@/components/Breadcrumb'
import Hamburger from '@/components/Hamburger'
import Screenfull from '@/components/Screenfull'
import TopLang from './topLang'
import toggleRole from '@/components/toggleRole'
import { resetRouter } from '@/router'
export default {
components: {
Breadcrumb,
Hamburger,
Screenfull,
TopLang
TopLang,
toggleRole,
},
data() {
return {
isReviewer: false,
userTypeShortName: zzSessionStorage.getItem('userTypeShortName')
toggleRoleVisible: false,
toggleRoleLoading: false,
}
},
computed: {
...mapGetters(['sidebar', 'name', 'device'])
...mapGetters(['sidebar', 'name', 'device', 'userTypeShortName']),
roles() {
return this.$store.state.user.roles
},
hasRole() {
return this.roles && this.roles.length > 1
},
},
created() {
this.isReviewer = JSON.parse(zzSessionStorage.getItem('IsReviewer'))
// this.isReviewer = JSON.parse(zzSessionStorage.getItem('IsReviewer'))
},
methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
openToggleRole() {
this.$store.dispatch('user/getUserInfo').then((res) => {
this.toggleRoleVisible = true
})
},
loginByRole(userRoleId) {
if (this.$store.state.user.userId === userRoleId) {
this.toggleRoleVisible = false
this.toggleRoleLoading = false
return false
}
this.toggleRoleLoading = true
this.$store
.dispatch('user/loginByRole', { userRoleId })
.then((res) => {
if (res) {
this.$store
.dispatch('permission/generateRoutes')
.then(async (res) => {
if (res && res.length > 0) {
resetRouter()
await this.$store.dispatch('global/getNoticeList')
this.$router.addRoutes(res)
this.toggleRoleLoading = false
if (this.loginType === 'DevOps') {
this.$router.replace({ path: res[0].path })
return
}
if (this.hasPermi(['role:radmin'])) {
this.$router.replace({ path: res[0].path })
return
}
if (
this.hasPermi([
'role:air',
'role:rpm',
'role:rcrc',
'role:rir',
])
) {
history.replaceState(null, null, '/trials/trials-list')
history.go(0)
} else {
history.replaceState(null, null, '/trials/trials-workbench')
history.go(0)
}
this.toggleRoleVisible = false
this.toggleRoleLoading = false
this.$EventBus.$emit('reload')
} else {
// 此账户暂未配置菜单权限，请联系管理员处理后再登录。
this.toggleRoleLoading = false
this.$message.warning(this.$t('login:message:login2'))
}
})
.catch((err) => {
console.log(err)
this.toggleRoleLoading = false
})
} else {
this.toggleRoleLoading = false
}
})
.catch(() => {
this.toggleRoleLoading = false
})
},
toggleSideBar() {
this.$store.dispatch('app/toggleSideBar')
},
@ -84,23 +175,23 @@ export default {
} else {
this.$router.push(`/login`)
}
this.$i18n.locale = 'zh'
this.setLanguage('zh')
// //this.$i18n.locale = 'zh'
// //this.setLanguage('zh')
this.$updateDictionary()
},
editInfo() {
this.$router.push({ name: 'BaiscInfo' })
},
}
},
}
</script>
<style lang="scss" scoped>
.navbar-flex-wrapper{
display: flex;
flex-direction: row;
justify-content: space-between;
}
.navbar-flex-wrapper {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.navbar {
height: 50px;
overflow: hidden;

37
src/main.js
View File

@ -15,7 +15,7 @@ import '@/styles/index.scss' // global css
import App from './App'
import store from './store'
import router from './router'
import WHITELIST from "./utils/whiteList"
import '@/icons' // icon
import '@/permission' // permission control
import md5 from 'js-md5'
@ -293,15 +293,23 @@ async function VueInit() {
}()
_vm.$forceUpdate()
}
Vue.prototype.$EventBus = new Vue()
Vue.prototype.$path = []
var t = function (key) {
// if (![Vue.prototype.toPath + '_' + key].includes(Vue.prototype.$path)) {
if (!~Vue.prototype.$path.indexOf(key)) {
// Vue.prototype.$path.push(Vue.prototype.toPath + '_' + key)
Vue.prototype.$path.push(key)
}
// return i18n.t(Vue.prototype.toPath + '_' + key)
return i18n.t(key)
let text = i18n.t(key)
if (Array.isArray(store.state.trials.config.TrialObjectNameList) && store.state.trials.config.TrialObjectNameList.length > 0) {
let arr = JSON.parse(JSON.stringify(store.state.trials.config.TrialObjectNameList))
arr.sort((a, b) => b.Name.length - a.Name.length)
arr.forEach(item => {
let test = new RegExp(item.Name, 'ig')
text = text.replace(test, item.TrialName)
})
}
// return i18n.t(key)
return text;
}
Vue.prototype.$t = t
_vm = new Vue({
@ -324,7 +332,7 @@ async function VueInit() {
if (eval(process.env.VUE_APP_LOGIN_FOR_PERMISSION)) {
setInterval(() => {
var lang = zzSessionStorage.getItem('lang') ? zzSessionStorage.getItem('lang') : 'zh'
if (_vm.$route.path === '/ReviewersResearchForm' || _vm.$route.path === '/ReviewersResearch' || _vm.$route.path === '/login' || _vm.$route.path === '/researchForm' || _vm.$route.path === '/researchDetail_m' || _vm.$route.path === '/researchLogin_m' || _vm.$route.path === '/researchLogin' || _vm.$route.path === '/email-recompose' || _vm.$route.path === '/recompose' || _vm.$route.path === '/resetpassword' || _vm.$route.path === '/error') {
if (WHITELIST.includes(_vm.$route.path)) {
return
}
if (_vm.$store.state.user.userId !== zzSessionStorage.getItem('userId')) {
@ -388,15 +396,19 @@ async function VueInit() {
// window.VUE_APP_COMPANY_NAME = process.env.VUE_APP_COMPANY_NAME;
waitOperate(eval(process.env.VUE_APP_LOGOUT_FOR_PERMISSION) ? () => {
var lang = zzSessionStorage.getItem('lang') ? zzSessionStorage.getItem('lang') : 'zh'
if (_vm.$store.state.trials.unlock || _vm.$route.path === '/ReviewersResearchForm' || _vm.$route.path === '/ReviewersResearch' || _vm.$route.path === '/login' || _vm.$route.path === '/researchForm' || _vm.$route.path === '/researchDetail_m' || _vm.$route.path === '/researchLogin_m' || _vm.$route.path === '/researchLogin' || _vm.$route.path === '/email-recompose' || _vm.$route.path === '/recompose' || _vm.$route.path === '/resetpassword' || _vm.$route.path === '/error') {
if (_vm.$store.state.trials.unlock || WHITELIST.includes(_vm.$route.path)) {
count = 0;
localStorage.setItem('count', '0')
return
}
_vm.$store.dispatch('user/logout').then(res => {
// window.location.href = `/login`
if (_vm.$msgbox) {
_vm.$msgbox.close();
try {
if (_vm.$msgbox && _vm.$msgbox.close) {
_vm.$msgbox.close();
}
} catch (err) {
console.log(err)
}
_vm.$FB.close();
_vm.$FBT.close();
@ -417,7 +429,7 @@ async function VueInit() {
} : () => { }, process.env.VUE_APP_LOGOUT_FOR_TIME,
eval(process.env.VUE_APP_LOCK_FOR_PERMISSION) ? () => {
var lang = zzSessionStorage.getItem('lang') ? zzSessionStorage.getItem('lang') : 'zh'
if (_vm.$store.state.trials.unlock || _vm.$route.path === '/ReviewersResearchForm' || _vm.$route.path === '/ReviewersResearch' || _vm.$route.path === '/login' || _vm.$route.path === '/researchForm' || _vm.$route.path === '/researchDetail_m' || _vm.$route.path === '/researchLogin_m' || _vm.$route.path === '/researchLogin' || _vm.$route.path === '/email-recompose' || _vm.$route.path === '/recompose' || _vm.$route.path === '/resetpassword' || _vm.$route.path === '/error') {
if (_vm.$store.state.trials.unlock || WHITELIST.includes(_vm.$route.path)) {
count = 0;
localStorage.setItem('count', '0')
if (_vm.$route.path === '/login') {
@ -439,11 +451,11 @@ async function VueInit() {
beforeClose: (action, instance, done) => {
if (action === 'confirm') {
if (!_vm.unlock.my_username) {
_vm.$alert(_vm.$t("env:lock:msgBox:iupUser"))
_vm.$message.warning(_vm.$t("env:lock:msgBox:iupUser"))
return
}
if (!_vm.unlock.my_password) {
_vm.$alert(_vm.$t("env:lock:msgBox:inpPassword"))
_vm.$message.warning(_vm.$t("env:lock:msgBox:inpPassword"))
return
}
var my_username = zzSessionStorage.getItem('my_username')
@ -589,3 +601,4 @@ VueInit()
// });
export default _vm

68
src/permission.js
View File

@ -1,12 +1,14 @@
import router from './router'
import { resetRouter } from '@/router'
import store from './store'
// import { Message } from 'element-ui'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken } from '@/utils/auth'
import { getToken, removeToken } from '@/utils/auth'
import Vue from 'vue'
import { OSSclient } from './utils/oss'
import WHITELIST from "./utils/whiteList"
import { getTrialExtralConfig } from '@/api/trials'
// import getPageTitle from '@/utils/get-page-title'
NProgress.configure({ showSpinner: false })
@ -16,8 +18,43 @@ store.state.trials.whiteList = whiteList;
router.beforeEach(async (to, from, next) => {
NProgress.start()
// 设置页面标题
// document.title = getPageTitle(to.meta.title)
// document.title = getPageTitle(to.meta.title) store.state.trials.whiteList.indexOf(to.path) === -1
if (!to.query.trialId) {
store.dispatch('trials/setConfig', {})
}
if (
to.query.trialId &&
to.query.trialId !==
store.state.trials.config.trialId
) {
let res = await getTrialExtralConfig({
TrialId: to.query.trialId,
})
if (res.IsSuccess) {
store.dispatch('trials/setConfig', {
trialId: to.query.trialId,
...res.Result,
})
}
}
if (!to.query.trialId) {
store.dispatch('trials/setConfig', {})
}
if (
to.query.trialId &&
to.query.trialId !==
store.state.trials.config.trialId
) {
let res = await getTrialExtralConfig({
TrialId: to.query.trialId,
})
if (res.IsSuccess) {
store.dispatch('trials/setConfig', {
trialId: to.query.trialId,
...res.Result,
})
}
}
// 确定用户是否已登录
const hasToken = getToken()
Vue.prototype.toPath = to.path
@ -25,14 +62,24 @@ router.beforeEach(async (to, from, next) => {
if (hasToken) {
if (to.path === '/login' || to.path === '/recompose' || to.path === '/email-recompose' || to.path === '/error' || to.path === '/ReviewersResearchForm' || to.path === '/ReviewersResearch') {
if (to.path === '/ReviewersResearch') {
await this.$store.dispatch('user/logout')
await OSSclient()
await store.dispatch('user/logout')
}
if (to.path === '/ReviewersResearchForm') {
await OSSclient()
}
next()
NProgress.done()
} else if (from.path === '/researchForm') {
removeToken()
let lang = to.query.lang || zzSessionStorage.getItem('lang')
next(`/researchLogin?trialId=${to.query.trialId}&lang=${lang}`)
NProgress.done()
} else if (from.path === '/researchDetail_m') {
removeToken()
let lang = to.query.lang || zzSessionStorage.getItem('lang')
next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${lang}`)
NProgress.done()
} else {
await OSSclient()
const hasGetUserInfo = store.getters.userId
@ -42,10 +89,13 @@ router.beforeEach(async (to, from, next) => {
try {
// 获取用户信息
await store.dispatch('user/getInfo')
await store.dispatch('user/getUserInfo')
const accessRoutes = await store.dispatch('permission/generateRoutes')
resetRouter()
router.addRoutes(accessRoutes)
next({ ...to, replace: true })
} catch (error) {
console.log(error)
// 删除token并进入登录页面以重新登录
await store.dispatch('user/resetToken')
next(`/login?redirect=${to.path}`)
@ -57,10 +107,10 @@ router.beforeEach(async (to, from, next) => {
/* has no token*/
if (whiteList.indexOf(to.path) !== -1) {
if (to.path === '/researchLogin') {
console.log(to)
let lang = to.query.lang || zzSessionStorage.getItem('lang')
const flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i)
if (flag) {
next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${to.query.lang}`)
next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${lang}`)
} else {
next()
}
@ -73,10 +123,12 @@ router.beforeEach(async (to, from, next) => {
}
} else {
if (to.path === '/researchForm') {
next(`/researchLogin?`)
let lang = to.query.lang || zzSessionStorage.getItem('lang')
next(`/researchLogin?trialId=${to.query.trialId}&lang=${lang}`)
NProgress.done()
} else if (to.path === '/researchDetail_m') {
next(`/researchLogin_m?`)
let lang = to.query.lang || zzSessionStorage.getItem('lang')
next(`/researchLogin_m?trialId=${to.query.trialId}&lang=${lang}`)
NProgress.done()
} else if (to.path === '/ReviewersResearchForm') {
next(`/ReviewersResearch?`)

5
src/router/index.js
View File

@ -223,6 +223,11 @@ export const constantRoutes = [
component: () => import('@/views/reviewers/ReviewersResearch'),
hidden: true
},
{
path: '/curriculumVitae',
component: () => import('@/views/reviewers/curriculumVitae/index'),
hidden: true
},
{
path: '/ReviewersResearchForm',
component: () => import('@/views/reviewers/ReviewersResearchForm'),

3
src/store/getters.js
View File

@ -3,10 +3,12 @@ const getters = {
device: state => state.app.device,
token: state => state.user.token,
name: state => state.user.name,
userTypeShortName: state => state.user.userTypeShortName,
permissions: state => state.user.permissions,
tree: state => state.user.tree,
userName: state => state.user.userName,
userId: state => state.user.userId,
identityUserId: state => state.user.identityUserId,
routes: state => state.permission.routes,
asyncRoutes: state => state.permission.addRoutes,
visitedViews: state => state.tagsView.visitedViews,
@ -45,6 +47,7 @@ const getters = {
language: state => state.lang.language,
TotalNeedSignSystemDocCount: state => state.user.TotalNeedSignSystemDocCount,
TotalNeedSignTrialDocCount: state => state.user.TotalNeedSignTrialDocCount,
IsFirstSysDocNeedSign: state => state.user.IsFirstSysDocNeedSign,
TrialStatusStr: state => state.user.TrialStatusStr
}
export default getters

117
src/store/modules/reading.js
View File

@ -70,6 +70,12 @@ function getQuestions(questions) {
answerObj.angle = angle
answerObj.saveTypeEnum = isNaN(parseFloat(angle)) ? 1 : 2
}
} else if (criterionType === 21) {
// MRI-PDFF
let isMeasurable = getQuestionAnswer(item.TableQuestions.Questions, 1105, answerObj)
answerObj.isMeasurable = isMeasurable
answerObj.mean = getQuestionAnswer(item.TableQuestions.Questions, 1104, answerObj)
answerObj.saveTypeEnum = parseInt(isMeasurable) === 1 && isNaN(parseFloat(answerObj.mean)) ? 1 : 2
} else {
answerObj.lesionPart = getQuestionAnswer(item.TableQuestions.Questions, 8, answerObj)
answerObj.loctation = getQuestionAnswer(item.TableQuestions.Questions, 6, answerObj)
@ -507,6 +513,7 @@ const actions = {
})
},
getMeasuredData({ state }, visitTaskId) {
console.log('getMeasuredData')
return new Promise(resolve => {
var index = state.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskId)
if (state.visitTaskList[index].measureDataInit) {
@ -523,6 +530,13 @@ const actions = {
el.OtherMeasureData = JSON.parse(el.OtherMeasureData)
el.OtherMeasureData.data.remark = el.OrderMarkName
}
// if (el.TableQuestionMarkList.length > 0) {
// let list = el.TableQuestionMarkList.map(i=>{
// i.MeasureData = i.MeasureData ? JSON.parse(i.MeasureData) : ''
// return i
// })
// el.TableQuestionMarkList = list
// }
arr.push(el)
})
state.visitTaskList[index].MeasureData = arr
@ -606,6 +620,13 @@ const actions = {
el.MeasureData = JSON.parse(el.MeasureData)
el.MeasureData.data.remark = el.OrderMarkName
}
// if (el.TableQuestionMarkList.length > 0) {
// let list = el.TableQuestionMarkList.map(i=>{
// i.MeasureData = i.MeasureData ? JSON.parse(i.MeasureData) : ''
// return i
// })
// el.TableQuestionMarkList = list
// }
arr.push(el)
})
state.visitTaskList[index].MeasureData = arr
@ -623,27 +644,40 @@ const actions = {
resolve(noneDicomMeasureData)
})
},
addMeasuredData({ state }, obj) {
addMeasuredData({ state }, obj) {
return new Promise(resolve => {
const criterionType = parseInt(localStorage.getItem('CriterionType'))
var index = state.visitTaskList.findIndex(i => i.VisitTaskId === obj.visitTaskId)
var measureData = state.visitTaskList[index].MeasureData
// var idx = measureData.findIndex(item => item.MeasureData.uuid === obj.data.MeasureData.data.uuid)
var idx = measureData.findIndex(item => item.QuestionId === obj.data.QuestionId && item.RowIndex === obj.data.RowIndex)
if (idx > -1) {
for (const k in state.visitTaskList[index].MeasureData[idx]) {
if (k !== 'Id' && obj.data[k]) {
state.visitTaskList[index].MeasureData[idx][k] = obj.data[k]
if (criterionType === 21) {
let i = measureData.findIndex(i=>i.TableQuestionId === obj.data.TableQuestionId)
if (i > -1) {
for (const k in state.visitTaskList[index].MeasureData[i]) {
if (k !== 'Id' && obj.data[k]) {
state.visitTaskList[index].MeasureData[i][k] = obj.data[k]
}
}
} else {
state.visitTaskList[index].MeasureData.push(obj.data)
}
// state.visitTaskList[index].MeasureData[idx].MeasureData = obj.data.MeasureData
console.log('更新标记成功', idx)
} else {
state.visitTaskList[index].MeasureData.push(obj.data)
console.log('新增标记成功')
var idx = measureData.findIndex(item => item.QuestionId === obj.data.QuestionId && item.RowIndex === obj.data.RowIndex)
if (idx > -1) {
for (const k in state.visitTaskList[index].MeasureData[idx]) {
if (k !== 'Id' && obj.data[k]) {
state.visitTaskList[index].MeasureData[idx][k] = obj.data[k]
}
}
console.log('更新标记成功', idx)
} else {
state.visitTaskList[index].MeasureData.push(obj.data)
console.log('新增标记成功')
}
}
// sessionStorage.setItem('visitTaskList', state.visitTaskList.length > 0 ? JSON.stringify(state.visitTaskList) : '')
console.log(state.visitTaskList)
resolve()
})
},
@ -738,32 +772,45 @@ const actions = {
return new Promise(resolve => {
var index = state.visitTaskList.findIndex(i => i.VisitTaskId === obj.visitTaskId)
var measureData = state.visitTaskList[index].MeasureData
// var uuid = obj.measureData.data.uuid
// var idx = measureData.findIndex(item => item.MeasureData && item.MeasureData.data && item.MeasureData.data.uuid === uuid)
var idx = measureData.findIndex(item => item.QuestionId === obj.questionId && item.RowIndex === obj.rowIndex)
if (idx > -1) {
if (measureData[idx].FristAddTaskId) {
measureData[idx].MeasureData = ''
console.log('清除标记成功', idx)
} else {
measureData.splice(idx, 1)
console.log('移除标记成功', idx)
}
state.visitTaskList[index].MeasureData = measureData
} else if (obj.orderMarkName) {
const criterionType = parseInt(localStorage.getItem('CriterionType'))
if (criterionType === 21) {
const i = measureData.findIndex(item => item.QuestionId === obj.questionId && item.OrderMarkName === obj.orderMarkName)
if (i > -1) {
if (measureData[i].FristAddTaskId) {
measureData[i].MeasureData = ''
console.log('清除标记成功', i)
} else {
measureData.splice(i, 1)
console.log('移除标记成功', i)
if (i > -1) {
if (measureData[i].FristAddTaskId) {
measureData[i].MeasureData = ''
console.log('清除标记成功', i)
} else {
measureData.splice(i, 1)
console.log('移除标记成功', i)
}
}
}
state.visitTaskList[index].MeasureData = measureData
} else {
var idx = measureData.findIndex(item => item.QuestionId === obj.questionId && item.RowIndex === obj.rowIndex)
if (idx > -1) {
if (measureData[idx].FristAddTaskId) {
measureData[idx].MeasureData = ''
console.log('清除标记成功', idx)
} else {
measureData.splice(idx, 1)
console.log('移除标记成功', idx)
}
state.visitTaskList[index].MeasureData = measureData
} else if (obj.orderMarkName) {
const i = measureData.findIndex(item => item.QuestionId === obj.questionId && item.OrderMarkName === obj.orderMarkName)
if (i > -1) {
if (measureData[i].FristAddTaskId) {
measureData[i].MeasureData = ''
console.log('清除标记成功', i)
} else {
measureData.splice(i, 1)
console.log('移除标记成功', i)
}
}
state.visitTaskList[index].MeasureData = measureData
}
}
// if (idx > -1) {
// measureData.splice(idx, 1)
@ -1034,7 +1081,7 @@ const actions = {
}
},
setImageloadedInfo({ state }, obj) {
console.log('setImageloadedInfo', obj)
// console.log('setImageloadedInfo', obj)
// if(obj.instance === '20dd8fc9-51b0-ec63-942b-cb3006c72650')
// var index = state.visitTaskList.findIndex(i => i.VisitTaskId === obj.visitTaskId)
// // const prefetchInstanceCount = state.visitTaskList[index].StudyList[obj.studyIndex].SeriesList[obj.seriesIndex].prefetchInstanceCount

156
src/store/modules/user.js
View File

@ -1,5 +1,6 @@
import { getToken, setToken, removeToken, setName, removeName } from '@/utils/auth'
import { login, loginOut, getUserMenuTree, getUserPermissions } from '@/api/user'
import { login, loginOut, getUserMenuTree, getUserPermissions, getUserLoginRoleList, loginSelectUserRole } from '@/api/user'
import { getUser } from '@/api/admin'
import { resetRouter } from '@/router'
import md5 from 'js-md5'
@ -7,22 +8,29 @@ const getDefaultState = () => {
return {
token: getToken(),
name: '',
userTypeShortName: "",
userName: '',
userId: '',
identityUserId: '',
avatar: '',
permissions: [],
tree: [],
/* eslint-disable */
TotalNeedSignSystemDocCount: eval(process.env.VUE_APP_WORD_FOR_PERMISSION) ? null : 0,
TotalNeedSignTrialDocCount: eval(process.env.VUE_APP_WORD_FOR_PERMISSION) ? null : 0,
IsFirstSysDocNeedSign: false,
TrialStatusStr: null,
isTestUser: false
isTestUser: false,
roles: []
}
}
const state = getDefaultState()
const mutations = {
SET_ROLES: (state, roles) => {
state.roles = roles
},
RESET_STATE: (state) => {
Object.assign(state, getDefaultState())
},
@ -34,6 +42,9 @@ const mutations = {
SET_NAME: (state, name) => {
state.name = name
},
SET_USERTYPESHORTNAME: (state, userTypeShortName) => {
state.userTypeShortName = userTypeShortName
},
SET_USERNAME: (state, name) => {
state.userName = name
},
@ -49,9 +60,16 @@ const mutations = {
SET_USERID: (state, id) => {
state.userId = id
},
SET_IDENTITYUSERID: (state, id) => {
state.identityUserId = id
},
SET_ISTESTUSER: (state, isTestUser) => {
state.isTestUser = eval(isTestUser)
},
SET_IS_FIRST_SYSTEM_DOC_SIGN: (state, IsFirstSysDocNeedSign) => {
zzSessionStorage.setItem('IsFirstSysDocNeedSign', IsFirstSysDocNeedSign)
state.IsFirstSysDocNeedSign = IsFirstSysDocNeedSign
},
SET_NEED_SIGN_SYSTEM_DOC_COUNT: (state, TotalNeedSignSystemDocCount) => {
/* eslint-disable */
if (eval(process.env.VUE_APP_WORD_FOR_PERMISSION) && !state.isTestUser) {
@ -78,6 +96,9 @@ const mutations = {
}
const actions = {
setRoles({ commit }, roles) {
commit('SET_ROLES', roles)
},
changeUserName({ commit }, userName) {
commit('SET_USERNAME', userName)
},
@ -91,7 +112,7 @@ const actions = {
if (UserId) {
data.UserId = UserId;
}
login(data).then(async response => {
getUserLoginRoleList(data).then(async response => {
if (response.IsSuccess) {
zzSessionStorage.removeItem('lastWorkbench')
zzSessionStorage.setItem('my_username', username.trim())
@ -99,6 +120,7 @@ const actions = {
zzSessionStorage.setItem('my_EMail', response.Result.BasicInfo.EMail)
localStorage.setItem('CompanyInfo', JSON.stringify(response.Result.CompanyInfo))
const data = response.Result
commit('SET_ROLES', data.BasicInfo.AccountList)
if (data.BasicInfo.IsFirstAdd || data.BasicInfo.LoginState === 1) {
try {
zzSessionStorage.setItem('userId', data.BasicInfo.Id)
@ -114,25 +136,24 @@ const actions = {
zzSessionStorage.setItem('IsReviewer', data.BasicInfo.IsReviewer)
zzSessionStorage.setItem('userName', data.BasicInfo.UserName)
commit('SET_TOKEN', data.JWTStr)
commit('SET_NAME', data.BasicInfo.RealName)
zzSessionStorage.setItem('realName', data.BasicInfo.RealName)
// commit('SET_NAME', data.BasicInfo.UserName)
zzSessionStorage.setItem('isTestUser', data.BasicInfo.IsTestUser)
commit('SET_ISTESTUSER', data.BasicInfo.IsTestUser)
commit('SET_USERNAME', data.BasicInfo.UserName)
commit('SET_USERID', data.BasicInfo.Id)
setToken(data.JWTStr)
setName(data.BasicInfo.RealName)
const userString = decodeURIComponent(escape(window.atob(data.JWTStr.split('.')[1].replace(/-/g, '+').replace(/_/g, '/'))))
const user = JSON.parse(userString)
zzSessionStorage.setItem('userTypeShortName', user.userTypeShortName)
zzSessionStorage.setItem('userId', user.id)
zzSessionStorage.setItem('userTypeEnumInt', user.userTypeEnumInt)
var permissions = await getUserPermissions()
var menuTree = await getUserMenuTree()
commit('SET_TREE', menuTree.Result)
commit('SET_PERMISSIONS', permissions.Result)
zzSessionStorage.setItem('newTree', JSON.stringify(menuTree.Result))
zzSessionStorage.setItem('permissions', JSON.stringify(permissions.Result))
// setName(data.BasicInfo.RealName)
// const userString = decodeURIComponent(escape(window.atob(data.JWTStr.split('.')[1].replace(/-/g, '+').replace(/_/g, '/'))))
// const user = JSON.parse(userString)
// zzSessionStorage.setItem('userId', user.identityUserId)
// commit('SET_IDENTITYUSERID', user.identityUserId)
// zzSessionStorage.setItem('identityUserId', user.identityUserId)
// zzSessionStorage.setItem('userTypeEnumInt', user.userTypeEnumInt)
// var permissions = await getUserPermissions()
// var menuTree = await getUserMenuTree()
// commit('SET_TREE', menuTree.Result)
// commit('SET_PERMISSIONS', permissions.Result)
// zzSessionStorage.setItem('newTree', JSON.stringify(menuTree.Result))
// zzSessionStorage.setItem('permissions', JSON.stringify(permissions.Result))
} catch (e) {
console.log(e)
}
@ -146,6 +167,51 @@ const actions = {
})
})
},
loginByRole({ commit }, userInfo) {
const { userRoleId } = userInfo
let params = {
userRoleId
}
return new Promise((resolve, reject) => {
loginSelectUserRole(params).then(async response => {
if (response.IsSuccess) {
const data = response.Result
try {
commit('SET_TOKEN', data)
setToken(data)
commit('SET_USERID', userRoleId)
zzSessionStorage.setItem('userId', userRoleId)
const userString = decodeURIComponent(escape(window.atob(data.split('.')[1].replace(/-/g, '+').replace(/_/g, '/'))))
const user = JSON.parse(userString)
zzSessionStorage.setItem('userTypeShortName', user.userTypeShortName)
commit('SET_USERTYPESHORTNAME', user.userTypeShortName)
commit('SET_NAME', user.fullName)
setName(user.fullName)
commit('SET_IDENTITYUSERID', user.identityUserId)
zzSessionStorage.setItem('identityUserId', user.identityUserId)
zzSessionStorage.setItem('userTypeEnumInt', user.userTypeEnumInt)
var permissions = await getUserPermissions()
var menuTree = await getUserMenuTree()
commit('SET_TREE', menuTree.Result)
commit('SET_PERMISSIONS', permissions.Result)
zzSessionStorage.setItem('newTree', JSON.stringify(menuTree.Result))
zzSessionStorage.setItem('permissions', JSON.stringify(permissions.Result))
zzSessionStorage.removeItem('lastWorkbench')
} catch (e) {
console.log(e)
}
resolve(response.Result)
} else {
reject(response.ErrorMessage)
}
}).catch(() => {
reject()
})
})
},
setTree({ commit }, tree) {
commit('SET_TREE', tree)
},
@ -155,6 +221,9 @@ const actions = {
setTotalNeedSignSystemDocCount({ commit }, TotalNeedSignSystemDocCount) {
commit('SET_NEED_SIGN_SYSTEM_DOC_COUNT', TotalNeedSignSystemDocCount)
},
setIsFirstSysDocNeedSign({ commit }, IsFirstSysDocNeedSign) {
commit('SET_IS_FIRST_SYSTEM_DOC_SIGN', IsFirstSysDocNeedSign)
},
setTotalNeedSignTrialDocCount({ commit }, TotalNeedSignTrialDocCount) {
commit('SET_NEED_SIGN_TRIALS_DOC_COUNT', TotalNeedSignTrialDocCount)
},
@ -170,32 +239,69 @@ const actions = {
commit('SET_PERMISSIONS', JSON.parse(zzSessionStorage.getItem('permissions')))
commit('SET_ISTESTUSER', zzSessionStorage.getItem('isTestUser'))
const user = JSON.parse(userString)
commit('SET_NAME', zzSessionStorage.getItem('realName'))
commit('SET_USERID', user.id)
commit('SET_NAME', zzSessionStorage.getItem('Name'))
commit('SET_USERTYPESHORTNAME', user.userTypeShortName)
commit('SET_IDENTITYUSERID', user.identityUserId)
commit('SET_USERID', user.userRoleId)
commit('SET_USERNAME', zzSessionStorage.getItem('userName'))
commit('SET_NEED_SIGN_SYSTEM_DOC_COUNT', parseInt(zzSessionStorage.getItem('TotalNeedSignSystemDocCount')))
commit('SET_NEED_SIGN_TRIALS_DOC_COUNT', parseInt(zzSessionStorage.getItem('TotalNeedSignTrialDocCount')))
console.log(zzSessionStorage.getItem('TotalNeedSignSystemDocCount'))
console.log(zzSessionStorage.getItem('TotalNeedSignTrialDocCount'))
commit('SET_IS_FIRST_SYSTEM_DOC_SIGN', zzSessionStorage.getItem('IsFirstSysDocNeedSign'))
// console.log(zzSessionStorage.getItem('TotalNeedSignSystemDocCount'))
// console.log(zzSessionStorage.getItem('TotalNeedSignTrialDocCount'))
zzSessionStorage.setItem('userName', user.name)
zzSessionStorage.setItem('userId', user.id)
zzSessionStorage.setItem('userId', user.userRoleId)
zzSessionStorage.setItem('identityUserId', user.identityUserId)
zzSessionStorage.setItem('userTypeShortName', user.userTypeShortName)
zzSessionStorage.setItem('userTypeEnumInt', user.userTypeEnumInt)
return user
},
updateInfo({ commit, state }) {
commit('SET_NAME', zzSessionStorage.getItem('realName'))
commit('SET_NAME', zzSessionStorage.getItem('Name'))
},
// 获取用户信息
getUserInfo({ commit, state }) {
return new Promise((resolve, reject) => {
getUser().then(res => {
if (res.Result) {
commit('SET_ROLES', res.Result.AccountList)
}
resolve(res.Result)
}).catch(err => {
reject(err)
})
})
},
// user logout
async logout({ commit, state }) {
try {
removeToken() // must remove token first
await loginOut({
Userd: zzSessionStorage.getItem('userId')
UserRoleId: zzSessionStorage.getItem('userId'),
IdentityUserId: zzSessionStorage.getItem('identityUserId'),
})
resetRouter()
removeName()
let lang = zzSessionStorage.getItem('lang')
zzSessionStorage.clear()
zzSessionStorage.setItem('lang', lang)
commit('RESET_STATE')
} catch (e) {
console.log(e)
}
},
async resetData({ commit, state }) {
try {
removeToken() // must remove token first
// await loginOut({
// UserRoleId: zzSessionStorage.getItem('userId'),
// IdentityUserId: zzSessionStorage.getItem('identityUserId'),
// })
resetRouter()
removeName()
let lang = zzSessionStorage.getItem('lang')
zzSessionStorage.clear()
zzSessionStorage.setItem('lang', lang)
commit('RESET_STATE')
} catch (e) {
console.log(e)

3
src/styles/element-ui.scss
View File

@ -47,3 +47,6 @@
.el-range-separator {
box-sizing: content-box;
}
.el-select-dropdown__wrap{
max-height: 350px;
}

4
src/styles/index.scss
View File

@ -149,6 +149,7 @@ body .el-table th.gutter {
}
.el-dialog__body {
margin-top: 15px;
height: calc(100% - 70px);
padding: 0 20px;
@ -347,6 +348,7 @@ body .el-table th.gutter {
background: #000;
z-index: 3999;
}
.el-message-box__wrapper{
.el-message-box__wrapper {
z-index: 9999 !important;
}

5
src/utils/dialog.js
View File

@ -40,8 +40,9 @@ Vue.directive('dialogDrag', {
styL = +styL.replace(/\px/g, '')
styT = +styT.replace(/\px/g, '')
}
const oldMousemove = document.onmousemove
document.onmousemove = function(e) {
oldMousemove(e)
// 通过事件委托，计算移动的距离
let left = e.clientX - disX
let top = e.clientY - disY
@ -63,7 +64,7 @@ Vue.directive('dialogDrag', {
}
document.onmouseup = function(e) {
document.onmousemove = null
document.onmousemove = oldMousemove
document.onmouseup = null
}
return false

103
src/utils/metaDataProvider.js Normal file
View File

@ -0,0 +1,103 @@
import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
function parseImageId(imageId) {
// build a url by parsing out the url scheme and frame index from the imageId
const firstColonIndex = imageId.indexOf(':');
let url = imageId.substring(firstColonIndex + 1);
const frameIndex = url.indexOf('frame=');
let frame;
if (frameIndex !== -1) {
const frameStr = url.substr(frameIndex + 6);
frame = parseInt(frameStr, 10);
url = url.substr(0, frameIndex - 1);
}
return {
scheme: imageId.substr(0, firstColonIndex),
url,
frame,
};
}
function getNumberValues(dataSet, tag, minimumLength) {
const values = [];
const valueAsString = dataSet.string(tag);
if (!valueAsString) {
return;
}
const split = valueAsString.split('\\');
if (minimumLength && split.length < minimumLength) {
return;
}
for (let i = 0; i < split.length; i++) {
values.push(parseFloat(split[i]));
}
return values;
}
function metaDataProvider(type, imageId) {
const parsedImageId = parseImageId(imageId);
const dataSet = cornerstoneWADOImageLoader.wadouri.dataSetCacheManager.get(parsedImageId.url);
if (!dataSet) {
return;
}
if (type === 'imagePlaneModule') {
const imageOrientationPatient = getNumberValues(dataSet, 'x00200037', 6);
const imagePositionPatient = getNumberValues(dataSet, 'x00200032', 3);
const pixelSpacing = getNumberValues(dataSet, 'x00280030', 2);
const imagePixelSpacing = getNumberValues(dataSet, 'x00181164', 2);
const estimatedRadiographicMagnificationFactor = getNumberValues(dataSet, 'x00181114', 2);
let columnPixelSpacing = null;
let rowPixelSpacing = null;
if (pixelSpacing) {
rowPixelSpacing = pixelSpacing[0];
columnPixelSpacing = pixelSpacing[1];
} else if (imagePixelSpacing && estimatedRadiographicMagnificationFactor) {
rowPixelSpacing = imagePixelSpacing[0] / estimatedRadiographicMagnificationFactor[0];
columnPixelSpacing = imagePixelSpacing[1] / estimatedRadiographicMagnificationFactor[1];
} else if (imagePixelSpacing && !estimatedRadiographicMagnificationFactor) {
rowPixelSpacing = imagePixelSpacing[0];
columnPixelSpacing = imagePixelSpacing[1];
}
let rowCosines = null;
let columnCosines = null;
if (imageOrientationPatient) {
rowCosines = [
parseFloat(imageOrientationPatient[0]),
parseFloat(imageOrientationPatient[1]),
parseFloat(imageOrientationPatient[2]),
];
columnCosines = [
parseFloat(imageOrientationPatient[3]),
parseFloat(imageOrientationPatient[4]),
parseFloat(imageOrientationPatient[5]),
];
}
return {
frameOfReferenceUID: dataSet.string('x00200052'),
rows: dataSet.uint16('x00280010'),
columns: dataSet.uint16('x00280011'),
imageOrientationPatient,
rowCosines,
columnCosines,
imagePositionPatient,
sliceThickness: dataSet.floatString('x00180050'),
sliceLocation: dataSet.floatString('x00201041'),
pixelSpacing,
rowPixelSpacing,
columnPixelSpacing,
};
}
}
export default metaDataProvider;

9
src/utils/request-download.js
View File

@ -14,8 +14,7 @@ service.interceptors.request.use(
config => {
config.headers['Content-Type'] = 'application/json;charset=UTF-8'
var language = zzSessionStorage.getItem('lang')
config.headers['Accept-Language'] = language === 'en'?'en-US,en;q=0.5':'zh-CN,zh;q=0.9'
console.log(config.headers)
config.headers['Accept-Language'] = language === 'en'?'en-US,en;q=0.5':'zh-CN,zh;q=0.9'
if (store.getters.token) {
config.headers.Authorization = `Bearer ${store.getters.token}`
}
@ -90,9 +89,9 @@ service.interceptors.response.use(
})
store.dispatch('user/logout').then(() => {
router.push(`/login`)
this.$i18n.locale = 'zh'
this.setLanguage('zh')
this.$updateDictionary()
//this.$i18n.locale = 'zh'
//this.setLanguage('zh')
// this.$updateDictionary()
})
}
} else {

27
src/utils/request.js
View File

@ -5,6 +5,7 @@ import router from '@/router'
import WHITELIST from "./whiteList"
import moment from 'moment-timezone';
import { encryptConfig } from "@/utils/encrypt"
const ROUTER = require('@/router');
axios.defaults.withCredentials = false
const service = axios.create({
baseURL: '/api',
@ -90,10 +91,20 @@ service.interceptors.response.use(
const status = error.response.status
if (error.response.data && (error.response.data.Code === -1 || error.response.data.Code === -2)) {
store.dispatch('user/logout').then(() => {
let _vm = ROUTER.default.app
try {
if (_vm.$msgbox && _vm.$msgbox.close) {
_vm.$msgbox.close();
}
} catch (err) {
console.log(err)
}
router.push(`/login`)
this.$i18n.locale = 'zh'
this.setLanguage('zh')
this.$updateDictionary()
// if (!this.$i18n.locale) {
// //this.$i18n.locale = 'zh'
// //this.setLanguage('zh')
// }
// this.$updateDictionary()
})
}
switch (status) {
@ -123,9 +134,9 @@ service.interceptors.response.use(
}
store.dispatch('user/logout').then(() => {
router.push(`/login`)
this.$i18n.locale = 'zh'
this.setLanguage('zh')
this.$updateDictionary()
// //this.$i18n.locale = 'zh'
// //this.setLanguage('zh')
// this.$updateDictionary()
})
} else {
setTimer({
@ -139,6 +150,7 @@ service.interceptors.response.use(
setTimer([message, store.state.lang.language === 'en' ? 'Warning' : '警告', {
type: 'warning',
showCancelButton: false,
confirmButtonText: store.state.lang.language === 'en' ? 'ok' : "确定",
callback: action => { }
}], 'confirm')
}
@ -149,6 +161,7 @@ service.interceptors.response.use(
[store.state.lang.language === 'en' ? 'Please check your network，and try again later！' : '请检查网络，稍后重试！', store.state.lang.language === 'en' ? 'Warning' : '警告', {
type: 'warning',
showCancelButton: false,
confirmButtonText: store.state.lang.language === 'en' ? 'ok' : "确定",
callback: action => { }
}], "confirm"
)
@ -167,6 +180,8 @@ const setTimer = (obj, type) => {
Message(obj)
}
if (type === 'confirm') {
obj[2].closeOnClickModal = false
obj[2].closeOnPressEscape = false
MessageBox.confirm(...obj)
}
clearTimeout(timer);

2
src/utils/whiteList.js
View File

@ -1,2 +1,2 @@
const WHITELIST = ['/', 'researchDetail_m', '/researchForm', '/ReviewersResearch', '/login', '/error', '/resetpassword', '/recompose', '/email-recompose', '/trialStats', '/showdicom', '/imagesShare', '/audit', '/preview', '/researchLogin', '/researchLogin_m', '/blindResumeInfo', '/trialsResume', '/joinVerify', '/showNoneDicoms', '/noneDicomReading', '/clinicalData', '/readingDicoms', '/readingPage', '/visitDicomReview', '/visitNondicomReview', '/globalReview', '/adReview', '/oncologyReview', '/nonedicoms']
const WHITELIST = ['/', "/curriculumVitae", 'researchDetail_m', '/researchForm', '/ReviewersResearch', '/login', '/error', '/resetpassword', '/recompose', '/email-recompose', '/trialStats', '/showdicom', '/imagesShare', '/audit', '/preview', '/researchLogin', '/researchLogin_m', '/blindResumeInfo', '/trialsResume', '/joinVerify', '/showNoneDicoms', '/noneDicomReading', '/clinicalData', '/readingDicoms', '/readingPage', '/visitDicomReview', '/visitNondicomReview', '/globalReview', '/adReview', '/oncologyReview', '/nonedicoms']
export default WHITELIST

152
src/views/admin/user/components/UserInfo.vue
View File

@ -5,7 +5,7 @@
:model="user"
:rules="userFormRules"
label-width="150px"
style="width:800px;"
style="width: 800px"
>
<el-card class="Basic" shadow="never" size="small">
<div slot="header" class="clearfix">
@ -25,7 +25,7 @@
<el-form-item label="Given Name: " prop="FirstName">
<el-input v-model="user.FirstName" />
</el-form-item>
<el-form-item label="Gender: " prop="Sex" style="margin-right:40px;">
<el-form-item label="Gender: " prop="Sex" style="margin-right: 40px">
<el-radio-group v-model="user.Sex">
<el-radio :label="1">Male</el-radio>
<el-radio :label="0">Female</el-radio>
@ -37,13 +37,24 @@
<el-form-item label="Phone: " prop="Phone">
<el-input v-model="user.Phone" />
</el-form-item>
<el-form-item v-if="type==1" label="Disable:">
<el-switch v-model="user.Status" :active-value="0" :inactive-value="1" />
<el-form-item v-if="type == 1" label="Disable:">
<el-switch
v-model="user.Status"
:active-value="0"
:inactive-value="1"
/>
</el-form-item>
<el-form-item label="User Type: " prop="UserTypeId">
<el-select ref="userType" v-model="user.UserTypeId" size="small" placeholder="Please select" style="width:100%;" :disabled="user.CanEditUserType === false">
<el-select
ref="userType"
v-model="user.UserTypeId"
size="small"
placeholder="Please select"
style="width: 100%"
:disabled="user.CanEditUserType === false"
>
<el-option
v-for="(userType,key) of userTypeOptions"
v-for="(userType, key) of userTypeOptions"
:key="key"
:label="userType.UserType"
:value="userType.Id"
@ -52,17 +63,28 @@
</el-form-item>
</el-card>
<el-card class="Affiliation" shadow="never" style="margin-top:10px;" size="small">
<el-card
class="Affiliation"
shadow="never"
style="margin-top: 10px"
size="small"
>
<div slot="header" class="clearfix">
<span>Affiliation</span>
</div>
<el-form-item prop="IsZhiZhun">
<el-radio-group v-model="user.IsZhiZhun" @change="OrgnizationTypeChanged">
<el-radio-group
v-model="user.IsZhiZhun"
@change="OrgnizationTypeChanged"
>
<el-radio :label="true">Internal</el-radio>
<el-radio :label="false">External</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-show="user.IsZhiZhun === false" label="Organization Name: ">
<el-form-item
v-show="user.IsZhiZhun === false"
label="Organization Name: "
>
<el-input v-model="user.OrganizationName" />
</el-form-item>
@ -78,19 +100,24 @@
type="primary"
size="small"
:disabled="isDisabled"
style="margin:10px 15px"
style="margin: 10px 15px"
@click="handleSave"
>Save</el-button>
>Save</el-button
>
</el-form-item>
</el-form>
</template>
<script>
import { getUser, addUser, updateUser, getUserTypeListByUserType } from '@/api/admin.js'
import {
getUser,
addUser,
updateUser,
getUserTypeListByUserType,
} from '@/api/admin.js'
export default {
name: 'UserInfo',
props: {
userId: { type: String, default: '' }
userId: { type: String, default: '' },
},
data() {
return {
@ -105,60 +132,69 @@ export default {
IsZhiZhun: '',
OrganizationName: '',
DepartmentName: '',
PositionName: ''
PositionName: '',
},
userFormRules: {
UserName: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{ max: 50, message: 'The maximum length is 50' },
],
UserTypeId: [
{ required: true, message: 'Please Select', trigger: ['blur', 'change'] }
{
required: true,
message: 'Please Select',
trigger: ['blur', 'change'],
},
],
IsZhiZhun: [
{ required: true, message: 'Please Select', trigger: ['blur', 'change'] }
{
required: true,
message: 'Please Select',
trigger: ['blur', 'change'],
},
],
OrganizationName: [
{ required: true, message: 'Please specify', trigger: 'blur' }
{ required: true, message: 'Please specify', trigger: 'blur' },
],
LastName: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{ max: 50, message: 'The maximum length is 50' },
],
FirstName: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{ max: 50, message: 'The maximum length is 50' },
],
Phone: [
{ max: 20, min: 7, message: 'The length is 7 to 20', trigger: ['blur'] }
{
max: 20,
min: 7,
message: 'The length is 7 to 20',
trigger: ['blur'],
},
],
EMail: [
{
required: true,
message: 'Please input the email address',
trigger: 'blur'
trigger: 'blur',
},
{
type: 'email',
message: 'Please input the correct email address',
trigger: ['blur']
trigger: ['blur'],
},
{ max: 50, message: 'The maximum length is 50' }
],
Sex: [
{ required: true, message: 'Please specify', trigger: 'blur' }
{ max: 50, message: 'The maximum length is 50' },
],
Sex: [{ required: true, message: 'Please specify', trigger: 'blur' }],
Status: [
{ required: true, message: 'Please specify', trigger: 'blur' }
{ required: true, message: 'Please specify', trigger: 'blur' },
],
DepartmentName: [
{ max: 50, message: 'The maximum length is 50' }],
PositionName: [{ max: 50, message: 'The maximum length is 50' }
]
DepartmentName: [{ max: 50, message: 'The maximum length is 50' }],
PositionName: [{ max: 50, message: 'The maximum length is 50' }],
},
userTypeOptions: [],
isDisabled: false,
type: 0 // 1为编辑，0为新增
type: 0, // 1为编辑，0为新增
}
},
created() {
@ -172,46 +208,58 @@ export default {
},
methods: {
handleSave() {
this.$refs.userForm.validate(valid => {
this.$refs.userForm.validate((valid) => {
if (valid) {
this.isDisabled = true
const selectedUserType = this.userTypeOptions.filter(item => item.Id === this.user.UserTypeId)
const selectedUserType = this.userTypeOptions.filter(
(item) => item.Id === this.user.UserTypeId
)
if (selectedUserType.length > 0) {
this.user.UserTypeEnum = selectedUserType[0].UserTypeEnum
}
if (this.user.Id) {
updateUser(this.user).then(res => {
this.isDisabled = false
this.$message.success('Updated successfully')
}).catch(() => { this.isDisabled = false })
updateUser(this.user)
.then((res) => {
this.isDisabled = false
this.$message.success('Updated successfully')
})
.catch(() => {
this.isDisabled = false
})
} else {
addUser(this.user).then(res => {
this.isDisabled = false
this.user.Id = res.Result.Id
this.user.UserCode = res.Result.UserCode
this.$emit('getUserId', res.Result.Id)
this.$message.success('Added successfully')
this.$router.push({ path: '/system/user/list' })
}).catch(() => { this.isDisabled = false })
addUser(this.user)
.then((res) => {
this.isDisabled = false
this.user.Id = res.Result.Id
this.user.UserCode = res.Result.UserCode
this.$emit('getUserId', res.Result.Id)
this.$message.success('Added successfully')
this.$router.push({ path: '/system/user/list' })
})
.catch(() => {
this.isDisabled = false
})
}
}
})
},
getUserTypeList() {
getUserTypeListByUserType(0).then(res => {
getUserTypeListByUserType(0).then((res) => {
if (res.IsSuccess) {
this.userTypeOptions = res.Result
}
})
},
getUserInfo() {
getUser(this.userId).then(res => {
getUser({
IdentityUserId: this.userId,
}).then((res) => {
this.user = res.Result
})
},
OrgnizationTypeChanged(val) {
this.user.OrganizationName = ''
}
}
},
},
}
</script>

4
src/views/dashboard/bigdata.vue
View File

@ -131,8 +131,8 @@ export default {
.then(() => {
this.$store.dispatch('user/logout').then(res => {
this.$router.push(`/login`)
this.$i18n.locale = 'zh'
this.setLanguage('zh')
//this.$i18n.locale = 'zh'
//this.setLanguage('zh')
this.$updateDictionary()
})
})

4
src/views/dicom-show/dicom-preview.vue
View File

@ -43,7 +43,7 @@
<div
v-show="item.instanceCount"
style="padding: 1px;"
>{{ item.modality }} : {{ item.instanceCount }} Series
>{{ item.modality }} : {{ item.instanceCount }} image
</div>
</div>
</div>
@ -67,6 +67,8 @@ import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
// import dicomStore from '@/utils/dicom-store'
import dicomViewer from '@/components/Dicom/DicomViewer'
import dicomPreview from '@/components/Dicom/DicomPreview'
import metaDataProvider from '@/utils/metaDataProvider'
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
var config = {
maxWebWorkers: 4,
startWebWorkersOnDemand: true,

2
src/views/dicom-show/dicom-study.vue
View File

@ -143,6 +143,8 @@ import { getInstanceList, getPatientSeriesList, setSeriesStatus } from '@/api/tr
import requestPoolManager from '@/utils/request-pool'
import store from '@/store'
import { changeURLStatic } from '@/utils/history.js'
import metaDataProvider from '@/utils/metaDataProvider'
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
var config = {
maxWebWorkers: 4,
startWebWorkersOnDemand: true,

2
src/views/dicom-show/dicom-visit.vue
View File

@ -265,6 +265,8 @@ import { getTaskUploadedDicomStudyList } from '@/api/reading'
import requestPoolManager from '@/utils/request-pool'
import store from '@/store'
import { changeURLStatic } from '@/utils/history.js'
import metaDataProvider from '@/utils/metaDataProvider'
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
// import * as cornerstoneTools from 'cornerstone-tools'
var config = {
maxWebWorkers: 4,

2
src/views/dictionary/attachment/components/CommonTemplate/index.vue
View File

@ -98,7 +98,7 @@
</el-table-column>
<el-table-column
prop="UpdateTime"
label="更新时间"
label="上传时间"
show-overflow-tooltip
sortable="custom"
/>

2
src/views/dictionary/attachment/components/EmailTemplate/index.vue
View File

@ -108,7 +108,7 @@
</el-table-column>
<el-table-column
prop="UpdateTime"
label="更新时间"
label="上传时间"
show-overflow-tooltip
sortable="custom"
/>

124
src/views/dictionary/attachment/components/ExportTemplate/index.vue
View File

@ -26,7 +26,7 @@
<el-form-item>
<!-- 查询 -->
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
{{ $t("common:button:search") }}
{{ $t('common:button:search') }}
</el-button>
<!-- 重置 -->
<el-button
@ -34,7 +34,7 @@
icon="el-icon-refresh-left"
@click="handleReset"
>
{{ $t("common:button:reset") }}
{{ $t('common:button:reset') }}
</el-button>
</el-form-item>
<el-button
@ -44,7 +44,7 @@
size="small"
@click="handleAdd"
>
{{ $t("common:button:new") }}
{{ $t('common:button:new') }}
</el-button>
</el-form>
</template>
@ -74,7 +74,7 @@
<template slot-scope="scope">
{{
$fd(
"Common_File_BusinessScenario",
'Common_File_BusinessScenario',
scope.row.BusinessScenarioEnum
)
}}
@ -106,10 +106,10 @@
>
<template slot-scope="scope">
<el-tag v-if="scope.row.IsDeleted" type="danger">{{
$fd("YesOrNo", scope.row.IsDeleted)
$fd('YesOrNo', scope.row.IsDeleted)
}}</el-tag>
<el-tag v-else type="primary">{{
$fd("YesOrNo", scope.row.IsDeleted)
$fd('YesOrNo', scope.row.IsDeleted)
}}</el-tag>
</template>
</el-table-column>
@ -122,14 +122,17 @@
<el-table-column :label="$t('common:action:action')">
<template slot-scope="scope">
<el-button type="text" @click="PreviewFile(scope.row)">
{{ $t('common:button:preview') }}
</el-button>
<el-button type="text" @click="handleDownload(scope.row)">
{{ $t("common:button:download") }}
{{ $t('common:button:download') }}
</el-button>
<el-button type="text" @click="handleEdit(scope.row)">
{{ $t("common:button:edit") }}
{{ $t('common:button:edit') }}
</el-button>
<el-button type="text" @click="handleDelete(scope.row)">
{{ $t("common:button:delete") }}
{{ $t('common:button:delete') }}
</el-button>
</template>
</el-table-column>
@ -166,22 +169,22 @@ import {
getCommonDocumentList,
DownloadCommonDoc,
deleteCommonDocument,
} from "@/api/dictionary";
import BaseContainer from "@/components/BaseContainer";
import Pagination from "@/components/Pagination";
import TemplateForm from "./TemplateForm";
const FileTypeEnum = 2;
} from '@/api/dictionary'
import BaseContainer from '@/components/BaseContainer'
import Pagination from '@/components/Pagination'
import TemplateForm from './TemplateForm'
const FileTypeEnum = 2
const searchDataDefault = () => {
return {
FileTypeEnum: FileTypeEnum,
BusinessScenarioEnum: null,
Name: "",
Name: '',
PageIndex: 1,
PageSize: 20,
};
};
}
}
export default {
name: "ExportTemplate",
name: 'ExportTemplate',
components: { BaseContainer, Pagination, TemplateForm },
data() {
return {
@ -189,86 +192,97 @@ export default {
list: [],
total: 0,
currentRow: {},
editDialog: { title: "", visible: false },
editDialog: { title: '', visible: false },
loading: false,
};
}
},
mounted() {
this.getList();
this.getList()
},
methods: {
PreviewFile(row) {
let basePath = window.location.origin
if (window.location.protocol !== 'https:') {
basePath = 'https://irc.test.extimaging.com'
}
let data = {
name: row.NameCN,
path: basePath + row.Path,
}
this.$emit('PreviewFile', data)
},
handleDelete(row) {
this.$confirm(
this.$t("dictionary:attachment:export:confirm:delete")
this.$t('dictionary:attachment:export:confirm:delete')
).then(() => {
deleteCommonDocument(row.Id).then(() => {
this.$message.success(this.$t("common:message:deletedSuccessfully"));
this.getList();
});
});
this.$message.success(this.$t('common:message:deletedSuccessfully'))
this.getList()
})
})
},
getList() {
this.loading = true;
this.loading = true
getCommonDocumentList(this.searchData)
.then((res) => {
this.loading = false;
this.list = res.Result.CurrentPageData;
this.total = res.Result.TotalCount;
this.loading = false
this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount
})
.catch(() => {
this.loading = false;
});
this.loading = false
})
},
// 新增
handleAdd() {
this.editDialog.title = "Add";
this.currentRow = { FileTypeEnum: FileTypeEnum };
this.editDialog.visible = true;
this.editDialog.title = 'Add'
this.currentRow = { FileTypeEnum: FileTypeEnum }
this.editDialog.visible = true
},
// 下载
handleDownload(row) {
this.loading = true;
this.loading = true
DownloadCommonDoc(row.Code)
.then((data) => {
this.loading = false;
this.loading = false
})
.catch(() => {
this.loading = false;
});
this.loading = false
})
},
// 编辑
handleEdit(row) {
this.editDialog.title = "Edit";
this.currentRow = { ...row };
this.editDialog.visible = true;
this.editDialog.title = 'Edit'
this.currentRow = { ...row }
this.editDialog.visible = true
},
handleSearch() {
this.searchData.PageIndex = 1;
this.getList();
this.searchData.PageIndex = 1
this.getList()
},
handleReset() {
this.searchData = searchDataDefault();
this.getList();
this.searchData = searchDataDefault()
this.getList()
},
closeDialog() {
this.editDialog.visible = false;
this.editDialog.visible = false
},
// 排序
handleSortChange(column) {
if (column.order === "ascending") {
this.searchData.Asc = true;
if (column.order === 'ascending') {
this.searchData.Asc = true
} else {
this.searchData.Asc = false;
this.searchData.Asc = false
}
this.searchData.SortField = column.prop;
this.searchData.PageIndex = 1;
this.getList();
this.searchData.SortField = column.prop
this.searchData.PageIndex = 1
this.getList()
},
},
};
}
</script>
<style lang="scss" scoped>
::v-deep .search{
::v-deep .search {
display: block;
}
</style>

147
src/views/dictionary/attachment/components/SignatureTemplate/TemplateForm.vue
View File

@ -12,7 +12,7 @@
<el-form-item label="文件类型: " prop="FileTypeId">
<el-select
v-model="form.FileTypeId"
style="width:100%;"
style="width: 100%"
size="small"
filterable
>
@ -41,21 +41,26 @@
:on-exceed="handleExceed"
:disabled="form.Type === ''"
>
<el-button size="small" type="primary" :disabled="form.FileTypeId === ''" :loading="btnLoading">Select</el-button>
<span
slot="tip"
style="margin-left:10px;"
class="el-upload__tip"
<el-button
size="small"
type="primary"
:disabled="form.FileTypeId === ''"
:loading="btnLoading"
>Select</el-button
>
<span slot="tip" style="margin-left: 10px" class="el-upload__tip">
(must be in pdf format)
</span>
</el-upload>
</div>
</el-form-item>
<el-form-item label="需要签署的用户类型: " prop="NeedConfirmedUserTypeIdList">
<el-form-item
label="需要签署的用户类型: "
prop="NeedConfirmedUserTypeIdList"
>
<el-select
v-model="form.NeedConfirmedUserTypeIdList"
style="width:100%;"
style="width: 100%"
multiple
>
<el-option
@ -66,7 +71,18 @@
/>
</el-select>
</el-form-item>
<el-form-item label="查看最短时间（分钟）: " prop="SignViewMinimumMinutes">
<el-form-item label="是否仅内部签署: " prop="DocUserSignType">
<el-switch
v-model="form.DocUserSignType"
:active-value="1"
:inactive-value="0"
>
</el-switch>
</el-form-item>
<el-form-item
label="查看最短时间（分钟）: "
prop="SignViewMinimumMinutes"
>
<el-input-number
v-model="form.SignViewMinimumMinutes"
controls-position="right"
@ -81,9 +97,16 @@
</el-radio-group>
</el-form-item> -->
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item style="text-align:right;">
<el-button size="small" type="primary" :disabled="form.FileTypeId === '' || form.Name === ''" :loading="saveBtnLoading" @click="handleSave">Save</el-button>
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item style="text-align: right">
<el-button
size="small"
type="primary"
:disabled="form.FileTypeId === '' || form.Name === ''"
:loading="saveBtnLoading"
@click="handleSave"
>Save</el-button
>
</el-form-item>
</div>
</el-form>
@ -96,8 +119,10 @@ export default {
props: {
data: {
type: Object,
default() { return {} }
}
default() {
return {}
},
},
},
data() {
@ -108,19 +133,26 @@ export default {
Name: '',
Path: '',
IsDeleted: false,
SignViewMinimumMinutes: null
SignViewMinimumMinutes: null,
DocUserSignType: 0,
},
rules: {
FileTypeId: [{ required: true, message: 'Please select', trigger: ['blur'] }],
SignViewMinimumMinutes: [{ required: true, message: 'Please specify', trigger: ['change'] }],
NeedConfirmedUserTypeIdList: [{ required: true, message: 'Please select', trigger: ['blur'] }]
FileTypeId: [
{ required: true, message: 'Please select', trigger: ['blur'] },
],
SignViewMinimumMinutes: [
{ required: true, message: 'Please specify', trigger: ['change'] },
],
NeedConfirmedUserTypeIdList: [
{ required: true, message: 'Please select', trigger: ['blur'] },
],
},
fileList: [],
userTypeOptions: [],
btnLoading: false,
saveBtnLoading: false,
loading: false,
dictionaryList: {}
dictionaryList: {},
}
},
mounted() {
@ -137,8 +169,8 @@ export default {
{
name: this.data.Name,
url: this.data.Path,
path: this.data.Path
}
path: this.data.Path,
},
]
}
this.form.Id = this.data.Id
@ -147,25 +179,31 @@ export default {
this.form.Path = this.data.Path
this.form.IsDeleted = this.data.IsDeleted
this.form.SignViewMinimumMinutes = this.data.SignViewMinimumMinutes
this.form.DocUserSignType = this.data.DocUserSignType
}
this.loading = false
},
// 获取文件类型下拉框
getDicData() {
getBasicDataSelects(['Sys_Document']).then(res => {
this.dictionaryList = { ...res.Result }
}).catch(() => {
})
getBasicDataSelects(['Sys_Document'])
.then((res) => {
this.dictionaryList = { ...res.Result }
})
.catch(() => {})
},
// 获取用户类型下拉数据
getUserType() {
getTrialUserTypeList().then(res => {
this.userTypeOptions = res.Result
if (this.form.Id) {
this.form.NeedConfirmedUserTypeIdList = this.data.NeedConfirmedUserTypeIds
}
}).catch(() => { this.loading = false })
getTrialUserTypeList()
.then((res) => {
this.userTypeOptions = res.Result
if (this.form.Id) {
this.form.NeedConfirmedUserTypeIdList =
this.data.NeedConfirmedUserTypeIds
}
})
.catch(() => {
this.loading = false
})
},
beforeUpload(file) {
// 检测文件类型是否符合要求
@ -181,28 +219,37 @@ export default {
async handleUploadFile(param) {
this.loading = true
var file = await this.fileToBlob(param.file)
const res = await this.OSSclient.put(`/System/DocumentToSign/${param.file.name}${new Date().getTime()}`, file)
this.fileList.push({ name: param.file.name, path: this.$getObjectName(res.url), url: this.$getObjectName(res.url) })
const res = await this.OSSclient.put(
`/System/DocumentToSign/${param.file.name}${new Date().getTime()}`,
file
)
this.fileList.push({
name: param.file.name,
path: this.$getObjectName(res.url),
url: this.$getObjectName(res.url),
})
this.form.Path = this.$getObjectName(res.url)
this.form.Name = param.file.name
this.loading = false
},
handleSave() {
this.$refs.sysAttachmentFrom.validate(valid => {
this.$refs.sysAttachmentFrom.validate((valid) => {
if (!valid) return
if (!this.form.Name) {
this.$alert('Please select file.')
return
}
this.saveBtnLoading = true
addOrUpdateSystemDocument(this.form).then(res => {
this.saveBtnLoading = false
this.$emit('closeDialog')
this.$emit('getList')
this.$message.success('Uploaded successfully')
}).catch(() => {
this.saveBtnLoading = false
})
addOrUpdateSystemDocument(this.form)
.then((res) => {
this.saveBtnLoading = false
this.$emit('closeDialog')
this.$emit('getList')
this.$message.success('Uploaded successfully')
})
.catch(() => {
this.saveBtnLoading = false
})
})
},
handleRemoveFile() {
@ -220,19 +267,21 @@ export default {
},
checkFileSuffix(fileName) {
var typeArr = ['pdf']
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
var extendName = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toLocaleLowerCase()
if (typeArr.indexOf(extendName) !== -1) {
return true
} else {
return false
}
}
}
},
},
}
</script>
<style lang="scss">
.upload-temporary-file{
.upload-temporary-file {
.upload-container .el-upload--text {
border: none;
width: 80px;
@ -245,8 +294,8 @@ export default {
color: #428bca;
font-size: 13px;
}
.account_item_clear{
.el-tag__close{
.account_item_clear {
.el-tag__close {
display: none !important;
}
}

207
src/views/dictionary/attachment/components/SignatureTemplate/index.vue
View File

@ -2,27 +2,18 @@
<BaseContainer>
<template slot="search-container">
<el-form :inline="true" size="small">
<el-form-item label="文件类型:">
<el-select
v-model="searchData.FileTypeId"
style="width:150px;"
>
<el-form-item :label="$t('dictionary:signature:search:FileTypeId')">
<el-select v-model="searchData.FileTypeId" style="width: 150px">
<el-option
v-for="item of dict.type.Sys_Document"
:key="item.value"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item label="文件名称">
<el-input
v-model="searchData.Name"
style="width:130px;"
clearable
/>
<el-form-item :label="$t('dictionary:signature:search:Name')">
<el-input v-model="searchData.Name" style="width: 130px" clearable />
</el-form-item>
<el-form-item>
@ -31,7 +22,11 @@
{{ $t('common:button:search') }}
</el-button>
<!-- 重置 -->
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
<el-button
type="primary"
icon="el-icon-refresh-left"
@click="handleReset"
>
{{ $t('common:button:reset') }}
</el-button>
</el-form-item>
@ -39,7 +34,7 @@
<el-button
type="primary"
icon="el-icon-plus"
style="margin-left:auto;"
style="margin-left: auto"
size="small"
@click="handleAdd"
>
@ -48,7 +43,7 @@
</template>
<template slot="main-container">
<el-table
v-adaptive="{bottomOffset:60}"
v-adaptive="{ bottomOffset: 60 }"
v-loading="loading"
:data="list"
stripe
@ -58,81 +53,97 @@
<el-table-column type="index" width="40" />
<el-table-column
prop="FileType"
label="文件类型"
:label="$t('dictionary:signature:table:FileType')"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column
prop="Name"
label="文件名称"
:label="$t('dictionary:signature:table:Name')"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column
prop="SignViewMinimumMinutes"
label="查看最短时间(分钟)"
:label="$t('dictionary:signature:table:SignViewMinimumMinutes')"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column
prop="NeedConfirmedUserTypes"
label="需要签署的用户类型"
:label="$t('dictionary:signature:table:NeedConfirmedUserTypes')"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.NeedConfirmedUserTypes?scope.row.NeedConfirmedUserTypes.join(', '):'' }}
{{
scope.row.NeedConfirmedUserTypes
? scope.row.NeedConfirmedUserTypes.join(', ')
: ''
}}
</template>
</el-table-column>
<el-table-column
prop="IsDeleted"
label="是否废除"
:label="$t('dictionary:signature:table:IsDeleted')"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope">
{{ scope.row.IsDeleted?'Yes':'No' }}
<el-tag v-if="scope.row.IsDeleted" type="danger">{{
$fd('TrainingStatus', scope.row.IsDeleted)
}}</el-tag>
<el-tag v-else type="primary">{{
$fd('TrainingStatus', scope.row.IsDeleted)
}}</el-tag>
</template>
</el-table-column>
<el-table-column
prop="UpdateTime"
label="更新时间"
prop="DocUserSignType"
:label="$t('dictionary:signature:table:DocUserSignType')"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope">
{{ $fd('ReadingYesOrNo', Number(scope.row.DocUserSignType)) }}
</template>
</el-table-column>
<el-table-column
prop="CreateTime"
:label="$t('dictionary:signature:table:CreateTime')"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column label="Action">
<el-table-column :label="$t('common:action:action')">
<template slot-scope="scope">
<el-button
type="text"
@click="handlePreview(scope.row)"
>
预览
<el-button type="text" @click="handlePreview(scope.row)">
{{ $t('common:button:preview') }}
</el-button>
<el-button
type="text"
@click="handleEdit(scope.row)"
>
编辑
<el-button type="text" @click="handleEdit(scope.row)">
{{ $t('common:button:edit') }}
</el-button>
<el-button
:disabled="scope.row.IsDeleted"
type="text"
@click="handleRepeal(scope.row)"
>
废除
{{ $t('common:button:revoke') }}
</el-button>
<el-button
type="text"
@click="handleDelete(scope.row)"
>
删除
<el-button type="text" @click="handleDelete(scope.row)">
{{ $t('common:button:delete') }}
</el-button>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
<pagination
class="page"
:total="total"
:page.sync="searchData.PageIndex"
:limit.sync="searchData.PageSize"
@pagination="getList"
/>
<!-- 新增/编辑 -->
<el-dialog
@ -143,7 +154,11 @@
width="600px"
custom-class="base-dialog-wrapper"
>
<TemplateForm :data="currentRow" @closeDialog="closeDialog" @getList="getList" />
<TemplateForm
:data="currentRow"
@closeDialog="closeDialog"
@getList="getList"
/>
</el-dialog>
<!-- 预览文件 -->
@ -155,10 +170,16 @@
append-to-body
custom-class="base-dialog-wrapper"
>
<div class="base-modal-body" style="border:2px solid #ccc;padding: 10px">
<PreviewFile v-if="previewVisible" :file-path="currentPath" :file-type="currentType" />
<div
class="base-modal-body"
style="border: 2px solid #ccc; padding: 10px"
>
<PreviewFile
v-if="previewVisible"
:file-path="currentPath"
:file-type="currentType"
/>
</div>
</el-dialog>
</template>
</BaseContainer>
@ -175,7 +196,7 @@ const searchDataDefault = () => {
FileTypeId: '',
Name: '',
PageIndex: 1,
PageSize: 20
PageSize: 20,
}
}
export default {
@ -193,7 +214,7 @@ export default {
editVisible: false,
previewVisible: false,
title: '',
loading: false
loading: false,
}
},
mounted() {
@ -203,22 +224,24 @@ export default {
// 获取系统文件数据
getList() {
this.loading = true
getSystemDocumentList(this.searchData).then(res => {
this.loading = false
const { CurrentPageData, TotalCount } = res.Result
CurrentPageData.forEach(item => {
item.NeedConfirmedUserTypes = []
item.NeedConfirmedUserTypeIds = []
item.NeedConfirmedUserTypeList.forEach((i) => {
item.NeedConfirmedUserTypes.push(i.UserTypeShortName)
item.NeedConfirmedUserTypeIds.push(i.NeedConfirmUserTypeId)
getSystemDocumentList(this.searchData)
.then((res) => {
this.loading = false
const { CurrentPageData, TotalCount } = res.Result
CurrentPageData.forEach((item) => {
item.NeedConfirmedUserTypes = []
item.NeedConfirmedUserTypeIds = []
item.NeedConfirmedUserTypeList.forEach((i) => {
item.NeedConfirmedUserTypes.push(i.UserTypeShortName)
item.NeedConfirmedUserTypeIds.push(i.NeedConfirmUserTypeId)
})
})
this.list = CurrentPageData
this.total = TotalCount
})
.catch(() => {
this.loading = false
})
this.list = CurrentPageData
this.total = TotalCount
}).catch(() => {
this.loading = false
})
},
// 新增
handleAdd() {
@ -230,7 +253,9 @@ export default {
handlePreview(row) {
const { Name, FullFilePath } = row
this.currentPath = FullFilePath
this.currentType = row.Name ? Name.substring(Name.lastIndexOf('.') + 1).toLocaleLowerCase() : ''
this.currentType = row.Name
? Name.substring(Name.lastIndexOf('.') + 1).toLocaleLowerCase()
: ''
this.previewVisible = true
},
// 编辑
@ -241,42 +266,52 @@ export default {
},
// 废除
handleRepeal(row) {
this.$confirm('是否确认废除此文件?', {
this.$confirm(this.$t('dictionary:signature:confirm:delFile'), {
type: 'warning',
distinguishCancelAndClose: true,
})
.then(() => {
this.loading = true
userAbandonDoc(row.Id, true)
.then(res => {
.then((res) => {
this.loading = false
if (res.IsSuccess) {
this.getList()
this.$message.success(this.$t('common:message:savedSuccessfully'))
this.$message.success(
this.$t('common:message:savedSuccessfully')
)
}
}).catch(() => { this.loading = false })
}).catch(() => {})
})
.catch(() => {
this.loading = false
})
})
.catch(() => {})
},
// 删除
handleDelete(row) {
this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
type: 'warning',
distinguishCancelAndClose: true
distinguishCancelAndClose: true,
}).then(() => {
this.loading = true
deleteSystemDocument(row.Id)
.then((res) => {
this.loading = false
if (res.IsSuccess) {
this.list.splice(
this.list.findIndex((item) => item.Id === row.Id),
1
)
this.$message.success(
this.$t('common:message:deletedSuccessfully')
)
}
})
.catch(() => {
this.loading = false
})
})
.then(() => {
this.loading = true
deleteSystemDocument(row.Id)
.then(res => {
this.loading = false
if (res.IsSuccess) {
this.list.splice(this.list.findIndex(item => item.Id === row.Id), 1)
this.$message.success('删除成功！')
}
}).catch(() => {
this.loading = false
})
})
},
// 关闭弹窗
closeDialog() {
@ -305,7 +340,7 @@ export default {
this.searchData.SortField = column.prop
this.searchData.PageIndex = 1
this.getList()
}
}
},
},
}
</script>

16
src/views/dictionary/attachment/components/UploadTemplate/index.vue
View File

@ -111,13 +111,16 @@
</el-table-column>
<el-table-column
prop="UpdateTime"
label="更新时间"
label="上传时间"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column label="Action">
<template slot-scope="scope">
<el-button type="text" @click="PreviewFile(scope.row)">
{{ $t('common:button:preview') }}
</el-button>
<el-button type="text" @click="handleDownload(scope.row)">
下载
</el-button>
@ -201,6 +204,17 @@ export default {
})
})
},
PreviewFile(row) {
let basePath = window.location.origin
if (window.location.protocol !== 'https:') {
basePath = 'https://irc.test.extimaging.com'
}
let data = {
name: row.NameCN,
path: basePath + row.Path,
}
this.$emit('PreviewFile', data)
},
getList() {
this.loading = true
getCommonDocumentList(this.searchData)

122
src/views/dictionary/attachment/index.vue
View File

@ -1,14 +1,54 @@
<template>
<div class="attachment-wrapper">
<el-tabs v-model="activeTab" @tab-click="clickTab">
<el-tab-pane v-for="item in $d.Common_File_Type" :key="item.value" :label="item.label" :name="String(item.value)">
<UploadTemplate v-if="activeTab === '1'" />
<ExportTemplate v-if="activeTab === '2'" />
<EmailTemplate v-if="activeTab === '3'" />
<CommonTemplate v-if="activeTab === '4'" />
<SignatureTemplate v-if="activeTab === '5'" />
<el-tab-pane
v-for="item in $d.Common_File_Type"
:key="item.value"
:label="item.label"
:name="String(item.value)"
>
<UploadTemplate
v-if="activeTab === '1' && item.value == activeTab"
@PreviewFile="PreviewFile"
/>
<ExportTemplate
v-if="activeTab === '2' && item.value == activeTab"
@PreviewFile="PreviewFile"
/>
<EmailTemplate v-if="activeTab === '3' && item.value == activeTab" />
<CommonTemplate v-if="activeTab === '4' && item.value == activeTab" />
<SignatureTemplate
v-if="activeTab === '5' && item.value == activeTab"
/>
</el-tab-pane>
</el-tabs>
<!-- 预览 -->
<el-dialog
v-if="Preview.visible"
:visible.sync="Preview.visible"
:close-on-click-modal="false"
:fullscreen="true"
:title="Preview.title"
width="600px"
custom-class="base-dialog-wrapper"
>
<vue-office-docx
v-if="docxTypes.includes(Preview.type)"
:src="Preview.path"
style="height: calc(100vh - 70px)"
@rendered="renderedHandler"
@error="errorHandler"
/>
<vue-office-excel
v-else-if="excelTypes.includes(Preview.type)"
:src="Preview.path"
:options="options"
style="height: calc(100vh - 70px)"
@rendered="renderedHandler"
@error="errorHandler"
/>
<PreviewFile v-else :file-path="Preview.path" :file-type="Preview.type" />
</el-dialog>
</div>
</template>
<script>
@ -17,6 +57,11 @@ import ExportTemplate from './components/ExportTemplate'
import EmailTemplate from './components/EmailTemplate'
import CommonTemplate from './components/CommonTemplate'
import SignatureTemplate from './components/SignatureTemplate'
import VueOfficeDocx from '@vue-office/docx'
import '@vue-office/docx/lib/index.css'
import VueOfficeExcel from '@vue-office/excel'
import '@vue-office/excel/lib/index.css'
import PreviewFile from '@/components/PreviewFile/index'
export default {
name: 'Attachment',
components: {
@ -24,11 +69,35 @@ export default {
ExportTemplate,
EmailTemplate,
CommonTemplate,
SignatureTemplate
SignatureTemplate,
VueOfficeDocx,
VueOfficeExcel,
PreviewFile,
},
data() {
return {
activeTab: null
activeTab: null,
Preview: {
visible: false,
title: '',
type: null,
path: null,
},
excelTypes: ['xlsx', 'xls'],
docxTypes: ['docx', 'doc'],
options: {
xls: false, //预览xlsx文件设为false；预览xls文件设为true
minColLength: 0, // excel最少渲染多少列，如果想实现xlsx文件内容有几列，就渲染几列，可以将此值设置为0.
minRowLength: 0, // excel最少渲染多少行，如果想实现根据xlsx实际函数渲染，可以将此值设置为0.
widthOffset: 10, //如果渲染出来的结果感觉单元格宽度不够，可以在默认渲染的列表宽度上再加 Npx宽
heightOffset: 10, //在默认渲染的列表高度上再加 Npx高
beforeTransformData: (workbookData) => {
return workbookData
}, //底层通过exceljs获取excel文件内容，通过该钩子函数，可以对获取的excel文件内容进行修改，比如某个单元格的数据显示不正确，可以在此自行修改每个单元格的value值。
transformData: (workbookData) => {
return workbookData
}, //将获取到的excel数据进行处理之后且渲染到页面之前，可通过transformData对即将渲染的数据及样式进行修改，此时每个单元格的text值就是即将渲染到页面上的内容
},
}
},
mounted() {
@ -40,25 +109,46 @@ export default {
},
methods: {
clickTab(tab, event) {
this.$router.push({ path: `/dictionary/attachment?tabActive=${tab.name}` })
}
}
this.$router.push({
path: `/dictionary/attachment?tabActive=${tab.name}`,
})
},
PreviewFile(data) {
if (!data.path) return false
let type = data.path
.substring(data.path.lastIndexOf('.') + 1)
.toLocaleLowerCase()
this.Preview.path = data.path
this.Preview.type = type
this.Preview.title = data.name
if (this.excelTypes.includes(type)) {
this.options.xls = type === 'xls'
}
this.Preview.visible = true
},
renderedHandler() {
console.log('渲染完成')
},
errorHandler() {
console.log('渲染失败')
},
},
}
</script>
<style lang="scss">
.attachment-wrapper{
.el-tabs{
.attachment-wrapper {
.el-tabs {
height: 100%;
display: flex;
flex-direction: column;
}
.el-tabs__header {
height: 40px;
margin-bottom:5px;
margin-bottom: 5px;
}
.el-tabs__content{
.el-tabs__content {
flex: 1;
.el-tab-pane{
.el-tab-pane {
height: 100%;
}
}

137
src/views/dictionary/institutions/components/HospitalForm.vue
View File

@ -9,8 +9,19 @@
>
<div class="base-dialog-body">
<el-form-item label="Site: ">
<el-select v-model="form.SiteId" style="width: 100%" clearable filterable @change="siteChange">
<el-option v-for="item of siteList" :value="item.Id" :key="item.Id" :label="item.SiteName">
<el-select
v-model="form.SiteId"
style="width: 100%"
clearable
filterable
@change="siteChange"
>
<el-option
v-for="item of siteList"
:value="item.Id"
:key="item.Id"
:label="item.SiteName"
>
</el-option>
</el-select>
</el-form-item>
@ -20,10 +31,16 @@
<el-form-item label="Hospital EN: " prop="HospitalName">
<el-input v-model="form.HospitalName" />
</el-form-item>
<el-form-item label="Affiliated University CN: " prop="UniversityAffiliatedCN">
<el-form-item
label="Affiliated University CN: "
prop="UniversityAffiliatedCN"
>
<el-input v-model="form.UniversityAffiliatedCN" />
</el-form-item>
<el-form-item label="Affiliated University EN: " prop="UniversityAffiliated">
<el-form-item
label="Affiliated University EN: "
prop="UniversityAffiliated"
>
<el-input v-model="form.UniversityAffiliated" />
</el-form-item>
<el-form-item label="Country CN: " prop="CountryCN">
@ -45,10 +62,22 @@
<el-input v-model="form.City" />
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item>
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">Cancel</el-button>
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">Save</el-button>
<el-button
:disabled="btnLoading"
size="small"
type="primary"
@click="handleCancel"
>Cancel</el-button
>
<el-button
size="small"
type="primary"
:loading="btnLoading"
@click="handleSave"
>Save</el-button
>
</el-form-item>
</div>
</el-form>
@ -63,14 +92,14 @@ export default {
type: Object,
default() {
return {}
}
},
},
model: {
type: Object,
default() {
return {}
}
}
},
},
},
data() {
return {
@ -87,23 +116,36 @@ export default {
Province: '',
ProvinceCN: '',
City: '',
CityCN: ''
CityCN: '',
},
siteList: [],
rules: {
HospitalNameCN: [{ required: true, message: 'Please specify', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
UniversityAffiliated: [{ max: 100, message: 'The maximum length is 100' }],
UniversityAffiliatedCN: [{ max: 100, message: 'The maximum length is 100' }],
Country: [{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }],
CountryCN: [{ max: 50, message: 'The maximum length is 50' }],
Province: [{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }],
ProvinceCN: [{ max: 50, message: 'The maximum length is 50' }],
City: [{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }],
CityCN: [{ max: 50, message: 'The maximum length is 50' }]
}
HospitalNameCN: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' },
],
UniversityAffiliated: [
{ max: 100, message: 'The maximum length is 100' },
],
UniversityAffiliatedCN: [
{ max: 100, message: 'The maximum length is 100' },
],
Country: [{ max: 50, message: 'The maximum length is 50' }],
CountryCN: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' },
],
Province: [{ max: 50, message: 'The maximum length is 50' }],
ProvinceCN: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' },
],
City: [{ max: 50, message: 'The maximum length is 50' }],
CityCN: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' },
],
},
}
},
mounted() {
@ -114,7 +156,7 @@ export default {
},
methods: {
siteChange(v) {
this.siteList.forEach(o => {
this.siteList.forEach((o) => {
if (o.Id === v) {
this.form.CityCN = o.City
this.form.HospitalNameCN = o.SiteNameCN
@ -125,34 +167,37 @@ export default {
})
},
getAllSiteList() {
getAllSiteList().then(res => {
this.siteList = res.Result
console.log(this.siteList)
}).catch(() => {
reject()
})
getAllSiteList()
.then((res) => {
this.siteList = res.Result
console.log(this.siteList)
})
.catch(() => {
reject()
})
},
handleSave() {
this.$refs.hospitalForm.validate(valid => {
this.$refs.hospitalForm.validate((valid) => {
if (!valid) return
this.btnLoading = true
addOrUpdateHospital(this.form).then(res => {
this.btnLoading = false
if (res.IsSuccess) {
this.$message.success('Saved successfully')
this.$refs['hospitalForm'].resetFields()
this.$emit('getList')
this.$emit('close')
}
}).catch(() => {
this.btnLoading = false
})
addOrUpdateHospital(this.form)
.then((res) => {
this.btnLoading = false
if (res.IsSuccess) {
this.$message.success('Saved successfully')
this.$refs['hospitalForm'].resetFields()
this.$emit('getList')
this.$emit('close')
}
})
.catch(() => {
this.btnLoading = false
})
})
},
handleCancel() {
this.$emit('close')
}
}
},
},
}
</script>

97
src/views/dictionary/institutions/components/SiteForm.vue
View File

@ -14,11 +14,17 @@
</el-form-item>
<!-- 中心名称 -->
<el-form-item :label="$t('trials:customSite:form:siteName')" prop="SiteName">
<el-form-item
:label="$t('trials:customSite:form:siteName')"
prop="SiteName"
>
<el-input v-model="form.SiteName" />
</el-form-item>
<!-- 中心名称（CN） -->
<el-form-item :label="$t('trials:customSite:form:siteName') + '（CN）'" prop="SiteNameCN">
<el-form-item
:label="$t('trials:customSite:form:siteName') + '（CN）'"
prop="SiteNameCN"
>
<el-input v-model="form.SiteNameCN" />
</el-form-item>
@ -46,7 +52,7 @@
v-model="form.HospitalId"
clearable
placeholder="Please select"
style="width:100%;"
style="width: 100%"
>
<el-option
v-for="item in hospitalList"
@ -73,10 +79,22 @@
<el-input v-model="form.ContactPhone" />
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item>
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">Cancel</el-button>
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">Save</el-button>
<el-button
:disabled="btnLoading"
size="small"
type="primary"
@click="handleCancel"
>Cancel</el-button
>
<el-button
size="small"
type="primary"
:loading="btnLoading"
@click="handleSave"
>Save</el-button
>
</el-form-item>
</div>
</el-form>
@ -91,8 +109,8 @@ export default {
type: Object,
default() {
return {}
}
}
},
},
},
data() {
return {
@ -111,50 +129,42 @@ export default {
ContactName: '',
ContactPhone: '',
UniqueCode: '',
Address: ''
Address: '',
},
rules: {
SiteName: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
// { max: 50, message: 'The maximum length is 50' }
],
SiteNameCN: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
// { max: 50, message: 'The maximum length is 50' }
],
SiteCode: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{ max: 50, message: 'The maximum length is 50' },
],
Country: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{ max: 50, message: 'The maximum length is 50' },
],
City: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{ max: 50, message: 'The maximum length is 50' },
],
// HospitalId: [
// { required: true, message: 'Please specify', trigger: 'blur' }
// ],
Address: [
{ required: true, message: 'Please specify', trigger: 'blur' }
{ required: true, message: 'Please specify', trigger: 'blur' },
],
DirectorName: [
{ max: 50, message: 'The maximum length is 50' }
],
DirectorPhone: [
{ max: 50, message: 'The maximum length is 50' }
],
ContactName: [
{ max: 50, message: 'The maximum length is 50' }
],
ContactPhone: [
{ max: 50, message: 'The maximum length is 50' }
]
DirectorName: [{ max: 50, message: 'The maximum length is 50' }],
DirectorPhone: [{ max: 50, message: 'The maximum length is 50' }],
ContactName: [{ max: 50, message: 'The maximum length is 50' }],
ContactPhone: [{ max: 50, message: 'The maximum length is 50' }],
},
loading: false,
show: false
show: false,
}
},
mounted() {
@ -163,20 +173,22 @@ export default {
},
methods: {
handleSave() {
this.$refs.siteForm.validate(valid => {
this.$refs.siteForm.validate((valid) => {
if (!valid) return
this.btnLoading = true
addOrUpdateSite(this.form).then(res => {
this.btnLoading = false
if (res.IsSuccess) {
this.$message.success('Saved successfully')
this.$refs['siteForm'].resetFields()
this.$emit('getList')
this.$emit('close')
}
}).catch(() => {
this.btnLoading = false
})
addOrUpdateSite(this.form)
.then((res) => {
this.btnLoading = false
if (res.IsSuccess) {
this.$message.success('Saved successfully')
this.$refs['siteForm'].resetFields()
this.$emit('getList')
this.$emit('close')
}
})
.catch(() => {
this.btnLoading = false
})
})
},
handleCancel() {
@ -189,8 +201,7 @@ export default {
if (Object.keys(this.data).length && this.data.Id) {
this.form = { ...this.data }
}
}
}
},
},
}
</script>

16
src/views/dictionary/template/components/AddCriterion.vue
View File

@ -24,6 +24,16 @@
/>
</el-select>
</el-form-item>
<el-form-item label="标准分组" prop="CriterionGroup">
<el-select v-model="form.CriterionGroup">
<el-option
v-for="item of $d.CriterionGroup"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item v-if="form.Id !== ''" label="是否配置完成">
<el-switch v-model="form.IsCompleteConfig" />
@ -40,7 +50,7 @@
<el-form-item v-if="form.Id !== ''" label="是否启用">
<el-switch v-model="form.IsEnable" />
</el-form-item>
<el-form-item v-if="form.Id !== ''" label="eCRF是否显示在影像阅片页面">
<el-form-item v-if="form.Id !== ''" label="eICRF仅展示阅片Tab">
<el-switch v-model="form.IseCRFShowInDicomReading" />
</el-form-item>
</div>
@ -72,6 +82,7 @@ export default {
Id: '',
CriterionName: '',
CriterionType: null,
CriterionGroup: null,
IsEnable: true,
IsCompleteConfig: false,
ShowOrder: null,
@ -80,7 +91,8 @@ export default {
},
rules: {
CriterionName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
CriterionType: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }]
CriterionType: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
CriterionGroup: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }]
},
loading: false,

25
src/views/dictionary/template/components/CriterionFormItem.vue
View File

@ -13,14 +13,14 @@
{{ question.GroupName }}
</div>
<div
v-else-if="question.Type==='table'"
v-else-if="question.Type==='table' || question.Type==='basicTable'"
style="font-weight: bold;font-size: 14px;margin: 5px 0px;"
>
{{ question.QuestionName }}
</div>
</div>
<template v-else>
<el-form-item
v-if="(question.ShowQuestion===1 && question.ParentTriggerValueList.includes(questionForm[question.ParentId])) || question.ShowQuestion===0"
v-if="(question.ShowQuestion===1 && question.ParentTriggerValueList.includes(String(questionForm[question.ParentId]))) || question.ShowQuestion===0"
:label="`${question.QuestionName}`"
:prop="question.Id"
:rules="[
@ -139,14 +139,29 @@
/>
<!-- 数值 -->
<!-- :precision="2" :step="0.1" :max="10" -->
<el-input-number
<!-- <el-input-number
v-if="question.Type==='number'"
v-model="questionForm[question.Id]"
/> -->
<el-input
v-if="question.Type==='number'"
v-model="questionForm[question.Id]"
type="number"
:disabled="question.DataSource === 1"
>
<template v-if="question.Unit" slot="append">{{$fd('ValueUnit', question.Unit)}}</template>
</el-input>
<!-- 自动分类 -->
<el-input
v-if="question.Type==='calss'"
v-model="questionForm[question.Id]"
disabled
/>
<!-- 上传图像 -->
<el-upload
v-if="question.Type==='upload'"
:action="accept"
action
:accept="question.FileType"
:limit="question.ImageCount"
:on-preview="handlePictureCardPreview"
:before-upload="handleBeforeUpload"

1394
src/views/dictionary/template/components/CriterionQuestionForm.vue
View File

File diff suppressed because it is too large Load Diff

51
src/views/dictionary/template/components/CriterionsConfig.vue
View File

@ -107,7 +107,7 @@
<el-table-column
prop="IsShowInDicom"
label="是否在阅片页面显示"
width="140"
width="150"
show-overflow-tooltip
>
<template slot-scope="scope">
@ -115,13 +115,13 @@
</template>
</el-table-column>
<!-- 注释 -->
<el-table-column
<!-- <el-table-column
prop="Remark"
:label="$t('trials:readingUnit:qsList:title:Remark')"
width="140"
show-overflow-tooltip
>
</el-table-column>
</el-table-column> -->
<el-table-column
prop="GlobalReadingShowType"
label="是否在全局阅片显示"
@ -132,6 +132,39 @@
{{ $fd('GlobalReadingShowType', scope.row.GlobalReadingShowType) }}
</template>
</el-table-column>
<!-- 导出标识 -->
<!-- <el-table-column
prop="ExportIdentification"
:label="$t('trials:readingUnit:qsList:title:ExportIdentification')"
width="160"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('ExportIdentification', scope.row.ExportIdentification) }}
</template>
</el-table-column> -->
<!-- 问题标识 -->
<el-table-column
prop="QuestionType"
label="问题标识"
width="140"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('QuestionType', scope.row.QuestionType) }}
</template>
</el-table-column>
<!-- 导出目标表格 -->
<el-table-column
prop="ExportResult"
:label="$t('trials:readingUnit:qsList:title:ExportResult')"
width="160"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ getStringResult(scope.row.ExportResult, 'ExportResult') }}
</template>
</el-table-column>
<!-- 限制编辑 -->
<el-table-column
prop="LimitEdit"
@ -201,7 +234,7 @@
:visible.sync="addOrEdit.visible"
:close-on-click-modal="false"
:title="`${addOrEdit.title}`"
width="600px"
width="650px"
append-to-body
custom-class="base-dialog-wrapper"
>
@ -209,6 +242,8 @@
ref="addOrEdit"
:data="rowData"
:type="type"
:criterionType="data.CriterionType"
:criterionId="data.Id"
@close="addOrEdit.visible = false"
@getList="getList"
/>
@ -241,6 +276,7 @@
>
<TableQsList
:criterion-id="criterionId"
:criterionType="data.CriterionType"
:reading-question-id="rowData.Id"
:is-complete-config="data.IsCompleteConfig"
:lesion-type="rowData.LesionType"
@ -316,7 +352,7 @@ export default {
}).catch(() => { this.loading = false })
},
handleAdd() {
this.rowData = { ReadingQuestionCriterionSystemId: this.criterionId, Id: '' }
this.rowData = { ReadingQuestionCriterionSystemId: this.criterionId, Id: ''}
this.type = 'add'
this.addOrEdit.title = '添加'
this.addOrEdit.visible = true
@ -355,6 +391,11 @@ export default {
this.config.title = `${this.$fd('LesionType', row.LesionType)}：${this.$t('trials:readingUnit:qsList:title:tableQs')}`
this.config.visible = true
},
getStringResult(arr, dictionaryCode) {
let newArr = arr.map(i => this.$fd(dictionaryCode, i))
let delimiter = this.$i18n.locale === 'zh' ? '，' : ', '
return newArr.join(delimiter)
},
// 查询
handleSearch() {
this.getList()

109
src/views/dictionary/template/components/CriterionsTmp.vue
View File

@ -8,6 +8,54 @@
>
<el-input v-model="searchData.CriterionName" clearable style="width:120px;" />
</el-form-item>
<el-form-item
label="标准类型"
>
<el-select v-model="searchData.CriterionType" clearable style="width:120px;">
<el-option
v-for="item of $d.CriterionType"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item
label="标准分组"
>
<el-select v-model="searchData.CriterionGroup" clearable style="width:120px;">
<el-option
v-for="item of $d.CriterionGroup"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item
label="是否配置完成"
>
<el-select v-model="searchData.IsCompleteConfig" clearable style="width:120px;">
<el-option
v-for="item of $d.YesOrNo"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item
label="是否启用"
>
<el-select v-model="searchData.IsEnable" clearable style="width:120px;">
<el-option
v-for="item of $d.YesOrNo"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleReset">重置</el-button>
<el-button type="primary" @click="handleSearch">查询</el-button>
@ -25,6 +73,8 @@
stripe
size="small"
height="100"
@sort-change="handleSortByColumn"
ref="criterionsTbl"
>
<el-table-column type="index" width="60" />
@ -32,20 +82,33 @@
prop="CriterionName"
label="标准名称"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column
prop="CriterionType"
label="标准类型"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope">
{{ $fd('CriterionType',scope.row.CriterionType) }}
</template>
</el-table-column>
<el-table-column
prop="CriterionGroup"
label="标准分组"
show-overflow-tooltip
sortable="custom"
>
<template slot-scope="scope">
{{ $fd('CriterionGroup',scope.row.CriterionGroup) }}
</template>
</el-table-column>
<el-table-column
prop="IsCompleteConfig"
label="是否配置完成"
sortable="custom"
>
<template slot-scope="scope">
@ -62,22 +125,32 @@
label="描述"
show-overflow-tooltip
/>
<el-table-column
prop="ShowOrder"
label="显示序号"
show-overflow-tooltip
/>
<el-table-column
prop="IsEnable"
label="是否启用"
sortable="custom"
>
<template slot-scope="scope">
{{ $fd('YesOrNo', scope.row.IsEnable) }}
</template>
</el-table-column>
<el-table-column
prop="ShowOrder"
label="显示序号"
show-overflow-tooltip
sortable="custom"
/>
<el-table-column
prop="IseCRFShowInDicomReading"
label="eICRF仅展示阅片Tab"
show-overflow-tooltip
sortable="custom"
width="210"
>
<template slot-scope="scope">
{{ $fd('YesOrNo', scope.row.IseCRFShowInDicomReading) }}
</template>
</el-table-column>
<el-table-column label="Action" min-width="200px">
<template slot-scope="scope">
<el-button
@ -172,8 +245,14 @@ import AddCriterion from './AddCriterion'
const searchDataDefault = () => {
return {
CriterionName: '',
CriterionType: null,
CriterionGroup: null,
IsCompleteConfig: null,
IsEnable: null,
PageIndex: 1,
PageSize: 20
PageSize: 20,
Asc: true,
SortField: ''
}
}
export default {
@ -271,6 +350,18 @@ export default {
// 重置
handleReset() {
this.searchData = searchDataDefault()
this.$refs['criterionsTbl'].clearSort()
this.getList()
},
// 指定排序字段，对列表进行排序
handleSortByColumn(column) {
if (column.order === 'ascending') {
this.searchData.Asc = true
} else {
this.searchData.Asc = false
}
this.searchData.SortField = column.prop
this.searchData.PageIndex = 1
this.getList()
}
}

2
src/views/dictionary/template/components/ECRF.vue
View File

@ -1,5 +1,5 @@
<template>
<div v-loading="loading" style="min-height:400px;">
<div v-loading="loading" style="min-height:400px;padding:20px">
<el-form
v-if="isRender"
ref="questions"

1038
src/views/dictionary/template/components/TableQsForm.vue
View File

File diff suppressed because it is too large Load Diff

98
src/views/dictionary/template/components/TableQsList.vue
View File

@ -27,12 +27,12 @@
/>
<el-table-column
prop="QuestionName"
label="名称"
label="问题名称"
show-overflow-tooltip
/>
<el-table-column
prop="QuestionEnName"
label="名称(EN)"
label="问题名称(EN)"
show-overflow-tooltip
/>
<el-table-column
@ -44,7 +44,7 @@
{{ $fd('Criterion_Question_Type',scope.row.Type) }}
</template>
</el-table-column>
<el-table-column
<!-- <el-table-column
prop="TableQuestionType"
label="选项类型"
show-overflow-tooltip
@ -60,20 +60,7 @@
show-overflow-tooltip
min-width="110"
/>
<el-table-column
prop="DependShowOrder"
label="关联问题"
show-overflow-tooltip
/>
<el-table-column
prop="DataTableColumn"
label="关联字段"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('OrganColumn',scope.row.DataTableColumn) }}
</template>
</el-table-column>
-->
<el-table-column
prop="ShowQuestion"
label="是否显示"
@ -94,7 +81,7 @@
{{ $fd('QuestionRequired',scope.row.IsRequired) }}
</template>
</el-table-column>
<el-table-column
<!-- <el-table-column
prop="IsJudgeQuestion"
label="是否裁判问题"
show-overflow-tooltip
@ -102,8 +89,8 @@
<template slot-scope="scope">
{{ $fd('YesOrNo',scope.row.IsJudgeQuestion) }}
</template>
</el-table-column>
<el-table-column
</el-table-column> -->
<!-- <el-table-column
prop="ParentQuestionShowOrder"
label="显示依赖父问题"
min-width="90"
@ -124,8 +111,64 @@
prop="RelevanceValue"
label="必填触发值"
show-overflow-tooltip
/> -->
<!-- 导出标识 -->
<!-- <el-table-column
prop="ExportIdentification"
:label="$t('trials:readingUnit:qsList:title:ExportIdentification')"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('ExportIdentification', scope.row.ExportIdentification) }}
</template>
</el-table-column> -->
<!-- 问题标识 -->
<el-table-column
prop="QuestionMark"
label="问题标识"
width="140"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('QuestionMark', scope.row.QuestionMark) }}
</template>
</el-table-column>
<!-- 导出目标表格 -->
<el-table-column
prop="ExportResult"
:label="$t('trials:readingUnit:qsList:title:ExportResult')"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ getStringResult(scope.row.ExportResult, 'ExportResult') }}
</template>
</el-table-column>
<!-- 限制编辑 -->
<el-table-column
prop="LimitEdit"
:label="$t('trials:readingUnit:qsList:title:limitEdit')"
width="160"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('LimitEdit', scope.row.LimitEdit) }}
</template>
</el-table-column>
<!-- <el-table-column
prop="DependShowOrder"
label="关联问题"
show-overflow-tooltip
/>
<el-table-column
prop="DataTableColumn"
label="关联字段"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('OrganColumn',scope.row.DataTableColumn) }}
</template>
</el-table-column> -->
<!-- <el-table-column
prop="ImageCount"
label="最大上传个数"
show-overflow-tooltip
@ -134,6 +177,7 @@
{{ scope.row.Type === 'upload'?scope.row.ImageCount:'' }}
</template>
</el-table-column>
-->
<el-table-column
prop="MaxRowCount"
label="最大行数"
@ -184,7 +228,7 @@
:visible.sync="addOrEdit.visible"
:close-on-click-modal="false"
:title="addOrEdit.title"
width="600px"
width="650px"
append-to-body
custom-class="base-dialog-wrapper"
>
@ -194,6 +238,7 @@
:type="type"
:reading-question-id="readingQuestionId"
:criterion-id="criterionId"
:criterionType="criterionType"
@close="addOrEdit.visible = false"
@getList="getList"
/>
@ -225,7 +270,11 @@ export default {
criterionId: {
type: String,
required: true
}
},
criterionType: {
type: Number,
required: true
},
},
data() {
@ -285,6 +334,11 @@ export default {
}).catch(() => { this.loading = false })
})
},
getStringResult(arr, dictionaryCode) {
let newArr = arr.map(i => this.$fd(dictionaryCode, i))
let delimiter = this.$i18n.locale === 'zh' ? '，' : ', '
return newArr.join(delimiter)
},
// 查询
handleSearch() {
this.getList()

266
src/views/dictionary/template/email/components/EmailForm.vue
View File

@ -23,6 +23,17 @@
<el-input style="width: 300px" v-model="form.EmailTopic" />
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="邮件延时发送s数" prop="EmailDelaySeconds">
<el-input
v-model.number="form.EmailDelaySeconds"
style="width: 300px"
type="number"
clearable
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item label="业务层级" prop="BusinessLevelEnum">
<el-select v-model="form.BusinessLevelEnum" clearable class="mr">
@ -59,7 +70,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="systemLevel !== 1">
<el-col :span="12">
<el-form-item label="收件人" prop="ToUserTypeList">
<el-select
v-model="form.ToUserTypeList"
@ -76,7 +87,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item label="抄送人" prop="CopyUserTypeList">
<el-select
v-model="form.CopyUserTypeList"
@ -93,13 +104,13 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item label="加急状态" prop="EmailUrgentEnum">
<el-select
v-model="form.EmailUrgentEnum"
@change="
(v) => {
v === 1 ? (form.EmailCron = null) : null;
v === 1 ? (form.EmailCron = null) : null
}
"
clearable
@ -114,7 +125,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item
label="发送周期和时间"
v-if="form.EmailUrgentEnum !== 1"
@ -124,7 +135,7 @@
<el-button type="primary" @click="showDialog">生成 cron</el-button>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item label="是否需要回执" prop="IsReturnRequired">
<el-radio-group v-model="form.IsReturnRequired">
<el-radio :label="true">是</el-radio>
@ -132,7 +143,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item label="是否自动发送" prop="IsAutoSend">
<el-radio-group v-model="form.IsAutoSend">
<el-radio :label="true">是</el-radio>
@ -140,13 +151,13 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12" v-if="systemLevel">
<el-form-item label="是否区分标准" prop="IsDistinguishCriteria">
<el-radio-group
v-model="form.IsDistinguishCriteria"
@change="
() => {
form.CriterionTypeEnum = null;
form.CriterionTypeEnum = null
}
"
>
@ -155,7 +166,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item
:label="$t('trials:auditRecord:table:criterion')"
v-if="form.IsDistinguishCriteria"
@ -171,7 +182,7 @@
</el-select>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item label="是否启用" prop="IsEnable">
<el-radio-group v-model="form.IsEnable">
<el-radio :label="true">是</el-radio>
@ -179,7 +190,7 @@
</el-radio-group>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item label="附件（CN）" prop="IsEnable">
<el-upload
class="upload-demo"
@ -196,12 +207,12 @@
size="small"
type="primary"
:disabled="fileListCN.length > 0"
>{{ $t("common:button:upload") }}</el-button
>{{ $t('common:button:upload') }}</el-button
>
</el-upload>
</el-form-item>
</el-col>
<el-col :span="12" v-if="!systemLevel">
<el-col :span="12">
<el-form-item label="附件（EN）" prop="IsEnable">
<el-upload
class="upload-demo"
@ -218,25 +229,49 @@
size="small"
type="primary"
:disabled="fileListEN.length > 0"
>{{ $t("common:button:upload") }}</el-button
>{{ $t('common:button:upload') }}</el-button
>
</el-upload>
</el-form-item>
</el-col>
</el-row>
<el-form-item label="邮件内容模版（CN）" prop="EmailHtmlContentCN">
<el-form-item
label="邮件内容模版（CN）"
prop="EmailHtmlContentCN"
style="position: relative"
>
<el-input
v-model="form.EmailHtmlContentCN"
type="textarea"
:autosize="{ minRows: 8, maxRows: 8 }"
/>
<el-button
:disabled="!form.EmailHtmlContentCN && form.EmailHtmlContent"
type="text"
@click="PreviewHTML(form.EmailHtmlContentCN, form.EmailHtmlContent)"
style="position: absolute; left: -50px; top: 30px"
>
{{ $t('common:button:preview') }}
</el-button>
</el-form-item>
<el-form-item label="邮件内容模版（EN）" prop="EmailHtmlContent">
<el-form-item
label="邮件内容模版（EN）"
prop="EmailHtmlContent"
style="position: relative"
>
<el-input
v-model="form.EmailHtmlContent"
type="textarea"
:autosize="{ minRows: 8, maxRows: 8 }"
/>
<el-button
:disabled="!form.EmailHtmlContentCN && form.EmailHtmlContent"
type="text"
@click="PreviewHTML(form.EmailHtmlContentCN, form.EmailHtmlContent)"
style="position: absolute; left: -50px; top: 30px"
>
{{ $t('common:button:preview') }}
</el-button>
</el-form-item>
<div
class="base-dialog-footer"
@ -259,219 +294,234 @@
</el-form>
</template>
<script>
import { Upload, addOrUpdateEmailNoticeConfigList } from "@/api/dictionary";
import { Upload, addOrUpdateEmailNoticeConfigList } from '@/api/dictionary'
import vcrontab from 'vcrontab'
export default {
props: {
data: {
type: Object,
default() {
return {};
return {}
},
},
systemLevel: {
type: Number,
default() {
return 0;
return 0
},
},
isDistinguishCriteria: {
type: Boolean,
default() {
return false
},
},
},
components: { vcrontab },
data() {
return {
expression: "",
expression: '',
showCron: false,
form: {
Id: "",
Code: "",
EmailTopicCN: "",
EmailTopic: "",
BusinessLevelEnum: "",
BusinessModuleEnum: "",
ToUserTypeList: "",
CopyUserTypeList: "",
EmailUrgentEnum: "",
EmailCron: "",
Id: '',
Code: '',
EmailTopicCN: '',
EmailTopic: '',
BusinessLevelEnum: '',
BusinessModuleEnum: '',
ToUserTypeList: '',
CopyUserTypeList: '',
EmailUrgentEnum: '',
EmailCron: '',
BusinessScenarioEnum: null,
EmailHtmlContentCN: "",
EmailHtmlContent: "",
AttachPath: "",
AttachName: "",
AttachNameCN: "",
AttachCNPath: "",
EmailHtmlContentCN: '',
EmailHtmlContent: '',
AttachPath: '',
AttachName: '',
AttachNameCN: '',
AttachCNPath: '',
IsDistinguishCriteria: true,
IsReturnRequired: true,
IsUrgent: true,
IsEnable: true,
IsAutoSend: true,
CriterionTypeEnum: null,
EmailDelaySeconds: null,
},
rules: {
Code: [{ required: true, message: "Please select", trigger: ["blur"] }],
Code: [{ required: true, message: 'Please select', trigger: ['blur'] }],
BusinessScenarioEnum: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
EmailTopicCN: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
EmailTopic: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
BusinessLevelEnum: [
{ required: true, message: "Please select", trigger: ["blur"] },
],
ToUserTypeList: [
{ required: true, message: "Please select", trigger: ["blur"] },
],
EmailCron: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
// ToUserTypeList: [
// { required: true, message: 'Please select', trigger: ['blur'] },
// ],
// EmailCron: [
// { required: true, message: 'Please select', trigger: ['blur'] },
// ],
EmailUrgentEnum: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
EmailHtmlContentCN: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
EmailHtmlContent: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
CriterionTypeEnum: [
{ required: true, message: "Please select", trigger: ["blur"] },
{ required: true, message: 'Please select', trigger: ['blur'] },
],
},
scenarioOption: [],
fileListCN: [],
fileListEN: [],
loading: false,
};
}
},
mounted() {
this.initForm();
this.initForm()
if (this.systemLevel) {
if (this.systemLevel === 1) {
this.form.ToUserTypeList = [];
this.form.ToUserTypeList = []
}
this.form.CopyUserTypeList = [];
this.form.EmailUrgentEnum = "3";
this.form.IsReturnRequired = false;
this.form.IsDistinguishCriteria = false;
this.form.CopyUserTypeList = []
this.form.EmailUrgentEnum = 3
this.form.IsReturnRequired = false
this.form.IsDistinguishCriteria = false
} else {
this.form.IsDistinguishCriteria = this.isDistinguishCriteria
}
},
methods: {
showDialog() {
this.expression = this.form.EmailCron; //传入的 cron 表达式，可以反解析到 UI 上
this.showCron = true;
this.expression = this.form.EmailCron //传入的 cron 表达式，可以反解析到 UI 上
this.showCron = true
},
crontabFill(value) {
this.form.EmailCron = value;
this.form.EmailCron = value
},
handleRemoveFileCN() {
this.form.AttachNameCN = null;
this.form.AttachCNPath = null;
this.fileListCN = [];
this.form.AttachNameCN = null
this.form.AttachCNPath = null
this.fileListCN = []
},
beforeUploadCN() {
if (this.fileListCN.length > 0) {
this.$alert("最多只能传一个附件");
return;
this.$alert('最多只能传一个附件')
return
}
},
handlePreviewCN(row, r2) {
if (row.fullPath) {
window.open(row.fullPath, "_blank");
window.open(row.fullPath, '_blank')
}
},
handleUploadFileCN(param) {
this.btnLoading = true;
const formData = new FormData();
formData.append("file", param.file);
this.form.AttachNameCN = param.file.name;
this.btnLoading = true
const formData = new FormData()
formData.append('file', param.file)
this.form.AttachNameCN = param.file.name
Upload(formData, 3).then((res) => {
this.form.AttachCNPath = res.Result.FilePath;
this.btnLoading = false;
this.form.AttachCNPath = res.Result.FilePath
this.btnLoading = false
this.fileListCN.push({
name: param.file.name,
path: res.Result.FilePath,
fullPath: res.Result.FullFilePath,
url: res.Result.FilePath,
});
});
})
})
},
handleUploadFileEN(param) {
this.btnLoading = true;
const formData = new FormData();
formData.append("file", param.file);
this.form.AttachName = param.file.name;
this.btnLoading = true
const formData = new FormData()
formData.append('file', param.file)
this.form.AttachName = param.file.name
Upload(formData, 3).then((res) => {
this.form.AttachPath = res.Result.FilePath;
this.btnLoading = false;
this.form.AttachPath = res.Result.FilePath
this.btnLoading = false
this.fileListEN.push({
name: param.file.name,
path: res.Result.FilePath,
fullPath: res.Result.FullFilePath,
url: res.Result.FilePath,
});
});
})
})
},
handleRemoveFileEN() {
this.form.AttachName = null;
this.form.AttachPath = null;
this.fileListEN = [];
this.form.AttachName = null
this.form.AttachPath = null
this.fileListEN = []
},
beforeUploadEN() {
if (this.fileListEN.length > 0) {
this.$alert("最多只能传一个附件");
return;
this.$alert('最多只能传一个附件')
return
}
},
handlePreviewEN(row, r2) {
if (row.fullPath) {
window.open(row.fullPath, "_blank");
window.open(row.fullPath, '_blank')
}
},
async initForm() {
this.loading = true;
this.loading = true
// await this.getScenarios()
for (const k in this.form) {
if (this.data.hasOwnProperty(k)) {
this.form[k] = this.data[k];
this.form[k] = this.data[k]
}
if (k === "AttachPath" && this.form[k]) {
if (k === 'AttachPath' && this.form[k]) {
this.fileListEN.push({
name: this.data.AttachName,
path: this.data.AttachPath,
fullPath: this.data.AttachPath,
url: this.data.AttachPath,
});
})
}
if (k === "AttachCNPath" && this.form[k]) {
if (k === 'AttachCNPath' && this.form[k]) {
this.fileListCN.push({
name: this.data.AttachNameCN,
path: this.data.AttachCNPath,
fullPath: this.data.AttachCNPath,
url: this.data.AttachCNPath,
});
})
}
}
this.loading = false;
this.loading = false
},
// 保存
handleSave() {
this.$refs.emailForm.validate((valid) => {
if (!valid) return;
this.loading = true;
this.form.systemLevel = this.systemLevel;
if (!valid) return
this.loading = true
this.form.systemLevel = this.systemLevel
addOrUpdateEmailNoticeConfigList(this.form)
.then((res) => {
this.loading = false;
this.$emit("closeDialog");
this.$emit("getList");
this.$message.success("Saved successfully");
this.loading = false
this.$emit('closeDialog')
this.$emit('getList')
this.$message.success('Saved successfully')
})
.catch(() => {
this.loading = false;
});
});
this.loading = false
})
})
},
// 预览模板
PreviewHTML(html, htmlEn) {
this.$emit('PreviewHTML', html, htmlEn)
},
},
};
}
</script>

294
src/views/dictionary/template/email/components/EmailList.vue
View File

@ -1,13 +1,8 @@
<template>
<box-content>
<div class="search">
<el-form
v-if="!systemLevel"
:inline="true"
size="mini"
class="base-search-form"
>
<el-form-item label="是否需要回执:">
<el-form :inline="true" size="mini" class="base-search-form">
<el-form-item label="是否需要回执:" v-if="!systemLevel">
<el-select
v-model="searchData.IsReturnRequired"
clearable
@ -21,7 +16,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="是否加急:">
<el-form-item label="是否加急:" v-if="!systemLevel">
<el-select
v-model="searchData.IsUrgent"
clearable
@ -35,7 +30,7 @@
/>
</el-select>
</el-form-item>
<el-form-item label="是否启用:">
<el-form-item label="是否启用:" v-if="!systemLevel">
<el-select
v-model="searchData.IsEnable"
clearable
@ -51,7 +46,7 @@
</el-form-item>
<el-form-item
:label="$t('trials:auditRecord:table:criterion')"
v-if="isDistinguishCriteria"
v-if="isDistinguishCriteria && !systemLevel"
>
<el-select
v-model="searchData.CriterionTypeEnum"
@ -66,12 +61,76 @@
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('trials:emailManageCfg:form:BusinessModule')">
<el-select
v-model="searchData.BusinessModuleEnum"
clearable
style="width: 100px"
>
<el-option
v-for="item of $d.BusinessModule"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('trials:emailManageCfg:form:BusinessScenario')"
>
<el-select
v-model="searchData.BusinessScenarioEnum"
clearable
style="width: 100px"
>
<el-option
v-for="item of $d.Email_BusinessScenario"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('trials:emailManageCfg:form:ToUserType')">
<el-select
v-model="searchData.ToUserType"
clearable
style="width: 100px"
>
<el-option
v-for="item of UserTypeList"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('trials:emailManageCfg:form:EmailUrgent')"
v-if="systemLevel === 1"
>
<el-select
v-model="searchData.EmailUrgentEnum"
clearable
style="width: 100px"
>
<el-option
v-for="item of $d.EmailUrgent"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleSearch">查询</el-button>
<el-button type="primary" @click="handleReset">重置</el-button>
</el-form-item>
</el-form>
<span style="margin-left: auto">
<el-button type="primary" size="mini" @click="handleExport">
{{ $t('common:button:export') }}
</el-button>
<!-- <el-button
type="primary"
size="mini"
@ -111,7 +170,7 @@
min-width="120"
>
<template slot-scope="scope">
{{ $fd("CriterionType", scope.row.CriterionTypeEnum) }}
{{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
</template>
</el-table-column>
<el-table-column
@ -136,7 +195,7 @@
min-width="100"
>
<template slot-scope="scope">
{{ $fd("BusinessLevel", scope.row.BusinessLevelEnum) }}
{{ $fd('BusinessLevel', scope.row.BusinessLevelEnum) }}
</template>
</el-table-column>
<el-table-column
@ -147,7 +206,7 @@
min-width="100"
>
<template slot-scope="scope">
{{ $fd("BusinessModule", scope.row.BusinessModuleEnum) }}
{{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
</template>
</el-table-column>
<el-table-column
@ -158,64 +217,62 @@
min-width="130"
>
<template slot-scope="scope">
{{ $fd("Email_BusinessScenario", scope.row.BusinessScenarioEnum) }}
{{ $fd('Email_BusinessScenario', scope.row.BusinessScenarioEnum) }}
</template>
</el-table-column>
<!-- 收件人 -->
<!-- 收件人v-if="systemLevel !== 1" -->
<el-table-column
prop="ToUserTypeList"
:label="$t('trials:emailManageCfg:title:toUserTypeList')"
show-overflow-tooltip
min-width="100"
v-if="systemLevel !== 1"
>
<template slot-scope="scope">
{{
scope.row.ToUserTypeList.length > 0
? scope.row.ToUserTypeList.map((v) => $fd("UserType", v)).join(
"、"
? scope.row.ToUserTypeList.map((v) => $fd('UserType', v)).join(
'、'
)
: ""
: ''
}}
</template>
</el-table-column>
<!-- 抄送人 -->
<!-- 抄送人v-if="!systemLevel" -->
<el-table-column
prop="CopyUserTypeList"
:label="$t('trials:emailManageCfg:title:copyUserTypeList')"
show-overflow-tooltip
min-width="100"
v-if="!systemLevel"
>
<template slot-scope="scope">
{{
scope.row.CopyUserTypeList.length > 0
? scope.row.CopyUserTypeList.map((v) => $fd("UserType", v)).join(
"、"
? scope.row.CopyUserTypeList.map((v) => $fd('UserType', v)).join(
'、'
)
: ""
: ''
}}
</template>
</el-table-column>
<!---v-if="!systemLevel"-->
<el-table-column
prop="EmailUrgentEnum"
label="加急状态"
sortable="custom"
show-overflow-tooltip
min-width="100"
v-if="!systemLevel"
>
<template slot-scope="scope">
{{ $fd("EmailUrgent", scope.row.EmailUrgentEnum) }}
{{ $fd('EmailUrgent', scope.row.EmailUrgentEnum) }}
</template>
</el-table-column>
<!---v-if="!systemLevel"-->
<el-table-column
prop="EmailCron"
label="发送周期和时间"
sortable="custom"
show-overflow-tooltip
min-width="160"
v-if="!systemLevel"
/>
<!-- 附件 -->
<el-table-column
@ -246,10 +303,10 @@
>
<template slot-scope="scope">
<el-tag v-if="scope.row.IsReturnRequired" type="danger">
{{ $fd("YesOrNo", scope.row.IsReturnRequired) }}
{{ $fd('YesOrNo', scope.row.IsReturnRequired) }}
</el-tag>
<el-tag v-else type="primary">{{
$fd("YesOrNo", scope.row.IsReturnRequired)
$fd('YesOrNo', scope.row.IsReturnRequired)
}}</el-tag>
</template>
</el-table-column>
@ -264,10 +321,10 @@
>
<template slot-scope="scope">
<el-tag v-if="scope.row.IsAutoSend" type="danger">
{{ $fd("YesOrNo", scope.row.IsAutoSend) }}
{{ $fd('YesOrNo', scope.row.IsAutoSend) }}
</el-tag>
<el-tag v-else type="primary">{{
$fd("YesOrNo", scope.row.IsAutoSend)
$fd('YesOrNo', scope.row.IsAutoSend)
}}</el-tag>
</template>
</el-table-column>
@ -281,10 +338,10 @@
>
<template slot-scope="scope">
<el-tag v-if="scope.row.IsEnable" type="danger">
{{ $fd("YesOrNo", scope.row.IsEnable) }}
{{ $fd('YesOrNo', scope.row.IsEnable) }}
</el-tag>
<el-tag v-else type="primary">{{
$fd("YesOrNo", scope.row.IsEnable)
$fd('YesOrNo', scope.row.IsEnable)
}}</el-tag>
</template>
</el-table-column>
@ -313,6 +370,13 @@
<el-button type="text" @click="handleDelete(scope.row)"
>删除</el-button
>
<el-button
type="text"
@click="
preview(scope.row.EmailHtmlContentCN, scope.row.EmailHtmlContent)
"
>{{ $t('common:button:preview') }}</el-button
>
</template>
</el-table-column>
</el-table>
@ -338,8 +402,10 @@
<EmailForm
:data="rowData"
:system-level="systemLevel"
:isDistinguishCriteria="isDistinguishCriteria"
@closeDialog="closeDialog"
@getList="getList"
@PreviewHTML="preview"
/>
</el-dialog>
@ -359,131 +425,191 @@
@getList="getList"
/>
</el-dialog>
<!-- 预览模板 -->
<el-dialog
v-if="previewVisible"
:visible.sync="previewVisible"
:close-on-click-modal="false"
title="预览"
fullscreen
custom-class="base-dialog-wrapper"
>
<div
style="
display: flex;
align-items: flex-start;
justify-content: space-around;
flex-wrap: wrap;
"
>
<div>
<h3>邮件内容模版（CN）</h3>
<div v-html="previewHTML"></div>
</div>
<div>
<h3>邮件内容模版（EN）</h3>
<div v-html="previewHTMLEN"></div>
</div>
</div>
</el-dialog>
</box-content>
</template>
<script>
import {
getEmailNoticeConfigList,
deleteEmailNoticeConfig,
} from "@/api/dictionary";
import BoxContent from "@/components/BoxContent";
import Pagination from "@/components/Pagination";
import EmailForm from "./EmailForm";
import AttachmentList from "./AttachmentList";
} from '@/api/dictionary'
import { GetEmailNoticeConfigList_Export } from '@/api/export'
import BoxContent from '@/components/BoxContent'
import Pagination from '@/components/Pagination'
import EmailForm from './EmailForm'
import AttachmentList from './AttachmentList'
const searchDataDefault = () => {
return {
IsReturnRequired: "",
IsUrgent: "",
IsEnable: "",
IsReturnRequired: '',
IsUrgent: '',
IsEnable: '',
CriterionTypeEnum: null,
BusinessModuleEnum: null,
BusinessScenarioEnum: null,
EmailUrgentEnum: null,
ToUserType: null,
PageIndex: 1,
PageSize: 20,
};
};
SortField: 'Code',
Asc: true,
}
}
export default {
name: "EmailList",
name: 'EmailList',
components: { BoxContent, Pagination, EmailForm, AttachmentList },
props: {
isDistinguishCriteria: {
type: Boolean,
default() {
return false;
return false
},
},
systemLevel: {
type: Number,
default() {
return 0;
return 0
},
},
},
data() {
return {
activeTab: "0",
activeTab: '0',
searchData: searchDataDefault(),
loading: false,
list: [],
total: 0,
rowData: {},
title: "",
title: '',
editVisible: false,
attachmentVisible: false,
};
previewVisible: false,
previewHTML: null,
previewHTMLEN: null,
}
},
computed: {
UserTypeList() {
if (this.systemLevel === 1) {
return this.$d.UserType
} else {
return this.$d.UserType.filter(
(item) => ![7, 31, 32, 21, 26, 27].includes(item.value)
)
}
},
},
mounted() {
this.getList();
this.getList()
},
methods: {
// 获取受试者列表
getList() {
this.loading = true;
this.searchData.IsDistinguishCriteria = this.isDistinguishCriteria;
this.searchData.systemLevel = this.systemLevel;
this.loading = true
this.searchData.IsDistinguishCriteria = this.isDistinguishCriteria
this.searchData.systemLevel = this.systemLevel
getEmailNoticeConfigList(this.searchData)
.then((res) => {
this.loading = false;
this.list = res.Result.CurrentPageData;
this.total = res.Result.TotalCount;
this.loading = false
this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount
})
.catch(() => {
this.loading = false;
});
this.loading = false
})
},
// 新增
handleAdd() {
this.rowData = {};
this.title = "新增";
this.editVisible = true;
this.rowData = {}
this.title = '新增'
this.editVisible = true
},
// 编辑
handleEdit(row) {
this.rowData = { ...row };
this.title = "编辑";
this.editVisible = true;
this.rowData = { ...row }
this.title = '编辑'
this.editVisible = true
},
// 删除
handleDelete(row) {
this.$confirm(this.$t("trials:staffResearch:message:confirmDel"), {
type: "warning",
this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
type: 'warning',
distinguishCancelAndClose: true,
}).then(() => {
deleteEmailNoticeConfig(row.Id).then((res) => {
if (res.IsSuccess) {
this.getList();
this.$message.success("删除成功!");
this.getList()
this.$message.success('删除成功!')
}
});
});
})
})
},
handleDetail(row) {
this.rowData = { ...row };
this.attachmentVisible = true;
this.rowData = { ...row }
this.attachmentVisible = true
},
// 查询
handleSearch() {
this.searchData.PageIndex = 1;
this.getList();
this.searchData.PageIndex = 1
this.getList()
},
// 重置
handleReset() {
this.searchData = searchDataDefault();
this.getList();
this.searchData = searchDataDefault()
this.getList()
},
// 排序
handleSortByColumn(column) {
if (column.order === "ascending") {
this.searchData.Asc = true;
if (column.order === 'ascending') {
this.searchData.Asc = true
} else {
this.searchData.Asc = false;
this.searchData.Asc = false
}
this.searchData.SortField = column.prop;
this.searchData.PageIndex = 1;
this.getList();
this.searchData.SortField = column.prop
this.searchData.PageIndex = 1
this.getList()
},
// 关闭新增、编辑框
closeDialog() {
this.editVisible = false;
this.editVisible = false
},
preview(html, htmlEN) {
this.previewHTML = html
this.previewHTMLEN = htmlEN
this.previewVisible = true
},
// 导出
handleExport() {
// this.searchData.IsDistinguishCriteria = this.isDistinguishCriteria
// this.searchData.systemLevel = this.systemLevel
// return GetEmailNoticeConfigList_Export(this.searchData)
return GetEmailNoticeConfigList_Export(this.searchData)
},
},
};
}
</script>

96
src/views/dictionary/template/email/index.vue
View File

@ -29,13 +29,13 @@
></EmailList>
</el-tab-pane>
<!-- 系统相关-分角色 -->
<el-tab-pane :label="$t('trials:emailManageCfg:title:systemDisRole')" name="3">
<!-- <el-tab-pane :label="$t('trials:emailManageCfg:title:systemDisRole')" name="3">
<EmailList
v-if="activeTab === '3'"
:is-distinguish-criteria="false"
:system-level="2"
></EmailList>
</el-tab-pane>
</el-tab-pane> -->
</el-tabs>
</box-content>
</template>
@ -43,107 +43,107 @@
import {
getEmailNoticeConfigList,
deleteEmailNoticeConfig,
} from "@/api/dictionary";
import BoxContent from "@/components/BoxContent";
import Pagination from "@/components/Pagination";
import EmailList from "./components/EmailList";
} from '@/api/dictionary'
import BoxContent from '@/components/BoxContent'
import Pagination from '@/components/Pagination'
import EmailList from './components/EmailList'
const searchDataDefault = () => {
return {
IsReturnRequired: "",
IsUrgent: "",
IsEnable: "",
IsReturnRequired: '',
IsUrgent: '',
IsEnable: '',
PageIndex: 1,
PageSize: 20,
};
};
}
}
export default {
name: "EmailListIndex",
name: 'EmailListIndex',
components: { BoxContent, Pagination, EmailList },
data() {
return {
activeTab: "0",
activeTab: '0',
searchData: searchDataDefault(),
loading: false,
list: [],
total: 0,
rowData: {},
title: "",
title: '',
editVisible: false,
attachmentVisible: false,
};
}
},
mounted() {
this.getList();
this.getList()
},
methods: {
// 获取受试者列表
getList() {
this.loading = true;
this.loading = true
getEmailNoticeConfigList(this.searchData)
.then((res) => {
this.loading = false;
this.list = res.Result.CurrentPageData;
this.total = res.Result.TotalCount;
this.loading = false
this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount
})
.catch(() => {
this.loading = false;
});
this.loading = false
})
},
// 新增
handleAdd() {
this.rowData = {};
this.title = "新增";
this.editVisible = true;
this.rowData = {}
this.title = '新增'
this.editVisible = true
},
// 编辑
handleEdit(row) {
this.rowData = { ...row };
this.title = "编辑";
this.editVisible = true;
this.rowData = { ...row }
this.title = '编辑'
this.editVisible = true
},
// 删除
handleDelete(row) {
this.$confirm(this.$t("trials:staffResearch:message:confirmDel"), {
type: "warning",
this.$confirm(this.$t('trials:staffResearch:message:confirmDel'), {
type: 'warning',
distinguishCancelAndClose: true,
}).then(() => {
deleteEmailNoticeConfig(row.Id).then((res) => {
if (res.IsSuccess) {
this.getList();
this.$message.success("删除成功!");
this.getList()
this.$message.success('删除成功!')
}
});
});
})
})
},
handleDetail(row) {
this.rowData = { ...row };
this.attachmentVisible = true;
this.rowData = { ...row }
this.attachmentVisible = true
},
// 查询
handleSearch() {
this.searchData.PageIndex = 1;
this.getList();
this.searchData.PageIndex = 1
this.getList()
},
// 重置
handleReset() {
this.searchData = searchDataDefault();
this.getList();
this.searchData = searchDataDefault()
this.getList()
},
// 排序
handleSortByColumn(column) {
if (column.order === "ascending") {
this.searchData.Asc = true;
if (column.order === 'ascending') {
this.searchData.Asc = true
} else {
this.searchData.Asc = false;
this.searchData.Asc = false
}
this.searchData.SortField = column.prop;
this.searchData.PageIndex = 1;
this.getList();
this.searchData.SortField = column.prop
this.searchData.PageIndex = 1
this.getList()
},
// 关闭新增、编辑框
closeDialog() {
this.editVisible = false;
this.editVisible = false
},
},
};
}
</script>

32
src/views/email-recompose/index.vue
View File

@ -29,15 +29,16 @@
<el-input v-model="password.Email" disabled />
</el-form-item>
<!-- 用户名 -->
<el-form-item :label="$t('recompose:form:role')" prop="UserType">
<!-- <el-form-item :label="$t('recompose:form:role')" prop="UserType">
<el-input v-model="password.UserType" disabled />
</el-form-item>
</el-form-item> -->
<!-- 用户名 -->
<el-form-item :label="$t('recompose:form:userName')" prop="NewUserName">
<el-input v-model="password.NewUserName" />
</el-form-item>
<!-- 新密码 -->
<el-form-item
class="my_new_pwd"
:label="$t('recompose:form:newPassword')"
prop="NewPassWord"
>
@ -84,6 +85,11 @@ export default {
password: {
NewUserName: null,
UserId: null,
ConfirmPassWord: null,
NewPassWord: null,
Email: null,
UserType: null,
access_token: null,
},
passwordFormRules: {
NewUserName: [
@ -95,7 +101,6 @@ export default {
: 'zh'
/* eslint-disable */
var reg1 = /^[a-zA-Z0-9_]{4,16}$/ //密码必须是8位以上、必须含有字母、数字、特殊符号
console.log(!reg1.test(value))
if (!reg1.test(value)) {
callback(
lang === 'zh'
@ -176,9 +181,9 @@ export default {
this.$i18n.locale = this.$route.query.lang
this.setLanguage(this.$route.query.lang)
this.$updateDictionary()
if (!this.password.NewUserName) {
this.$alert(this.$t('recompose:message:warning'))
}
// if (!this.password.NewUserName) {
// this.$alert(this.$t('recompose:message:warning'))
// }
},
methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
@ -190,8 +195,10 @@ export default {
} else {
this.$router.push(`/login`)
}
this.$i18n.locale = 'zh'
this.setLanguage('zh')
if (!this.$i18n.locale) {
//this.$i18n.locale = 'zh'
//this.setLanguage('zh')
}
this.$updateDictionary()
},
save() {
@ -229,7 +236,10 @@ export default {
})
},
cancel() {
this.$refs['passwordForm'].resetFields()
// this.$refs['passwordForm'].resetFields()
this.password.NewPassWord = null
this.password.NewUserName = null
this.password.ConfirmPassWord = null
},
},
}
@ -263,7 +273,7 @@ input {
background-color: transparent;
caret-color: #fff;
}
.el-form-item {
margin-bottom: 30px;
::v-deep .is-error.my_new_pwd {
margin-bottom: 45px;
}
</style>

7
src/views/error.vue
View File

@ -2,7 +2,8 @@
<div class="wscn-http404-container">
<div class="wscn-http404" style="display: flex;align-items: center">
<div class="pic-404">
<img class="pic-404__parent" src="@/assets/login-bg.png" alt="404">
<!-- <img class="pic-404__parent" src="@/assets/login-bg.png" alt="404"> -->
<svg-icon icon-class="login-bg" style="width: 100%; height: 100%" />
<img class="pic-404__child left" src="@/assets/404_images/404_cloud.png" alt="404">
<img class="pic-404__child mid" src="@/assets/404_images/404_cloud.png" alt="404">
<img class="pic-404__child right" src="@/assets/404_images/404_cloud.png" alt="404">
@ -56,8 +57,10 @@ export default {
.pic-404 {
position: relative;
float: left;
width: 400px;
width: 500px;
height: 300px;
overflow: hidden;
margin-right: 10px;
&__parent {
width: 100%;
}

23
src/views/forgetpassword/index.vue
View File

@ -76,7 +76,8 @@
>
<!-- 用户名 -->
<el-form-item :label="$t('passwordReset:form:userName')" prop="UserId">
<el-select
<el-input v-model="form.UserName" disabled />
<!-- <el-select
v-model="form.UserId"
clearable
filterable
@ -94,15 +95,15 @@
item.UserType
}}</span>
</el-option>
</el-select>
</el-select> -->
</el-form-item>
<!-- 用户类型 -->
<el-form-item
<!-- <el-form-item
v-if="form.UserId"
:label="$t('passwordReset:form:userType')"
>
<el-input v-model="form.UserType" disabled />
</el-form-item>
</el-form-item> -->
<!-- 新密码 -->
<el-form-item
class="my_new_pwd"
@ -338,11 +339,13 @@ export default {
)
.then((res) => {
this.formLoading = false
this.users = res.Result
if (this.users.length === 1) {
this.form.UserId = this.users[0].UserId
this.form.UserType = this.users[0].UserType
}
this.form.UserId = res.Result.Id
this.form.UserName = res.Result.UserName
// this.users = res.Result
// if (this.users.length === 1) {
// this.form.UserId = this.users[0].UserId
// this.form.UserType = this.users[0].UserType
// }
// 验证成功
this.$message.success(
this.$t('passwordReset:message:verifiedSuccessfully')
@ -420,7 +423,7 @@ export default {
/* margin-bottom: 40px;*/
/*}*/
.is-error.my_new_pwd {
margin-bottom: 40px;
margin-bottom: 45px;
}
.flexBox {
display: flex;

264
src/views/login/index.vue
View File

@ -84,6 +84,8 @@
:type="passwordType"
:placeholder="$t('login:form:password')"
name="password"
auto-complete="new-password"
autocomplete="new-password"
tabindex="2"
@keyup.enter.native="handleLogin"
/>
@ -92,6 +94,21 @@
:icon-class="passwordType === 'password' ? 'eye' : 'eye-open'"
/>
</span>
<!-- <el-input
:key="passwordType"
ref="password"
v-model="pwdCover"
size="small"
type="text"
:placeholder="$t('login:form:password')"
name="password"
@input="setPassword"
tabindex="2"
@keyup.enter.native="handleLogin"
/>
<span class="show-pwd" @click="hidePassword">
<svg-icon :icon-class="!isShowPassword ? 'eye' : 'eye-open'" />
</span> -->
</el-form-item>
<!-- Login -->
<el-button
@ -148,6 +165,14 @@
<span style="color: #428bca">关于</span>
</a>
</div>
<div v-if="NODE_ENV === 'usa'" class="login-footer">
<span>
© {{ new Date().getFullYear() }} Elevate lmaging Inc. info@{{ host }}
</span>
<a @click="openAbout">
<span style="color: #428bca">About</span>
</a>
</div>
<Vcode
:show="isShow"
:fail-text="$t('login:button:failText')"
@ -172,33 +197,56 @@
text-align: center;
"
>
<h1 style="text-align: center; margin-bottom: 20px">关于</h1>
<p style="margin-bottom: 20px" v-if="NODE_ENV === 'usa'">
{{ $t('login:title:system_title') }}
<h1
style="text-align: center; margin-bottom: 30px"
v-if="NODE_ENV === 'usa'"
>
About
</h1>
<h1 style="text-align: center; margin-bottom: 30px" v-else>关于</h1>
<p style="margin-bottom: 0px" v-if="NODE_ENV === 'usa'">
<!-- {{ $t('login:title:system_title_about') }} -->
<svg-icon
icon-class="login-logo"
style="width: 250px; height: 71px"
/>
</p>
<p style="margin-bottom: 20px" v-else>{{ $t('login:title:system') }}</p>
<p style="margin-bottom: 20px">
<p style="margin-bottom: 0px" v-else>{{ $t('login:title:system') }}</p>
<p style="margin-bottom: 20px; margin-top: 0">
V{{ $version.IsEnv_US ? $version.Version_US : $version.Version }}
</p>
<p style="margin-bottom: 20px" v-if="language === 'zh'">
Copyright © {{ new Date().getFullYear() }} 上海展影医疗科技有限公司
版权所有
</p>
<p style="margin-bottom: 20px" v-else-if="NODE_ENV === 'usa'">
© {{ new Date().getFullYear() }} Elevate Imaging Inc.
</p>
<p style="margin-bottom: 20px" v-else>
Copyright © {{ new Date().getFullYear() }} Shanghai Extensive Imaging
Inc.
</p>
<div style="margin-bottom: 20px">
<div style="margin-bottom: 20px" v-if="NODE_ENV === 'usa'">
<img style="width: 180px" src="@/assets/zzlogo-usa.png" alt="" />
</div>
<div style="margin-bottom: 20px" v-else>
<img style="width: 180px" src="@/assets/zzlogo2.png" alt="" />
</div>
</div>
<div slot="footer" class="dialog-footer">
<el-button type="primary" size="mini" @click="aboutVisible = false"
>关闭</el-button
>
<el-button type="primary" size="mini" @click="aboutVisible = false">
{{ $t('common:button:close') }}
</el-button>
</div>
</el-dialog>
<browserTip ref="browserTip" />
<toggleRole
v-if="toggleRoleVisible"
:visible.sync="toggleRoleVisible"
:loading="toggleRoleLoading"
@save="loginByRole"
@cancel="cancel"
/>
</div>
</template>
@ -209,9 +257,10 @@ import TopLang from './topLang'
import Vcode from 'vue-puzzle-vcode'
import browserTip from '@/views/dictionary/template/browser/tip.vue'
import Img1 from '@/assets/pic-2.png'
import toggleRole from '@/components/toggleRole'
export default {
name: 'Login',
components: { TopLang, Vcode, browserTip },
components: { TopLang, Vcode, browserTip, toggleRole },
data() {
return {
NODE_ENV: process.env.NODE_ENV, // process.env.NODE_ENV
@ -247,15 +296,23 @@ export default {
},
loading: false,
passwordType: 'password',
pwdCover: null,
isShowPassword: false,
loginType: null,
location: null,
isShow: false,
showCode: false,
Img1,
toggleRoleVisible: false,
toggleRoleLoading: false,
}
},
computed: {
...mapGetters(['asyncRoutes', 'routes', 'language']),
host() {
// return window.location.host
return 'elevateimaging.ai '
},
},
watch: {
'$i18n.locale': {
@ -269,6 +326,8 @@ export default {
},
},
mounted() {
let lang = zzSessionStorage.getItem('lang') || 'zh'
zzSessionStorage.clear()
this.loginType = this.$route.query.loginType
this.location = this.$route.query.location
zzSessionStorage.setItem('loginType', this.loginType)
@ -283,9 +342,9 @@ export default {
this.setLanguage('en')
this.$updateDictionary()
} else {
// this.$i18n.locale = 'zh'
// this.setLanguage('zh')
// this.$updateDictionary()
this.$i18n.locale = lang
this.setLanguage(lang)
this.$updateDictionary()
}
}
this.$refs.browserTip.open()
@ -327,6 +386,9 @@ export default {
this.$store
.dispatch('user/login', this.loginForm)
.then((res) => {
if (res.BasicInfo.LoginState === 2) {
this.$message.warning(this.$t('login:message:login4'))
}
if (res.BasicInfo.IsFirstAdd) {
// 当前用户为首次登录,请先修改密码之后再次登录
this.$message.success(this.$t('login:message:login1'))
@ -336,7 +398,7 @@ export default {
})
}, 500)
return
} else if (res.BasicInfo.LoginState === 1) {
} else if (res.BasicInfo.NeedChangePassWord) {
// 请先修改密码后再登录！
this.$alert(
this.$t('login:message:login3'),
@ -353,51 +415,102 @@ export default {
return
} else if (res.IsMFA) {
this.$MFA({
UserId: res.BasicInfo.Id,
UserId: res.BasicInfo.IdentityUserId,
EMail: res.BasicInfo.EMail,
username: this.loginForm.username,
callBack: this.loginIn,
callBack: this.changeRoleLogin,
cancelBack: () => {
this.loading = false
},
})
return
} else if (res.BasicInfo.LoginState === 2) {
// 本次登录的IP或设备与上次不一致，请确认'
// this.$alert(this.$t('login:message:login4'), this.$t('common:title:warning'))
this.$message.warning(this.$t('login:message:login4'))
}
this.$store.dispatch('permission/generateRoutes').then((res) => {
this.loading = false
if (res && res.length > 0) {
this.$store.dispatch('global/getNoticeList')
this.$router.addRoutes(res)
if (this.loginType === 'DevOps') {
this.$router.replace({ path: res[0].path })
return
}
if (this.hasPermi(['role:radmin'])) {
this.$router.replace({ path: res[0].path })
return
}
if (
this.hasPermi(['role:air', 'role:rpm', 'role:rcrc', 'role:rir'])
) {
this.$router.replace({ path: '/trials/trials-list' })
} else {
this.$router.replace({ path: '/trials' })
}
} else {
// 此账户暂未配置菜单权限，请联系管理员处理后再登录。
this.$message.warning(this.$t('login:message:login2'))
}
})
// else if (res.BasicInfo.LoginState === 2) {
// // 本次登录的IP或设备与上次不一致，请确认'
// // this.$alert(this.$t('login:message:login4'), this.$t('common:title:warning'))
// this.$message.warning(this.$t('login:message:login4'))
// }
zzSessionStorage.removeItem('userId')
zzSessionStorage.removeItem('identityUserId')
this.changeRoleLogin()
})
.catch(() => {
this.showCode = true
this.loading = false
})
},
loginByRole(userRoleId) {
this.toggleRoleLoading = true
this.$store
.dispatch('user/loginByRole', { userRoleId })
.then((res) => {
this.toggleRoleLoading = false
if (res) {
this.$store
.dispatch('permission/generateRoutes')
.then((res) => {
this.loading = false
if (res && res.length > 0) {
this.$store.dispatch('global/getNoticeList')
this.$router.addRoutes(res)
// if (this.LoginState === 2) {
// this.$message.warning(this.$t('login:message:login4'))
// }
if (this.loginType === 'DevOps') {
this.$router.replace({ path: res[0].path })
return
}
if (this.hasPermi(['role:radmin'])) {
this.$router.replace({ path: res[0].path })
return
}
if (
this.hasPermi([
'role:air',
'role:rpm',
'role:rcrc',
'role:rir',
])
) {
this.$router.replace({ path: '/trials/trials-list' })
} else {
this.$router.replace({ path: '/trials' })
}
} else {
this.toggleRoleLoading = false
// 此账户暂未配置菜单权限，请联系管理员处理后再登录。
this.$message.warning(this.$t('login:message:login2'))
}
})
.catch((err) => {
this.toggleRoleLoading = false
})
} else {
this.toggleRoleLoading = false
}
})
.catch(() => {
this.showCode = true
this.loading = false
this.toggleRoleLoading = false
})
},
changeRoleLogin() {
if (
Array.isArray(this.$store.state.user.roles) &&
this.$store.state.user.roles.length === 1
) {
this.loginByRole(this.$store.state.user.roles[0].Id)
return
}
return (this.toggleRoleVisible = true)
},
cancel() {
this.showCode = true
this.loading = false
this.toggleRoleLoading = false
// this.toggleRoleVisible = false
},
onSuccess() {
this.isShow = false
this.loginIn()
@ -405,6 +518,67 @@ export default {
handleResetPwd() {
this.$router.push({ name: 'Resetpassword' })
},
// 输入框输入事件
setPassword(val) {
if (this.isShowPassword) {
this.loginForm.password = val
} else {
let reg =
/^(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.*[-_.@^+\$!%#*?&\$~])[A-Za-z0-9-~_.@^+\$~!%#*?&]{8,32}$/g // 只允许输入字母和数字
let nDot = /[^●]/g // 非圆点字符
let index = -1 // 新输入的字符位置
let lastChar = void 0 // 新输入的字符
let realArr = this.loginForm.password.split('') // 真实密码数组
let coverArr = val.split('') // 文本框显示密码数组
let coverLen = val.length // 文本框字符串长度
let realLen = this.loginForm.password.length // 真实密码长度
// 找到新输入的字符及位置
coverArr.forEach((el, idx) => {
if (nDot.test(el)) {
index = idx
lastChar = el
}
})
// 判断输入的字符是否符合规范，不符合的话去掉该字符
// if (lastChar && !reg.test(lastChar)) {
// coverArr.splice(index, 1)
// this.pwdCover = coverArr.join('')
// console.log(111111111111111, lastChar)
// // return
// }
if (coverLen - realLen <= 2) {
if (realLen < coverLen) {
// 新增字符
realArr.splice(index, 0, lastChar)
} else if (coverLen <= realLen && index !== -1) {
// 替换字符（选取一个或多个字符直接替换）
realArr.splice(index, realLen - (coverLen - 1), lastChar)
} else {
// 删除字符，因为 val 全是 ● ，没有办法匹配，不知道是从末尾还是中间删除的字符，删除了几个，不好对 password 处理，所以可以通过光标的位置和 val 的长度来判断
let pos = document.getElementById('pwd').selectionEnd // 获取光标位置
realArr.splice(pos, realLen - coverLen)
}
}
// 将 pwdCover 替换成 ●
this.pwdCover = val.replace(/\S/g, '●')
let v = val.replace(/●/g, '')
this.loginForm.password =
coverLen - realLen >= 2 ? realArr.join('') + v : realArr.join('')
}
},
// 点击右侧小眼睛控制显示隐藏
hidePassword() {
if (!this.isShowPassword) {
// console.log("显示");
this.isShowPassword = true
this.pwdCover = this.loginForm.password
} else {
// console.log("隐藏");
this.isShowPassword = false
this.pwdCover = this.pwdCover.replace(/\S/g, '●')
}
},
},
}
</script>

12
src/views/recompose/index.vue
View File

@ -42,6 +42,7 @@
</el-form-item>
<!-- 新密码 -->
<el-form-item
class="my_new_pwd"
:label="$t('recompose:form:newPassword')"
prop="NewPassWord"
>
@ -138,14 +139,16 @@ export default {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
async logout() {
var loginType = zzSessionStorage.getItem('loginType')
await this.$store.dispatch('user/logout')
await this.$store.dispatch('user/resetData')
if (loginType) {
this.$router.push(`/login?loginType=${loginType}`)
} else {
this.$router.push(`/login`)
}
this.$i18n.locale = 'zh'
this.setLanguage('zh')
if (!this.$i18n.locale) {
//this.$i18n.locale = 'zh'
//this.setLanguage('zh')
}
this.$updateDictionary()
},
save() {
@ -219,4 +222,7 @@ input {
background-color: transparent;
caret-color: #fff;
}
::v-deep .is-error.my_new_pwd {
margin-bottom: 45px;
}
</style>

2
src/views/research/form.vue
View File

@ -117,7 +117,7 @@
:title="$t('trials:researchForm:dialogTitle:reject')"
width="600px"
custom-class="base-dialog-wrapper"
:append-to-body="userTypeEnumInt !== 0"
append-to-body
>
<el-form ref="rejectForm" :model="rejectForm" label-width="100px">
<div class="base-dialog-body">

205
src/views/reviewers/ReviewersResearch.vue
View File

@ -1,10 +1,10 @@
<template>
<div class="question-login-wrapper">
<div class="box-wrapper">
<h2 style="text-align:center;">
<h2 style="text-align: center">
<!-- 中心调研表 -->
<!-- 独立阅片人信息填写 -->
{{$t("trials:researchForm:form:title")}}
{{ $t('trials:researchForm:form:title') }}
</h2>
<el-card shadow="hover" style="padding-top: 40px">
<el-form
@ -12,30 +12,45 @@
v-loading="loading"
:model="form"
label-width="150px"
style="width:80%;margin:0 auto;"
style="width: 80%; margin: 0 auto"
:rules="rules"
class="demo-ruleForm"
size="small"
>
<!-- 联系邮箱 -->
<el-form-item :label="$t('trials:researchForm:form:contactorEmail')" prop="EmailOrPhone">
<el-input v-model="form.EmailOrPhone" autocomplete="new-password" @change="handleEmailChange" />
<el-form-item
:label="$t('trials:researchForm:form:contactorEmail')"
prop="EmailOrPhone"
>
<el-input
v-model="form.EmailOrPhone"
autocomplete="new-password"
@change="handleEmailChange"
/>
</el-form-item>
<!-- 验证码 -->
<el-form-item :label="$t('trials:researchForm:form:verifyCode')" required>
<el-form-item
:label="$t('trials:researchForm:form:verifyCode')"
required
>
<el-col :span="20">
<el-form-item prop="VerificationCode">
<el-input v-model="form.VerificationCode" autocomplete="new-password" />
<el-input
v-model="form.VerificationCode"
autocomplete="new-password"
/>
</el-form-item>
</el-col>
<el-col :span="4">
<el-button
size="small"
type="primary"
style="width:100%;"
style="width: 100%"
:disabled="sendDisabled"
@click="handleSendCode"
>{{ sendTitle }}</el-button>
>{{ this.$t('trials:researchForm:button:send')
}}{{ count || count === 0 ? `(${count}s)` : '' }}</el-button
>
</el-col>
</el-form-item>
<el-form-item>
@ -44,10 +59,14 @@
{{ $t('common:button:cancel') }}
</el-button>
<!-- 提交 -->
<el-button size="small" type="primary" :loading="btnLoading" @click="onSubmit">
<el-button
size="small"
type="primary"
:loading="btnLoading"
@click="onSubmit"
>
{{ $t('common:button:submit') }}
</el-button>
</el-form-item>
</el-form>
</el-card>
@ -55,17 +74,23 @@
</div>
</template>
<script>
import { sendVerifyCode, verifySendCode, getTrialSurveyInitInfo } from '@/api/research'
import {
sendVerifyCode,
verifySendCode,
getTrialSurveyInitInfo,
} from '@/api/research'
import { verifyEmialGetDoctorInfo, sendEmialVerifyCode } from '@/api/reviewers'
import { login, getUserMenuTree, getUserPermissions } from '@/api/user'
import store from '@/store'
import { mapMutations } from 'vuex'
import { mapMutations } from 'vuex'
export default {
data() {
var checkPhone = (rule, value, callback) => {
const phoneReg = /^1[3|4|5|7|8][0-9]{9}$/
if (!value) {
return callback(new Error(this.$t('trials:researchForm:formRule:specify')))
return callback(
new Error(this.$t('trials:researchForm:formRule:specify'))
)
}
setTimeout(() => {
if (!Number.isInteger(+value)) {
@ -83,7 +108,8 @@ export default {
if (value === '') {
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
} else {
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
var reg =
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
this.sendDisabled = false
callback()
@ -97,8 +123,12 @@ export default {
if (value === '') {
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
} else {
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
if (this.form.ReplaceUserEmailOrPhone && reg.test(this.form.ReplaceUserEmailOrPhone)) {
var reg =
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
if (
this.form.ReplaceUserEmailOrPhone &&
reg.test(this.form.ReplaceUserEmailOrPhone)
) {
callback()
} else {
callback(new Error(this.$t('trials:researchForm:formRule:email')))
@ -120,26 +150,51 @@ export default {
TrialSiteCode: '',
IsUpdate: false,
ReplaceUserEmailOrPhone: '',
VerificationCode: ''
VerificationCode: '',
},
rules: {
SiteId: [
{ required: true, message: this.$t('trials:researchForm:formRule:specify'), trigger: ['blur'] }
{
required: true,
message: this.$t('trials:researchForm:formRule:specify'),
trigger: ['blur'],
},
],
UserName: [
{ required: true, message: this.$t('trials:researchForm:formRule:specify'), trigger: ['blur'] },
{ min: 0, max: 50, message: this.$t('trials:researchForm:formRule:maxLength'), trigger: 'blur' }
],
Phone: [
{ required: true, validator: checkPhone, trigger: ['blur'] }
{
required: true,
message: this.$t('trials:researchForm:formRule:specify'),
trigger: ['blur'],
},
{
min: 0,
max: 50,
message: this.$t('trials:researchForm:formRule:maxLength'),
trigger: 'blur',
},
],
Phone: [{ required: true, validator: checkPhone, trigger: ['blur'] }],
EmailOrPhone: [
{ required: true, validator: validateEmail, trigger: ['blur', 'change'] }
{
required: true,
validator: validateEmail,
trigger: ['blur', 'change'],
},
],
ReplaceUserEmailOrPhone: [
{ required: true, validator: validateReplaceEmail, trigger: ['blur'] }
{
required: true,
validator: validateReplaceEmail,
trigger: ['blur'],
},
],
VerificationCode: [
{
required: true,
message: this.$t('trials:researchForm:formRule:specify'),
trigger: ['blur'],
},
],
VerificationCode: [{ required: true, message: this.$t('trials:researchForm:formRule:specify'), trigger: ['blur'] }]
},
siteOptions: [],
loading: false,
@ -148,20 +203,19 @@ export default {
sendTitle: this.$t('trials:researchForm:button:send'),
count: '',
timer: null,
isHaveSiteSurveyRecord: false
isHaveSiteSurveyRecord: false,
}
},
created(){
created() {
this.$i18n.locale = this.$route.query.lang
this.setLanguage(this.$route.query.lang)
},
mounted() {
},
mounted() {},
methods: {
...mapMutations({ setLanguage: 'lang/setLanguage' }),
// 提交
onSubmit() {
this.$refs['resetForm'].validate(valid => {
this.$refs['resetForm'].validate((valid) => {
if (valid) {
// 登陆成功并跳转
this.btnLoading = true
@ -173,21 +227,44 @@ export default {
emailOrPhone: this.form.EmailOrPhone,
verificationCode: this.form.VerificationCode,
}
verifyEmialGetDoctorInfo(param).then(async res => {
this.btnLoading = false
zzSessionStorage.clear()
store.dispatch('user/setToken', res.Result.Token)
zzSessionStorage.setItem('TokenKey', res.Result.Token)
var permissions = await getUserPermissions()
var menuTree = await getUserMenuTree()
store.dispatch('user/setTree', menuTree.Result)
store.dispatch('user/setPermissions', permissions.Result)
// this.$router.push({ path: `/researchForm?trialId=${this.trialId}&trialSiteSurveyId=${res.Result.TrialSiteSurveyId}` })
this.$router.push({path: `/ReviewersResearchForm?Id=${res.Result.DoctorId ? res.Result.DoctorId : ''}&tabActive=BasicInfo&ReviewStatus=${res.Result.ReviewStatus}&lang=${this.$route.query.lang}`})
}).catch(() => {
this.btnLoading = false
this.sendDisabled = false
})
if (this.$route.query.trialId) {
param.TrialId = this.$route.query.trialId
}
verifyEmialGetDoctorInfo(param)
.then(async (res) => {
this.btnLoading = false
zzSessionStorage.clear()
store.dispatch('user/setToken', res.Result.Token)
zzSessionStorage.setItem('TokenKey', res.Result.Token)
var permissions = await getUserPermissions()
var menuTree = await getUserMenuTree()
store.dispatch('user/setTree', menuTree.Result)
store.dispatch('user/setPermissions', permissions.Result)
// this.$router.push({ path: `/researchForm?trialId=${this.trialId}&trialSiteSurveyId=${res.Result.TrialSiteSurveyId}` })
if (this.$route.query.trialId) {
this.$router.push({
path: `/curriculumVitae?Id=${
res.Result.DoctorId ? res.Result.DoctorId : ''
}&tabActive=BasicInfo&ReviewStatus=${
res.Result.ReviewStatus
}&trialId=${this.$route.query.trialId}&lang=${
this.$route.query.lang
}`,
})
} else {
this.$router.push({
path: `/curriculumVitae?Id=${
res.Result.DoctorId ? res.Result.DoctorId : ''
}&tabActive=BasicInfo&ReviewStatus=${
res.Result.ReviewStatus
}&lang=${this.$route.query.lang}`,
})
}
})
.catch(() => {
this.btnLoading = false
this.sendDisabled = false
})
} else {
return false
}
@ -197,21 +274,24 @@ export default {
handleSendCode() {
this.sendDisabled = true
const param = {
Email: this.form.EmailOrPhone
Email: this.form.EmailOrPhone,
}
sendEmialVerifyCode(param).then(res => {
if (res.IsSuccess) {
this.getCode()
} else {
this.$alert(res.ErrorMessage)
}
}).catch(() => {
this.sendDisabled = false
})
sendEmialVerifyCode(param)
.then((res) => {
if (res.IsSuccess) {
this.getCode()
} else {
this.$alert(res.ErrorMessage)
}
})
.catch(() => {
this.sendDisabled = false
})
},
// 邮箱change事件
handleEmailChange() {
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
var reg =
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
this.sendDisabled = false
} else {
@ -226,21 +306,24 @@ export default {
this.timer = setInterval(() => {
if (this.count > 0 && this.count <= TIME_COUNT) {
this.count--
this.sendTitle = `${this.$t('trials:researchForm:button:send')}(${this.count}s)`
this.sendTitle = `${this.$t('trials:researchForm:button:send')}(${
this.count
}s)`
this.sendDisabled = true
} else {
this.sendDisabled = false
this.sendTitle = this.$t('trials:researchForm:button:send')
clearInterval(this.timer)
this.timer = null
this.count = null
}
}, 1000)
}
},
onCancel() {
this.$refs['resetForm'].resetFields()
}
}
},
},
}
</script>
<style lang="scss" scoped>

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

@ -1,45 +1,92 @@
<template>
<div v-loading="loading" class="resumes-container">
<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">
<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>
<p>{{ $t('system:tip:file:pdf') }}</p>
</div>
<div v-if="!$route.query.ReviewStatus">
<el-table :data="agreementList" size="small">
<el-table-column type="index" width="40" />
<el-table-column 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
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">
<template slot-scope="scope">
<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>
<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>
</el-table-column>
</el-table>
</div>
<div style="margin-top:20px">
<div style="margin-top: 20px">
<span style="margin-right: 20px">
{{$t('trials:enrolledReviews:message:SOW')}}
{{ $t('trials:enrolledReviews:message:SOW') }}
</span>
<el-button size="small" 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')">
<el-button
size="small"
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>
{{ $t('common:button:template') }}
</el-button>
</div>
<el-table :data="sowList" size="small">
<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">
{{ scope.row.CriterionName }}
</template>
</el-table-column>
<el-table-column 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">
<el-table-column
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">
<el-switch
v-model="scope.row.IsEnable"
@ -49,32 +96,81 @@
/>
</template>
</el-table-column>
<el-table-column 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
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">
<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 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>
<el-button
type="text"
size="small"
: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>
</el-table-column>
</el-table>
<div style="margin-top:20px" v-if="!$route.query.ReviewStatus">
<div style="margin-top: 20px" v-if="!$route.query.ReviewStatus">
<span style="margin-right: 20px">
{{$t('trials:enrolledReviews:message:EQC')}}
{{ $t('trials:enrolledReviews:message:EQC') }}
</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>
<el-table :data="ackSowList" size="small" v-if="!$route.query.ReviewStatus">
<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">
{{ scope.row.CriterionName }}
</template>
</el-table-column>
<el-table-column 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">
<el-table-column
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">
<el-switch
v-model="scope.row.IsEnable"
@ -84,13 +180,45 @@
/>
</template>
</el-table-column>
<el-table-column 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
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="$t('common:action:action')" width="400">
<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 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>
<el-button
type="text"
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>
</el-table-column>
</el-table>
@ -103,7 +231,10 @@
label-width="120px"
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-option
v-for="item of $d.CriterionType"
@ -113,7 +244,10 @@
/>
</el-select>
</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
class="upload-demo"
action
@ -123,14 +257,25 @@
:on-remove="handleRemoveFile2"
:show-file-list="true"
:limit="1"
accept=".pdf"
: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
>
<span>{{ $t('system:tip:file:pdf') }}</span>
</el-upload>
</el-form-item>
<el-form-item :label="$t('system:Agreements:label:Remark')">
<el-input v-model="form.Remark" type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"></el-input>
<el-input
v-model="form.Remark"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4 }"
:maxlength="4000"
></el-input>
</el-form-item>
<el-form-item :label="$t('system:Agreements:label:Is Enable')">
<el-switch
@ -142,8 +287,20 @@
</el-form>
</template>
<template slot="dialog-footer">
<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>
<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>
</BaseModel>
</div>
@ -151,25 +308,43 @@
<script>
import { uploadFile } from '@/api/attachment'
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 { DownloadCommonDoc } from '@/api/dictionary'
export default {
name: 'Agreements',
components: {
UploadFiles, BaseModel
UploadFiles,
BaseModel,
},
props: {
reviewerId: {
type: String,
},
},
data() {
return {
doctorId: this.$route.query.Id,
doctorId: this.$route.query.Id || this.reviewerId,
agreementList: [],
sowList: [],
ackSowList: [],
loading: false,
isOpen: 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: {
Remark: null,
FileType: null,
@ -177,24 +352,56 @@ export default {
FilePath: null,
DoctorId: null,
CriterionType: null,
IsEnable: false
IsEnable: false,
},
rules: {
CriterionType: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
FilePath: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['blur'] }],
Remark: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
CriterionType: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur'],
},
],
FilePath: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur'],
},
],
},
fileList: []
fileList: [],
accept: '.pdf',
}
},
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
this.initSowList()
}
},
},
mounted() {
this.initSowList()
},
methods: {
handleDownload(code) {
this.loading = true
DownloadCommonDoc(code).then(data => {
this.loading = false
}).catch(() => { this.loading = false })
DownloadCommonDoc(code)
.then((data) => {
this.loading = false
})
.catch(() => {
this.loading = false
})
},
handleEditCol(row, fileType, title) {
this.model_cfg.visible = true
@ -206,7 +413,7 @@ export default {
handleRemoveFile3(row) {
this.$confirm('确定删除？').then(() => {
deleteDoctorCriterionFile({
Id: row.Id
Id: row.Id,
}).then(() => {
this.initSowList()
this.$message.success('删除成功')
@ -218,41 +425,79 @@ export default {
this.form.FilePath = null
this.fileList = []
},
beforeUpload() {
beforeUpload(row) {
if (this.fileList.length > 0) {
this.$alert('最多只能传一个附件')
return
}
if (!this.checkFileSuffix(row.name)) {
this.$message.warning(`Must be in .pdf format`)
return false
}
},
handlePreview3(row) {
return this.$preview({
path: row.FilePath,
type: 'pdf',
title: row.FileName,
})
if (row.FilePath) {
window.open(this.OSSclientConfig.basePath + row.FilePath, '_blank')
}
},
handlePreview2(row, r2) {
return this.$preview({
path: row.fullPath,
type: 'pdf',
title: row.FileName,
})
if (row.fullPath) {
window.open(this.OSSclientConfig.basePath + row.fullPath, '_blank')
}
},
checkFileSuffix(fileName) {
var index = fileName.lastIndexOf('.')
var suffix = fileName.substring(index + 1, fileName.length)
return (
this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
)
},
async handleUploadFile(param) {
this.btnLoading = true
var fileName = param.file.name
let file = await this.fileToBlob(param.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.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.btnLoading = false
try {
this.btnLoading = true
var fileName = param.file.name
let file = await this.fileToBlob(param.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.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.btnLoading = false
} catch (err) {
console.log(err)
}
},
handleCancle() {
this.model_cfg.visible = false
},
handleSave() {
this.$refs['DictionaryTypeConfigForm'].validate(valid => {
this.$refs['DictionaryTypeConfigForm'].validate((valid) => {
if (!valid) return
this.form.DoctorId = this.doctorId
this.form.CriterionName = this.$fd('CriterionType', this.form.CriterionType)
addDoctorCriterionFile(this.form).then(res => {
this.form.CriterionName = this.$fd(
'CriterionType',
this.form.CriterionType
)
addDoctorCriterionFile(this.form).then((res) => {
this.$message.success('添加成功')
this.initSowList()
this.handleCancle()
@ -267,7 +512,8 @@ export default {
FileName: null,
FilePath: null,
DoctorId: null,
CriterionType: null
CriterionType: null,
IsEnable: false,
}
this.handleRemoveFile2()
this.form.FileType = fileType
@ -277,18 +523,24 @@ export default {
if (!this.doctorId) return
getDoctorCriterionFile({
fileType: 0,
DoctorId: this.doctorId
}).then(res => {
DoctorId: this.doctorId,
}).then((res) => {
this.sowList = res.Result
})
getDoctorCriterionFile({
fileType: 1,
DoctorId: this.doctorId
}).then(res => {
DoctorId: this.doctorId,
}).then((res) => {
this.ackSowList = res.Result
})
},
handlePreview(row) {
console.log(row)
return this.$preview({
path: row.FullPath,
type: 'pdf',
title: row.FileName,
})
if (row.FullPath) {
window.open(this.OSSclientConfig.basePath + row.FullPath, '_blank')
}
@ -298,12 +550,12 @@ export default {
},
getFileList(fileList) {
this.agreementList = fileList
}
}
},
},
}
</script>
<style lang="scss" scoped>
.resumes-container{
.resumes-container {
p {
float: left;
font-size: 13px;
@ -314,5 +566,4 @@ export default {
float: left;
}
}
</style>

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

@ -15,31 +15,65 @@
>
<el-row>
<el-col :span="12">
<el-form-item v-if="basicInfo.ReviewerCode" :label="$t('system:reviewer:label:Id')">
<el-input v-model="basicInfo.ReviewerCode" disabled size="small" />
<el-form-item
v-if="basicInfo.ReviewerCode"
:label="$t('system:reviewer:label:Id')"
>
<el-input
v-model="basicInfo.ReviewerCode"
disabled
size="small"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:LastName')" prop="LastName">
<el-input v-model="basicInfo.LastName" :disabled="$route.query.ReviewStatus === '1'" size="small" />
<el-form-item
:label="$t('system:reviewer:label:LastName')"
prop="LastName"
>
<el-input
v-model="basicInfo.LastName"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:FirstName')" prop="FirstName">
<el-input v-model="basicInfo.FirstName" :disabled="$route.query.ReviewStatus === '1'" size="small" />
<el-form-item
:label="$t('system:reviewer:label:FirstName')"
prop="FirstName"
>
<el-input
v-model="basicInfo.FirstName"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:NameCN')" prop="ChineseName">
<el-input v-model="basicInfo.ChineseName" :disabled="$route.query.ReviewStatus === '1'" size="small" />
<el-form-item
:label="$t('system:reviewer:label:NameCN')"
prop="ChineseName"
>
<el-input
v-model="basicInfo.ChineseName"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<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
v-model="basicInfo.Sex"
prop="Sex"
@ -59,12 +93,23 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Phone')" prop="Phone">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="basicInfo.Phone" size="small" />
<el-form-item
:label="$t('system:reviewer:label:Phone')"
prop="Phone"
>
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="basicInfo.Phone"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<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
:disabled="$route.query.ReviewStatus === '1'"
v-model="basicInfo.TitleIds[0]"
@ -89,15 +134,23 @@
</el-row>
<el-row>
<el-col :span="12">
<el-form-item :label="$t('system:reviewer:label:Email')" prop="EMail">
<el-input v-model="basicInfo.EMail" :disabled="$route.query.ReviewStatus === '1'" size="small" />
<el-form-item
:label="$t('system:reviewer:label:Email')"
prop="EMail"
>
<el-input
v-model="basicInfo.EMail"
:disabled="$route.query.ReviewStatus === '1'"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<!-- <el-col :span="12">-->
<!-- <el-form-item label="WeChat: " prop="WeChat">-->
<!-- <el-input v-model="basicInfo.WeChat" :disabled="$route.query.ReviewStatus === '1'" size="small" />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="12">-->
<!-- <el-form-item label="WeChat: " prop="WeChat">-->
<!-- <el-input v-model="basicInfo.WeChat" :disabled="$route.query.ReviewStatus === '1'" size="small" />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<el-col :span="12">
<!-- <el-form-item label="Payment Type: " prop="Nation">
<el-radio-group v-model="basicInfo.Nation">
@ -106,7 +159,10 @@
</el-radio-group>
</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
:disabled="$route.query.ReviewStatus === '1'"
v-model="basicInfo.Nation"
@ -114,13 +170,18 @@
clearable
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-form-item>
</el-col>
</el-row>
<!-- <el-row>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- </el-row>-->
<el-row>
<el-form-item style="margin-left: 120px">
<el-button
@ -129,7 +190,9 @@
:loading="isDisabled"
size="small"
@click="handleSave"
> {{ $t('common:button:save') }}</el-button>
>
{{ $t('common:button:save') }}</el-button
>
</el-form-item>
</el-row>
</el-form>
@ -142,6 +205,15 @@ import { getBasicInfo, addOrUpdateDoctorBasicInfo } from '@/api/reviewers'
import { changeURLStatic } from '@/utils/history.js'
import { getBasicDataSelects } from '@/api/dictionary/dictionary'
export default {
props: {
reviewerId: {
type: String,
},
isSystem: {
type: Boolean,
default: true,
},
},
data() {
return {
basicInfo: {
@ -156,58 +228,86 @@ export default {
EMail: '',
WeChat: '',
Introduction: '',
Nation: 0
Nation: 0,
},
rules: {
FirstName: [
{
required: true,
message: 'Please enter FirstName',
trigger: 'blur'
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
{ max: 50, message: 'The maximum length is 50' }
],
LastName: [
{ required: true, message: 'Please enter LastName', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ChineseName: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ChineseName: [{ max: 50, message: 'The maximum length is 50' }],
Sex: [
{ required: true, message: 'Please select gender', trigger: 'blur' }
{ required: true, message: 'Please select gender', trigger: 'blur' },
],
TitleIds: [
{ required: true, message: 'Please select Title', trigger: 'blur' }
{ required: true, message: 'Please select Title', trigger: 'blur' },
],
Phone: [
{
required: true,
message: 'Please enter phone number',
trigger: 'blur'
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
{ max: 20, min: 7, message: 'The length is 7 to 20' }
],
EMail: [
{
required: true,
message: 'Please input the email address',
trigger: 'blur'
trigger: 'blur',
},
{
type: 'email',
message: 'Please input the correct email address',
trigger: 'blur,change'
trigger: 'blur,change',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
WeChat: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
{ max: 50, message: 'The maximum length is 50' }
],
WeChat: [{ max: 50, message: 'The maximum length is 50' }]
},
isDisabled: false,
loading: false,
genderOptions: [
{ label: 'Male', value: 0 },
{ label: 'Female', value: 1 }
{ label: 'Female', value: 1 },
],
dictionaryList: {}
dictionaryList: {},
}
},
mounted() {
@ -227,7 +327,12 @@ export default {
this.$message.success('Saved successfully')
if (!this.id) {
this.basicInfo.Id = res.Result.Id
changeURLStatic('Id', res.Result.Id)
if (this.isSystem) {
changeURLStatic('Id', res.Result.Id)
}
if (!this.reviewerId) {
this.$emit('update:reviewerId', res.Result.Id)
}
this.basicInfo.ReviewerCode = res.Result.ReviewerCode
}
})
@ -241,27 +346,29 @@ export default {
async initForm() {
await this.getDicData()
const id = this.$route.query.Id
const id = this.$route.query.Id || this.reviewerId
if (id) {
this.loading = true
getBasicInfo(id).then((res) => {
// eslint-disable-next-line no-unused-vars
const { TitleList, ...param } = res.Result
this.basicInfo = param
this.loading = false
}).catch(() => {
this.loading = false
})
getBasicInfo(id)
.then((res) => {
// eslint-disable-next-line no-unused-vars
const { TitleList, ...param } = res.Result
this.basicInfo = param
this.loading = false
})
.catch(() => {
this.loading = false
})
}
},
getDicData() {
getBasicDataSelects(['Title']).then(res => {
this.dictionaryList = { ...res.Result }
}).catch(() => {
})
}
}
getBasicDataSelects(['Title'])
.then((res) => {
this.dictionaryList = { ...res.Result }
})
.catch(() => {})
},
},
}
</script>
<style lang="scss" scoped>

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

@ -2,73 +2,90 @@
<div class="credentials-container">
<div class="clearfix">
<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>
<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')">-->
<!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template-->
<!-- </el-button>-->
<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')">-->
<!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template-->
<!-- </el-button>-->
</el-card>
<el-card class="e-card">
<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')">-->
<!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template-->
<!-- </el-button>-->
<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')">-->
<!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template-->
<!-- </el-button>-->
</p>
<upload-file :doctor-id="doctorId" type="Medical Qualification Certificate" />
<upload-file
:doctor-id="doctorId"
type="Medical Qualification Certificate"
/>
</el-card>
<el-card class="e-card">
<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')">-->
<!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template-->
<!-- </el-button>-->
<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')">-->
<!-- <i class="el-icon-view el-icon-download"></i>-->
<!-- Template-->
<!-- </el-button>-->
</p>
<upload-file :doctor-id="doctorId" type="Practice License" />
</el-card>
</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">
<el-card class="e-card">
<p class="title">CT
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
<p class="title">
CT
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
</p>
<upload-file :doctor-id="doctorId" type="Modality Certificate(CT)" />
</el-card>
<el-card class="e-card">
<p class="title">MRI
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
<p class="title">
MRI
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
</p>
<upload-file :doctor-id="doctorId" type="Modality Certificate(MRI)" />
</el-card>
<el-card class="e-card">
<p class="title">NM
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
<p class="title">
NM
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
</p>
<upload-file :doctor-id="doctorId" type="Modality Certificate(NM)" />
</el-card>
<el-card class="e-card">
<p class="title">US
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
<p class="title">
US
<!-- <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>-->
<!-- Template-->
<!-- </el-button>-->
</p>
<upload-file :doctor-id="doctorId" type="Modality Certificate(US)" />
</el-card>
@ -80,41 +97,56 @@ import UploadFile from '@/components/UploadFile'
import { DownloadCommonDoc } from '@/api/dictionary'
export default {
components: {
UploadFile
UploadFile,
},
props: {
reviewerId: {
type: String,
},
},
data() {
return {
doctorId: this.$route.query.Id
doctorId: this.$route.query.Id || this.reviewerId,
}
},
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
}
},
},
methods: {
handleDownload(code) {
this.loading = true
DownloadCommonDoc(code).then(data => {
this.loading = false
}).catch(() => { this.loading = false })
}
}
DownloadCommonDoc(code)
.then((data) => {
this.loading = false
})
.catch(() => {
this.loading = false
})
},
},
}
</script>
<style lang="scss">
.credentials-container{
.credentials-container {
.e-card {
width: 32.5%;
height: 180px;
font-size: 12px;
position: relative;
float: left;
margin: 0px 10px 5px 0px;
.title{
font-size: 13px;
margin-bottom: 15px;
font-weight: bold;
width: 32.5%;
height: 180px;
font-size: 12px;
position: relative;
float: left;
margin: 0px 10px 5px 0px;
.title {
font-size: 13px;
margin-bottom: 15px;
font-weight: bold;
}
}
h6{
margin:0;
h6 {
margin: 0;
}
}
</style>

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

File diff suppressed because it is too large Load Diff

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

@ -1,7 +1,7 @@
<template>
<div class="form-container">
<el-card class="box-card">
<div style="width:80%;">
<div style="width: 80%">
<el-form
ref="employmentForm"
v-loading="loading"
@ -10,42 +10,65 @@
class="demo-ruleForm"
label-width="150px"
>
<el-row>
<el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:Hospital')" prop="HospitalId">
<el-select
v-model="employmentForm.HospitalId"
placeholder="select"
:disabled="$route.query.ReviewStatus === '1'"
style="width:100%;"
size="small"
@change="handleHospitalChange"
>
<el-option
v-for="(item,index) in hospitalList"
:key="index"
:label="item.HospitalName"
:value="item.Id"
>
<span>
{{ item.HospitalName }}
</span>
</el-option>
</el-select>
<el-form-item
:label="$t('system:reviewer:label:Hospital')"
prop="HospitalName"
>
<el-autocomplete
clearable
class="inline-input"
style="width: 100%"
v-model="employmentForm.HospitalName"
:fetch-suggestions="querySearch"
@select="handleSelect"
placeholder="Please specify in English"
@change="handleChange"
></el-autocomplete>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item prop="HospitalNameCN">
<el-autocomplete
clearable
class="inline-input"
style="width: 100%"
v-model="employmentForm.HospitalNameCN"
:fetch-suggestions="querySearchCN"
@select="handleSelect"
placeholder="请用中文注明"
@change="handleChange"
></el-autocomplete>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:AffiliatedUniversity')">
<el-form-item
:label="$t('system:reviewer:label:AffiliatedUniversity')"
prop="UniversityAffiliated"
>
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="UniversityAffiliated"
v-model="employmentForm.UniversityAffiliated"
type="textarea"
autosize
placeholder="Please specify in English"
size="small"
:maxlength="4000"
/>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item prop="UniversityAffiliated">
<el-input
v-model="employmentForm.UniversityAffiliatedCN"
type="textarea"
autosize
placeholder="请用中文注明"
size="small"
:maxlength="4000"
/>
</el-form-item>
</el-col>
@ -53,33 +76,59 @@
<el-row>
<el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:City')">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="City" size="small" />
<el-input
v-model="employmentForm.City"
size="small"
placeholder="Please specify in English"
/>
</el-form-item>
</el-col>
<el-col :span="14">
<el-form-item>
<el-input
v-model="employmentForm.CityCN"
size="small"
placeholder="请用中文注明"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<!-- <el-row>
<el-col :span="14">
<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
v-model="Province"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="14">
<el-form-item :label="$t('system:reviewer:label:Country')">
<el-input :disabled="$route.query.ReviewStatus === '1'" v-model="Country" size="small" />
<el-input
disabled
v-model="Country"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
</el-row> -->
<el-row>
<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
v-model="employmentForm.DepartmentId"
placeholder="select"
:disabled="$route.query.ReviewStatus === '1'"
style="width:100%;"
style="width: 100%"
size="small"
>
<!-- <el-option
@ -94,27 +143,40 @@
:label="item.Value"
:value="item.Id"
/>
<el-option label="Other" :value="otherId" />
<el-option
:label="$t('curriculumVitae:selectLabel:Other')"
:value="otherId"
/>
</el-select>
</el-form-item>
</el-col>
<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
:disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.DepartmentOther"
placeholder="Please specify (required)"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<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
:disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.DepartmentOtherCN"
placeholder="请用中文注明"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
@ -122,13 +184,16 @@
<el-row>
<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
:disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.RankId"
placeholder="select"
@change="RankChange"
style="width:100%;"
style="width: 100%"
size="small"
>
<!-- <el-option
@ -143,124 +208,93 @@
:label="item.label"
:value="item.id"
/>
<!-- <el-option label="Other" :value="otherId" />-->
<!-- <el-option label="Other" :value="otherId" />-->
</el-select>
</el-form-item>
</el-col>
<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') ===
$t('curriculumVitae:selectLabel:Other')
"
class="other-item"
prop="RankOther"
>
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.RankOther"
placeholder="Please specify"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<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') ===
$t('curriculumVitae:selectLabel:Other')
"
class="other-item"
prop="RankOtherCN"
>
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.RankOtherCN"
placeholder="请用中文注明"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="14">
<el-form-item
:label="$t('system:reviewer:label:WorkPartTime')"
prop="WorkPartTime"
>
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.WorkPartTime"
type="textarea"
:rows="2"
:placeholder="
$t('curriculumVitae:info:form:placeholder:partTimeJob')
"
size="small"
:maxlength="4000"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="14">
<el-form-item prop="WorkPartTimeEn">
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="employmentForm.WorkPartTimeEn"
type="textarea"
:rows="2"
:placeholder="
$t('curriculumVitae:info:form:placeholder:partTimeJobEN')
"
size="small"
:maxlength="4000"
/>
</el-form-item>
</el-col>
</el-row>
<!-- <el-row>-->
<!-- <el-col :span="14">-->
<!-- <el-form-item label="Physician: " prop="PhysicianId" >-->
<!-- <el-select-->
<!-- v-model="employmentForm.PhysicianId"-->
<!-- placeholder="select"-->
<!-- :disabled="$route.query.ReviewStatus === '1'"-->
<!-- @change="PhysicianChange"-->
<!-- style="width:100%;"-->
<!-- size="small"-->
<!-- >-->
<!-- <el-option-->
<!-- v-for="item of $d.PhysicianOriginal"-->
<!-- :key="item.id"-->
<!-- :label="item.raw.Value"-->
<!-- :value="item.id"-->
<!-- />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item v-if="$fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === '其它' || $fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === 'Other'" class="other-item" prop="Physician">-->
<!-- <el-input-->
<!-- :disabled="$route.query.ReviewStatus === '1'"-->
<!-- v-model="employmentForm.Physician"-->
<!-- placeholder="Please specify"-->
<!-- size="small"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item v-if="$fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === '其它' || $fd('PhysicianOriginal', employmentForm.PhysicianId, 'id') === 'Other'" class="other-item" prop="PhysicianCN">-->
<!-- <el-input-->
<!-- :disabled="$route.query.ReviewStatus === '1'"-->
<!-- v-model="employmentForm.PhysicianCN"-->
<!-- placeholder="请用中文注明"-->
<!-- size="small"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<!-- <el-row>-->
<!-- <el-col :span="14">-->
<!-- <el-form-item label="Position: " prop="PositionId">-->
<!-- <el-select-->
<!-- :disabled="$route.query.ReviewStatus === '1'"-->
<!-- v-model="employmentForm.PositionId"-->
<!-- placeholder="select"-->
<!-- style="width:100%;"-->
<!-- size="small"-->
<!-- >-->
<!-- &lt;!&ndash; <el-option-->
<!-- v-for="(key,value) of dictionaryList.Position"-->
<!-- :key="key"-->
<!-- :label="key"-->
<!-- :value="value"-->
<!-- /> &ndash;&gt;-->
<!-- <el-option-->
<!-- v-for="item of dictionaryList.Position"-->
<!-- :key="item.Id"-->
<!-- :label="item.Value"-->
<!-- :value="item.Id"-->
<!-- />-->
<!-- <el-option label="Other" :value="otherId" />-->
<!-- <el-option label="None" value="f30a074b-2b47-4a92-97ec-e15086d37883" />-->
<!-- </el-select>-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item v-if="employmentForm.PositionId===otherId" class="other-item" prop="PositionOther">-->
<!-- <el-input-->
<!-- :disabled="$route.query.ReviewStatus === '1'"-->
<!-- v-model="employmentForm.PositionOther"-->
<!-- placeholder="Please specify"-->
<!-- size="small"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- <el-col :span="5">-->
<!-- <el-form-item v-if="employmentForm.PositionId===otherId" class="other-item" prop="PositionOtherCN">-->
<!-- <el-input-->
<!-- :disabled="$route.query.ReviewStatus === '1'"-->
<!-- v-model="employmentForm.PositionOtherCN"-->
<!-- placeholder="请用中文注明"-->
<!-- size="small"-->
<!-- />-->
<!-- </el-form-item>-->
<!-- </el-col>-->
<!-- </el-row>-->
<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>
</div>
@ -274,9 +308,14 @@ import store from '@/store'
import { mapGetters } from 'vuex'
export default {
name: 'Employment',
props: {
reviewerId: {
type: String,
},
},
data() {
const RankIndication = (rule, value, callback) => {
if (value === '其它' || value === 'Other') {
if (value === this.$t('curriculumVitae:selectLabel:Other')) {
if (!this.trialForm.IndicationOther) {
return callback(new Error('请输入适应症'))
}
@ -284,7 +323,7 @@ export default {
callback()
}
const PhysicianIndication = (rule, value, callback) => {
if (value === '其它' || value === 'Other') {
if (value === this.$t('curriculumVitae:selectLabel:Other')) {
if (!this.trialForm.IndicationOther) {
return callback(new Error('请输入适应症'))
}
@ -293,7 +332,7 @@ export default {
}
return {
employmentForm: {
Id: this.$route.query.Id,
Id: this.$route.query.Id || this.reviewerId,
DepartmentId: '',
DepartmentOther: '',
DepartmentOtherCN: '',
@ -307,49 +346,236 @@ export default {
PhysicianId: '',
Physician: '',
PhysicianCN: '',
PhysicianOriginal: null
PhysicianOriginal: null,
HospitalName: '',
HospitalNameCN: '',
WorkPartTime: null,
WorkPartTimeEn: null,
UniversityAffiliated: null,
UniversityAffiliatedCN: null,
City: null,
CityCN: null,
},
UniversityAffiliated: '',
City: '',
Province: '',
Country: '',
employmentRules: {
DepartmentId: [{ required: true, message: 'Please select department', trigger: 'blur' }],
HospitalName: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur', 'change'],
},
],
HospitalNameCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur', 'change'],
},
],
DepartmentId: [
{
required: true,
message: 'Please select department',
trigger: 'blur',
},
],
DepartmentOther: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
DepartmentOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
RankId: [
{ required: true, message: 'Please select rank', trigger: 'blur' },
],
RankOther: [
{ required: true, message: 'Please select rank', trigger: 'blur' },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
RankOtherCN: [
{ required: true, message: 'Please select rank', trigger: 'blur' },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
PhysicianId: [
{
required: true,
message: 'Please select Physician',
trigger: 'blur',
},
],
Physician: [
{
required: true,
message: 'Please select Physician',
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
PhysicianCN: [
{
required: true,
message: 'Please select Physician',
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
PositionId: [
{
required: true,
message: 'Please select position',
trigger: 'blur',
},
],
PositionOther: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
PositionOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
HospitalId: [
{
required: true,
message: 'Please select hospital',
trigger: 'blur',
},
],
DepartmentOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
RankId: [{ required: true, message: 'Please select rank', trigger: 'blur' }],
RankOther: [{ required: true, message: 'Please select rank', trigger: 'blur' }, { max: 50, message: 'The maximum length is 50' }],
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' }],
PositionOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
HospitalId: [{ required: true, message: 'Please select hospital', trigger: 'blur' }]
},
isDisabled: false,
selectId: '00000000-0000-0000-0000-000000000000',
otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
loading: false,
dictionaryList: {}
dictionaryList: {},
hospitalSelectList: [],
hospitalSelectListCN: [],
}
},
computed: {
...mapGetters(['hospitalList'])
...mapGetters(['hospitalList']),
isEN() {
return this.$i18n.locale !== 'zh'
},
},
mounted() {
this.initEmployment()
},
watch: {
hospitalList: {
handler() {
if (!Array.isArray(this.hospitalList) || this.hospitalList.length <= 0)
return false
this.hospitalSelectList = []
this.hospitalList.forEach((item) => {
this.hospitalSelectList.push({
value: item.HospitalName,
...item,
})
this.hospitalSelectListCN.push({
value: item.HospitalNameCN,
...item,
})
})
},
deep: true,
},
},
methods: {
handleSelect(value) {
const item = value
if (item) {
this.employmentForm.HospitalName = item.HospitalName
this.employmentForm.HospitalNameCN = item.HospitalNameCN
this.employmentForm.UniversityAffiliated = item.UniversityAffiliated
this.employmentForm.City = item.City
this.employmentForm.UniversityAffiliatedCN = item.UniversityAffiliatedCN
this.employmentForm.CityCN = item.CityCN
} else {
this.employmentForm.UniversityAffiliated = null
this.employmentForm.City = null
this.employmentForm.UniversityAffiliatedCN = null
this.employmentForm.CityCN = null
}
},
handleChange(v) {
if (v) return
this.employmentForm.UniversityAffiliated = null
this.employmentForm.City = null
this.employmentForm.UniversityAffiliatedCN = null
this.employmentForm.CityCN = null
},
querySearch(queryString, cb) {
var hospitalList = this.hospitalSelectList
var results = queryString
? hospitalList.filter(this.createFilter(queryString))
: hospitalList
// 调用 callback 返回建议列表的数据
cb(results)
},
querySearchCN(queryString, cb) {
var hospitalList = this.hospitalSelectListCN
var results = queryString
? hospitalList.filter(this.createFilter(queryString, false))
: hospitalList
// 调用 callback 返回建议列表的数据
cb(results)
},
createFilter(queryString, isEN = true) {
return (hospitalList) => {
if (isEN) {
return (
hospitalList.HospitalName.toLowerCase().indexOf(
queryString.toLowerCase()
) >= 0
)
} else {
return (
hospitalList.HospitalNameCN.toLowerCase().indexOf(
queryString.toLowerCase()
) >= 0
)
}
}
},
RankChange(val) {
var o = this.$d.Rank.find(v => {
var o = this.$d.Rank.find((v) => {
return v.id === val
})
if (o.label === '其它' || o.label === 'Other') {
if (o.label === this.$t('curriculumVitae:selectLabel:Other')) {
this.employmentForm.RankOther = ''
this.employmentForm.RankOtherCN = ''
} else {
@ -358,10 +584,10 @@ export default {
}
},
PhysicianChange(val) {
var o = this.$d.PhysicianOriginal.find(v => {
var o = this.$d.PhysicianOriginal.find((v) => {
return v.id === val
})
if (o.label === '其它' || o.label === 'Other') {
if (o.label === this.$t('curriculumVitae:selectLabel:Other')) {
this.employmentForm.Physician = ''
this.employmentForm.PhysicianCN = ''
} else {
@ -370,7 +596,7 @@ export default {
}
},
handleSave() {
this.$refs.employmentForm.validate(valid => {
this.$refs.employmentForm.validate((valid) => {
if (valid) {
this.loading = true
this.isDisabled = true
@ -378,67 +604,137 @@ export default {
// var o = this.$d.PhysicianOriginal.find(v => {
// 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.DepartmentOther = this.employmentForm.DepartmentId === this.otherId ? this.employmentForm.DepartmentOther : ''
param.DepartmentOtherCN = this.employmentForm.DepartmentId === this.otherId ? this.employmentForm.DepartmentOtherCN : ''
param.WorkPartTime = this.employmentForm.WorkPartTime
param.WorkPartTimeEn = this.employmentForm.WorkPartTimeEn
param.DepartmentOther =
this.employmentForm.DepartmentId === this.otherId
? this.employmentForm.DepartmentOther
: ''
param.DepartmentOtherCN =
this.employmentForm.DepartmentId === this.otherId
? this.employmentForm.DepartmentOtherCN
: ''
param.RankId = this.employmentForm.RankId
param.RankOther = this.employmentForm.RankId === this.otherId ? this.employmentForm.RankOther : ''
param.RankOtherCN = this.employmentForm.RankId === this.otherId ? this.employmentForm.RankOtherCN : ''
param.RankOther =
this.employmentForm.RankId === this.otherId
? this.employmentForm.RankOther
: ''
param.RankOtherCN =
this.employmentForm.RankId === this.otherId
? this.employmentForm.RankOtherCN
: ''
// param.PhysicianId = this.employmentForm.PhysicianId
// 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.PositionId = this.employmentForm.PositionId
param.PositionOther = this.employmentForm.PositionId === this.otherId ? this.employmentForm.PositionOther : ''
param.PositionOtherCN = this.employmentForm.PositionId === this.otherId ? this.employmentForm.PositionOtherCN : ''
param.PositionOther =
this.employmentForm.PositionId === this.otherId
? this.employmentForm.PositionOther
: ''
param.PositionOtherCN =
this.employmentForm.PositionId === this.otherId
? this.employmentForm.PositionOtherCN
: ''
param.HospitalId = this.employmentForm.HospitalId
updateEmploymentInfo(param).then(res => {
this.isDisabled = false
this.loading = false
this.$message.success('Saved successfully')
if (!this.id) {
this.employmentForm.Id = res.Result
}
}).catch(() => {
this.isDisabled = false
this.loading = false
})
param.HospitalName = this.employmentForm.HospitalName
param.HospitalNameCN = this.employmentForm.HospitalNameCN
param.UniversityAffiliated = this.employmentForm.UniversityAffiliated
param.UniversityAffiliatedCN =
this.employmentForm.UniversityAffiliatedCN
param.City = this.employmentForm.City
param.CityCN = this.employmentForm.CityCN
updateEmploymentInfo(param)
.then((res) => {
this.isDisabled = false
this.loading = false
this.$message.success('Saved successfully')
if (!this.id) {
this.employmentForm.Id = res.Result
}
})
.catch(() => {
this.isDisabled = false
this.loading = false
})
}
})
},
initForm() {
const id = this.$route.query.Id
const id = this.$route.query.Id || this.reviewerId
if (id) {
this.loading = true
getEmploymentInfo(id).then(res => {
const { PhysicianId, Physician, PhysicianCN, DepartmentId, DepartmentOther, DepartmentOtherCN, RankId, RankOther, RankOtherCN, PositionId, PositionOther, PositionOtherCN, HospitalId } = res.Result
this.employmentForm.Id = id
this.employmentForm.DepartmentId = DepartmentId === this.selectId ? '' : DepartmentId
this.employmentForm.DepartmentOther = DepartmentOther
this.employmentForm.DepartmentOtherCN = DepartmentOtherCN
this.employmentForm.RankId = RankId === this.selectId ? '' : RankId
this.employmentForm.RankOther = RankOther
this.employmentForm.RankOtherCN = RankOtherCN
this.employmentForm.PositionId = PositionId === this.selectId ? '' : PositionId
this.employmentForm.PositionOther = PositionOther
this.employmentForm.PhysicianId = PhysicianId
this.employmentForm.Physician = Physician
this.employmentForm.PhysicianCN = PhysicianCN
this.employmentForm.PositionOtherCN = PositionOtherCN
this.employmentForm.HospitalId = HospitalId === this.selectId ? '' : HospitalId
this.handleHospitalChange(this.employmentForm.HospitalId)
this.loading = false
}).catch(() => { this.loading = false })
getEmploymentInfo(id)
.then((res) => {
const {
PhysicianId,
Physician,
PhysicianCN,
DepartmentId,
DepartmentOther,
DepartmentOtherCN,
RankId,
RankOther,
RankOtherCN,
PositionId,
PositionOther,
PositionOtherCN,
HospitalId,
HospitalName,
HospitalNameCN,
WorkPartTime,
WorkPartTimeEn,
UniversityAffiliated,
UniversityAffiliatedCN,
City,
CityCN,
} = res.Result
this.employmentForm.HospitalName = HospitalName
this.employmentForm.HospitalNameCN = HospitalNameCN
this.employmentForm.UniversityAffiliated = UniversityAffiliated
this.employmentForm.UniversityAffiliatedCN = UniversityAffiliatedCN
this.employmentForm.City = City
this.employmentForm.CityCN = CityCN
this.employmentForm.WorkPartTime = WorkPartTime
this.employmentForm.WorkPartTimeEn = WorkPartTimeEn
this.employmentForm.Id = id
this.employmentForm.DepartmentId =
DepartmentId === this.selectId ? '' : DepartmentId
this.employmentForm.DepartmentOther = DepartmentOther
this.employmentForm.DepartmentOtherCN = DepartmentOtherCN
this.employmentForm.RankId = RankId === this.selectId ? '' : RankId
this.employmentForm.RankOther = RankOther
this.employmentForm.RankOtherCN = RankOtherCN
this.employmentForm.PositionId =
PositionId === this.selectId ? '' : PositionId
this.employmentForm.PositionOther = PositionOther
this.employmentForm.PhysicianId = PhysicianId
this.employmentForm.Physician = Physician
this.employmentForm.PhysicianCN = PhysicianCN
this.employmentForm.PositionOtherCN = PositionOtherCN
this.employmentForm.HospitalId =
HospitalId === this.selectId ? '' : HospitalId
this.handleHospitalChange(this.employmentForm.HospitalId)
this.loading = false
})
.catch(() => {
this.loading = false
})
}
},
handleHospitalChange(value) {
const item = this.hospitalList.filter(item => item.Id === value)
const item = this.hospitalList.filter((item) => item.Id === value)
if (item.length) {
this.UniversityAffiliated = item[0].UniversityAffiliated
this.City = item[0].City
this.Province = item[0].Province
this.Country = item[0].Country
this.UniversityAffiliated = this.isEN
? item[0].UniversityAffiliated
: item[0].UniversityAffiliatedCN
this.City = this.isEN ? item[0].City : item[0].CityCN
this.Province = this.isEN ? item[0].Province : item[0].ProvinceCN
this.Country = this.isEN ? item[0].Country : item[0].CountryCN
}
},
async initEmployment() {
@ -447,15 +743,15 @@ export default {
this.initForm()
},
getDicData() {
getBasicDataSelects(['Department', 'Rank', 'Position']).then(res => {
getBasicDataSelects(['Department', 'Rank', 'Position']).then((res) => {
this.dictionaryList = { ...res.Result }
})
}
}
},
},
}
</script>
<style lang="scss">
.other-item .el-form-item__content{
.other-item .el-form-item__content {
margin-left: 80px !important;
}
</style>

218
src/views/reviewers/components/GcpCertificate.vue
View File

@ -1,11 +1,47 @@
<template>
<div class="gcp-container">
<el-radio-group v-model="GCP" style="margin-bottom:20px">
<el-radio :label="1">{{ $t('system:GcpCertificate:radio:Yes') }}</el-radio>
<el-radio-group v-model="GCP" style="margin-bottom: 20px">
<el-radio :label="1">{{
$t('system:GcpCertificate:radio:Yes')
}}</el-radio>
<el-radio :label="0">{{ $t('system:GcpCertificate:radio:No') }}</el-radio>
</el-radio-group>
<el-form
ref="certificateFrom"
v-loading="saveBtnLoading"
:model="certificateForm"
:rules="certificateRules"
label-width="80px"
size="small"
>
<el-form-item
:label="$t('curriculumVitae:clinicalTrials:form:CertificateTime')"
prop="GCPTime"
v-if="GCP"
>
<el-date-picker
v-model="certificateForm.GCPTime"
type="date"
placeholder=""
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
>
</el-date-picker>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:clinicalTrials:form:certificateHospital')"
prop="GCPAgencies"
v-if="GCP"
>
<el-input
v-model="certificateForm.GCPAgencies"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-form>
<div v-if="GCP" class="upload-container">
<!-- <upload-file :doctor-id="doctorId" type="GCP" />-->
<!-- <upload-file :doctor-id="doctorId" type="GCP" />-->
<el-upload
class="upload-demo"
action
@ -19,12 +55,23 @@
:on-exceed="handleExceed"
accept=".pdf"
>
<el-button size="small" type="primary" :loading="btnDisabled">{{ $t('system:GcpCertificate:upload:Upload') }}</el-button>
<span slot="tip" style="margin-left:10px;" class="el-upload__tip">{{ $t('system:tip:file:pdf') }}</span>
<el-button size="small" type="primary" :loading="btnDisabled">{{
$t('system:GcpCertificate:upload:Upload')
}}</el-button>
<span slot="tip" style="margin-left: 10px" class="el-upload__tip">{{
$t('system:tip:file:pdf')
}}</span>
</el-upload>
</div>
<div>
<el-button :loading="saveBtnLoading" :disabled="(fileList.length === 0 && GCP === 1)" type="primary" size="small" style="margin-top:20px" @click="handleSaveGCP">
<el-button
:loading="saveBtnLoading"
:disabled="fileList.length === 0 && GCP === 1"
type="primary"
size="small"
style="margin-top: 20px"
@click="handleSaveGCP"
>
{{ $t('common:button:save') }}
</el-button>
</div>
@ -32,26 +79,43 @@
</template>
<script>
import UploadFile from '@/components/UploadFile'
import { uploadFile, deleteAttachment, getAttachmentByType, saveAttachments } from '@/api/attachment'
import {
uploadFile,
deleteAttachment,
getAttachmentByType,
saveAttachments,
} from '@/api/attachment'
import { updateGcpExperience } from '@/api/reviewers'
const defaultCertificateForm = () => {
return {
GCPTime: '',
GCPAgencies: '',
}
}
export default {
name: 'GcpCertificate',
components: {
UploadFile
UploadFile,
},
props: {
doctorId: {
type: String,
required: true
required: true,
},
gcp: {
type: Number,
default: 0
default: 0,
},
gcpId: {
type: String,
default: ''
}
default: '',
},
DATA: {
type: Object,
default: () => {
return {}
},
},
},
data() {
return {
@ -59,7 +123,17 @@ export default {
btnDisabled: false,
saveBtnLoading: false,
GCP: 0,
GCPID: ''
GCPID: '',
certificateForm: defaultCertificateForm(),
certificateRules: {
GCPAgencies: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
}
},
watch: {
@ -68,7 +142,16 @@ export default {
},
gcpId(val) {
this.GCPID = val
}
},
DATA: {
handler() {
Object.keys(this.certificateForm).forEach((key) => {
this.certificateForm[key] = this.DATA[key]
})
},
immediate: true,
deep: true,
},
},
mounted() {
this.initFileList()
@ -76,48 +159,53 @@ export default {
methods: {
handleSaveGCP() {
if (this.GCP && this.GCPID === '') {
this.$message.info(this.$t('reviewers:GCPCertificate:message:uploadValid'))
this.$message.info(
this.$t('reviewers:GCPCertificate:message:uploadValid')
)
return
}
const param = {
Id: this.doctorId,
GCP: this.GCP,
GCPId: this.GCP ? this.GCPID : ''
GCPId: this.GCP ? this.GCPID : '',
GCPTime: this.GCP ? this.certificateForm.GCPTime : '',
GCPAgencies: this.GCP ? this.certificateForm.GCPAgencies : '',
}
this.saveBtnLoading = true
updateGcpExperience(param).then(res => {
if (this.GCP === 0) {
this.fileList = []
}
this.saveBtnLoading = false
this.$message.success(this.$t('common:message:savedSuccessfully'))
}).catch(() => {
this.saveBtnLoading = false
})
updateGcpExperience(param)
.then((res) => {
if (this.GCP === 0) {
this.fileList = []
}
this.saveBtnLoading = false
this.$message.success(this.$t('common:message:savedSuccessfully'))
})
.catch(() => {
this.saveBtnLoading = false
})
},
initFileList() {
if(!this.doctorId) return
getAttachmentByType(this.doctorId, 'GCP')
.then(res => {
if (res.IsSuccess) {
if (res.Result.length > 0) {
this.fileList = this.formatterFileList(res.Result)
} else {
this.fileList = []
}
if (!this.doctorId) return
getAttachmentByType(this.doctorId, 'GCP').then((res) => {
if (res.IsSuccess) {
if (res.Result.length > 0) {
this.fileList = this.formatterFileList(res.Result)
} else {
this.fileList = []
}
})
}
})
},
formatterFileList(list) {
var arr = []
list.forEach(item => {
list.forEach((item) => {
var data = {
name: item.FileName,
path: item.Path,
fullPath: item.FullPath,
id: item.Id,
type: item.Type
type: item.Type,
}
arr.push(data)
})
@ -127,8 +215,17 @@ export default {
var fileName = param.file.name
this.btnDisabled = true
const file = await this.fileToBlob(param.file)
const res = await this.OSSclient.put(`/SystemData/reviewer/GCP/${this.doctorId}/${fileName}`, file)
this.fileList.push({ name: fileName, path: this.$getObjectName(res.url), fullPath: this.$getObjectName(res.url),url: this.$getObjectName(res.url), type: 'GCP' })
const res = await this.OSSclient.put(
`/SystemData/reviewer/GCP/${this.doctorId}/${fileName}`,
file
)
this.fileList.push({
name: fileName,
path: this.$getObjectName(res.url),
fullPath: this.$getObjectName(res.url),
url: this.$getObjectName(res.url),
type: 'GCP',
})
this.saveFile()
},
// uploadFile(param) {
@ -147,15 +244,24 @@ export default {
// },
saveFile() {
const { name, path, fullPath, type } = this.fileList[0]
const param = [{ DoctorId: this.doctorId, Type: type, Path: path, FullPath: fullPath, FileName: name }]
saveAttachments(param).then(res => {
this.btnDisabled = false
if (res.IsSuccess) {
this.fileList[0].id = res.Result[0].Id
this.GCPID = res.Result[0].Id
this.$message.success(this.$t('common:message:savedSuccessfully'))
}
})
const param = [
{
DoctorId: this.doctorId,
Type: type,
Path: path,
FullPath: fullPath,
FileName: name,
},
]
saveAttachments(param)
.then((res) => {
this.btnDisabled = false
if (res.IsSuccess) {
this.fileList[0].id = res.Result[0].Id
this.GCPID = res.Result[0].Id
this.$message.success(this.$t('common:message:savedSuccessfully'))
}
})
.catch(() => {
this.btnDisabled = false
})
@ -177,19 +283,19 @@ export default {
handleRemoveFile(file, fileList) {
if (file && file.status === 'success') {
if (file.id) {
deleteAttachment(file.id, file.path).then(res => {
deleteAttachment(file.id, file.path).then((res) => {
if (res.IsSuccess) {
this.fileList = []
this.GCPID = ''
this.$message({
message: this.$t('common:message:deletedSuccessfully'),
type: 'success'
type: 'success',
})
}
})
} else {
this.fileList = []
this.GCPID = ''
this.GCPID = ''
}
}
},
@ -202,18 +308,20 @@ export default {
this.$message.warning(`Upload is currently limited to 1 file`)
},
fileValid(fileName, typeArr) {
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
var extendName = fileName
.substring(fileName.lastIndexOf('.') + 1)
.toLocaleLowerCase()
if (typeArr.indexOf(extendName) > -1) {
return true
} else {
return false
}
}
}
},
},
}
</script>
<style lang="scss">
.gcp-container{
.gcp-container {
.upload-container .el-upload--text {
border: none;
width: 80px;

236
src/views/reviewers/components/Pay.vue Normal file
View File

@ -0,0 +1,236 @@
<template>
<div class="form-container basic-form">
<el-card class="box-card">
<div style="width: 1000px">
<!-- v-loading="loading" -->
<el-form
ref="payForm"
v-loading="loading"
:inline="true"
:rules="rules"
:model="form"
class="demo-ruleForm"
label-width="120px"
size="small"
>
<div>{{ $t('system:reviewer:title:pay') }}</div>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('system:reviewer:label:BankNum')"
prop="BankNum"
>
<el-input
v-model="form.BankNum"
clearable
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('system:reviewer:label:BankName')"
prop="BankName"
>
<el-input
v-model="form.BankName"
clearable
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('system:reviewer:label:OpeningBank')"
prop="OpeningBank"
>
<el-input
v-model="form.OpeningBank"
clearable
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('system:reviewer:label:IdCard')"
prop="IdCard"
>
<el-input
v-model="form.IdCard"
clearable
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('system:reviewer:label:BankPhoneNum')"
prop="BankPhoneNum"
>
<el-input
v-model="form.BankPhoneNum"
clearable
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-form-item style="margin-left: 120px">
<el-button
:disabled="$route.query.ReviewStatus === '1'"
type="primary"
:loading="loading"
size="small"
@click="handleSave"
>
{{ $t('common:button:save') }}</el-button
>
</el-form-item>
</el-row>
</el-form>
</div>
</el-card>
</div>
</template>
<script>
import { getDetail, updatePaymentMode } from '@/api/reviewers'
export default {
props: {
reviewerId: {
type: String,
},
},
data() {
return {
loading: false,
form: {
BankNum: '',
BankName: '',
OpeningBank: '',
IdCard: '',
BankPhoneNum: '',
},
rules: {
BankNum: [
{
validator: (rule, value, callback) => {
let reg = new RegExp(/^[A-Za-z0-9]+$/, 'ig')
if (value && !reg.test(value)) {
callback(new Error(this.$t('common:ruleMessage:pattern')))
} else {
callback()
}
},
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BankName: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
OpeningBank: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
IdCard: [
{
validator: (rule, value, callback) => {
let reg = new RegExp(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/, 'ig')
if (value && !reg.test(value)) {
callback(new Error(this.$t('common:ruleMessage:pattern')))
} else {
callback()
}
},
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BankPhoneNum: [
{
validator: (rule, value, callback) => {
let reg = new RegExp(/^\d{11}$/, 'i')
if (value && !reg.test(value)) {
callback(new Error(this.$t('common:ruleMessage:pattern')))
} else {
callback()
}
},
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
}
},
mounted() {
this.getDetail()
},
methods: {
async handleSave() {
try {
let validate = await this.$refs.payForm.validate()
if (!validate) return false
this.form.Id = this.$route.query.Id || this.reviewerId
this.loading = true
let res = await updatePaymentMode(this.form)
this.loading = false
if (res.IsSuccess) {
this.$message.success(this.$t('common:message:savedSuccessfully'))
}
} catch (err) {
this.loading = false
console.log(err)
}
},
// 获取详情
async getDetail() {
try {
let id = this.$route.query.Id || this.reviewerId
if (!id) return false
this.loading = true
let res = await getDetail(id)
this.loading = false
if (res.IsSuccess) {
Object.keys(this.form).forEach((key) => {
this.form[key] = res.Result.PaymentModeInfo[key]
})
}
} catch (err) {
this.loading = false
console.log(err)
}
},
},
}
</script>

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

@ -1,55 +1,127 @@
<template>
<div class="form-container" style="width:80%;">
<el-form ref="researchForm" v-loading="loading" label-width="140px" :model="researchForm" size="small">
<div class="form-container" style="width: 80%">
<el-form
ref="researchForm"
v-loading="loading"
label-width="140px"
:model="researchForm"
:rules="rule"
size="small"
>
<div class="title">{{ $t('system:reviewer:title:Research') }}</div>
<el-form-item :label="$t('system:reviewer:label:Field of Research')">
<el-row type="flex" justify="space-between">
<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"
:maxlength="4000"
/>
</el-col>
<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"
:maxlength="4000"
/>
</el-col>
</el-row>
</el-form-item>
<el-form-item :label="$t('system:reviewer:label:Grants')">
<el-row type="flex" justify="space-between">
<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"
:maxlength="4000"
/>
</el-col>
<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"
:maxlength="4000"
/>
</el-col>
</el-row>
</el-form-item>
<div class="title">{{ $t('system:reviewer:title:Publications') }}</div>
<el-form-item :label="$t('system:reviewer:label:Publications')">
<el-row type="flex" justify="space-between">
<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-col>
<el-col :span="11">
<!-- <el-input v-model="researchForm.PublicationsCN" type="textarea" rows="5" placeholder="请用中文注明" size="small" /> -->
<el-col :span="24">
<el-input
:disabled="$route.query.ReviewStatus === '1'"
v-model="researchForm.Publications"
type="textarea"
rows="5"
placeholder="Please specify in English"
size="small"
:maxlength="4000"
/>
</el-col>
</el-row>
</el-form-item>
<div class="title">{{ $t('system:reviewer:title:AH') }}</div>
<el-form-item :label="$t('system:reviewer:label:Awards & Honors')">
<el-row type="flex" justify="space-between">
<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"
:maxlength="4000"
/>
</el-col>
<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"
:maxlength="4000"
/>
</el-col>
</el-row>
</el-form-item>
<el-form-item>
<el-button :disabled="$route.query.ReviewStatus === '1'" type="primary" :loading="isDisabled" @click="handleSave">
{{ $t('common:button:save') }}</el-button>
<el-button
:disabled="$route.query.ReviewStatus === '1'"
type="primary"
:loading="isDisabled"
@click="handleSave"
>
{{ $t('common:button:save') }}</el-button
>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { getResearchPublication, addOrUpdateResearchPublication } from '@/api/reviewers'
import {
getResearchPublication,
addOrUpdateResearchPublication,
} from '@/api/reviewers'
export default {
name: 'ResearchPublication',
props: {
@ -57,8 +129,11 @@ export default {
type: String,
default() {
return ''
}
}
},
},
reviewerId: {
type: String,
},
},
data() {
return {
@ -69,10 +144,61 @@ export default {
GrantsCN: '',
Publications: '',
AwardsHonors: '',
AwardsHonorsCN: ''
AwardsHonorsCN: '',
},
rule: {
Research: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ResearchCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Grants: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
GrantsCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Publications: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
AwardsHonors: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
AwardsHonorsCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
loading: false,
isDisabled: false
isDisabled: false,
}
},
mounted() {
@ -80,9 +206,9 @@ export default {
},
methods: {
initForm() {
const id = this.$route.query.Id
const id = this.$route.query.Id || this.reviewerId
if (id) {
getResearchPublication(id).then(res => {
getResearchPublication(id).then((res) => {
if (res.Result) {
this.researchForm.Research = res.Result.Research
this.researchForm.ResearchCN = res.Result.ResearchCN
@ -99,19 +225,31 @@ export default {
handleSave() {
this.loading = true
this.isDisabled = true
this.researchForm.DoctorId = this.$route.query.Id
addOrUpdateResearchPublication(this.researchForm).then(res => {
this.loading = false
this.isDisabled = false
this.$message.success('Saved successfully')
if (!this.researchForm.Id) {
this.researchForm.Id = res.Result
}
}).catch(() => {
this.loading = false
this.isDisabled = false
})
}
}
this.researchForm.DoctorId = this.$route.query.Id || this.reviewerId
addOrUpdateResearchPublication(this.researchForm)
.then((res) => {
this.loading = false
this.isDisabled = false
this.$message.success('Saved successfully')
if (!this.researchForm.Id) {
this.researchForm.Id = res.Result
}
})
.catch(() => {
this.loading = false
this.isDisabled = false
})
},
},
}
</script>
<style lang="scss" scoped>
.title {
width: 100%;
background-color: #eee;
line-height: 30px;
padding-left: 10px;
border-radius: 3px;
margin-bottom: 20px;
}
</style>

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

@ -7,14 +7,19 @@
<div class="uploadFile-container">
<el-upload
class="upload-demo"
:data="{language:2}"
:data="{ language: 2 }"
action
:show-file-list="false"
:http-request="handleUploadFile"
:file-list="resumeList"
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>
</div>
</div>
@ -24,15 +29,25 @@
<div class="resumeTbl">
<el-table :data="resumeListEN" size="small">
<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 prop="CreateTime" :label="$t('system:Resumes:table:Upload Time')" width="150" show-overflow-tooltip />
<el-table-column
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
prop="IsOfficial"
:label="$t('system:Resumes:table:Official')"
width="100"
>
<template slot-scope="scope">
{{ scope.row.IsOfficial === true?'Yes':'No' }}
{{ scope.row.IsOfficial === true ? 'Yes' : 'No' }}
</template>
</el-table-column>
<el-table-column
@ -42,31 +57,44 @@
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.Language===1?'中文':'English' }}
{{ scope.row.Language === 1 ? '中文' : 'English' }}
<!-- <el-button size="small" type="text" @click="handleLanguageClick(scope.row)">{{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'Setting' }}</el-button> -->
</template>
</el-table-column>
<el-table-column :label="$t('common:action:action')" width="400">
<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
type="text"
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)"
>{{ $t('system:Resumes:button:Set as Official') }}</el-button>
>{{ $t('system:Resumes:button:Set as Official') }}</el-button
>
</template>
</el-table-column>
</el-table>
</div>
<div class="resume-content" style="margin-top:10px;">
<div class="resume-content" style="margin-top: 10px">
<p>{{ $t('system:Resumes:title:ResumeCN') }}</p>
<div class="upload-content">
<div class="uploadFile-container">
<el-upload
:data="{language:1}"
:data="{ language: 1 }"
class="upload-demo"
action
:show-file-list="false"
@ -74,7 +102,12 @@
:file-list="resumeList"
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>
</div>
</div>
@ -83,15 +116,25 @@
<div class="resumeTbl">
<el-table :data="resumeListCN" size="small">
<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 prop="CreateTime" :label="$t('system:Resumes:table:Upload Time')" width="150" show-overflow-tooltip />
<el-table-column
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
prop="IsOfficial"
:label="$t('system:Resumes:table:Official')"
width="100"
>
<template slot-scope="scope">
{{ scope.row.IsOfficial === true?'Yes':'No' }}
{{ scope.row.IsOfficial === true ? 'Yes' : 'No' }}
</template>
</el-table-column>
<el-table-column
@ -101,20 +144,34 @@
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.Language===1?'中文':'English' }}
{{ scope.row.Language === 1 ? '中文' : 'English' }}
<!-- <el-button size="small" type="text" @click="handleLanguageClick(scope.row)">{{ scope.row.Language===1?'CH':scope.row.Language===2?'EN':'Setting' }}</el-button> -->
</template>
</el-table-column>
<el-table-column :label="$t('common:action:action')" width="400">
<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
type="text"
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)"
>{{ $t('system:Resumes:button:Set as Official') }}</el-button>
>{{ $t('system:Resumes:button:Set as Official') }}</el-button
>
</template>
</el-table-column>
</el-table>
@ -126,31 +183,49 @@
size="small"
>
<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="1">中文</el-radio>
</el-radio-group>
<span slot="footer" class="dialog-footer">
<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>
<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>
</el-dialog>
</div>
</template>
<script>
import { getAttachmentByType, uploadFile, saveAttachments, deleteAttachment, setOfficial, setLanguageForResume } from '@/api/attachment'
import {
getAttachmentByType,
uploadFile,
saveAttachments,
deleteAttachment,
setOfficial,
setLanguageForResume,
} from '@/api/attachment'
export default {
props: {
id: {
reviewerId: {
type: String,
default() {
return ''
}
}
},
},
data() {
return {
doctorId: this.$route.query.Id,
doctorId: this.$route.query.Id || this.reviewerId,
resumeList: [],
resumeListEN: [],
resumeListCN: [],
@ -159,25 +234,37 @@ export default {
currentRow: {},
repeat: false,
isDisabled: false,
loading: false
loading: false,
}
},
created() {
if(!this.doctorId) return
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
this.getResumeList()
}
},
},
mounted() {
if (!this.doctorId) return
this.getResumeList()
},
methods: {
getResumeList() {
this.loading = true
getAttachmentByType(this.doctorId, 'Resume').then(res => {
if (res.IsSuccess) {
if (res.Result.length > 0) {
this.resumeList = res.Result
this.filterByLanguage()
getAttachmentByType(this.doctorId, 'Resume')
.then((res) => {
if (res.IsSuccess) {
if (res.Result.length > 0) {
this.resumeList = res.Result
this.filterByLanguage()
}
}
}
this.loading = false
}).catch(() => { this.loading = false })
this.loading = false
})
.catch(() => {
this.loading = false
})
},
handleUploadFile(param) {
this.repeat = false
@ -186,20 +273,22 @@ export default {
// 检测文件后缀名
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) {
this.$confirm('Override the existing resume?', {
type: 'warning',
distinguishCancelAndClose: true,
confirmButtonText: 'OK',
cancelButtonText: 'Cancel'
cancelButtonText: 'Cancel',
})
.then(() => {
// 重名覆盖
this.repeat = true
this.uploadFile(param.file, param.data.language)
})
.catch(action => {})
.catch((action) => {})
} else {
this.uploadFile(param.file, param.data.language)
}
@ -212,7 +301,10 @@ export default {
var fileName = file.name
var files = this.resumeList
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) {
const index = files.findIndex((item, index) => {
return item.FileName === fileName
@ -228,26 +320,28 @@ export default {
Path: this.$getObjectName(res.url),
FullPath: this.$getObjectName(res.url),
FileName: fileName,
Language: language
Language: language,
}
files.push(fileData)
}
this.saveUploadFiles(files)
},
saveUploadFiles(files) {
saveAttachments(files).then(res => {
this.resumeList = res.Result
this.filterByLanguage()
this.isDisabled = false
this.$message.success('Uploaded successfully')
}).catch(() => {
this.isDisabled = false
})
saveAttachments(files)
.then((res) => {
this.resumeList = res.Result
this.filterByLanguage()
this.isDisabled = false
this.$message.success('Uploaded successfully')
})
.catch(() => {
this.isDisabled = false
})
},
filterByLanguage() {
this.resumeListEN = []
this.resumeListCN = []
this.resumeList.map(resume => {
this.resumeList.map((resume) => {
if (resume.Language === 2) {
this.resumeListEN.push(resume)
} else if (resume.Language === 1) {
@ -258,7 +352,9 @@ export default {
checkFileSuffix(fileName) {
const accept = '.doc, .docx'
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)
},
handlePreview(row) {
@ -270,29 +366,31 @@ export default {
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
type: 'warning',
distinguishCancelAndClose: true,
}).then(() => {
deleteAttachment(row.Id, row.Path)
.then(res => {
})
.then(() => {
deleteAttachment(row.Id, row.Path).then((res) => {
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.$message({
message: this.$t('common:message:deletedSuccessfully'),
type: 'success'
type: 'success',
})
}
})
})
.catch(action => {})
})
.catch((action) => {})
},
handleSetOfiical(row) {
setOfficial(this.doctorId, row.Id, row.Language).then(res => {
setOfficial(this.doctorId, row.Id, row.Language).then((res) => {
if (res.IsSuccess) {
this.getResumeList()
this.$message({
message: 'Saved successfully!',
type: 'success'
type: 'success',
})
}
})
@ -303,23 +401,27 @@ export default {
this.currentRow = row
},
setResumeLanguage() {
setLanguageForResume(this.doctorId, this.currentRow.Id, this.language).then(res => {
setLanguageForResume(
this.doctorId,
this.currentRow.Id,
this.language
).then((res) => {
if (res.IsSuccess) {
this.dialogVisible = false
this.getResumeList()
this.$message({
message: 'Saved successfully!',
type: 'success'
type: 'success',
})
}
})
}
}
},
},
}
</script>
<style lang="scss">
.resumes-container{
.resume-content{
.resumes-container {
.resume-content {
p {
float: left;
font-size: 13px;
@ -341,11 +443,9 @@ export default {
.upload-content {
float: left;
}
}
.el-dialog__body{
.el-dialog__body {
padding: 10px 20px;
}
}
</style>

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

@ -1,80 +1,154 @@
<template>
<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">
<p>{{$t('system:Setting:title:Blinded information') }}</p>
<p>{{ $t('system:Setting:title:Blinded information') }}</p>
</div>
<div class="check-content">
<el-form-item :label="$t('system:Setting:label:Blind Name')" prop="BlindName">
<el-form-item
:label="$t('system:Setting:label:Blind Name')"
prop="BlindName"
>
<el-input
v-model="checkForm.BlindName"
style="width:300px"
style="width: 300px"
:maxlength="400"
/>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Blind NameCN')" prop="BlindNameCN">
<el-form-item
:label="$t('system:Setting:label:Blind NameCN')"
prop="BlindNameCN"
>
<el-input
v-model="checkForm.BlindNameCN"
style="width:300px"
style="width: 300px"
:maxlength="400"
/>
</el-form-item>
<el-form-item :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
:label="$t('system:Setting:label:Blind Publications')"
prop="BlindPublications"
>
<el-input
v-model="checkForm.BlindPublications"
type="textarea"
rows="8"
style="width: 60%"
size="small"
:maxlength="4000"
/>
</el-form-item>
</div>
<div class="title-wrapper">
<p>{{$t('system:Setting:title:Blinded Setting') }}</p>
<p>{{ $t('system:Setting:title:Blinded Setting') }}</p>
</div>
<div class="check-content">
<el-form-item :label="$t('system:Setting:label:Information Confirmed?')">
<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-form-item>
<el-form-item :label="$t('system:Setting:label:Contractor Status?')">
<el-radio-group v-model="checkForm.CooperateStatus" @change="handleChange">
<el-radio :label="1">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
<el-radio :label="2">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Information Confirmed?')"
>
<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-form-item>
<el-form-item :label="$t('system:Setting:label:Contractor Status?')">
<el-radio-group
v-model="checkForm.CooperateStatus"
@change="handleChange"
>
<el-radio :label="1">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="2">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Accepting New Trials?')">
<el-radio-group v-model="checkForm.AcceptingNewTrial" :disabled="radioDisabled">
<el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
<el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Accepting New Trials?')">
<el-radio-group
v-model="checkForm.AcceptingNewTrial"
:disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Actively Reading?')">
<el-radio-group v-model="checkForm.ActivelyReading" :disabled="radioDisabled">
<el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
<el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Actively Reading?')">
<el-radio-group
v-model="checkForm.ActivelyReading"
:disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Is Virtual?')">
<el-radio-group v-model="checkForm.IsVirtual" :disabled="radioDisabled">
<el-radio :label="true">{{$t('system:Setting:label:Information Confirmed?:Yes')}}</el-radio>
<el-radio :label="false">{{$t('system:Setting:label:Information Confirmed?:No')}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Is Virtual?')">
<el-radio-group
v-model="checkForm.IsVirtual"
:disabled="radioDisabled"
>
<el-radio :label="true">{{
$t('system:Setting:label:Information Confirmed?:Yes')
}}</el-radio>
<el-radio :label="false">{{
$t('system:Setting:label:Information Confirmed?:No')
}}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:On Vacation:')">
<span style="font-size:12px;margin-right:20px;">{{ checkForm.InHoliday }}</span>
<el-button type="text" @click="handleView">{{ $t('system:Setting:Planned Vacation') }}</el-button>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:Comment:')" prop="AdminComment">
<el-input
v-model="checkForm.AdminComment"
type="textarea"
style="width:60%;"
rows="8"
/>
</el-form-item>
<el-form-item :label="$t('system:Setting:label:On Vacation:')">
<span style="font-size: 12px; margin-right: 20px">{{
InHoliday
}}</span>
<el-button type="text" @click="handleView">{{
$t('system:Setting:Planned Vacation')
}}</el-button>
</el-form-item>
<el-form-item
:label="$t('system:Setting:label:Comment:')"
prop="AdminComment"
>
<el-input
v-model="checkForm.AdminComment"
type="textarea"
style="width: 60%"
rows="8"
:maxlength="4000"
/>
</el-form-item>
<el-form-item style="margin-top:20px">
<el-button type="primary" :disabled="isDisabled" @click="handleSave">{{ $t('common:button:save') }}</el-button>
</el-form-item>
<el-form-item style="margin-top: 20px">
<el-button
type="primary"
:disabled="isDisabled"
@click="handleSave"
>{{ $t('common:button:save') }}</el-button
>
</el-form-item>
</div>
</el-form>
<el-dialog
@ -83,6 +157,7 @@
width="50%"
:close-on-click-modal="false"
@close="closeDialog"
append-to-body
>
<div>
<el-date-picker
@ -96,7 +171,13 @@
:end-placeholder="$t('system:Setting:label:End Date')"
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>
<el-table v-loading="loading2" :data="gridData" size="small">
<el-table-column type="index" />
@ -112,13 +193,19 @@
min-width="120"
: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">
<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>
</el-table-column>
</el-table>
<div class="pagination" style="padding: 10px 0;text-align: right">
<div class="pagination" style="padding: 10px 0; text-align: right">
<el-pagination
background
layout="total,sizes,prev, pager, next"
@ -134,17 +221,21 @@
</div>
</template>
<script>
import { getAuditState, updateAuditResume, getVacationList, addOrUpdateVacation, deleteVacation } from '@/api/reviewers'
import {
getAuditState,
updateAuditResume,
getVacationList,
addOrUpdateVacation,
deleteVacation,
getIsVacation,
} from '@/api/reviewers'
import { fmtDate } from '@/utils/formatter'
export default {
name: 'Setting',
props: {
id: {
reviewerId: {
type: String,
default() {
return ''
}
}
},
},
data() {
return {
@ -164,10 +255,37 @@ export default {
BlindPublications: '',
},
rules: {
AdminComment: [{ max: 500, message: 'The maximum length is 500' }],
BlindName: [{ required: true, message: 'Please specify', trigger: 'blur' }],
AdminComment: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
BlindName: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BlindNameCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
BlindPublications: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
doctorId: this.$route.query.Id,
doctorId: this.$route.query.Id || this.reviewerId,
isDisabled: false,
radioDisabled: false,
dialogVisible: false,
@ -176,16 +294,42 @@ export default {
pageIndex: 1,
pageSize: 5,
totalItems: 0,
loading2: false
loading2: false,
InHoliday: '',
}
},
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
this.initForm()
this.getIsVacation()
}
},
},
mounted() {
this.initForm()
this.getIsVacation()
},
methods: {
// 获取是否休假
async getIsVacation() {
if (!this.doctorId) return false
try {
let data = {
DoctorId: this.doctorId,
}
let res = await getIsVacation(data)
if (res.IsSuccess) {
this.InHoliday = res.Result.IsVacation ? 'Yes' : 'No'
}
} catch (err) {
console.log(err)
}
},
initForm() {
if (!this.doctorId) return
getAuditState(this.doctorId).then(res => {
getAuditState(this.doctorId).then((res) => {
if (res.Result) {
this.checkForm = res.Result
this.checkForm.InHoliday = res.Result.InHoliday ? 'Yes' : 'No'
@ -193,7 +337,7 @@ export default {
})
},
handleSave() {
this.$refs.checkForm.validate(valid => {
this.$refs.checkForm.validate((valid) => {
if (valid) {
this.isDisabled = true
const param = {}
@ -201,11 +345,15 @@ export default {
param.InHoliday = this.checkForm.InHoliday === 'Yes'
param.ResumeStatus = param.ReviewStatus
updateAuditResume(param)
.then(res => {
.then((res) => {
if (res.IsSuccess) {
if (res.Result) { this.checkForm.Id = res.Result }
if (res.Result) {
this.checkForm.Id = res.Result
}
this.isDisabled = false
this.$message.success(this.$t('common:message:savedSuccessfully'))
this.$message.success(
this.$t('common:message:savedSuccessfully')
)
}
})
.catch(() => {
@ -221,7 +369,7 @@ export default {
initHolidayList() {
this.loading2 = true
getVacationList(this.doctorId, this.pageIndex, this.pageSize)
.then(res => {
.then((res) => {
if (res.IsSuccess) {
this.gridData = res.Result.CurrentPageData
this.totalItems = res.Result.TotalCount
@ -237,11 +385,11 @@ export default {
const param = {
DoctorId: this.doctorId,
StartDate: this.daterange[0],
EndDate: this.daterange[1]
EndDate: this.daterange[1],
}
this.loading2 = true
addOrUpdateVacation(param)
.then(res => {
.then((res) => {
if (res.IsSuccess) {
param.Id = res.Result
this.gridData.push(param)
@ -266,14 +414,18 @@ export default {
.then(() => {
this.loading2 = true
deleteVacation(row.Id)
.then(res => {
.then((res) => {
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) {
this.gridData.splice(index, 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
})
@ -281,13 +433,16 @@ export default {
this.loading2 = false
})
})
.catch(action => {})
.catch((action) => {})
},
closeDialog() {
this.initForm()
this.getIsVacation()
},
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.AcceptingNewTrial = false
this.radioDisabled = true
@ -319,8 +474,7 @@ export default {
handleSizeChange(val) {
this.pageSize = val
this.initHolidayList()
}
}
},
},
}
</script>

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

@ -1,7 +1,7 @@
<template>
<div class="form-container">
<el-card class="box-card">
<div style="width:80%;">
<div style="width: 80%">
<el-form
ref="specialtyForm"
v-loading="loading"
@ -12,12 +12,15 @@
>
<el-row>
<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
v-model="specialtyForm.SpecialityId"
:disabled="$route.query.ReviewStatus === '1'"
placeholder="Please select"
style="width:100%;"
style="width: 100%"
size="small"
>
<!-- <el-option
@ -32,40 +35,56 @@
:label="item.Value"
:value="item.Id"
/>
<el-option label="Other" :value="otherId" />
<el-option
:label="$t('curriculumVitae:selectLabel:Other')"
:value="otherId"
/>
</el-select>
</el-form-item>
</el-col>
<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
:disabled="$route.query.ReviewStatus === '1'"
v-model="specialtyForm.SpecialityOther"
placeholder="Please specify (required)"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<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
:disabled="$route.query.ReviewStatus === '1'"
v-model="specialtyForm.SpecialityOtherCN"
placeholder="请用中文注明"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<el-row>
<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
v-model="specialtyForm.SubspecialityIds"
:disabled="$route.query.ReviewStatus === '1'"
placeholder="select"
multiple
style="width:100%;"
style="width: 100%"
size="small"
>
<!-- <el-option
@ -80,13 +99,19 @@
:label="item.Value"
:value="item.Id"
/>
<el-option label="Other" :value="otherId" />
<el-option
:label="$t('curriculumVitae:selectLabel:Other')"
:value="otherId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
v-if="specialtyForm.SubspecialityIds && specialtyForm.SubspecialityIds.indexOf(otherId)>-1"
v-if="
specialtyForm.SubspecialityIds &&
specialtyForm.SubspecialityIds.indexOf(otherId) > -1
"
class="other-item"
prop="SubspecialityOther"
>
@ -95,12 +120,16 @@
v-model="specialtyForm.SubspecialityOther"
placeholder="Please specify (required)"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
v-if="specialtyForm.SubspecialityIds && specialtyForm.SubspecialityIds.indexOf(otherId)>-1"
v-if="
specialtyForm.SubspecialityIds &&
specialtyForm.SubspecialityIds.indexOf(otherId) > -1
"
class="other-item"
prop="SubspecialityOtherCN"
>
@ -109,6 +138,7 @@
v-model="specialtyForm.SubspecialityOtherCN"
placeholder="请用中文注明"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
@ -116,12 +146,15 @@
<el-row>
<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
:disabled="$route.query.ReviewStatus === '1'"
v-model="specialtyForm.ReadingTypeIds"
placeholder="Please select"
style="width:100%;"
style="width: 100%"
multiple
size="small"
>
@ -137,13 +170,19 @@
:label="item.Value"
:value="item.Id"
/>
<el-option label="Other" :value="otherId" />
<el-option
:label="$t('curriculumVitae:selectLabel:Other')"
:value="otherId"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
v-if="specialtyForm.ReadingTypeIds && specialtyForm.ReadingTypeIds.indexOf(otherId)>-1"
v-if="
specialtyForm.ReadingTypeIds &&
specialtyForm.ReadingTypeIds.indexOf(otherId) > -1
"
prop="ReadingTypeOther"
class="other-item"
>
@ -152,12 +191,16 @@
v-model="specialtyForm.ReadingTypeOther"
placeholder="Please specify (required)"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
<el-col :span="6">
<el-form-item
v-if="specialtyForm.ReadingTypeIds && specialtyForm.ReadingTypeIds.indexOf(otherId)>-1"
v-if="
specialtyForm.ReadingTypeIds &&
specialtyForm.ReadingTypeIds.indexOf(otherId) > -1
"
prop="ReadingTypeOtherCN"
class="other-item"
>
@ -166,13 +209,20 @@
v-model="specialtyForm.ReadingTypeOtherCN"
placeholder="请用中文注明"
size="small"
:maxlength="400"
/>
</el-form-item>
</el-col>
</el-row>
<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>
</div>
@ -184,6 +234,11 @@ import { getSpecialtyInfo, updateSpecialtyInfo } from '@/api/reviewers'
import { getBasicDataSelects } from '@/api/dictionary/dictionary'
export default {
name: 'Specialty',
props: {
reviewerId: {
type: String,
},
},
data() {
return {
specialtyForm: {
@ -195,37 +250,81 @@ export default {
SubspecialityOtherCN: '',
SpecialityId: '',
SpecialityOther: '',
SpecialityOtherCN: ''
SpecialityOtherCN: '',
},
specialtyRules: {
SpecialityId: [{ required: true, message: 'Please select speciality', trigger: 'blur' }],
SpecialityId: [
{
required: true,
message: 'Please select speciality',
trigger: 'blur',
},
],
SpecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
SpecialityOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ReadingTypeIds: [
{
required: true,
message: 'Please select clinical reading type',
trigger: 'blur',
},
],
SpecialityOtherCN: [{ max: 50, message: 'The maximum length is 50' }],
ReadingTypeIds: [{ required: true, message: 'Please select clinical reading type', trigger: 'blur' }],
ReadingTypeOther: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ReadingTypeOtherCN: [
{ max: 50, message: 'The maximum length is 50' }
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
SubspecialityIds: [
{
required: true,
message: 'Please select subspecialty',
trigger: 'blur',
},
],
SubspecialityIds: [{ required: true, message: 'Please select subspecialty', trigger: 'blur' }],
SubspecialityOther: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 50, message: 'The maximum length is 50' }
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
SubspecialityOtherCN: [
{ max: 50, message: 'The maximum length is 50' }
]
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
selectId: '00000000-0000-0000-0000-000000000000',
otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
isDisabled: false,
loading: false,
dictionaryList: {}
dictionaryList: {},
}
},
mounted() {
@ -233,25 +332,44 @@ export default {
},
methods: {
handleSave() {
this.$refs.specialtyForm.validate(valid => {
this.$refs.specialtyForm.validate((valid) => {
if (valid) {
this.isDisabled = true
const params = {}
params.ReadingTypeIds = this.specialtyForm.ReadingTypeIds
params.ReadingTypeOther = params.ReadingTypeIds.indexOf(this.otherId) > -1 ? this.specialtyForm.ReadingTypeOther : ''
params.ReadingTypeOtherCN = params.ReadingTypeIds.indexOf(this.otherId) > -1 ? this.specialtyForm.ReadingTypeOtherCN : ''
params.ReadingTypeOther =
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.SubspecialityOther = params.SubspecialityIds.indexOf(this.otherId) > -1 ? this.specialtyForm.SubspecialityOther : ''
params.SubspecialityOtherCN = params.SubspecialityIds.indexOf(this.otherId) > -1 ? this.specialtyForm.SubspecialityOtherCN : ''
params.SubspecialityOther =
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.SpecialityOther = params.SpecialityId === this.otherId ? this.specialtyForm.SpecialityOther : ''
params.SpecialityOtherCN = params.SpecialityId === this.otherId ? this.specialtyForm.SpecialityOtherCN : ''
params.Id = this.$route.query.Id
updateSpecialtyInfo(params).then(res => {
this.isDisabled = false
this.$message.success('Saved successfully')
this.specialtyForm.Id = res.Result
})
params.SpecialityOther =
params.SpecialityId === this.otherId
? this.specialtyForm.SpecialityOther
: ''
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.$message.success('Saved successfully')
this.specialtyForm.Id = res.Result
})
.catch(() => {
this.isDisabled = false
})
@ -260,20 +378,33 @@ export default {
},
initForm() {
this.loading = true
const id = this.$route.query.Id
const id = this.$route.query.Id || this.reviewerId
if (id) {
getSpecialtyInfo(id).then(res => {
this.specialtyForm.ReadingTypeIds = res.Result.ReadingTypeIds.length > 0 ? res.Result.ReadingTypeIds : []
this.specialtyForm.ReadingTypeOther = res.Result.ReadingTypeOther
this.specialtyForm.ReadingTypeOtherCN = res.Result.ReadingTypeOtherCN
this.specialtyForm.SubspecialityIds = res.Result.SubspecialityIds
this.specialtyForm.SubspecialityOther = res.Result.SubspecialityOther
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.SpecialityOtherCN = res.Result.SpecialityOtherCN
this.loading = false
}).catch(() => { this.loading = false })
getSpecialtyInfo(id)
.then((res) => {
this.specialtyForm.ReadingTypeIds =
res.Result.ReadingTypeIds.length > 0
? res.Result.ReadingTypeIds
: []
this.specialtyForm.ReadingTypeOther = res.Result.ReadingTypeOther
this.specialtyForm.ReadingTypeOtherCN =
res.Result.ReadingTypeOtherCN
this.specialtyForm.SubspecialityIds = res.Result.SubspecialityIds
this.specialtyForm.SubspecialityOther =
res.Result.SubspecialityOther
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.SpecialityOtherCN = res.Result.SpecialityOtherCN
this.loading = false
})
.catch(() => {
this.loading = false
})
}
},
async initSpecialty() {
@ -281,15 +412,17 @@ export default {
this.initForm()
},
getDicData() {
getBasicDataSelects(['Department', 'Subspeciality', 'ReadingType']).then(res => {
this.dictionaryList = { ...res.Result }
})
}
}
getBasicDataSelects(['Department', 'Subspeciality', 'ReadingType']).then(
(res) => {
this.dictionaryList = { ...res.Result }
}
)
},
},
}
</script>
<style lang="scss">
.other-item .el-form-item__content{
.other-item .el-form-item__content {
margin-left: 80px !important;
}
</style>

357
src/views/reviewers/components/Summarize.vue Normal file
View File

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

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

@ -1,10 +1,16 @@
<template>
<div class="form-container">
<div class="title-wrapper">
<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>
<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
>
</div>
<div style="padding:0 40px;">
<div style="padding: 0 40px">
<el-table
ref="clinicalTrialTbl"
v-loading="loading"
@ -13,57 +19,152 @@
size="small"
>
<el-table-column type="index" width="40" />
<el-table-column 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">
<el-table-column
prop="Phase"
:label="$t('system:TrialExperience:title:Phase')"
min-width="50"
>
<template slot-scope="scope">
{{ scope.row.EvaluationCriteriaList.length>0? scope.row.EvaluationCriteriaList.join(', '):'' }}
{{
scope.row.OtherStages ? scope.row.OtherStages : scope.row.Phase
}}
</template>
</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:Review Criteria')"
min-width="100"
>
<template slot-scope="scope">
<span v-if="scope.row.StartTime">{{ scope.row.StartTime.split('-')[0] }}-{{scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今'}}</span>
{{
scope.row.EvaluationCriteriaList.length > 0
? scope.row.EvaluationCriteriaList.join(', ')
: ''
}}
<span v-if="scope.row.OtherCriterion">
{{
scope.row.EvaluationCriteriaList.length > 0
? `, ${scope.row.OtherCriterion}`
: scope.row.OtherCriterion
}}
</span>
</template>
</el-table-column>
<el-table-column prop="VisitReadingCount" :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">
<el-table-column
prop="EvaluationCriteriaList"
:label="$t('system:TrialExperience:title:Starting And Ending Date')"
min-width="100"
>
<template slot-scope="scope">
<el-button type="text" 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>
<span v-if="scope.row.StartTime"
>{{ scope.row.StartTime.split('-')[0] }} ~
{{
scope.row.EndTime ? scope.row.EndTime.split('-')[0] : '至今'
}}</span
>
</template>
</el-table-column>
<el-table-column
prop="VisitReadingCount"
:label="$t('system:TrialExperience:title:Visit Reading Count')"
min-width="70"
/>
<el-table-column
prop="EvaluationContent"
:label="$t('system:TrialExperience:Indication')"
min-width="70"
>
<template slot-scope="scope">
<span v-if="scope.row.EvaluationContent">
{{ scope.row.EvaluationContent }}
</span>
<span v-else>
{{ $fd('Indication', scope.row.IndicationEnum) }}
</span>
</template>
</el-table-column>
<el-table-column
:label="$t('system:TrialExperience:Operation')"
min-width="200"
>
<template slot-scope="scope">
<el-button
type="text"
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>
</el-table-column>
</el-table>
</div>
<div class="title-wrapper" style="margin-top:10px;">
<p>{{$t('system:TrialExperience:title:GCP Certificate')}}</p>
<div class="title-wrapper" style="margin-top: 10px">
<p>{{ $t('system:TrialExperience:title:GCP Certificate') }}</p>
</div>
<div style="margin-left:40px;width:40%">
<gcp-certificate :doctor-id="doctorId" :gcp="GCP" :gcp-id="GCPID" />
<div style="margin-left: 40px; width: 40%">
<gcp-certificate
:doctor-id="doctorId"
:gcp="GCP"
:gcp-id="GCPID"
:DATA="GCPData"
/>
</div>
<div class="title-wrapper" style="margin-top:10px;">
<p>{{$t('system:TrialExperience:title:Other Relevant Experience')}}</p>
<div class="title-wrapper" style="margin-top: 10px">
<p>{{ $t('system:TrialExperience:title:Other Relevant Experience') }}</p>
</div>
<div style="padding:0 40px;">
<div style="padding: 0 40px">
<el-row type="flex" justify="space-between">
<el-col :span="11">
<el-input
v-model="OtherClinicalExperience"
type="textarea"
rows="5"
rows="8"
placeholder="Please specify in English"
size="small"
:maxlength="4000"
/>
</el-col>
<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="8"
placeholder="请用中文注明"
size="small"
:maxlength="4000"
/>
</el-col>
</el-row>
<el-button type="primary" size="small" style="margin-top:20px" :disabled="isBtnDisabled || $route.query.ReviewStatus === '1'" @click="handleSaveOtherClinical">
{{ $t('common:button:save') }}</el-button>
<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>
<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"
append-to-body
>
<el-form
ref="clinicalTrialForm"
label-width="150px"
@ -72,14 +173,15 @@
:model="clinicalTrialForm"
size="small"
>
<el-form-item :label="$t('system:TrialExperience:label:Phase')" prop="PhaseId">
<el-select v-model="clinicalTrialForm.PhaseId">
<!-- <el-option
v-for="(key,value) of dictionaryList.Phase"
:key="value"
:label="key"
:value="value"
/> -->
<el-form-item
:label="$t('system:TrialExperience:label:Phase')"
prop="PhaseId"
>
<el-select
v-model="clinicalTrialForm.PhaseId"
clearable
placeholder=""
>
<el-option
v-for="item of dictionaryList.Trial_Phase"
:key="item.Id"
@ -88,52 +190,138 @@
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('system:TrialExperience:label:Review Criteria')" prop="EvaluationCriteriaIdList">
<el-form-item prop="OtherStages" v-if="Trial_Phase_isOther">
<el-input
v-model="clinicalTrialForm.OtherStages"
clearable
:placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:byStagesOther')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('system:TrialExperience:label:Review Criteria')"
prop="EvaluationCriteriaIdList"
>
<el-select
v-model="clinicalTrialForm.EvaluationCriteriaIdList"
multiple
>
<!-- <el-option v-for="(key,value) of dictionaryList.ReadingStandard" :key="value" :label="key" :value="value" /> -->
<!-- <el-option v-for="(key,value) of dictionaryList.CriterionType" :key="value" :label="key" :value="value" /> -->
<el-option
v-for="item of dictionaryList.ReadingStandard"
v-for="item in CriterionType"
:key="item.Id"
:label="item.Value"
:value="item.Id"
/>
</el-select>
</el-form-item>
<el-form-item :label="$t('system:TrialExperience:label:Start Time')" prop="StartTime">
<el-form-item prop="OtherCriterion" v-if="ReadingStandard_isOther">
<el-input
v-model="clinicalTrialForm.OtherCriterion"
clearable
:placeholder="
$t('curriculumVitae:clinicalTrials:placeholder:criterionOther')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('system:TrialExperience:label:Start Time')"
prop="StartTime"
>
<el-date-picker
v-model="clinicalTrialForm.StartTime"
type="year"
value-format="yyyy"
>
>
</el-date-picker>
</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
v-model="clinicalTrialForm.EndTime"
type="year"
value-format="yyyy"
>
>
</el-date-picker>
</el-form-item>
<el-form-item :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
: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 :label="$t('system:TrialExperience:Indication')" prop="EvaluationContent">
<el-input v-model="clinicalTrialForm.EvaluationContent" />
<!-- 适应症类型 IndicationType -->
<el-form-item
:label="$t('system:TrialExperience:indicationType')"
prop="IndicationTypeId"
>
<el-select
v-model="clinicalTrialForm.IndicationTypeId"
@change="handleIndicationTypeChange"
>
<el-option
v-for="item of $d.IndicationType"
:key="item.id"
:label="item.label"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('system:TrialExperience:Indication')"
prop="IndicationEnum"
>
<el-select
v-model="clinicalTrialForm.IndicationEnum"
:disabled="!clinicalTrialForm.IndicationTypeId"
>
<el-option
v-for="item of IndicationOptions"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item prop="EvaluationContent" v-if="IndicationEnum_isOther">
<el-input
v-model="clinicalTrialForm.EvaluationContent"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-form>
<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>
</el-dialog>
</div>
</template>
<script>
// 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 GcpCertificate from './GcpCertificate.vue'
import moment from 'moment'
@ -145,11 +333,20 @@ const getClinicalTrialDefault = () => {
VisitReadingCount: 0,
StartTime: null,
EndTime: null,
OtherStages: '',
OtherCriterion: '',
IndicationEnum: null,
IndicationTypeId: null,
}
}
export default {
name: 'TrialExperience',
components: { GcpCertificate },
props: {
reviewerId: {
type: String,
},
},
data() {
return {
loading: false,
@ -159,20 +356,97 @@ export default {
clinicalTrialForm: getClinicalTrialDefault(),
clinicalTrialRules: {
PhaseId: [
{ required: true, message: 'Please select', trigger: ['blur', 'change'] }
{
required: true,
message: 'Please select',
trigger: ['blur', 'change'],
},
],
EvaluationCriteriaIdList: [
{ required: true, message: 'Please select', trigger: ['blur', 'change'] }
{
required: true,
message: 'Please select',
trigger: ['blur', 'change'],
},
],
VisitReadingCount: [
{ required: true, message: 'Please specify', trigger: 'blur' },
],
EvaluationContent: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{ max: 300, message: 'The maximum length is 300' }
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
IndicationEnum: [
{ required: true, message: 'Please select', trigger: 'blur' },
],
StartTime: [
{ required: true, message: 'Please specify', trigger: 'blur' },
{
validator: (rule, value, callback) => {
if (
value &&
this.clinicalTrialForm.EndTime &&
moment(value).isAfter(moment(this.clinicalTrialForm.EndTime))
) {
callback(
new Error(
this.$t('system:TrialExperience:rule:startBeforeEnd')
)
)
} else {
callback()
}
},
trigger: 'blur',
},
],
EndTime: [
{
validator: (rule, value, callback) => {
if (
value &&
this.clinicalTrialForm.StartTime &&
moment(value).isBefore(moment(this.clinicalTrialForm.StartTime))
) {
callback(
new Error(
this.$t('system:TrialExperience:rule:endBeforeStart')
)
)
} else {
callback()
}
},
trigger: 'blur',
},
],
OtherStages: [
{
required: true,
message: 'Please input',
trigger: ['blur', 'change'],
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
OtherCriterion: [
{
required: true,
message: 'Please input',
trigger: ['blur', 'change'],
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
GCP: 0,
@ -180,33 +454,132 @@ export default {
OtherClinicalExperience: '',
OtherClinicalExperienceCN: '',
isDisabled: false,
doctorId: this.$route.query.Id,
doctorId: this.$route.query.Id || this.reviewerId,
isBtnDisabled: false,
selectId: '00000000-0000-0000-0000-000000000000',
dictionaryList: {}
dictionaryList: {},
// otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
otherId: '00000000-0000-0000-0000-000000000000',
GCPData: {},
}
},
computed: {
IndicationOptions() {
console.log(
this.$d.IndicationType,
this.clinicalTrialForm.IndicationTypeId
)
if (!this.clinicalTrialForm.IndicationTypeId) return []
let indicationGroupingArr = this.$d.IndicationType.filter(
(item) => item.id === this.clinicalTrialForm.IndicationTypeId
)
let indicationGrouping = null
if (
Array.isArray(indicationGroupingArr) &&
indicationGroupingArr.length > 0
) {
indicationGrouping = indicationGroupingArr[0].raw.ChildGroup
}
let arr =
this.$d.Indication.filter(
(item) => indicationGrouping === item.raw.ChildGroup
) || []
return arr
},
IndicationEnum_isOther() {
if (!this.clinicalTrialForm.IndicationEnum) return false
let value = this.$d.Indication.find(
(item) => item.value === this.clinicalTrialForm.IndicationEnum
).label
return value === this.$t('curriculumVitae:selectLabel:Other')
},
Trial_Phase_isOther() {
if (!this.clinicalTrialForm.PhaseId) return false
let value = this.dictionaryList.Trial_Phase.find(
(item) => item.Id === this.clinicalTrialForm.PhaseId
).Value
return value === this.$t('curriculumVitae:selectLabel:Other')
},
ReadingStandard_isOther() {
if (
!this.clinicalTrialForm.EvaluationCriteriaIdList ||
this.clinicalTrialForm.EvaluationCriteriaIdList.length <= 0
)
return false
return this.clinicalTrialForm.EvaluationCriteriaIdList.includes(
this.otherId
)
},
CriterionType() {
if (!this.dictionaryList.CriterionType) return []
return [
...this.dictionaryList.CriterionType,
{
Id: this.otherId,
Value: this.$t('curriculumVitae:selectLabel:Other'),
},
]
},
},
watch: {
reviewerId() {
if (this.reviewerId) {
this.doctorId = this.reviewerId
this.initForm()
}
},
Trial_Phase_isOther() {
if (!this.Trial_Phase_isOther) {
this.clinicalTrialForm.OtherStages = null
}
},
ReadingStandard_isOther() {
if (!this.ReadingStandard_isOther) {
this.clinicalTrialForm.OtherCriterion = null
}
},
IndicationEnum_isOther() {
if (!this.IndicationEnum_isOther) {
this.clinicalTrialForm.EvaluationContent = null
}
},
},
created() {
this.initForm()
},
methods: {
async initForm() {
await this.getDicData()
const id = this.$route.query.Id
const id = this.$route.query.Id || this.reviewerId
if (id) {
this.loading = true
getTrialExperience(id).then(res => {
this.clinicalTrialList = res.Result.ClinicalTrialExperienceList
this.GCP = res.Result.GCP
this.GCPID = res.Result.GCPId
this.OtherClinicalExperience = res.Result.OtherClinicalExperience
this.OtherClinicalExperienceCN = res.Result.OtherClinicalExperienceCN
this.loading = false
}).catch(() => { this.loading = false })
let data = {
DoctorId: id,
}
if (this.$route.query.trialId) {
data.TrialId = this.$route.query.trialId
}
getTrialExperience(data)
.then((res) => {
this.clinicalTrialList = res.Result.ClinicalTrialExperienceList
this.GCP = res.Result.GCP
this.GCPID = res.Result.GCPId
this.GCPData = {
GCPAgencies: res.Result.GCPAgencies,
GCPTime: res.Result.GCPTime,
}
this.OtherClinicalExperience = res.Result.OtherClinicalExperience
this.OtherClinicalExperienceCN =
res.Result.OtherClinicalExperienceCN
this.loading = false
})
.catch(() => {
this.loading = false
})
}
},
getDicData() {
getBasicDataSelects(['Trial_Phase', 'ReadingStandard']).then(res => {
getBasicDataSelects(['Trial_Phase', 'CriterionType']).then((res) => {
this.dictionaryList = { ...res.Result }
})
},
@ -217,7 +590,19 @@ export default {
this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault())
},
handleEdit(row) {
const { Id, PhaseId, EvaluationCriteriaIdList, EvaluationContent, StartTime, EndTime, VisitReadingCount } = row
const {
Id,
PhaseId,
EvaluationCriteriaIdList,
EvaluationContent,
StartTime,
EndTime,
VisitReadingCount,
OtherStages,
OtherCriterion,
IndicationEnum,
IndicationTypeId,
} = row
this.clinicalTrialForm = Object.assign({}, getClinicalTrialDefault())
this.clinicalTrialDialogTitle = 'Edit'
this.clinicalTrialDialogVisible = true
@ -228,37 +613,52 @@ export default {
this.clinicalTrialForm.VisitReadingCount = VisitReadingCount
this.clinicalTrialForm.EvaluationCriteriaIdList = EvaluationCriteriaIdList
this.clinicalTrialForm.EvaluationContent = EvaluationContent
this.clinicalTrialForm.OtherStages = OtherStages
this.clinicalTrialForm.OtherCriterion = OtherCriterion
this.clinicalTrialForm.IndicationEnum = IndicationEnum
this.clinicalTrialForm.IndicationTypeId = IndicationTypeId
},
handleSave() {
this.$refs.clinicalTrialForm.validate(valid => {
this.$refs.clinicalTrialForm.validate((valid) => {
if (valid) {
this.isDisabled = true
this.clinicalTrialForm.DoctorId = this.$route.query.Id
this.clinicalTrialForm.DoctorId =
this.$route.query.Id || this.reviewerId
var dateTime
if (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) {
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 => {
this.isDisabled = false
this.initForm()
if (this.clinicalTrialForm.Id) {
this.$message({
message: 'Updated successfully',
type: 'success'
})
} else {
this.$message({
message: 'Addedd successfully',
type: 'success'
})
}
this.clinicalTrialDialogVisible = false
})
if (this.$route.query.trialId) {
this.clinicalTrialForm.TrialId = this.$route.query.trialId
}
addOrUpdateTrialExperience(this.clinicalTrialForm)
.then((res) => {
this.isDisabled = false
this.initForm()
if (this.clinicalTrialForm.Id) {
this.$message({
message: 'Updated successfully',
type: 'success',
})
} else {
this.$message({
message: 'Addedd successfully',
type: 'success',
})
}
this.clinicalTrialDialogVisible = false
})
.catch(() => {
this.isDisabled = false
})
@ -269,20 +669,28 @@ export default {
this.$confirm('Confirm to delete?', {
type: 'warning',
distinguishCancelAndClose: true,
})
.then(() => {
deleteTrialExperience(row.Id)
.then(res => {
this.clinicalTrialList.splice(this.clinicalTrialList.findIndex(item => item.Id === row.Id), 1)
this.$message.success('Deleted successfully !')
})
deleteTrialExperience(row.Id).then((res) => {
this.clinicalTrialList.splice(
this.clinicalTrialList.findIndex((item) => item.Id === row.Id),
1
)
this.$message.success('Deleted successfully !')
})
})
.catch(action => {})
.catch((action) => {})
},
handleSaveOtherClinical() {
const param = { DoctorId: this.doctorId, OtherClinicalExperience: this.OtherClinicalExperience, OtherClinicalExperienceCN: this.OtherClinicalExperienceCN }
updateOtherExperience(param).then(res => {
const param = {
DoctorId: this.doctorId,
OtherClinicalExperience: this.OtherClinicalExperience,
OtherClinicalExperienceCN: this.OtherClinicalExperienceCN,
}
if (this.$route.query.trialId) {
param.TrialId = this.$route.query.trialId
}
updateOtherExperience(param).then((res) => {
if (res.IsSuccess) {
if (this.id) {
this.$message.success('Updated successfully')
@ -291,7 +699,11 @@ export default {
}
}
})
}
}
},
handleIndicationTypeChange(val) {
this.clinicalTrialForm.EvaluationContent = null
this.clinicalTrialForm.IndicationEnum = null
},
},
}
</script>

488
src/views/reviewers/curriculumVitae/components/file/agreement.vue Normal file
View File

@ -0,0 +1,488 @@
<template>
<div class="agreement">
<div class="title">{{ $t('curriculumVitae:agreement:title') }}</div>
<div class="fileBox">
<div class="file_title">
{{ $t('curriculumVitae:agreement:fileTitle') }}
</div>
<template v-if="sowList && sowList.length > 0">
<div class="file" v-for="item in sowList" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="handlePreview3(item)"
/>
<i
class="el-icon-edit"
:title="$t('common:button:edit')"
v-if="item.IsIRUpload || isPM"
@click="
handleEditCol(item, 0, $t('trials:enrolledReviews:message:SOW'))
"
/>
<i
class="el-icon-delete"
v-if="item.IsIRUpload || isPM"
:title="$t('common:button:delete')"
@click="handleRemoveFile3(item)"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="btnBox" style="margin-top: 10px">
<el-button
type="primary"
size="small"
@click.stop="addCol(0, $t('trials:enrolledReviews:message:SOW'))"
>
{{ $t('curriculumVitae:agreement:btn:upload') }}
</el-button>
<el-button
type="text"
@click.stop="handleDownload('Reviewer_SOW_Template')"
>
{{ $t('common:button:downloadTpl') }}
</el-button>
</div>
<template v-if="!isPM">
<template v-if="CounselorFiles">
<div class="file_title">
{{ $t('curriculumVitae:agreement:Counselor') }}
</div>
<div class="file" v-for="item in CounselorFiles" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview(item)"
/>
</div>
</template>
<template v-if="ackSowList && ackSowList.length > 0">
<div class="file_title">
{{ $t('curriculumVitae:agreement:confirmation') }}
</div>
<div class="file" v-for="item in ackSowList" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="handlePreview3(item)"
/>
</div>
</template>
</template>
<template v-else>
<div class="file_title">
{{ $t('curriculumVitae:agreement:Counselor') }}
</div>
<template v-if="agreementList && agreementList.length > 0">
<div class="file" v-for="item in agreementList" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="handlePreview3(item)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click="handleRemoveFile(item)"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="btnBox" style="margin-top: 10px">
<div class="resume-content">
<div class="upload-content">
<upload-files
ref="uploadAgreement"
:doctor-id="reviewerId"
type="Consultant Agreement"
accept=".pdf"
@getFileList="getFileList"
/>
</div>
<!-- <p>{{ $t('system:tip:file:pdf') }}</p> -->
</div>
</div>
<div class="file_title">
{{ $t('curriculumVitae:agreement:confirmation') }}
</div>
<template v-if="ackSowList && ackSowList.length > 0">
<div class="file" v-for="item in ackSowList" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="handlePreview3(item)"
/>
<i
class="el-icon-edit"
:title="$t('common:button:edit')"
@click="
handleEditCol(item, 1, $t('trials:enrolledReviews:message:SOW'))
"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click="handleRemoveFile3(item)"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="btnBox" style="margin-top: 10px">
<el-button
type="primary"
size="small"
@click.stop="addCol(1, $t('trials:enrolledReviews:message:SOW'))"
>
{{ $t('curriculumVitae:agreement:btn:uploadconfirmation') }}
</el-button>
</div>
</template>
</div>
<BaseModel :config="model_cfg">
<template slot="dialog-body">
<el-form
ref="DictionaryTypeConfigForm"
:model="form"
:rules="rules"
label-width="120px"
size="small"
>
<el-form-item
:label="$t('system:Agreements:label:Criterion Type')"
prop="CriterionType"
>
<el-select v-model="form.CriterionType">
<el-option
v-for="item of $d.CriterionType"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('system:Agreements:label:File')"
prop="FilePath"
>
<el-upload
class="upload-demo"
action
:before-upload="beforeUpload"
:http-request="handleUploadFile"
:on-preview="handlePreview2"
:on-remove="handleRemoveFile2"
:show-file-list="true"
:limit="1"
:accept="accept"
:file-list="fileList"
>
<el-button
size="small"
type="primary"
:disabled="fileList.length > 0"
>{{ $t('common:button:upload') }}</el-button
>
<span>{{ $t('system:tip:file:pdf') }}</span>
</el-upload>
</el-form-item>
<el-form-item :label="$t('system:Agreements:label:Remark')">
<el-input
v-model="form.Remark"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4 }"
></el-input>
</el-form-item>
<el-form-item :label="$t('system:Agreements:label:Is Enable')">
<el-switch
v-model="form.IsEnable"
:active-value="true"
:inactive-value="false"
/>
</el-form-item>
</el-form>
</template>
<template slot="dialog-footer">
<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>
</BaseModel>
</div>
</template>
<script>
import { DownloadCommonDoc } from '@/api/dictionary'
import {
addDoctorCriterionFile,
deleteDoctorCriterionFile,
getDoctorCriterionFile,
} from '@/api/reviewers'
import BaseModel from '@/components/BaseModel'
import UploadFiles from '@/components/UploadFiles'
export default {
name: 'agreement',
components: {
BaseModel,
UploadFiles,
},
props: {
DATA: {
type: Array,
default: () => {
return []
},
},
reviewerId: {
type: String,
default: '',
},
isEN: {
type: Boolean,
default: false,
},
isPM: {
type: Boolean,
default: false,
},
},
data() {
return {
faccept: ['.pdf'],
loading: false,
agreementList: [],
sowList: [],
ackSowList: [],
loading: false,
isOpen: false,
btnLoading: false,
model_cfg: {
visible: false,
showClose: true,
width: '600px',
title: '',
appendToBody: true,
},
form: {
Remark: null,
FileType: null,
FileName: null,
FilePath: null,
DoctorId: null,
CriterionType: null,
IsEnable: false,
},
rules: {
CriterionType: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur'],
},
],
FilePath: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur'],
},
],
},
fileList: [],
accept: '.pdf',
}
},
watch: {
reviewerId() {
if (this.reviewerId) {
this.initSowList()
}
},
},
computed: {
CounselorFiles() {
if (!this.DATA || this.DATA.length <= 0) return false
return this.DATA.filter(
(item) => item.Type && item.Type.indexOf('Consultant Agreement') >= 0
)
},
},
methods: {
handleRemoveFile(row) {
this.$refs.uploadAgreement.handleDeleteFile(row)
},
getFileList(fileList) {
this.agreementList = fileList
},
preview(row) {
this.$preview({
path: row.FullPath,
type: 'pdf',
title: row.FileName,
})
},
handleDownload(code) {
this.loading = true
DownloadCommonDoc(code)
.then((data) => {
this.loading = false
})
.catch(() => {
this.loading = false
})
},
handleEditCol(row, fileType, title) {
this.model_cfg.visible = true
this.form = Object.assign({}, row)
this.fileList[0] = { name: row.FileName, path: row.FilePath }
this.form.FileType = fileType
this.model_cfg.title = title
},
handleRemoveFile3(row) {
this.$confirm(
this.$t('dictionary:attachment:export:confirm:delete')
).then(() => {
deleteDoctorCriterionFile({
Id: row.Id,
}).then(() => {
this.initSowList()
this.$message.success(this.$t('common:message:deletedSuccessfully'))
})
})
},
handleRemoveFile2() {
this.form.FileName = null
this.form.FilePath = null
this.fileList = []
},
beforeUpload(row) {
if (this.fileList.length > 0) {
// this.$alert('最多只能传一个附件')
this.$alert(this.$t('upload:rule:maxFile1'))
return
}
if (!this.checkFileSuffix(row.name)) {
this.$message.warning(this.$t('upload:rule:MUSTPDF'))
return false
}
},
checkFileSuffix(fileName) {
var index = fileName.lastIndexOf('.')
var suffix = fileName.substring(index + 1, fileName.length)
return (
this.accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === 1
)
},
handlePreview3(row) {
return this.$preview({
path: row.FilePath || row.Path || row.FullPath,
type: 'pdf',
title: row.FileName,
})
if (row.FilePath) {
window.open(this.OSSclientConfig.basePath + row.FilePath, '_blank')
}
},
handlePreview2(row, r2) {
return this.$preview({
path: row.FullPath,
type: 'pdf',
title: row.FileName,
})
if (row.fullPath) {
window.open(this.OSSclientConfig.basePath + row.fullPath, '_blank')
}
},
async handleUploadFile(param) {
this.btnLoading = true
var fileName = param.file.name
let file = await this.fileToBlob(param.file)
let res = await this.OSSclient.put(
`/SystemData/reviewer/${
this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'
}/${this.reviewerId}/${fileName}`,
file
)
this.form.FileName = param.file.name
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.btnLoading = false
},
handleCancle() {
this.model_cfg.visible = false
},
handleSave() {
this.$refs['DictionaryTypeConfigForm'].validate((valid) => {
if (!valid) return
this.form.DoctorId = this.reviewerId
this.form.CriterionName = this.$fd(
'CriterionType',
this.form.CriterionType
)
if (!this.isPM) {
this.form.IsIRUpload = true
}
addDoctorCriterionFile(this.form).then((res) => {
this.$message.success(this.$t('common:message:addedSuccessfully'))
this.initSowList()
this.handleCancle()
})
})
},
addCol(fileType, title) {
this.model_cfg.visible = true
this.form = {
Remark: null,
FileType: null,
FileName: null,
FilePath: null,
DoctorId: null,
CriterionType: null,
IsEnable: false,
}
this.handleRemoveFile2()
this.form.FileType = fileType
this.model_cfg.title = title
},
initSowList() {
if (!this.reviewerId) return
getDoctorCriterionFile({
fileType: 0,
DoctorId: this.reviewerId,
}).then((res) => {
this.sowList = res.Result
})
getDoctorCriterionFile({
fileType: 1,
DoctorId: this.reviewerId,
}).then((res) => {
this.ackSowList = res.Result
})
},
},
}
</script>
<style lang="scss" scoped>
</style>

323
src/views/reviewers/curriculumVitae/components/file/certificate.vue Normal file
View File

@ -0,0 +1,323 @@
<template>
<div class="certificate">
<div class="title">{{ $t('curriculumVitae:certificate:title') }}</div>
<div class="fileBox">
<!--最高医学学位毕业证书-->
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:diploma') }}
</div>
<div class="file" v-if="diplomaFile">
<div class="name" :title="diplomaFile.FileName">
{{ diplomaFile.FileName }}
</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview(diplomaFile)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click.stop="handleRemoveFile(diplomaFile)"
/>
</div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<!--医师资格证-->
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:certificate') }}
</div>
<div class="file" v-if="certificateFile">
<div class="name" :title="certificateFile.FileName">
{{ certificateFile.FileName }}
</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview(certificateFile)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click.stop="handleRemoveFile(certificateFile)"
/>
</div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<!--医师执业证-->
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:license') }}
</div>
<div class="file" v-if="licenseFile">
<div class="name" :title="licenseFile.FileName">
{{ licenseFile.FileName }}
</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview(licenseFile)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click.stop="handleRemoveFile(licenseFile)"
/>
</div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<!--大型医用设备上岗证-->
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:workPermit') }}
</div>
<template v-if="workPermitFiles && workPermitFiles.length > 0">
<div class="file_title">
{{ $t('curriculumVitae:certificate:fileTitle:CT') }}
</div>
<div v-for="item in workPermitFiles" :key="item.Id">
<div class="file">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-view"
:title="$t('common:button:preview')"
@click.stop="preview(item)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click.stop="handleRemoveFile(item)"
/>
</div>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="btnBox" style="margin-top: 10px">
<el-button
type="primary"
size="small"
:disabled="loading"
:loading="loading"
@click.stop="openBox"
>
{{ $t('curriculumVitae:certificate:btn:upload') }}
</el-button>
</div>
</div>
<base-model :config="model_cfg">
<template slot="dialog-body">
<div class="box">
<div class="clearfix">
<p style="line-height: 30px; font-size: 13px">
{{ $t('system:Credentials:title:Default Certificate') }}
</p>
<el-card class="e-card">
<p class="title">
{{
$t(
'system:Credentials:title:Diploma of the highest medical degree'
)
}}
</p>
<upload-file
:doctor-id="reviewerId"
type="Diploma of the highest medical degree"
@getFileList="$emit('getInfo')"
/>
</el-card>
<el-card class="e-card">
<p class="title">
{{
$t(
'system:Credentials:title:Medical Qualification Certificate'
)
}}
</p>
<upload-file
:doctor-id="reviewerId"
type="Medical Qualification Certificate"
@getFileList="$emit('getInfo')"
/>
</el-card>
<el-card class="e-card">
<p class="title">
{{ $t('system:Credentials:title:Practice License') }}
</p>
<upload-file
:doctor-id="reviewerId"
type="Practice License"
@getFileList="$emit('getInfo')"
/>
</el-card>
</div>
<div class="clearfix">
<p style="line-height: 30px; font-size: 13px">
{{ $t('system:Credentials:title:Modality Certificate') }}
</p>
<el-card class="e-card">
<p class="title">CT</p>
<upload-file
:doctor-id="reviewerId"
type="Modality Certificate(CT)"
@getFileList="$emit('getInfo')"
/>
</el-card>
<el-card class="e-card">
<p class="title">MRI</p>
<upload-file
:doctor-id="reviewerId"
type="Modality Certificate(MRI)"
@getFileList="$emit('getInfo')"
/>
</el-card>
<el-card class="e-card">
<p class="title">NM</p>
<upload-file
:doctor-id="reviewerId"
type="Modality Certificate(NM)"
@getFileList="$emit('getInfo')"
/>
</el-card>
<el-card class="e-card">
<p class="title">US</p>
<upload-file
:doctor-id="reviewerId"
type="Modality Certificate(US)"
@getFileList="$emit('getInfo')"
/>
</el-card>
</div>
</div>
</template>
<template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:confirm') }}
</el-button>
</template>
</base-model>
</div>
</template>
<script>
import PreviewFile from '@/components/PreviewFile/index'
import BaseModel from '@/components/BaseModel'
import UploadFile from '@/components/UploadFile'
import { deleteAttachment } from '@/api/attachment'
export default {
name: 'certificate',
components: {
PreviewFile,
BaseModel,
UploadFile,
},
props: {
DATA: {
type: Array,
default: () => {
return []
},
},
reviewerId: {
type: String,
default: '',
},
isEN: {
type: Boolean,
default: false,
},
},
data() {
return {
faccept: ['.pdf'],
loading: false,
model_cfg: {
visible: false,
showClose: true,
width: '800px',
title: this.$t('curriculumVitae:certificate:form:title'),
appendToBody: true,
},
}
},
computed: {
//最高医学学位毕业证书
diplomaFile() {
if (!this.DATA || this.DATA.length <= 0) return false
return this.DATA.find(
(item) => item.Type === 'Diploma of the highest medical degree'
)
},
//医师资格证
certificateFile() {
if (!this.DATA || this.DATA.length <= 0) return false
return this.DATA.find(
(item) => item.Type === 'Medical Qualification Certificate'
)
},
//医师执业证
licenseFile() {
if (!this.DATA || this.DATA.length <= 0) return false
return this.DATA.find((item) => item.Type === 'Practice License')
},
//大型医用设备上岗证
workPermitFiles() {
if (!this.DATA || this.DATA.length <= 0) return false
return this.DATA.filter(
(item) => item.Type && item.Type.indexOf('Modality Certificate') >= 0
)
},
},
methods: {
openBox() {
this.model_cfg.visible = true
},
handleCancle() {
this.model_cfg.visible = false
},
handleRemoveFile(row) {
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
type: 'warning',
distinguishCancelAndClose: true,
})
.then(() => {
deleteAttachment(row.Id, row.Path).then((res) => {
if (res.IsSuccess) {
this.$emit('getInfo')
this.$message({
message: this.$t('common:message:deletedSuccessfully'),
type: 'success',
})
}
})
})
.catch((action) => {})
},
preview(row) {
this.$preview({
path: row.FullPath,
type: 'pdf',
title: row.FileName,
})
},
beginScanFiles(e) {
let files = e.target.files
},
},
}
</script>
<style lang="scss" scoped>
// ::v-deep .el-dialog__body {
// padding-top: 0;
// }
.box {
display: flex;
justify-content: space-between;
.clearfix {
width: 48%;
.e-card {
margin-bottom: 10px;
&:last-child {
margin-bottom: 0;
}
}
}
}
</style>

339
src/views/reviewers/curriculumVitae/components/file/curriculum.vue Normal file
View File

@ -0,0 +1,339 @@
<template>
<div class="curriculum">
<div class="title">{{ $t('curriculumVitae:curriculum:title') }}</div>
<div class="fileBox">
<div class="file_title">
{{ $t('curriculumVitae:curriculum:fileTitle:CN') }}
</div>
<template v-if="resumeListCN.length > 0">
<div class="file" v-for="item in resumeListCN" :key="item.Id">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-download"
:title="$t('common:button:download')"
@click.stop="handlePreview(item)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click.stop="handleRemoveFile(item)"
/>
<i
:class="{ 'el-icon-circle-check': true, disable: item.IsOfficial }"
:title="$t('common:button:default')"
@click.stop="handleSetOfiical(item)"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="file_title">
{{ $t('curriculumVitae:curriculum:fileTitle:EN') }}
</div>
<template v-if="resumeListEN.length > 0">
<div class="file" v-for="item in resumeListEN" :key="item.FileName">
<div class="name" :title="item.FileName">{{ item.FileName }}</div>
<i
class="el-icon-download"
:title="$t('common:button:download')"
@click.stop="handlePreview(item)"
/>
<i
class="el-icon-delete"
:title="$t('common:button:delete')"
@click.stop="handleRemoveFile(item)"
/>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<div class="btnBox" style="margin-top: 20px">
<div class="uploadFile-container" style="margin-right: 10px">
<el-upload
class="upload-demo"
:data="{ language: 1 }"
action
:show-file-list="false"
:http-request="handleUploadFile"
:file-list="resumeList"
accept=".doc,.docx"
>
<el-button size="small" type="primary">
{{ $t('curriculumVitae:curriculum:btn:uploadCN') }}
</el-button>
</el-upload>
</div>
<!-- <el-button
type="text"
@click.stop="handleDownload('Reviewer_resume_Template')"
>
{{ $t('common:button:downloadTpl') }}
</el-button> -->
</div>
<div class="btnBox">
<div class="uploadFile-container" style="margin-right: 10px">
<el-upload
class="upload-demo"
:data="{ language: 2 }"
action
:show-file-list="false"
:http-request="handleUploadFile"
:file-list="resumeList"
accept=".doc,.docx"
>
<el-button size="small" type="primary">
{{ $t('curriculumVitae:curriculum:btn:uploadEN') }}
</el-button>
</el-upload>
</div>
<!-- <el-button
type="text"
@click.stop="handleDownload('Reviewer_resume_Template')"
>
{{ $t('common:button:downloadTpl') }}
</el-button> -->
</div>
</div>
</div>
</template>
<script>
import {
getAttachmentByType,
saveAttachments,
deleteAttachment,
setOfficial,
setLanguageForResume,
} from '@/api/attachment'
import { DownloadCommonDoc } from '@/api/dictionary'
export default {
name: 'curriculum',
props: {
reviewerId: {
type: String,
default: '',
},
isEN: {
type: Boolean,
default: false,
},
},
data() {
return {
loading: false,
resumeList: [],
resumeListEN: [],
resumeListCN: [],
language: 0,
dialogVisible: false,
currentRow: {},
repeat: false,
isDisabled: false,
}
},
watch: {
reviewerId() {
if (this.reviewerId) {
this.getResumeList()
}
},
},
methods: {
handleDownload(code) {
this.loading = true
DownloadCommonDoc(code)
.then((data) => {
this.loading = false
})
.catch(() => {
this.loading = false
})
},
getResumeList() {
this.loading = true
getAttachmentByType(this.reviewerId, 'Resume')
.then((res) => {
if (res.IsSuccess) {
if (res.Result.length > 0) {
this.resumeList = res.Result
this.filterByLanguage()
}
}
this.loading = false
})
.catch(() => {
this.loading = false
})
},
handleUploadFile(param) {
this.repeat = false
// const fileName = param.file.name.substring(0, param.file.name.lastIndexOf('.'))
// const extension = param.file.name.substring(param.file.name.lastIndexOf('.'))
// 检测文件后缀名
if (this.checkFileSuffix(param.file.name) > -1) {
// 检测是否有重名文件
const isRepeat = this.resumeList.some(
(item) => item.FileName === param.file.name
)
if (isRepeat) {
this.$confirm(
this.$t('curriculumVitae:resume:message:existingResume'),
{
type: 'warning',
distinguishCancelAndClose: true,
}
)
.then(() => {
// 重名覆盖
this.repeat = true
this.uploadFile(param.file, param.data.language)
})
.catch((action) => {})
} else {
this.uploadFile(param.file, param.data.language)
}
} else {
this.$alert(this.$t('upload:rule:MUSTPDF'))
}
},
async uploadFile(file, language) {
this.isDisabled = true
var fileName = file.name
var files = this.resumeList
file = await this.fileToBlob(file)
let res = await this.OSSclient.put(
`/SystemData/reviewer/Resume/${this.reviewerId}/${fileName}`,
file
)
if (this.repeat) {
const index = files.findIndex((item, index) => {
return item.FileName === fileName
})
files[index].Path = this.$getObjectName(res.url)
files[index].FullPath = this.$getObjectName(res.url)
files[index].ReUpload = true
files[index].Language = language
} else {
const fileData = {
DoctorId: this.reviewerId,
Type: 'Resume',
Path: this.$getObjectName(res.url),
FullPath: this.$getObjectName(res.url),
FileName: fileName,
Language: language,
}
files.push(fileData)
}
this.saveUploadFiles(files)
},
saveUploadFiles(files) {
saveAttachments(files)
.then((res) => {
this.resumeList = res.Result
this.filterByLanguage()
this.isDisabled = false
this.$message.success(
this.$t('trials:uploadDicomList:table:Uploaded')
)
})
.catch(() => {
this.isDisabled = false
})
},
filterByLanguage() {
this.resumeListEN = []
this.resumeListCN = []
this.resumeList.map((resume) => {
if (resume.Language === 2) {
this.resumeListEN.push(resume)
} else if (resume.Language === 1) {
this.resumeListCN.push(resume)
}
})
},
checkFileSuffix(fileName) {
const accept = '.doc, .docx'
var index = fileName.lastIndexOf('.')
var suffix = fileName
.substring(index + 1, fileName.length)
.toLocaleLowerCase()
return accept.search(suffix)
},
handlePreview(row) {
if (row.FullPath) {
window.open(this.OSSclientConfig.basePath + row.FullPath, '_blank')
}
},
handleRemoveFile(row) {
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
type: 'warning',
distinguishCancelAndClose: true,
})
.then(() => {
deleteAttachment(row.Id, row.Path).then((res) => {
if (res.IsSuccess) {
this.resumeList.splice(
this.resumeList.findIndex((item) => item.Id === row.Id),
1
)
this.filterByLanguage()
this.$message({
message: this.$t('common:message:deletedSuccessfully'),
type: 'success',
})
}
})
})
.catch((action) => {})
},
handleSetOfiical(row) {
if (row.IsOfficial) return false
setOfficial(this.reviewerId, row.Id, row.Language).then((res) => {
if (res.IsSuccess) {
this.getResumeList()
this.$message({
message: this.$t('common:message:savedSuccessfully'),
type: 'success',
})
}
})
},
handleLanguageClick(row) {
this.dialogVisible = true
this.language = row.Language
this.currentRow = row
},
setResumeLanguage() {
setLanguageForResume(
this.reviewerId,
this.currentRow.Id,
this.language
).then((res) => {
if (res.IsSuccess) {
this.dialogVisible = false
this.getResumeList()
this.$message({
message: this.$t('common:message:savedSuccessfully'),
type: 'success',
})
}
})
},
},
}
</script>
<style lang="scss" scoped>
.file {
width: 100%;
display: flex;
margin-bottom: 10px;
.name {
width: 70%;
white-space: nowrap; /* 文本不会换行，会在同一行内继续，直到遇到<br>标签为止 */
text-overflow: ellipsis; /* 当文本溢出包含它的容器时，显示省略号(...)来表示被截断的文本 */
overflow: hidden; /* 隐藏溢出容器的文本 */
}
i {
cursor: pointer;
margin: 3px;
color: #409eff;
}
}
</style>

1144
src/views/reviewers/curriculumVitae/components/info/clinicalTrials.vue Normal file
View File

File diff suppressed because it is too large Load Diff

585
src/views/reviewers/curriculumVitae/components/info/continuingTraining.vue Normal file
View File

@ -0,0 +1,585 @@
<template>
<div class="continuingTraining">
<div class="title">
<span>{{ $t('curriculumVitae:continuingTraining:title') }}</span>
<el-button
type="text"
class="editBtn"
@click.stop="openEdit"
:disabled="!reviewerId"
>
{{ $t('common:button:add') }}
</el-button>
</div>
<el-table
:data="DATA"
v-loading="loading"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="date"
:label="$t('curriculumVitae:continuingTraining:table:time')"
>
<template slot-scope="scope">
<span>{{ scope.row.BeginDateStr }} ~ {{ scope.row.EndDateStr }}</span>
</template>
</el-table-column>
<el-table-column
prop="Training"
:label="$t('curriculumVitae:continuingTraining:table:type')"
>
<template slot-scope="scope">
<span>{{ $fd('Training', Number(scope.row.Training)) }}</span>
</template>
</el-table-column>
<el-table-column
prop="Major"
:label="$t('curriculumVitae:continuingTraining:table:direction')"
>
<template slot-scope="scope">
<span>{{ isEN ? scope.row.Major : scope.row.MajorCN }}</span>
</template>
</el-table-column>
<el-table-column
prop="school"
:label="$t('curriculumVitae:continuingTraining:table:school')"
>
<template slot-scope="scope">
<span>{{ isEN ? scope.row.School : scope.row.SchoolCN }}</span>
</template>
</el-table-column>
<el-table-column
prop="City"
:label="$t('curriculumVitae:continuingTraining:table:city')"
>
<template slot-scope="scope">
<span>{{ isEN ? scope.row.City : scope.row.CityCN }}</span>
</template>
</el-table-column>
<el-table-column :label="$t('common:action:action')">
<template slot-scope="scope">
<el-button
type="text"
class="editBtn"
@click.stop="openEdit(scope.row)"
>
{{ $t('common:button:edit') }}
</el-button>
<el-button
type="text"
class="editBtn"
@click.stop="handleDel(scope.row)"
>
{{ $t('common:button:delete') }}
</el-button>
</template>
</el-table-column>
</el-table>
<base-model :config="model_cfg">
<template slot="dialog-body">
<el-form
ref="continuingTrainingFrom"
v-loading="loading"
:model="form"
:rules="rules"
label-width="80px"
size="small"
>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:time')"
prop="BeginDate"
>
<el-date-picker
clearable
v-model="daterange"
type="monthrange"
value-format="yyyy-MM-dd"
format="yyyy-MM"
:range-separator="$t('curriculumVitae:daterange:rangeSeparator')"
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
:end-placeholder="$t('curriculumVitae:daterange:endTime')"
@change="changeTimeList"
>
</el-date-picker>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:type')"
prop="Training"
>
<el-select v-model="form.Training" clearable placeholder="">
<el-option
v-for="item in $d.Training"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:direction')"
prop="Major"
v-if="isEN"
>
<el-input
v-model="form.Major"
type="textarea"
:rows="2"
:maxlength="4000"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:directionEN')
"
></el-input>
</el-form-item>
<el-form-item
prop="MajorCN"
:label="$t('curriculumVitae:continuingTraining:form:direction')"
v-else
>
<el-input
type="textarea"
:rows="2"
v-model="form.MajorCN"
:maxlength="4000"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:direction')
"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:hospital')"
prop="Hospital"
v-if="isEN"
>
<el-autocomplete
clearable
class="inline-input"
style="width: 100%"
v-model="form.Hospital"
:fetch-suggestions="querySearch"
placeholder=""
></el-autocomplete>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:hospital')"
prop="Hospital"
v-else
>
<el-autocomplete
clearable
class="inline-input"
style="width: 100%"
v-model="form.HospitalCN"
:fetch-suggestions="querySearch"
placeholder=""
></el-autocomplete>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:school')"
prop="School"
v-if="isEN"
>
<el-input
v-model="form.School"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:schoolEN')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
prop="SchoolCN"
:label="$t('curriculumVitae:continuingTraining:form:school')"
v-else
>
<el-input
v-model="form.SchoolCN"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:school')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:city')"
prop="City"
v-if="isEN"
>
<el-input
v-model="form.City"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:City')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
prop="CityCN"
:label="$t('curriculumVitae:continuingTraining:form:city')"
v-else
>
<el-input
v-model="form.CityCN"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:CityCN')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:continuingTraining:form:Country')"
prop="Country"
v-if="isEN"
>
<el-input
v-model="form.Country"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:Country')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
prop="CountryCN"
:label="$t('curriculumVitae:continuingTraining:form:Country')"
v-else
>
<el-input
v-model="form.CountryCN"
clearable
:placeholder="
$t('curriculumVitae:continuingTraining:placeholder:CountryCN')
"
:maxlength="400"
></el-input>
</el-form-item>
</el-form>
</template>
<template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<el-button
size="small"
type="primary"
:loading="loading"
@click="handleSave"
>
{{ $t('common:button:save') }}
</el-button>
</template>
</base-model>
</div>
</template>
<script>
import BaseModel from '@/components/BaseModel'
import {
addOrUpdatePostgraduateInfo,
deletePostgraduateInfo,
} from '@/api/reviewers'
import store from '@/store'
import { mapGetters } from 'vuex'
const defaultForm = () => {
return {
BeginDate: '',
EndDate: '',
Training: '',
Major: '',
MajorCN: '',
HospitalId: null,
HospitalCN: null,
Hospital: null,
School: '',
SchoolCN: '',
City: '',
CityCN: '',
Country: '',
CountryCN: '',
}
}
export default {
name: 'continuingTraining',
components: { BaseModel },
props: {
DATA: {
type: Array,
required: true,
default: () => {
return []
},
},
reviewerId: {
type: String,
default: '',
},
isEN: {
type: Boolean,
default: false,
},
},
data() {
return {
model_cfg: {
visible: false,
showClose: true,
width: '600px',
title: this.$t('curriculumVitae:continuingTraining:form:title'),
appendToBody: true,
},
form: defaultForm(),
rules: {
BeginDate: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
EndDate: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
Training: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
Major: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
MajorCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
City: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CityCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Country: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CountryCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
loading: false,
daterange: [],
hospitalSelectList: [],
}
},
computed: {
...mapGetters(['hospitalList']),
},
mounted() {
store.dispatch('global/getHospital')
},
watch: {
hospitalList: {
handler() {
if (!Array.isArray(this.hospitalList) || this.hospitalList.length <= 0)
return false
this.hospitalSelectList = []
this.hospitalList.forEach((item) => {
if (this.isEN) {
this.hospitalSelectList.push({
value: item.HospitalName,
...item,
})
} else {
this.hospitalSelectList.push({
value: item.HospitalNameCN,
...item,
})
}
})
},
deep: true,
},
},
methods: {
querySearch(queryString, cb) {
var hospitalList = this.hospitalSelectList
var results = queryString
? hospitalList.filter(this.createFilter(queryString))
: hospitalList
// 调用 callback 返回建议列表的数据
cb(results)
},
createFilter(queryString) {
return (hospitalList) => {
if (this.isEN) {
return (
hospitalList.HospitalName.toLowerCase().indexOf(
queryString.toLowerCase()
) >= 0
)
} else {
return (
hospitalList.HospitalNameCN.toLowerCase().indexOf(
queryString.toLowerCase()
) >= 0
)
}
}
},
openEdit(row) {
this.form = defaultForm()
this.daterange = []
if (row) {
Object.keys(this.form).forEach((key) => {
if (row[key]) {
this.form[key] = row[key]
}
})
if (this.form.BeginDate && this.form.EndDate) {
this.daterange = [this.form.BeginDate, this.form.EndDate]
}
if (this.form.Degree) {
this.form.Degree = Number(this.form.Degree)
}
this.form.Id = row.Id
}
this.model_cfg.visible = true
},
handleCancle() {
this.form = defaultForm()
this.daterange = []
this.model_cfg.visible = false
},
async handleSave() {
try {
let validate = await this.$refs.continuingTrainingFrom.validate()
if (!validate) return false
if (this.reviewerId) {
this.form.DoctorId = this.reviewerId
}
let data = Object.assign({}, this.form)
if (!this.hospitalList.find((item) => item.Id === data.HospitalId)) {
data.Hospital = data.HospitalId
data.HospitalId = null
}
this.loading = true
let res = await addOrUpdatePostgraduateInfo(this.form)
this.loading = false
if (res.IsSuccess) {
this.$emit('getInfo')
this.model_cfg.visible = false
}
} catch (err) {
this.loading = false
console.log(err)
}
},
async handleDel(row) {
try {
let confirm = await this.$confirm(
this.$t('trials:trials-list:table:isDeleted')
)
if (!confirm) return false
this.loading = true
let res = await deletePostgraduateInfo(row.Id)
this.loading = false
if (res.IsSuccess) {
this.$message.success(this.$t('common:message:deletedSuccessfully'))
this.$emit('getInfo')
}
} catch (err) {
this.loading = false
console.log(err)
}
},
changeTimeList() {
if (this.daterange && this.daterange.length === 2) {
this.form.BeginDate = this.daterange[0]
this.form.EndDate = this.daterange[1]
} else {
this.form.BeginDate = null
this.form.EndDate = null
}
},
},
}
</script>
<style lang="scss" scoped>
.continuingTraining {
min-height: 100px;
.title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
font-weight: bold;
}
}
.el-select,
.el-date-editor {
width: 100%;
}
</style>

516
src/views/reviewers/curriculumVitae/components/info/educationalExperience.vue Normal file
View File

@ -0,0 +1,516 @@
<template>
<div class="EducationalExperience">
<div class="title">
<span>{{ $t('curriculumVitae:EducationalExperience:title') }}</span>
<el-button
type="text"
class="editBtn"
@click.stop="openEdit"
:disabled="!reviewerId"
>
{{ $t('common:button:add') }}
</el-button>
</div>
<el-table
:data="DATA"
v-loading="loading"
style="width: 100%"
:header-cell-style="{ background: '#eee', color: '#606266' }"
>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:time')"
>
<template slot-scope="scope">
<span>{{ scope.row.BeginDateStr }} ~ {{ scope.row.EndDateStr }}</span>
</template>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:specialy')"
>
<template slot-scope="scope">
<span>
{{ isEN ? scope.row.Major : scope.row.MajorCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:degree')"
>
<template slot-scope="scope">
<span>
{{ $fd('Degree', Number(scope.row.Degree)) }}
</span>
</template>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:school')"
>
<template slot-scope="scope">
<span>
{{ isEN ? scope.row.Organization : scope.row.OrganizationCN }}
</span>
</template>
</el-table-column>
<el-table-column
prop="date"
:label="$t('curriculumVitae:EducationalExperience:table:city')"
>
<template slot-scope="scope">
<span>
{{ isEN ? scope.row.City : scope.row.CityCN }}
</span>
</template>
</el-table-column>
<el-table-column prop="date" :label="$t('common:action:action')">
<template slot-scope="scope">
<el-button
type="text"
class="editBtn"
@click.stop="openEdit(scope.row)"
>
{{ $t('common:button:edit') }}
</el-button>
<el-button
type="text"
class="editBtn"
@click.stop="handleDel(scope.row)"
>
{{ $t('common:button:delete') }}
</el-button>
</template>
</el-table-column>
</el-table>
<base-model :config="model_cfg">
<template slot="dialog-body">
<el-form
ref="EducationalExperienceFrom"
v-loading="loading"
:model="form"
:rules="rules"
label-width="80px"
size="small"
>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:time')"
prop="BeginDate"
>
<el-date-picker
clearable
v-model="daterange"
type="monthrange"
value-format="yyyy-MM-dd"
format="yyyy-MM"
:range-separator="$t('curriculumVitae:daterange:rangeSeparator')"
:start-placeholder="$t('curriculumVitae:daterange:startTime')"
:end-placeholder="$t('curriculumVitae:daterange:endTime')"
@change="changeTimeList"
>
</el-date-picker>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:specialy')"
prop="Major"
v-if="isEN"
>
<el-input
clearable
:placeholder="
$t(
'curriculumVitae:EducationalExperience:placeholder:specialyEN'
)
"
v-model="form.Major"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:specialy')"
prop="MajorCN"
v-else
>
<el-input
clearable
:placeholder="
$t('curriculumVitae:EducationalExperience:placeholder:specialy')
"
v-model="form.MajorCN"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:degree')"
prop="Degree"
>
<el-select v-model="form.Degree" placeholder="">
<el-option
v-for="item in $d.Degree"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:school')"
prop="Organization"
v-if="isEN"
>
<el-input
v-model="form.Organization"
clearable
:placeholder="
$t('curriculumVitae:EducationalExperience:placeholder:schoolEN')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:school')"
prop="OrganizationCN"
v-else
>
<el-input
v-model="form.OrganizationCN"
clearable
:placeholder="
$t('curriculumVitae:EducationalExperience:placeholder:school')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:city')"
prop="City"
v-if="isEN"
>
<el-input
v-model="form.City"
clearable
:placeholder="
$t('curriculumVitae:EducationalExperience:placeholder:City')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:city')"
prop="CityCN"
v-else
>
<el-input
v-model="form.CityCN"
clearable
:placeholder="
$t('curriculumVitae:EducationalExperience:placeholder:CityCN')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:EducationalExperience:form:Country')"
prop="Country"
v-if="isEN"
>
<el-input
v-model="form.Country"
clearable
:placeholder="
$t('curriculumVitae:EducationalExperience:placeholder:Country')
"
:maxlength="400"
></el-input>
</el-form-item>
<el-form-item
prop="CountryCN"
:label="$t('curriculumVitae:EducationalExperience:form:Country')"
v-else
>
<el-input
v-model="form.CountryCN"
clearable
:placeholder="
$t(
'curriculumVitae:EducationalExperience:placeholder:CountryCN'
)
"
:maxlength="400"
></el-input>
</el-form-item>
</el-form>
</template>
<template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<el-button
size="small"
type="primary"
@click="handleSave"
:loading="loading"
>
{{ $t('common:button:save') }}
</el-button>
</template>
</base-model>
</div>
</template>
<script>
import BaseModel from '@/components/BaseModel'
import { addOrUpdateEducationInfo, deleteEducationInfo } from '@/api/reviewers'
const defaultForm = () => {
return {
BeginDate: '',
EndDate: '',
Degree: '',
Major: '',
MajorCN: '',
Organization: '',
OrganizationCN: '',
City: '',
CityCN: '',
Country: '',
CountryCN: '',
}
}
export default {
name: 'EducationalExperience',
components: { BaseModel },
props: {
DATA: {
type: Array,
required: true,
default: () => {
return []
},
},
reviewerId: {
type: String,
default: '',
},
isEN: {
type: Boolean,
default: false,
},
},
data() {
return {
model_cfg: {
visible: false,
showClose: true,
width: '600px',
title: this.$t('curriculumVitae:EducationalExperience:form:title'),
appendToBody: true,
},
form: defaultForm(),
rules: {
BeginDate: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
EndDate: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
Degree: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
],
Major: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
MajorCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Organization: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
OrganizationCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
City: [
{ required: true, message:this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CityCN: [
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Country: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
CountryCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
},
loading: false,
daterange: [],
}
},
methods: {
openEdit(row) {
this.form = defaultForm()
this.daterange = []
if (row) {
Object.keys(this.form).forEach((key) => {
if (row[key]) {
this.form[key] = row[key]
}
})
if (this.form.BeginDate && this.form.EndDate) {
this.daterange = [this.form.BeginDate, this.form.EndDate]
}
if (this.form.Degree) {
this.form.Degree = Number(this.form.Degree)
}
this.form.Id = row.Id
}
this.model_cfg.visible = true
},
handleCancle() {
this.form = defaultForm()
this.daterange = []
this.model_cfg.visible = false
},
async handleSave() {
try {
let validate = await this.$refs.EducationalExperienceFrom.validate()
if (!validate) return false
if (this.reviewerId) {
this.form.DoctorId = this.reviewerId
}
this.loading = true
let res = await addOrUpdateEducationInfo(this.form)
this.loading = false
if (res.IsSuccess) {
this.$emit('getInfo')
this.model_cfg.visible = false
}
} catch (err) {
this.loading = false
console.log(err)
}
},
async handleDel(row) {
try {
let confirm = await this.$confirm(
this.$t('trials:trials-list:table:isDeleted')
)
if (!confirm) return false
this.loading = true
let res = await deleteEducationInfo(row.Id)
this.loading = false
if (res.IsSuccess) {
this.$message.success(this.$t('common:message:deletedSuccessfully'))
this.$emit('getInfo')
}
} catch (err) {
this.loading = false
console.log(err)
}
},
changeTimeList() {
if (this.daterange && this.daterange.length === 2) {
this.form.BeginDate = this.daterange[0]
this.form.EndDate = this.daterange[1]
} else {
this.form.BeginDate = null
this.form.EndDate = null
}
},
},
}
</script>
<style lang="scss" scoped>
.EducationalExperience {
min-height: 100px;
.title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
font-weight: bold;
}
}
.el-select,
.el-date-editor {
width: 100%;
}
</style>

201
src/views/reviewers/curriculumVitae/components/info/holiday.vue Normal file
View File

@ -0,0 +1,201 @@
<template>
<el-dialog
:title="$t('system:Setting:title:Vacation')"
:visible.sync="visible"
width="50%"
:close-on-click-modal="false"
:before-close="closeDialog"
append-to-body
>
<div v-if="!isPreview">
<el-date-picker
v-model="daterange"
style="width: 360px"
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
type="daterange"
range-separator="to"
:start-placeholder="$t('system:Setting:label:Beginning Date')"
:end-placeholder="$t('system:Setting:label:End Date')"
size="small"
/>
<el-button
style="margin-left: 10px"
type="primary"
size="small"
@click="handleAddHoliday"
>
{{ $t('common:button:add') }}
</el-button>
</div>
<el-table v-loading="loading" :data="gridData" size="small">
<el-table-column type="index" />
<el-table-column
property="StartDate"
:label="$t('system:Setting:table:Beginning Date')"
min-width="120"
:formatter="beginTimeFormatter"
/>
<el-table-column
property="EndDate"
:label="$t('system:Setting:table:End Date')"
min-width="120"
:formatter="endTimeFormatter"
/>
<el-table-column
:label="$t('common:action:action')"
fixed="right"
min-width="200"
v-if="!isPreview"
>
<template slot-scope="scope">
<el-button type="text" @click="handleDelete(scope.row)">
{{ $t('common:button:delete') }}
</el-button>
</template>
</el-table-column>
</el-table>
<div class="pagination" style="padding: 10px 0; text-align: right">
<el-pagination
background
layout="total,sizes,prev, pager, next"
:total="totalItems"
:page-sizes="[5, 10, 20, 50]"
:page-size="pageSize"
:current-page.sync="pageIndex"
@current-change="handleCurrentChange"
@size-change="handleSizeChange"
/>
</div>
</el-dialog>
</template>
<script>
import {
getVacationList,
addOrUpdateVacation,
deleteVacation,
} from '@/api/reviewers'
import { fmtDate } from '@/utils/formatter'
export default {
name: 'holiday',
props: {
visible: {
type: Boolean,
default: false,
},
reviewerId: {
type: String,
default: '',
},
isPreview: {
type: Boolean,
default: false,
},
},
data() {
return {
daterange: [],
loading: false,
gridData: [],
pageIndex: 1,
pageSize: 5,
totalItems: 0,
}
},
mounted() {
this.initHolidayList()
},
methods: {
closeDialog() {
this.$emit('update:visible', false)
},
handleAddHoliday() {
if (this.daterange && this.daterange.length > 0) {
const param = {
DoctorId: this.reviewerId,
StartDate: this.daterange[0],
EndDate: this.daterange[1],
}
this.loading = true
addOrUpdateVacation(param)
.then((res) => {
if (res.IsSuccess) {
param.Id = res.Result
this.gridData.push(param)
this.totalItems = this.totalItems + 1
this.daterange = ''
} else {
this.$alert(res.ErrorMessage)
}
this.loading = false
})
.catch(() => {
this.daterange = ''
this.loading = false
})
}
},
handleDelete(row) {
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
type: 'warning',
distinguishCancelAndClose: true,
})
.then(() => {
this.loading = true
deleteVacation(row.Id)
.then((res) => {
if (res.IsSuccess) {
var index = this.gridData.findIndex(
(item) => item.Id === row.Id
)
if (index !== -1) {
this.gridData.splice(index, 1)
this.totalItems = this.totalItems - 1
}
this.$message.success(
this.$t('common:message:deletedSuccessfully')
)
}
this.loading = false
})
.catch(() => {
this.loading = false
})
})
.catch((action) => {})
},
initHolidayList() {
this.loading = true
getVacationList(this.reviewerId, this.pageIndex, this.pageSize)
.then((res) => {
if (res.IsSuccess) {
this.gridData = res.Result.CurrentPageData
this.totalItems = res.Result.TotalCount
}
this.loading = false
})
.catch(() => {
this.loading = false
})
},
beginTimeFormatter(row) {
if (row.StartDate) {
return fmtDate(row.StartDate)
}
},
endTimeFormatter(row) {
if (row.EndDate) {
return fmtDate(row.EndDate)
}
},
handleCurrentChange(val) {
this.pageIndex = val
this.initHolidayList()
},
handleSizeChange(val) {
this.pageSize = val
this.initHolidayList()
},
},
}
</script>

859
src/views/reviewers/curriculumVitae/components/info/info.vue Normal file
View File

@ -0,0 +1,859 @@
<template>
<div class="info">
<el-button type="text" class="editBtn" @click.stop="openEdit">
{{ $t('common:button:edit') }}
</el-button>
<template v-if="DATA.FirstName && DATA.LastName">
<div class="userInfo">
<span>{{
isEN ? DATA.LastName + ' / ' + DATA.FirstName : DATA.ChineseName
}}</span>
<span>{{ $fd('Sex', DATA.Sex) }}</span>
<span v-if="isEN">
{{
Array.isArray(DATA.TitleList) && DATA.TitleList.length > 0
? DATA.TitleList.join(', ')
: ''
}}
</span>
<span v-else>
{{
Array.isArray(DATA.TitleCNList) && DATA.TitleCNList.length > 0
? DATA.TitleCNList.join(', ')
: ''
}}
</span>
<span v-if="isEN">{{ DATA.HospitalName }}</span>
<span v-else>{{ DATA.HospitalNameCN }}</span>
</div>
<div class="userTitle">
<span
class="el-icon-first-aid-kit"
v-if="DATA.Department || DATA.DepartmentCN"
>
<span v-if="isEN">{{ DATA.Department }}</span>
<span v-else>{{ DATA.DepartmentCN }}</span>
</span>
<span class="el-icon-first-aid-kit" v-else>
<span v-if="isEN">{{ DATA.DepartmentOther }}</span>
<span v-else>{{ DATA.DepartmentOtherCN }}</span>
</span>
<span class="el-icon-user" v-if="DATA.Rank || DATA.RankCN">
<span v-if="isEN">{{ DATA.Rank }}</span>
<span v-else>{{ DATA.RankCN }}</span>
</span>
</div>
<div class="userTel">
<span class="el-icon-phone-outline">
{{ DATA.Phone }}
</span>
<span class="el-icon-message">{{ DATA.EMail }}</span>
<span class="el-icon-chat-dot-round" v-if="DATA.WeChat">{{
DATA.WeChat
}}</span>
</div>
<div style="display: flex; font-size: 14px">
<span style="display: inline-block; width: 70px; color: #606266">{{
$t('curriculumVitae:info:meessage:partTimeJob')
}}</span>
<span
class="break-word"
style="
white-space: pre-wrap;
width: calc(100% - 80px);
word-wrap: break-word;
"
v-html="isEN ? DATA.WorkPartTimeEn : DATA.WorkPartTime"
></span>
</div>
</template>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<base-model :config="model_cfg">
<template slot="dialog-body">
<el-form
ref="infoFrom"
v-loading="loading"
:model="form"
:rules="rules"
label-width="100px"
size="small"
>
<div class="form_title">
{{ $t('curriculumVitae:info:form:infoTitle') }}
</div>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:surname')"
prop="FirstName"
>
<el-input
v-model="form.FirstName"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:name')"
prop="LastName"
>
<el-input
v-model="form.LastName"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12" v-if="!isEN">
<el-form-item
:label="$t('curriculumVitae:info:form:userNameCN')"
prop="ChineseName"
>
<el-input
v-model="form.ChineseName"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:sex')"
prop="Sex"
>
<el-select v-model="form.Sex" clearable placeholder="">
<el-option
v-for="item in $d.Sex"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:education')"
prop="TitleIds"
>
<el-select v-model="form.TitleIds[0]" clearable placeholder="">
<el-option
v-for="item of dictionaryList.Title"
:key="item.Id"
:label="item.Value"
:value="item.Id"
/>
</el-select>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:phone')"
prop="Phone"
>
<el-input
v-model="form.Phone"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:email')"
prop="EMail"
>
<el-input v-model="form.EMail" clearable disabled></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:wechat')"
prop="WeChat"
>
<el-input
v-model="form.WeChat"
clearable
:maxlength="400"
></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row>
<el-col :span="12">
<el-form-item
:label="$t('curriculumVitae:info:form:country')"
prop="Nation"
>
<el-select v-model="form.Nation" size="small" class="mr">
<el-option
v-for="item of $d.AttendedReviewerType"
:value="item.value"
:label="item.label"
:key="item.id"
/>
</el-select>
</el-form-item>
</el-col>
</el-row>
<div class="form_title">
{{ $t('curriculumVitae:info:form:workTitle') }}
</div>
<el-form-item
:label="$t('curriculumVitae:info:form:hospital')"
prop="HospitalName"
v-if="isEN"
>
<el-autocomplete
clearable
class="inline-input"
style="width: 100%"
v-model="form.HospitalName"
:fetch-suggestions="querySearch"
@select="handleSelect"
placeholder=""
@change="handleChange"
></el-autocomplete>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:hospital')"
prop="HospitalNameCN"
v-else
>
<el-autocomplete
clearable
class="inline-input"
style="width: 100%"
v-model="form.HospitalNameCN"
:fetch-suggestions="querySearch"
@select="handleSelect"
placeholder=""
@change="handleChange"
></el-autocomplete>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:AffiliatedUniversity')"
prop="UniversityAffiliated"
v-if="isEN"
>
<el-input
v-model="form.UniversityAffiliated"
type="textarea"
autosize
size="small"
:maxlength="4000"
/>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:AffiliatedUniversity')"
prop="UniversityAffiliated"
v-else
>
<el-input
v-model="form.UniversityAffiliatedCN"
type="textarea"
autosize
size="small"
:maxlength="4000"
/>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:City')"
v-if="isEN"
>
<el-input v-model="form.City" size="small" />
</el-form-item>
<el-form-item :label="$t('curriculumVitae:info:form:City')" v-else>
<el-input v-model="form.CityCN" size="small" />
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:department')"
prop="DepartmentId"
>
<el-select v-model="form.DepartmentId" clearable placeholder="">
<el-option
v-for="item of dictionaryList.Department"
:key="item.Id"
:label="item.Value"
:value="item.Id"
/>
<el-option
:label="$t('curriculumVitae:selectLabel:Other')"
:value="otherId"
/>
</el-select>
</el-form-item>
<el-form-item
v-if="form.DepartmentId === otherId && isEN"
class="other-item"
prop="DepartmentOther"
>
<el-input
v-model="form.DepartmentOther"
:placeholder="
$t('curriculumVitae:info:form:placeholder:DepartmentOther')
"
size="small"
:maxlength="400"
/>
</el-form-item>
<el-form-item
v-if="form.DepartmentId === otherId && !isEN"
class="other-item"
prop="DepartmentOtherCN"
>
<el-input
v-model="form.DepartmentOtherCN"
:placeholder="
$t('curriculumVitae:info:form:placeholder:DepartmentOtherCN')
"
size="small"
:maxlength="400"
/>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:physician')"
prop="RankId"
>
<el-select v-model="form.RankId" clearable placeholder="">
<el-option
v-for="item in $d.Rank"
:key="item.id"
:label="item.label"
:value="item.id"
/>
</el-select>
</el-form-item>
<el-form-item
v-if="
$fd('Rank', form.RankId, 'id') ===
$t('curriculumVitae:selectLabel:Other') && isEN
"
class="other-item"
prop="RankOther"
>
<el-input
v-model="form.RankOther"
:placeholder="
$t('curriculumVitae:info:form:placeholder:RankOther')
"
size="small"
:maxlength="400"
/>
</el-form-item>
<el-form-item
v-if="
$fd('Rank', form.RankId, 'id') ===
$t('curriculumVitae:selectLabel:Other') && !isEN
"
class="other-item"
prop="RankOtherCN"
>
<el-input
v-model="form.RankOtherCN"
:placeholder="
$t('curriculumVitae:info:form:placeholder:RankOtherCN')
"
size="small"
:maxlength="400"
/>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:partTimeJob')"
prop="WorkPartTime"
v-if="!isEN"
>
<el-input
:placeholder="
$t('curriculumVitae:info:form:placeholder:partTimeJob')
"
v-model="form.WorkPartTime"
type="textarea"
:rows="10"
clearable
:maxlength="4000"
></el-input>
</el-form-item>
<el-form-item
:label="$t('curriculumVitae:info:form:partTimeJob')"
prop="WorkPartTimeEn"
v-else
>
<el-input
:placeholder="
$t('curriculumVitae:info:form:placeholder:partTimeJobEN')
"
v-model="form.WorkPartTimeEn"
type="textarea"
:rows="10"
:maxlength="4000"
clearable
></el-input>
</el-form-item>
</el-form>
</template>
<template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<el-button
size="small"
type="primary"
@click="handleSave"
:loading="loading"
>
{{ $t('common:button:save') }}
</el-button>
</template>
</base-model>
</div>
</template>
<script>
import BaseModel from '@/components/BaseModel'
import { getBasicDataSelects } from '@/api/dictionary/dictionary'
import { addOrUpdateDoctorBasicInfoAndEmployment } from '@/api/reviewers'
import store from '@/store'
import { mapGetters } from 'vuex'
const defaultForm = () => {
return {
FirstName: '',
LastName: '',
ChineseName: '',
Sex: '',
TitleIds: [],
Phone: '',
EMail: '',
WeChat: '',
Nation: 0,
DepartmentId: '',
DepartmentOther: '',
DepartmentOtherCN: '',
RankId: '',
RankOther: '',
RankOtherCN: '',
HospitalId: '',
HospitalName: null,
HospitalNameCN: null,
WorkPartTime: null,
WorkPartTimeEn: null,
UniversityAffiliated: null,
UniversityAffiliatedCN: null,
City: null,
CityCN: null,
}
}
export default {
name: 'info',
components: { BaseModel },
props: {
DATA: {
type: Object,
required: true,
default: () => {
return {}
},
},
reviewerId: {
type: String,
default: '',
},
isEN: {
type: Boolean,
default: false,
},
},
data() {
return {
model_cfg: {
visible: false,
showClose: true,
width: '800px',
title: this.$t('curriculumVitae:info:form:title'),
appendToBody: true,
top: '8vh',
bodyStyle: `min-height: 100px; max-height: 650px;overflow-y: auto;padding: 10px;border: 1px solid #e0e0e0;`,
},
form: defaultForm(),
rules: {
FirstName: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
LastName: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
ChineseName: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Sex: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
TitleIds: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
Phone: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{ max: 20, min: 7, message: 'The length is 7 to 20' },
],
EMail: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
type: 'email',
message: this.$t('rules:email'),
trigger: 'blur,change',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
WeChat: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
Nation: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
DepartmentId: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
DepartmentOther: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
,
],
DepartmentOtherCN: [
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
RankId: [
{
required: true,
message: this.$t('common:ruleMessage:select'),
trigger: 'blur',
},
],
RankOther: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
RankOtherCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: 'blur',
},
{
max: 400,
message: this.$t('form:rules:maxLength:400'),
trigger: 'blur',
},
],
HospitalName: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur', 'change'],
},
],
HospitalNameCN: [
{
required: true,
message: this.$t('common:ruleMessage:specify'),
trigger: ['blur', 'change'],
},
],
UniversityAffiliated: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
WorkPartTime: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
WorkPartTimeEn: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
loading: false,
dictionaryList: {},
otherId: 'ef84e9cb-f1a6-49d7-b6da-34be2c12abd5',
hospitalSelectList: [],
}
},
computed: {
...mapGetters(['hospitalList']),
},
watch: {
hospitalList: {
handler() {
if (!Array.isArray(this.hospitalList) || this.hospitalList.length <= 0)
return false
this.hospitalSelectList = []
this.hospitalList.forEach((item) => {
if (this.isEN) {
this.hospitalSelectList.push({
value: item.HospitalName,
...item,
})
} else {
this.hospitalSelectList.push({
value: item.HospitalNameCN,
...item,
})
}
})
},
deep: true,
},
},
mounted() {
this.getDicData()
store.dispatch('global/getHospital')
},
methods: {
handleChange(v) {
if (v) return
this.form.UniversityAffiliated = null
this.form.City = null
this.form.UniversityAffiliatedCN = null
this.form.CityCN = null
},
querySearch(queryString, cb) {
var hospitalList = this.hospitalSelectList
var results = queryString
? hospitalList.filter(this.createFilter(queryString))
: hospitalList
// 调用 callback 返回建议列表的数据
cb(results)
},
createFilter(queryString) {
return (hospitalList) => {
if (this.isEN) {
return (
hospitalList.HospitalName.toLowerCase().indexOf(
queryString.toLowerCase()
) >= 0
)
} else {
return (
hospitalList.HospitalNameCN.toLowerCase().indexOf(
queryString.toLowerCase()
) >= 0
)
}
}
},
openEdit() {
this.form = defaultForm()
Object.keys(this.form).forEach((key) => {
if (this.DATA[key] || this.DATA[key] == 0) {
this.form[key] = this.DATA[key]
}
})
this.model_cfg.visible = true
},
handleCancle() {
this.form = defaultForm()
this.model_cfg.visible = false
},
async handleSave() {
try {
let validate = await this.$refs.infoFrom.validate()
if (!validate) return false
if (this.reviewerId) {
this.form.Id = this.reviewerId
}
// console.log(this.form)
let data = Object.assign({}, this.form)
// if (!this.hospitalList.find((item) => item.Id === data.HospitalId)) {
// data.HospitalName = data.HospitalId
// data.HospitalId = null
// }
this.loading = true
let res = await addOrUpdateDoctorBasicInfoAndEmployment(data)
this.loading = false
if (res.IsSuccess) {
this.$emit('update:reviewerId', res.Result.Id)
sessionStorage.setItem('reviewerId', res.Result.Id)
this.$emit('getInfo')
this.model_cfg.visible = false
}
} catch (err) {
this.loading = false
console.log(err)
}
},
getDicData() {
getBasicDataSelects(['Title', 'Department', 'Rank', 'Position'])
.then((res) => {
this.dictionaryList = { ...res.Result }
})
.catch(() => {})
},
handleSelect(value) {
const item = value
if (item) {
this.form.UniversityAffiliated = item.UniversityAffiliated
this.form.City = item.City
this.form.UniversityAffiliatedCN = item.UniversityAffiliatedCN
this.form.CityCN = item.CityCN
} else {
this.form.UniversityAffiliated = null
this.form.City = null
this.form.UniversityAffiliatedCN = null
this.form.CityCN = null
}
},
},
}
</script>
<style lang="scss" scoped>
.info {
position: relative;
min-height: 100px;
.editBtn {
position: absolute;
right: 0;
top: 0px;
}
.userInfo,
.userTitle,
.userTel {
line-height: 30px;
margin-bottom: 15px;
span {
margin-right: 20px;
&:last-child {
margin: 0;
}
}
&:last-child {
margin-bottom: 0;
}
}
.userTitle,
.userTel {
span {
display: inline-block;
min-width: 80px;
border-right: 1px solid #ddd;
padding-right: 10px;
&::before {
margin-right: 5px;
}
&:last-child {
border: none;
}
}
}
}
.el-select {
width: 100%;
}
::v-deep .el-dialog__body {
padding-top: 0 !important;
}
.form_title {
margin: 10px 0;
display: flex;
align-items: center;
&::after {
margin-left: 20px;
display: block;
content: '';
border-top: 1px solid #eee;
flex: 1;
}
}
.noData {
line-height: 100px;
}
</style>

198
src/views/reviewers/curriculumVitae/components/info/other.vue Normal file
View File

@ -0,0 +1,198 @@
<template>
<div class="other">
<div class="title">
<span>{{ $t('curriculumVitae:other:AH') }}</span>
<el-button
type="text"
class="editBtn"
:disabled="!reviewerId"
@click.stop="openEdit"
>
{{ $t('common:button:edit') }}
</el-button>
</div>
<div class="message" v-if="DATA.AwardsHonors || DATA.AwardsHonorsCN">
<span
style="white-space: pre-wrap"
v-html="isEN ? DATA.AwardsHonors : DATA.AwardsHonorsCN"
></span>
</div>
<div class="noData" v-else>{{ $t('curriculumVitae:noData') }}</div>
<base-model :config="model_cfg">
<template slot="dialog-body">
<el-form
ref="otherFrom"
v-loading="loading"
:model="form"
:rules="rules"
label-width="100px"
size="small"
>
<el-form-item
:label="$t('curriculumVitae:other:form:AH')"
prop="AwardsHonors"
v-if="isEN"
>
<el-input
clearable
v-model="form.AwardsHonors"
style="margin-bottom: 10px"
type="textarea"
:rows="10"
:maxlength="4000"
:placeholder="$t('curriculumVitae:other:placeholder:AHEN')"
></el-input>
</el-form-item>
<el-form-item
prop="AwardsHonorsCN"
:label="$t('curriculumVitae:other:form:AH')"
v-else
>
<el-input
clearable
v-model="form.AwardsHonorsCN"
style="margin-bottom: 10px"
type="textarea"
:rows="10"
:maxlength="4000"
:placeholder="$t('curriculumVitae:other:placeholder:AH')"
></el-input>
</el-form-item>
</el-form>
</template>
<template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle">
{{ $t('common:button:cancel') }}
</el-button>
<el-button
size="small"
type="primary"
:loading="loading"
@click="handleSave"
>
{{ $t('common:button:save') }}
</el-button>
</template>
</base-model>
</div>
</template>
<script>
import BaseModel from '@/components/BaseModel'
import { addOrUpdateResearchPublicationInfo } from '@/api/reviewers'
const defaultForm = () => {
return {
Id: null,
AwardsHonors: '',
AwardsHonorsCN: '',
}
}
export default {
name: 'other',
components: { BaseModel },
props: {
DATA: {
type: Object,
required: true,
default: () => {
return {}
},
},
reviewerId: {
type: String,
default: '',
},
isEN: {
type: Boolean,
default: false,
},
},
data() {
return {
model_cfg: {
visible: false,
showClose: true,
width: '800px',
title: this.$t('curriculumVitae:scientificResearchProject:form:title'),
appendToBody: true,
},
form: defaultForm(),
rules: {
AwardsHonors: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
AwardsHonorsCN: [
{
max: 4000,
message: this.$t('form:rules:maxLength:4000'),
trigger: 'blur',
},
],
},
loading: false,
}
},
methods: {
openEdit() {
this.form = defaultForm()
Object.keys(this.form).forEach((key) => {
if (this.DATA[key]) {
this.form[key] = this.DATA[key]
}
})
this.model_cfg.visible = true
},
handleCancle() {
this.form = defaultForm()
this.model_cfg.visible = false
},
async handleSave() {
try {
let validate = await this.$refs.otherFrom.validate()
if (!validate) return false
if (this.reviewerId) {
this.form.DoctorId = this.reviewerId
}
this.loading = true
let res = await addOrUpdateResearchPublicationInfo(this.form)
this.loading = false
if (res.IsSuccess) {
this.$emit('getInfo')
this.model_cfg.visible = false
}
} catch (err) {
this.loading = false
console.log(err)
}
},
},
}
</script>
<style lang="scss" scoped>
.other {
min-height: 100px;
.title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
font-weight: bold;
}
.message {
margin: auto;
min-height: 100px;
background-color: #eee;
padding: 10px;
line-height: 30px;
border-radius: 5px;
word-wrap: break-word;
}
}
.el-select,
.el-date-editor {
width: 97%;
}
</style>

Some files were not shown because too many files have changed in this diff Show More