irc_web/.svn/pristine/02/02431bd3cb4b2791c8fc0420e09...

691 lines
26 KiB
Plaintext

/* eslint-disable */
<template>
<BaseContainer>
<template slot="search-container">
<el-form :inline="true">
<!-- 中心编号 -->
<el-form-item :label="$t('trials:pmMedicalReview:table:siteCode')">
<el-select v-model="searchData.TrialSiteCode" clearable filterable style="width:120px;">
<el-option
v-for="(item,index) of siteOptions"
:key="index"
:label="item"
:value="item"
/>
</el-select>
</el-form-item>
<!-- 受试者编号 -->
<el-form-item :label="$t('trials:pmMedicalReview:table:subjectCode')">
<el-input v-model="searchData.SubjectCode" style="width:100px;" />
</el-form-item>
<!-- 任务名称 -->
<el-form-item style="margin-bottom:10px" :label="$t('trials:pmMedicalReview: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:pmMedicalReview: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:pmMedicalReview: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:pmMedicalReview: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:pmMedicalReview:table:taskState')">
<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:pmMedicalReview: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="阅片状态">
<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="$t('trials:pmMedicalReview:table:auditState')">
<el-select v-model="searchData.AuditState" clearable style="width:120px;">
<el-option v-for="item of $d.MedicalReviewAuditState" :key="'AuditState' + item.label" :value="item.value" :label="item.label" />
</el-select>
</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" v-if="hasPermi(['trials:trials-panel:tab:pmMedicalFeedback:edit'])" @click="openFilter">
{{$t('trials:pmMedicalReview:button:select')}}
</el-button>
<!-- 设置为失效 -->
<el-button type="primary" v-if="hasPermi(['trials:trials-panel:tab:pmMedicalFeedback:edit'])" @click="setMedicalReviewInvalid()">
{{$t('trials:pmMedicalReview:button:setInvalid')}}
</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"
@selection-change="handleListSelectChange"
>
<el-table-column type="selection" :selectable="MedicalReviewSelectable" align="left" width="45" />
<!-- 是否加急 -->
<el-table-column
prop="IsUrgent"
:label="$t('trials:pmMedicalReview:table:isUrgent')"
show-overflow-tooltip
width="120"
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="$t('trials:pmMedicalReview:table:taskCode')"
width="120"
sortable="custom"
show-overflow-tooltip
/>
<!-- 中心编号 -->
<el-table-column
prop="TrialSiteCode"
:label="$t('trials:pmMedicalReview:table:siteCode')"
width="100"
sortable="custom"
show-overflow-tooltip
/>
<!-- 受试者编号 -->
<el-table-column
prop="SubjectCode"
:label="$t('trials:pmMedicalReview:table:subjectCode')"
width="120"
sortable="custom"
show-overflow-tooltip
/>
<!-- 任务名称 -->
<el-table-column
prop="VisitTaskNum"
:label="$t('trials:pmMedicalReview:table:taskName')"
width="130"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
{{scope.row.TaskName}}
</template>
</el-table-column>
<!-- 盲态任务标识 -->
<el-table-column
prop="TaskBlindName"
:label="$t('trials:pmMedicalReview:table:blindName')"
width="160"
sortable="custom"
show-overflow-tooltip
/>
<!-- 任务类型 -->
<el-table-column
prop="ReadingCategory"
:label="$t('trials:pmMedicalReview: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="TaskState"
:label="$t('trials:pmMedicalReview:table:taskState')"
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="ArmEnum"
:label="$t('trials:pmMedicalReview:table:role')"
width="100"
sortable="custom"
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="DoctorUser.UserName"
:label="$t('trials:pmMedicalReview:table:reader')"
width="120"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope" v-if="scope.row.DoctorUser.UserName">
{{scope.row.DoctorUser.UserName}}({{scope.row.DoctorUser.FullName}})
</template>
</el-table-column>
<!-- 阅片标准 -->
<el-table-column
prop="TrialReadingCriterionName"
:label="$t('trials:pmMedicalReview:table:criterionName')"
width="180"
sortable="custom"
show-overflow-tooltip
/>
<!-- 阅片完成时间 -->
<el-table-column
prop="SignTime"
:label="$t('trials:pmMedicalReview:table:signTime')"
width="210"
sortable="custom"
show-overflow-tooltip
/>
<!-- 医学经理 -->
<el-table-column
prop="MedicalManagerUser.UserName"
:label="$t('trials:pmMedicalReview:table:mim')"
width="120"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope" v-if="scope.row.MedicalManagerUser">
{{scope.row.MedicalManagerUser.UserName}}({{scope.row.MedicalManagerUser.FullName}})
</template>
</el-table-column>
<!-- 审核分配时间 -->
<el-table-column
prop="AllocateTime"
:label="$t('trials:pmMedicalReview:table:allocateTime')"
width="180"
sortable="custom"
show-overflow-tooltip
>
</el-table-column>
<!-- 任务状态 -->
<el-table-column
prop="IsInvalid"
width="120"
:label="$t('trials:pmMedicalReview:table:isInvalid')"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag v-if="scope.row.IsInvalid" type="danger">
{{$fd('IsTakeEffect', scope.row.IsInvalid)}}
</el-tag>
<el-tag v-else type="primary">
{{$fd('IsTakeEffect', scope.row.IsInvalid)}}
</el-tag>
</template>
</el-table-column>
<!-- 审核状态 -->
<el-table-column
prop="AuditState"
:label="$t('trials:pmMedicalReview:table:auditState')"
width="100"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag type="warning" v-if="scope.row.AuditState === 0">{{$fd('MedicalReviewAuditState', scope.row.AuditState)}}</el-tag>
<el-tag type="primary" v-if="scope.row.AuditState === 1">{{$fd('MedicalReviewAuditState', scope.row.AuditState)}}</el-tag>
<el-tag type="danger" v-if="scope.row.AuditState === 2">{{$fd('MedicalReviewAuditState', scope.row.AuditState)}}</el-tag>
</template>
</el-table-column>
<!-- 审核建议 -->
<el-table-column
prop="AuditAdviceEnum"
:label="$t('trials:pmMedicalReview:table:auditAdvice')"
width="120"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
{{$fd('AuditAdvice', scope.row.AuditAdviceEnum)}}
</template>
</el-table-column>
<!-- 阅片人是否认同 -->
<el-table-column
prop="DoctorUserIdeaEnum"
:label="$t('trials:pmMedicalReview:table:whetherAgree')"
width="180"
sortable="custom"
show-overflow-tooltip
>
<template slot-scope="scope">
<el-tag type="primary" v-if="scope.row.DoctorUserIdeaEnum === 1"> {{$fd('MedicalReviewDoctorUserIdea', scope.row.DoctorUserIdeaEnum)}} </el-tag>
<el-tag type="danger" v-if="scope.row.DoctorUserIdeaEnum === 2"> {{$fd('MedicalReviewDoctorUserIdea', scope.row.DoctorUserIdeaEnum)}} </el-tag>
</template>
</el-table-column>
<!-- 审核签名时间 -->
<el-table-column
prop="AuditSignTime"
:label="$t('trials:pmMedicalReview:table:auditSignTime')"
width="140"
sortable="custom"
show-overflow-tooltip
/>
<el-table-column
:label="$t('common:action:action')"
width="240"
fixed="right"
>
<template slot-scope="scope">
<!-- 查看 -->
<el-button
circle
:title="$t('trials:pmMedicalReview:action:view')"
:disabled="scope.row.IsInvalid || scope.row.AuditState !== 2"
icon="el-icon-view"
@click="handleReadMecialAudit(scope.row)"
/>
<!-- 设置为失效 -->
<el-button
circle
:title="$t('trials:pmMedicalReview:action:failure')"
:disabled="scope.row.IsInvalid || !!scope.row.SignTime"
icon="el-icon-close"
@click="setMedicalReviewInvalid(scope.row)"
/>
<el-button
circle
:title="$t('trials:pmMedicalReview:action:assign')"
:disabled="!!scope.row.MedicalManagerUser || scope.row.IsInvalid || !!scope.row.SignTime"
icon="el-icon-thumb"
@click="assignMedicalReviewTask(scope.row, 1)"
/>
<el-button
circle
:title="$t('trials:pmMedicalReview:action:cancelAssign')"
:disabled="!scope.row.MedicalManagerUser || scope.row.IsInvalid || !!scope.row.SignTime"
icon="el-icon-refresh-left"
@click="assignMedicalReviewTask(scope.row, 3)"
/>
</template>
</el-table-column>
</el-table>
<!-- 分页组件 -->
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
<!-- 筛选 -->
<el-dialog
v-if="FilterVisible"
:title="$t('trials:pmMedicalReview:button:select')"
:visible.sync="FilterVisible"
width="1200px"
:fullscreen="true"
append-to-body
:close-on-click-modal="false"
custom-class="base-dialog-wrapper"
>
<GenerateMedicalReviewTaskList :trial-criterion-list="trialCriterionList" @getList="getList"></GenerateMedicalReviewTaskList>
</el-dialog>
<!-- <el-dialog
v-if="AddOrEditFilterVisible"
:title="title"
:visible.sync="AddOrEditFilterVisible"
width="500px"
:close-on-click-modal="false"
>
<AddOrEditFilter :data="rowData" :doctor-user-list="DoctorUserList" @close="() => {AddOrEditFilterVisible = false}" @getList="openFilter" />
</el-dialog> -->
<!-- 分配医学经理 -->
<el-dialog
v-if="AssignMedicalReviewTaskVisible"
:title="$t('trials:pmMedicalReview:allocation:aliocationMIM')"
:visible.sync="AssignMedicalReviewTaskVisible"
width="500px"
:close-on-click-modal="false"
>
<ReAssignMedicalReviewTask :data="rowData" :select-list="SelectList" :doctor-user-list="MIMOptions" @close="() => {AssignMedicalReviewTaskVisible = false}" @getList="getList" />
</el-dialog>
<!-- 医学审核详情 -->
<el-dialog
v-if="auditVisible"
:visible.sync="auditVisible"
:close-on-click-modal="false"
:fullscreen="true"
:title="$t('trials:pmMedicalReview:dialog:medicalReview')"
>
<MedicalAudit :visit-task-id="currentRow.VisitTaskId" :task-medical-review-id="currentRow.Id" @getList="getList" @close="auditVisible=false" :rowData="currentRow"/>
</el-dialog>
</template>
</BaseContainer>
</template>
<script>
import { getTrialCriterionList, setMedicalReviewInvalid, assignMedicalReviewTask, getTrialSiteCodeSelect, getMedicalReviewTaskList, getDoctorUserSelectList, getMIMUserList, generateMedicalReviewTask, deleteTaskMedicalReviewRule } from '@/api/trials/reading'
import { getMedicalReviewTaskList_Export } from '@/api/export'
import BaseContainer from '@/components/BaseContainer'
import Pagination from '@/components/Pagination'
import AddOrEditFilter from './components/AddOrEditFilter'
import AssignMedicalReviewTask from './components/AssignMedicalReviewTask'
import ReAssignMedicalReviewTask from './components/ReAssignMedicalReviewTask'
import GenerateMedicalReviewTaskList from './components/GenerateMedicalReviewTaskList'
import MedicalAudit from '@/views/trials/trials-panel/reading/mim-medical-audit/components/MedicalAudit'
const searchDataDefault = () => {
return {
PageIndex: 1,
PageSize: 20,
TrialSiteCode: null,
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,
AuditState: null,
TrialReadingCriterionId: null
}
}
export default {
name: 'TrialsNotice',
components: { BaseContainer, Pagination, AddOrEditFilter, AssignMedicalReviewTask, GenerateMedicalReviewTaskList, MedicalAudit, ReAssignMedicalReviewTask },
data() {
return {
auditVisible: null,
searchData: searchDataDefault(),
maxLength: 0,
list: [],
siteOptions: [],
total: 0,
loading: false,
FilterVisible: false,
AssignMedicalReviewTaskVisible: false,
AddOrEditFilterVisible: false,
trialId: this.$route.query.trialId,
currentData: {},
param: {},
DoctorUserList: [],
btnLoading: false,
rowData: {},
OtherInfo: null,
MIMOptions: [],
FilterList: [],
title: null,
SelectList: [],
SelectMedicalList: [],
distributionInfo: {},
currentRow: {},
trialCriterionList:[]
}
},
mounted() {
this.getList()
this.getSite()
this.getDoctorUserSelectList()
this.getMIMUserList()
this.getTrialCriterionList()
},
methods: {
handleExport() {
getMedicalReviewTaskList_Export(this.searchData).then(res => {
}).catch(() => { this.loading = false })
},
getTrialCriterionList() {
getTrialCriterionList(this.trialId).then(res => {
this.trialCriterionList = res.Result
}).catch(() => {})
},
MedicalReviewSelectable(row) {
if (row.IsInvalid || row.SignTime) {
return false
} else {
return true
}
},
handleListSelectChange(e) {
this.SelectMedicalList = e
},
setMedicalReviewInvalid(row) {
var params = {}
if (row) {
params.MedicalReviewIdList = [row.Id]
} else {
if (this.SelectMedicalList.length === 0) {
// '请先勾选医学审核任务'
this.$alert(this.$t('trials:pmMedicalReview:message:msg01'))
return
}
params.MedicalReviewIdList = this.SelectMedicalList.map(v => v.Id)
}
// 确定将该医学审核任务设置为失效吗?
this.$confirm(this.$t('trials:pmMedicalReview:message:msg02')).then(() => {
this.loading = true
params.TrialId = this.trialId
setMedicalReviewInvalid(params).then(res => {
// '设置成功'
this.$message.success(this.$t('trials:pmMedicalReview:message:msg03'))
this.getList()
this.loading = false
}).catch(() => {
this.loading = false
})
})
},
openAssignMedicalReviewTask() {
this.rowData = {}
if (this.SelectList.length === 0) {
// 请先选择需要分配的医学审核任务
this.$alert(this.$t('trials:pmMedicalReview:message:msg04'))
return
}
this.AssignMedicalReviewTaskVisible = true
},
handleReadMecialAudit(row) {
this.currentRow = { ...row }
this.auditVisible = true
},
assignMedicalReviewTask(row, type) {
var params = {
IdList: [
row.Id
],
taskOptType: type
}
if (type === 3) {
// '确定要取消分配吗?'
this.$confirm(this.$t('trials:pmMedicalReview:message:msg05')).then(() => {
this.loading = true
this.btnLoading = true
assignMedicalReviewTask(params).then(() => {
// 取消分配成功
this.$message.success(this.$t('trials:pmMedicalReview:message:msg06'))
this.getList()
this.loading = false
this.btnLoading = false
}).catch(() => {
this.loading = false
this.btnLoading = false
})
})
} else {
this.rowData = { ...row }
this.AssignMedicalReviewTaskVisible = true
}
},
selectable(row) {
if (row.MedicalManagerUserId) {
return false
} else {
return true
}
},
generateMedicalReviewTask() {
this.$confirm('确定要应用吗?').then(() => {
this.loading = true
this.btnLoading = true
generateMedicalReviewTask({
trialId: this.trialId
}).then(res => {
this.$message.success('应用成功')
this.loading = false
this.getList()
this.btnLoading = false
this.FilterVisible = false
}).catch(() => {
this.loading = false
this.btnLoading = false
})
})
},
addOrEdit(row) {
if (row) {
this.rowData = { ...row }
this.title = '编辑'
} else {
this.rowData = {}
this.title = '新增'
}
this.AddOrEditFilterVisible = true
},
openFilter() {
this.FilterVisible = true
this.AddOrEditFilterVisible = 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
getMedicalReviewTaskList(this.searchData).then(res => {
this.loading = false
this.OtherInfo = res.OtherInfo
this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount
this.AssignMedicalReviewTaskVisible = false
}).catch(() => { this.loading = false })
},
handleSearch() {
this.searchData.PageIndex = 1
this.getList()
},
handleReset() {
this.searchData = searchDataDefault()
this.getList()
},
getSite() {
getTrialSiteCodeSelect(this.trialId).then(res => {
this.siteOptions = res.Result
})
},
getMIMUserList() {
getMIMUserList(this.trialId).then(res => {
this.MIMOptions = res.Result
})
},
handleDelete(row) {
this.$confirm(`确定要删除${row.DoctorUser.UserName}(${row.DoctorUser.FullName})的核查计划吗?`, {
type: 'warning',
distinguishCancelAndClose: true
}).then(() => {
this.loading = true
deleteTaskMedicalReviewRule(row.Id).then(res => {
this.loading = false
this.$message.success('删除成功')
this.openFilter()
}).catch(() => { this.loading = 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>