阅片期操作按钮样式问题
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
a887e686a8
commit
d729c4d34e
|
|
@ -1,15 +1,27 @@
|
|||
<template>
|
||||
<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">
|
||||
<div v-if="TrialReadingCriterionId === 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-select v-model="searchData.TrialSiteCode" clearable filterable style="width:120px;">
|
||||
<el-select
|
||||
v-model="searchData.TrialSiteCode"
|
||||
clearable
|
||||
filterable
|
||||
style="width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="(site,index) of siteOptions"
|
||||
v-for="(site, index) of siteOptions"
|
||||
:key="index"
|
||||
:label="site.TrialSiteCode"
|
||||
:value="site.TrialSiteCode"
|
||||
|
|
@ -17,16 +29,24 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 受试者编号 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:subjectCode')">
|
||||
<el-form-item
|
||||
:label="$t('trials:readingPeriod:table:subjectCode')"
|
||||
>
|
||||
<el-input
|
||||
v-model="searchData.SubjectCode"
|
||||
style="width:100px;"
|
||||
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-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"
|
||||
|
|
@ -36,8 +56,14 @@
|
|||
</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-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"
|
||||
|
|
@ -47,16 +73,24 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 阅片名称 -->
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:readingName')">
|
||||
<el-form-item
|
||||
:label="$t('trials:readingPeriod:table:readingName')"
|
||||
>
|
||||
<el-input
|
||||
v-model="searchData.Name"
|
||||
style="width:100px;"
|
||||
style="width: 100px"
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item :label="$t('trials:readingPeriod:table:completeClinicalData')">
|
||||
<el-select v-model="searchData.CompleteClinicalData" clearable style="width:120px">
|
||||
|
||||
<el-form-item
|
||||
:label="$t('trials:readingPeriod:table:completeClinicalData')"
|
||||
>
|
||||
<el-select
|
||||
v-model="searchData.CompleteClinicalData"
|
||||
clearable
|
||||
style="width: 120px"
|
||||
>
|
||||
<el-option
|
||||
v-for="item of $d.CompleteClinicalDataEnum"
|
||||
:key="item.value"
|
||||
|
|
@ -66,24 +100,45 @@
|
|||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-search"
|
||||
@click="handleSearch"
|
||||
>
|
||||
{{ $t('common:button:search') }}
|
||||
</el-button>
|
||||
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-refresh-left"
|
||||
@click="handleReset"
|
||||
>
|
||||
{{ $t('common:button:reset') }}
|
||||
</el-button>
|
||||
<!--导出受试者进展表-->
|
||||
<el-button type="primary" icon="el-icon-download" @click="handleExportSubject">
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-download"
|
||||
@click="handleExportSubject"
|
||||
>
|
||||
{{ $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
|
||||
v-if="ReadingInfoSignTime && (otherInfo.IsClinicalReading || otherInfo.IsReadingPeriod)"
|
||||
v-hasPermi="['trials:trials-panel:subject:readingPeriod:edit']"
|
||||
v-if="
|
||||
ReadingInfoSignTime &&
|
||||
(otherInfo.IsClinicalReading || otherInfo.IsReadingPeriod)
|
||||
"
|
||||
v-hasPermi="[
|
||||
'trials:trials-panel:subject:readingPeriod:edit',
|
||||
]"
|
||||
type="primary"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="handleReadingPeriod"
|
||||
|
|
@ -96,7 +151,7 @@
|
|||
<div slot="main-container">
|
||||
<el-table
|
||||
ref="myTable"
|
||||
v-adaptive="{bottomOffset:135}"
|
||||
v-adaptive="{ bottomOffset: 135 }"
|
||||
v-loading="loading"
|
||||
:data="list"
|
||||
stripe
|
||||
|
|
@ -133,80 +188,229 @@
|
|||
<el-table-column
|
||||
v-for="i in maxLength"
|
||||
:key="`${i}`"
|
||||
:prop="`Plan${i-1}`"
|
||||
:prop="`Plan${i - 1}`"
|
||||
label=""
|
||||
width="240"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<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 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>
|
||||
<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="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
|
||||
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="
|
||||
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>
|
||||
{{ $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
|
||||
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>
|
||||
{{ $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
|
||||
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>
|
||||
{{
|
||||
$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 style="display: flex;justify-content: space-between;width: 100%">
|
||||
<div
|
||||
v-if="otherInfo.ExistClinicalData"
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px solid #d9d9d9;
|
||||
margin-bottom: 8px;
|
||||
padding-bottom: 8px;
|
||||
"
|
||||
>
|
||||
<div
|
||||
style="
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 100%;
|
||||
"
|
||||
>
|
||||
<!-- 临床资料 -->
|
||||
<div>
|
||||
<el-tooltip v-if="scope.row.Data[i-1].CompleteClinicalData===0" class="item" effect="dark" :content="$t('trials:readingPeriod:table:clinicalDataNotComplete')" placement="bottom">
|
||||
<i class="el-icon-warning" style="color:red" />
|
||||
<div>
|
||||
<el-tooltip
|
||||
v-if="
|
||||
scope.row.Data[i - 1].CompleteClinicalData === 0
|
||||
"
|
||||
class="item"
|
||||
effect="dark"
|
||||
:content="
|
||||
$t(
|
||||
'trials:readingPeriod:table:clinicalDataNotComplete'
|
||||
)
|
||||
"
|
||||
placement="bottom"
|
||||
>
|
||||
<i class="el-icon-warning" style="color: red" />
|
||||
</el-tooltip>
|
||||
{{ $t('trials:readingPeriod:table:clinicalInfo2') }}
|
||||
</div>
|
||||
<el-link type="danger" 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.IsExistsStudyClinicalData) || (!scope.row.Data[i-1].IsVisit && otherInfo.IsExistsReadingClinicalData && scope.row.Data[i-1].ModuleType === 3) || (!scope.row.Data[i-1].IsVisit && otherInfo.IsExistsOncologyReadClinicalData && scope.row.Data[i-1].ModuleType === 5)" @click="handleView(scope.row,scope.row.Data[i-1])">
|
||||
<el-link
|
||||
type="danger"
|
||||
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.IsExistsStudyClinicalData) ||
|
||||
(!scope.row.Data[i - 1].IsVisit &&
|
||||
otherInfo.IsExistsReadingClinicalData &&
|
||||
scope.row.Data[i - 1].ModuleType === 3) ||
|
||||
(!scope.row.Data[i - 1].IsVisit &&
|
||||
otherInfo.IsExistsOncologyReadClinicalData &&
|
||||
scope.row.Data[i - 1].ModuleType === 5)
|
||||
"
|
||||
@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>
|
||||
<span v-else>{{
|
||||
$t('trials:readingPeriod:table:noCD')
|
||||
}}</span>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<el-link style="color:#428bca;margin-right: 5px" @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 style="color:#428bca;margin-right: 5px" v-if="scope.row.Data[i - 1].IsCanChangeCutOffVisit" @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
|
||||
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])"
|
||||
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>
|
||||
|
|
@ -216,31 +420,63 @@
|
|||
</el-table-column>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])"
|
||||
: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' "
|
||||
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')"
|
||||
:title="
|
||||
$t('trials:readingPeriod:buttton:addSubjectImageRP')
|
||||
"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd(scope.row,0)"
|
||||
@click="handleAdd(scope.row, 0)"
|
||||
/>
|
||||
<el-button
|
||||
v-if="isClinicalReading"
|
||||
circle
|
||||
:title="$t('trials:readingPeriod:buttton:addSubjectOncologyRP')"
|
||||
:title="
|
||||
$t('trials:readingPeriod:buttton:addSubjectOncologyRP')
|
||||
"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd(scope.row,1)"
|
||||
@click="handleAdd(scope.row, 1)"
|
||||
/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<!-- 分页组件 -->
|
||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
|
||||
<pagination
|
||||
class="page"
|
||||
:total="total"
|
||||
:page.sync="searchData.PageIndex"
|
||||
:limit.sync="searchData.PageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
<!-- 详情 -->
|
||||
<el-dialog
|
||||
v-if="dialogVisible"
|
||||
|
|
@ -251,18 +487,24 @@
|
|||
>
|
||||
<el-descriptions :column="2" border>
|
||||
<!-- 阅片期名称 -->
|
||||
<el-descriptions-item :label="$t('trials:readingPeriod:table:readingName')">
|
||||
<el-descriptions-item
|
||||
:label="$t('trials:readingPeriod:table:readingName')"
|
||||
>
|
||||
{{ currentData.Name }}
|
||||
</el-descriptions-item>
|
||||
<!-- 阅片期类型 -->
|
||||
<el-descriptions-item :label="$t('trials:readingPeriod:table:readingType')">
|
||||
{{ $fd('ModuleTypeEnum',currentData.ModuleType) }}
|
||||
<el-descriptions-item
|
||||
:label="$t('trials:readingPeriod:table:readingType')"
|
||||
>
|
||||
{{ $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) }}
|
||||
<el-descriptions-item
|
||||
:label="$t('trials:readingPeriod:table:readingSchedule')"
|
||||
>
|
||||
{{ $fd('ReadModuleEnum', currentData.ReadingStatus) }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item
|
||||
v-if="currentData.CutOffVisitName"
|
||||
|
|
@ -283,16 +525,34 @@
|
|||
{{ 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>
|
||||
<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">
|
||||
<el-descriptions-item
|
||||
:label="$t('trials:readingPeriod:table:stakeholder')"
|
||||
:span="2"
|
||||
>
|
||||
{{ currentData.Stakeholders }}
|
||||
</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
|
|
@ -318,13 +578,22 @@
|
|||
<!-- 临床资料 -->
|
||||
<el-dialog
|
||||
v-if="clinicalDataVisible"
|
||||
:title="`${$t('trials:readingPeriod:dialogTitle:clinicalData')}（${currentData.SubjectCode}|${currentData.Name}|${currentData.CriterionName}）`"
|
||||
: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"/>
|
||||
<ClinicalData
|
||||
:trial-reading-criterion-id="TrialReadingCriterionId"
|
||||
:trial-id="trialId"
|
||||
:data="currentData"
|
||||
@getList="getList"
|
||||
/>
|
||||
</el-dialog>
|
||||
<!-- 添加受试者阅片期 -->
|
||||
<el-dialog
|
||||
|
|
@ -335,7 +604,13 @@
|
|||
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" />
|
||||
<SubjectPR
|
||||
:trial-reading-criterion-id="TrialReadingCriterionId"
|
||||
:trial-id="trialId"
|
||||
:data="param"
|
||||
@close="subjectPeriod.visible = false"
|
||||
@getList="getList"
|
||||
/>
|
||||
</el-dialog>
|
||||
<!-- 编辑受试者阅片期 -->
|
||||
<el-dialog
|
||||
|
|
@ -346,7 +621,14 @@
|
|||
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" />
|
||||
<SubjectPR
|
||||
:type="'edit'"
|
||||
:trial-reading-criterion-id="TrialReadingCriterionId"
|
||||
:trial-id="trialId"
|
||||
:data="param"
|
||||
@close="subjectPeriodEdit.visible = false"
|
||||
@getList="getList"
|
||||
/>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -355,8 +637,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'
|
||||
|
|
@ -371,13 +662,19 @@ const searchDataDefault = () => {
|
|||
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(),
|
||||
|
|
@ -388,8 +685,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: {},
|
||||
|
|
@ -398,43 +701,49 @@ 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.getTrialCriterionList()
|
||||
},
|
||||
methods: {
|
||||
|
||||
getList() {
|
||||
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 = {}
|
||||
|
|
@ -446,29 +755,36 @@ export default {
|
|||
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')
|
||||
this.subjectPeriod.title =
|
||||
type === 0
|
||||
? this.$t('trials:readingPeriod:dialogTitle:addSubjectPR')
|
||||
: this.$t('trials:readingPeriod:dialogTitle:addSubjectTumorPR')
|
||||
},
|
||||
handleEdit(row, type) {
|
||||
this.param = {...type}
|
||||
this.param = { ...type }
|
||||
this.param.VisitStageId = this.param.CutOffVisitId
|
||||
this.subjectPeriodEdit.visible = true
|
||||
},
|
||||
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
|
||||
|
|
@ -487,37 +803,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
|
||||
|
|
@ -546,7 +871,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
|
||||
|
|
@ -557,44 +886,59 @@ 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>
|
||||
.reading-period{
|
||||
::v-deep.search {
|
||||
padding: 0px !important;
|
||||
}
|
||||
}
|
||||
::v-deep .hidden-row{
|
||||
display: none;
|
||||
}
|
||||
::v-deep .el-dialog__body {
|
||||
padding: 0px 20px;
|
||||
}
|
||||
::v-deep .el-dialog__header {
|
||||
padding: 10px 20px;
|
||||
.reading-period {
|
||||
::v-deep.search {
|
||||
padding: 0px !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;
|
||||
}
|
||||
::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