irc_web/.svn/pristine/ce/ce91c89705a3e2a31d607f3d2e5...

747 lines
27 KiB
Plaintext

/* eslint-disable */
<template>
<BaseContainer>
<template slot="search-container">
<el-form :inline="true">
<el-form-item :label="$t('trials:consistencyCheck:table:siteId')">
<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:consistencyCheck:table:subjectId')">
<el-input v-model="searchData.SubjectCode" style="width:100px;" />
</el-form-item>
<el-form-item style="margin-bottom:10px" label="访视/阅片期名称">
<el-input
v-model="searchData.TaskName"
style="width:100px;"
clearable
/>
</el-form-item>
<el-form-item style="margin-bottom:10px" label="阅片人">
<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" />
</el-select>
</el-form-item>
<el-form-item style="margin-bottom:10px" label="是否加急">
<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="任务类型">
<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="分配状态">
<el-select v-model="searchData.TaskAllocationState" clearable style="width:120px;">
<el-option v-for="item of $d.TaskAllocationState" :key="'TaskAllocationState' + item.label" :value="item.value" :label="item.label" />
</el-select>
</el-form-item>
<el-form-item style="margin-bottom:10px" label="分配时间">
<el-date-picker
v-model="timeList"
value-format="yyyy-MM-dd HH:mm:ss"
type="datetimerange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
@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" @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:consistencyCheck:table:isUrgent')"
show-overflow-tooltip
min-width="100"
sortable="custom"
>
<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>
</template>
</el-table-column>
<el-table-column
prop="TaskCode"
label="任务编号"
min-width="100"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="TrialSiteCode"
label="中心编号"
min-width="100"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="SubjectCode"
label="受试者编号"
min-width="120"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="TaskName"
label="访视/阅片期名称"
min-width="160"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="TaskBlindName"
label="访视盲态名称"
min-width="140"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="CreateTime"
label="任务创建时间"
min-width="140"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="TaskState"
label="任务状态"
min-width="100"
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>
</template>
</el-table-column>
<el-table-column
prop="ReadingCategory"
label="阅片类别"
min-width="100"
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="TaskAllocationState"
label="分配状态"
min-width="100"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="!scope.row.TaskAllocationState" type="danger">{{ $fd('TaskAllocationState', scope.row.TaskAllocationState) }}</el-tag>
<el-tag v-else type="primary">{{ $fd('TaskAllocationState', scope.row.TaskAllocationState) }}</el-tag>
</template>
</el-table-column>
<el-table-column
prop="role"
label="角色"
min-width="80"
show-overflow-tooltip
>
<template slot-scope="scope">
<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="阅片人"
min-width="100"
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="AllocateTime"
label="分配时间"
min-width="120"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="SuggesteFinishedTime"
label="建议完成时间"
min-width="140"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="ReadingTaskState"
label="阅片状态"
min-width="120"
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="CheckPassedTime"
label="阅片完成时间"
min-width="180"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
prop="ReReadingApplyState"
label="申请状态"
min-width="140"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.ReReadingApplyState === 1" 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="操作"
width="210"
>
<template slot-scope="scope">
<el-button
:disabled="scope.row.ReadingTaskState !== 2"
icon="el-icon-view"
circle
title="查看阅片结果"
@click="lookReadingResults(scope.row)"
/>
<el-button
:disabled="scope.row.TaskState !== 0 || scope.row.ReadingTaskState !== 2 || scope.row.ReReadingApplyState === 2 || scope.row.ReReadingApplyState === 1"
icon="el-icon-collection"
circle
title="申请重阅"
@click="openApplyReReading(scope.row)"
/>
<el-button
:disabled="!scope.row.ReReadingApplyState"
icon="el-icon-toilet-paper"
circle
title="退回重阅历史"
@click="reReadingHistory(scope.row, 1)"
/>
<el-button
:disabled="scope.row.ReadingTaskState === 2 || scope.row.ReadingCategory !== 1"
icon="el-icon-back"
circle
title="退回"
@click="openReReadingOrBackList(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="申请重阅"
:visible.sync="ApplyforReasonVisible"
width="600px"
append-to-body
:close-on-click-modal="false"
custom-class="base-dialog-wrapper"
>
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
<el-form
ref="reasonForm"
:rules="rules"
:model="ApplyforReasonForm"
class="demo-ruleForm"
size="small"
label-width="120px"
>
<el-form-item
label="申请原因"
prop="Type"
:rules="[
{ required: true, message: $t('common:ruleMessage:select')},
]"
>
<el-radio-group v-model="ApplyforReasonForm.Type">
<!-- 问题已解决 -->
<el-radio :label="1">图像重传</el-radio>
<!-- 问题无法解决强制关闭质疑 -->
<el-radio :label="2">其他</el-radio>
</el-radio-group>
</el-form-item>
<!-- 原因 -->
<el-form-item v-if="ApplyforReasonForm.Type === 2" label="备注" prop="RequestReReadingReason">
<el-input
v-model="ApplyforReasonForm.RequestReReadingReason"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
:placeholder="$t('common:ruleMessage:specify')"
maxlength="500"
show-word-limit
/>
</el-form-item>
</el-form>
</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="退回影响任务列表"
:visible.sync="ReReadingOrBackVisible"
width="1000px"
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="任务编号"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
prop="TrialSiteCode"
label="中心编号"
min-width="100"
show-overflow-tooltip
/>
<el-table-column
prop="SubjectCode"
label="受试者编号"
min-width="120"
show-overflow-tooltip
/>
<el-table-column
prop="TaskName"
label="访视/阅片期名称"
min-width="160"
show-overflow-tooltip
/>
<el-table-column
prop="TaskBlindName"
label="访视盲态名称"
min-width="140"
show-overflow-tooltip
/>
<el-table-column
prop="TaskBlindName"
label="访视盲态名称"
min-width="140"
show-overflow-tooltip
/>
<el-table-column
prop="UserName"
label="阅片人"
min-width="160"
show-overflow-tooltip
>
<template v-if="scope.row.DoctorUser.UserName" slot-scope="scope">
{{ scope.row.DoctorUser.UserName }}({{ scope.row.DoctorUser.FullName }})
</template>
</el-table-column>
</el-table>
</div>
<div slot="footer" class="dialog-footer">
<!-- 取消 -->
<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">
确定
</el-button>
</div>
</el-dialog>
</template>
</BaseContainer>
</template>
<script>
import { getTrialSiteSelect } from '@/api/trials'
import { PMSetTaskBack, 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'
const searchDataDefault = () => {
return {
PageIndex: 1,
PageSize: 20,
Asc: true,
SortField: '',
TrialId: null,
SiteId: null,
SubjectId: null,
SubjectCode: null,
IsUrgent: null,
TaskName: null,
DoctorUserId: null,
ReadingCategory: null,
TaskAllocationState: null,
BeginAllocateDate: null,
EndAllocateDate: null
}
}
export default {
name: 'TrialsNotice',
components: { BaseContainer, Pagination, RefereeRules },
data() {
return {
searchData: searchDataDefault(),
maxLength: 0,
list: [],
siteOptions: [],
total: 0,
SubjectAssignListTotal: 0,
loading: false,
ReadingRulesVisible: false,
ApplyforReasonVisible: false,
ReReadingOrBackVisible: 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
}
},
mounted() {
this.getList()
this.getSite()
this.getDoctorUserSelectList()
},
methods: {
PMSetTaskBack() {
this.loading = true
PMSetTaskBack(this.trialId, this.rowData.Id).then(res => {
this.loading = false
this.ReReadingOrBackVisible = false
this.$message.success('退回成功')
}).catch(() => {this.loading = false})
},
openReReadingOrBackList(row) {
this.loading = true
this.rowData = {...row}
getReReadingOrBackInfluenceTaskList(row.Id, false).then(res => {
this.InfluenceTaskList = res.Result
this.ReReadingOrBackVisible = true
this.loading = false
}).catch(() => {this.loading = false})
},
// 查看阅片结果
lookReadingResults(row) {
var token = getToken()
const routeData = this.$router.resolve({
path: `/noneDicomReading?subjectId=${row.SubjectId}&trialId=${row.TrialId}&visitTaskId=${row.Id}&TokenKey=${token}`
})
window.open(routeData.href, '_blank')
},
openApplyReReading(row) {
this.rowData = { ...row }
this.ApplyforReasonVisible = true
this.ApplyforReasonForm = {
Type: null,
Remake: null
}
},
// 申请重阅
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 : '图像重传'
}
applyReReading(params).then(res => {
this.loading = false
this.btnLoading = false
this.$message.success('申请重阅成功')
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('保存成功')
}).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 {
this.$alert('请先去选择项目阅片人')
}
})
},
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
}
},
// 排序
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>