新增阅片期页面
parent
fe77889633
commit
f9cbbd56ec
|
|
@ -1,127 +1,86 @@
|
|||
<template>
|
||||
<el-form
|
||||
ref="clinicalDataForm"
|
||||
v-loading="loading"
|
||||
:model="form"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
label-width="110px"
|
||||
:inline="true"
|
||||
>
|
||||
<el-form ref="clinicalDataForm" v-loading="loading" :model="form" size="small" :rules="rules" :inline="true">
|
||||
<div class="base-dialog-body">
|
||||
<!-- 临床数据名称 -->
|
||||
<el-form-item
|
||||
:label="$t('trials:readingPeriod:cd:table:clinicalDataName')"
|
||||
prop="ClinicalDataTrialSetId"
|
||||
>
|
||||
<el-form-item :label="$t('trials:readingPeriod:cd:table:clinicalDataName')" prop="ClinicalDataTrialSetId">
|
||||
<el-col :span="20">
|
||||
<el-select
|
||||
v-model="form.ClinicalDataTrialSetId"
|
||||
@change="handleClinicalDataSetChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item of clinicalDatas"
|
||||
:key="item.Id"
|
||||
:label="item.ClinicalDataSetName"
|
||||
:value="item.Id"
|
||||
/>
|
||||
<el-select v-model="form.ClinicalDataTrialSetId" @change="handleClinicalDataSetChange"
|
||||
:disabled="type === 'consistencyAnalysis'">
|
||||
<el-option v-for="item of clinicalDatas" :key="item.Id" :label="item.ClinicalDataSetName"
|
||||
:value="item.Id" />
|
||||
</el-select>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<el-button
|
||||
v-if="currentTpl.isExist"
|
||||
type="text"
|
||||
@click="handleDownloadTpl"
|
||||
>
|
||||
<el-button v-if="currentTpl.isExist" type="text" @click="handleDownloadTpl">
|
||||
{{ $t('trials:readingPeriod:cd:title:downloadTpl') }}
|
||||
</el-button>
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<!-- 数据内容 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:cd:form:data')">
|
||||
<!-- 多文件上传 -->
|
||||
<form id="inputForm" ref="uploadForm">
|
||||
<div class="form-group">
|
||||
<div
|
||||
id="directoryInputWrapper"
|
||||
class="btn btn-link"
|
||||
style="position: relative;overflow: hidden;display: inline-block;"
|
||||
>
|
||||
<el-button
|
||||
type="primary"
|
||||
style="width: 56px;"
|
||||
size="small"
|
||||
>
|
||||
{{ $t('trials:uploadClinicalData:button:selectFile') }}
|
||||
</el-button>
|
||||
<input
|
||||
type="file"
|
||||
name="file"
|
||||
multiple
|
||||
style="position: absolute;top: 0;left: 0;width: 56px;height: 100%;opacity: 0;cursor: pointer;"
|
||||
:accept="faccept.join(',')"
|
||||
@change="beginScanFiles($event)"
|
||||
>
|
||||
<span>{{ ($t('trials:attachment:message:pdf')) }}</span>
|
||||
</div>
|
||||
|
||||
<!-- 数据内容:label="$t('trials:readingPeriod:cd:form:data')" -->
|
||||
<!-- 多文件上传 -->
|
||||
<form id="inputForm" ref="uploadForm">
|
||||
<div class="form-group">
|
||||
<div id="directoryInputWrapper" class="btn btn-link" style="
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
display: inline-block;
|
||||
">
|
||||
<el-button type="primary" size="small">
|
||||
{{ $t('trials:uploadClinicalData:button:selectFile') }}
|
||||
</el-button>
|
||||
<input type="file" name="file" multiple style="
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 56px;
|
||||
height: 100%;
|
||||
opacity: 0;
|
||||
cursor: pointer;
|
||||
" :accept="faccept.join(',')" @change="beginScanFiles($event)" />
|
||||
<span style="margin-left: 10px">{{
|
||||
$t('trials:attachment:message:pdf')
|
||||
}}</span>
|
||||
</div>
|
||||
</form>
|
||||
<!-- 文件列表 -->
|
||||
<el-table
|
||||
ref="filesTable"
|
||||
:data="fileList"
|
||||
class="dicomFiles-table"
|
||||
height="300"
|
||||
style="width:100%"
|
||||
border
|
||||
>
|
||||
<el-table-column type="index" width="40" />
|
||||
<el-table-column
|
||||
prop="FileName"
|
||||
:label="$t('trials:uploadClinicalData:table:fileName')"
|
||||
width="190"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
:label="$t('common:action:action')"
|
||||
width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<!-- 删除 -->
|
||||
<el-button
|
||||
circle
|
||||
:title="$t('trials:readingPeriod:cd:action:deleteFile')"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDeleteFile(scope.$index,scope.row)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
<!-- 文件列表 -->
|
||||
<el-table ref="filesTable" :data="fileList" class="dicomFiles-table" height="300"
|
||||
style="width: 100%;margin-top:5px;" border>
|
||||
<el-table-column type="index" width="40" />
|
||||
<el-table-column prop="FileName" :label="$t('trials:uploadClinicalData:table:fileName')" width="190"
|
||||
show-overflow-tooltip />
|
||||
<!-- 文件大小 -->
|
||||
<el-table-column prop="size" :label="$t('trials:uploadClinicalData:table:fileSize')">
|
||||
<template slot-scope="scope">
|
||||
<span>{{
|
||||
scope.row.size && scope.row.size > 0
|
||||
? $FormatSize(scope.row.size)
|
||||
: scope.row.Size && scope.row.Size > 0
|
||||
? $FormatSize(scope.row.Size)
|
||||
: ''
|
||||
}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column :label="$t('common:action:action')">
|
||||
<template slot-scope="scope">
|
||||
<!-- 删除 -->
|
||||
<el-button circle :title="$t('trials:readingPeriod:cd:action:deleteFile')" icon="el-icon-delete"
|
||||
@click="handleDeleteFile(scope.$index, scope.row)" />
|
||||
<!-- 下载 -->
|
||||
<el-button v-if="type === 'consistencyAnalysis'" circle :title="$t('trials:readingPeriod:cd:action:upload')"
|
||||
icon="el-icon-download" @click="handleUploadFile(scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</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="close"
|
||||
>
|
||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="close">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<!-- 保存 -->
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:loading="btnLoading"
|
||||
@click="save"
|
||||
>
|
||||
<el-button size="small" type="primary" :loading="btnLoading" @click="save">
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
|
|
@ -129,19 +88,31 @@
|
|||
</el-form>
|
||||
</template>
|
||||
<script>
|
||||
import { getTrialClinicalDataSelect,
|
||||
addOrUpdateReadingClinicalData, DownloadTrialClinicalFile } from '@/api/trials'
|
||||
import {
|
||||
getTrialClinicalDataSelect,
|
||||
addOrUpdateReadingClinicalData,
|
||||
addOrUpdateConsistencyAnalysisReadingClinicalData,
|
||||
} from '@/api/trials'
|
||||
import { downLoadFile } from '@/utils/stream.js'
|
||||
export default {
|
||||
name: 'AddOrUpdateClinicalData',
|
||||
props: {
|
||||
trialReadingCriterionId: {
|
||||
type: String,
|
||||
default: ''
|
||||
default: '',
|
||||
},
|
||||
data: {
|
||||
type: Object,
|
||||
default() { return {} }
|
||||
}
|
||||
default() {
|
||||
return {}
|
||||
},
|
||||
},
|
||||
type: {
|
||||
default: 'readingPeriod',
|
||||
},
|
||||
option: {
|
||||
default: () => [],
|
||||
},
|
||||
},
|
||||
|
||||
data() {
|
||||
|
|
@ -157,25 +128,41 @@ export default {
|
|||
IsVisist: true,
|
||||
AddFileList: [],
|
||||
DeleteFileIds: [],
|
||||
FileList: []
|
||||
FileList: [],
|
||||
},
|
||||
rules: {
|
||||
ClinicalDataTrialSetId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }]
|
||||
ClinicalDataTrialSetId: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('common:ruleMessage:select'),
|
||||
trigger: ['blur', 'change'],
|
||||
},
|
||||
],
|
||||
},
|
||||
loading: false,
|
||||
btnLoading: false,
|
||||
clinicalDatas: [],
|
||||
pendingUploadList: [],
|
||||
pendingDeleteList: [],
|
||||
currentTpl: { id: '', isExist: false }
|
||||
currentTpl: { id: '', isExist: false },
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
this.initForm()
|
||||
},
|
||||
methods: {
|
||||
// 下载临床数据
|
||||
handleUploadFile(row) {
|
||||
let href = this.OSSclientConfig.basePath + row.Path
|
||||
let name = row.FileName
|
||||
downLoadFile(href, name)
|
||||
},
|
||||
async initForm() {
|
||||
await this.getClinicalDatas()
|
||||
if (this.type === 'readingPeriod') {
|
||||
await this.getClinicalDatas()
|
||||
} else {
|
||||
this.clinicalDatas = this.option
|
||||
}
|
||||
if (Object.keys(this.data).length > 0) {
|
||||
for (const k in this.form) {
|
||||
if (this.data.hasOwnProperty(k)) {
|
||||
|
|
@ -187,7 +174,7 @@ export default {
|
|||
}
|
||||
},
|
||||
save() {
|
||||
this.$refs.clinicalDataForm.validate(valid => {
|
||||
this.$refs.clinicalDataForm.validate((valid) => {
|
||||
if (!valid) return
|
||||
if (this.fileList.length === 0) {
|
||||
// 请上传文件！
|
||||
|
|
@ -208,65 +195,57 @@ export default {
|
|||
})
|
||||
},
|
||||
uploadFilesAndSave() {
|
||||
return new Promise(async(resolve, reject) => {
|
||||
return new Promise(async (resolve, reject) => {
|
||||
this.form.AddFileList = []
|
||||
for (var i = 0; i < this.pendingUploadList.length; ++i) {
|
||||
// const file = await this.convertBase64ToBlob(this.pendingUploadList[i])
|
||||
const file = await this.fileToBlob(this.pendingUploadList[i])
|
||||
const res = await this.OSSclient.put(`/${this.data.TrialId}/ClinicalData/${this.pendingUploadList[i].name}`, file)
|
||||
this.form.AddFileList.push({ fileName: this.pendingUploadList[i].name, path: this.$getObjectName(res.url) })
|
||||
const res = await this.OSSclient.put(
|
||||
`/${this.data.TrialId}/ClinicalData/${this.pendingUploadList[i].name}`,
|
||||
file
|
||||
)
|
||||
this.form.AddFileList.push({
|
||||
fileName: this.pendingUploadList[i].name,
|
||||
path: this.$getObjectName(res.url),
|
||||
size: this.pendingUploadList[i].size,
|
||||
type: this.pendingUploadList[i].type,
|
||||
})
|
||||
}
|
||||
this.saveClinicalData(this.form.AddFileList)
|
||||
resolve()
|
||||
// var fileData = new FormData()
|
||||
// for (var i = 0; i < this.pendingUploadList.length; ++i) {
|
||||
// fileData.append('file', this.pendingUploadList[i])
|
||||
// }
|
||||
// this.btnLoading = true
|
||||
// uploadClinicalData(this.data.TrialId, this.data.SubjectId, this.data.ReadingId, fileData).then(response => {
|
||||
// this.btnLoading = false
|
||||
// this.form.AddFileList = response.Result
|
||||
// this.saveClinicalData()
|
||||
// resolve(response.Result)
|
||||
// }).catch(() => {
|
||||
// this.btnLoading = false
|
||||
// reject()
|
||||
// })
|
||||
})
|
||||
},
|
||||
fileToBlob(file) {
|
||||
console.log('fileToBlob')
|
||||
// 创建 FileReader 对象
|
||||
const reader = new FileReader()
|
||||
return new Promise(resolve => {
|
||||
// FileReader 添加 load 事件
|
||||
reader.addEventListener('load', (e) => {
|
||||
let blob
|
||||
if (typeof e.target.result === 'object') {
|
||||
blob = new Blob([e.target.result])
|
||||
} else {
|
||||
blob = e.target.result
|
||||
}
|
||||
resolve(blob)
|
||||
})
|
||||
// FileReader 以 ArrayBuffer 格式 读取 File 对象中数据
|
||||
reader.readAsArrayBuffer(file)
|
||||
})
|
||||
},
|
||||
saveClinicalData() {
|
||||
return new Promise((resolve, reject) => {
|
||||
this.btnLoading = true
|
||||
this.form.DeleteFileIds = this.pendingDeleteList
|
||||
addOrUpdateReadingClinicalData(this.form).then(response => {
|
||||
this.btnLoading = false
|
||||
this.$emit('getList')
|
||||
this.$emit('close')
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
resolve()
|
||||
}).catch(() => {
|
||||
this.btnLoading = false
|
||||
reject()
|
||||
})
|
||||
if (this.type === 'consistencyAnalysis') {
|
||||
addOrUpdateConsistencyAnalysisReadingClinicalData(this.form)
|
||||
.then((response) => {
|
||||
this.btnLoading = false
|
||||
this.$emit('getList')
|
||||
this.$emit('close')
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
resolve()
|
||||
})
|
||||
.catch(() => {
|
||||
this.btnLoading = false
|
||||
reject()
|
||||
})
|
||||
} else {
|
||||
addOrUpdateReadingClinicalData(this.form)
|
||||
.then((response) => {
|
||||
this.btnLoading = false
|
||||
this.$emit('getList')
|
||||
this.$emit('close')
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
resolve()
|
||||
})
|
||||
.catch(() => {
|
||||
this.btnLoading = false
|
||||
reject()
|
||||
})
|
||||
}
|
||||
})
|
||||
},
|
||||
getClinicalDatas() {
|
||||
|
|
@ -279,58 +258,75 @@ export default {
|
|||
SubjectId: this.data.SubjectId,
|
||||
ReadingClinicalDataId: this.data.Id ? this.data.Id : '',
|
||||
IsBaseLine: this.data.IsBaseLine,
|
||||
TrialReadingCriterionId: this.trialReadingCriterionId
|
||||
TrialReadingCriterionId: this.trialReadingCriterionId,
|
||||
}
|
||||
getTrialClinicalDataSelect(param).then(res => {
|
||||
this.clinicalDatas = res.Result
|
||||
this.loading = false
|
||||
resolve()
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
reject()
|
||||
})
|
||||
getTrialClinicalDataSelect(param)
|
||||
.then((res) => {
|
||||
this.clinicalDatas = res.Result
|
||||
this.loading = false
|
||||
resolve()
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false
|
||||
reject()
|
||||
})
|
||||
})
|
||||
},
|
||||
handleDeleteFile(index, row) {
|
||||
this.$confirm(this.$t('trials:readingPeriod:cd:message:delete'), {
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true
|
||||
distinguishCancelAndClose: true,
|
||||
})
|
||||
.then(() => {
|
||||
if (row.Id) {
|
||||
this.pendingDeleteList.push(row.Id)
|
||||
}
|
||||
this.fileList.splice(index, 1)
|
||||
}).catch(() => {})
|
||||
})
|
||||
.catch(() => { })
|
||||
},
|
||||
beginScanFiles(e) {
|
||||
var files = e.target.files
|
||||
for (var i = 0; i < files.length; ++i) {
|
||||
const fileName = files[i].name
|
||||
var extendName = fileName.substring(fileName.lastIndexOf('.')).toLocaleLowerCase()
|
||||
var extendName = fileName
|
||||
.substring(fileName.lastIndexOf('.'))
|
||||
.toLocaleLowerCase()
|
||||
if (this.faccept.indexOf(extendName) !== -1) {
|
||||
this.fileList.push({ FileName: fileName, Path: '', Status: 0, Files: files[i] })
|
||||
this.fileList.push({
|
||||
FileName: fileName,
|
||||
Path: '',
|
||||
Status: 0,
|
||||
Files: files[i],
|
||||
size: files[i].size,
|
||||
type: fileName.split('.')[1],
|
||||
})
|
||||
}
|
||||
}
|
||||
},
|
||||
handleClinicalDataSetChange(v) {
|
||||
var index = this.clinicalDatas.findIndex(item => item.Id === v)
|
||||
var index = this.clinicalDatas.findIndex((item) => item.Id === v)
|
||||
if (index > -1) {
|
||||
this.currentTpl.id = this.clinicalDatas[index].Id
|
||||
this.currentTpl.path = this.clinicalDatas[index].Path
|
||||
this.currentTpl.isExist = !!this.clinicalDatas[index].FileName
|
||||
}
|
||||
},
|
||||
handleDownloadTpl() {
|
||||
this.loading = true
|
||||
DownloadTrialClinicalFile(this.currentTpl.id).then(data => {
|
||||
this.loading = false
|
||||
}).catch(() => { this.loading = false })
|
||||
window.open(
|
||||
this.OSSclientConfig.basePath + this.currentTpl.path,
|
||||
'_blank'
|
||||
)
|
||||
this.loading = false
|
||||
// DownloadTrialClinicalFile(this.currentTpl.id).then(data => {
|
||||
// this.loading = false
|
||||
// }).catch(() => { this.loading = false })
|
||||
},
|
||||
close() {
|
||||
this.$emit('close')
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
|
|||
|
|
@ -1,17 +1,8 @@
|
|||
<template>
|
||||
<div v-loading="loading" class="add_reading-period-wrapper" style="display:flex;width: 100%;height: 100%;">
|
||||
<div
|
||||
class="reading-period-form"
|
||||
style="width:450px;height:100%;margin-right: 10px;"
|
||||
>
|
||||
<div class="reading-period-form" style="width:450px;height:100%;margin-right: 10px;">
|
||||
<el-card shadow="never" style="height:571px;">
|
||||
<el-form
|
||||
ref="addOrUpdatePR"
|
||||
:model="form"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
label-width="160px"
|
||||
>
|
||||
<el-form ref="addOrUpdatePR" :model="form" size="small" :rules="rules" label-width="160px">
|
||||
<!-- 阅片期类型 -->
|
||||
<el-form-item :label="$t('trials:rpManage:table:readingType')">
|
||||
<el-input v-model="form.ReadingSetTypeName" disabled style="width:100%;" />
|
||||
|
|
@ -23,23 +14,15 @@
|
|||
<!-- 受试者范围 -->
|
||||
<el-form-item :label="$t('trials:rpManage:table:subjectRange')" prop="ReadingScope">
|
||||
<el-select v-model="form.ReadingScope" style="width:100%;">
|
||||
<el-option
|
||||
v-for="(item,index) of $d.ReadingScopeEnum"
|
||||
:key="index"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
/>
|
||||
<el-option v-for="(item, index) of $d.ReadingScopeEnum" :key="index" :label="item.label"
|
||||
:value="item.value" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 中心 -->
|
||||
<el-form-item v-if="form.ReadingScope === 1" :label="$t('trials:addRP:form:sites')" prop="SiteIds">
|
||||
<el-select v-model="form.SiteIds" filterable style="width:100%;" multiple>
|
||||
<el-option
|
||||
v-for="(item,index) of siteOptions"
|
||||
:key="index"
|
||||
:label="item.TrialSiteCode"
|
||||
:value="item.SiteId"
|
||||
/>
|
||||
<el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
|
||||
:value="item.TrialSiteId" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 条件 -->
|
||||
|
|
@ -52,30 +35,17 @@
|
|||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 截止日期 -->
|
||||
<el-form-item v-if="form.DeadlineCondition === 0" :label="$t('trials:rpManage:table:expirationDate')" prop="ExpirationDate">
|
||||
<el-date-picker
|
||||
v-model="form.ExpirationDate"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
format="yyyy-MM-dd"
|
||||
|
||||
style="width:100%;"
|
||||
/>
|
||||
<el-form-item v-if="form.DeadlineCondition === 0" :label="$t('trials:rpManage:table:expirationDate')"
|
||||
prop="ExpirationDate">
|
||||
<el-date-picker v-model="form.ExpirationDate" type="date" value-format="yyyy-MM-dd" format="yyyy-MM-dd"
|
||||
style="width:100%;" />
|
||||
</el-form-item>
|
||||
<!-- 截止访视 -->
|
||||
<el-form-item v-if="form.DeadlineCondition === 1" :label="$t('trials:rpManage:table:expirationVisit')" prop="VisitStageId">
|
||||
<el-select
|
||||
v-model="form.VisitStageId"
|
||||
clearable
|
||||
style="width:100%;"
|
||||
@change="handleVisitChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="item of visitPlanOptions"
|
||||
:key="item.VisitStageId"
|
||||
:label="item.VisitName"
|
||||
:value="item.VisitStageId"
|
||||
>
|
||||
<el-form-item v-if="form.DeadlineCondition === 1" :label="$t('trials:rpManage:table:expirationVisit')"
|
||||
prop="VisitStageId">
|
||||
<el-select v-model="form.VisitStageId" clearable style="width:100%;" @change="handleVisitChange">
|
||||
<el-option v-for="item of visitPlanOptions" :key="item.VisitStageId" :label="item.VisitName"
|
||||
:value="item.VisitStageId">
|
||||
<span style="float: left">{{ item.VisitName }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
|
@ -96,63 +66,37 @@
|
|||
<div class="result-table" style="flex:1;">
|
||||
<el-card shadow="never">
|
||||
|
||||
<el-table
|
||||
ref="prList"
|
||||
v-loading="listLoading"
|
||||
:data="list"
|
||||
stripe
|
||||
height="455"
|
||||
@selection-change="handleSelectChange"
|
||||
>
|
||||
<el-table ref="prList" v-loading="listLoading" :data="list" stripe height="455"
|
||||
@selection-change="handleSelectChange">
|
||||
<el-table-column type="selection" align="left" width="45" />
|
||||
<el-table-column type="index" width="40" />
|
||||
<!-- 中心 -->
|
||||
<el-table-column
|
||||
prop="TrialSiteCode"
|
||||
:label="$t('trials:linkedRP:table:siteCode')"
|
||||
/>
|
||||
<el-table-column prop="TrialSiteCode" :label="$t('trials:linkedRP:table:siteCode')" />
|
||||
<!-- 受试者 -->
|
||||
<el-table-column
|
||||
prop="SubjectCode"
|
||||
:label="$t('trials:linkedRP:table:subjectCode')"
|
||||
/>
|
||||
<el-table-column prop="SubjectCode" :label="$t('trials:linkedRP:table:subjectCode')" />
|
||||
<!-- 截止访视 -->
|
||||
<el-table-column
|
||||
prop="SubjectVisitName"
|
||||
:label="$t('trials:linkedRP:table:expirationVisit')"
|
||||
/>
|
||||
<el-table-column prop="SubjectVisitName" :label="$t('trials:linkedRP:table:expirationVisit')" />
|
||||
<!-- 最晚拍片日期 -->
|
||||
<el-table-column
|
||||
prop="LatestScanDate"
|
||||
:label="$t('trials:linkedRP:table:latestScanDate')"
|
||||
>
|
||||
<el-table-column prop="LatestScanDate" :label="$t('trials:linkedRP:table:latestScanDate')">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.LatestScanDate?moment(scope.row.LatestScanDate).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.LatestScanDate ? moment(scope.row.LatestScanDate).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 截止日期 -->
|
||||
<el-table-column
|
||||
prop="ExpirationDate"
|
||||
:label="$t('trials:linkedRP:table:expirationDate')"
|
||||
>
|
||||
<el-table-column prop="ExpirationDate" :label="$t('trials:linkedRP:table:expirationDate')">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.ExpirationDate?moment(scope.row.ExpirationDate).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.ExpirationDate ? moment(scope.row.ExpirationDate).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 阅片期名称 -->
|
||||
<el-table-column
|
||||
prop="ReadingPeriodName"
|
||||
:label="$t('trials:linkedRP:table:readingName')"
|
||||
/>
|
||||
<el-table-column prop="ReadingPeriodName" :label="$t('trials:linkedRP:table:readingName')" />
|
||||
<!-- 生效时间 -->
|
||||
<el-table-column
|
||||
prop="EffectOfTime"
|
||||
:label="$t('trials:linkedRP:table:effectiveTime')"
|
||||
/>
|
||||
<el-table-column prop="EffectOfTime" :label="$t('trials:linkedRP:table:effectiveTime')" />
|
||||
</el-table>
|
||||
<!-- 分页组件 -->
|
||||
<div style="text-align:right">
|
||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" :disabled="list.length === 0" @pagination="getReadingReriodList" />
|
||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
||||
:disabled="list.length === 0" @pagination="getReadingReriodList" />
|
||||
</div>
|
||||
|
||||
<div style="text-align:right;padding-top: 10px;">
|
||||
|
|
|
|||
|
|
@ -1,12 +1,5 @@
|
|||
<template>
|
||||
<el-form
|
||||
ref="addSubjectPR"
|
||||
v-loading="loading"
|
||||
:model="form"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
label-width="180px"
|
||||
>
|
||||
<el-form ref="addSubjectPR" v-loading="loading" :model="form" size="small" :rules="rules" label-width="180px">
|
||||
<div class="base-dialog-body">
|
||||
<!-- 中心编号 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:siteCode')">
|
||||
|
|
@ -24,18 +17,9 @@
|
|||
<el-input v-model="form.Name" />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('trials:addSubjectPR:table:deadlineVisit')" prop="VisitStageId">
|
||||
<el-select
|
||||
v-model="form.VisitStageId"
|
||||
clearable
|
||||
style="width:100%;"
|
||||
@change="handleVisitChange"
|
||||
>
|
||||
<el-option
|
||||
v-for="(item, index) of visitPlanOptions"
|
||||
:key="index"
|
||||
:label="item.VisitName"
|
||||
:value="item.SubjectVisitId"
|
||||
>
|
||||
<el-select v-model="form.VisitStageId" clearable style="width:100%;" @change="handleVisitChange">
|
||||
<el-option v-for="(item, index) of visitPlanOptions" :key="index" :label="item.VisitName"
|
||||
:value="item.SubjectVisitId">
|
||||
<span style="float: left">{{ item.VisitName }}</span>
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
|
@ -44,12 +28,7 @@
|
|||
<div class="base-dialog-footer" style="text-align:right;padding: 5px 0;">
|
||||
<el-form-item>
|
||||
<!-- 取消 -->
|
||||
<el-button
|
||||
:disabled="btnLoading"
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="close"
|
||||
>
|
||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="close">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
|
||||
|
|
@ -183,6 +162,7 @@ export default {
|
|||
} else {
|
||||
getCanChangeReadVisitList({
|
||||
SubjectId: this.data.SubjectId,
|
||||
ReadingSetType: this.data.ReadingSetType,
|
||||
Id: this.data.Id,
|
||||
TrialReadingCriterionId: this.trialReadingCriterionId
|
||||
}).then(res => {
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,17 +1,12 @@
|
|||
<template>
|
||||
<el-form
|
||||
ref="EditRPStatus"
|
||||
v-loading="loading"
|
||||
:model="form"
|
||||
size="small"
|
||||
label-width="100px"
|
||||
>
|
||||
<el-form ref="EditRPStatus" v-loading="loading" :model="form" size="small" label-width="100px">
|
||||
<div class="base-dialog-body">
|
||||
<!-- 状态 -->
|
||||
<el-form-item :label="$t('trials:rpManage:table:readingStatus')" prop="IsTakeEffect">
|
||||
|
||||
<el-radio-group v-model="form.IsTakeEffect" style="width:100%;">
|
||||
<el-radio v-for="item of $d.TakeEffect" :key="item.value" :label="item.value" :disabled="item.value===0">{{ item.label }}</el-radio>
|
||||
<el-radio v-for="item of $d.TakeEffect" :key="item.value" :label="item.value" :disabled="item.value === 0">{{
|
||||
item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
|
|
@ -19,12 +14,7 @@
|
|||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||
<el-form-item>
|
||||
<!-- 取消 -->
|
||||
<el-button
|
||||
:disabled="btnLoading"
|
||||
size="small"
|
||||
type="primary"
|
||||
@click="close"
|
||||
>
|
||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="close">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<!-- 保存 -->
|
||||
|
|
|
|||
|
|
@ -1,85 +1,44 @@
|
|||
<template>
|
||||
<div class="preview-clinical-data">
|
||||
<el-table
|
||||
v-if="data.ClinicalUploadType === 1"
|
||||
v-loading="loading"
|
||||
:data="data.FileList"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
height="500"
|
||||
>
|
||||
<el-table v-if="data.ClinicalUploadType === 1" v-loading="loading" :data="data.FileList" stripe style="width: 100%"
|
||||
height="500">
|
||||
<el-table-column type="index" width="40" />
|
||||
<!-- 文件名称 -->
|
||||
<el-table-column
|
||||
prop="FileName"
|
||||
:label="$t('trials:readingPeriod:cd:table:fileName')"
|
||||
/>
|
||||
<el-table-column prop="FileName" :label="$t('trials:readingPeriod:cd:table:fileName')" />
|
||||
|
||||
<el-table-column
|
||||
:label="$t('common:action:action')"
|
||||
>
|
||||
<el-table-column :label="$t('common:action:action')">
|
||||
<template slot-scope="scope">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
circle
|
||||
:title="$t('trials:readingPeriod:cd:action:viewFile')"
|
||||
icon="el-icon-view"
|
||||
@click="handlePreview(scope.row)"
|
||||
/>
|
||||
<el-button circle :title="$t('trials:readingPeriod:cd:action:viewFile')" icon="el-icon-view"
|
||||
@click="handlePreview(scope.row)" />
|
||||
<!-- 删除 -->
|
||||
<el-button
|
||||
v-if="(!data.IsSign && !data.IsCRCUpload)"
|
||||
circle
|
||||
:title="$t('trials:readingPeriod:cd:action:deleteFile')"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.$index,scope.row)"
|
||||
/>
|
||||
<el-button v-if="(!data.IsSign && !data.IsCRCUpload)" circle
|
||||
:title="$t('trials:readingPeriod:cd:action:deleteFile')" icon="el-icon-delete"
|
||||
@click="handleDelete(scope.$index, scope.row)" />
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div v-else>
|
||||
<!-- 既往放疗史 -->
|
||||
<h4>{{ $t('trials:uploadClinicalData:title:pastTreatment') }}</h4>
|
||||
<el-table
|
||||
:data="data.ClinicalTableData.PreviousHistoryList"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="50"
|
||||
/>
|
||||
<el-table :data="data.ClinicalTableData.PreviousHistoryList" style="width: 100%">
|
||||
<el-table-column type="index" width="50" />
|
||||
<!-- 放疗部位 -->
|
||||
<el-table-column
|
||||
prop="Position"
|
||||
:label="$t('trials:uploadClinicalData:table:bodyPart')"
|
||||
width="180"
|
||||
/>
|
||||
<el-table-column prop="Position" :label="$t('trials:uploadClinicalData:table:bodyPart')" width="180" />
|
||||
<!-- 开始日期 -->
|
||||
<el-table-column
|
||||
prop="StartTime"
|
||||
:label="$t('trials:uploadClinicalData:table:beginDate')"
|
||||
width="180"
|
||||
>
|
||||
<el-table-column prop="StartTime" :label="$t('trials:uploadClinicalData:table:beginDate')" width="180">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.StartTime?moment(scope.row.StartTime).format('YYYY-MM-DD'):'' }}
|
||||
{{ 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')"
|
||||
width="180"
|
||||
>
|
||||
<el-table-column prop="EndTime" :label="$t('trials:uploadClinicalData:table:endDate')" width="180">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.EndTime?moment(scope.row.EndTime).format('YYYY-MM-DD'):'' }}
|
||||
{{ 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')"
|
||||
width="180"
|
||||
>
|
||||
<el-table-column prop="IsPD" :label="$t('trials:uploadClinicalData:table:isPD')" width="180">
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('IsPdEnum', scope.row.IsPD) }}
|
||||
</template>
|
||||
|
|
@ -87,65 +46,34 @@
|
|||
</el-table>
|
||||
<!-- 既往手术史 -->
|
||||
<h4>{{ $t('trials:uploadClinicalData:title:pastSurgery') }}</h4>
|
||||
<el-table
|
||||
:data="data.ClinicalTableData.PreviousSurgeryList"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="50"
|
||||
/>
|
||||
<el-table :data="data.ClinicalTableData.PreviousSurgeryList" style="width: 100%">
|
||||
<el-table-column type="index" width="50" />
|
||||
<!-- 手术名称 -->
|
||||
<el-table-column
|
||||
prop="OperationName"
|
||||
:label="$t('trials:uploadClinicalData:table:surgeryName')"
|
||||
width="180"
|
||||
/>
|
||||
<el-table-column prop="OperationName" :label="$t('trials:uploadClinicalData:table:surgeryName')" width="180" />
|
||||
<!-- 手术日期 -->
|
||||
<el-table-column
|
||||
prop="OperationTime"
|
||||
:label="$t('trials:uploadClinicalData:table:surgeryDate')"
|
||||
width="180"
|
||||
>
|
||||
<el-table-column prop="OperationTime" :label="$t('trials:uploadClinicalData:table:surgeryDate')" width="180">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.OperationTime?moment(scope.row.OperationTime).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.OperationTime ? moment(scope.row.OperationTime).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 既往其他治疗史 -->
|
||||
<h4>{{ $t('trials:uploadClinicalData:title:others') }}</h4>
|
||||
<el-table
|
||||
:data="data.ClinicalTableData.PreviousOtherList"
|
||||
style="width: 100%"
|
||||
>
|
||||
<el-table-column
|
||||
type="index"
|
||||
width="50"
|
||||
/>
|
||||
<el-table :data="data.ClinicalTableData.PreviousOtherList" style="width: 100%">
|
||||
<el-table-column type="index" width="50" />
|
||||
<!-- 治疗类型 -->
|
||||
<el-table-column
|
||||
prop="TreatmentType"
|
||||
:label="$t('trials:uploadClinicalData:table:treatmentType')"
|
||||
width="180"
|
||||
/>
|
||||
<el-table-column prop="TreatmentType" :label="$t('trials:uploadClinicalData:table:treatmentType')"
|
||||
width="180" />
|
||||
<!-- 开始日期 -->
|
||||
<el-table-column
|
||||
prop="StartTime"
|
||||
:label="$t('trials:uploadClinicalData:table:treatmentbeginDate')"
|
||||
width="180"
|
||||
>
|
||||
<el-table-column prop="StartTime" :label="$t('trials:uploadClinicalData:table:treatmentbeginDate')" width="180">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.StartTime?moment(scope.row.StartTime).format('YYYY-MM-DD'):'' }}
|
||||
{{ 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')"
|
||||
width="180"
|
||||
>
|
||||
<el-table-column prop="EndTime" :label="$t('trials:uploadClinicalData:table:treatmentendDate')" width="180">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.EndTime?moment(scope.row.EndTime).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.EndTime ? moment(scope.row.EndTime).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
|
@ -190,7 +118,7 @@ export default {
|
|||
this.loading = false
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
}).catch(() => { this.loading = false })
|
||||
}).catch(() => {})
|
||||
}).catch(() => { })
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,11 +4,7 @@
|
|||
<el-form :inline="true">
|
||||
<!-- 阅片期名称 -->
|
||||
<el-form-item :label="$t('trials:rpManage:table:readingName')">
|
||||
<el-input
|
||||
v-model="searchData.ReadingPeriodName"
|
||||
style="width:100px;"
|
||||
clearable
|
||||
/>
|
||||
<el-input v-model="searchData.ReadingPeriodName" style="width:100px;" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||
|
|
@ -22,23 +18,11 @@
|
|||
{{ $t('common:button:export') }}
|
||||
</el-button> -->
|
||||
<!-- 添加影像学阅片 -->
|
||||
<el-button
|
||||
v-if="isGlobalReading"
|
||||
type="primary"
|
||||
icon="el-icon-plus"
|
||||
size="small"
|
||||
@click="handleAdd(0)"
|
||||
>
|
||||
<el-button v-if="isGlobalReading" type="primary" icon="el-icon-plus" size="small" @click="handleAdd(0)">
|
||||
{{ $t('trials:rpManage:button:addImageReading') }}
|
||||
</el-button>
|
||||
<!-- 添加肿瘤学阅片 -->
|
||||
<el-button
|
||||
v-if="isClinicalReading"
|
||||
type="primary"
|
||||
icon="el-icon-plus"
|
||||
size="small"
|
||||
@click="handleAdd(1)"
|
||||
>
|
||||
<el-button v-if="isClinicalReading" type="primary" icon="el-icon-plus" size="small" @click="handleAdd(1)">
|
||||
{{ $t('trials:rpManage:button:addOncologyReading') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
|
|
@ -46,77 +30,44 @@
|
|||
|
||||
</div>
|
||||
<div class="main-wrapper">
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
stripe
|
||||
style="width: 100%"
|
||||
height="500"
|
||||
@sort-change="handleSortChange"
|
||||
>
|
||||
<el-table v-loading="loading" :data="list" stripe style="width: 100%" height="500"
|
||||
@sort-change="handleSortChange">
|
||||
<el-table-column type="index" width="40" />
|
||||
<!-- 阅片期类型 -->
|
||||
<el-table-column
|
||||
prop="ReadingSetType"
|
||||
:label="$t('trials:rpManage:table:readingType')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="ReadingSetType" :label="$t('trials:rpManage:table:readingType')" sortable="custom"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('ReadingSetType',scope.row.ReadingSetType) }}
|
||||
{{ $fd('ReadingSetType', scope.row.ReadingSetType) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 阅片期名称 -->
|
||||
<el-table-column
|
||||
prop="ReadingPeriodName"
|
||||
:label="$t('trials:rpManage:table:readingName')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="ReadingPeriodName" :label="$t('trials:rpManage:table:readingName')" sortable="custom"
|
||||
show-overflow-tooltip />
|
||||
<!-- 受试者范围 -->
|
||||
<el-table-column
|
||||
prop="ReadingScope"
|
||||
:label="$t('trials:rpManage:table:subjectRange')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="ReadingScope" :label="$t('trials:rpManage:table:subjectRange')" sortable="custom"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('ReadingScopeEnum',scope.row.ReadingScope) }}
|
||||
{{ $fd('ReadingScopeEnum', scope.row.ReadingScope) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 指定中心 -->
|
||||
<el-table-column
|
||||
prop="SiteCodes"
|
||||
:label="$t('trials:rpManage:table:designatedSite')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="SiteCodes" :label="$t('trials:rpManage:table:designatedSite')" show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.SiteCodes.length>0? scope.row.SiteCodes.join(', '):'' }}
|
||||
{{ scope.row.SiteCodes.length > 0 ? scope.row.SiteCodes.join(', ') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 截止日期 -->
|
||||
<el-table-column
|
||||
prop="ExpirationDate"
|
||||
:label="$t('trials:rpManage:table:expirationDate')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="ExpirationDate" :label="$t('trials:rpManage:table:expirationDate')" sortable="custom"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.ExpirationDate?moment(scope.row.ExpirationDate).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.ExpirationDate ? moment(scope.row.ExpirationDate).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 截止访视 -->
|
||||
<el-table-column
|
||||
prop="SubjectVisitName"
|
||||
:label="$t('trials:rpManage:table:expirationVisit')"
|
||||
/>
|
||||
<el-table-column prop="SubjectVisitName" :label="$t('trials:rpManage:table:expirationVisit')" />
|
||||
<!-- 关联阅片期 -->
|
||||
<el-table-column
|
||||
prop="PlanCount"
|
||||
:label="$t('trials:rpManage:table:linkedVisits')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="PlanCount" :label="$t('trials:rpManage:table:linkedVisits')" sortable="custom"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<el-button type="text" :disabled="scope.row.PlanCount === 0" @click="handleRelationPR(scope.row)">
|
||||
{{ scope.row.PlanCount }}
|
||||
|
|
@ -124,12 +75,8 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
<!-- 状态 -->
|
||||
<el-table-column
|
||||
prop="IsTakeEffect"
|
||||
:label="$t('trials:rpManage:table:readingStatus')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column prop="IsTakeEffect" :label="$t('trials:rpManage:table:readingStatus')" sortable="custom"
|
||||
show-overflow-tooltip>
|
||||
<template slot-scope="scope">
|
||||
<el-tag v-if="scope.row.IsTakeEffect === 0" type="info">
|
||||
{{ $fd('TakeEffect', scope.row.IsTakeEffect) }}
|
||||
|
|
@ -143,87 +90,48 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
<!-- 生效时间 -->
|
||||
<el-table-column
|
||||
prop="EffectOfTime"
|
||||
:label="$t('trials:rpManage:table:effectiveTime')"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
width="120"
|
||||
/>
|
||||
<el-table-column
|
||||
:label="$t('common:action:action')"
|
||||
width="200"
|
||||
>
|
||||
<el-table-column prop="EffectOfTime" :label="$t('trials:rpManage:table:effectiveTime')" sortable="custom"
|
||||
show-overflow-tooltip width="120" />
|
||||
<el-table-column :label="$t('common:action:action')" width="200">
|
||||
<template slot-scope="scope">
|
||||
<!-- 编辑 -->
|
||||
<el-button
|
||||
circle
|
||||
:title="$t('trials:rpManage:action:edit')"
|
||||
icon="el-icon-edit-outline"
|
||||
:disabled="scope.row.IsTakeEffect === 1 || scope.row.IsGlobal"
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button circle :title="$t('trials:rpManage:action:edit')" icon="el-icon-edit-outline"
|
||||
:disabled="scope.row.IsTakeEffect === 1 || scope.row.IsGlobal" @click="handleEdit(scope.row)" />
|
||||
<!-- 修改状态 -->
|
||||
<el-button
|
||||
circle
|
||||
:title="$t('trials:rpManage:action:status')"
|
||||
icon="el-icon-edit"
|
||||
:disabled="scope.row.IsGlobal"
|
||||
@click="handleEditStatus(scope.row)"
|
||||
/>
|
||||
<el-button circle :title="$t('trials:rpManage:action:status')" icon="el-icon-edit"
|
||||
:disabled="scope.row.IsGlobal" @click="handleEditStatus(scope.row)" />
|
||||
|
||||
<!-- 删除 -->
|
||||
<el-button
|
||||
circle
|
||||
:title="$t('trials:rpManage:action:delete')"
|
||||
icon="el-icon-delete"
|
||||
:disabled="scope.row.IsTakeEffect === 1 || scope.row.IsGlobal"
|
||||
@click="handleDelete(scope.row)"
|
||||
/>
|
||||
<el-button circle :title="$t('trials:rpManage:action:delete')" icon="el-icon-delete"
|
||||
:disabled="scope.row.IsTakeEffect === 1 || scope.row.IsGlobal" @click="handleDelete(scope.row)" />
|
||||
</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" />
|
||||
</div>
|
||||
<!-- 新增/编辑 -->
|
||||
<el-dialog
|
||||
v-if="addOrEditPR.visible"
|
||||
:visible.sync="addOrEditPR.visible"
|
||||
:close-on-click-modal="false"
|
||||
:before-close="beforePRClose"
|
||||
:title="addOrEditPR.title"
|
||||
width="80%"
|
||||
append-to-body
|
||||
custom-class="base-dialog-wrapper"
|
||||
>
|
||||
<AddOrEditPR ref="addOrEditPR" :trial-reading-criterion-id="trialReadingCriterionId" :data="currentRow" @close="addOrEditPR.visible = false" @getList="getList" />
|
||||
<el-dialog v-if="addOrEditPR.visible" :visible.sync="addOrEditPR.visible" :close-on-click-modal="false"
|
||||
:before-close="beforePRClose" :title="addOrEditPR.title" width="80%" append-to-body
|
||||
custom-class="base-dialog-wrapper">
|
||||
<AddOrEditPR ref="addOrEditPR" :trial-reading-criterion-id="trialReadingCriterionId" :data="currentRow"
|
||||
@close="addOrEditPR.visible = false" @getList="getList" />
|
||||
</el-dialog>
|
||||
|
||||
<!-- 状态变更 -->
|
||||
<el-dialog
|
||||
v-if="editStatus.visible"
|
||||
:visible.sync="editStatus.visible"
|
||||
:close-on-click-modal="false"
|
||||
:title="editStatus.title"
|
||||
width="500px"
|
||||
append-to-body
|
||||
custom-class="base-dialog-wrapper"
|
||||
>
|
||||
<EditPRStatus :trial-reading-criterion-id="trialReadingCriterionId" :data="currentRow" @close="editStatus.visible = false" @getList="refresh" />
|
||||
<el-dialog v-if="editStatus.visible" :visible.sync="editStatus.visible" :close-on-click-modal="false"
|
||||
:title="editStatus.title" width="500px" append-to-body custom-class="base-dialog-wrapper">
|
||||
<EditPRStatus :trial-reading-criterion-id="trialReadingCriterionId" :data="currentRow"
|
||||
@close="editStatus.visible = false" @getList="refresh" />
|
||||
</el-dialog>
|
||||
|
||||
<!-- 关联阅片期 -->
|
||||
<el-dialog
|
||||
v-if="relationPR.visible"
|
||||
:visible.sync="relationPR.visible"
|
||||
:close-on-click-modal="false"
|
||||
:title="$t('trials:rpManage:dialogTitle:linkedRP')"
|
||||
width="1000px"
|
||||
append-to-body
|
||||
custom-class="base-dialog-wrapper"
|
||||
>
|
||||
<RelationPRList :trial-reading-criterion-id="trialReadingCriterionId" :data="currentRow" @close="relationPR.visible = false" @getList="getList" />
|
||||
<el-dialog v-if="relationPR.visible" :visible.sync="relationPR.visible" :close-on-click-modal="false"
|
||||
:title="$t('trials:rpManage:dialogTitle:linkedRP')" width="1000px" append-to-body
|
||||
custom-class="base-dialog-wrapper">
|
||||
<RelationPRList :trial-reading-criterion-id="trialReadingCriterionId" :data="currentRow"
|
||||
@close="relationPR.visible = false" @getList="getList" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
|
@ -370,6 +278,4 @@ export default {
|
|||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
|
|||
|
|
@ -1,59 +1,34 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-table
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
stripe
|
||||
height="455"
|
||||
>
|
||||
<el-table v-loading="loading" :data="list" stripe height="455">
|
||||
<el-table-column type="index" width="40" />
|
||||
<!-- 中心编号 -->
|
||||
<el-table-column
|
||||
prop="TrialSiteCode"
|
||||
:label="$t('trials:linkedRP:table:siteCode')"
|
||||
/>
|
||||
<el-table-column prop="TrialSiteCode" :label="$t('trials:linkedRP:table:siteCode')" />
|
||||
<!-- 受试者编号 -->
|
||||
<el-table-column
|
||||
prop="SubjectCode"
|
||||
:label="$t('trials:linkedRP:table:subjectCode')"
|
||||
/>
|
||||
<el-table-column prop="SubjectCode" :label="$t('trials:linkedRP:table:subjectCode')" />
|
||||
<!-- 截止访视 -->
|
||||
<el-table-column
|
||||
prop="SubjectVisitName"
|
||||
:label="$t('trials:linkedRP:table:expirationVisit')"
|
||||
/>
|
||||
<el-table-column prop="SubjectVisitName" :label="$t('trials:linkedRP:table:expirationVisit')" />
|
||||
<!-- 最晚拍片日期 -->
|
||||
<el-table-column
|
||||
prop="LatestScanDate"
|
||||
:label="$t('trials:linkedRP:table:latestScanDate')"
|
||||
>
|
||||
<el-table-column prop="LatestScanDate" :label="$t('trials:linkedRP:table:latestScanDate')">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.LatestScanDate?moment(scope.row.LatestScanDate).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.LatestScanDate ? moment(scope.row.LatestScanDate).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 截止日期 -->
|
||||
<el-table-column
|
||||
prop="ExpirationDate"
|
||||
:label="$t('trials:linkedRP:table:expirationDate')"
|
||||
>
|
||||
<el-table-column prop="ExpirationDate" :label="$t('trials:linkedRP:table:expirationDate')">
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.ExpirationDate?moment(scope.row.ExpirationDate).format('YYYY-MM-DD'):'' }}
|
||||
{{ scope.row.ExpirationDate ? moment(scope.row.ExpirationDate).format('YYYY-MM-DD') : '' }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 阅片期名称 -->
|
||||
<el-table-column
|
||||
prop="ReadingPeriodName"
|
||||
:label="$t('trials:linkedRP:table:readingName')"
|
||||
/>
|
||||
<el-table-column prop="ReadingPeriodName" :label="$t('trials:linkedRP:table:readingName')" />
|
||||
<!-- 生效时间 -->
|
||||
<el-table-column
|
||||
prop="EffectOfTime"
|
||||
:label="$t('trials:linkedRP:table:effectiveTime')"
|
||||
/>
|
||||
<el-table-column prop="EffectOfTime" :label="$t('trials:linkedRP:table:effectiveTime')" />
|
||||
</el-table>
|
||||
<!-- 分页组件 -->
|
||||
<div style="text-align:right;">
|
||||
<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" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
|
|||
|
|
@ -1,43 +1,19 @@
|
|||
<template>
|
||||
<el-form
|
||||
ref="verificationForm"
|
||||
v-loading="loading"
|
||||
:model="form"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
label-width="150px"
|
||||
:inline="true"
|
||||
>
|
||||
<el-form ref="verificationForm" v-loading="loading" :model="form" size="small" :rules="rules" label-width="150px"
|
||||
:inline="true">
|
||||
<!-- 文件列表 -->
|
||||
<el-divider content-position="left">{{ $t('trials:readingPeriod:verify:title:fileList') }}</el-divider>
|
||||
<div style="text-align: right">
|
||||
<!-- 预览 -->
|
||||
<el-button
|
||||
type="primary"
|
||||
style="margin-bottom: 10px"
|
||||
icon="el-icon-view"
|
||||
size="mini"
|
||||
@click="handlePreview"
|
||||
>
|
||||
<el-button type="primary" style="margin-bottom: 10px" icon="el-icon-view" size="mini" @click="handlePreview">
|
||||
{{ $t('trials:readingPeriod:verify:title:preview') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
<el-table
|
||||
ref="filesTable"
|
||||
:data="fileList"
|
||||
class="dicomFiles-table"
|
||||
height="200"
|
||||
style="width:100%"
|
||||
border
|
||||
>
|
||||
<el-table ref="filesTable" :data="fileList" class="dicomFiles-table" height="200" style="width:100%" border>
|
||||
<el-table-column type="index" width="40" />
|
||||
<el-table-column
|
||||
prop="FileName"
|
||||
:label="$t('trials:uploadClinicalData:table:fileName')"
|
||||
min-width="190"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="FileName" :label="$t('trials:uploadClinicalData:table:fileName')" min-width="190"
|
||||
show-overflow-tooltip />
|
||||
</el-table>
|
||||
<!-- 核查结果 -->
|
||||
<el-divider content-position="left">{{ $t('trials:readingPeriod:verify:title:result') }}</el-divider>
|
||||
|
|
@ -46,7 +22,7 @@
|
|||
<el-form-item :label="$t('trials:readingPeriod:verify:title:isComplete')" prop="IsComplete">
|
||||
<el-radio-group v-model="form.IsComplete">
|
||||
<el-radio :label="true">{{ $fd('YesOrNo', true) }}</el-radio>
|
||||
<el-radio v-if="data.ClinicalDataLevel !== 3" :label="false">N/A</el-radio>
|
||||
<el-radio v-if="data.ClinicalUploadType === 1" :label="false">N/A</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
</div>
|
||||
|
|
@ -55,31 +31,18 @@
|
|||
<el-form-item :label="$t('trials:readingPeriod:verify:title:isBlind')" prop="IsBlind">
|
||||
<el-radio-group v-model="form.IsBlind">
|
||||
<el-radio :label="true">{{ $fd('YesOrNo', true) }}</el-radio>
|
||||
<el-radio v-if="data.ClinicalDataLevel !== 3" :label="false">N/A</el-radio>
|
||||
<el-radio v-if="data.ClinicalUploadType === 1" :label="false">N/A</el-radio>
|
||||
</el-radio-group>
|
||||
</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="close"
|
||||
>
|
||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="close">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<!-- 保存 -->
|
||||
<el-button
|
||||
size="small"
|
||||
type="primary"
|
||||
:loading="btnLoading"
|
||||
@click="save"
|
||||
>
|
||||
<el-button size="small" type="primary" :loading="btnLoading" @click="save">
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
|
|
@ -129,15 +92,17 @@ export default {
|
|||
},
|
||||
methods: {
|
||||
PMClinicalDataConfirm() {
|
||||
// this.loading = true
|
||||
// this.btnLoading = true
|
||||
this.loading = true
|
||||
this.btnLoading = true
|
||||
// PMClinicalDataConfirm(this.form).then(res => {
|
||||
// // this.$message.success('保存成功')
|
||||
// this.loading = false
|
||||
// this.btnLoading = false
|
||||
this.$emit('getList')
|
||||
this.$emit('sign', this.form)
|
||||
// this.$emit('close')
|
||||
this.$emit('getList')
|
||||
this.$emit('sign', this.form)
|
||||
this.loading = false
|
||||
this.btnLoading = false
|
||||
// this.$emit('close')
|
||||
// }).catch(() => {
|
||||
// this.loading = false
|
||||
// this.btnLoading = false
|
||||
|
|
@ -186,5 +151,4 @@ export default {
|
|||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
</style>
|
||||
<style lang="scss" scoped></style>
|
||||
|
|
|
|||
|
|
@ -1,58 +1,39 @@
|
|||
<template>
|
||||
<BaseContainer>
|
||||
<BaseContainer class="reading-period">
|
||||
<el-tabs v-model="TrialReadingCriterionId" type="border-card">
|
||||
<el-tab-pane v-for="criterion of trialCriterionList" :key="criterion.TrialReadingCriterionId" :label="criterion.TrialReadingCriterionName" :name="criterion.TrialReadingCriterionId">
|
||||
<el-tab-pane v-for="criterion of trialCriterionList" :key="criterion.TrialReadingCriterionId"
|
||||
:label="criterion.TrialReadingCriterionName" :name="criterion.TrialReadingCriterionId">
|
||||
<div v-if="TrialReadingCriterionId === criterion.TrialReadingCriterionId">
|
||||
<div slot="search-container">
|
||||
<el-form :inline="true">
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:siteCode')">
|
||||
<!-- 中心编号 -->
|
||||
<!-- 中心编号 -->
|
||||
<!-- <el-form-item :label="$t('trials:readingPeriod:table:siteCode')">
|
||||
<el-select v-model="searchData.TrialSiteCode" clearable filterable style="width:120px;">
|
||||
<el-option
|
||||
v-for="(site,index) of siteOptions"
|
||||
:key="index"
|
||||
:label="site.TrialSiteCode"
|
||||
:value="site.TrialSiteCode"
|
||||
/>
|
||||
<el-option v-for="(site, index) of siteOptions" :key="index" :label="site.TrialSiteCode"
|
||||
:value="site.TrialSiteCode" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-form-item> -->
|
||||
<!-- 受试者编号 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:subjectCode')">
|
||||
<el-input
|
||||
v-model="searchData.SubjectCode"
|
||||
style="width:100px;"
|
||||
clearable
|
||||
/>
|
||||
<el-input v-model="searchData.SubjectCode" style="width: 100px" clearable />
|
||||
</el-form-item>
|
||||
<!-- 阅片类型 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:readingType')">
|
||||
<el-select v-model="searchData.ModuleType" clearable style="width:120px">
|
||||
<el-option
|
||||
v-for="item of $d.ModuleTypeEnum"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
/>
|
||||
<el-select v-model="searchData.ModuleType" clearable style="width: 120px">
|
||||
<el-option v-for="item of $d.ModuleTypeEnum" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 进度 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:readingSchedule')">
|
||||
<el-select v-model="searchData.ReadingStatus" clearable style="width:120px">
|
||||
<el-option
|
||||
v-for="item of $d.ReadModuleEnum"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
/>
|
||||
<el-select v-model="searchData.ReadingStatus" clearable style="width: 120px">
|
||||
<el-option v-for="item of $d.ReadModuleEnum" :key="item.value" :value="item.value"
|
||||
:label="item.label" />
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 阅片名称 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:readingName')">
|
||||
<el-input
|
||||
v-model="searchData.Name"
|
||||
style="width:100px;"
|
||||
clearable
|
||||
/>
|
||||
<el-input v-model="searchData.Name" style="width: 100px" clearable />
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||
|
|
@ -66,139 +47,170 @@
|
|||
{{ $t('trials:readingPeriod:buttton:exportSubjectTbl') }}
|
||||
</el-button>
|
||||
<!--导出阅片期信息表-->
|
||||
<!-- <el-button type="primary" icon="el-icon-download" @click="handleExportPeriod">
|
||||
<el-button type="primary" icon="el-icon-download" @click="handleExportPeriod">
|
||||
{{ $t('trials:readingPeriod:buttton:exportPeriodTbl') }}
|
||||
</el-button> -->
|
||||
</el-button>
|
||||
<!-- 阅片期管理 -->
|
||||
<!-- <el-button
|
||||
v-if="ReadingInfoSignTime && (otherInfo.IsClinicalReading || otherInfo.IsReadingPeriod)"
|
||||
v-hasPermi="['trials:trials-panel:subject:readingPeriod:edit']"
|
||||
type="primary"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="handleReadingPeriod"
|
||||
>
|
||||
<el-button v-if="
|
||||
ReadingInfoSignTime &&
|
||||
(otherInfo.IsClinicalReading || otherInfo.IsReadingPeriod)
|
||||
" v-hasPermi="[
|
||||
'trials:trials-panel:subject:readingPeriod:edit',
|
||||
]" type="primary" icon="el-icon-edit-outline" @click="handleReadingPeriod">
|
||||
{{ $t('trials:readingPeriod:button:rpManage') }}
|
||||
</el-button> -->
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
<div slot="main-container">
|
||||
<el-table
|
||||
ref="myTable"
|
||||
v-adaptive="{bottomOffset:75}"
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
stripe
|
||||
height="100"
|
||||
:header-row-class-name="headerRowStyle"
|
||||
:cell-style="cellStyle"
|
||||
@sort-change="handleSortChange"
|
||||
>
|
||||
<el-table ref="myTable" v-adaptive="{ bottomOffset: 135 }" v-loading="loading" :data="list" stripe
|
||||
height="100" :header-row-class-name="headerRowStyle" :cell-style="cellStyle"
|
||||
@sort-change="handleSortChange">
|
||||
<el-table-column type="index" width="40" fixed="left" />
|
||||
<!-- 中心编号 -->
|
||||
<el-table-column
|
||||
prop="TrialSiteCode"
|
||||
:label="$t('trials:readingPeriod:table:siteCode')"
|
||||
min-width="110"
|
||||
fixed="left"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- <el-table-column prop="TrialSiteCode" :label="$t('trials:readingPeriod:table:siteCode')" min-width="110"
|
||||
fixed="left" sortable="custom" show-overflow-tooltip /> -->
|
||||
<!-- 受试者编号 -->
|
||||
<el-table-column
|
||||
prop="SubjectCode"
|
||||
:label="$t('trials:readingPeriod:table:subjectCode')"
|
||||
min-width="120"
|
||||
fixed="left"
|
||||
sortable="custom"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column prop="SubjectCode" :label="$t('trials:readingPeriod:table:subjectCode')" min-width="120"
|
||||
fixed="left" sortable="custom" show-overflow-tooltip />
|
||||
<!-- 阅片计划 -->
|
||||
<el-table-column
|
||||
:label="$t('trials:readingPeriod:table:readingPlan')"
|
||||
align="center"
|
||||
min-width="100"
|
||||
>
|
||||
<el-table-column
|
||||
v-for="i in maxLength"
|
||||
:key="`${i}`"
|
||||
:prop="`Plan${i-1}`"
|
||||
label=""
|
||||
width="240"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<el-table-column :label="$t('trials:readingPeriod:table:readingPlan')" align="center" min-width="100">
|
||||
<el-table-column v-for="i in maxLength" :key="`${i}`" :prop="`Plan${i - 1}`" label="" width="240">
|
||||
<template slot-scope="scope">
|
||||
<div v-if="i<=scope.row.Data.length">
|
||||
<div v-if="i <= scope.row.Data.length">
|
||||
<!-- <div style="">-->
|
||||
<div style="border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px;display: flex;justify-content: space-between;">
|
||||
<div style="font-size: 16px;font-weight: 900">
|
||||
{{ scope.row.Data[i-1].Name }}
|
||||
<div style="
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
">
|
||||
<div style="font-size: 16px; font-weight: 900">
|
||||
{{ scope.row.Data[i - 1].Name }}
|
||||
</div>
|
||||
<div>
|
||||
<span v-if="scope.row.Data[i-1].IsEnrollmentConfirm">
|
||||
<span v-if="scope.row.Data[i - 1].IsEnrollmentConfirm">
|
||||
| {{ $t('trials:readingPeriod:table:enroll') }}
|
||||
</span>
|
||||
<span v-if="scope.row.Data[i-1].PDState">
|
||||
<span v-if="scope.row.Data[i - 1].PDState">
|
||||
| {{ $t('trials:readingPeriod:table:pd') }}
|
||||
</span>
|
||||
<span v-if="scope.row.Data[i-1].IsUrgent">
|
||||
<span v-if="scope.row.Data[i - 1].IsUrgent">
|
||||
| {{ $t('trials:readingPeriod:table:urgent') }}
|
||||
</span>
|
||||
<span v-if="scope.row.Data[i-1].IsFinalVisit">
|
||||
<span v-if="scope.row.Data[i - 1].IsFinalVisit">
|
||||
| {{ $t('trials:readingPeriod:table:finalVisit') }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
|
||||
<div>{{ $fd('ModuleTypeEnum',scope.row.Data[i-1].ModuleType) }}</div>
|
||||
<div style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
">
|
||||
<div>
|
||||
{{ $fd('ReadModuleEnum',scope.row.Data[i-1].ReadingStatus) }}
|
||||
{{
|
||||
$fd(
|
||||
'ModuleTypeEnum',
|
||||
scope.row.Data[i - 1].ModuleType
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
<div style="
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
width: 110px;
|
||||
text-align: right;
|
||||
" :title="$fd(
|
||||
'ReadModuleEnum',
|
||||
scope.row.Data[i - 1].ReadingStatus
|
||||
)
|
||||
">
|
||||
{{
|
||||
$fd(
|
||||
'ReadModuleEnum',
|
||||
scope.row.Data[i - 1].ReadingStatus
|
||||
)
|
||||
}}
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="scope.row.Data[i-1].ModuleType === 1" style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
|
||||
<div v-if="scope.row.Data[i - 1].ModuleType === 1" style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
">
|
||||
<!-- 上一访视 -->
|
||||
<div>{{ $t('trials:readingPeriod:table:lastVisit') }}</div>
|
||||
<div>{{ scope.row.Data[i-1].OutPlanPreviousVisitName }} </div>
|
||||
</div>
|
||||
<div v-if="scope.row.Data[i-1].ModuleType === 2 || scope.row.Data[i-1].ModuleType ===3 || scope.row.Data[i-1].ModuleType ===5" style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
|
||||
<!-- 截止访视： -->
|
||||
<div>{{ $t('trials:readingPeriod:table:deadlineVisit') }}</div>
|
||||
<div>{{ scope.row.Data[i-1].CutOffVisitName }}</div>
|
||||
</div>
|
||||
<div v-if="scope.row.Data[i-1].ModuleType ===4 " style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
|
||||
<!-- 对应阅片期： -->
|
||||
<div>{{ $t('trials:readingPeriod:table:correspondVisit2') }}</div>
|
||||
<div>{{ scope.row.Data[i-1].ReadModuleName }}</div>
|
||||
</div>
|
||||
<div v-if="otherInfo.ExistClinicalData" style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
|
||||
<div>
|
||||
<!-- 临床资料 -->
|
||||
{{ $t('trials:readingPeriod:table:clinicalInfo2') }}
|
||||
<el-link v-if="(scope.row.Data[i-1].IsVisit && otherInfo.IsExistsSubjectClinicalData && scope.row.Data[i-1].IsBaseLine) ||(scope.row.Data[i-1].IsVisit && otherInfo.IsExistsVisitClinicalData) || (!scope.row.Data[i-1].IsVisit && otherInfo.IsExistsReadingClinicalData)" type="danger" @click="handleView(scope.row,scope.row.Data[i-1])">
|
||||
{{ $t('trials:readingPeriod:button:view') }}
|
||||
</el-link>
|
||||
<span v-else>{{ $t('trials:readingPeriod:table:noCD') }}</span>
|
||||
{{ $t('trials:readingPeriod:table:lastVisit') }}
|
||||
</div>
|
||||
<!-- <div >-->
|
||||
|
||||
<!-- </div>-->
|
||||
<!-- <div >-->
|
||||
|
||||
<!-- </div>-->
|
||||
<div>
|
||||
{{ scope.row.Data[i - 1].OutPlanPreviousVisitName }}
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="
|
||||
scope.row.Data[i - 1].ModuleType === 2 ||
|
||||
scope.row.Data[i - 1].ModuleType === 3 ||
|
||||
scope.row.Data[i - 1].ModuleType === 5
|
||||
" style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
">
|
||||
<!-- 截止访视： -->
|
||||
<div>
|
||||
{{ $t('trials:readingPeriod:table:deadlineVisit') }}
|
||||
</div>
|
||||
<div>{{ scope.row.Data[i - 1].CutOffVisitName }}</div>
|
||||
</div>
|
||||
<div v-if="scope.row.Data[i - 1].ModuleType === 4" style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
">
|
||||
<!-- 对应阅片期： -->
|
||||
<div>
|
||||
{{
|
||||
$t('trials:readingPeriod:table:correspondVisit2')
|
||||
}}
|
||||
</div>
|
||||
<div>{{ scope.row.Data[i - 1].ReadModuleName }}</div>
|
||||
</div>
|
||||
<div v-if="otherInfo.ExistClinicalData" style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
">
|
||||
</div>
|
||||
<div>
|
||||
<el-link style="color:#428bca" @click="handleDetail(scope.row,scope.row.Data[i-1])">
|
||||
<el-link style="color: #428bca; margin-right: 5px" @click="
|
||||
handleDetail(scope.row, scope.row.Data[i - 1])
|
||||
">
|
||||
{{ $t('trials:readingPeriod:button:detail') }}
|
||||
</el-link>
|
||||
<el-link v-if="scope.row.Data[i - 1].IsCanChangeCutOffVisit" style="color:#428bca" @click="handleEdit(scope.row,scope.row.Data[i-1])">
|
||||
<el-link style="color: #428bca; margin-right: 5px"
|
||||
v-if="scope.row.Data[i - 1].IsCanChangeCutOffVisit"
|
||||
@click="handleEdit(scope.row, scope.row.Data[i - 1])">
|
||||
{{ $t('common:button:edit') }}
|
||||
</el-link>
|
||||
<el-link
|
||||
v-if="(scope.row.Data[i-1].ModuleType === 3 || scope.row.Data[i-1].ModuleType === 5) && scope.row.Data[i-1].ReadingStatus < 4"
|
||||
v-hasPermi="['trials:trials-panel:subject:readingPeriod:edit']"
|
||||
style="color:#428bca"
|
||||
@click="handleDelete(scope.row.Data[i-1])"
|
||||
>
|
||||
<el-link style="color: #428bca; margin-right: 5px" v-if="
|
||||
(scope.row.Data[i - 1].ModuleType === 3 ||
|
||||
scope.row.Data[i - 1].ModuleType === 5) &&
|
||||
scope.row.Data[i - 1].ReadingStatus < 4
|
||||
" v-hasPermi="[
|
||||
'trials:trials-panel:subject:readingPeriod:edit',
|
||||
]" @click="handleDelete(scope.row.Data[i - 1])">
|
||||
{{ $t('trials:readingPeriod:button:delete') }}
|
||||
</el-link>
|
||||
</div>
|
||||
|
|
@ -206,40 +218,40 @@
|
|||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
<!-- <el-table-column
|
||||
v-if="(otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) && ReadingInfoSignTime && hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])"
|
||||
fixed="right"
|
||||
:label="$t('common:action:action')"
|
||||
width="150"
|
||||
>
|
||||
<el-table-column v-if="
|
||||
hasPermi([
|
||||
'trials:trials-panel:subject:readingPeriod:edit',
|
||||
]) && ReadingInfoSignTime
|
||||
" :fixed="(otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) &&
|
||||
ReadingInfoSignTime &&
|
||||
hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])
|
||||
? 'right'
|
||||
: false
|
||||
" :label="(otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) &&
|
||||
ReadingInfoSignTime &&
|
||||
hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])
|
||||
? $t('common:action:action')
|
||||
: ''
|
||||
" :width="(otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) &&
|
||||
ReadingInfoSignTime &&
|
||||
hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])
|
||||
? '150px'
|
||||
: '80px'
|
||||
">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
v-if="otherInfo.IsReadingPeriod"
|
||||
circle
|
||||
:title="$t('trials:readingPeriod:buttton:addSubjectImageRP')"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd(scope.row,0)"
|
||||
/>
|
||||
<el-button
|
||||
v-if="isClinicalReading"
|
||||
circle
|
||||
:title="$t('trials:readingPeriod:buttton:addSubjectOncologyRP')"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd(scope.row,1)"
|
||||
/>
|
||||
<el-button v-if="otherInfo.IsReadingPeriod" circle :title="$t('trials:readingPeriod:buttton:addSubjectImageRP')
|
||||
" icon="el-icon-plus" @click="handleAdd(scope.row, 0)" />
|
||||
<el-button v-if="isClinicalReading" circle :title="$t('trials:readingPeriod:buttton:addSubjectOncologyRP')
|
||||
" icon="el-icon-plus" @click="handleAdd(scope.row, 1)" />
|
||||
</template>
|
||||
</el-table-column> -->
|
||||
</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
|
||||
v-if="dialogVisible"
|
||||
:title="$t('trials:rpDetail:dialogTitle:detail')"
|
||||
:visible.sync="dialogVisible"
|
||||
width="600px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<el-dialog v-if="dialogVisible" :title="$t('trials:rpDetail:dialogTitle:detail')"
|
||||
:visible.sync="dialogVisible" width="600px" :close-on-click-modal="false">
|
||||
<el-descriptions :column="2" border>
|
||||
<!-- 阅片期名称 -->
|
||||
<el-descriptions-item :label="$t('trials:readingPeriod:table:readingName')">
|
||||
|
|
@ -247,41 +259,26 @@
|
|||
</el-descriptions-item>
|
||||
<!-- 阅片期类型 -->
|
||||
<el-descriptions-item :label="$t('trials:readingPeriod:table:readingType')">
|
||||
{{ $fd('ModuleTypeEnum',currentData.ModuleType) }}
|
||||
{{ $fd('ModuleTypeEnum', currentData.ModuleType) }}
|
||||
</el-descriptions-item>
|
||||
<!-- 是否加急 -->
|
||||
<!-- <el-descriptions-item label="是否加急"> <el-tag size="small">{{ $fd('YesOrNo',currentData.IsUrgent) }}</el-tag></el-descriptions-item> -->
|
||||
<!-- 进度 -->
|
||||
<el-descriptions-item :label="$t('trials:readingPeriod:table:readingSchedule')">
|
||||
{{ $fd('ReadModuleEnum',currentData.ReadingStatus) }}
|
||||
{{ $fd('ReadModuleEnum', currentData.ReadingStatus) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
v-if="currentData.CutOffVisitName"
|
||||
:label="$t('trials:readingPeriod:table:deadlineVisit')"
|
||||
>
|
||||
<el-descriptions-item v-if="currentData.CutOffVisitName"
|
||||
:label="$t('trials:readingPeriod:table:deadlineVisit')">
|
||||
{{ currentData.CutOffVisitName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
v-if="currentData.OutPlanPreviousVisitName"
|
||||
:label="$t('trials:readingPeriod:table:lastVisit')"
|
||||
>
|
||||
<el-descriptions-item v-if="currentData.OutPlanPreviousVisitName"
|
||||
:label="$t('trials:readingPeriod:table:lastVisit')">
|
||||
{{ currentData.OutPlanPreviousVisitName }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
v-if="currentData.ReadModuleName"
|
||||
:label="$t('trials:readingPeriod:table:correspondVisit')"
|
||||
>
|
||||
<el-descriptions-item v-if="currentData.ReadModuleName"
|
||||
:label="$t('trials:readingPeriod:table:correspondVisit')">
|
||||
{{ currentData.ReadModuleName }}
|
||||
</el-descriptions-item>
|
||||
<!-- 临床资料 -->
|
||||
<el-descriptions-item v-if="otherInfo.ExistClinicalData" :label="$t('trials:readingPeriod:table:clinicalInfo')">
|
||||
<template v-if="(currentData.IsVisit && otherInfo.IsExistsSubjectClinicalData && currentData.IsBaseLine) ||(currentData.IsVisit && otherInfo.IsExistsVisitClinicalData) || (!currentData.IsVisit && otherInfo.IsExistsReadingClinicalData)">
|
||||
<el-link @click="view">{{ $t('trials:readingPeriod:button:view') }}</el-link>
|
||||
</template>
|
||||
<template v-else>
|
||||
<span>{{ $t('trials:readingPeriod:table:noCD') }}</span>
|
||||
</template>
|
||||
</el-descriptions-item>
|
||||
<!-- 当前干系人 -->
|
||||
<el-descriptions-item :label="$t('trials:readingPeriod:table:stakeholder')" :span="2">
|
||||
{{ currentData.Stakeholders }}
|
||||
|
|
@ -290,53 +287,33 @@
|
|||
</el-dialog>
|
||||
|
||||
<!-- 设置阅片期 -->
|
||||
<el-dialog
|
||||
v-if="readPeriodVisible"
|
||||
:title="$t('trials:rpManage:dialogTitle:setRP')"
|
||||
:visible.sync="readPeriodVisible"
|
||||
width="1400px"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<ReadingPeriod
|
||||
:trial-id="trialId"
|
||||
:trial-reading-criterion-id="TrialReadingCriterionId"
|
||||
:is-clinical-reading="isClinicalReading"
|
||||
:is-global-reading="otherInfo.IsReadingPeriod"
|
||||
@getList="getList"
|
||||
/>
|
||||
<el-dialog v-if="readPeriodVisible" :title="$t('trials:rpManage:dialogTitle:setRP')"
|
||||
:visible.sync="readPeriodVisible" width="1400px" :close-on-click-modal="false">
|
||||
<ReadingPeriod :trial-id="trialId" :trial-reading-criterion-id="TrialReadingCriterionId"
|
||||
:is-clinical-reading="isClinicalReading" :is-global-reading="otherInfo.IsReadingPeriod"
|
||||
@getList="getList" />
|
||||
</el-dialog>
|
||||
|
||||
<!-- 临床资料 -->
|
||||
<el-dialog
|
||||
v-if="clinicalDataVisible"
|
||||
:title="`${$t('trials:readingPeriod:dialogTitle:clinicalData')}（${currentData.SubjectCode}|${currentData.Name}|${currentData.CriterionName}）`"
|
||||
:visible.sync="clinicalDataVisible"
|
||||
:close-on-click-modal="false"
|
||||
append-to-body
|
||||
>
|
||||
<ClinicalData :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="currentData" />
|
||||
<el-dialog v-if="clinicalDataVisible" :title="`${$t(
|
||||
'trials:readingPeriod:dialogTitle:clinicalData'
|
||||
)}（${currentData.SubjectCode}|${currentData.Name}|${currentData.CriterionName
|
||||
}）`" :visible.sync="clinicalDataVisible" :close-on-click-modal="false" append-to-body width="70%">
|
||||
<ClinicalData :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId"
|
||||
:data="currentData" @getList="getList" />
|
||||
</el-dialog>
|
||||
<!-- 添加受试者阅片期 -->
|
||||
<el-dialog
|
||||
v-if="subjectPeriod.visible"
|
||||
:title="subjectPeriod.title"
|
||||
:visible.sync="subjectPeriod.visible"
|
||||
width="500px"
|
||||
custom-class="base-dialog-wrapper"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<SubjectPR :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="param" @close="subjectPeriod.visible = false" @getList="getList" />
|
||||
<el-dialog v-if="subjectPeriod.visible" :title="subjectPeriod.title" :visible.sync="subjectPeriod.visible"
|
||||
width="500px" custom-class="base-dialog-wrapper" :close-on-click-modal="false">
|
||||
<SubjectPR :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="param"
|
||||
@close="subjectPeriod.visible = false" @getList="getList" />
|
||||
</el-dialog>
|
||||
<!-- 编辑受试者阅片期 -->
|
||||
<el-dialog
|
||||
v-if="subjectPeriodEdit.visible"
|
||||
:title="subjectPeriodEdit.title"
|
||||
:visible.sync="subjectPeriodEdit.visible"
|
||||
width="500px"
|
||||
custom-class="base-dialog-wrapper"
|
||||
:close-on-click-modal="false"
|
||||
>
|
||||
<SubjectPR :type="'edit'" :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="param" @close="subjectPeriodEdit.visible = false" @getList="getList" />
|
||||
<el-dialog v-if="subjectPeriodEdit.visible" :title="subjectPeriodEdit.title"
|
||||
:visible.sync="subjectPeriodEdit.visible" width="500px" custom-class="base-dialog-wrapper"
|
||||
:close-on-click-modal="false">
|
||||
<SubjectPR :type="'edit'" :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId"
|
||||
:data="param" @close="subjectPeriodEdit.visible = false" @getList="getList" />
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -345,8 +322,17 @@
|
|||
</BaseContainer>
|
||||
</template>
|
||||
<script>
|
||||
import { getReadModuleList, deleteReadModule, getReadModule, getTrialSiteSelect, getTrialCriterionList } from '@/api/trials'
|
||||
import { getReadingPeriodList_Export, getSubjectProgress_Export } from '@/api/export'
|
||||
import {
|
||||
getReadModuleList,
|
||||
deleteReadModule,
|
||||
getReadModule,
|
||||
getTrialSiteSelect,
|
||||
getTrialCriterionList,
|
||||
} from '@/api/trials'
|
||||
import {
|
||||
getReadingPeriodList_Export,
|
||||
getSubjectProgress_Export,
|
||||
} from '@/api/export'
|
||||
import BaseContainer from '@/components/BaseContainer'
|
||||
import Pagination from '@/components/Pagination'
|
||||
import ReadingPeriod from './components/RPList'
|
||||
|
|
@ -359,14 +345,21 @@ const searchDataDefault = () => {
|
|||
ModuleType: null,
|
||||
ReadingStatus: null,
|
||||
Name: '',
|
||||
CompleteClinicalData: '',
|
||||
PageIndex: 1,
|
||||
PageSize: 20
|
||||
PageSize: 20,
|
||||
}
|
||||
}
|
||||
const MinPlanCount = 10
|
||||
export default {
|
||||
name: 'TrialsNotice',
|
||||
components: { BaseContainer, Pagination, ReadingPeriod, ClinicalData, SubjectPR },
|
||||
components: {
|
||||
BaseContainer,
|
||||
Pagination,
|
||||
ReadingPeriod,
|
||||
ClinicalData,
|
||||
SubjectPR,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
searchData: searchDataDefault(),
|
||||
|
|
@ -377,8 +370,14 @@ export default {
|
|||
dialogVisible: false,
|
||||
readPeriodVisible: false,
|
||||
clinicalDataVisible: false,
|
||||
subjectPeriod: { visible: false, title: this.$t('trials:readingPeriod:dialogTitle:addSubjectPR') },
|
||||
subjectPeriodEdit: { visible: false, title: this.$t('trials:readingPeriod:dialogTitle:EditSubjectPR') },
|
||||
subjectPeriod: {
|
||||
visible: false,
|
||||
title: this.$t('trials:readingPeriod:dialogTitle:addSubjectPR'),
|
||||
},
|
||||
subjectPeriodEdit: {
|
||||
visible: false,
|
||||
title: this.$t('trials:readingPeriod:dialogTitle:EditSubjectPR'),
|
||||
},
|
||||
trialId: this.$route.query.trialId,
|
||||
currentData: {},
|
||||
param: {},
|
||||
|
|
@ -387,21 +386,21 @@ export default {
|
|||
otherInfo: {},
|
||||
trialCriterionList: [],
|
||||
TrialReadingCriterionId: '0',
|
||||
ReadingInfoSignTime: null
|
||||
ReadingInfoSignTime: null,
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
TrialReadingCriterionId(v) {
|
||||
if (v) {
|
||||
this.getList()
|
||||
this.ReadingInfoSignTime = this.trialCriterionList.find(v => {
|
||||
this.ReadingInfoSignTime = this.trialCriterionList.find((v) => {
|
||||
return v.TrialReadingCriterionId === this.TrialReadingCriterionId
|
||||
}).ReadingInfoSignTime
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.getSite()
|
||||
// this.getSite()
|
||||
this.getTrialCriterionList()
|
||||
},
|
||||
methods: {
|
||||
|
|
@ -409,31 +408,42 @@ export default {
|
|||
this.searchData.TrialId = this.$route.query.trialId
|
||||
this.searchData.TrialReadingCriterionId = this.TrialReadingCriterionId
|
||||
this.loading = true
|
||||
getReadModuleList(this.searchData).then(res => {
|
||||
this.loading = false
|
||||
this.list = res.Result.CurrentPageData
|
||||
this.total = res.Result.TotalCount
|
||||
this.maxLength = res.OtherInfo.MaxLength > MinPlanCount ? res.OtherInfo.MaxLength : MinPlanCount
|
||||
this.isClinicalReading = res.OtherInfo.IsClinicalReading
|
||||
this.otherInfo = res.OtherInfo
|
||||
this.$nextTick(() => {
|
||||
// myTable是表格的ref属性值
|
||||
if (this.$refs.myTable && this.$refs.myTable.doLayout) {
|
||||
this.$refs.myTable.doLayout()
|
||||
}
|
||||
getReadModuleList(this.searchData)
|
||||
.then((res) => {
|
||||
this.loading = false
|
||||
this.list = res.Result.CurrentPageData
|
||||
this.total = res.Result.TotalCount
|
||||
this.maxLength =
|
||||
res.OtherInfo.MaxLength > MinPlanCount
|
||||
? res.OtherInfo.MaxLength
|
||||
: MinPlanCount
|
||||
this.isClinicalReading = res.OtherInfo.IsClinicalReading
|
||||
this.otherInfo = res.OtherInfo
|
||||
this.$nextTick(() => {
|
||||
// myTable是表格的ref属性值
|
||||
if (this.$refs.myTable && this.$refs.myTable.doLayout) {
|
||||
this.$refs.myTable.doLayout()
|
||||
}
|
||||
})
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
}).catch(() => { this.loading = false })
|
||||
},
|
||||
handleAdd(row, type) {
|
||||
this.param = {}
|
||||
this.param.SubjectId = row.SubjectId
|
||||
this.param.SiteId = row.SiteId
|
||||
this.param.TrialSiteId = row.TrialSiteId
|
||||
this.param.SubjectCode = row.SubjectCode
|
||||
this.param.TrialSiteCode = row.TrialSiteCode
|
||||
this.param.TrialId = this.trialId
|
||||
this.param.IsClinicalReading = this.isClinicalReading
|
||||
this.param.ReadingSetType = type
|
||||
this.subjectPeriod.visible = true
|
||||
this.subjectPeriod.title =
|
||||
type === 0
|
||||
? this.$t('trials:readingPeriod:dialogTitle:addSubjectPR')
|
||||
: this.$t('trials:readingPeriod:dialogTitle:addSubjectTumorPR')
|
||||
},
|
||||
handleEdit(row, type) {
|
||||
this.param = { ...type }
|
||||
|
|
@ -443,19 +453,23 @@ export default {
|
|||
handleDelete(row) {
|
||||
this.$confirm(this.$t('trials:readingPeriod:message:sureToDelete'), {
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true
|
||||
distinguishCancelAndClose: true,
|
||||
}).then(() => {
|
||||
this.loading = true
|
||||
deleteReadModule(row.Id)
|
||||
.then((res) => {
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.getList()
|
||||
this.$message.success(
|
||||
this.$t('common:message:deletedSuccessfully')
|
||||
)
|
||||
}
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
})
|
||||
.then(() => {
|
||||
this.loading = true
|
||||
deleteReadModule(row.Id)
|
||||
.then(res => {
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.getList()
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
}
|
||||
}).catch(() => { this.loading = false })
|
||||
})
|
||||
},
|
||||
handleReadingPeriod() {
|
||||
this.readPeriodVisible = true
|
||||
|
|
@ -474,37 +488,46 @@ export default {
|
|||
id: ReadingPlan.Id,
|
||||
TrialReadingCriterionId: this.TrialReadingCriterionId,
|
||||
// subjectId: row.SubjectId
|
||||
subjectId: ReadingPlan.SubjectId
|
||||
subjectId: ReadingPlan.SubjectId,
|
||||
}
|
||||
getReadModule(param).then(res => {
|
||||
this.currentData = Object.assign({}, ReadingPlan)
|
||||
// this.currentData.SubjectId = row.SubjectId
|
||||
// this.currentData.SiteId = row.SiteId
|
||||
// this.currentData.TrialId = this.trialId
|
||||
this.currentData.Stakeholders = res.Result.StakeholderNames.join(', ')
|
||||
this.dialogVisible = true
|
||||
this.loading = false
|
||||
}).catch(() => { this.loading = false })
|
||||
getReadModule(param)
|
||||
.then((res) => {
|
||||
this.currentData = Object.assign({}, ReadingPlan)
|
||||
// this.currentData.SubjectId = row.SubjectId
|
||||
// this.currentData.SiteId = row.SiteId
|
||||
// this.currentData.TrialId = this.trialId
|
||||
this.currentData.Stakeholders = res.Result.StakeholderNames.join(', ')
|
||||
this.dialogVisible = true
|
||||
this.loading = false
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
// 获取site下拉框数据
|
||||
getSite() {
|
||||
getTrialSiteSelect(this.trialId).then(res => {
|
||||
getTrialSiteSelect(this.trialId).then((res) => {
|
||||
this.siteOptions = res.Result
|
||||
})
|
||||
},
|
||||
handleExportSubject() {
|
||||
getSubjectProgress_Export(this.searchData).then(res => {
|
||||
}).catch(() => {})
|
||||
getSubjectProgress_Export(this.searchData)
|
||||
.then((res) => { })
|
||||
.catch(() => { })
|
||||
},
|
||||
handleExportPeriod() {
|
||||
getReadingPeriodList_Export(this.searchData).then(res => {
|
||||
}).catch(() => {})
|
||||
getReadingPeriodList_Export(this.searchData)
|
||||
.then((res) => { })
|
||||
.catch(() => { })
|
||||
},
|
||||
getTrialCriterionList() {
|
||||
getTrialCriterionList(this.trialId, false).then(res => {
|
||||
this.trialCriterionList = res.Result
|
||||
this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
|
||||
}).catch(() => {})
|
||||
getTrialCriterionList(this.trialId, false)
|
||||
.then((res) => {
|
||||
this.trialCriterionList = res.Result
|
||||
this.TrialReadingCriterionId =
|
||||
this.trialCriterionList[0].TrialReadingCriterionId
|
||||
})
|
||||
.catch(() => { })
|
||||
},
|
||||
handleSearch() {
|
||||
this.searchData.PageIndex = 1
|
||||
|
|
@ -533,7 +556,11 @@ export default {
|
|||
}
|
||||
},
|
||||
cellStyle({ row, column, rowIndex, columnIndex }) {
|
||||
if (columnIndex > 2 && (row.Data.length >= columnIndex - 2) && column.property) {
|
||||
if (
|
||||
columnIndex > 2 &&
|
||||
row.Data.length >= columnIndex - 2 &&
|
||||
column.property
|
||||
) {
|
||||
const index = column.property.substring(4) * 1
|
||||
// 0 计划内访视; 1 计划外访视; 2 阅片期; 3 全局阅片; 4 裁判; 5肿瘤学
|
||||
const type = row.Data[index].ModuleType
|
||||
|
|
@ -544,39 +571,62 @@ export default {
|
|||
return { 'vertical-align': 'top' }
|
||||
} else if ((type === 0 || type === 1) && status === 1) {
|
||||
// 计划访视 影像质控 （蓝色）
|
||||
return { 'background-color': 'rgb(189,215,238)', 'vertical-align': 'top' }
|
||||
return {
|
||||
'background-color': 'rgb(189,215,238)',
|
||||
'vertical-align': 'top',
|
||||
}
|
||||
} else if ((type === 0 || type === 1) && status === 2) {
|
||||
// 计划访视 一致性核查 （黄色）
|
||||
return { 'background-color': 'rgb(255,217,102)', 'vertical-align': 'top' }
|
||||
return {
|
||||
'background-color': 'rgb(255,217,102)',
|
||||
'vertical-align': 'top',
|
||||
}
|
||||
} else if ((type === 0 || type === 1) && status === 3) {
|
||||
// 计划访视 任务分配 （绿色）
|
||||
return { 'background-color': 'rgb(169,208,142)', 'vertical-align': 'top' }
|
||||
return {
|
||||
'background-color': 'rgb(169,208,142)',
|
||||
'vertical-align': 'top',
|
||||
}
|
||||
} else if ((type === 0 || type === 1) && status === 4) {
|
||||
// 计划访视 影像阅片 （绿色）
|
||||
return { 'background-color': 'rgb(169,208,142)', 'vertical-align': 'top' }
|
||||
return {
|
||||
'background-color': 'rgb(169,208,142)',
|
||||
'vertical-align': 'top',
|
||||
}
|
||||
} else if ((type === 0 || type === 1) && status === 5) {
|
||||
// 计划访视 阅片完成 （橙色）
|
||||
return { 'background-color': 'rgb(244,176,132)', 'vertical-align': 'top' }
|
||||
return {
|
||||
'background-color': 'rgb(244,176,132)',
|
||||
'vertical-align': 'top',
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
>>>.hidden-row{
|
||||
display: none;
|
||||
}
|
||||
>>>.el-dialog__body {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
>>>.el-dialog__header {
|
||||
padding: 10px 20px;
|
||||
.reading-period {
|
||||
::v-deep.search {
|
||||
padding: 0px !important;
|
||||
}
|
||||
}
|
||||
|
||||
>>>.el-tag--danger.el-tag--dark {
|
||||
// background-color: #f56c6c!important;
|
||||
border-color: none!important;
|
||||
// color: #fff!important;
|
||||
}
|
||||
::v-deep .hidden-row {
|
||||
display: none;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
|
||||
::v-deep .el-dialog__header {
|
||||
padding: 10px 20px;
|
||||
}
|
||||
|
||||
::v-deep .el-tag--danger.el-tag--dark {
|
||||
// background-color: #f56c6c!important;
|
||||
border-color: none !important;
|
||||
// color: #fff!important;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
Loading…
Reference in New Issue