自定义阅片页添加上传下载按钮
continuous-integration/drone/push Build is passing Details

uat_us
wangxiaoshuang 2024-06-06 11:04:18 +08:00
parent 5b2a3ecc54
commit b9163c18f1
8 changed files with 1951 additions and 1140 deletions

View File

@ -436,9 +436,9 @@ export function addSubjectCancelDoctorNote(params) {
}) })
} }
export function getSubjectCancelDoctorHistoryList(SubjectId) { export function getSubjectCancelDoctorHistoryList(SubjectId, TrialReadingCriterionId) {
return request({ return request({
url: `/TaskAllocationRule/getSubjectCancelDoctorHistoryList?SubjectId=${SubjectId}`, url: `/TaskAllocationRule/getSubjectCancelDoctorHistoryList?SubjectId=${SubjectId}&&TrialReadingCriterionId=${TrialReadingCriterionId}`,
method: 'get' method: 'get'
}) })
} }

View File

@ -5,6 +5,7 @@
:close-on-click-modal="false" :close-on-click-modal="false"
custom-class="upload-dialog" custom-class="upload-dialog"
:before-close="beforeClose" :before-close="beforeClose"
class="uploadImage"
> >
<span slot="title">{{ title }}</span> <span slot="title">{{ title }}</span>
<el-divider content-position="left">{{ <el-divider content-position="left">{{
@ -263,4 +264,7 @@ export default {
padding-top: 15px; padding-top: 15px;
} }
} }
.uploadImage {
background-color: #fff;
}
</style> </style>

View File

@ -232,7 +232,6 @@ async function VueInit() {
try { try {
let data = arr || d; let data = arr || d;
type = type || 'value'; type = type || 'value';
console.log(data,type,key,code)
// code === 'YesOrNo' ? console.log(d) : '' // code === 'YesOrNo' ? console.log(d) : ''
return data[code].find(i => { return data[code].find(i => {
return i[type] === v return i[type] === v

View File

@ -5,21 +5,23 @@
<div class="related-study-wrapper"> <div class="related-study-wrapper">
<div class="left"> <div class="left">
<div class="visit-name-wrapper"> <div class="visit-name-wrapper">
<div
<div v-if="(visitTaskList.length > 0)" style="display: flex;flex-direction: row;"> v-if="visitTaskList.length > 0"
style="display: flex; flex-direction: row"
>
<div <div
v-for="s in visitTaskList" v-for="s in visitTaskList"
:key="s.VisitTaskId" :key="s.VisitTaskId"
class="visit-item" class="visit-item"
:class="{'visit-item-active': activeTaskVisitId==s.VisitTaskId}" :class="{
'visit-item-active': activeTaskVisitId == s.VisitTaskId,
}"
@click.prevent="handleClick(s)" @click.prevent="handleClick(s)"
>{{ s.TaskBlindName }}</div> >
{{ s.TaskBlindName }}
</div>
</div> </div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
<div <div
@ -49,6 +51,9 @@
<DicomViewer <DicomViewer
v-if="activeTaskVisitId" v-if="activeTaskVisitId"
ref="dicomViewer" ref="dicomViewer"
:trial-id="trialId"
:trial-reading-criterion-id="trialReadingCriterionId"
:subject-id="subjectId"
:is-show="isShow" :is-show="isShow"
:is-exists-clinical-data="isExistsClinicalData" :is-exists-clinical-data="isExistsClinicalData"
:is-exists-no-dicom-file="isExistsNoDicomFile" :is-exists-no-dicom-file="isExistsNoDicomFile"
@ -59,241 +64,325 @@
@previewCD="previewCD" @previewCD="previewCD"
/> />
</div> </div>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import StudyList from './CustomizeStudyList' import StudyList from "./CustomizeStudyList";
import DicomViewer from './CustomizeDicomViewer' import DicomViewer from "./CustomizeDicomViewer";
import DicomEvent from './../components/DicomEvent' import DicomEvent from "./../components/DicomEvent";
import store from '@/store' import store from "@/store";
import { getToken } from '@/utils/auth' import { getToken } from "@/utils/auth";
import { mapGetters } from 'vuex' import { mapGetters } from "vuex";
export default { export default {
name: 'CustomizeReadPage', name: "CustomizeReadPage",
components: { components: {
DicomViewer, DicomViewer,
StudyList StudyList,
}, },
props: { props: {
isReadingShowSubjectInfo: { isReadingShowSubjectInfo: {
type: Boolean, type: Boolean,
required: true required: true,
}, },
trialId: { trialId: {
type: String, type: String,
required: true required: true,
},
trialReadingCriterionId: {
type: String,
required: true,
}, },
subjectId: { subjectId: {
type: String, type: String,
required: true required: true,
}, },
subjectCode: { subjectCode: {
type: String, type: String,
required: true required: true,
}, },
visitTaskId: { visitTaskId: {
type: String, type: String,
required: true required: true,
}, },
isShow: { isShow: {
type: Boolean, type: Boolean,
required: true required: true,
}, },
isExistsClinicalData: { isExistsClinicalData: {
type: Boolean, type: Boolean,
required: true required: true,
}, },
isExistsManual: { isExistsManual: {
type: Boolean, type: Boolean,
required: true required: true,
}, },
isExistsNoDicomFile: { isExistsNoDicomFile: {
type: Boolean, type: Boolean,
required: true required: true,
}, },
IseCRFShowInDicomReading: { IseCRFShowInDicomReading: {
type: Boolean, type: Boolean,
required: true required: true,
}, },
isReadingTaskViewInOrder: { isReadingTaskViewInOrder: {
type: Number, type: Number,
required: true required: true,
}, },
}, },
data() { data() {
return { return {
activeName: 'relation-study', activeName: "relation-study",
tabs: ['relation-study'], tabs: ["relation-study"],
taskList: [], taskList: [],
loading: false, loading: false,
selectArr: [], selectArr: [],
activeTaskIndex: -1, activeTaskIndex: -1,
activeTaskVisitId: '', activeTaskVisitId: "",
measureData: [], measureData: [],
activeTaskIsCurrentTask: false, activeTaskIsCurrentTask: false,
activeTaskIsBaseline: false, activeTaskIsBaseline: false,
activeTaskReadingTaskState: 2, activeTaskReadingTaskState: 2,
readingTaskState: 2, readingTaskState: 2,
open: null open: null,
} };
}, },
computed: { computed: {
...mapGetters(['visitTaskList','activeSeries']) ...mapGetters(["visitTaskList", "activeSeries"]),
}, },
watch: { watch: {
'activeSeries': { activeSeries: {
immediate: true, immediate: true,
handler(v) { handler(v) {
if (this.visitTaskList.length === 0) return if (this.visitTaskList.length === 0) return;
var index = this.visitTaskList.findIndex(i => i.VisitTaskId === v.visitTaskId) var index = this.visitTaskList.findIndex(
if (index === -1) return (i) => i.VisitTaskId === v.visitTaskId
this.activeTaskVisitId = v.visitTaskId );
this.activeTaskIndex = index if (index === -1) return;
this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask this.activeTaskVisitId = v.visitTaskId;
this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask this.activeTaskIndex = index;
this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
this.activeTaskReadingTaskState =
this.visitTaskList[index].ReadingTaskState;
if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) { if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) {
this.selectArr.push(this.visitTaskList[index].VisitTaskId) this.selectArr.push(this.visitTaskList[index].VisitTaskId);
} }
this.$refs[this.activeTaskVisitId] this.$refs[this.activeTaskVisitId];
this.$nextTick(() => { this.$nextTick(() => {
this.$refs[this.activeTaskVisitId][0].setSeriesActive(v) this.$refs[this.activeTaskVisitId][0].setSeriesActive(v);
}) });
} },
} },
}, },
mounted() { mounted() {
this.getVisitInfo() this.getVisitInfo();
DicomEvent.$on('getNextVisitInfo', () => { DicomEvent.$on("getNextVisitInfo", () => {
this.getNextVisitInfo() this.getNextVisitInfo();
}) });
DicomEvent.$on('toggleSeries', async data => { DicomEvent.$on("toggleSeries", async (data) => {
console.log(data) console.log(data);
var index = this.visitTaskList.findIndex(i => i.VisitTaskId === data.series.visitTaskId) var index = this.visitTaskList.findIndex(
if (index === -1) return (i) => i.VisitTaskId === data.series.visitTaskId
var alignedVisitTaskId = '' );
var i = -1 if (index === -1) return;
var alignedVisitTaskId = "";
var i = -1;
if (data.type > 0) { if (data.type > 0) {
// 访 // 访
i = index + 1 i = index + 1;
} else { } else {
// 访 // 访
i = index - 1 i = index - 1;
} }
if (i > -1 && i < this.visitTaskList.length) { if (i > -1 && i < this.visitTaskList.length) {
alignedVisitTaskId = this.visitTaskList[i].VisitTaskId alignedVisitTaskId = this.visitTaskList[i].VisitTaskId;
this.getAlignedSeries(data.series, alignedVisitTaskId, data.measureData, i, data.canvasIndex) this.getAlignedSeries(
data.series,
alignedVisitTaskId,
data.measureData,
i,
data.canvasIndex
);
} }
}) });
DicomEvent.$on('isCanActiveNoneDicomTool', data => { DicomEvent.$on("isCanActiveNoneDicomTool", (data) => {
this.open.postMessage({ type: 'isCanActiveNoneDicomTool', data: data }, window.location) this.open.postMessage(
}) { type: "isCanActiveNoneDicomTool", data: data },
DicomEvent.$on('removeNoneDicomMeasureData', data => { window.location
this.open.postMessage({ type: 'removeNoneDicomMeasureData', data: data }, window.location) );
}) });
DicomEvent.$on('addNoneDicomMeasureData', data => { DicomEvent.$on("removeNoneDicomMeasureData", (data) => {
this.open.postMessage({ type: 'addNoneDicomMeasureData', data: data }, window.location) this.open.postMessage(
}) { type: "removeNoneDicomMeasureData", data: data },
DicomEvent.$on('selectSeries', data => { window.location
);
});
DicomEvent.$on("addNoneDicomMeasureData", (data) => {
this.open.postMessage(
{ type: "addNoneDicomMeasureData", data: data },
window.location
);
});
DicomEvent.$on("selectSeries", (data) => {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs[this.activeTaskVisitId][0].selectSeries(data) this.$refs[this.activeTaskVisitId][0].selectSeries(data);
}) });
}) });
}, },
beforeDestroy() { beforeDestroy() {
DicomEvent.$off('getNextVisitInfo') DicomEvent.$off("getNextVisitInfo");
DicomEvent.$off('toggleSeries') DicomEvent.$off("toggleSeries");
DicomEvent.$off('isCanActiveNoneDicomTool') DicomEvent.$off("isCanActiveNoneDicomTool");
DicomEvent.$off('removeNoneDicomMeasureData') DicomEvent.$off("removeNoneDicomMeasureData");
DicomEvent.$off('addNoneDicomMeasureData') DicomEvent.$off("addNoneDicomMeasureData");
DicomEvent.$off('selectSeries') DicomEvent.$off("selectSeries");
}, },
methods: { methods: {
async getVisitInfo() { async getVisitInfo() {
const loading = this.$loading({ fullscreen: true }) const loading = this.$loading({ fullscreen: true });
await store.dispatch('reading/getOrganInfo', this.visitTaskId) await store.dispatch("reading/getOrganInfo", this.visitTaskId);
await store.dispatch('reading/getVisitTasks', this.visitTaskId) await store.dispatch("reading/getVisitTasks", this.visitTaskId);
var index = this.visitTaskList.findIndex(i => i.IsCurrentTask) var index = this.visitTaskList.findIndex((i) => i.IsCurrentTask);
if (index > -1) { if (index > -1) {
await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId) await store.dispatch(
await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName }) "reading/getCustomizeMeasuredData",
await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) this.visitTaskList[index].VisitTaskId
await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) );
await store.dispatch("reading/getStudyInfo", {
trialId: this.trialId,
subjectVisitId: this.visitTaskList[index].VisitId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
taskBlindName: this.visitTaskList[index].TaskBlindName,
});
await store.dispatch("reading/getReadingQuestionAndAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
await store.dispatch("reading/getDicomReadingQuestionAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId }) await store.dispatch("reading/setStatus", {
this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId visitTaskId: this.visitTaskList[index].VisitTaskId,
this.activeTaskIndex = index });
this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId;
this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask this.activeTaskIndex = index;
this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
this.selectArr.push(this.visitTaskList[index].VisitTaskId) this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
this.activeTaskReadingTaskState =
this.visitTaskList[index].ReadingTaskState;
this.selectArr.push(this.visitTaskList[index].VisitTaskId);
this.$nextTick(() => { this.$nextTick(() => {
this.$refs[this.activeTaskVisitId][0].initStudyInfo() this.$refs[this.activeTaskVisitId][0].initStudyInfo();
}) });
} }
loading.close() loading.close();
}, },
async getNextVisitInfo() { async getNextVisitInfo() {
const loading = this.$loading({ fullscreen: true }) const loading = this.$loading({ fullscreen: true });
var i = this.visitTaskList.length - 1 var i = this.visitTaskList.length - 1;
await store.dispatch('reading/getMasterSeries', { trialId: this.trialId, visitTaskId: this.visitTaskList[i].VisitTaskId, visitId: this.visitTaskList[i].VisitId }) await store.dispatch("reading/getMasterSeries", {
await store.dispatch('reading/refreshCustomizeMeasuredData', this.visitTaskList[i].VisitTaskId) trialId: this.trialId,
visitTaskId: this.visitTaskList[i].VisitTaskId,
visitId: this.visitTaskList[i].VisitId,
});
await store.dispatch(
"reading/refreshCustomizeMeasuredData",
this.visitTaskList[i].VisitTaskId
);
await store.dispatch('reading/getNextVisitTask', { visitTaskId: this.visitTaskId }) await store.dispatch("reading/getNextVisitTask", {
var index = this.visitTaskList.findIndex(i => i.IsCurrentTask) visitTaskId: this.visitTaskId,
});
var index = this.visitTaskList.findIndex((i) => i.IsCurrentTask);
if (index > -1) { if (index > -1) {
await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId) await store.dispatch(
await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName }) "reading/getCustomizeMeasuredData",
await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) this.visitTaskList[index].VisitTaskId
await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) );
await store.dispatch("reading/getStudyInfo", {
trialId: this.trialId,
subjectVisitId: this.visitTaskList[index].VisitId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
taskBlindName: this.visitTaskList[index].TaskBlindName,
});
await store.dispatch("reading/getReadingQuestionAndAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
await store.dispatch("reading/getDicomReadingQuestionAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId }) await store.dispatch("reading/setStatus", {
this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId visitTaskId: this.visitTaskList[index].VisitTaskId,
this.activeTaskIndex = index });
this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId;
this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask this.activeTaskIndex = index;
this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
this.selectArr.push(this.visitTaskList[index].VisitTaskId) this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
this.activeTaskReadingTaskState =
this.visitTaskList[index].ReadingTaskState;
this.selectArr.push(this.visitTaskList[index].VisitTaskId);
this.$nextTick(() => { this.$nextTick(() => {
this.$refs[this.activeTaskVisitId][0].initStudyInfo() this.$refs[this.activeTaskVisitId][0].initStudyInfo();
}) });
} }
loading.close() loading.close();
}, },
async handleClick(visitTaskInfo) { async handleClick(visitTaskInfo) {
if (this.activeTaskVisitId === visitTaskInfo.VisitTaskId) return if (this.activeTaskVisitId === visitTaskInfo.VisitTaskId) return;
var index = this.visitTaskList.findIndex(i => i.VisitTaskId === visitTaskInfo.VisitTaskId) var index = this.visitTaskList.findIndex(
(i) => i.VisitTaskId === visitTaskInfo.VisitTaskId
);
if (!this.visitTaskList[index].IsInit) { if (!this.visitTaskList[index].IsInit) {
const loading = this.$loading({ fullscreen: true }) const loading = this.$loading({ fullscreen: true });
await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId) await store.dispatch(
await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName }) "reading/getCustomizeMeasuredData",
await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) this.visitTaskList[index].VisitTaskId
await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) );
await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId }) await store.dispatch("reading/getStudyInfo", {
loading.close() trialId: this.trialId,
subjectVisitId: this.visitTaskList[index].VisitId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
taskBlindName: this.visitTaskList[index].TaskBlindName,
});
await store.dispatch("reading/getReadingQuestionAndAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
await store.dispatch("reading/getDicomReadingQuestionAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
await store.dispatch("reading/setStatus", {
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
loading.close();
} }
this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId this.activeTaskVisitId = this.visitTaskList[index].VisitTaskId;
this.activeTaskIndex = index this.activeTaskIndex = index;
this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState this.activeTaskReadingTaskState =
this.visitTaskList[index].ReadingTaskState;
if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) { if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) {
this.selectArr.push(this.visitTaskList[index].VisitTaskId) this.selectArr.push(this.visitTaskList[index].VisitTaskId);
} }
this.$nextTick(() => { this.$nextTick(() => {
this.$refs[this.activeTaskVisitId][0].getStudyList() this.$refs[this.activeTaskVisitId][0].getStudyList();
}) });
}, },
loadImageStack(seriesInfo) { loadImageStack(seriesInfo) {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.dicomViewer.loadImageStack(seriesInfo) this.$refs.dicomViewer.loadImageStack(seriesInfo);
}) });
}, },
previewCD() { previewCD() {
// var token = getToken() // var token = getToken()
@ -301,75 +390,116 @@ export default {
// path: `/clinicalData?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${this.visitTaskId}&TokenKey=${token}` // path: `/clinicalData?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${this.visitTaskId}&TokenKey=${token}`
// }) // })
// window.open(routeData.href, '_blank') // window.open(routeData.href, '_blank')
this.$emit('previewCD') this.$emit("previewCD");
}, },
previewNoneDicoms(obj) { previewNoneDicoms(obj) {
var index = this.visitTaskList.findIndex(i => i.VisitTaskId === obj.visitTaskId) var index = this.visitTaskList.findIndex(
var taskBlindName = this.visitTaskList[index].TaskBlindName (i) => i.VisitTaskId === obj.visitTaskId
var token = getToken() );
var taskBlindName = this.visitTaskList[index].TaskBlindName;
var token = getToken();
const routeData = this.$router.resolve({ const routeData = this.$router.resolve({
path: `/nonedicoms?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${obj.visitTaskId}&taskBlindName=${taskBlindName}&readingTaskState=${this.visitTaskList[index].ReadingTaskState}&TokenKey=${token}` path: `/nonedicoms?subjectId=${this.subjectId}&trialId=${this.trialId}&visitTaskId=${obj.visitTaskId}&taskBlindName=${taskBlindName}&readingTaskState=${this.visitTaskList[index].ReadingTaskState}&TokenKey=${token}`,
}) });
this.open = window.open(routeData.href, '_blank') this.open = window.open(routeData.href, "_blank");
}, },
async getAlignedSeries(baseSeries, visitTaskId, measureData, visitTaskIdx, canvasIndex) { async getAlignedSeries(
var loading = '' baseSeries,
var index = visitTaskIdx visitTaskId,
measureData,
visitTaskIdx,
canvasIndex
) {
var loading = "";
var index = visitTaskIdx;
if (!this.visitTaskList[index].IsInit) { if (!this.visitTaskList[index].IsInit) {
loading = this.$loading({ fullscreen: true }) loading = this.$loading({ fullscreen: true });
if (!this.visitTaskList[index].measureDataInit) { if (!this.visitTaskList[index].measureDataInit) {
await store.dispatch('reading/getCustomizeMeasuredData', this.visitTaskList[index].VisitTaskId) await store.dispatch(
"reading/getCustomizeMeasuredData",
this.visitTaskList[index].VisitTaskId
);
} }
if (!this.visitTaskList[index].studyListInit) { if (!this.visitTaskList[index].studyListInit) {
await store.dispatch('reading/getStudyInfo', { trialId: this.trialId, subjectVisitId: this.visitTaskList[index].VisitId, visitTaskId: this.visitTaskList[index].VisitTaskId, taskBlindName: this.visitTaskList[index].TaskBlindName }) await store.dispatch("reading/getStudyInfo", {
trialId: this.trialId,
subjectVisitId: this.visitTaskList[index].VisitId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
taskBlindName: this.visitTaskList[index].TaskBlindName,
});
} }
if (!this.visitTaskList[index].readingQuestionsInit) { if (!this.visitTaskList[index].readingQuestionsInit) {
await store.dispatch('reading/getReadingQuestionAndAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) await store.dispatch("reading/getReadingQuestionAndAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
} }
if (!this.visitTaskList[index].questionsInit) { if (!this.visitTaskList[index].questionsInit) {
await store.dispatch('reading/getDicomReadingQuestionAnswer', { trialId: this.trialId, visitTaskId: this.visitTaskList[index].VisitTaskId }) await store.dispatch("reading/getDicomReadingQuestionAnswer", {
trialId: this.trialId,
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
} }
await store.dispatch('reading/setStatus', { visitTaskId: this.visitTaskList[index].VisitTaskId }) await store.dispatch("reading/setStatus", {
visitTaskId: this.visitTaskList[index].VisitTaskId,
});
} }
this.activeTaskVisitId = visitTaskId this.activeTaskVisitId = visitTaskId;
this.activeTaskIndex = index this.activeTaskIndex = index;
this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask this.activeTaskIsCurrentTask = this.visitTaskList[index].IsCurrentTask;
this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask this.activeTaskIsBaseline = this.visitTaskList[index].IsBaseLineTask;
this.activeTaskReadingTaskState = this.visitTaskList[index].ReadingTaskState this.activeTaskReadingTaskState =
this.visitTaskList[index].ReadingTaskState;
if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) { if (!this.selectArr.includes(this.visitTaskList[index].VisitTaskId)) {
this.selectArr.push(this.visitTaskList[index].VisitTaskId) this.selectArr.push(this.visitTaskList[index].VisitTaskId);
} }
var linkedSeries = this.getSeriesInfoByMark(baseSeries, visitTaskId, measureData, visitTaskIdx) var linkedSeries = this.getSeriesInfoByMark(
baseSeries,
visitTaskId,
measureData,
visitTaskIdx
);
if (linkedSeries) { if (linkedSeries) {
this.$nextTick(() => { this.$nextTick(() => {
linkedSeries.canvasIndex = canvasIndex linkedSeries.canvasIndex = canvasIndex;
DicomEvent.$emit('loadLinkedImageStack', linkedSeries) DicomEvent.$emit("loadLinkedImageStack", linkedSeries);
this.$refs[this.activeTaskVisitId][0].handleActiveSeries(linkedSeries) this.$refs[this.activeTaskVisitId][0].handleActiveSeries(
}) linkedSeries
);
});
} }
if (loading) { if (loading) {
loading.close() loading.close();
} }
}, },
getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx) { getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx) {
var index = visitTaskIdx var index = visitTaskIdx;
if (index === -1) return if (index === -1) return;
var visitTaskInfo = this.visitTaskList[index] var visitTaskInfo = this.visitTaskList[index];
var obj = null var obj = null;
var studyList = visitTaskInfo.StudyList var studyList = visitTaskInfo.StudyList;
// //
var seriesList = studyList.map(s => s.SeriesList).flat() var seriesList = studyList.map((s) => s.SeriesList).flat();
var similarArr = seriesList.map((i, index) => { var similarArr = seriesList.map((i, index) => {
return { similar: this.strSimilarity2Percent(i.description, baseSeries.description), index } return {
}) similar: this.strSimilarity2Percent(
i.description,
baseSeries.description
),
index,
};
});
similarArr = similarArr.sort((a, b) => { similarArr = similarArr.sort((a, b) => {
return b.similar - a.similar return b.similar - a.similar;
}) });
const i = similarArr[0] && similarArr[0].similar > 0.85 ? similarArr[0].index : -1 const i =
similarArr[0] && similarArr[0].similar > 0.85
? similarArr[0].index
: -1;
if (i > -1) { if (i > -1) {
obj = seriesList[i] obj = seriesList[i];
} }
// const idx = seriesList.findIndex(series => series.description === baseSeries.description) // const idx = seriesList.findIndex(series => series.description === baseSeries.description)
// idx > -1 ? obj = seriesList[idx] : '' // idx > -1 ? obj = seriesList[idx] : ''
@ -385,101 +515,139 @@ export default {
// idx > -1 ? obj = seriesList[idx] : '' // idx > -1 ? obj = seriesList[idx] : ''
// } // }
if (!obj) { if (!obj) {
const idx = seriesList.findIndex(series => series.isDicom && series.instanceCount > 0) const idx = seriesList.findIndex(
idx > -1 ? obj = seriesList[idx] : '' (series) => series.isDicom && series.instanceCount > 0
);
idx > -1 ? (obj = seriesList[idx]) : "";
} }
if (obj) { if (obj) {
let index = Math.floor(obj.imageIds.length * ((baseSeries.imageIdIndex+1) / baseSeries.instanceCount)) let index = Math.floor(
obj.imageIdIndex = index > 0 ? index - 1 : 0 obj.imageIds.length *
((baseSeries.imageIdIndex + 1) / baseSeries.instanceCount)
);
obj.imageIdIndex = index > 0 ? index - 1 : 0;
} }
return obj return obj;
}, },
strSimilarity2Number(s, t) { strSimilarity2Number(s, t) {
var n = s.length; var m = t.length; var d = [] var n = s.length;
var i, j, s_i, t_j, cost var m = t.length;
if (n === 0) return m var d = [];
if (m === 0) return n var i, j, s_i, t_j, cost;
if (n === 0) return m;
if (m === 0) return n;
for (i = 0; i <= n; i++) { for (i = 0; i <= n; i++) {
d[i] = [] d[i] = [];
d[i][0] = i d[i][0] = i;
} }
for (j = 0; j <= m; j++) { for (j = 0; j <= m; j++) {
d[0][j] = j d[0][j] = j;
} }
for (i = 1; i <= n; i++) { for (i = 1; i <= n; i++) {
s_i = s.charAt(i - 1) s_i = s.charAt(i - 1);
for (j = 1; j <= m; j++) { for (j = 1; j <= m; j++) {
t_j = t.charAt(j - 1) t_j = t.charAt(j - 1);
if (s_i === t_j) { if (s_i === t_j) {
cost = 0 cost = 0;
} else { } else {
cost = 1 cost = 1;
} }
d[i][j] = this.Minimum(d[i - 1][j] + 1, d[i][j - 1] + 1, d[i - 1][j - 1] + cost) d[i][j] = this.Minimum(
d[i - 1][j] + 1,
d[i][j - 1] + 1,
d[i - 1][j - 1] + cost
);
} }
} }
return d[n][m] return d[n][m];
}, },
// //
strSimilarity2Percent(s, t) { strSimilarity2Percent(s, t) {
var l = s.length > t.length ? s.length : t.length var l = s.length > t.length ? s.length : t.length;
var d = this.strSimilarity2Number(s, t) var d = this.strSimilarity2Number(s, t);
return Number((1 - d / l).toFixed(4)) return Number((1 - d / l).toFixed(4));
}, },
Minimum(a, b, c) { Minimum(a, b, c) {
return a < b ? (a < c ? a : c) : (b < c ? b : c) return a < b ? (a < c ? a : c) : b < c ? b : c;
}, },
// //
getSeriesInfoByMark(baseSeries, visitTaskId, obj, visitTaskIdx) { getSeriesInfoByMark(baseSeries, visitTaskId, obj, visitTaskIdx) {
var seriesInfo = null var seriesInfo = null;
if (obj) { if (obj) {
// ID // ID
var index = visitTaskIdx var index = visitTaskIdx;
if (index > -1) { if (index > -1) {
var idx = -1 var idx = -1;
if (this.CriterionType === 10) { if (this.CriterionType === 10) {
idx = this.visitTaskList[index].MeasureData.findIndex(item => item.OrderMarkName === obj.OrderMarkName) idx = this.visitTaskList[index].MeasureData.findIndex(
(item) => item.OrderMarkName === obj.OrderMarkName
);
} else { } else {
idx = this.visitTaskList[index].MeasureData.findIndex(item => item.QuestionId === obj.QuestionId && item.RowIndex === obj.RowIndex) idx = this.visitTaskList[index].MeasureData.findIndex(
(item) =>
item.QuestionId === obj.QuestionId &&
item.RowIndex === obj.RowIndex
);
} }
if (idx > -1 && this.visitTaskList[index].MeasureData[idx].MeasureData) { if (
var studyList = this.visitTaskList[index].StudyList idx > -1 &&
var studyId = this.visitTaskList[index].MeasureData[idx].StudyId this.visitTaskList[index].MeasureData[idx].MeasureData
var seriesId = this.visitTaskList[index].MeasureData[idx].SeriesId ) {
var instanceId = this.visitTaskList[index].MeasureData[idx].InstanceId var studyList = this.visitTaskList[index].StudyList;
var studyIdx = studyList.findIndex(study => study.StudyId === studyId) var studyId = this.visitTaskList[index].MeasureData[idx].StudyId;
var seriesId = this.visitTaskList[index].MeasureData[idx].SeriesId;
var instanceId =
this.visitTaskList[index].MeasureData[idx].InstanceId;
var studyIdx = studyList.findIndex(
(study) => study.StudyId === studyId
);
if (studyIdx > -1) { if (studyIdx > -1) {
var seriesIdx = studyList[studyIdx].SeriesList.findIndex(s => s.seriesId === seriesId) var seriesIdx = studyList[studyIdx].SeriesList.findIndex(
(s) => s.seriesId === seriesId
);
if (seriesIdx > -1) { if (seriesIdx > -1) {
var series = studyList[studyIdx].SeriesList[seriesIdx] var series = studyList[studyIdx].SeriesList[seriesIdx];
var instanceIdx = series.instanceList.findIndex(imageId => !!~imageId.indexOf(instanceId)) var instanceIdx = series.instanceList.findIndex(
(imageId) => !!~imageId.indexOf(instanceId)
);
if (instanceIdx > -1) { if (instanceIdx > -1) {
series.imageIdIndex = instanceIdx series.imageIdIndex = instanceIdx;
// series.studyIndex = studyIdx // series.studyIndex = studyIdx
// series.seriesIndex = seriesIdx // series.seriesIndex = seriesIdx
// series.visitTaskId = visitTaskId // series.visitTaskId = visitTaskId
// series.studyId = studyId // series.studyId = studyId
seriesInfo = series seriesInfo = series;
} }
} }
} else { } else {
seriesInfo = this.getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx) seriesInfo = this.getLinkedSeries(
baseSeries,
visitTaskId,
visitTaskIdx
);
} }
} else { } else {
seriesInfo = this.getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx) seriesInfo = this.getLinkedSeries(
baseSeries,
visitTaskId,
visitTaskIdx
);
} }
} }
} else { } else {
seriesInfo = this.getLinkedSeries(baseSeries, visitTaskId, visitTaskIdx) seriesInfo = this.getLinkedSeries(
} baseSeries,
return seriesInfo visitTaskId,
} visitTaskIdx
} );
} }
return seriesInfo;
},
},
};
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.dicom-container { .dicom-container {
height: 100%; height: 100%;
// background-color: #fff; // background-color: #fff;
background-color: #000; background-color: #000;
@ -499,13 +667,15 @@ export default {
color: #ffffff; color: #ffffff;
border: none; border: none;
} }
/deep/ .el-table, .el-table__expanded-cell { /deep/ .el-table,
.el-table__expanded-cell {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
border-color: #444444; border-color: #444444;
} }
/deep/ .el-table th, .el-table tr { /deep/ .el-table th,
.el-table tr {
background-color: #000; background-color: #000;
color: #fff; color: #fff;
border-color: #444444; border-color: #444444;
@ -566,7 +736,6 @@ export default {
box-sizing: border-box; box-sizing: border-box;
border: 1px solid #727272; border: 1px solid #727272;
// border: 1px solid #ccc; // border: 1px solid #ccc;
} }
.el-tabs { .el-tabs {
box-sizing: border-box; box-sizing: border-box;
@ -593,7 +762,6 @@ export default {
/deep/ .el-tabs__item { /deep/ .el-tabs__item {
color: #fff; color: #fff;
} }
} }
.dicom-desc { .dicom-desc {
font-weight: bold; font-weight: bold;

View File

@ -35,6 +35,7 @@
<CustomizeReadPage <CustomizeReadPage
v-if="tabs.includes('read')" v-if="tabs.includes('read')"
:trial-id="trialId" :trial-id="trialId"
:trial-reading-criterion-id="TrialReadingCriterionId"
:visit-task-id="visitTaskId" :visit-task-id="visitTaskId"
:subject-id="subjectId" :subject-id="subjectId"
:subject-code="subjectCode" :subject-code="subjectCode"

View File

@ -626,7 +626,7 @@ export default {
}).catch(() => {}) }).catch(() => {})
}, },
openSubjectCancelDoctorHistoryList(row) { openSubjectCancelDoctorHistoryList(row) {
getSubjectCancelDoctorHistoryList(row.SubjectId).then((res) => { getSubjectCancelDoctorHistoryList(row.SubjectId,this.TrialReadingCriterionId).then((res) => {
this.SubjectCancelDoctorHistoryVisible = true this.SubjectCancelDoctorHistoryVisible = true
this.SubjectCancelDoctorHistoryList = res.Result this.SubjectCancelDoctorHistoryList = res.Result
}) })

View File

@ -121,27 +121,6 @@
> >
</template> </template>
</el-table-column> </el-table-column>
<!-- &lt;!&ndash; 未读任务数量 &ndash;&gt;-->
<!-- <el-table-column-->
<!-- prop="UnReadTaskCount"-->
<!-- min-width="100"-->
<!-- label="未读任务数量"-->
<!-- show-overflow-tooltip-->
<!-- />-->
<!-- &lt;!&ndash; 可读任务量 &ndash;&gt;-->
<!-- <el-table-column-->
<!-- prop="UnReadCanReadTaskCount"-->
<!-- min-width="100"-->
<!-- label="可读任务量"-->
<!-- show-overflow-tooltip-->
<!-- />-->
<!-- &lt;!&ndash; 已签名任务量 &ndash;&gt;-->
<!-- <el-table-column-->
<!-- prop="HaveReadTaskCount"-->
<!-- min-width="100"-->
<!-- label="已签名任务量"-->
<!-- show-overflow-tooltip-->
<!-- />-->
<!-- 建议完成时间 --> <!-- 建议完成时间 -->
<el-table-column <el-table-column
prop="SuggesteFinishedTime" prop="SuggesteFinishedTime"
@ -179,7 +158,11 @@
<!-- 上传 --> <!-- 上传 -->
<el-button <el-button
v-hasPermi="['role:ir']" v-hasPermi="['role:ir']"
v-if="item.CriterionType === 0 && item.ImageUploadEnum > 0" v-if="
item.CriterionType === 0 &&
item.ImageUploadEnum > 0 &&
item.IsReadingTaskViewInOrder > 0
"
circle circle
icon="el-icon-upload2" icon="el-icon-upload2"
:title="$t('trials:pendingReadingTasks:button:upload')" :title="$t('trials:pendingReadingTasks:button:upload')"
@ -189,7 +172,9 @@
<el-button <el-button
v-hasPermi="['role:ir']" v-hasPermi="['role:ir']"
v-if=" v-if="
item.CriterionType === 0 && item.ImageDownloadEnum > 0 item.CriterionType === 0 &&
item.ImageDownloadEnum === 1 &&
item.IsReadingTaskViewInOrder > 0
" "
circle circle
icon="el-icon-download" icon="el-icon-download"
@ -274,36 +259,6 @@
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</div> </div>
<!-- <template v-else-if="!isReadingTaskViewInOrder && isRender">
<el-tabs v-model="TrialReadingCriterionId" type="border-card">
<el-tab-pane v-for="i of trialCriterionList" :key="i.TrialReadingCriterionName" :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId">
<el-descriptions :column="2" border style="width:800px">
<el-descriptions-item label="剩余任务量" :label-style="{'width':'200px'}">
<el-tag size="small" type="danger">{{ randomReadInfo.UnReadTaskCount }}</el-tag>
</el-descriptions-item>
<el-descriptions-item label="剩余裁判量" :label-style="{'width':'200px'}">
<el-tag size="small" type="danger">{{ randomReadInfo.UnReadJudgeTaskCount }}</el-tag>
</el-descriptions-item>
<el-descriptions-item label="已完成任务量" :label-style="{'width':'200px'}">
<el-tag size="small">{{ randomReadInfo.FinishTaskCount }}</el-tag>
</el-descriptions-item>
<el-descriptions-item label="已完成裁判量" :label-style="{'width':'200px'}">
<el-tag size="small">{{ randomReadInfo.FinishJudgeTaskCount }}</el-tag>
</el-descriptions-item>
<el-descriptions-item>
<el-button
type="primary"
size="small"
:disabled="randomReadInfo.UnReadTaskCount+randomReadInfo.UnReadJudgeTaskCount ===0"
@click="handleOutOfOrderReading"
>
开始随机阅片
</el-button>
</el-descriptions-item>
</el-descriptions>
</el-tab-pane>
</el-tabs>
</template> -->
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
<upload-image <upload-image