irc_web/.svn/pristine/c2/c29388bb00d9538c58b64157604...

1260 lines
52 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

/* eslint-disable */
<template>
<BaseContainer>
<template slot="search-container">
<el-form :inline="true">
<!-- 中心编号 -->
<el-form-item :label="$t('trials:reviewTrack:table:siteCode')">
<el-select v-model="searchData.SiteId" clearable filterable style="width:120px;">
<el-option
v-for="(item,index) of siteOptions"
:key="index"
:label="item.TrialSiteCode"
:value="item.SiteId"
/>
</el-select>
</el-form-item>
<!-- 受试者编号 -->
<el-form-item :label="$t('trials:reviewTrack:table:subjectCode')">
<el-input v-model="searchData.SubjectCode" style="width:100px;" />
</el-form-item>
<!-- 任务名称 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:taskName')">
<el-input
v-model="searchData.TaskName"
style="width:100px;"
clearable
/>
</el-form-item>
<!-- 阅片人 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:reader')">
<el-select v-model="searchData.DoctorUserId" clearable style="width:120px;">
<el-option v-for="item of DoctorUserList" :key="'DoctorUserId' + item.DoctorUserId" :value="item.DoctorUserId" :label="`${item.UserName}(${item.FullName})`" />
</el-select>
</el-form-item>
<!-- 阅片标准 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:criterionName')">
<el-select v-model="searchData.TrialReadingCriterionId" clearable style="width:120px;">
<el-option v-for="item of trialCriterionList" :key="'TrialReadingCriterionId' + item.TrialReadingCriterionId" :value="item.TrialReadingCriterionId" :label="item.TrialReadingCriterionName" />
</el-select>
</el-form-item>
<!-- 临床数据是否完备 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:completeClinicalDataEnum')">
<el-select v-model="searchData.CompleteClinicalDataEnum" clearable style="width:120px;">
<el-option v-for="item of $d.CompleteClinicalDataEnum" :key="'CompleteClinicalDataEnum' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<!-- 是否加急 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:isUrgent')">
<el-select v-model="searchData.IsUrgent" clearable style="width:120px;">
<el-option v-for="item of $d.YesOrNo" :key="'IsUrgent' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<!-- 任务状态 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:taskStatus')">
<el-select v-model="searchData.TaskState" clearable style="width:120px;">
<el-option v-for="item of $d.TaskState" :key="'TaskState' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<!-- 任务类型 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:taskType')">
<el-select v-model="searchData.ReadingCategory" clearable style="width:120px;">
<el-option v-for="item of $d.ReadingCategory" :key="'ReadingCategory' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<!-- 阅片状态 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:readingStatus')">
<el-select v-model="searchData.ReadingTaskState" clearable style="width:120px;">
<el-option v-for="item of $d.ReadingTaskState" :key="'ReadingTaskState' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<el-form-item style="margin-bottom:10px" :label="$t('trials:rereadTrack:table:ReReadingApplyState')">
<el-select v-model="searchData.ReReadingApplyState" clearable style="width:120px;">
<el-option v-for="item of $d.ReReadingApplyState" :key="'ReReadingApplyState' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<!-- 分配时间 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewTrack:table:assignTime')">
<el-date-picker
v-model="timeList"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
@change="changeTimeList"
/>
</el-form-item>
<el-form-item style="margin-bottom:10px">
<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">
{{ $t('common:button:reset') }}
</el-button>
<!--导出-->
<el-button type="primary" icon="el-icon-download" @click="handleExport">
{{ $t('common:button:export') }}
</el-button>
<!-- <el-button type="primary" @click="openReadingRules">-->
<!-- 阅片任务规则-->
<!-- </el-button>-->
<!-- <el-button type="primary" @click="openRefereeAllocation">-->
<!-- 设置裁判触发规则-->
<!-- </el-button>-->
</el-form-item>
</el-form>
</template>
<template slot="main-container">
<el-table
v-adaptive="{bottomOffset:60}"
v-loading="loading"
:data="list"
stripe
height="100"
@sort-change="handleSortChange"
>
<!-- 是否加急 -->
<el-table-column
prop="IsUrgent"
:label="$t('trials:reviewTrack:table:isUrgent')"
width="120"
sortable="custom"
align="center"
>
<template slot-scope="scope">
<!-- <el-tag v-if="scope.row.IsUrgent" type="danger">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
<el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag> -->
<el-tooltip placement="top">
<div slot="content">
<span>{{`加急原因:${$fd('TaskUrgentType',scope.row.TaskUrgentType)}`}}</span><br/>
<span>{{scope.row.TaskUrgentRemake?`备注:${scope.row.TaskUrgentRemake}`:''}}</span>
</div>
<div>
<el-button :disabled="!(!scope.row.TaskState && (scope.row.ReadingTaskState === 0 || scope.row.ReadingTaskState === 1)) || !scope.row.IsCanEditUrgentState" v-if="scope.row.IsUrgent" type="danger" size="mini" @click="changeUrgentStatus(scope.row)">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-button>
</div>
</el-tooltip>
<el-button :disabled="!(!scope.row.TaskState && (scope.row.ReadingTaskState === 0 || scope.row.ReadingTaskState === 1)) || !scope.row.IsCanEditUrgentState" v-if="!scope.row.IsUrgent" type="primary" size="mini" @click="changeUrgentStatus(scope.row)">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-button>
</template>
</el-table-column>
<!-- 任务编号 -->
<el-table-column
prop="TaskCode"
:label="$t('trials:reviewTrack:table:taskCode')"
width="120"
sortable="custom"
show-overflow-tooltip
/>
<!-- 中心编号 -->
<el-table-column
prop="TrialSiteCode"
:label="$t('trials:reviewTrack:table:siteCode')"
width="100"
sortable="custom"
show-overflow-tooltip
/>
<!-- 受试者编号 -->
<el-table-column
prop="SubjectCode"
:label="$t('trials:reviewTrack:table:subjectCode')"
min-width="120"
sortable="custom"
show-overflow-tooltip
/>
<!-- 任务名称 -->
<el-table-column
prop="VisitTaskNum"
:label="$t('trials:reviewTrack:table:taskName')"
width="140"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
{{scope.row.TaskName}}
</template>
</el-table-column>
<!-- 盲态任务标识 -->
<el-table-column
prop="TaskBlindName"
:label="$t('trials:reviewTrack:table:blindName')"
width="160"
sortable="custom"
show-overflow-tooltip
/>
<!-- 临床数据是否完备 -->
<el-table-column
prop="CompleteClinicalDataEnum"
:label="$t('trials:reviewTrack:table:completeClinicalDataEnum')"
width="160"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<span v-if="scope.row.CompleteClinicalDataEnum === -1">
{{$fd('CompleteClinicalDataEnum', scope.row.CompleteClinicalDataEnum)}}
</span>
<el-button type="text" v-else @click="handleView(scope.row)">
{{$fd('CompleteClinicalDataEnum', scope.row.CompleteClinicalDataEnum)}}
</el-button>
</template>
</el-table-column>
<!-- 任务创建时间 -->
<el-table-column
prop="CreateTime"
:label="$t('trials:reviewTrack:table:createTime')"
width="180"
sortable="custom"
show-overflow-tooltip
/>
<!-- 任务状态 -->
<el-table-column
prop="TaskState"
:label="$t('trials:reviewTrack:table:taskStatus')"
width="160"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 1" type="info">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 3" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 4" type="warning">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 5" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
</template>
</el-table-column>
<!-- 任务类型 -->
<el-table-column
prop="ReadingCategory"
:label="$t('trials:reviewTrack:table:taskType')"
width="140"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
</template>
</el-table-column>
<!-- 角色 -->
<el-table-column
prop="ArmEnum"
:label="$t('trials:reviewTrack:table:role')"
width="100"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ArmEnum === 0" type="primary">{{ $fd('ArmEnum', scope.row.ArmEnum) }}</el-tag>
<el-tag v-if="scope.row.ArmEnum === 1" type="primary">{{ $fd('ArmEnum', scope.row.ArmEnum) }}</el-tag>
<el-tag v-if="scope.row.ArmEnum === 2" type="success">{{ $fd('ArmEnum', scope.row.ArmEnum) }}</el-tag>
<el-tag v-if="scope.row.ArmEnum === 3" type="info">{{ $fd('ArmEnum', scope.row.ArmEnum) }}</el-tag>
<el-tag v-if="scope.row.ArmEnum === 4" type="danger">{{ $fd('ArmEnum', scope.row.ArmEnum) }}</el-tag>
<el-tag v-if="scope.row.ArmEnum === 5" type="warning">{{ $fd('ArmEnum', scope.row.ArmEnum) }}</el-tag>
</template>
</el-table-column>
<!-- 阅片人 -->
<el-table-column
prop="UserName"
:label="$t('trials:reviewTrack:table:reader')"
width="130"
sortable="custom"
show-overflow-tooltip
>
<template v-if="scope.row.UserName" slot-scope="scope">
{{ scope.row.UserName }}({{ scope.row.FullName }})
</template>
</el-table-column>
<!-- 阅片标准 -->
<el-table-column
prop="TrialReadingCriterionName"
:label="$t('trials:reviewTrack:table:criterionName')"
min-width="180"
sortable="custom"
show-overflow-tooltip
/>
<!-- 分配时间 -->
<el-table-column
prop="AllocateTime"
:label="$t('trials:reviewTrack:table:assignTime')"
width="180"
sortable="custom"
show-overflow-tooltip
/>
<!-- 建议完成时间 -->
<el-table-column
prop="SuggesteFinishedTime"
:label="$t('trials:reviewTrack:table:suggesteFinishedTime')"
width="210"
sortable="custom"
show-overflow-tooltip
/>
<!-- 阅片状态 -->
<el-table-column
prop="ReadingTaskState"
:label="$t('trials:reviewTrack:table:readingStatus')"
width="160"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
<el-tag v-else type="danger">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
</template>
</el-table-column>
<!-- 阅片完成时间 -->
<el-table-column
prop="SignTime"
:label="$t('trials:reviewTrack:table:signTime')"
min-width="180"
sortable="custom"
show-overflow-tooltip
/>
<!-- 申请状态 -->
<el-table-column
prop="ReReadingApplyState"
:label="$t('trials:reviewTrack:table:applyStatus')"
min-width="140"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReReadingApplyState === 4 || scope.row.ReReadingApplyState === 5" type="danger">{{ $fd('ReReadingApplyState', scope.row.ReReadingApplyState) }}</el-tag>
<el-tag v-if="scope.row.ReReadingApplyState === 2" type="primary">{{ $fd('ReReadingApplyState', scope.row.ReReadingApplyState) }}</el-tag>
<el-tag v-if="scope.row.ReReadingApplyState === 3" type="warning">{{ $fd('ReReadingApplyState', scope.row.ReReadingApplyState) }}</el-tag>
</template>
</el-table-column>
<el-table-column
fixed="right"
:label="$t('common:action:action')"
width="260"
>
<template slot-scope="scope">
<!-- 查看阅片结果 -->
<el-button
:disabled="scope.row.ReadingTaskState !== 2"
icon="el-icon-view"
circle
:title="$t('trials:reviewTrack:action:viewResults')"
@click="lookReadingResults(scope.row)"
/>
<!-- 申请重阅 -->
<el-button
:disabled="scope.row.ReadingCategory !== 1 || (scope.row.TaskState !== 0 && scope.row.TaskState !== 5) || scope.row.ReadingTaskState !== 2 || scope.row.ReReadingApplyState === 2 || scope.row.ReReadingApplyState === 4 || scope.row.ReReadingApplyState === 5"
v-if="hasPermi(['trials:trials-panel:readingTracking:edit'])"
icon="el-icon-collection"
circle
:title="$t('trials:reviewTrack:action:applyReread')"
@click="openApplyReReading(scope.row)"
/>
<!-- 退回重阅历史 -->
<el-button
:disabled="!scope.row.ReReadingApplyState"
icon="el-icon-toilet-paper"
circle
:title="$t('trials:reviewTrack:action:backToRereadHistory')"
@click="reReadingHistory(scope.row, 1)"
/>
<!-- 退回 -->
<el-button
:disabled="scope.row.ReadingTaskState === 2 || scope.row.ReadingCategory !== 1 || scope.row.TaskState !== 0"
v-if="hasPermi(['trials:trials-panel:readingTracking:edit'])"
icon="el-icon-back"
circle
:title="$t('trials:reviewTrack:action:back')"
@click="openReReadingOrBackList(scope.row)"
/>
<!-- 退回已影响任务列表 -->
<el-button
:disabled="!scope.row.IsPMSetBack"
icon="el-icon-document-copy"
circle
:title="$t('trials:reviewTrack:action:backToTaskList')"
@click="getInfluencedTaskList(scope.row)"
/>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
<!-- 阅片任务规则 -->
<el-dialog
title="阅片任务规则"
:visible.sync="ReadingRulesVisible"
width="500px"
:close-on-click-modal="false"
custom-class="base-dialog-wrapper"
>
<div class="base-dialog-body" style="position: relative">
<el-form
ref="signForm"
size="small"
label-width="160px"
>
<!-- 呈现对象 -->
<el-form-item label="呈现对象">
<el-radio-group v-model="ReadingRulesInfo.ReadingTaskViewEnum">
<el-radio v-for="item of $d.TaskAllocateObj" :key="'TaskAllocateObjEnum' + item.value" :label="item.value" :disabled="item.value === 1">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
<!-- 呈现顺序 -->
<el-form-item label="呈现顺序">
<el-radio-group v-model="ReadingRulesInfo.IsReadingTaskViewInOrder">
<el-radio v-for="item of $d.IsReadingTaskViewInOrder" :key="'TaskAllocateObjEnum' + item.value" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="ReadingRulesInfo.ReadingTaskViewEnum === 0 && ReadingRulesInfo.IsReadingTaskViewInOrder" label="是否展示受试者信息">
<el-radio-group v-model="ReadingRulesInfo.IsReadingShowSubjectInfo">
<el-radio v-for="item of $d.YesOrNo" :key="'IsReadingShowSubjectInfo' + item.value" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item v-if="ReadingRulesInfo.ReadingTaskViewEnum === 0 && ReadingRulesInfo.IsReadingTaskViewInOrder" label="是否可以查看既往结果">
<el-radio-group v-model="ReadingRulesInfo.IsReadingShowPreviousResults">
<el-radio v-for="item of $d.YesOrNo" :key="'IsReadingShowPreviousResults' + item.value" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item>
</el-form>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<!-- 取消 -->
<el-button
:disabled="btnLoading"
size="small"
type="primary"
@click="handleCancel"
>
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</div>
</el-dialog>
<el-dialog
v-if="RefereeAllocationVisible"
title="裁判触发规则"
:visible.sync="RefereeAllocationVisible"
width="1200px"
append-to-body
:close-on-click-modal="false"
custom-class="base-dialog-wrapper"
>
<RefereeRules />
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<!-- 取消 -->
<el-button
:disabled="btnLoading"
size="small"
type="primary"
@click="RefereeAllocationVisible = false"
>
{{ $t('common:button:cancel') }}
</el-button>
</div>
</el-dialog>
<!-- 申请重阅 -->
<el-dialog
v-if="ApplyforReasonVisible"
:title="$t('trials:reviewTrack:dialog:applyReread')"
:visible.sync="ApplyforReasonVisible"
width="1460px"
append-to-body
:close-on-click-modal="false"
custom-class="base-dialog-wrapper"
>
<el-form
ref="reasonForm"
:rules="rules"
:model="ApplyforReasonForm"
class="demo-ruleForm"
size="small"
label-width="120px"
>
<!-- 申请原因 -->
<el-divider content-position="left">
{{$t('trials:reviewTrack:applyReread:title:applyReason')}}
</el-divider>
<!-- 申请原因 -->
<el-form-item
:label="$t('trials:reviewTrack:applyReread:title:applyReason')"
prop="Type"
:rules="[
{ required: true, message: $t('common:ruleMessage:select')},
]"
>
<el-radio-group v-model="ApplyforReasonForm.Type">
<!-- 图像重传 -->
<el-radio :label="1">{{$t('trials:reviewTrack:applyReread:title:ImageRetransfer')}}</el-radio>
<!-- 其他 -->
<el-radio :label="2">{{$t('trials:reviewTrack:applyReread:title:other')}}</el-radio>
</el-radio-group>
</el-form-item>
<!-- 备注 -->
<el-form-item v-if="ApplyforReasonForm.Type === 2" :label="$t('trials:reviewTrack:applyReread:title:remark')" prop="RequestReReadingReason">
<el-input
v-model="ApplyforReasonForm.RequestReReadingReason"
style="width: 400px"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
:placeholder="$t('common:ruleMessage:specify')"
maxlength="500"
show-word-limit
/>
</el-form-item>
</el-form>
<!-- 影响的任务列表 -->
<el-divider content-position="left">{{$t('trials:reviewTrack:applyReread:title:influencesList')}}</el-divider>
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
<el-table
v-loading="loading"
:data="InfluenceTaskList"
stripe
height="100"
style="min-height: 400px;"
>
<!-- 任务编号 -->
<el-table-column
prop="TaskCode"
:label="$t('trials:reviewTrack:table:taskCode')"
min-width="100"
show-overflow-tooltip
/>
<!-- 中心编号 -->
<el-table-column
prop="TrialSiteCode"
:label="$t('trials:reviewTrack:table:siteCode')"
min-width="100"
show-overflow-tooltip
/>
<!-- 受试者编号 -->
<el-table-column
prop="SubjectCode"
:label="$t('trials:reviewTrack:table:subjectCode')"
min-width="120"
show-overflow-tooltip
/>
<!-- 任务名称 -->
<el-table-column
prop="VisitTaskNum"
:label="$t('trials:reviewTrack:table:taskName')"
min-width="120"
show-overflow-tooltip
>
<template slot-scope="scope">
{{scope.row.TaskName}}
</template>
</el-table-column>
<!-- 盲态任务标识 -->
<el-table-column
prop="TaskBlindName"
:label="$t('trials:reviewTrack:table:blindName')"
min-width="120"
show-overflow-tooltip
/>
<!-- 阅片标准 -->
<el-table-column
prop="TrialReadingCriterionName"
:label="$t('trials:reviewTrack:table:criterionName')"
min-width="100"
show-overflow-tooltip
>
</el-table-column>
<!-- 任务状态 -->
<el-table-column
prop="TaskState"
:label="$t('trials:reviewTrack:table:taskStatus')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 1" type="info">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 3" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 4" type="warning">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 5" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
</template>
</el-table-column>
<!-- 任务类型 -->
<el-table-column
prop="ReadingCategory"
min-width="100"
:label="$t('trials:reviewTrack:table:taskType')"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
</template>
</el-table-column>
<!-- 阅片状态 -->
<el-table-column
prop="ReadingTaskState"
:label="$t('trials:reviewTrack:table:readingStatus')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
<el-tag v-else type="danger">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
</template>
</el-table-column>
<!-- 生效后影响 -->
<el-table-column
prop="OptType"
:label="$t('trials:reviewTrack:applyReread:title:postEffectiveImpacts')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.OptType === 0" type="primary">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
<el-tag v-if="scope.row.OptType === 1" type="danger">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
<el-tag v-if="scope.row.OptType === 2" type="warning">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
</template>
</el-table-column>
<!-- 阅片人 -->
<el-table-column
prop="UserName"
:label="$t('trials:reviewTrack:table:reader')"
min-width="160"
show-overflow-tooltip
>
<template v-if="scope.row.DoctorUser" slot-scope="scope">
{{ scope.row.DoctorUser.UserName }}({{ scope.row.DoctorUser.FullName }})
</template>
</el-table-column>
</el-table>
<div style="font-size: 12px;color: #f66;margin-top: 10px;" v-if="ReReadingOtherInfo.IsIRAppyTaskInfluenced">
<!-- 注意列表中存在IR已申请重阅的任务 -->
{{$t('trials:reviewTrack:applyReread:title:msg1')}}
</div>
</div>
<div slot="footer" class="dialog-footer">
<!-- 取消 -->
<el-button :disabled="btnLoading" size="small" type="primary" @click="ApplyforReasonVisible = false;ApplyforReasonForm = { Type: null, RequestReReadingReason: null }">
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button :loading="btnLoading" size="small" type="primary" @click="applyReReading">
{{ $t('common:button:save') }}
</el-button>
</div>
</el-dialog>
<!-- 退回影响任务列表/已影响任务列表 -->
<el-dialog
v-if="ReReadingOrBackVisible"
:title="opentype === 'read' ? $t('trials:reviewTrack:dialog:backImpactList') : $t('trials:reviewTrack:dialog:impactList')"
:visible.sync="ReReadingOrBackVisible"
width="1460px"
append-to-body
:close-on-click-modal="false"
custom-class="base-dialog-wrapper"
>
<div class="base-dialog-body">
<el-table
v-loading="loading"
:data="InfluenceTaskList"
stripe
height="100"
style="min-height: 400px;"
>
<!-- 任务编号 -->
<el-table-column
prop="TaskCode"
:label="$t('trials:reviewTrack:table:taskCode')"
min-width="100"
show-overflow-tooltip
/>
<!-- 中心编号 -->
<el-table-column
prop="TrialSiteCode"
:label="$t('trials:reviewTrack:table:siteCode')"
min-width="100"
show-overflow-tooltip
/>
<!-- 受试者编号 -->
<el-table-column
prop="SubjectCode"
:label="$t('trials:reviewTrack:table:subjectCode')"
min-width="120"
show-overflow-tooltip
/>
<!-- 任务名称 -->
<el-table-column
prop="VisitTaskNum"
:label="$t('trials:reviewTrack:table:taskName')"
min-width="120"
show-overflow-tooltip
>
<template slot-scope="scope">
{{scope.row.TaskName}}
</template>
</el-table-column>
<!-- 盲态任务标识 -->
<el-table-column
prop="TaskBlindName"
:label="$t('trials:reviewTrack:table:blindName')"
min-width="120"
show-overflow-tooltip
/>
<!-- 阅片标准 -->
<el-table-column
prop="TrialReadingCriterionName"
:label="$t('trials:reviewTrack:table:criterionName')"
min-width="100"
show-overflow-tooltip
>
</el-table-column>
<!-- 任务状态 -->
<el-table-column
prop="TaskState"
:label="$t('trials:reviewTrack:table:taskStatus')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 1" type="info">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 3" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 4" type="warning">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
<el-tag v-if="scope.row.TaskState === 5" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
</template>
</el-table-column>
<!-- 任务类型 -->
<el-table-column
prop="ReadingCategory"
min-width="100"
:label="$t('trials:reviewTrack:table:taskType')"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
<el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
</template>
</el-table-column>
<!-- 阅片状态 -->
<el-table-column
prop="ReadingTaskState"
:label="$t('trials:reviewTrack:table:readingStatus')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
<el-tag v-else type="danger">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
</template>
</el-table-column>
<!-- 生效后影响 -->
<el-table-column
prop="OptType"
:label="$t('trials:reviewTrack:applyReread:title:postEffectiveImpacts')"
min-width="100"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.OptType === 0" type="primary">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
<el-tag v-if="scope.row.OptType === 1" type="danger">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
<el-tag v-if="scope.row.OptType === 2" type="warning">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
</template>
</el-table-column>
<!-- 阅片人 -->
<el-table-column
prop="UserName"
:label="$t('trials:reviewTrack:table:reader')"
min-width="160"
show-overflow-tooltip
>
<template v-if="scope.row.DoctorUser" slot-scope="scope">
{{ scope.row.DoctorUser.UserName }}({{ scope.row.DoctorUser.FullName }})
</template>
</el-table-column>
</el-table>
<div style="font-size: 12px;color: #f66;margin-top: 10px;" v-if="ReReadingOtherInfo.IsIRAppyTaskInfluenced">
<!-- 注意列表中存在IR已申请重阅的任务 -->
{{$t('trials:reviewTrack:applyReread:title:msg1')}}
</div>
</div>
<div slot="footer" class="dialog-footer" v-if="opentype==='read'">
<!-- 取消 -->
<el-button :disabled="btnLoading" size="small" type="primary" @click="ReReadingOrBackVisible = false">
{{ $t('common:button:cancel') }}
</el-button>
<!-- 确定 -->
<el-button :loading="btnLoading" size="small" type="primary" @click="PMSetTaskBack">
{{$t('trials:reviewTrack:impactList:save')}}
</el-button>
</div>
</el-dialog>
<el-dialog
v-if="clinicalDataVisible"
:title="`${$t('trials:readingPeriod:dialogTitle:clinicalData')}(${rowData.SubjectCode}|${rowData.TaskName}|${rowData.TrialReadingCriterionName})`"
:visible.sync="clinicalDataVisible"
:close-on-click-modal="false"
append-to-body>
<ClinicalData :trial-reading-criterion-id="TrialReadingCriterionId" :data="currentData" />
</el-dialog>
<el-dialog
v-if="exportVisible"
:title="$t('trials:reviewTrack:button:export')"
:visible.sync="exportVisible"
:close-on-click-modal="false"
append-to-body>
<exportList :trial-reading-criterion-id="TrialReadingCriterionId" :data="searchData" />
</el-dialog>
<!-- 设置加急状态 -->
<el-dialog
v-if="urgentVisible"
:visible.sync="urgentVisible"
:close-on-click-modal="false"
:title="$t('trials:qcCheck:dialogTitle:setUrgent')"
width="600px"
custom-class="base-dialog-wrapper"
>
<el-form ref="urgentForm" :model="urgentForm" size="mini" v-loading="dialogLoading" label-width="100px">
<div class="base-dialog-body">
<!-- 是否加急 -->
<el-form-item
:label="$t('trials:qcCheck:table:isUrgent')"
prop="IsUrgent"
:rules="[
{ required: true, message: $t('common:ruleMessage:select'), trigger: 'blur'}
]"
>
<el-radio-group v-model="urgentForm.IsUrgent" @change="handleIsUrgentChange">
<el-radio
v-for="item of $d.YesOrNo"
:key="`IsUrgent${item.value}`"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 加急原因 -->
<el-form-item
v-if="urgentForm.IsUrgent"
:label="$t('trials:reviewTrack:message:urgentReason')"
prop="TaskUrgentType"
:rules="[
{ required: true, message: $t('common:ruleMessage:select'), trigger: 'blur'}
]"
>
<el-radio-group v-model="urgentForm.TaskUrgentType" @change="handleTaskUrgentTypeChange">
<el-radio
v-for="item of $d.TaskUrgentType"
:key="`TaskUrgentType${item.value}`"
:label="item.value"
v-if="!(!OtherInfo.IsPDProgressView && item.value === 2) && !(!OtherInfo.IsEnrollementQualificationConfirm && item.value === 1)"
:disabled="(rowData.VisitTaskNum === 0 && item.value === 2) || (rowData.VisitTaskNum !== 0 && item.value === 1)"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 备注 -->
<el-form-item
:label="$t('trials:reviewTrack:message:urgentReasonNote')"
v-if="urgentForm.TaskUrgentType === 4"
prop="TaskUrgentRemake"
:rules="[
{ required: true, message: $t('common:ruleMessage:specify'), trigger: 'blur'}
]"
>
<el-input
type="textarea"
v-model="urgentForm.TaskUrgentRemake"
:autosize="{ minRows: 2, maxRows: 4}">
</el-input>
</el-form-item>
</div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item>
<!-- 取消 -->
<el-button size="small" type="primary" @click="urgentVisible = false">
{{ $t('common:button:cancel') }}
</el-button>
<!-- 保存 -->
<el-button size="small" type="primary" @click="handleSaveUrgentStatus">
{{ $t('common:button:save') }}
</el-button>
</el-form-item>
</div>
</el-form>
</el-dialog>
</template>
</BaseContainer>
</template>
<script>
import { getTrialSiteSelect,setTaskUrgent } from '@/api/trials'
import { getTrialCriterionList, PMSetTaskBack, getInfluencedTaskList, getReReadingOrBackInfluenceTaskList, getReadingTaskList, configTrialReadingTaskViewRule, getDoctorUserSelectList, applyReReading } from '@/api/trials/reading'
import { getToken } from '@/utils/auth'
import BaseContainer from '@/components/BaseContainer'
import Pagination from '@/components/Pagination'
import RefereeRules from './components/RefereeRules.vue'
import exportList from './components/exportList.vue'
import ClinicalData from "../../subject/reading-period/components/ClinicalData";
const searchDataDefault = () => {
return {
PageIndex: 1,
PageSize: 20,
Asc: true,
SortField: '',
TrialId: null,
SiteId: null,
SubjectId: null,
SubjectCode: null,
IsUrgent: null,
TaskName: null,
TaskState: null,
DoctorUserId: null,
ReadingCategory: null,
TaskAllocationState: null,
BeginAllocateDate: null,
EndAllocateDate: null,
ReadingTaskState: null,
CompleteClinicalDataEnum: null,
}
}
export default {
name: 'TrialsNotice',
components: { BaseContainer, Pagination, RefereeRules, ClinicalData, exportList },
props: {
AllocationReadingCategory: {
type: String
},
AllocationSubjectCode: {
type: String
}
},
data() {
return {
searchData: searchDataDefault(),
exportVisible: false,
maxLength: 0,
list: [],
siteOptions: [],
total: 0,
SubjectAssignListTotal: 0,
loading: false,
ReadingRulesVisible: false,
ApplyforReasonVisible: false,
ReReadingOrBackVisible: false,
clinicalDataVisible: false,
InfluenceTaskList: [],
ApplyforReasonForm: {
Type: null,
RequestReReadingReason: null
},
rules: {
Type: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }],
RequestReReadingReason: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }]
},
RefereeAllocationVisible: false,
trialId: this.$route.query.trialId,
currentData: {},
param: {},
DoctorUserList: [],
TaskAllocationRuleList: [],
btnLoading: false,
value: true,
value1: true,
ReadingType: null,
ReadingRulesInfo: {
TrialId: this.$route.query.trialId,
ReadingTaskViewEnum: 0,
IsReadingTaskViewInOrder: false,
IsReadingShowSubjectInfo: null,
IsReadingShowPreviousResults: null
},
// rules: {
// DoctorUserId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }]
// },
title: '',
rowData: {},
timeList: [],
SubjectAssignList: [],
SubjectAssignSelectList: [],
TaskAllocationRuleSelectList: [],
readVisible: false,
TaskOptType: null,
OtherInfo: null,
trialCriterionList: [],
ReReadingOtherInfo: {
IsIRAppyTaskInfluenced: false
},
TrialReadingCriterionId: null,
urgentVisible: false,
urgentForm: { VisitTaskId: '', IsUrgent: null,TaskUrgentType:null,TaskUrgentRemake:null },
dialogLoading:false,
openWindow:null
}
},
mounted() {
this.searchData.ReadingCategory = this.AllocationReadingCategory
this.searchData.SubjectCode = this.AllocationSubjectCode
console.log(this.searchData.SubjectCode, this.searchData.ReadingCategory)
this.getList()
this.getSite()
this.getDoctorUserSelectList()
this.getTrialCriterionList()
},
beforeDestroy() {
if (this.openWindow) {
this.openWindow.close()
}
},
methods: {
handleExport() {
this.exportVisible = true
},
handleView(row) {
this.TrialReadingCriterionId = row.TrialReadingCriterionId
this.rowData = {...row}
this.currentData = {
Id: row.SourceSubjectVisitId || row.SouceReadModuleId,
SubjectId: row.SubjectId,
IsVisit: row.SourceSubjectVisitId ? true : false,
TrialId: row.TrialId,
IsBaseLine: row.VisitTaskNum === 0 ? true : false,
TrialReadingCriterionId: row.TrialReadingCriterionId
}
this.clinicalDataVisible = true
},
getTrialCriterionList() {
getTrialCriterionList(this.trialId).then(res => {
this.trialCriterionList = res.Result
}).catch(() => {})
},
getInfluencedTaskList(row) {
this.loading = true
this.opentype = 'look'
this.rowData = { ...row }
getInfluencedTaskList(row.Id).then(res => {
this.InfluenceTaskList = res.Result
this.ReReadingOrBackVisible = true
this.loading = false
})
},
PMSetTaskBack() {
this.loading = true
PMSetTaskBack(this.trialId, this.rowData.Id).then(res => {
this.loading = false
this.ReReadingOrBackVisible = false
this.getList()
// '退回成功'
this.$message.success(this.$t('trials:reviewTrack:message:returnedSuccessfully'))
}).catch(() => {this.loading = false})
},
openReReadingOrBackList(row) {
this.loading = true
this.rowData = {...row}
this.opentype = 'read'
getReReadingOrBackInfluenceTaskList(row.Id, false).then(res => {
this.InfluenceTaskList = res.Result
this.ReReadingOtherInfo = res.OtherInfo
this.ReReadingOrBackVisible = true
this.loading = false
}).catch(() => {this.loading = false})
},
// 查看阅片结果
lookReadingResults(row) {
if (this.openWindow) {
this.openWindow.close()
}
var token = getToken()
var path
if (row.ReadingTool === 0) {
path = `/readingDicoms?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`
} else {
path = `/noneDicomReading?TrialReadingCriterionId=${row.TrialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&visitTaskId=${row.Id}&isReadingTaskViewInOrder=${row.IsReadingTaskViewInOrder}&criterionType=${row.CriterionType}&readingTool=${row.ReadingTool}&TokenKey=${token}`
}
// const routeData = this.$router.resolve({
// path: `/readingPage?subjectId=${row.SubjectId}&trialId=${row.TrialId}&visitTaskId=${row.Id}&TokenKey=${token}`
// })
this.openWindow = window.open(path, '_blank')
},
openApplyReReading(row) {
this.rowData = { ...row }
this.loading = true
getReReadingOrBackInfluenceTaskList(row.Id, true).then(res => {
this.InfluenceTaskList = res.Result
this.ReReadingOtherInfo = res.OtherInfo
this.ApplyforReasonVisible = true
this.ApplyforReasonForm = {
Type: null,
Remake: null
}
this.loading = false
}).catch(() => {this.loading = false})
},
// 申请重阅
applyReReading() {
this.$refs.reasonForm.validate((valid) => {
if (!valid) return
this.loading = true
this.btnLoading = true
var params = {
TaskIdList: [
this.rowData.Id
],
TrialId: this.$route.query.trialId,
RequestReReadingType: 2,
RequestReReadingReason: this.ApplyforReasonForm.Type === 2 ? this.ApplyforReasonForm.RequestReReadingReason : this.$t('trials:reviewTrack:message:ImageRetransfer')//图像重传
}
applyReReading(params).then(res => {
this.loading = false
this.btnLoading = false
// '申请重阅成功'
this.$message.success(this.$t('trials:reviewTrack:message:applyedSuccessfully'))
this.getList()
this.ApplyforReasonVisible = false
}).catch(() => {
this.loading = false
this.btnLoading = false
})
})
},
// 重阅历史
reReadingHistory(row) {
this.$router.push({ path: `/trials/trials-panel/reading/reReadingTracking?trialId=${this.$route.query.trialId}&trialCode=${this.$route.query.trialCode}&researchProgramNo=${this.$route.query.researchProgramNo}&SiteId=${row.SiteId}&SubjectCode=${row.SubjectCode}&TaskName=${row.TaskName}&DoctorUserId=${row.DoctorUserId}` })
},
openRefereeAllocation() {
this.RefereeAllocationVisible = true
},
openReadingRules() {
this.ReadingRulesVisible = true
},
handleCancel() {
this.ReadingRulesVisible = false
},
handleSave() {
this.btnLoading = true
this.loading = true
var params = Object.assign({}, this.ReadingRulesInfo)
params.TrialId = this.$route.query.trialId
configTrialReadingTaskViewRule(params).then(res => {
this.btnLoading = false
this.loading = false
this.ReadingRulesVisible = false
this.getList()
// '保存成功'
this.$message.success(this.$t('common:message:savedSuccessfully'))
}).catch(() => {
this.btnLoading = false
this.loading = false
})
},
getDoctorUserSelectList() {
getDoctorUserSelectList(this.$route.query.trialId).then(res => {
this.DoctorUserList = res.Result
if (this.DoctorUserList.length > 0) {
this.ReadingType = this.DoctorUserList[0].ReadingType
} else {
}
})
},
getList() {
this.searchData.TrialId = this.$route.query.trialId
this.loading = true
getReadingTaskList(this.searchData).then(res => {
this.loading = false
this.OtherInfo = res.OtherInfo
this.ReadingRulesInfo = Object.assign({}, this.OtherInfo)
this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount
}).catch(() => { this.loading = false })
},
handleSearch() {
this.searchData.PageIndex = 1
this.getList()
},
handleReset() {
this.searchData = searchDataDefault()
this.getList()
},
getSite() {
getTrialSiteSelect(this.trialId).then(res => {
this.siteOptions = res.Result
})
},
changeTimeList() {
if (this.timeList) {
this.searchData.BeginAllocateDate = this.timeList[0]
this.searchData.EndAllocateDate = this.timeList[1]
} else {
this.searchData.BeginAllocateDate = null
this.searchData.EndAllocateDate = null
}
},
changeUrgentStatus(row){
this.rowData = {...row}
this.urgentForm.VisitTaskId = row.Id
this.urgentForm.IsUrgent = row.IsUrgent
this.urgentForm.TaskUrgentType = row.TaskUrgentType
this.urgentForm.TaskUrgentRemake = row.TaskUrgentRemake
this.urgentVisible = true
},
handleTaskUrgentTypeChange(val){
if(val !== 4){
this.urgentForm.TaskUrgentRemake = null
}
},
handleIsUrgentChange(val){
if(!val){
this.urgentForm.TaskUrgentType = null
this.urgentForm.TaskUrgentRemake = null
}
},
handleSaveUrgentStatus(){
this.$refs.urgentForm.validate((valid) => {
if (!valid) return
this.dialogLoading = true
setTaskUrgent(this.urgentForm).then(res=>{
this.dialogLoading = false
this.urgentVisible = false
this.getList()
}).catch(()=>{this.dialogLoading = false})
})
},
// 排序
handleSortChange(column) {
if (column.order === 'ascending') {
this.searchData.Asc = true
} else {
this.searchData.Asc = false
}
this.searchData.SortField = column.prop
this.searchData.PageIndex = 1
this.getList()
}
}
}
</script>
<style lang="scss" scoped>
>>>.hidden-row{
display: none;
}
>>>.el-dialog__body {
padding: 15px 20px;
}
>>>.el-tag--danger.el-tag--dark {
// background-color: #f56c6c!important;
border-color: none!important;
// color: #fff!important;
}
>>>#TaskAllocationRuleList thead .el-checkbox__inner{
display: none;
}
>>>.el-descriptions-item__label.has-colon:after{
display: none;
}
</style>