888 lines
34 KiB
Vue
888 lines
34 KiB
Vue
<template>
|
||
<div v-loading="loading" class="clinical-data-wrapper">
|
||
<el-tabs type="border-card" v-model="activeName" @tab-click="tabClick">
|
||
<el-tab-pane
|
||
v-for="cd in clinicalDatas"
|
||
:key="cd.ClinicalDataTrialSetId"
|
||
:label="$i18n.locale === 'zh' ? cd.ClinicalDataSetName: cd.ClinicalDataSetEnName"
|
||
:name="cd.ClinicalDataTrialSetId"
|
||
>
|
||
<!-- 格式化录入 -->
|
||
<div v-if="cd.ClinicalUploadType === 0">
|
||
<!-- 既往放疗史 -->
|
||
<h4>{{ $t('trials:uploadClinicalData:title:pastTreatment') }}</h4>
|
||
<div v-if="allowAddOrEdit" style="text-align: right">
|
||
<!-- 新增 -->
|
||
<el-button type="primary" icon="el-icon-plus" size="small" @click.native.prevent="
|
||
addPreviousHistory(cd.ClinicalDataTrialSetId)
|
||
">
|
||
{{ $t('common:button:new') }}
|
||
</el-button>
|
||
</div>
|
||
|
||
<el-table :data="cd.ClinicalTableData.PreviousHistoryList" style="width: 100%">
|
||
<el-table-column type="index" width="50" />
|
||
<!-- 放疗部位 -->
|
||
<el-table-column prop="Position" :label="$t('trials:uploadClinicalData:table:bodyPart')" />
|
||
<!-- 开始日期 -->
|
||
<el-table-column prop="StartTime" :label="$t('trials:uploadClinicalData:table:beginDate')">
|
||
<template slot-scope="scope">
|
||
{{
|
||
scope.row.StartTime
|
||
? moment(scope.row.StartTime).format('YYYY-MM-DD')
|
||
: ''
|
||
}}
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 结束日期 -->
|
||
<el-table-column prop="EndTime" :label="$t('trials:uploadClinicalData:table:endDate')">
|
||
<template slot-scope="scope">
|
||
{{
|
||
scope.row.EndTime
|
||
? moment(scope.row.EndTime).format('YYYY-MM-DD')
|
||
: ''
|
||
}}
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 病灶是否PD -->
|
||
<el-table-column prop="IsPD" :label="$t('trials:uploadClinicalData:table:isPD')">
|
||
<template slot-scope="scope">
|
||
{{ $fd('IsPdEnum', scope.row.IsPD) }}
|
||
</template>
|
||
</el-table-column>
|
||
<el-table-column v-if="allowAddOrEdit" :label="$t('common:action:action')" min-width="120">
|
||
<template slot-scope="scope">
|
||
<!-- 编辑 -->
|
||
<el-button v-if="allowAddOrEdit" icon="el-icon-edit-outline" circle :title="$t('common:button:edit')"
|
||
size="small" @click.native.prevent="editRow(scope.row, 1)" />
|
||
<!-- 移除 -->
|
||
<el-button v-if="
|
||
data.SubmitState * 1 < 2 ||
|
||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
||
" icon="el-icon-delete" circle :title="$t('common:button:delete')" size="small"
|
||
@click.native.prevent="deletePreviousHistory(scope.row)" />
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<!-- 既往手术史 -->
|
||
<h4>{{ $t('trials:uploadClinicalData:title:pastSurgery') }}</h4>
|
||
<div v-if="allowAddOrEdit" style="text-align: right">
|
||
<el-button type="primary" icon="el-icon-plus" size="small"
|
||
@click="addPreviousSurgery(cd.ClinicalDataTrialSetId)">
|
||
{{ $t('common:button:new') }}
|
||
</el-button>
|
||
</div>
|
||
<el-table :data="cd.ClinicalTableData.PreviousSurgeryList" style="width: 100%">
|
||
<el-table-column type="index" width="50" />
|
||
<!-- 手术名称 -->
|
||
<el-table-column prop="OperationName" :label="$t('trials:uploadClinicalData:table:surgeryName')" />
|
||
<!-- 手术日期 -->
|
||
<el-table-column prop="OperationTime" :label="$t('trials:uploadClinicalData:table:surgeryDate')">
|
||
<template slot-scope="scope">
|
||
{{
|
||
scope.row.OperationTime
|
||
? moment(scope.row.OperationTime).format('YYYY-MM-DD')
|
||
: ''
|
||
}}
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column v-if="allowAddOrEdit" :label="$t('common:action:action')" min-width="200">
|
||
<template slot-scope="scope">
|
||
<!-- 编辑 -->
|
||
<el-button v-if="allowAddOrEdit" icon="el-icon-edit-outline" circle :title="$t('common:button:edit')"
|
||
size="small" @click.native.prevent="editRow(scope.row, 2)" />
|
||
<!-- 移除 -->
|
||
<el-button v-if="
|
||
data.SubmitState * 1 < 2 ||
|
||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
||
" icon="el-icon-delete" circle :title="$t('common:button:delete')" size="small"
|
||
@click.native.prevent="deletePreviousSurgery(scope.row)" />
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
<!-- 既往其他治疗史 -->
|
||
<h4>{{ $t('trials:uploadClinicalData:title:others') }}</h4>
|
||
<div v-if="allowAddOrEdit" style="text-align: right">
|
||
<!-- 新增 -->
|
||
<el-button type="primary" icon="el-icon-plus" size="small"
|
||
@click="addPreviousOther(cd.ClinicalDataTrialSetId)">
|
||
{{ $t('common:button:new') }}
|
||
</el-button>
|
||
</div>
|
||
<el-table :data="cd.ClinicalTableData.PreviousOtherList" style="width: 100%">
|
||
<el-table-column type="index" width="50" />
|
||
<!-- 治疗类型 -->
|
||
<el-table-column prop="TreatmentType" :label="$t('trials:uploadClinicalData:table:treatmentType')" />
|
||
<!-- 开始日期 -->
|
||
<el-table-column prop="StartTime" :label="$t('trials:uploadClinicalData:table:treatmentbeginDate')">
|
||
<template slot-scope="scope">
|
||
{{
|
||
scope.row.StartTime
|
||
? moment(scope.row.StartTime).format('YYYY-MM-DD')
|
||
: ''
|
||
}}
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 结束日期 -->
|
||
<el-table-column prop="EndTime" :label="$t('trials:uploadClinicalData:table:treatmentendDate')">
|
||
<template slot-scope="scope">
|
||
{{
|
||
scope.row.EndTime
|
||
? moment(scope.row.EndTime).format('YYYY-MM-DD')
|
||
: ''
|
||
}}
|
||
</template>
|
||
</el-table-column>
|
||
|
||
<el-table-column v-if="allowAddOrEdit" :label="$t('common:action:action')" min-width="200">
|
||
<template slot-scope="scope">
|
||
<!-- 编辑 -->
|
||
<el-button v-if="allowAddOrEdit" icon="el-icon-edit-outline" circle :title="$t('common:button:edit')"
|
||
size="small" @click.native.prevent="editRow(scope.row, 3)" />
|
||
<!-- 移除 -->
|
||
<el-button v-if="
|
||
data.SubmitState * 1 < 2 ||
|
||
(data.SubmitState === 2 && data.IsQCConfirmedReupload)
|
||
" icon="el-icon-delete" circle :title="$t('common:button:delete')" size="small"
|
||
@click.native.prevent="deletePreviousOther(scope.row)" />
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<!-- PDF录入 -->
|
||
<div v-if="cd.ClinicalUploadType === 1">
|
||
<div v-if="allowAddOrEdit" style="text-align: right; display: flex; justify-content: flex-end">
|
||
<!-- 下载模板 -->
|
||
<el-button v-if="cd.Path" type="primary" icon="el-icon-download" size="small" :loading="downloadLoading"
|
||
@click.native.prevent="handleDownloadTpl(cd)" style="margin-right: 10px">
|
||
{{ $t('trials:uploadClinicalData:button:downloadTemplate') }}
|
||
</el-button>
|
||
<!-- 新增 -->
|
||
<!-- <el-button
|
||
icon="el-icon-plus"
|
||
type="primary"
|
||
size="small"
|
||
@click.native.prevent="addFile(cd.Id, cd.ClinicalDataTrialSetId)"
|
||
>
|
||
{{ $t("common:button:new") }}
|
||
</el-button> -->
|
||
<!-- 新增 -->
|
||
<div style="position: relative">
|
||
<el-button icon="el-icon-plus" type="primary" size="small" :disabled="btnLoading" :loading="btnLoading">
|
||
{{ $t('common:button:new') }}
|
||
</el-button>
|
||
<input type="file" name="file" multiple ref="addFile" :title="$t('common:button:new')" style="
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
opacity: 0;
|
||
cursor: pointer;
|
||
" :accept="faccept.join(',')" @change="
|
||
($event) =>
|
||
beginScanFiles($event, cd.Id, cd.ClinicalDataTrialSetId)
|
||
" />
|
||
</div>
|
||
</div>
|
||
<el-table :data="cd.PDFFileList" style="width: 100%" height="300">
|
||
<el-table-column type="index" width="50" />
|
||
<!-- 文件名称 -->
|
||
<el-table-column prop="FileName" :label="$t('trials:uploadClinicalData:table:fileName')" width="250" />
|
||
<!-- 文件大小 -->
|
||
<el-table-column prop="Size" :label="$t('trials:uploadClinicalData:table:fileSize')" width="150">
|
||
<template slot-scope="scope">
|
||
<span>{{
|
||
$FormatSize(scope.row.Size)
|
||
}}</span>
|
||
</template>
|
||
</el-table-column>
|
||
<!-- 上传时间 -->
|
||
<el-table-column prop="CreateTime" :label="$t('trials:uploadClinicalData:table:uploadedTime')"
|
||
width="200" />
|
||
<el-table-column :label="$t('common:action:action')" width="200">
|
||
<template slot-scope="scope">
|
||
<!-- 预览 -->
|
||
<el-button icon="el-icon-view" circle :title="$t('trials:uploadClinicalData:action:preview')"
|
||
size="small" @click.native.prevent="preview(scope.row)" />
|
||
<!-- 移除 -->
|
||
<el-button v-if="allowAddOrEdit" icon="el-icon-delete" circle :title="$t('common:button:delete')"
|
||
size="small" @click.native.prevent="deleteFile(scope.row.Id)" />
|
||
</template>
|
||
</el-table-column>
|
||
</el-table>
|
||
</div>
|
||
<!-- PDF录入 -->
|
||
<div v-if="cd.ClinicalUploadType === 2">
|
||
<clinicalDataQuestions v-if="cd.ClinicalFromList.length > 0" :data="cd"
|
||
:trial-clinical-id="cd.ClinicalDataTrialSetId" :is-viewer="false" :visit-id="subjectVisitId"
|
||
:subject-id="data.SubjectId" :trial-id="trialId" :clinical-form-id="cd.ClinicalFromList[0].ClinicalFormId"
|
||
:open-type="allowAddOrEdit ? 'edit' : 'look'" @close="getClinicalData" />
|
||
<clinicalDataQuestions v-else :data="cd" :trial-clinical-id="cd.ClinicalDataTrialSetId"
|
||
:is-viewer="!allowAddOrEdit" :visit-id="subjectVisitId" :subject-id="data.SubjectId" :trial-id="trialId"
|
||
:open-type="'add'" @close="getClinicalData" />
|
||
</div>
|
||
</el-tab-pane>
|
||
<!-- 患者数据 -->
|
||
<el-tab-pane :label="$t('trials:tab:patientData')" name="patientForm">
|
||
<el-form
|
||
ref="patientForm"
|
||
:model="formData"
|
||
:rules="rules"
|
||
label-width="100"
|
||
v-loading="formLoading"
|
||
>
|
||
<div class="form-row">
|
||
<!-- 性别 -->
|
||
<el-form-item class="form-item-half" :label="$t('trials:ptData:label:patientSex')" prop="PatientSex">
|
||
<el-select
|
||
v-model="formData.PatientSex"
|
||
:placeholder="$t('common:ruleMessage:select')"
|
||
style="width: 100%"
|
||
:disabled="!isPatientFormCanEdit"
|
||
>
|
||
<el-option :label="$t('trials:patientSex:male')" value="M"></el-option>
|
||
<el-option :label="$t('trials:patientSex:female')" value="F"></el-option>
|
||
</el-select>
|
||
</el-form-item>
|
||
<!-- 体重（kg） 例如 70.5-->
|
||
<el-form-item class="form-item-half" :label="$t('trials:ptData:label:patientWeight')" prop="PatientWeight">
|
||
<el-input
|
||
v-model.number="formData.PatientWeight"
|
||
:placeholder="$t('trials:patientWeight:eg')"
|
||
style="width: 100%"
|
||
:disabled="!isPatientFormCanEdit"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="form-row">
|
||
<!-- 总剂量（Bq） 例如 740000000-->
|
||
<el-form-item class="form-item-half" :label="$t('trials:ptData:label:totalDose')" prop="RadionuclideTotalDose">
|
||
<el-input
|
||
v-model.number="formData.RadionuclideTotalDose"
|
||
:placeholder="$t('trials:totalDose:eg')"
|
||
style="width: 100%"
|
||
:disabled="!isPatientFormCanEdit"
|
||
></el-input>
|
||
</el-form-item>
|
||
<!-- 半衰期（s） 例如 21600-->
|
||
<el-form-item class="form-item-half" :label="$t('trials:ptData:label:halfLife')" prop="RadionuclideHalfLife">
|
||
<el-input
|
||
v-model.number="formData.RadionuclideHalfLife"
|
||
:placeholder="$t('trials:halfLife:eg')"
|
||
style="width: 100%"
|
||
:disabled="!isPatientFormCanEdit"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
<div class="form-row">
|
||
<!-- 注射时间（s） Unix 秒 或 相对秒-->
|
||
<el-form-item class="form-item-half" :label="$t('trials:ptData:label:injectTime')" prop="RadiopharmaceuticalStartTime">
|
||
<el-input
|
||
v-model.number="formData.RadiopharmaceuticalStartTime"
|
||
:placeholder="$t('trials:injectTime:eg')"
|
||
style="width: 100%"
|
||
@input="computeTimeRelation"
|
||
:disabled="!isPatientFormCanEdit"
|
||
></el-input>
|
||
</el-form-item>
|
||
<!-- 成像时间（s） Unix 秒 或 相对秒-->
|
||
<el-form-item class="form-item-half" :label="$t('trials:ptData:label:acquisitionTime')" prop="AcquisitionTime">
|
||
<el-input
|
||
v-model.number="formData.AcquisitionTime"
|
||
:placeholder="$t('trials:injectTime:eg')"
|
||
style="width: 100%"
|
||
@input="computeTimeRelation"
|
||
:disabled="!isPatientFormCanEdit"
|
||
></el-input>
|
||
</el-form-item>
|
||
</div>
|
||
|
||
<!-- 时间一致性检查 -->
|
||
<el-form-item :label="$t('trials:ptData:label:timeCheck')">
|
||
<el-input
|
||
v-model="formData.TimeCheck"
|
||
disabled
|
||
style="width: 100%"
|
||
></el-input>
|
||
</el-form-item>
|
||
<el-form-item v-if="isAudit" :label="$t('trials:ptData:label:reason')" prop="Reason">
|
||
<el-input
|
||
type="textarea"
|
||
:autosize="{ minRows: 2, maxRows: 4}"
|
||
v-model="formData.Reason"
|
||
style="width: 100%"
|
||
></el-input>
|
||
</el-form-item>
|
||
<!-- 提交 -->
|
||
<el-form-item style="margin-top: 20px;text-align: right;" v-if="isPatientFormCanEdit">
|
||
<el-button type="primary" @click="submitForm">{{ $t('trials:ptData:button:submit') }}</el-button>
|
||
</el-form-item>
|
||
</el-form>
|
||
</el-tab-pane>
|
||
</el-tabs>
|
||
|
||
<!-- 既往放疗史 -->
|
||
<el-dialog v-if="prVisible" :visible.sync="prVisible" :close-on-click-modal="false"
|
||
:title="$t('trials:uploadClinicalData:title:pastTreatment')" width="600px" append-to-body
|
||
custom-class="base-dialog-wrapper">
|
||
<PreviousRadiotherapy v-if="prVisible" :data="currentRow" :subject-visit-id="subjectVisitId"
|
||
@closePRDialog="closePRDialog" @refresh="refresh" />
|
||
</el-dialog>
|
||
<!-- 既往手术史 -->
|
||
<el-dialog v-if="psVisible" :visible.sync="psVisible" :close-on-click-modal="false"
|
||
:title="$t('trials:uploadClinicalData:title:pastSurgery')" width="600px" append-to-body
|
||
custom-class="base-dialog-wrapper">
|
||
<PreviousSurgery v-if="psVisible" :data="currentRow" :parent-data="data" :subject-visit-id="subjectVisitId"
|
||
@closePSDialog="closePSDialog" @refresh="refresh" />
|
||
</el-dialog>
|
||
<!-- 既往其他治疗史 -->
|
||
<el-dialog v-if="poVisible" :visible.sync="poVisible" :close-on-click-modal="false"
|
||
:title="$t('trials:uploadClinicalData:title:others')" width="600px" append-to-body
|
||
custom-class="base-dialog-wrapper">
|
||
<PreviousOther v-if="poVisible" :data="currentRow" :parent-data="data" :subject-visit-id="subjectVisitId"
|
||
@closePODialog="closePODialog" @refresh="refresh" />
|
||
</el-dialog>
|
||
<!-- 上传文件 -->
|
||
<el-dialog v-if="upVisible" :visible.sync="upVisible" :close-on-click-modal="false"
|
||
:title="$t('trials:uploadClinicalData:title:uploadFile')" width="600px" append-to-body
|
||
custom-class="base-dialog-wrapper">
|
||
<PreviousFiles v-if="upVisible" :data="currentRow" :parent-data="data" :subject-visit-id="subjectVisitId"
|
||
:studyData="studyData" @closeUpDialog="closeUpDialog" @refresh="refresh" />
|
||
</el-dialog>
|
||
<!-- 预览文件 -->
|
||
<el-dialog v-if="previewObj.visible" :visible.sync="previewObj.visible" :title="previewObj.fileName"
|
||
:fullscreen="true" append-to-body custom-class="base-dialog-wrapper">
|
||
<div class="base-modal-body" style="border: 2px solid #ccc; padding: 10px">
|
||
<PreviewFile v-if="previewObj.visible" :file-path="previewObj.filePath" :file-type="previewObj.fileType" />
|
||
</div>
|
||
</el-dialog>
|
||
</div>
|
||
</template>
|
||
<script>
|
||
import {
|
||
deleteReadingClinicalDataPDF,
|
||
deletePreviousHistory,
|
||
deletePreviousOther,
|
||
deletePreviousSurgery,
|
||
getCRCClinicalData,
|
||
addOrUpdateReadingClinicalData,
|
||
getPatientInfo,
|
||
editPatientInfo,
|
||
amendmentPatientInfo
|
||
} from '@/api/trials'
|
||
import PreviousRadiotherapy from './previousRadiotherapy'
|
||
import PreviousSurgery from './previousSurgery'
|
||
import PreviousOther from './previousOther'
|
||
import PreviousFiles from './previousFiles'
|
||
import clinicalDataQuestions from '@/components/clinicalDataQuestions'
|
||
import PreviewFile from '@/components/PreviewFile/index'
|
||
import moment from 'moment'
|
||
export default {
|
||
name: 'uploadPetClinicalData',
|
||
components: {
|
||
PreviousRadiotherapy,
|
||
PreviousSurgery,
|
||
PreviousOther,
|
||
PreviousFiles,
|
||
clinicalDataQuestions,
|
||
PreviewFile,
|
||
},
|
||
props: {
|
||
data: {
|
||
type: Object,
|
||
default() {
|
||
return {}
|
||
},
|
||
},
|
||
studyData: {
|
||
required: true,
|
||
type: Object,
|
||
default() {
|
||
return {}
|
||
},
|
||
},
|
||
subjectVisitId: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
enumType: {
|
||
type: Number,
|
||
default: 0,
|
||
},
|
||
allowAddOrEdit: {
|
||
type: Boolean,
|
||
default: false,
|
||
},
|
||
isPatientFormAllowEdit: {
|
||
type: Boolean,
|
||
default: false,
|
||
},
|
||
isAudit: {
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
data() {
|
||
return {
|
||
faccept: ['.pdf'],
|
||
isShow: false,
|
||
userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
|
||
loading: false,
|
||
btnLoading: false,
|
||
PreviousHistoryList: [],
|
||
PreviousSurgeryList: [],
|
||
PreviousOtherList: [],
|
||
PreviousPDFList: [],
|
||
fileList: [],
|
||
currentRow: {},
|
||
prVisible: false,
|
||
psVisible: false,
|
||
poVisible: false,
|
||
upVisible: false,
|
||
trialId: this.$route.query.trialId,
|
||
moment,
|
||
downloadLoading: false,
|
||
clinicalDatas: [],
|
||
previewObj: { visible: false, filePath: '', fileType: '' },
|
||
activeName: '',
|
||
formData: {
|
||
Id: '',
|
||
PatientSex: '',
|
||
PatientWeight: null,
|
||
RadionuclideTotalDose: null,
|
||
RadionuclideHalfLife: null,
|
||
RadiopharmaceuticalStartTime: null,
|
||
AcquisitionTime: null,
|
||
TimeCheck: '',
|
||
Reason: ''
|
||
},
|
||
rules: {
|
||
PatientSex: [
|
||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'change' }
|
||
],
|
||
PatientWeight: [
|
||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||
{ type: 'number', min: 0, message: this.$t('trials:ptData:ruleMessage:number1'), trigger: 'blur' }//数值必须大于0
|
||
],
|
||
RadionuclideTotalDose: [
|
||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||
{ type: 'number', min: 0, message: this.$t('trials:ptData:ruleMessage:number1'), trigger: 'blur' }//数值必须大于0
|
||
],
|
||
RadionuclideHalfLife: [
|
||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||
{ type: 'number', min: 0, message: this.$t('trials:ptData:ruleMessage:number1'), trigger: 'blur' }
|
||
],
|
||
RadiopharmaceuticalStartTime: [
|
||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||
{ type: 'number', message: this.$t('trials:ptData:ruleMessage:number2'), trigger: 'blur' }//请输入数字
|
||
],
|
||
AcquisitionTime: [
|
||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||
{ type: 'number', message: this.$t('trials:ptData:ruleMessage:number2'), trigger: 'blur' },//请输入数字
|
||
// 自定义校验：确保成像时间不早于注射时间
|
||
{ validator: this.validateTime, trigger: 'blur' }
|
||
],
|
||
Reason: [
|
||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
|
||
],
|
||
},
|
||
formLoading: false,
|
||
isPatientFormCanEdit: false
|
||
}
|
||
},
|
||
mounted() {
|
||
this.isPatientFormCanEdit = this.allowAddOrEdit || this.isPatientFormAllowEdit
|
||
this.getClinicalData()
|
||
},
|
||
methods: {
|
||
beginScanFiles(e, id, clinicalDataTrialSetId) {
|
||
this.currentRow = {
|
||
Id: id,
|
||
ClinicalDataTrialSetId: clinicalDataTrialSetId,
|
||
SubjectId: this.data.SubjectId,
|
||
}
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
var files = e.target.files
|
||
this.fileList = []
|
||
for (var i = 0; i < files.length; ++i) {
|
||
const fileName = files[i].name
|
||
var extendName = fileName
|
||
.substring(fileName.lastIndexOf('.'))
|
||
.toLocaleLowerCase()
|
||
if (this.faccept.indexOf(extendName) !== -1) {
|
||
let obj = {
|
||
size: files[i].size,
|
||
type: extendName.split('.')[1],
|
||
file: files[i],
|
||
fileType: files[i].type
|
||
}
|
||
this.fileList.push(obj)
|
||
}
|
||
}
|
||
this.handleUploadFile()
|
||
this.$refs.addFile.forEach((item) => {
|
||
item.value = null
|
||
})
|
||
},
|
||
async handleUploadFile() {
|
||
this.btnLoading = true
|
||
this.loading = true
|
||
this.addFileList = []
|
||
try {
|
||
for (var i = 0; i < this.fileList.length; ++i) {
|
||
const file = await this.fileToBlob(this.fileList[i].file)
|
||
var timestamp = Date.now()
|
||
const res = await this.OSSclient.put(
|
||
`/${this.trialId}/ClinicalData/${timestamp}_${this.fileList[i].file.name}`,
|
||
file,
|
||
{
|
||
fileName: `${this.fileList[i].file.name}`,
|
||
fileSize: this.fileList[i].size,
|
||
fileType: this.fileList[i].fileType,
|
||
uploadBatchId: this.$guid(),
|
||
batchDataType: 4,
|
||
trialId: this.trialId,
|
||
subjectId: this.data.SubjectId,
|
||
subjectVisitId: this.subjectVisitId
|
||
}
|
||
)
|
||
this.addFileList.push({
|
||
fileName: this.fileList[i].file.name,
|
||
path: this.$getObjectName(res.url),
|
||
url: this.$getObjectName(res.url),
|
||
type: this.fileList[i].type,
|
||
size: this.fileList[i].size,
|
||
})
|
||
}
|
||
this.saveClinicalData()
|
||
} catch (err) {
|
||
console.log(err)
|
||
this.btnLoading = false
|
||
this.loading = false
|
||
}
|
||
},
|
||
saveClinicalData() {
|
||
this.btnLoading = true
|
||
this.loading = true
|
||
var param = {
|
||
id: this.currentRow.Id,
|
||
trialId: this.currentRow.TrialId,
|
||
subjectId: this.currentRow.SubjectId,
|
||
readingId: this.subjectVisitId,
|
||
clinicalDataTrialSetId: this.currentRow.ClinicalDataTrialSetId,
|
||
isVisit: true,
|
||
deleteFileIds: [],
|
||
addFileList: this.addFileList,
|
||
}
|
||
if (this.studyData.StudyId) {
|
||
param.StudyId = this.studyData.StudyId
|
||
}
|
||
addOrUpdateReadingClinicalData(param)
|
||
.then((response) => {
|
||
this.btnLoading = false
|
||
this.loading = false
|
||
// 刷新文件列表并关闭弹窗
|
||
this.getClinicalData()
|
||
this.$message.success(
|
||
this.$t('trials:uploadClinicalData:message:uploadSuccessfully')
|
||
)
|
||
this.$emit('getStudyInfo')
|
||
})
|
||
.catch(() => {
|
||
this.btnLoading = false
|
||
this.loading = false
|
||
})
|
||
},
|
||
getClinicalData() {
|
||
this.loading = true
|
||
this.data.TrialId = this.$route.query.trialId
|
||
var param = {
|
||
SubjectVisitId: this.studyData.SubjectVisitId,
|
||
StudyId: this.studyData.StudyId,
|
||
TrialId: this.$route.query.trialId,
|
||
SubjectId: this.studyData.SubjectId,
|
||
}
|
||
getCRCClinicalData(param)
|
||
.then((res) => {
|
||
this.clinicalDatas = res.Result
|
||
this.activeName = res.Result.length > 0 ? res.Result[0].ClinicalDataTrialSetId : ''
|
||
this.loading = false
|
||
})
|
||
.catch(() => {
|
||
this.loading = false
|
||
})
|
||
},
|
||
// 打开编辑框
|
||
editRow(row, type) {
|
||
if (type === 1) {
|
||
this.prVisible = true
|
||
} else if (type === 2) {
|
||
this.psVisible = true
|
||
} else if (type === 3) {
|
||
this.poVisible = true
|
||
}
|
||
this.currentRow = { ...row }
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
},
|
||
// 根据ID删除既往放疗史
|
||
deletePreviousHistory(row) {
|
||
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
|
||
type: 'warning',
|
||
distinguishCancelAndClose: true,
|
||
}).then(() => {
|
||
this.loading = true
|
||
deletePreviousHistory(
|
||
this.$route.query.trialId,
|
||
this.subjectVisitId,
|
||
row.Id
|
||
)
|
||
.then((res) => {
|
||
this.loading = false
|
||
if (res.IsSuccess) {
|
||
this.getClinicalData()
|
||
this.$message.success(
|
||
this.$t('trials:uploadedDicoms:message:deleteSuccessfully')
|
||
)
|
||
this.$emit('getStudyInfo')
|
||
}
|
||
})
|
||
.catch(() => {
|
||
this.loading = false
|
||
})
|
||
})
|
||
},
|
||
// 根据ID删除既往手术史
|
||
deletePreviousSurgery(row) {
|
||
console.log(this.$route.query.trialId)
|
||
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
|
||
type: 'warning',
|
||
distinguishCancelAndClose: true,
|
||
}).then(() => {
|
||
// row.Type = '既往手术史'
|
||
this.loading = true
|
||
deletePreviousSurgery(
|
||
this.$route.query.trialId,
|
||
this.subjectVisitId,
|
||
row.Id
|
||
)
|
||
.then((res) => {
|
||
this.loading = false
|
||
if (res.IsSuccess) {
|
||
this.getClinicalData()
|
||
this.$message.success(
|
||
this.$t('trials:uploadedDicoms:message:deleteSuccessfully')
|
||
)
|
||
this.$emit('getStudyInfo')
|
||
}
|
||
})
|
||
.catch(() => {
|
||
this.loading = false
|
||
})
|
||
})
|
||
},
|
||
// 根据ID删除既往其他资料史
|
||
deletePreviousOther(row) {
|
||
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
|
||
type: 'warning',
|
||
distinguishCancelAndClose: true,
|
||
}).then(() => {
|
||
// row.Type = '既往其他治疗史'
|
||
this.loading = true
|
||
deletePreviousOther(
|
||
this.$route.query.trialId,
|
||
this.subjectVisitId,
|
||
row.Id
|
||
)
|
||
.then((res) => {
|
||
this.loading = false
|
||
if (res.IsSuccess) {
|
||
this.getClinicalData()
|
||
this.$message.success(
|
||
this.$t('trials:uploadedDicoms:message:deleteSuccessfully')
|
||
)
|
||
this.$emit('getStudyInfo')
|
||
}
|
||
})
|
||
.catch(() => {
|
||
this.loading = false
|
||
})
|
||
})
|
||
},
|
||
// 文件预览
|
||
preview(row) {
|
||
if (!row.Path) return
|
||
this.previewObj.fileName = row.FileName
|
||
this.previewObj.filePath = row.Path
|
||
this.previewObj.fileType = 'pdf'
|
||
this.previewObj.visible = true
|
||
// window.open(this.OSSclientConfig.basePath + path, '_blank')
|
||
},
|
||
addPreviousHistory(clinicalDataTrialSetId) {
|
||
console.log(clinicalDataTrialSetId)
|
||
this.currentRow = { ClinicalDataTrialSetId: clinicalDataTrialSetId }
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
this.prVisible = true
|
||
},
|
||
addPreviousSurgery(clinicalDataTrialSetId) {
|
||
this.currentRow = { ClinicalDataTrialSetId: clinicalDataTrialSetId }
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
this.psVisible = true
|
||
},
|
||
addPreviousOther(clinicalDataTrialSetId) {
|
||
this.currentRow = { ClinicalDataTrialSetId: clinicalDataTrialSetId }
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
this.poVisible = true
|
||
},
|
||
// 关闭既往放疗史窗口并刷新列表
|
||
closePRDialog() {
|
||
this.prVisible = false
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
},
|
||
closePSDialog() {
|
||
this.psVisible = false
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
},
|
||
closePODialog() {
|
||
this.poVisible = false
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
},
|
||
closeUpDialog() {
|
||
this.upVisible = false
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
},
|
||
refresh() {
|
||
this.getClinicalData()
|
||
this.$emit('getStudyInfo')
|
||
},
|
||
// 添加文件
|
||
addFile(id, clinicalDataTrialSetId) {
|
||
this.currentRow = {
|
||
Id: id,
|
||
ClinicalDataTrialSetId: clinicalDataTrialSetId,
|
||
SubjectId: this.data.SubjectId,
|
||
}
|
||
this.currentRow.TrialId = this.$route.query.trialId
|
||
this.upVisible = true
|
||
},
|
||
// 删除文件
|
||
deleteFile(id) {
|
||
this.$confirm(this.$t('trials:uploadedDicoms:message:deleteMes'), {
|
||
type: 'warning',
|
||
distinguishCancelAndClose: true,
|
||
}).then(() => {
|
||
this.loading = true
|
||
deleteReadingClinicalDataPDF(id)
|
||
.then((res) => {
|
||
this.loading = false
|
||
if (res.IsSuccess) {
|
||
this.getClinicalData()
|
||
this.$emit('getStudyInfo')
|
||
this.$message.success(
|
||
this.$t('trials:uploadedDicoms:message:deleteSuccessfully')
|
||
)
|
||
}
|
||
})
|
||
.catch(() => {
|
||
this.loading = false
|
||
})
|
||
})
|
||
},
|
||
handleDownloadTpl(cd) {
|
||
window.open(this.OSSclientConfig.basePath + cd.Path)
|
||
},
|
||
// 时间一致性校验
|
||
validateTime(rule, value, callback) {
|
||
const { RadiopharmaceuticalStartTime } = this.formData
|
||
if (value && RadiopharmaceuticalStartTime !== null && value < RadiopharmaceuticalStartTime) {
|
||
callback(new Error(this.$t('trials:ptData:ruleMessage:number3')))//成像时间不能早于注射时间
|
||
} else {
|
||
callback()
|
||
}
|
||
},
|
||
computeTimeRelation() {
|
||
const startTime = this.formData.RadiopharmaceuticalStartTime
|
||
const acquireTime = this.formData.AcquisitionTime
|
||
|
||
if (!startTime || !acquireTime) {
|
||
this.formData.TimeCheck = ''
|
||
return
|
||
}
|
||
|
||
if (startTime <= acquireTime) {
|
||
this.formData.TimeCheck = this.$t('trials:ptData:timeCheck:val1') //注射时间 ≤ 成像时间
|
||
} else {
|
||
this.formData.TimeCheck = this.$t('trials:ptData:timeCheck:val2') //注射时间 > 成像时间
|
||
}
|
||
},
|
||
async tabClick(tab) {
|
||
try {
|
||
const name = tab.name
|
||
if (name === 'patientForm' && !this.formData.Id) {
|
||
this.formLoading = true
|
||
let res = await getPatientInfo({studyId: this.studyData.StudyId})
|
||
this.formData = {
|
||
Id: res.Result.Id || '',
|
||
PatientSex: res.Result.PatientSex || '',
|
||
PatientWeight: parseFloat(res.Result.PatientWeight) || null,
|
||
RadionuclideTotalDose: parseFloat(res.Result.RadionuclideTotalDose) || null,
|
||
RadionuclideHalfLife: parseFloat(res.Result.RadionuclideHalfLife) || null,
|
||
RadiopharmaceuticalStartTime: parseFloat(res.Result.RadiopharmaceuticalStartTime) || '',
|
||
AcquisitionTime: parseFloat(res.Result.AcquisitionTime) || '',
|
||
TimeCheck: '',
|
||
Reason: res.Result.Reason
|
||
}
|
||
this.computeTimeRelation()
|
||
this.formLoading = false
|
||
}
|
||
} catch(e) {
|
||
this.formLoading = false
|
||
console.log(e)
|
||
}
|
||
},
|
||
async submitForm() {
|
||
try {
|
||
let valid = await this.$refs.patientForm.validate()
|
||
if (!valid) return
|
||
this.formLoading = true
|
||
let res = null
|
||
if (this.isAudit) {
|
||
res = await amendmentPatientInfo(this.formData)
|
||
} else {
|
||
res = await editPatientInfo(this.formData)
|
||
}
|
||
this.formLoading = false
|
||
if (res && res.IsSuccess) {
|
||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||
}
|
||
} catch(e) {
|
||
this.formLoading = false
|
||
console.log(e)
|
||
}
|
||
|
||
}
|
||
},
|
||
}
|
||
</script>
|
||
<style lang="scss">
|
||
.clinical-data-wrapper {
|
||
.box-title {
|
||
padding: 12px;
|
||
margin-bottom: 10px;
|
||
background-color: #dcdfe6;
|
||
}
|
||
.form-row {
|
||
display: flex;
|
||
gap: 20px;
|
||
margin-bottom: 0px;
|
||
.el-form-item {
|
||
margin-bottom: 15px;
|
||
}
|
||
}
|
||
.form-item-half {
|
||
flex: 1;
|
||
}
|
||
}
|
||
</style>
|