Compare commits
No commits in common. "main" and "uat" have entirely different histories.
|
|
@ -48,7 +48,6 @@
|
||||||
"nprogress": "^0.2.0",
|
"nprogress": "^0.2.0",
|
||||||
"path-to-regexp": "^0.1.10",
|
"path-to-regexp": "^0.1.10",
|
||||||
"pdfobject": "^2.3.0",
|
"pdfobject": "^2.3.0",
|
||||||
"prismjs": "^1.30.0",
|
|
||||||
"qrcodejs2": "^0.0.2",
|
"qrcodejs2": "^0.0.2",
|
||||||
"screenfull": "^6.0.2",
|
"screenfull": "^6.0.2",
|
||||||
"sortablejs": "^1.15.5",
|
"sortablejs": "^1.15.5",
|
||||||
|
|
@ -63,7 +62,6 @@
|
||||||
"vue-count-to": "^1.0.13",
|
"vue-count-to": "^1.0.13",
|
||||||
"vue-demi": "^0.14.10",
|
"vue-demi": "^0.14.10",
|
||||||
"vue-i18n": "^8.28.2",
|
"vue-i18n": "^8.28.2",
|
||||||
"vue-prism-editor": "^1.3.0",
|
|
||||||
"vue-puzzle-vcode": "^1.1.10",
|
"vue-puzzle-vcode": "^1.1.10",
|
||||||
"vue-router": "^3.0.6",
|
"vue-router": "^3.0.6",
|
||||||
"vue-seamless-scroll": "^1.1.23",
|
"vue-seamless-scroll": "^1.1.23",
|
||||||
|
|
@ -18046,15 +18044,6 @@
|
||||||
"renderkid": "^3.0.0"
|
"renderkid": "^3.0.0"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/prismjs": {
|
|
||||||
"version": "1.30.0",
|
|
||||||
"resolved": "https://registry.npmmirror.com/prismjs/-/prismjs-1.30.0.tgz",
|
|
||||||
"integrity": "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=6"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/process": {
|
"node_modules/process": {
|
||||||
"version": "0.11.10",
|
"version": "0.11.10",
|
||||||
"resolved": "https://registry.npmmirror.com/process/-/process-0.11.10.tgz",
|
"resolved": "https://registry.npmmirror.com/process/-/process-0.11.10.tgz",
|
||||||
|
|
@ -23008,18 +22997,6 @@
|
||||||
"url": "https://github.com/chalk/chalk?sponsor=1"
|
"url": "https://github.com/chalk/chalk?sponsor=1"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/vue-prism-editor": {
|
|
||||||
"version": "1.3.0",
|
|
||||||
"resolved": "https://registry.npmmirror.com/vue-prism-editor/-/vue-prism-editor-1.3.0.tgz",
|
|
||||||
"integrity": "sha512-54RfgtMGRMNr9484zKMOZs1wyLDR6EfFylzE2QrMCD9alCvXyYYcS0vX8oUHh+6pMUu6ts59uSN9cHglpU2NRQ==",
|
|
||||||
"license": "MIT",
|
|
||||||
"engines": {
|
|
||||||
"node": ">=10"
|
|
||||||
},
|
|
||||||
"peerDependencies": {
|
|
||||||
"vue": "^2.6.11"
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"node_modules/vue-puzzle-vcode": {
|
"node_modules/vue-puzzle-vcode": {
|
||||||
"version": "1.1.10",
|
"version": "1.1.10",
|
||||||
"resolved": "https://registry.npmmirror.com/vue-puzzle-vcode/-/vue-puzzle-vcode-1.1.10.tgz",
|
"resolved": "https://registry.npmmirror.com/vue-puzzle-vcode/-/vue-puzzle-vcode-1.1.10.tgz",
|
||||||
|
|
|
||||||
|
|
@ -54,7 +54,6 @@
|
||||||
"nprogress": "^0.2.0",
|
"nprogress": "^0.2.0",
|
||||||
"path-to-regexp": "^0.1.10",
|
"path-to-regexp": "^0.1.10",
|
||||||
"pdfobject": "^2.3.0",
|
"pdfobject": "^2.3.0",
|
||||||
"prismjs": "^1.30.0",
|
|
||||||
"qrcodejs2": "^0.0.2",
|
"qrcodejs2": "^0.0.2",
|
||||||
"screenfull": "^6.0.2",
|
"screenfull": "^6.0.2",
|
||||||
"sortablejs": "^1.15.5",
|
"sortablejs": "^1.15.5",
|
||||||
|
|
@ -69,7 +68,6 @@
|
||||||
"vue-count-to": "^1.0.13",
|
"vue-count-to": "^1.0.13",
|
||||||
"vue-demi": "^0.14.10",
|
"vue-demi": "^0.14.10",
|
||||||
"vue-i18n": "^8.28.2",
|
"vue-i18n": "^8.28.2",
|
||||||
"vue-prism-editor": "^1.3.0",
|
|
||||||
"vue-puzzle-vcode": "^1.1.10",
|
"vue-puzzle-vcode": "^1.1.10",
|
||||||
"vue-router": "^3.0.6",
|
"vue-router": "^3.0.6",
|
||||||
"vue-seamless-scroll": "^1.1.23",
|
"vue-seamless-scroll": "^1.1.23",
|
||||||
|
|
|
||||||
|
|
@ -418,11 +418,10 @@ export function addOrUpdateBasicDic(param) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getDictionaryChildList(data) {
|
export function getDictionaryChildList(id) {
|
||||||
return request({
|
return request({
|
||||||
url: `/Dictionary/getChildList`,
|
url: `/Dictionary/getChildList/${id}`,
|
||||||
method: 'post',
|
method: 'get'
|
||||||
data
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1358,42 +1357,3 @@ export function deleteAttachment(data) {
|
||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 项目文档-获取历史记录列表
|
|
||||||
export function getTrialHistoryRecordFileList(data) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialHistoryRecordFile/getTrialHistoryRecordFileList`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 项目文档-新增/修改历史记录
|
|
||||||
export function addOrUpdateTrialHistoryRecordFile(data) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialHistoryRecordFile/addOrUpdateTrialHistoryRecordFile`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 项目文档-批量新增历史记录
|
|
||||||
export function batchAddTrialHistoryRecordFile(data) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialHistoryRecordFile/batchAddTrialHistoryRecordFile`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 项目文档-删除历史记录
|
|
||||||
export function deleteTrialHistoryRecordFile(id) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialHistoryRecordFile/deleteTrialHistoryRecordFile/${id}`,
|
|
||||||
method: 'delete',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 邮件管理-批量修改邮件
|
|
||||||
export function batchUpdateEmail(data) {
|
|
||||||
return request({
|
|
||||||
url: `/EmailNoticeConfig/batchUpdateEmail`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -45,19 +45,10 @@ export function changeFrontAuditSort(param) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getModuleTypeDescriptionList(params) {
|
export function getModuleTypeDescriptionList(param) {
|
||||||
return request({
|
return request({
|
||||||
url: `/FrontAuditConfig/getModuleTypeDescriptionList`,
|
url: `${param === '' ? '/FrontAuditConfig/getModuleTypeDescriptionList' : '/FrontAuditConfig/getModuleTypeDescriptionList?moduleTypeId=' + param}`,
|
||||||
method: 'get',
|
method: 'get'
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
export function getModuleTypeList(data) {
|
|
||||||
return request({
|
|
||||||
url: `/FrontAuditConfig/getModuleTypeList`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -72,14 +72,7 @@ export function getReadingTaskList_Export(param) {
|
||||||
data: param
|
data: param
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
export function getTrialVisitImageStatList_Export(param) {
|
|
||||||
return requestDownload({
|
|
||||||
url: '/ExcelExport/getTrialVisitImageStatList_Export',
|
|
||||||
method: 'post',
|
|
||||||
responseType: 'blob',
|
|
||||||
data: param
|
|
||||||
})
|
|
||||||
}
|
|
||||||
export function getReReadingTaskList_Export(param) {
|
export function getReReadingTaskList_Export(param) {
|
||||||
return requestDownload({
|
return requestDownload({
|
||||||
url: '/ExcelExport/getReReadingTaskList_Export',
|
url: '/ExcelExport/getReReadingTaskList_Export',
|
||||||
|
|
|
||||||
|
|
@ -4131,77 +4131,3 @@ export function addFolder(data) {
|
||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
// 配置-项目文档发布
|
|
||||||
export function publishTrialDocument(data) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialDocument/publishTrialDocument`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 配置-获取项目文档附件列表
|
|
||||||
export function getTrialDocumentAttachmentList(data) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialDocument/getTrialDocumentAttachmentList`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 配置-新增或修改项目文档附件
|
|
||||||
export function addOrUpdateTrialDocumentAttachment(data) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialDocument/addOrUpdateTrialDocumentAttachment`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 配置-删除项目文档附件
|
|
||||||
export function deleteTrialDocumentAttachment(data) {
|
|
||||||
return request({
|
|
||||||
url: `/TrialDocument/deleteTrialDocumentAttachment/${data}`,
|
|
||||||
method: 'delete',
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
// 配置-获取稽查管理列表
|
|
||||||
export function getTrialShowInspection(data) {
|
|
||||||
return request({
|
|
||||||
url: `/Inspection/getTrialShowInspection`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 配置-设置稽查管理配置
|
|
||||||
export function setTrialShowInspection(data) {
|
|
||||||
return request({
|
|
||||||
url: `/Inspection/setTrialShowInspection`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 影像汇总-获取列表
|
|
||||||
export function getTrialVisitImageStatList(data) {
|
|
||||||
return request({
|
|
||||||
url: `/DownloadAndUpload/getTrialVisitImageStatList`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 影像汇总-获取统计
|
|
||||||
export function getTrialVisitImageStatInfo(params) {
|
|
||||||
return request({
|
|
||||||
url: `/DownloadAndUpload/getTrialVisitImageStatInfo`,
|
|
||||||
method: 'get',
|
|
||||||
params
|
|
||||||
})
|
|
||||||
}
|
|
||||||
// 影像汇总-影像下载
|
|
||||||
export function getExportSubjectVisitImageList(data) {
|
|
||||||
return request({
|
|
||||||
url: `/DownloadAndUpload/getExportSubjectVisitImageList`,
|
|
||||||
method: 'post',
|
|
||||||
data
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
@ -459,9 +459,9 @@ export function setMedicalReviewInvalid(params) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
export function getTrialCriterionList(trialId, isRandom = false) {
|
export function getTrialCriterionList(trialId) {
|
||||||
return request({
|
return request({
|
||||||
url: `/VisitTask/getTrialCriterionList?TrialId=${trialId}&isRandom=${isRandom}`,
|
url: `/VisitTask/getTrialCriterionList?TrialId=${trialId}`,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,15 @@
|
||||||
<template>
|
<template>
|
||||||
<div id="canvas" ref="canvas" v-loading="loading" :element-loading-text="NSTip"
|
<div
|
||||||
element-loading-background="rgba(0, 0, 0, 0.8)" style="width:100%;height:100%;position:relative;"
|
id="canvas"
|
||||||
class="cornerstone-element" @contextmenu.prevent="onContextmenu" @mouseup="sliderMouseup">
|
ref="canvas"
|
||||||
|
v-loading="loading"
|
||||||
|
:element-loading-text="NSTip"
|
||||||
|
element-loading-background="rgba(0, 0, 0, 0.8)"
|
||||||
|
style="width:100%;height:100%;position:relative;"
|
||||||
|
class="cornerstone-element"
|
||||||
|
@contextmenu.prevent="onContextmenu"
|
||||||
|
@mouseup="sliderMouseup"
|
||||||
|
>
|
||||||
<div v-show="dicomInfo.series" class="info-series">
|
<div v-show="dicomInfo.series" class="info-series">
|
||||||
<div>Series #{{ dicomInfo.series }}</div>
|
<div>Series #{{ dicomInfo.series }}</div>
|
||||||
<div>Image #{{ dicomInfo.frame }}</div>
|
<div>Image #{{ dicomInfo.frame }}</div>
|
||||||
|
|
@ -18,11 +26,9 @@
|
||||||
<div v-show="dicomInfo.location">Location {{ dicomInfo.location }}mm</div> -->
|
<div v-show="dicomInfo.location">Location {{ dicomInfo.location }}mm</div> -->
|
||||||
<!-- <div v-show="toolState.clipPlaying">FPS {{ dicomInfo.fps }}</div> -->
|
<!-- <div v-show="toolState.clipPlaying">FPS {{ dicomInfo.fps }}</div> -->
|
||||||
<div v-show="mousePosition.mo">
|
<div v-show="mousePosition.mo">
|
||||||
Pos: {{ mousePosition.x ? mousePosition.x.toFixed(0) : '' }}, {{ mousePosition.y ? mousePosition.y.toFixed(0) :
|
Pos: {{ mousePosition.x?mousePosition.x.toFixed(0):'' }}, {{ mousePosition.y?mousePosition.y.toFixed(0):'' }}
|
||||||
'' }}
|
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="(dicomInfo.modality === 'CT' || dicomInfo.modality === 'DR' || dicomInfo.modality === 'CR') && mousePosition.mo">
|
||||||
v-if="(dicomInfo.modality === 'CT' || dicomInfo.modality === 'DR' || dicomInfo.modality === 'CR') && mousePosition.mo">
|
|
||||||
HU: {{ mousePosition.mo }}
|
HU: {{ mousePosition.mo }}
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="(dicomInfo.modality === 'PT' && mousePosition.suv)">
|
<div v-else-if="(dicomInfo.modality === 'PT' && mousePosition.suv)">
|
||||||
|
|
@ -39,8 +45,6 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="info-subject">
|
<div class="info-subject">
|
||||||
<div v-if="series.subjectCode">{{ series.subjectCode }}</div>
|
|
||||||
<div v-if="series.visitName">{{ series.visitName }}</div>
|
|
||||||
<div>{{ stack.description }}</div>
|
<div>{{ stack.description }}</div>
|
||||||
<!-- <div>{{ dicomInfo.hospital }}</div> -->
|
<!-- <div>{{ dicomInfo.hospital }}</div> -->
|
||||||
<!-- <div v-show="dicomInfo.pid">{{ dicomInfo.pid }}</div> -->
|
<!-- <div v-show="dicomInfo.pid">{{ dicomInfo.pid }}</div> -->
|
||||||
|
|
@ -49,12 +53,8 @@
|
||||||
<!-- <div v-show="dicomInfo.acc">ACC {{ dicomInfo.acc }}</div> -->
|
<!-- <div v-show="dicomInfo.acc">ACC {{ dicomInfo.acc }}</div> -->
|
||||||
<!-- <div>{{ dicomInfo.time }}</div> -->
|
<!-- <div>{{ dicomInfo.time }}</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div ref="sliderBox" class="my_slider_box"
|
<div ref="sliderBox" class="my_slider_box" style="position: absolute;right: 1px;height: calc(100% - 100px);transform: translateY(-50%);top: calc(50% - 30px);width: 10px;background: #333;cursor: pointer" @click.stop="goViewer($event)">
|
||||||
style="position: absolute;right: 1px;height: calc(100% - 100px);transform: translateY(-50%);top: calc(50% - 30px);width: 10px;background: #333;cursor: pointer"
|
<div :style="{top: height + '%'}" style="z-index:10;background: #9e9e9e;height: 20px;width: 100%;position: absolute;top: 0;cursor: move" @mousedown="sliderMousedown($event)" />
|
||||||
@click.stop="goViewer($event)">
|
|
||||||
<div :style="{ top: height + '%' }"
|
|
||||||
style="z-index:10;background: #9e9e9e;height: 20px;width: 100%;position: absolute;top: 0;cursor: move"
|
|
||||||
@mousedown="sliderMousedown($event)" />
|
|
||||||
</div>
|
</div>
|
||||||
<div style="position: absolute;left: 50%;top: 15px;color: #f44336;">
|
<div style="position: absolute;left: 50%;top: 15px;color: #f44336;">
|
||||||
{{ markers.top }}
|
{{ markers.top }}
|
||||||
|
|
@ -81,8 +81,15 @@
|
||||||
<!-- <div v-show="stack.firstImageLoading" class="load-indicator">
|
<!-- <div v-show="stack.firstImageLoading" class="load-indicator">
|
||||||
Loading Series #{{ stack.seriesNumber }}...
|
Loading Series #{{ stack.seriesNumber }}...
|
||||||
</div>-->
|
</div>-->
|
||||||
<el-dialog v-if="dcmTag.visible" :visible.sync="dcmTag.visible" :close-on-click-modal="false" :title="dcmTag.title"
|
<el-dialog
|
||||||
width="1000px" custom-class="base-dialog-wrapper" append-to-body>
|
v-if="dcmTag.visible"
|
||||||
|
:visible.sync="dcmTag.visible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:title="dcmTag.title"
|
||||||
|
width="1000px"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
<dicom-tags :image-id="stack.imageIds[stack.currentImageIdIndex]" @close="dcmTag.visible = false" />
|
<dicom-tags :image-id="stack.imageIds[stack.currentImageIdIndex]" @close="dcmTag.visible = false" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -261,9 +268,9 @@ export default {
|
||||||
)
|
)
|
||||||
if (!toolAlreadyAddedToElement) {
|
if (!toolAlreadyAddedToElement) {
|
||||||
if (toolName === 'RectangleRoi') {
|
if (toolName === 'RectangleRoi') {
|
||||||
cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true, showStatsText: true } })
|
cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true, showStatsText: true}})
|
||||||
} else if (toolName === 'EllipticalRoi') {
|
} else if (toolName === 'EllipticalRoi') {
|
||||||
cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true } })
|
cornerstoneTools.addToolForElement(element, apiTool, { configuration: { showMinMax: true}})
|
||||||
} else {
|
} else {
|
||||||
cornerstoneTools.addToolForElement(element, apiTool)
|
cornerstoneTools.addToolForElement(element, apiTool)
|
||||||
}
|
}
|
||||||
|
|
@ -366,7 +373,8 @@ export default {
|
||||||
data.string('x00080030')
|
data.string('x00080030')
|
||||||
)
|
)
|
||||||
this.dicomInfo.series = data.string('x00200011')
|
this.dicomInfo.series = data.string('x00200011')
|
||||||
this.dicomInfo.frame = `${this.stack.currentImageIdIndex + 1}/${this.stack.imageIds.length
|
this.dicomInfo.frame = `${this.stack.currentImageIdIndex + 1}/${
|
||||||
|
this.stack.imageIds.length
|
||||||
}`
|
}`
|
||||||
this.dicomInfo.size = `${data.uint16('x00280011')}x${data.uint16(
|
this.dicomInfo.size = `${data.uint16('x00280011')}x${data.uint16(
|
||||||
'x00280010'
|
'x00280010'
|
||||||
|
|
@ -385,7 +393,6 @@ export default {
|
||||||
this.stack.imageIdIndex = newImageIdIndex
|
this.stack.imageIdIndex = newImageIdIndex
|
||||||
this.series.imageIdIndex = newImageIdIndex
|
this.series.imageIdIndex = newImageIdIndex
|
||||||
this.height = (this.stack.currentImageIdIndex) * 100 / (this.stack.imageIds.length - 1)
|
this.height = (this.stack.currentImageIdIndex) * 100 / (this.stack.imageIds.length - 1)
|
||||||
this.resetWwwc()
|
|
||||||
},
|
},
|
||||||
stackScrollCallback(e) {
|
stackScrollCallback(e) {
|
||||||
const { detail } = e
|
const { detail } = e
|
||||||
|
|
@ -676,7 +683,7 @@ export default {
|
||||||
cornerstoneTools.getToolState(
|
cornerstoneTools.getToolState(
|
||||||
this.canvas,
|
this.canvas,
|
||||||
'playClip'
|
'playClip'
|
||||||
).data[0].loop = true
|
).data[0].loop = false
|
||||||
},
|
},
|
||||||
setFps(fps) {
|
setFps(fps) {
|
||||||
this.dicomInfo.fps = fps
|
this.dicomInfo.fps = fps
|
||||||
|
|
@ -1134,7 +1141,6 @@ export default {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
/* z-index: 1; */
|
/* z-index: 1; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-image {
|
.info-image {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
|
|
@ -1154,7 +1160,6 @@ export default {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
/* z-index: 1; */
|
/* z-index: 1; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-instance {
|
.info-instance {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 15px;
|
right: 15px;
|
||||||
|
|
@ -1187,7 +1192,6 @@ export default {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
cursor: default;
|
cursor: default;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu__item:hover {
|
.menu__item:hover {
|
||||||
color: #ff0000;
|
color: #ff0000;
|
||||||
}
|
}
|
||||||
|
|
@ -1207,8 +1211,7 @@ li:hover {
|
||||||
background-color: #e0e0e2;
|
background-color: #e0e0e2;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
.my_slider_box:after{
|
||||||
.my_slider_box:after {
|
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -20px;
|
bottom: -20px;
|
||||||
|
|
|
||||||
|
|
@ -11,8 +11,6 @@
|
||||||
<!-- v-else-if="fileType.indexOf('pdf') !== -1"-->
|
<!-- v-else-if="fileType.indexOf('pdf') !== -1"-->
|
||||||
<!-- :src="`/static/pdfjs/web/viewer.html?file=${filePath}`">-->
|
<!-- :src="`/static/pdfjs/web/viewer.html?file=${filePath}`">-->
|
||||||
<!-- </pdf>-->
|
<!-- </pdf>-->
|
||||||
<video :src="`${OSSclientConfig.basePath}${filePath}`" style="width: 100%;height: 99%;" autoplay controls
|
|
||||||
controlsList="nodownload" v-else-if="fileType.indexOf('mp4') !== -1"></video>
|
|
||||||
<iframe v-else
|
<iframe v-else
|
||||||
:src="`/static/onlyOffice/viewer.html?url=${OSSclientConfig.basePath}${filePath}?onlyOffice_url=${onlyOffice_url}&type=${fileType}&title=${title}&documentType=${documentType}&userName=${currentUser}`"
|
:src="`/static/onlyOffice/viewer.html?url=${OSSclientConfig.basePath}${filePath}?onlyOffice_url=${onlyOffice_url}&type=${fileType}&title=${title}&documentType=${documentType}&userName=${currentUser}`"
|
||||||
width="100%" height="100%" frameborder="0" crossorigin="anonymous" />
|
width="100%" height="100%" frameborder="0" crossorigin="anonymous" />
|
||||||
|
|
@ -53,6 +51,7 @@ export default {
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
documentType() {
|
documentType() {
|
||||||
|
console.log(DOCUMENTTYPE[`.${this.fileType}`], 'documentType')
|
||||||
return DOCUMENTTYPE[`.${this.fileType}`]
|
return DOCUMENTTYPE[`.${this.fileType}`]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,23 +0,0 @@
|
||||||
import Vue from "vue";
|
|
||||||
import Video from "./index.vue";
|
|
||||||
|
|
||||||
const PreviewConstructor = Vue.extend(Video);
|
|
||||||
|
|
||||||
const video = options => {
|
|
||||||
const { path, type, title } = options;
|
|
||||||
if (!path) throw `path is requred.but ${path}`
|
|
||||||
const id = `OnlyOffice_${new Date().getTime()}`;
|
|
||||||
const instance = new PreviewConstructor();
|
|
||||||
instance.id = id;
|
|
||||||
instance.vm = instance.$mount();
|
|
||||||
if (instance.vm.visible) return;
|
|
||||||
document.body.appendChild(instance.vm.$el);
|
|
||||||
instance.vm.open(path, type, title);
|
|
||||||
instance.vm.$on("closed", () => {
|
|
||||||
instance.vm.docEditor = null
|
|
||||||
document.body.removeChild(instance.vm.$el);
|
|
||||||
instance.vm.$destroy();
|
|
||||||
});
|
|
||||||
return instance.vm;
|
|
||||||
}
|
|
||||||
export default video;
|
|
||||||
|
|
@ -1,7 +0,0 @@
|
||||||
import Video from "./index.vue";
|
|
||||||
import video from "./fun";
|
|
||||||
|
|
||||||
export default Vue => {
|
|
||||||
Vue.component(Video.name, Video);
|
|
||||||
Vue.prototype.$video = video;
|
|
||||||
};
|
|
||||||
|
|
@ -1,38 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-dialog v-if="visible" :visible.sync="visible" :title="title" :fullscreen="true" append-to-body
|
|
||||||
custom-class="base-dialog-wrapper" @close="handleClose">
|
|
||||||
<div class="base-modal-body" style="border: 2px solid #ccc; padding: 10px">
|
|
||||||
<video :src="path" style="width: 100%;height: 99%;" autoplay controls controlsList="nodownload"></video>
|
|
||||||
</div>
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "Video",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
visible: false,
|
|
||||||
path: null,
|
|
||||||
type: null,
|
|
||||||
title: null,
|
|
||||||
};
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
|
|
||||||
open(path, type, title) {
|
|
||||||
this.path = this.OSSclientConfig.basePath + path;
|
|
||||||
this.title = title;
|
|
||||||
this.visible = true;
|
|
||||||
},
|
|
||||||
handleClose() {
|
|
||||||
this.$emit("closed");
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
#placeholder {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -22,13 +22,7 @@
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="questionForm[question.Id]">
|
<el-table :data="questionForm[question.Id]">
|
||||||
<el-table-column v-for="item of question.TableQuestions" :key="item.Id" :prop="item.Id"
|
<el-table-column v-for="item of question.TableQuestions" :key="item.Id" :prop="item.Id"
|
||||||
:label="item.QuestionName" min-width="100" show-overflow-tooltip>
|
:label="item.QuestionName" min-width="100" show-overflow-tooltip />
|
||||||
<template slot-scope="scope">
|
|
||||||
{{ scope.row[item.Id] && Array.isArray(scope.row[item.Id]) ?
|
|
||||||
scope.row[item.Id].join(" | ")
|
|
||||||
: scope.row[item.Id] }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column :label="$t('common:action:action')" min-width="100" show-overflow-tooltip
|
<el-table-column :label="$t('common:action:action')" min-width="100" show-overflow-tooltip
|
||||||
v-if="SecondReviewState <= 0">
|
v-if="SecondReviewState <= 0">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
|
|
@ -82,7 +76,7 @@
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val.trim()" />
|
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val.trim()" />
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
<!-- 日期 -->
|
<!-- 单选 -->
|
||||||
<el-date-picker v-if="question.ClinicalQuestionType === 'time'" v-model="questionForm[question.Id]"
|
<el-date-picker v-if="question.ClinicalQuestionType === 'time'" v-model="questionForm[question.Id]"
|
||||||
style="width: 200px" align="right" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" />
|
style="width: 200px" align="right" type="date" format="yyyy-MM-dd" value-format="yyyy-MM-dd" />
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
|
|
@ -323,6 +317,8 @@ export default {
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
case 6:
|
case 6:
|
||||||
|
console.log(this.questionForm[o.QuestionId])
|
||||||
|
console.log(this.questionForm)
|
||||||
this.questionForm[o.QuestionId].forEach((q, qi) => {
|
this.questionForm[o.QuestionId].forEach((q, qi) => {
|
||||||
if (qi === 0) {
|
if (qi === 0) {
|
||||||
num = parseFloat(q[o.TableQuestionId])
|
num = parseFloat(q[o.TableQuestionId])
|
||||||
|
|
@ -365,16 +361,11 @@ export default {
|
||||||
}
|
}
|
||||||
break
|
break
|
||||||
case 11:
|
case 11:
|
||||||
if (parseFloat(this.getCurrentAgeByBirthDate(this.questionForm[o.TableQuestionId])) > 0) {
|
if (parseFloat(this.getCurrentAgeByBirthDate2(this.questionForm[o.TableQuestionId], this.questionForm[o.QuestionId])) > 0) {
|
||||||
num = parseFloat(this.getCurrentAgeByBirthDate(this.questionForm[o.TableQuestionId]))
|
num = parseFloat(this.getCurrentAgeByBirthDate2(this.questionForm[o.TableQuestionId], this.questionForm[o.QuestionId]))
|
||||||
} else {
|
} else {
|
||||||
num = 0
|
num = 0
|
||||||
}
|
}
|
||||||
// if (parseFloat(this.getCurrentAgeByBirthDate2(this.questionForm[o.TableQuestionId], this.questionForm[o.QuestionId])) > 0) {
|
|
||||||
// num = parseFloat(this.getCurrentAgeByBirthDate2(this.questionForm[o.TableQuestionId], this.questionForm[o.QuestionId]))
|
|
||||||
// } else {
|
|
||||||
// num = 0
|
|
||||||
// }
|
|
||||||
break
|
break
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -414,19 +405,19 @@ export default {
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.log(e)
|
console.log(e)
|
||||||
}
|
}
|
||||||
if (rules.DigitPlaces) {
|
console.log(num)
|
||||||
num = num.toFixed(rules.DigitPlaces)
|
|
||||||
}
|
|
||||||
return num
|
return num
|
||||||
},
|
},
|
||||||
formItemNumberChange(questionId, isTable) {
|
formItemNumberChange(questionId, isTable) {
|
||||||
try {
|
try {
|
||||||
if (isTable) {
|
if (isTable) {
|
||||||
this.calculationList.forEach((v, i) => {
|
this.calculationList.forEach((v, i) => {
|
||||||
|
console.log(v, i)
|
||||||
var find = v.CalculateQuestionList.filter(o => {
|
var find = v.CalculateQuestionList.filter(o => {
|
||||||
return o.QuestionId === questionId
|
return o.QuestionId === questionId
|
||||||
})
|
})
|
||||||
// find的自动计算值number
|
// find的自动计算值number
|
||||||
|
console.log('find', find)
|
||||||
if (find) {
|
if (find) {
|
||||||
var num = this.logic(v)
|
var num = this.logic(v)
|
||||||
if (num !== false) {
|
if (num !== false) {
|
||||||
|
|
@ -440,6 +431,7 @@ export default {
|
||||||
return o.TableQuestionId === questionId
|
return o.TableQuestionId === questionId
|
||||||
})
|
})
|
||||||
// find的自动计算值number
|
// find的自动计算值number
|
||||||
|
console.log('find', find)
|
||||||
// find的自动计算值number
|
// find的自动计算值number
|
||||||
if (find) {
|
if (find) {
|
||||||
var num = this.logic(v)
|
var num = this.logic(v)
|
||||||
|
|
@ -510,9 +502,6 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-form-item__label{
|
|
||||||
color: #606266 !important;
|
|
||||||
}
|
|
||||||
.my_dialog {
|
.my_dialog {
|
||||||
.criterion-form-item {
|
.criterion-form-item {
|
||||||
::v-deep .el-form-item__content {
|
::v-deep .el-form-item__content {
|
||||||
|
|
|
||||||
|
|
@ -1,65 +1,125 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="criterion-form-item">
|
<div class="criterion-form-item">
|
||||||
|
|
||||||
<el-form-item :label="`${question.QuestionName}`" :prop="question.Id" :rules="[
|
<el-form-item
|
||||||
{
|
:label="`${question.QuestionName}`"
|
||||||
required: (question.IsRequired === 0 || (question.IsRequired === 1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))),
|
:prop="question.Id"
|
||||||
|
:rules="[
|
||||||
|
{ required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))),
|
||||||
message: $t('common:ruleMessage:specify'), trigger: ['blur'],
|
message: $t('common:ruleMessage:specify'), trigger: ['blur'],
|
||||||
type: question.ClinicalTableQuestionType === 'checkbox' ? 'array' : ''
|
type: question.ClinicalTableQuestionType === 'checkbox' ? 'array' : ''},
|
||||||
},
|
|
||||||
]"
|
]"
|
||||||
:class="[question.ClinicalTableQuestionType === 'group' ? 'mb' : question.ClinicalTableQuestionType === 'upload' ? 'uploadWrapper' : '']">
|
:class="[question.ClinicalTableQuestionType==='group'?'mb':question.ClinicalTableQuestionType==='upload'?'uploadWrapper':'']"
|
||||||
<el-input v-if="question.ClinicalTableQuestionType === 'input'" v-model="questionForm[question.Id]"
|
>
|
||||||
:max-length="200" :disabled="question.TableQuestionType === 2" />
|
<el-input
|
||||||
|
v-if="question.ClinicalTableQuestionType==='input'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
:max-length="200"
|
||||||
|
:disabled="question.TableQuestionType === 2"
|
||||||
|
/>
|
||||||
<!-- 多行文本输入框 -->
|
<!-- 多行文本输入框 -->
|
||||||
<el-input v-if="question.ClinicalTableQuestionType === 'textarea'" v-model="questionForm[question.Id]"
|
<el-input
|
||||||
:max-length="200" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" />
|
v-if="question.ClinicalTableQuestionType==='textarea'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
:max-length="200"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4}"
|
||||||
|
/>
|
||||||
<!-- 下拉框 -->
|
<!-- 下拉框 -->
|
||||||
<el-select v-if="question.ClinicalTableQuestionType === 'select'" v-model="questionForm[question.Id]" clearable
|
<el-select
|
||||||
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && !!question.DictionaryCode">
|
v-if="question.ClinicalTableQuestionType==='select'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
clearable
|
||||||
|
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && !!question.DictionaryCode"
|
||||||
|
>
|
||||||
<template v-if="question.TableQuestionType === 1">
|
<template v-if="question.TableQuestionType === 1">
|
||||||
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
<el-option
|
||||||
:value="item[question.DataTableColumn]" />
|
v-for="item in organList"
|
||||||
|
:key="item.Id"
|
||||||
|
:label="item[question.DataTableColumn]"
|
||||||
|
:value="item[question.DataTableColumn]"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="question.TableQuestionType === 3 || question.QuestionGenre === 3">
|
<template v-else-if="question.TableQuestionType === 3 || question.QuestionGenre === 3">
|
||||||
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
|
<el-option
|
||||||
:label="item.label" />
|
v-for="item of $d[question.DictionaryCode]"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
|
||||||
v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
|
<el-option
|
||||||
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
|
v-for="item of $d[question.DictionaryCode]"
|
||||||
:label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
<el-option
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val"
|
||||||
|
:value="val"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
</el-select>
|
</el-select>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-date-picker v-if="question.ClinicalTableQuestionType === 'time'" v-model="questionForm[question.Id]"
|
<el-date-picker
|
||||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd" style="width: 200px" align="right" type="date" />
|
v-if="question.ClinicalTableQuestionType === 'time'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
style="width: 200px"
|
||||||
|
align="right"
|
||||||
|
type="date"
|
||||||
|
/>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-radio-group v-if="question.ClinicalTableQuestionType === 'radio'" v-model="questionForm[question.Id]"
|
<el-radio-group
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
v-if="question.ClinicalTableQuestionType==='radio'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
@change="((val)=>{formItemChange(val, question)})"
|
||||||
|
>
|
||||||
<template v-if="question.DictionaryCode">
|
<template v-if="question.DictionaryCode">
|
||||||
<el-radio v-for="item of $d[question.DictionaryCode]" :key="item.id" :label="item.value">
|
<el-radio
|
||||||
|
v-for="item of $d[question.DictionaryCode]"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.value"
|
||||||
|
>
|
||||||
{{ item.label }}
|
{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
<template v-if="question.TypeValue">
|
<template v-if="question.TypeValue">
|
||||||
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
<el-radio
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val"
|
||||||
|
>
|
||||||
{{ val }}
|
{{ val }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</template>
|
</template>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<!-- 复选框 -->
|
<!-- 复选框 -->
|
||||||
<el-checkbox-group v-if="question.ClinicalTableQuestionType === 'checkbox'" v-model="questionForm[question.Id]">
|
<el-checkbox-group
|
||||||
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
v-if="question.ClinicalTableQuestionType==='checkbox'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
>
|
||||||
|
<el-checkbox
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val"
|
||||||
|
>
|
||||||
{{ val }}
|
{{ val }}
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
<el-input v-if="question.ClinicalTableQuestionType === 'number'" v-model="questionForm[question.Id]" type="number"
|
<el-input
|
||||||
@input="limitInput($event, questionForm, question)" style="width: 200px">
|
v-if="question.ClinicalTableQuestionType === 'number'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
type="number"
|
||||||
|
style="width: 200px"
|
||||||
|
>
|
||||||
<template v-if="question.Unit" slot="append">{{ question.Unit }}</template>
|
<template v-if="question.Unit" slot="append">{{ question.Unit }}</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -127,14 +187,6 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
limitInput(value, form, row) {
|
|
||||||
if (value.indexOf('.') > -1) {
|
|
||||||
if (value.split('.')[1].length >= row.DigitPlaces) {
|
|
||||||
this.$set(form, row.Id, parseFloat(value).toFixed(row.DigitPlaces))
|
|
||||||
}
|
|
||||||
}
|
|
||||||
this.$forceUpdate()
|
|
||||||
},
|
|
||||||
save() {
|
save() {
|
||||||
},
|
},
|
||||||
openAddTableCol(row) {
|
openAddTableCol(row) {
|
||||||
|
|
@ -168,40 +220,34 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.my_dialog {
|
.my_dialog{
|
||||||
.criterion-form-item {
|
.criterion-form-item{
|
||||||
::v-deep .el-form-item__content {
|
::v-deep .el-form-item__content{
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.criterion-form-item{
|
||||||
.criterion-form-item {
|
.el-form-item{
|
||||||
.el-form-item {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-form-item__content{
|
||||||
::v-deep .el-form-item__content {
|
|
||||||
width: 500px;
|
width: 500px;
|
||||||
}
|
}
|
||||||
|
.el-input{
|
||||||
.el-input {
|
width:100%;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
.mb{
|
||||||
.mb {
|
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
.disabled{
|
||||||
.disabled {
|
|
||||||
::v-deep .el-upload--picture-card {
|
::v-deep .el-upload--picture-card {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.uploadWrapper{
|
||||||
.uploadWrapper {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
|
|
|
||||||
|
|
@ -375,7 +375,7 @@ export default {
|
||||||
console.log(i.Answer ? i.Answer.split(',') : [])
|
console.log(i.Answer ? i.Answer.split(',') : [])
|
||||||
console.log(this.questionForm)
|
console.log(this.questionForm)
|
||||||
} else if (i.ClinicalQuestionType === 'number') {
|
} else if (i.ClinicalQuestionType === 'number') {
|
||||||
this.$set(this.questionForm, i.Id, i.Answer || i.DefaultValue)
|
this.$set(this.questionForm, i.Id, i.Answer)
|
||||||
} else if (i.Childrens && i.Childrens.length > 0) {
|
} else if (i.Childrens && i.Childrens.length > 0) {
|
||||||
this.setChild(i.Childrens)
|
this.setChild(i.Childrens)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
<i class="el-icon-warning-outline"></i>
|
<i class="el-icon-warning-outline"></i>
|
||||||
<div v-html="$t('download:tip:message')"></div>
|
<div v-html="$t('download:tip:message')"></div>
|
||||||
</div>
|
</div>
|
||||||
<!--上传列表@selection-change="handleSelectionChange" @sort-change="handleSortByColumn"-->
|
<!--上传列表@selection-change="handleSelectionChange"-->
|
||||||
<el-table ref="dicomFilesTable" v-adaptive="{ bottomOffset: 85 }" height="100" :data="list" :loading="loading"
|
<el-table ref="dicomFilesTable" v-adaptive="{ bottomOffset: 85 }" height="100" :data="list" :loading="loading"
|
||||||
class="dicomFiles-table"
|
class="dicomFiles-table"
|
||||||
:default-sort="{ prop: 'TaskBlindName', order: 'descending' }">
|
:default-sort="{ prop: 'TaskBlindName', order: 'descending' }">
|
||||||
|
|
|
||||||
|
|
@ -4,63 +4,123 @@
|
||||||
<span>{{ $t('upload:dicom:title') }}</span>
|
<span>{{ $t('upload:dicom:title') }}</span>
|
||||||
<div class="tip">
|
<div class="tip">
|
||||||
<i class="el-icon-warning-outline"></i>
|
<i class="el-icon-warning-outline"></i>
|
||||||
<div v-html="$t(`upload:dicom:tip:message${isReadingTaskViewInOrder}`)"></div>
|
<div
|
||||||
|
v-html="$t(`upload:dicom:tip:message${isReadingTaskViewInOrder}`)"
|
||||||
|
></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--检查列表-->
|
<!--检查列表-->
|
||||||
<el-table :data="list" style="width: 100%" height="300" :loading="loading">
|
<el-table :data="list" style="width: 100%" height="300" :loading="loading">
|
||||||
<!--受试者-->
|
<!--受试者-->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('upload:dicom:table:subjectCode')" />
|
<el-table-column
|
||||||
|
prop="SubjectCode"
|
||||||
|
:label="$t('upload:dicom:table:subjectCode')"
|
||||||
|
/>
|
||||||
<!--任务名称-->
|
<!--任务名称-->
|
||||||
<el-table-column prop="TaskBlindName" :label="$t('upload:dicom:table:taskBlindName')" />
|
<el-table-column
|
||||||
|
prop="TaskBlindName"
|
||||||
|
:label="$t('upload:dicom:table:taskBlindName')"
|
||||||
|
/>
|
||||||
<!--原始检查数-->
|
<!--原始检查数-->
|
||||||
<el-table-column prop="OrginalStudyList" :label="$t('upload:dicom:table:orginalStudyListNum')">
|
<el-table-column
|
||||||
|
prop="OrginalStudyList"
|
||||||
|
:label="$t('upload:dicom:table:orginalStudyListNum')"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button v-if="
|
<el-button
|
||||||
|
v-if="
|
||||||
scope.row.OrginalStudyList &&
|
scope.row.OrginalStudyList &&
|
||||||
scope.row.OrginalStudyList.length >= 1
|
scope.row.OrginalStudyList.length >= 1
|
||||||
" type="text" @click="handleOpenDialog(scope.row, 'OrginalStudyList')">
|
"
|
||||||
|
type="text"
|
||||||
|
@click="handleOpenDialog(scope.row, 'OrginalStudyList')"
|
||||||
|
>
|
||||||
<span>{{ scope.row.OrginalStudyList.length }}</span>
|
<span>{{ scope.row.OrginalStudyList.length }}</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
<span v-else>0</span>
|
<span v-else>0</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--后处理检查数-->
|
<!--后处理检查数-->
|
||||||
<el-table-column prop="UploadStudyList" :label="$t('upload:dicom:table:uploadStudyListNum')">
|
<el-table-column
|
||||||
|
prop="UploadStudyList"
|
||||||
|
:label="$t('upload:dicom:table:uploadStudyListNum')"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button v-if="
|
<el-button
|
||||||
|
v-if="
|
||||||
scope.row.UploadStudyList && scope.row.UploadStudyList.length >= 1
|
scope.row.UploadStudyList && scope.row.UploadStudyList.length >= 1
|
||||||
" type="text" @click="handleOpenDialog(scope.row, 'UploadStudyList', true)">
|
"
|
||||||
|
type="text"
|
||||||
|
@click="handleOpenDialog(scope.row, 'UploadStudyList', true)"
|
||||||
|
>
|
||||||
<span>{{ scope.row.UploadStudyList.length }}</span>
|
<span>{{ scope.row.UploadStudyList.length }}</span>
|
||||||
</el-button>
|
</el-button>
|
||||||
<span v-else>0</span>
|
<span v-else>0</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('common:action:action')" fixed="right" width="180">
|
<el-table-column
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
fixed="right"
|
||||||
|
width="180"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div class="btnBox">
|
<div class="btnBox">
|
||||||
<!--上传--->
|
<!--上传--->
|
||||||
<form id="inputForm" :ref="`uploadForm_${scope.row.Id}`" enctype="multipart/form-data">
|
<form
|
||||||
|
id="inputForm"
|
||||||
|
:ref="`uploadForm_${scope.row.Id}`"
|
||||||
|
enctype="multipart/form-data"
|
||||||
|
>
|
||||||
<div class="form-group" style="margin-right: 10px">
|
<div class="form-group" style="margin-right: 10px">
|
||||||
<div :id="`directoryInputWrapper_${scope.row.Id}`" class="btn btn-link file-input">
|
<div
|
||||||
<el-button circle icon="el-icon-upload2" :disabled="btnLoading" :loading="btnLoading"
|
:id="`directoryInputWrapper_${scope.row.Id}`"
|
||||||
:title="$t('upload:dicom:button:upload')" />
|
class="btn btn-link file-input"
|
||||||
<input :title="$t('upload:dicom:button:upload')" type="file" :name="`file_${scope.row.VisitTaskId}`"
|
>
|
||||||
:ref="`pathClear_${scope.row.VisitTaskId}`" :disabled="btnLoading" webkitdirectory multiple @change="
|
<el-button
|
||||||
|
circle
|
||||||
|
icon="el-icon-upload2"
|
||||||
|
:disabled="btnLoading"
|
||||||
|
:loading="btnLoading"
|
||||||
|
:title="$t('upload:dicom:button:upload')"
|
||||||
|
/>
|
||||||
|
<input
|
||||||
|
:title="$t('upload:dicom:button:upload')"
|
||||||
|
type="file"
|
||||||
|
:name="`file_${scope.row.VisitTaskId}`"
|
||||||
|
:ref="`pathClear_${scope.row.VisitTaskId}`"
|
||||||
|
:disabled="btnLoading"
|
||||||
|
webkitdirectory
|
||||||
|
multiple
|
||||||
|
@change="
|
||||||
($event) => beginScanFiles($event, scope.row.VisitTaskId)
|
($event) => beginScanFiles($event, scope.row.VisitTaskId)
|
||||||
" />
|
"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<!--预览--->
|
<!--预览--->
|
||||||
<el-button circle icon="el-icon-view" :disabled="!scope.row.UploadStudyList ||
|
<el-button
|
||||||
|
circle
|
||||||
|
icon="el-icon-view"
|
||||||
|
:disabled="
|
||||||
|
!scope.row.UploadStudyList ||
|
||||||
scope.row.UploadStudyList.length <= 0
|
scope.row.UploadStudyList.length <= 0
|
||||||
" @click.stop="handleViewReadingImages(scope.row)" :title="$t('upload:dicom:button:preview')" />
|
"
|
||||||
|
@click.stop="handleViewReadingImages(scope.row)"
|
||||||
|
:title="$t('upload:dicom:button:preview')"
|
||||||
|
/>
|
||||||
<!--删除--->
|
<!--删除--->
|
||||||
<el-button circle :disabled="!scope.row.UploadStudyList ||
|
<el-button
|
||||||
|
circle
|
||||||
|
:disabled="
|
||||||
|
!scope.row.UploadStudyList ||
|
||||||
scope.row.UploadStudyList.length <= 0 ||
|
scope.row.UploadStudyList.length <= 0 ||
|
||||||
scope.row.ReadingTaskState === 2
|
scope.row.ReadingTaskState === 2
|
||||||
" icon="el-icon-delete" :title="$t('upload:dicom:button:delete')" @click.stop="remove(scope.row)" />
|
"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
:title="$t('upload:dicom:button:delete')"
|
||||||
|
@click.stop="remove(scope.row)"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
@ -74,19 +134,38 @@
|
||||||
<form id="inputForm" ref="uploadForm" enctype="multipart/form-data">
|
<form id="inputForm" ref="uploadForm" enctype="multipart/form-data">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div id="directoryInputWrapper" class="btn btn-link file-input">
|
<div id="directoryInputWrapper" class="btn btn-link file-input">
|
||||||
<el-button type="primary" :disabled="btnLoading" :loading="btnLoading" size="mini">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:disabled="btnLoading"
|
||||||
|
:loading="btnLoading"
|
||||||
|
size="mini"
|
||||||
|
>
|
||||||
{{ $t('upload:dicom:button:batchUpload') }}
|
{{ $t('upload:dicom:button:batchUpload') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<input type="file" name="file" ref="pathClear" :disabled="btnLoading" webkitdirectory multiple title=""
|
<input
|
||||||
@change="beginScanFiles($event)" />
|
type="file"
|
||||||
|
name="file"
|
||||||
|
ref="pathClear"
|
||||||
|
:disabled="btnLoading"
|
||||||
|
webkitdirectory
|
||||||
|
multiple
|
||||||
|
title=""
|
||||||
|
@change="beginScanFiles($event)"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--上传列表-->
|
<!--上传列表-->
|
||||||
<el-table ref="dicomFilesTable" v-adaptive="{ bottomOffset: 80 }" height="100" :data="uploadQueues"
|
<el-table
|
||||||
class="dicomFiles-table" @selection-change="handleSelectionChange">
|
ref="dicomFilesTable"
|
||||||
|
v-adaptive="{ bottomOffset: 80 }"
|
||||||
|
height="100"
|
||||||
|
:data="uploadQueues"
|
||||||
|
class="dicomFiles-table"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
<el-table-column type="index" width="40" />
|
<el-table-column type="index" width="40" />
|
||||||
<el-table-column min-width="200" show-overflow-tooltip>
|
<el-table-column min-width="200" show-overflow-tooltip>
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
|
|
@ -103,21 +182,28 @@
|
||||||
<div style="line-height: 15px">
|
<div style="line-height: 15px">
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<span v-if="scope.row.dicomInfo.accNumber"><span style="font-weight: 500">Acc:</span>
|
<span v-if="scope.row.dicomInfo.accNumber"
|
||||||
{{ scope.row.dicomInfo.accNumber }}</span>
|
><span style="font-weight: 500">Acc:</span>
|
||||||
|
{{ scope.row.dicomInfo.accNumber }}</span
|
||||||
|
>
|
||||||
<span v-else style="color: #f44336">N/A</span>
|
<span v-else style="color: #f44336">N/A</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: inline-block; margin-right: 2px">
|
<div style="display: inline-block; margin-right: 2px">
|
||||||
<span v-if="scope.row.dicomInfo.modality.length > 0">
|
<span v-if="scope.row.dicomInfo.modality.length > 0">
|
||||||
{{ scope.row.dicomInfo.modality.join('、') }},</span>
|
{{ scope.row.dicomInfo.modality.join('、') }},</span
|
||||||
|
>
|
||||||
<span v-else style="color: #f44336">N/A,</span>
|
<span v-else style="color: #f44336">N/A,</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: inline-block; margin-right: 2px">
|
<div style="display: inline-block; margin-right: 2px">
|
||||||
<span v-if="scope.row.seriesList.length">{{ scope.row.seriesList.length }} Series,</span>
|
<span v-if="scope.row.seriesList.length"
|
||||||
|
>{{ scope.row.seriesList.length }} Series,</span
|
||||||
|
>
|
||||||
<span v-else style="color: #f44336">N/A,</span>
|
<span v-else style="color: #f44336">N/A,</span>
|
||||||
</div>
|
</div>
|
||||||
<div style="display: inline-block">
|
<div style="display: inline-block">
|
||||||
<span v-if="scope.row.fileList.length">{{ scope.row.fileList.length }} Instances</span>
|
<span v-if="scope.row.fileList.length"
|
||||||
|
>{{ scope.row.fileList.length }} Instances</span
|
||||||
|
>
|
||||||
<span v-else style="color: #f44336">N/A</span>
|
<span v-else style="color: #f44336">N/A</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -131,7 +217,8 @@
|
||||||
</div>
|
</div>
|
||||||
<div style="display: inline-block">
|
<div style="display: inline-block">
|
||||||
<span v-if="scope.row.dicomInfo.description">
|
<span v-if="scope.row.dicomInfo.description">
|
||||||
{{ scope.row.dicomInfo.description }}</span>
|
{{ scope.row.dicomInfo.description }}</span
|
||||||
|
>
|
||||||
<span v-else style="color: #f44336">N/A</span>
|
<span v-else style="color: #f44336">N/A</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -155,12 +242,16 @@
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div style="line-height: 15px">
|
<div style="line-height: 15px">
|
||||||
<div>
|
<div>
|
||||||
<span v-if="scope.row.dicomInfo.patientId"><span style="font-weight: 500">PID: </span>{{
|
<span v-if="scope.row.dicomInfo.patientId"
|
||||||
scope.row.dicomInfo.patientId }}</span>
|
><span style="font-weight: 500">PID: </span
|
||||||
|
>{{ scope.row.dicomInfo.patientId }}</span
|
||||||
|
>
|
||||||
<span v-else style="color: #f44336">N/A</span>
|
<span v-else style="color: #f44336">N/A</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span :class="[scope.row.dicomInfo.patientName ? '' : 'colorOfRed']">
|
<span
|
||||||
|
:class="[scope.row.dicomInfo.patientName ? '' : 'colorOfRed']"
|
||||||
|
>
|
||||||
{{
|
{{
|
||||||
scope.row.dicomInfo.patientName
|
scope.row.dicomInfo.patientName
|
||||||
? scope.row.dicomInfo.patientName
|
? scope.row.dicomInfo.patientName
|
||||||
|
|
@ -169,7 +260,9 @@
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<span :class="[scope.row.dicomInfo.patientSex ? '' : 'colorOfRed']">
|
<span
|
||||||
|
:class="[scope.row.dicomInfo.patientSex ? '' : 'colorOfRed']"
|
||||||
|
>
|
||||||
{{
|
{{
|
||||||
scope.row.dicomInfo.patientSex
|
scope.row.dicomInfo.patientSex
|
||||||
? scope.row.dicomInfo.patientSex
|
? scope.row.dicomInfo.patientSex
|
||||||
|
|
@ -177,7 +270,9 @@
|
||||||
}},
|
}},
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span :class="[scope.row.dicomInfo.patientAge ? '' : 'colorOfRed']">
|
<span
|
||||||
|
:class="[scope.row.dicomInfo.patientAge ? '' : 'colorOfRed']"
|
||||||
|
>
|
||||||
{{
|
{{
|
||||||
scope.row.dicomInfo.patientAge
|
scope.row.dicomInfo.patientAge
|
||||||
? scope.row.dicomInfo.patientAge
|
? scope.row.dicomInfo.patientAge
|
||||||
|
|
@ -185,9 +280,11 @@
|
||||||
}},
|
}},
|
||||||
</span>
|
</span>
|
||||||
|
|
||||||
<span :class="[
|
<span
|
||||||
|
:class="[
|
||||||
scope.row.dicomInfo.patientBirthDate ? '' : 'colorOfRed',
|
scope.row.dicomInfo.patientBirthDate ? '' : 'colorOfRed',
|
||||||
]">
|
]"
|
||||||
|
>
|
||||||
{{
|
{{
|
||||||
scope.row.dicomInfo.patientBirthDate
|
scope.row.dicomInfo.patientBirthDate
|
||||||
? scope.row.dicomInfo.patientBirthDate
|
? scope.row.dicomInfo.patientBirthDate
|
||||||
|
|
@ -198,14 +295,21 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:uploadDicomList:table:failedFileCount')" min-width="150"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
:label="$t('trials:uploadDicomList:table:failedFileCount')"
|
||||||
|
min-width="150"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-progress color="#409eff" :percentage="(
|
<el-progress
|
||||||
|
color="#409eff"
|
||||||
|
:percentage="
|
||||||
|
(
|
||||||
(scope.row.dicomInfo.uploadFileSize * 100) /
|
(scope.row.dicomInfo.uploadFileSize * 100) /
|
||||||
(scope.row.dicomInfo.fileSize ? scope.row.dicomInfo.fileSize : 1)
|
scope.row.dicomInfo.fileSize
|
||||||
).toFixed(2) * 1
|
).toFixed(2) * 1
|
||||||
" />
|
"
|
||||||
|
/>
|
||||||
<span>
|
<span>
|
||||||
{{ $t('trials:uploadDicomList:table:uploadNow')
|
{{ $t('trials:uploadDicomList:table:uploadNow')
|
||||||
}}{{ scope.row.dicomInfo.failedFileCount }}/{{
|
}}{{ scope.row.dicomInfo.failedFileCount }}/{{
|
||||||
|
|
@ -220,52 +324,85 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column :label="$t('trials:uploadDicomList:table:status')" min-width="140" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
:label="$t('trials:uploadDicomList:table:status')"
|
||||||
|
min-width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="
|
<span
|
||||||
|
v-if="
|
||||||
!scope.row.dicomInfo.failedFileCount &&
|
!scope.row.dicomInfo.failedFileCount &&
|
||||||
!scope.row.dicomInfo.isInit
|
!scope.row.dicomInfo.isInit
|
||||||
">
|
"
|
||||||
{{ $t('trials:uploadDicomList:table:status1') }}</span>
|
>
|
||||||
<span style="color: #409eff" v-else-if="
|
{{ $t('trials:uploadDicomList:table:status1') }}</span
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style="color: #409eff"
|
||||||
|
v-else-if="
|
||||||
!scope.row.dicomInfo.failedFileCount &&
|
!scope.row.dicomInfo.failedFileCount &&
|
||||||
scope.row.dicomInfo.isInit &&
|
scope.row.dicomInfo.isInit &&
|
||||||
btnLoading
|
btnLoading
|
||||||
">{{ $t('trials:uploadDicomList:table:status2') }}</span>
|
"
|
||||||
<span style="color: #409eff" v-else-if="
|
>{{ $t('trials:uploadDicomList:table:status2') }}</span
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style="color: #409eff"
|
||||||
|
v-else-if="
|
||||||
scope.row.dicomInfo.failedFileCount <
|
scope.row.dicomInfo.failedFileCount <
|
||||||
scope.row.dicomInfo.fileCount && !scope.row.uploadState.record
|
scope.row.dicomInfo.fileCount && !scope.row.uploadState.record
|
||||||
">{{ $t('trials:uploadDicomList:table:status2') }}</span>
|
"
|
||||||
<span style="color: #2cc368" v-else-if="
|
>{{ $t('trials:uploadDicomList:table:status2') }}</span
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style="color: #2cc368"
|
||||||
|
v-else-if="
|
||||||
scope.row.dicomInfo.failedFileCount ===
|
scope.row.dicomInfo.failedFileCount ===
|
||||||
scope.row.dicomInfo.fileCount
|
scope.row.dicomInfo.fileCount
|
||||||
">{{ $t('trials:uploadDicomList:table:status3') }}</span>
|
"
|
||||||
<span style="color: #f66" v-else-if="
|
>{{ $t('trials:uploadDicomList:table:status3') }}</span
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
style="color: #f66"
|
||||||
|
v-else-if="
|
||||||
scope.row.uploadState.record &&
|
scope.row.uploadState.record &&
|
||||||
scope.row.uploadState.record.fileCount === 0
|
scope.row.uploadState.record.fileCount === 0
|
||||||
">{{ $t('trials:uploadDicomList:table:status5') }}</span>
|
"
|
||||||
|
>{{ $t('trials:uploadDicomList:table:status5') }}</span
|
||||||
|
>
|
||||||
<span style="color: #f66" v-else>{{
|
<span style="color: #f66" v-else>{{
|
||||||
$t('trials:uploadDicomList:table:Failed')
|
$t('trials:uploadDicomList:table:Failed')
|
||||||
}}</span>
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:uploadDicomList:table:record')" min-width="140" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
:label="$t('trials:uploadDicomList:table:record')"
|
||||||
|
min-width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tooltip placement="top" v-if="scope.row.uploadState.record">
|
<el-tooltip placement="top" v-if="scope.row.uploadState.record">
|
||||||
<div slot="content">
|
<div slot="content">
|
||||||
<div style="max-height: 500px; overflow-y: auto">
|
<div style="max-height: 500px; overflow-y: auto">
|
||||||
{{ $t('trials:uploadDicomList:table:Existed') }}:
|
{{ $t('trials:uploadDicomList:table:Existed') }}:
|
||||||
<div v-if="scope.row.uploadState.record.Existed.length">
|
<div v-if="scope.row.uploadState.record.Existed.length">
|
||||||
<div v-for="item of scope.row.uploadState.record.Existed" :key="item"
|
<div
|
||||||
style="font-size: 12px; color: #baa72a">
|
v-for="item of scope.row.uploadState.record.Existed"
|
||||||
|
:key="item"
|
||||||
|
style="font-size: 12px; color: #baa72a"
|
||||||
|
>
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-else> </div>
|
<div v-else> </div>
|
||||||
{{ $t('trials:uploadDicomList:table:Uploaded') }}:
|
{{ $t('trials:uploadDicomList:table:Uploaded') }}:
|
||||||
<div v-if="scope.row.uploadState.record.Uploaded.length">
|
<div v-if="scope.row.uploadState.record.Uploaded.length">
|
||||||
<div v-for="item of scope.row.uploadState.record.Uploaded" :key="item"
|
<div
|
||||||
style="font-size: 12px; color: #24b837">
|
v-for="item of scope.row.uploadState.record.Uploaded"
|
||||||
|
:key="item"
|
||||||
|
style="font-size: 12px; color: #24b837"
|
||||||
|
>
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -273,8 +410,11 @@
|
||||||
<br />
|
<br />
|
||||||
{{ $t('trials:uploadDicomList:table:Failed') }}:
|
{{ $t('trials:uploadDicomList:table:Failed') }}:
|
||||||
<div v-if="scope.row.uploadState.record.Failed.length">
|
<div v-if="scope.row.uploadState.record.Failed.length">
|
||||||
<div v-for="item of scope.row.uploadState.record.Failed" :key="item"
|
<div
|
||||||
style="font-size: 12px; color: #f66">
|
v-for="item of scope.row.uploadState.record.Failed"
|
||||||
|
:key="item"
|
||||||
|
style="font-size: 12px; color: #f66"
|
||||||
|
>
|
||||||
{{ item }}
|
{{ item }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -298,8 +438,16 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<study-view v-if="model_cfg.visible" :model_cfg="model_cfg" :IsDicom="true" :bodyPart="bodyPart"
|
<study-view
|
||||||
:modelList="modelList" :isUpload="openIsUpload" :TrialModality="TrialModality" @getList="getList" />
|
v-if="model_cfg.visible"
|
||||||
|
:model_cfg="model_cfg"
|
||||||
|
:IsDicom="true"
|
||||||
|
:bodyPart="bodyPart"
|
||||||
|
:modelList="modelList"
|
||||||
|
:isUpload="openIsUpload"
|
||||||
|
:TrialModality="TrialModality"
|
||||||
|
@getList="getList"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -647,7 +795,7 @@ export default {
|
||||||
})
|
})
|
||||||
var validFilesCount = 0
|
var validFilesCount = 0
|
||||||
for (var i = 0; i < checkFiles.length; ++i) {
|
for (var i = 0; i < checkFiles.length; ++i) {
|
||||||
; (function (index) {
|
;(function (index) {
|
||||||
p = p.then(function () {
|
p = p.then(function () {
|
||||||
if (
|
if (
|
||||||
checkFiles[index].name.toUpperCase().indexOf('DICOMDIR') === -1
|
checkFiles[index].name.toUpperCase().indexOf('DICOMDIR') === -1
|
||||||
|
|
@ -686,7 +834,6 @@ export default {
|
||||||
var studyUid = data.string('x0020000d')
|
var studyUid = data.string('x0020000d')
|
||||||
if (!studyUid) return resolve()
|
if (!studyUid) return resolve()
|
||||||
var pixelDataElement = data.elements.x7fe00010
|
var pixelDataElement = data.elements.x7fe00010
|
||||||
if (!pixelDataElement && modality !== 'SR') return resolve()
|
|
||||||
var studyIndex = 0
|
var studyIndex = 0
|
||||||
while (
|
while (
|
||||||
studyIndex < scope.uploadQueues.length &&
|
studyIndex < scope.uploadQueues.length &&
|
||||||
|
|
@ -1132,8 +1279,10 @@ export default {
|
||||||
dicomInfo.failedFileCount++
|
dicomInfo.failedFileCount++
|
||||||
Record.FileCount++
|
Record.FileCount++
|
||||||
} else {
|
} else {
|
||||||
let path = `/${params.trialId}/Image/${params.subjectId
|
let path = `/${params.trialId}/Image/${
|
||||||
}/${params.subjectVisitId}/${dicomInfo.visitTaskId
|
params.subjectId
|
||||||
|
}/${params.subjectVisitId}/${
|
||||||
|
dicomInfo.visitTaskId
|
||||||
}/${scope.getGuid(
|
}/${scope.getGuid(
|
||||||
dicomInfo.studyUid +
|
dicomInfo.studyUid +
|
||||||
v.seriesUid +
|
v.seriesUid +
|
||||||
|
|
@ -1410,19 +1559,16 @@ export default {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnBox,
|
.btnBox,
|
||||||
.form-group {
|
.form-group {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
#inputForm .file-input {
|
#inputForm .file-input {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#inputForm .file-input input[type='file'] {
|
#inputForm .file-input input[type='file'] {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
@ -1432,12 +1578,10 @@ export default {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tip {
|
.tip {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
margin-top: 5px;
|
margin-top: 5px;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
margin: 3px 5px 0 0;
|
margin: 3px 5px 0 0;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -29,7 +29,9 @@
|
||||||
<el-table-column prop="FileSize" :label="$t('trials:audit:table:nonDicomsFileSize')" width="100">
|
<el-table-column prop="FileSize" :label="$t('trials:audit:table:nonDicomsFileSize')" width="100">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{
|
<span>{{
|
||||||
$FormatSize(scope.row.FileSize)
|
scope.row.FileSize && scope.row.FileSize > 0
|
||||||
|
? `${(scope.row.FileSize / 1024 / 1024).toFixed(3)}MB`
|
||||||
|
: ''
|
||||||
}}</span>
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
@ -66,7 +68,9 @@
|
||||||
<el-table-column prop="FileSize" :label="$t('trials:audit:table:nonDicomsFileSize')" width="100">
|
<el-table-column prop="FileSize" :label="$t('trials:audit:table:nonDicomsFileSize')" width="100">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{
|
<span>{{
|
||||||
$FormatSize(scope.row.FileSize)
|
scope.row.FileSize && scope.row.FileSize > 0
|
||||||
|
? `${(scope.row.FileSize / 1024 / 1024).toFixed(3)}MB`
|
||||||
|
: ''
|
||||||
}}</span>
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
|
||||||
|
|
@ -206,6 +206,7 @@ export default {
|
||||||
default: true,
|
default: true,
|
||||||
},
|
},
|
||||||
isUpload: {
|
isUpload: {
|
||||||
|
required: true,
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false,
|
default: false,
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1 +0,0 @@
|
||||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1751350116150" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="20392" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M870.4 819.2a51.2 51.2 0 1 1 0 102.4 51.2 51.2 0 0 1 0-102.4zM512 179.2a332.8 332.8 0 1 1 0 665.6 332.8 332.8 0 0 1 0-665.6z m0 51.2a281.6 281.6 0 1 0 0 563.2 281.6 281.6 0 0 0 0-563.2zM153.6 102.4a51.2 51.2 0 1 1 0 102.4 51.2 51.2 0 0 1 0-102.4z" fill="#ADAEB8" p-id="20393"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 623 B |
|
|
@ -1 +0,0 @@
|
||||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1751349783728" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9505" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M838.4 279.466667zM802.133333 814.933333H279.466667c-38.4 0-70.4-32-70.4-70.4V219.733333c0-38.4 32-70.4 70.4-70.4h123.733333c38.4 0 70.4 32 70.4 70.4v339.2h347.733333c2.133333 0-2.133333 0 0 0 25.6-2.133333 51.2 21.333333 51.2 46.933334v136.533333c0 40.533333-32 72.533333-70.4 72.533333z m25.6-179.2c2.133333-29.866667-34.133333-27.733333-34.133333-27.733333H445.866667c-2.133333 0-2.133333-2.133333-4.266667-2.133333h-2.133333c-8.533333-4.266667-12.8-10.666667-12.8-21.333334v-362.666666c0-14.933333-12.8-27.733333-27.733334-27.733334h-117.333333c-14.933333 0-27.733333 12.8-27.733333 27.733334v64h115.2c12.8 0 23.466667 10.666667 23.466666 23.466666 0 12.8-10.666667 23.466667-23.466666 23.466667h-115.2v78.933333h78.933333c12.8 0 23.466667 10.666667 23.466667 23.466667 0 12.8-10.666667 23.466667-23.466667 23.466667h-78.933333v78.933333h115.2c12.8 0 23.466667 10.666667 23.466666 23.466667 0 12.8-10.666667 23.466667-23.466666 23.466666h-115.2v149.333334c0 14.933333 12.8 27.733333 27.733333 27.733333H426.666667v-85.333333c0-12.8 10.666667-25.6 23.466666-25.6 12.8 0 23.466667 10.666667 23.466667 25.6v85.333333h96v-68.266667c0-12.8 10.666667-25.6 23.466667-25.6 12.8 0 23.466667 10.666667 23.466666 25.6V768h78.933334v-85.333333c0-12.8 10.666667-25.6 23.466666-25.6 12.8 0 23.466667 10.666667 23.466667 25.6v85.333333h51.2c14.933333 0 27.733333-12.8 27.733333-27.733333l6.4-104.533334z" p-id="9506"></path></svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.7 KiB |
14
src/main.js
14
src/main.js
|
|
@ -26,9 +26,6 @@ Vue.use(VueClipboard)
|
||||||
import permission from './utils/permission'
|
import permission from './utils/permission'
|
||||||
Vue.use(permission)
|
Vue.use(permission)
|
||||||
|
|
||||||
import { formatSize } from "./utils"
|
|
||||||
Vue.prototype.$FormatSize = formatSize
|
|
||||||
|
|
||||||
import Viewer from 'v-viewer'
|
import Viewer from 'v-viewer'
|
||||||
import './assets/css/viewer.css'
|
import './assets/css/viewer.css'
|
||||||
Viewer.setDefaults({
|
Viewer.setDefaults({
|
||||||
|
|
@ -59,8 +56,6 @@ import Preview from '@/components/Preview/index'
|
||||||
Vue.use(Preview)
|
Vue.use(Preview)
|
||||||
import Onlyoffice from '@/components/Preview_onlyoffice/index'
|
import Onlyoffice from '@/components/Preview_onlyoffice/index'
|
||||||
Vue.use(Onlyoffice)
|
Vue.use(Onlyoffice)
|
||||||
import Video from '@/components/Preview_video/index'
|
|
||||||
Vue.use(Video)
|
|
||||||
import MFA from '@/components/MFA/index'
|
import MFA from '@/components/MFA/index'
|
||||||
Vue.use(MFA)
|
Vue.use(MFA)
|
||||||
import FB from '@/components/feedBack/index'
|
import FB from '@/components/feedBack/index'
|
||||||
|
|
@ -275,13 +270,6 @@ async function VueInit() {
|
||||||
}
|
}
|
||||||
return companyName;
|
return companyName;
|
||||||
}
|
}
|
||||||
Vue.prototype.$reg = () => {
|
|
||||||
if (localStorage.getItem('CompanyInfo')) {
|
|
||||||
let { EmailRegexStr } = JSON.parse(localStorage.getItem('CompanyInfo'))
|
|
||||||
return { EmailRegexStr }
|
|
||||||
}
|
|
||||||
return { EmailRegexStr: '/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/' };
|
|
||||||
}
|
|
||||||
Vue.prototype.$updateDictionary = function () {
|
Vue.prototype.$updateDictionary = function () {
|
||||||
Vue.prototype.$d = function (code) {
|
Vue.prototype.$d = function (code) {
|
||||||
var dictInfo = res.Result
|
var dictInfo = res.Result
|
||||||
|
|
@ -323,7 +311,7 @@ async function VueInit() {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
let CompanyInfo = JSON.parse(localStorage.getItem('CompanyInfo'))
|
let CompanyInfo = JSON.parse(localStorage.getItem('CompanyInfo'))
|
||||||
if (CompanyInfo && CompanyInfo.SystemShortName) {
|
if(CompanyInfo&&CompanyInfo.SystemShortName){
|
||||||
let test = new RegExp('IRC', 'ig')
|
let test = new RegExp('IRC', 'ig')
|
||||||
text = text.replace(test, CompanyInfo.SystemShortName)
|
text = text.replace(test, CompanyInfo.SystemShortName)
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -50,8 +50,6 @@ const getters = {
|
||||||
IsFirstSysDocNeedSign: state => state.user.IsFirstSysDocNeedSign,
|
IsFirstSysDocNeedSign: state => state.user.IsFirstSysDocNeedSign,
|
||||||
TrialStatusStr: state => state.user.TrialStatusStr,
|
TrialStatusStr: state => state.user.TrialStatusStr,
|
||||||
lastViewportTaskId: state => state.noneDicomReview.lastViewportTaskId,
|
lastViewportTaskId: state => state.noneDicomReview.lastViewportTaskId,
|
||||||
currentTaskState: state => state.noneDicomReview.currentTaskState,
|
currentTaskState: state => state.noneDicomReview.currentTaskState
|
||||||
operateInfo: state => state.dicom3d.operateInfo,
|
|
||||||
deleteAnnotationIds: state => state.dicom3d.deleteAnnotationIds
|
|
||||||
}
|
}
|
||||||
export default getters
|
export default getters
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,6 @@ import financials from './modules/financials'
|
||||||
import reading from './modules/reading'
|
import reading from './modules/reading'
|
||||||
import lang from './modules/lang'
|
import lang from './modules/lang'
|
||||||
import noneDicomReview from './modules/noneDicomReview'
|
import noneDicomReview from './modules/noneDicomReview'
|
||||||
import dicom3d from './modules/dicom3d'
|
|
||||||
Vue.use(Vuex)
|
Vue.use(Vuex)
|
||||||
|
|
||||||
const store = new Vuex.Store({
|
const store = new Vuex.Store({
|
||||||
|
|
@ -29,8 +28,7 @@ const store = new Vuex.Store({
|
||||||
financials,
|
financials,
|
||||||
reading,
|
reading,
|
||||||
lang,
|
lang,
|
||||||
noneDicomReview,
|
noneDicomReview
|
||||||
dicom3d
|
|
||||||
},
|
},
|
||||||
getters
|
getters
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -1,28 +0,0 @@
|
||||||
const getDefaultState = () => {
|
|
||||||
return {
|
|
||||||
operateInfo: [],
|
|
||||||
deleteAnnotationIds: []
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const state = getDefaultState
|
|
||||||
|
|
||||||
const mutations = {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
const actions = {
|
|
||||||
setOperateInfo({ state }, arr) {
|
|
||||||
state.operateInfo = arr
|
|
||||||
},
|
|
||||||
setDeleteAnnotationIds({ state }, arr) {
|
|
||||||
state.deleteAnnotationIds = arr
|
|
||||||
},
|
|
||||||
}
|
|
||||||
|
|
||||||
export default {
|
|
||||||
namespaced: true,
|
|
||||||
state,
|
|
||||||
mutations,
|
|
||||||
actions
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
@ -50,8 +50,7 @@ service.interceptors.response.use(
|
||||||
const a = document.createElement('a')
|
const a = document.createElement('a')
|
||||||
// xls类型: application/vnd.ms-excel
|
// xls类型: application/vnd.ms-excel
|
||||||
// xlsx类型：application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
|
// xlsx类型：application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8
|
||||||
// const href = URL.createObjectURL(new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }))
|
const href = URL.createObjectURL(new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }))
|
||||||
const href = URL.createObjectURL(new Blob([res], { type: response.headers['content-type'] }))
|
|
||||||
a.download = fileName
|
a.download = fileName
|
||||||
a.href = href
|
a.href = href
|
||||||
a.click()
|
a.click()
|
||||||
|
|
|
||||||
|
|
@ -179,8 +179,7 @@ export default {
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// type: 'email',
|
type: 'email',
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: 'Please input the correct email address',
|
message: 'Please input the correct email address',
|
||||||
trigger: ['blur'],
|
trigger: ['blur'],
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -300,9 +300,7 @@ export default {
|
||||||
loadStatus: false,
|
loadStatus: false,
|
||||||
imageloadedArr: [],
|
imageloadedArr: [],
|
||||||
isExistMutiFrames: item.IsExistMutiFrames,
|
isExistMutiFrames: item.IsExistMutiFrames,
|
||||||
isShowPopper: false,
|
isShowPopper: false
|
||||||
subjectCode: item.SubjectCode,
|
|
||||||
visitName: item.VisitName
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
this.seriesList = seriesList
|
this.seriesList = seriesList
|
||||||
|
|
@ -362,9 +360,7 @@ export default {
|
||||||
loadStatus: false,
|
loadStatus: false,
|
||||||
imageloadedArr: [],
|
imageloadedArr: [],
|
||||||
isExistMutiFrames: item.IsExistMutiFrames,
|
isExistMutiFrames: item.IsExistMutiFrames,
|
||||||
isShowPopper: false,
|
isShowPopper: false
|
||||||
subjectCode: item.SubjectCode,
|
|
||||||
visitName: item.VisitName
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
this.seriesList = seriesList
|
this.seriesList = seriesList
|
||||||
|
|
@ -434,9 +430,7 @@ export default {
|
||||||
loadStatus: false,
|
loadStatus: false,
|
||||||
imageloadedArr: [],
|
imageloadedArr: [],
|
||||||
isExistMutiFrames: isExistMutiFrames,
|
isExistMutiFrames: isExistMutiFrames,
|
||||||
isShowPopper: false,
|
isShowPopper: false
|
||||||
subjectCode: res.OtherInfo.SubjectCode,
|
|
||||||
visitName: res.OtherInfo.VisitName
|
|
||||||
})
|
})
|
||||||
this.seriesList = seriesList
|
this.seriesList = seriesList
|
||||||
if (this.seriesList.length > 0) {
|
if (this.seriesList.length > 0) {
|
||||||
|
|
@ -522,9 +516,7 @@ export default {
|
||||||
isReading: series.isReading,
|
isReading: series.isReading,
|
||||||
isDeleted: series.isDeleted,
|
isDeleted: series.isDeleted,
|
||||||
previewImageUrl: series.previewImageUrl,
|
previewImageUrl: series.previewImageUrl,
|
||||||
instanceCount: series.instanceCount,
|
instanceCount: series.instanceCount
|
||||||
subjectCode: series.SubjectCode,
|
|
||||||
visitName: series.VisitName
|
|
||||||
}
|
}
|
||||||
this.$refs.dicomViewer.loadImageStack(seriesInfo)
|
this.$refs.dicomViewer.loadImageStack(seriesInfo)
|
||||||
if (!series.loadStatus) {
|
if (!series.loadStatus) {
|
||||||
|
|
@ -590,9 +582,7 @@ export default {
|
||||||
keySeries: seriesInfo.KeySeries,
|
keySeries: seriesInfo.KeySeries,
|
||||||
loadStatus: false,
|
loadStatus: false,
|
||||||
imageloadedArr: [],
|
imageloadedArr: [],
|
||||||
isShowPopper: false,
|
isShowPopper: false
|
||||||
subjectCode: seriesInfo.SubjectCode,
|
|
||||||
visitName: seriesInfo.VisitName
|
|
||||||
})
|
})
|
||||||
this.seriesList = seriesList
|
this.seriesList = seriesList
|
||||||
if (this.seriesList.length > 0) {
|
if (this.seriesList.length > 0) {
|
||||||
|
|
|
||||||
|
|
@ -417,9 +417,7 @@ export default {
|
||||||
loadStatus: false,
|
loadStatus: false,
|
||||||
imageloadedArr: [],
|
imageloadedArr: [],
|
||||||
isExistMutiFrames: series.IsExistMutiFrames,
|
isExistMutiFrames: series.IsExistMutiFrames,
|
||||||
isShowPopper: false,
|
isShowPopper: false
|
||||||
subjectCode: series.SubjectCode,
|
|
||||||
visitName: series.VisitName
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
data.SeriesList = seriesList
|
data.SeriesList = seriesList
|
||||||
|
|
@ -520,9 +518,7 @@ export default {
|
||||||
isReading: series.isReading,
|
isReading: series.isReading,
|
||||||
isDeleted: series.isDeleted,
|
isDeleted: series.isDeleted,
|
||||||
previewImageUrl: series.previewImageUrl,
|
previewImageUrl: series.previewImageUrl,
|
||||||
instanceCount: series.instanceCount,
|
instanceCount: series.instanceCount
|
||||||
subjectCode: series.SubjectCode,
|
|
||||||
visitName: series.VisitName
|
|
||||||
}
|
}
|
||||||
this.$refs.dicomViewer.loadImageStack(seriesInfo)
|
this.$refs.dicomViewer.loadImageStack(seriesInfo)
|
||||||
if (!series.loadStatus) {
|
if (!series.loadStatus) {
|
||||||
|
|
@ -796,9 +792,7 @@ export default {
|
||||||
loadStatus: false,
|
loadStatus: false,
|
||||||
imageloadedArr: [],
|
imageloadedArr: [],
|
||||||
isExistMutiFrames: item.IsExistMutiFrames,
|
isExistMutiFrames: item.IsExistMutiFrames,
|
||||||
isShowPopper: false,
|
isShowPopper: false
|
||||||
subjectCode: item.SubjectCode,
|
|
||||||
visitName: item.VisitName
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
// scope.relationStudyList[index].seriesCount = seriesList.length
|
// scope.relationStudyList[index].seriesCount = seriesList.length
|
||||||
|
|
|
||||||
|
|
@ -10,7 +10,7 @@
|
||||||
|
|
||||||
<el-form-item :label="$t('dictionary:signature:form:File')">
|
<el-form-item :label="$t('dictionary:signature:form:File')">
|
||||||
<div class="upload-container">
|
<div class="upload-container">
|
||||||
<el-upload class="upload-demo" action accept=".pdf,.mp4" :before-upload="beforeUpload"
|
<el-upload class="upload-demo" action accept=".pdf" :before-upload="beforeUpload"
|
||||||
:http-request="handleUploadFile" :on-preview="handlePreview" :on-remove="handleRemoveFile"
|
:http-request="handleUploadFile" :on-preview="handlePreview" :on-remove="handleRemoveFile"
|
||||||
:show-file-list="true" :file-list="fileList" :limit="1" :on-exceed="handleExceed"
|
:show-file-list="true" :file-list="fileList" :limit="1" :on-exceed="handleExceed"
|
||||||
:disabled="form.Type === ''">
|
:disabled="form.Type === ''">
|
||||||
|
|
@ -229,7 +229,7 @@ export default {
|
||||||
this.$message.warning(this.$t('upload:rule:maxFile1'))
|
this.$message.warning(this.$t('upload:rule:maxFile1'))
|
||||||
},
|
},
|
||||||
checkFileSuffix(fileName) {
|
checkFileSuffix(fileName) {
|
||||||
var typeArr = ['pdf', 'mp4']
|
var typeArr = ['pdf']
|
||||||
var extendName = fileName
|
var extendName = fileName
|
||||||
.substring(fileName.lastIndexOf('.') + 1)
|
.substring(fileName.lastIndexOf('.') + 1)
|
||||||
.toLocaleLowerCase()
|
.toLocaleLowerCase()
|
||||||
|
|
|
||||||
|
|
@ -82,8 +82,7 @@ export default {
|
||||||
'.doc',
|
'.doc',
|
||||||
'.docx',
|
'.docx',
|
||||||
'.xls',
|
'.xls',
|
||||||
'.xlsx',
|
'.xlsx']
|
||||||
'.mp4']
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
@ -173,7 +172,18 @@ export default {
|
||||||
this.$message.warning(this.$t('upload:rule:maxFile1'))
|
this.$message.warning(this.$t('upload:rule:maxFile1'))
|
||||||
},
|
},
|
||||||
checkFileSuffix(fileName) {
|
checkFileSuffix(fileName) {
|
||||||
var typeArr = this.accept.map(item => item.split('.')[1])
|
var typeArr = [
|
||||||
|
'jpg',
|
||||||
|
'jpeg',
|
||||||
|
'png',
|
||||||
|
'pdf',
|
||||||
|
'ppt',
|
||||||
|
'pptx',
|
||||||
|
'doc',
|
||||||
|
'docx',
|
||||||
|
'xls',
|
||||||
|
'xlsx',
|
||||||
|
]
|
||||||
var extendName = fileName
|
var extendName = fileName
|
||||||
.substring(fileName.lastIndexOf('.') + 1)
|
.substring(fileName.lastIndexOf('.') + 1)
|
||||||
.toLocaleLowerCase()
|
.toLocaleLowerCase()
|
||||||
|
|
|
||||||
|
|
@ -46,16 +46,16 @@
|
||||||
<!-- 新增/编辑附件 -->
|
<!-- 新增/编辑附件 -->
|
||||||
<el-dialog :visible.sync="visible" :close-on-click-modal="false" :append-to-body="true" :title="title"
|
<el-dialog :visible.sync="visible" :close-on-click-modal="false" :append-to-body="true" :title="title"
|
||||||
width="800px" custom-class="base-dialog-wrapper">
|
width="800px" custom-class="base-dialog-wrapper">
|
||||||
<attachmentForm v-if="visible" :data="rowDATA" :SystemDocumentId="SystemDocumentId"
|
<attachmentForm v-if="visible" :data="rowData" :SystemDocumentId="SystemDocumentId"
|
||||||
@closeDialog="closeDialog" @getList="getAllList" />
|
@closeDialog="closeDialog" @getList="getAllList" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
</base-model>
|
</base-model>
|
||||||
<viewer ref="picture_perview2" style="margin: 0 10px"
|
<viewer ref="picture_perview2" style="margin: 0 10px"
|
||||||
v-if="rowDATA.FileFormat && ['png', 'jpg', 'jpeg'].includes(rowDATA.FileFormat.toLowerCase())"
|
v-if="rowData.FileFormat && ['png', 'jpg', 'jpeg'].includes(rowData.FileFormat.toLowerCase())"
|
||||||
:images="[`${OSSclientConfig.basePath}${rowDATA.FilePath}`]" :options="viewerOptions">
|
:images="[`${OSSclientConfig.basePath}${rowData.FilePath}`]" :options="viewerOptions">
|
||||||
|
|
||||||
<img v-show="false" :src="`${OSSclientConfig.basePath}${rowDATA.FilePath}`" alt="Image" />
|
<img v-show="false" :src="`${OSSclientConfig.basePath}${rowData.FilePath}`" alt="Image" />
|
||||||
</viewer>
|
</viewer>
|
||||||
<!-- <attachmentPreview :SystemDocumentId="SystemDocumentId" :visible.sync="perview_visible"
|
<!-- <attachmentPreview :SystemDocumentId="SystemDocumentId" :visible.sync="perview_visible"
|
||||||
v-if="perview_visible" /> -->
|
v-if="perview_visible" /> -->
|
||||||
|
|
@ -113,7 +113,7 @@ export default {
|
||||||
visible: false,
|
visible: false,
|
||||||
title: null,
|
title: null,
|
||||||
list: [],
|
list: [],
|
||||||
rowDATA: {},
|
rowData: {},
|
||||||
loading: false,
|
loading: false,
|
||||||
viewerOptions: {
|
viewerOptions: {
|
||||||
toolbar: {
|
toolbar: {
|
||||||
|
|
@ -167,7 +167,7 @@ export default {
|
||||||
if (!row.Id) {
|
if (!row.Id) {
|
||||||
this.title = this.$t('dictionary:signature:attachmentForm:title:add')
|
this.title = this.$t('dictionary:signature:attachmentForm:title:add')
|
||||||
}
|
}
|
||||||
this.rowDATA = Object.assign({}, row)
|
this.rowData = Object.assign({}, row)
|
||||||
this.visible = true
|
this.visible = true
|
||||||
},
|
},
|
||||||
async getList() {
|
async getList() {
|
||||||
|
|
@ -207,7 +207,7 @@ export default {
|
||||||
},
|
},
|
||||||
preview(data) {
|
preview(data) {
|
||||||
// return this.perview_visible = true
|
// return this.perview_visible = true
|
||||||
this.rowDATA = Object.assign({}, data)
|
this.rowData = Object.assign({}, data)
|
||||||
if (['.ppt',
|
if (['.ppt',
|
||||||
'.pptx',
|
'.pptx',
|
||||||
'.doc',
|
'.doc',
|
||||||
|
|
@ -234,13 +234,6 @@ export default {
|
||||||
title: data.Name,
|
title: data.Name,
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
if (['.mp4'].includes(`.${data.FileFormat.toLowerCase()}`)) {
|
|
||||||
this.$video({
|
|
||||||
path: data.Path || data.FilePath,
|
|
||||||
type: 'mp4',
|
|
||||||
title: data.Name,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
// 排序
|
// 排序
|
||||||
handleSortByColumn(column) {
|
handleSortByColumn(column) {
|
||||||
|
|
|
||||||
|
|
@ -70,11 +70,10 @@ import ppt from '@/assets/file_icon/ppt.png'
|
||||||
import pptx from '@/assets/file_icon/pptx.png'
|
import pptx from '@/assets/file_icon/pptx.png'
|
||||||
import xls from '@/assets/file_icon/xls.png'
|
import xls from '@/assets/file_icon/xls.png'
|
||||||
import xlsx from '@/assets/file_icon/xlsx.png'
|
import xlsx from '@/assets/file_icon/xlsx.png'
|
||||||
import mp4 from '@/assets/file_icon/mp4.png'
|
import mp4 from '@/assets/file_icon/xlsx.png'
|
||||||
import PreviewFile from '@/components/PreviewFile'
|
import PreviewFile from '@/components/PreviewFile'
|
||||||
import imageViewer from './image-viewer'
|
import imageViewer from './image-viewer'
|
||||||
import { getSystemDocumentAttachmentList } from '@/api/dictionary'
|
import { getSystemDocumentAttachmentList } from '@/api/dictionary'
|
||||||
import { getTrialDocumentAttachmentList } from '@/api/trials'
|
|
||||||
const defaultSearchData = () => {
|
const defaultSearchData = () => {
|
||||||
return {
|
return {
|
||||||
PageIndex: 1,
|
PageIndex: 1,
|
||||||
|
|
@ -102,10 +101,6 @@ export default {
|
||||||
isView: {
|
isView: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
|
||||||
isTrial: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -147,20 +142,11 @@ export default {
|
||||||
try {
|
try {
|
||||||
if (!this.SystemDocumentId) return false
|
if (!this.SystemDocumentId) return false
|
||||||
this.loading = true
|
this.loading = true
|
||||||
if (!this.isTrial) {
|
|
||||||
this.searchData.SystemDocumentId = this.SystemDocumentId
|
this.searchData.SystemDocumentId = this.SystemDocumentId
|
||||||
} else {
|
|
||||||
this.searchData.TrialDocumentId = this.SystemDocumentId
|
|
||||||
}
|
|
||||||
if (this.isView) {
|
if (this.isView) {
|
||||||
this.searchData.OffLine = false
|
this.searchData.OffLine = false
|
||||||
}
|
}
|
||||||
let res = null
|
let res = await getSystemDocumentAttachmentList(this.searchData)
|
||||||
if (!this.isTrial) {
|
|
||||||
res = await getSystemDocumentAttachmentList(this.searchData)
|
|
||||||
} else {
|
|
||||||
res = await getTrialDocumentAttachmentList(this.searchData)
|
|
||||||
}
|
|
||||||
this.loading = false
|
this.loading = false
|
||||||
if (res.IsSuccess) {
|
if (res.IsSuccess) {
|
||||||
this.list = res.Result.CurrentPageData
|
this.list = res.Result.CurrentPageData
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,9 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="app-container my_menu">
|
<div class="app-container my_menu" >
|
||||||
<el-form :inline="true">
|
<el-form :inline="true">
|
||||||
<el-form-item label="模块">
|
<el-form-item label="模块">
|
||||||
<el-select v-model="queryParams.ModuleTypeId" placeholder="模块" clearable>
|
<el-select v-model="queryParams.ModuleTypeId" placeholder="模块" clearable >
|
||||||
<el-option v-for="item of dict.type.ModuleType" :key="`ModuleTypeId${item.value}`" :value="item.value"
|
<el-option v-for="item of dict.type.ModuleType" :key="`ModuleTypeId${item.value}`" :value="item.value" :label="item.raw.ValueCN" />
|
||||||
:label="item.raw.ValueCN" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
|
|
@ -13,41 +12,50 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<div>
|
<div>
|
||||||
<el-button type="info" plain icon="el-icon-sort" size="mini" @click="toggleExpandAll">展开/折叠</el-button>
|
<el-button
|
||||||
|
type="info"
|
||||||
|
plain
|
||||||
|
icon="el-icon-sort"
|
||||||
|
size="mini"
|
||||||
|
@click="toggleExpandAll"
|
||||||
|
>展开/折叠</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-if="refreshTable" v-adaptive="{ bottomOffset: 45 }" v-loading="loading" height="100" :data="menuList"
|
<el-table
|
||||||
:default-expand-all="isExpandAll" row-key="Id" :tree-props="{ children: 'Children', hasChildren: 'hasChildren' }">
|
v-if="refreshTable"
|
||||||
|
v-adaptive="{bottomOffset:45}"
|
||||||
|
v-loading="loading"
|
||||||
|
height="100"
|
||||||
|
:data="menuList"
|
||||||
|
:default-expand-all="isExpandAll"
|
||||||
|
row-key="Id"
|
||||||
|
:tree-props="{children: 'Children', hasChildren: 'hasChildren'}"
|
||||||
|
>
|
||||||
<el-table-column prop="ModuleTypeValueCN" label="模块" show-overflow-tooltip align="left" min-width="230px" />
|
<el-table-column prop="ModuleTypeValueCN" label="模块" show-overflow-tooltip align="left" min-width="230px" />
|
||||||
<el-table-column prop="Description" label="操作名称" :show-overflow-tooltip="true" min-width="200px">
|
<el-table-column prop="Description" label="操作名称" :show-overflow-tooltip="true" min-width="200px">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ scope.row.DescriptionCN }}（{{ scope.row.Description }}）</span>
|
<span>{{ scope.row.DescriptionCN }}（{{scope.row.Description}}）</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="DescriptionCN" label="其他" :show-overflow-tooltip="true" min-width="140px">
|
<el-table-column prop="DescriptionCN" label="其他" :show-overflow-tooltip="true" min-width="140px">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="!scope.row.IsEnable"
|
<span v-if="!scope.row.IsEnable" style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #DC143C;color: #fff;" title="被禁用">禁</span>
|
||||||
style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #DC143C;color: #fff;"
|
<span v-if="scope.row.IsHaveSign" style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #428bca;color: #fff;" title="需要电签">签</span>
|
||||||
title="被禁用">禁</span>
|
<span v-if="scope.row.IsHaveReason" style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #fab6b6;color: #fff;" title="需要原因">因</span>
|
||||||
<span v-if="scope.row.IsHaveSign"
|
<span v-if="scope.row.IsFinish" style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background:#3CB371;color: #fff;" title="已经记录">记</span>
|
||||||
style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #428bca;color: #fff;"
|
<span v-if="scope.row.IsJoinPlan" style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #FFA500;color: #fff;" title="核对完">核</span>
|
||||||
title="需要电签">签</span>
|
|
||||||
<span v-if="scope.row.IsHaveReason"
|
|
||||||
style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #fab6b6;color: #fff;"
|
|
||||||
title="需要原因">因</span>
|
|
||||||
<span v-if="scope.row.IsFinish"
|
|
||||||
style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background:#3CB371;color: #fff;"
|
|
||||||
title="已经记录">记</span>
|
|
||||||
<span v-if="scope.row.IsJoinPlan"
|
|
||||||
style="cursor:pointer;line-height:20px;text-align:center;font-size: 12px;display: inline-block;width: 20px;height: 20px;border-radius: 50%;background: #FFA500;color: #fff;"
|
|
||||||
title="核对完">核</span>
|
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="Identification" label="标识" :show-overflow-tooltip="true" min-width="200px" />
|
<el-table-column prop="Identification" label="标识" :show-overflow-tooltip="true" min-width="200px" />
|
||||||
<el-table-column prop="OptTypeValueCN" label="操作类型" show-overflow-tooltip width="100px" />
|
<el-table-column prop="OptTypeValueCN" label="操作类型" show-overflow-tooltip width="100px" />
|
||||||
<el-table-column prop="ObjectTypeValueCN" label="对象类型" show-overflow-tooltip min-width="100px" />
|
<el-table-column prop="ObjectTypeValueCN" label="对象类型" show-overflow-tooltip min-width="100px" />
|
||||||
<el-table-column prop="ChildrenTypeValueCN" label="数据类型" show-overflow-tooltip min-width="100px" />
|
<el-table-column prop="ChildrenTypeValueCN" label="数据类型" show-overflow-tooltip min-width="100px"/>
|
||||||
<el-table-column prop="Sort" label="显示顺序" min-width="80" show-overflow-tooltip />
|
<el-table-column
|
||||||
|
prop="Sort"
|
||||||
|
label="显示顺序"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<el-table-column label="启用" align="center" prop="CreateTime" min-width="80">
|
<el-table-column label="启用" align="center" prop="CreateTime" min-width="80">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsEnable" size="success">启用</el-tag>
|
<el-tag v-if="scope.row.IsEnable" size="success">启用</el-tag>
|
||||||
|
|
@ -57,26 +65,39 @@
|
||||||
<el-table-column label="操作" align="center" fixed="right" min-width="340" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" fixed="right" min-width="340" class-name="small-padding fixed-width">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button
|
||||||
v-if="scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN"
|
v-if="scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN "
|
||||||
type="text" @click="handleUpMove(scope.row)">上移</el-button>
|
type="text"
|
||||||
<el-button type="text" @click="handleUpdate(scope.row)">修改</el-button>
|
@click="handleUpMove(scope.row)"
|
||||||
|
>上移</el-button>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="handleUpdate(scope.row)"
|
||||||
|
>修改</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="!(scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN)"
|
v-if="!(scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN)"
|
||||||
type="text" @click="handleAdd(scope.row)">新增</el-button>
|
type="text"
|
||||||
|
@click="handleAdd(scope.row)"
|
||||||
|
>新增</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN"
|
v-if="scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN "
|
||||||
type="text" @click="handleChildren(scope.row)">Children</el-button>
|
type="text"
|
||||||
|
@click="handleChildren(scope.row)"
|
||||||
|
>Children</el-button>
|
||||||
<el-button
|
<el-button
|
||||||
v-if="scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN"
|
v-if="scope.row.ModuleTypeValueCN && scope.row.ObjectTypeValueCN && scope.row.OptTypeValueCN && scope.row.ChildrenTypeValueCN "
|
||||||
type="text" @click="handleCopy(scope.row)">复制到</el-button>
|
type="text"
|
||||||
<el-button type="text" @click="handleDelete(scope.row)">删除</el-button>
|
@click="handleCopy(scope.row)"
|
||||||
|
>复制到</el-button>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
>删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<!-- 添加或修改菜单对话框 -->
|
<!-- 添加或修改菜单对话框 -->
|
||||||
<el-dialog :title="title" top="100px" :close-on-click-modal="false" id="check_config" :visible.sync="open"
|
<el-dialog :title="title" top="100px" :close-on-click-modal="false" id="check_config" :visible.sync="open" :width="form.DataType === 'Table' ? '1280px' : '680px'" append-to-body>
|
||||||
:width="form.DataType === 'Table' ? '1280px' : '680px'" append-to-body>
|
|
||||||
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
<el-form ref="form" :model="form" :rules="rules" label-width="120px">
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col v-show="title !== '复制'" :span="24">
|
<el-col v-show="title !== '复制'" :span="24">
|
||||||
|
|
@ -84,8 +105,14 @@
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item :label="form.ConfigType == 'M' ? title !== '复制' ? '选择父节点' : '复制到' : '操作名称'">
|
<el-form-item :label="form.ConfigType == 'M' ? title !== '复制' ? '选择父节点' : '复制到' : '操作名称'">
|
||||||
<treeselect :disabled="form.ConfigType === 'C'" v-model="form.ParentId" :options="menuOptions"
|
<treeselect
|
||||||
:normalizer="normalizer" :show-count="true" placeholder="选择上级操作" />
|
:disabled="form.ConfigType === 'C'"
|
||||||
|
v-model="form.ParentId"
|
||||||
|
:options="menuOptions"
|
||||||
|
:normalizer="normalizer"
|
||||||
|
:show-count="true"
|
||||||
|
placeholder="选择上级操作"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType == 'M' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType == 'M' && title !== '复制'" :span="12">
|
||||||
|
|
@ -130,36 +157,28 @@
|
||||||
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
||||||
<el-form-item label="功能模块" prop="menuType">
|
<el-form-item label="功能模块" prop="menuType">
|
||||||
<el-select v-model="form.ModuleTypeId" placeholder="模块" clearable size="small" @change="changeModule">
|
<el-select v-model="form.ModuleTypeId" placeholder="模块" clearable size="small" @change="changeModule">
|
||||||
<el-option v-for="item of dict.type.ModuleType" :key="`ModuleType${item.value}`" :value="item.value"
|
<el-option v-for="item of dict.type.ModuleType" :key="`ModuleType${item.value}`" :value="item.value" :label="item.raw.ValueCN" />
|
||||||
:label="item.raw.ValueCN" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
||||||
<el-form-item label="操作类型" prop="menuType">
|
<el-form-item label="操作类型" prop="menuType">
|
||||||
<el-select v-model="form.OptTypeId" placeholder="操作类型" clearable size="small" @change="changeDescription">
|
<el-select v-model="form.OptTypeId" placeholder="操作类型" clearable size="small" @change="changeDescription">
|
||||||
<el-option v-for="item of dict.type.OptType" :key="`OptTypeId${item.value}`" :value="item.value"
|
<el-option v-for="item of dict.type.OptType" :key="`OptTypeId${item.value}`" :value="item.value" :label="item.raw.ValueCN" />
|
||||||
:label="item.raw.ValueCN" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
||||||
<el-form-item label="对象类型" prop="menuType">
|
<el-form-item label="对象类型" prop="menuType">
|
||||||
<el-select v-model="form.ObjectTypeId" placeholder="对象类型" clearable size="small"
|
<el-select v-model="form.ObjectTypeId" placeholder="对象类型" clearable size="small" @change="changeDescription">
|
||||||
@change="changeDescription">
|
<el-option v-for="item of dict.type.ObjectType" :key="`ObjectType${item.value}`" v-if="ChildGroup === item.raw.ChildGroup" :value="item.value" :label="item.raw.ValueCN" />
|
||||||
<template v-for="item of dict.type.ObjectType">
|
|
||||||
<el-option :key="`ObjectType${item.value}`" v-if="ChildGroup === item.raw.ChildGroup"
|
|
||||||
:value="item.value" :label="item.raw.ValueCN" />
|
|
||||||
</template>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType === 'M' && title !== '复制'" :span="12">
|
||||||
<el-form-item label="数据类型" prop="menuType">
|
<el-form-item label="数据类型" prop="menuType">
|
||||||
<el-select v-model="form.ChildrenTypeId" placeholder="操作子类" clearable size="small"
|
<el-select v-model="form.ChildrenTypeId" placeholder="操作子类" clearable size="small" @change="changeDescription">
|
||||||
@change="changeDescription">
|
<el-option v-for="item of dict.type.ChildrenType" :key="`ChildrenType${item.value}`" :value="item.value" :label="item.raw.ValueCN" />
|
||||||
<el-option v-for="item of dict.type.ChildrenType" :key="`ChildrenType${item.value}`" :value="item.value"
|
|
||||||
:label="item.raw.ValueCN" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -168,7 +187,11 @@
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
是否电签
|
是否电签
|
||||||
</span>
|
</span>
|
||||||
<el-switch v-model="form.IsHaveSign" :active-value="true" :inactive-value="false" />
|
<el-switch
|
||||||
|
v-model="form.IsHaveSign"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType == 'M' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType == 'M' && title !== '复制'" :span="12">
|
||||||
|
|
@ -176,7 +199,11 @@
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
是否有原因
|
是否有原因
|
||||||
</span>
|
</span>
|
||||||
<el-switch v-model="form.IsHaveReason" :active-value="true" :inactive-value="false" />
|
<el-switch
|
||||||
|
v-model="form.IsHaveReason"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="24">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="24">
|
||||||
|
|
@ -196,7 +223,11 @@
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
依赖父数据
|
依赖父数据
|
||||||
</span>
|
</span>
|
||||||
<el-switch v-model="form.IsShowByTrialConfig" :active-value="true" :inactive-value="false" />
|
<el-switch
|
||||||
|
v-model="form.IsShowByTrialConfig"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.IsShowByTrialConfig" :span="12">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.IsShowByTrialConfig" :span="12">
|
||||||
|
|
@ -211,11 +242,17 @@
|
||||||
<el-row style="background: #f8f8f8;padding: 0 20px;border-radius: 10px;">
|
<el-row style="background: #f8f8f8;padding: 0 20px;border-radius: 10px;">
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="24">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制'" :span="24">
|
||||||
<el-form-item label="前端展示类型">
|
<el-form-item label="前端展示类型">
|
||||||
<el-radio-group v-model="form.DataType" style="line-height: 30px;padding-top: 10px;"
|
<el-radio-group v-model="form.DataType" style="line-height: 30px;padding-top: 10px;" @change="(v) => {if (v === 'Table'){rowDrop2()}}">
|
||||||
@change="(v) => { if (v === 'Table') { rowDrop2() } }">
|
|
||||||
<el-radio :label="''">字符串</el-radio>
|
<el-radio :label="''">字符串</el-radio>
|
||||||
<el-radio :label="item.value" v-for="item in $d.AuditDataType" :key="item.id">{{ item.label
|
<el-radio label="Array">数组(类似QC问题审核)</el-radio>
|
||||||
}}</el-radio>
|
<el-radio label="Dialog">对话</el-radio>
|
||||||
|
<el-radio label="Link">外链</el-radio>
|
||||||
|
<el-radio label="DialogTable">弹框列表</el-radio>
|
||||||
|
<el-radio label="Table">表格</el-radio>
|
||||||
|
<el-radio label="Router">路由</el-radio>
|
||||||
|
<el-radio label="Image">图片</el-radio>
|
||||||
|
<el-radio label="ImageList">图片数组</el-radio>
|
||||||
|
<el-radio label="OSS">OSS</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -234,155 +271,239 @@
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
是否有参数
|
是否有参数
|
||||||
</span>
|
</span>
|
||||||
<el-switch v-model="form.UrlConfig.IsHaveParameters">
|
<el-switch
|
||||||
|
v-model="form.UrlConfig.IsHaveParameters"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4" v-if="form.UrlConfig.IsHaveParameters"
|
<el-col :span="4" v-if="form.UrlConfig.IsHaveParameters" style="display: flex;align-items: center;justify-content: flex-end;">
|
||||||
style="display: flex;align-items: center;justify-content: flex-end;">
|
|
||||||
<el-button type="primary" size="mini" style="position: relative;top: 5px;" @click="addParameter">
|
<el-button type="primary" size="mini" style="position: relative;top: 5px;" @click="addParameter">
|
||||||
增加参数
|
增加参数
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<template v-for="(item, index) of form.UrlConfig ? form.UrlConfig.ParameterList : []">
|
<el-row v-show="form.DataType === 'Router'" v-if="form.UrlConfig && form.UrlConfig.IsHaveParameters" v-for="(item,index) of form.UrlConfig ? form.UrlConfig.ParameterList : []" :key="`Router${index}`">
|
||||||
<el-row v-show="form.DataType === 'Router'" v-if="form.UrlConfig && form.UrlConfig.IsHaveParameters"
|
|
||||||
:key="`Router${index}`">
|
|
||||||
<el-col :span="10">
|
<el-col :span="10">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
参数名{{ index + 1 }}
|
参数名{{index + 1}}
|
||||||
</span>
|
</span>
|
||||||
<el-input style="width: 150px;" v-model="form.UrlConfig.ParameterList[index].UrlParameterName"
|
<el-input style="width: 150px;" v-model="form.UrlConfig.ParameterList[index].UrlParameterName" placeholder="参数名" />
|
||||||
placeholder="参数名" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="10">
|
<el-col :span="10" >
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
参数值{{ index + 1 }}
|
参数值{{index + 1}}
|
||||||
</span>
|
</span>
|
||||||
<el-input style="width: 150px;"
|
<el-input style="width: 150px;" v-model="form.UrlConfig.ParameterList[index].UrlParameterValueName" placeholder="参数值" />
|
||||||
v-model="form.UrlConfig.ParameterList[index].UrlParameterValueName" placeholder="参数值" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="4">
|
<el-col :span="4">
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete"
|
<el-button
|
||||||
@click="handleParameterListDelete(index)">删除</el-button>
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleParameterListDelete(index)"
|
||||||
|
>删除</el-button>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</template>
|
|
||||||
|
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-button v-show="form.DataType === 'Table'" type="primary" size="mini"
|
<el-button v-show="form.DataType === 'Table'" type="primary" size="mini" style="position: relative;top: -15px" @click="addCol">
|
||||||
style="position: relative;top: -15px" @click="addCol">
|
|
||||||
增加列
|
增加列
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-row v-show="form.DataType === 'Table'" v-if="rowDrop2TableIsShow">
|
<el-row v-show="form.DataType === 'Table'" v-if="rowDrop2TableIsShow">
|
||||||
<el-table :data="form.TableConfigList" stripe height="280">
|
<el-table
|
||||||
<el-table-column prop="IsList" min-width="120" label="是否是数组" show-overflow-tooltip>
|
:data="form.TableConfigList"
|
||||||
|
stripe
|
||||||
|
height="280"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
prop="IsList"
|
||||||
|
min-width="120"
|
||||||
|
label="是否是数组"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.IsList">
|
<el-switch
|
||||||
|
v-model="scope.row.IsList"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ListName" min-width="120" label="数组" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="ListName"
|
||||||
|
min-width="120"
|
||||||
|
label="数组"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="!scope.row.IsList" v-model="scope.row.ListName" placeholder="数组" />
|
<el-input :disabled="!scope.row.IsList" v-model="scope.row.ListName" placeholder="数组"/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="IsFixedColumn" min-width="140" label="是否固定列名" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="IsFixedColumn"
|
||||||
|
min-width="140"
|
||||||
|
label="是否固定列名"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.IsFixedColumn">
|
<el-switch
|
||||||
|
v-model="scope.row.IsFixedColumn"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="FixedColumnName" min-width="120" label="固定列名" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="FixedColumnName"
|
||||||
|
min-width="120"
|
||||||
|
label="固定列名"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="!scope.row.IsFixedColumn" v-model="scope.row.FixedColumnName"
|
<el-input :disabled="!scope.row.IsFixedColumn" v-model="scope.row.FixedColumnName" placeholder="固定列名"/>
|
||||||
placeholder="固定列名" />
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="FixedColumnEnName" min-width="120" label="固定列名EN" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="FixedColumnEnName"
|
||||||
|
min-width="120"
|
||||||
|
label="固定列名EN"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="!scope.row.IsFixedColumn" v-model="scope.row.FixedColumnEnName"
|
<el-input :disabled="!scope.row.IsFixedColumn" v-model="scope.row.FixedColumnEnName" placeholder="固定列名EN"/>
|
||||||
placeholder="固定列名EN" />
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ColumnName" min-width="120" label="列字段名" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="ColumnName"
|
||||||
|
min-width="120"
|
||||||
|
label="列字段名"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="scope.row.IsFixedColumn" v-model="scope.row.ColumnName" placeholder="列字段名" />
|
<el-input :disabled="scope.row.IsFixedColumn" v-model="scope.row.ColumnName" placeholder="列字段名"/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ColumnEnName" min-width="120" label="列字段名En" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="ColumnEnName"
|
||||||
|
min-width="120"
|
||||||
|
label="列字段名En"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="scope.row.IsFixedColumn" v-model="scope.row.ColumnEnName"
|
<el-input :disabled="scope.row.IsFixedColumn" v-model="scope.row.ColumnEnName" placeholder="列字段名En"/>
|
||||||
placeholder="列字段名En" />
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="ColumnValue" min-width="120" label="列显示值" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="ColumnValue"
|
||||||
|
min-width="120"
|
||||||
|
label="列显示值"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input v-model="scope.row.ColumnValue" placeholder="列显示值" />
|
<el-input v-model="scope.row.ColumnValue" placeholder="列显示值"/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="IsMerge" min-width="80" label="是否合并" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="IsMerge"
|
||||||
|
min-width="80"
|
||||||
|
label="是否合并"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.IsMerge">
|
<el-switch
|
||||||
|
v-model="scope.row.IsMerge"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="MergeColumnName" min-width="120" label="合并组" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="MergeColumnName"
|
||||||
|
min-width="120"
|
||||||
|
label="合并组"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="!scope.row.IsMerge" v-model="scope.row.MergeColumnName" placeholder="合并组" />
|
<el-input :disabled="!scope.row.IsMerge" v-model="scope.row.MergeColumnName" placeholder="合并组"/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="MergeColumnEnName" min-width="120" label="合并组EN" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="MergeColumnEnName"
|
||||||
|
min-width="120"
|
||||||
|
label="合并组EN"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="!scope.row.IsMerge" v-model="scope.row.MergeColumnEnName"
|
<el-input :disabled="!scope.row.IsMerge" v-model="scope.row.MergeColumnEnName" placeholder="合并组EN"/>
|
||||||
placeholder="合并组EN" />
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="IsPicture" min-width="120" label="是否图片" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="IsPicture"
|
||||||
|
min-width="120"
|
||||||
|
label="是否图片"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.IsPicture">
|
<el-switch
|
||||||
|
v-model="scope.row.IsPicture"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="IsDynamicTranslate" min-width="140" label="是否动态翻译" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="IsDynamicTranslate"
|
||||||
|
min-width="140"
|
||||||
|
label="是否动态翻译"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.IsDynamicTranslate">
|
<el-switch
|
||||||
|
v-model="scope.row.IsDynamicTranslate"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="IsNeedTransalate" min-width="120" label="是否翻译" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="IsNeedTransalate"
|
||||||
|
min-width="120"
|
||||||
|
label="是否翻译"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.IsNeedTransalate">
|
<el-switch
|
||||||
|
v-model="scope.row.IsNeedTransalate"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="TranslateDictionaryName" min-width="120" label="翻译字典" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="TranslateDictionaryName"
|
||||||
|
min-width="120"
|
||||||
|
label="翻译字典"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input :disabled="!scope.row.IsNeedTransalate" v-model="scope.row.TranslateDictionaryName"
|
<el-input :disabled="!scope.row.IsNeedTransalate" v-model="scope.row.TranslateDictionaryName" placeholder="合并组"/>
|
||||||
placeholder="合并组" />
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="MergeColumnName" min-width="80" label="操作" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="MergeColumnName"
|
||||||
|
min-width="80"
|
||||||
|
label="操作"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete"
|
<el-button
|
||||||
@click="handleTableConfigListDelete(scope.row, scope.$index)">删除</el-button>
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleTableConfigListDelete(scope.row, scope.$index)"
|
||||||
|
>删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-row>
|
</el-row>
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.DataType === ''" :span="12">
|
|
||||||
<el-form-item>
|
|
||||||
<span slot="label">
|
|
||||||
是否修改前展示
|
|
||||||
</span>
|
|
||||||
<el-switch v-model="form.IsBeforeModifyView" :active-value="true" :inactive-value="false" />
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
|
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.DataType === 'Array'" :span="12">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.DataType === 'Array'" :span="12">
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
|
|
@ -399,9 +520,7 @@
|
||||||
<el-input v-model="form.ChildDataEnLabel" placeholder="请输入子数据LableEN" />
|
<el-input v-model="form.ChildDataEnLabel" placeholder="请输入子数据LableEN" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.DataType === 'Array'" :span="12">
|
||||||
v-show="form.ConfigType === 'C' && title !== '复制' && (form.DataType === 'Array' || form.DataType === 'ArrayImage')"
|
|
||||||
:span="12">
|
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
子数据Value
|
子数据Value
|
||||||
|
|
@ -426,23 +545,31 @@
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.EnumType === 'Dictionary'" :span="12">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.EnumType === 'Dictionary'" :span="12">
|
||||||
<el-form-item label="字典表名">
|
<el-form-item label="字典表名">
|
||||||
<!-- <el-input v-model="form.DictionaryCode" placeholder="请输入字典表名" /> -->
|
<!-- <el-input v-model="form.DictionaryCode" placeholder="请输入字典表名" /> -->
|
||||||
<el-autocomplete clearable class="inline-input" v-model="form.DictionaryCode"
|
<el-autocomplete
|
||||||
:fetch-suggestions="querySearch" placeholder="请输入字典表名"></el-autocomplete>
|
clearable
|
||||||
|
class="inline-input"
|
||||||
|
v-model="form.DictionaryCode"
|
||||||
|
:fetch-suggestions="querySearch"
|
||||||
|
placeholder="请输入字典表名"
|
||||||
|
></el-autocomplete>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.EnumType === 'Dictionary'" :span="12">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.EnumType === 'Dictionary'" :span="12">
|
||||||
<el-form-item label="翻译字段">
|
<el-form-item label="翻译字段">
|
||||||
<!-- <el-input v-model="form.DictionaryType" placeholder="请输入翻译字段" /> -->
|
<!-- <el-input v-model="form.DictionaryType" placeholder="请输入翻译字段" /> -->
|
||||||
<el-select v-model="form.DictionaryType" clearable placeholder="请选择翻译字段">
|
<el-select v-model="form.DictionaryType" clearable placeholder="请选择翻译字段">
|
||||||
<el-option v-for="item in $d.DictionaryType" :key="item.id" :label="item.label" :value="item.label">
|
<el-option
|
||||||
|
v-for="item in $d.DictionaryType"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.label">
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.EnumType === 'Date'" :span="24">
|
<el-col v-show="form.ConfigType === 'C' && title !== '复制' && form.EnumType === 'Date'" :span="24">
|
||||||
<el-form-item label="时间格式化">
|
<el-form-item label="时间格式化">
|
||||||
<el-select v-model="form.DateType" placeholder="时间格式化" clearable size="small"
|
<el-select v-model="form.DateType" placeholder="时间格式化" clearable size="small" @change="changeDescription">
|
||||||
@change="changeDescription">
|
|
||||||
<el-option value="Date" label="日期" />
|
<el-option value="Date" label="日期" />
|
||||||
<el-option value="DateTime" label="日期时间" />
|
<el-option value="DateTime" label="日期时间" />
|
||||||
</el-select>
|
</el-select>
|
||||||
|
|
@ -480,15 +607,11 @@
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
是否启用
|
是否启用
|
||||||
</span>
|
</span>
|
||||||
<el-switch v-model="form.IsEnable" :active-value="true" :inactive-value="false" />
|
<el-switch
|
||||||
</el-form-item>
|
v-model="form.IsEnable"
|
||||||
</el-col>
|
:active-value="true"
|
||||||
<el-col v-show="title !== '复制'" :span="24">
|
:inactive-value="false"
|
||||||
<el-form-item>
|
/>
|
||||||
<span slot="label">
|
|
||||||
是否默认
|
|
||||||
</span>
|
|
||||||
<el-switch v-model="form.IsDefaultChoice" :active-value="true" :inactive-value="false" />
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<!--分割线-->
|
<!--分割线-->
|
||||||
|
|
@ -500,7 +623,11 @@
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
是否核对
|
是否核对
|
||||||
</span>
|
</span>
|
||||||
<el-switch v-model="form.IsJoinPlan" :active-value="true" :inactive-value="false" />
|
<el-switch
|
||||||
|
v-model="form.IsJoinPlan"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="form.ConfigType == 'M' && title !== '复制'" :span="12">
|
<el-col v-show="form.ConfigType == 'M' && title !== '复制'" :span="12">
|
||||||
|
|
@ -508,7 +635,11 @@
|
||||||
<span slot="label">
|
<span slot="label">
|
||||||
是否记录
|
是否记录
|
||||||
</span>
|
</span>
|
||||||
<el-switch v-model="form.IsFinish" :active-value="true" :inactive-value="false" />
|
<el-switch
|
||||||
|
v-model="form.IsFinish"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
|
|
@ -519,38 +650,44 @@
|
||||||
<el-button @click="cancel">取 消</el-button>
|
<el-button @click="cancel">取 消</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-drawer :title="drawer_cfg.title" :visible.sync="drawer_cfg.drawerChild" direction="rtl" size="80%">
|
<el-drawer
|
||||||
|
:title="drawer_cfg.title"
|
||||||
|
:visible.sync="drawer_cfg.drawerChild"
|
||||||
|
direction="rtl"
|
||||||
|
size="80%"
|
||||||
|
>
|
||||||
<div style="padding: 0 40px;display: flex;flex-direction: column">
|
<div style="padding: 0 40px;display: flex;flex-direction: column">
|
||||||
<div style="text-align: right;height: 50px;">
|
<div style="text-align: right;height: 50px;">
|
||||||
<el-select v-model="copeParams.FromItemId" collapse-tags filterable placeholder="完全拷贝对象" clearable
|
<el-select v-model="copeParams.FromItemId" collapse-tags filterable placeholder="完全拷贝对象" clearable size="small">
|
||||||
size="small">
|
<el-option v-for="item of list" :key="item.Id" v-if="drawer_cfg.drawerChild && item.ConfigType === 'M' && item.ObjectTypeId === selectRow.ObjectTypeId && item.OptTypeId && item.ChildrenTypeId " :value="item.Id" :label="item.DescriptionCN" />
|
||||||
<template v-for="item of list">
|
|
||||||
<el-option :key="item.Id"
|
|
||||||
v-if="drawer_cfg.drawerChild && item.ConfigType === 'M' && item.ObjectTypeId === selectRow.ObjectTypeId && item.OptTypeId && item.ChildrenTypeId"
|
|
||||||
:value="item.Id" :label="item.DescriptionCN" />
|
|
||||||
</template>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-button type="primary" size="mini" style="margin-right: 10px"
|
<el-button type="primary" size="mini" style="margin-right: 10px" @click="handleOverCope(selectRow)">完全拷贝</el-button>
|
||||||
@click="handleOverCope(selectRow)">完全拷贝</el-button>
|
<el-select v-model="copeParams.DataSourceGuids" multiple collapse-tags filterable placeholder="拷贝对象" clearable size="small">
|
||||||
<el-select v-model="copeParams.DataSourceGuids" multiple collapse-tags filterable placeholder="拷贝对象" clearable
|
<el-option v-for="item of list" :key="item.Id" v-if="drawer_cfg.drawerChild && item.ConfigType === 'M' && item.ObjectTypeId === selectRow.ObjectTypeId && item.OptTypeId && item.ChildrenTypeId " :value="item.Id" :label="item.DescriptionCN" />
|
||||||
size="small">
|
|
||||||
<template v-for="item of list">
|
|
||||||
<el-option :key="item.Id"
|
|
||||||
v-if="drawer_cfg.drawerChild && item.ConfigType === 'M' && item.ObjectTypeId === selectRow.ObjectTypeId && item.OptTypeId && item.ChildrenTypeId"
|
|
||||||
:value="item.Id" :label="item.DescriptionCN" />
|
|
||||||
</template>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-button type="primary" size="mini" @click="handleCope(selectRow)">拷贝</el-button>
|
<el-button type="primary" size="mini" @click="handleCope(selectRow)">拷贝</el-button>
|
||||||
<el-button type="primary" size="mini" @click="handleAdd(selectRow)">新建</el-button>
|
<el-button type="primary" size="mini" @click="handleAdd(selectRow)">新建</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div style="flex: 1">
|
<div style="flex: 1">
|
||||||
<el-table v-if="tableShow" v-adaptive="{ bottomOffset: 0 }" v-loading="loading" :data="childrenList"
|
<el-table
|
||||||
:row-key="selectRow ? selectRow.Id : '1'" class="singleTable" height="100">
|
v-if="tableShow"
|
||||||
|
v-adaptive="{bottomOffset:0}"
|
||||||
|
v-loading="loading"
|
||||||
|
:data="childrenList"
|
||||||
|
:row-key="selectRow ? selectRow.Id : '1'"
|
||||||
|
class="singleTable"
|
||||||
|
height="100"
|
||||||
|
>
|
||||||
<el-table-column prop="Code" label="字段名" min-width="120px" :show-overflow-tooltip="true" />
|
<el-table-column prop="Code" label="字段名" min-width="120px" :show-overflow-tooltip="true" />
|
||||||
<el-table-column prop="CodeEn" label="字段名英文" min-width="120px" :show-overflow-tooltip="true" />
|
<el-table-column prop="CodeEn" label="字段名英文" min-width="120px" :show-overflow-tooltip="true" />
|
||||||
<el-table-column prop="Value" label="字段英文" min-width="120px" :show-overflow-tooltip="true" />
|
<el-table-column prop="Value" label="字段英文" min-width="120px" :show-overflow-tooltip="true" />
|
||||||
<el-table-column prop="ValueCN" label="字段中文" min-width="120px" :show-overflow-tooltip="true" />
|
<el-table-column prop="ValueCN" label="字段中文" min-width="120px" :show-overflow-tooltip="true" />
|
||||||
<el-table-column prop="Sort" label="显示顺序" min-width="80" show-overflow-tooltip />
|
<el-table-column
|
||||||
|
prop="Sort"
|
||||||
|
label="显示顺序"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<el-table-column label="启用" align="center" prop="CreateTime" min-width="80">
|
<el-table-column label="启用" align="center" prop="CreateTime" min-width="80">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsEnable" size="success">启用</el-tag>
|
<el-tag v-if="scope.row.IsEnable" size="success">启用</el-tag>
|
||||||
|
|
@ -580,16 +717,27 @@
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="TrialConfigRelyFieldName" label="依赖字段" min-width="120px"
|
<el-table-column prop="TrialConfigRelyFieldName" label="依赖字段" min-width="120px" :show-overflow-tooltip="true" />
|
||||||
:show-overflow-tooltip="true" />
|
<el-table-column label="操作" align="center" min-width="180" class-name="small-padding fixed-width">
|
||||||
<el-table-column label="操作" align="center" min-width="260" class-name="small-padding fixed-width"
|
|
||||||
fixed="right">
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button size="mini" type="text" @click="handleUpMove(scope.row, true, true)">上移</el-button>
|
<el-button
|
||||||
<el-button size="mini" type="text" @click="handleUpMove(scope.row, true, false)">下移</el-button>
|
size="mini"
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleCopyData(scope.row)">复制</el-button>
|
type="text"
|
||||||
<el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
|
icon="el-icon-edit"
|
||||||
<el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
|
@click="handleCopyData(scope.row)"
|
||||||
|
>复制</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-edit"
|
||||||
|
@click="handleUpdate(scope.row)"
|
||||||
|
>修改</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
>删除</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
@ -654,7 +802,7 @@ export default {
|
||||||
ChildGroup: null,
|
ChildGroup: null,
|
||||||
tableShow: false,
|
tableShow: false,
|
||||||
rowDrop2TableIsShow: true,
|
rowDrop2TableIsShow: true,
|
||||||
DictionaryCodeList: []
|
DictionaryCodeList:[]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
|
|
@ -674,17 +822,17 @@ export default {
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
// 获取字典表名
|
// 获取字典表名
|
||||||
async getDictionaryCodeList() {
|
async getDictionaryCodeList(){
|
||||||
try {
|
try{
|
||||||
let res = await getDictionaryCodeList();
|
let res = await getDictionaryCodeList();
|
||||||
if (res.IsSuccess) {
|
if(res.IsSuccess){
|
||||||
this.DictionaryCodeList = res.Result.map(item => {
|
this.DictionaryCodeList = res.Result.map(item=>{
|
||||||
return {
|
return {
|
||||||
value: item
|
value:item
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
} catch (err) {
|
}catch(err){
|
||||||
console.log(err);
|
console.log(err);
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -746,37 +894,24 @@ export default {
|
||||||
return pre - target > curr - target ? curr : pre
|
return pre - target > curr - target ? curr : pre
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
handleUpMove(row, isChildren = false, isLast = true) {
|
handleUpMove(row) {
|
||||||
var index
|
var index
|
||||||
var target
|
var target
|
||||||
var list = this.list.filter((v, i) => {
|
var list = this.list.filter((v, i) => {
|
||||||
return row.ModuleTypeId === v.ModuleTypeId && v.ModuleTypeValueCN && v.ObjectTypeValueCN && v.OptTypeValueCN && v.ChildrenTypeValueCN
|
return row.ModuleTypeId === v.ModuleTypeId && v.ModuleTypeValueCN && v.ObjectTypeValueCN && v.OptTypeValueCN && v.ChildrenTypeValueCN
|
||||||
})
|
})
|
||||||
if (isChildren) {
|
|
||||||
list = this.childrenList
|
|
||||||
}
|
|
||||||
list.forEach((v, i) => {
|
list.forEach((v, i) => {
|
||||||
if (row.Id === v.Id) {
|
if (row.Id === v.Id) {
|
||||||
index = i
|
index = i
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
console.log(index)
|
console.log(index)
|
||||||
if (isLast) {
|
|
||||||
if (index === 0) {
|
if (index === 0) {
|
||||||
this.$alert('该行排序已是最高')
|
this.$alert('该行排序已是最高')
|
||||||
return
|
return
|
||||||
} else {
|
} else {
|
||||||
target = list[index - 1]
|
target = list[index - 1]
|
||||||
}
|
}
|
||||||
} else {
|
|
||||||
if (index === this.list.length) {
|
|
||||||
this.$alert('该行排序已是最底')
|
|
||||||
return
|
|
||||||
} else {
|
|
||||||
target = list[index + 1]
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log(list)
|
console.log(list)
|
||||||
var params = [
|
var params = [
|
||||||
{ Id: target.Id, Sort: row.Sort },
|
{ Id: target.Id, Sort: row.Sort },
|
||||||
|
|
@ -851,7 +986,7 @@ export default {
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
_this.loading = true
|
_this.loading = true
|
||||||
changeFrontAuditSort(params).then(res => {
|
changeFrontAuditSort(params ).then(res => {
|
||||||
_this.loading = false
|
_this.loading = false
|
||||||
_this.getList()
|
_this.getList()
|
||||||
}).catch(() => { _this.loading = false })
|
}).catch(() => { _this.loading = false })
|
||||||
|
|
@ -961,7 +1096,7 @@ export default {
|
||||||
menu.Children = this.menuList
|
menu.Children = this.menuList
|
||||||
this.menuOptions = Object.assign([], [menu])
|
this.menuOptions = Object.assign([], [menu])
|
||||||
this.loading = false
|
this.loading = false
|
||||||
}).catch(function () { })
|
}).catch(function() {})
|
||||||
},
|
},
|
||||||
/** 查询菜单下拉树结构 */
|
/** 查询菜单下拉树结构 */
|
||||||
getTreeselect() {
|
getTreeselect() {
|
||||||
|
|
@ -971,7 +1106,7 @@ export default {
|
||||||
menu.Children = this.toTree(res.Result, '00000000-0000-0000-0000-000000000000')
|
menu.Children = this.toTree(res.Result, '00000000-0000-0000-0000-000000000000')
|
||||||
this.menuOptions = Object.assign([], [menu])
|
this.menuOptions = Object.assign([], [menu])
|
||||||
this.loading = false
|
this.loading = false
|
||||||
}).catch(function () { })
|
}).catch(function() {})
|
||||||
},
|
},
|
||||||
// 菜单显示状态字典翻译
|
// 菜单显示状态字典翻译
|
||||||
visibleFormat(row, column) {
|
visibleFormat(row, column) {
|
||||||
|
|
@ -995,7 +1130,6 @@ export default {
|
||||||
DescriptionCN: null,
|
DescriptionCN: null,
|
||||||
InterfaceName: null,
|
InterfaceName: null,
|
||||||
IsEnable: true,
|
IsEnable: true,
|
||||||
IsDefaultChoice: true,
|
|
||||||
ModuleTypeId: null,
|
ModuleTypeId: null,
|
||||||
OptTypeId: null,
|
OptTypeId: null,
|
||||||
ChildrenTypeId: null,
|
ChildrenTypeId: null,
|
||||||
|
|
@ -1018,7 +1152,6 @@ export default {
|
||||||
IsSpecialType: false,
|
IsSpecialType: false,
|
||||||
DataType: '',
|
DataType: '',
|
||||||
ChildDataLabel: null,
|
ChildDataLabel: null,
|
||||||
IsBeforeModifyView: false,
|
|
||||||
ChildDataEnLabel: null,
|
ChildDataEnLabel: null,
|
||||||
ChildDataValue: null,
|
ChildDataValue: null,
|
||||||
DateType: null,
|
DateType: null,
|
||||||
|
|
@ -1105,9 +1238,9 @@ export default {
|
||||||
this.title = '修改'
|
this.title = '修改'
|
||||||
this.rowDrop2()
|
this.rowDrop2()
|
||||||
},
|
},
|
||||||
handleCopyData(row) {
|
handleCopyData (row) {
|
||||||
this.$confirm('确定复制该条记录到当前稽查下吗？').then(() => {
|
this.$confirm('确定复制该条记录到当前稽查下吗？').then(() => {
|
||||||
let params = { ...row }
|
let params = {...row}
|
||||||
delete params.Id
|
delete params.Id
|
||||||
addOrUpdateFrontAuditConfig(params).then(() => {
|
addOrUpdateFrontAuditConfig(params).then(() => {
|
||||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||||
|
|
@ -1116,7 +1249,7 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm: function () {
|
submitForm: function() {
|
||||||
this.$refs['form'].validate(valid => {
|
this.$refs['form'].validate(valid => {
|
||||||
if (valid) {
|
if (valid) {
|
||||||
addOrUpdateFrontAuditConfig(this.form).then(response => {
|
addOrUpdateFrontAuditConfig(this.form).then(response => {
|
||||||
|
|
@ -1146,11 +1279,10 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.vue-treeselect div {
|
.vue-treeselect div{
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
}
|
}
|
||||||
|
#check_config .el-dialog__body{
|
||||||
#check_config .el-dialog__body {
|
|
||||||
padding: 0 20px;
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -7,28 +7,74 @@
|
||||||
<el-button type="primary" size="mini" @click="handleAdd">新建</el-button>
|
<el-button type="primary" size="mini" @click="handleAdd">新建</el-button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 45 }" :data="list" stripe size="small" height="100"
|
<el-table
|
||||||
@sort-change="handleSortByColumn">
|
v-loading="loading"
|
||||||
|
v-adaptive="{bottomOffset:45}"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
size="small"
|
||||||
|
height="100"
|
||||||
|
>
|
||||||
<el-table-column type="index" width="60" />
|
<el-table-column type="index" width="60" />
|
||||||
<el-table-column v-if="!~$route.path.indexOf('select')" prop="Code" label="字典键值" min-width="180"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable='custom' />
|
v-if="!~$route.path.indexOf('select')"
|
||||||
<el-table-column prop="ValueCN" label="中文值" min-width="180" show-overflow-tooltip sortable='custom' />
|
prop="Code"
|
||||||
<el-table-column prop="Value" label="英文值" min-width="180" show-overflow-tooltip sortable='custom' />
|
label="字典键值"
|
||||||
<el-table-column prop="ChildGroup" label="分组" min-width="180" show-overflow-tooltip sortable='custom' />
|
min-width="180"
|
||||||
<el-table-column prop="ShowOrder" label="显示顺序" min-width="180" show-overflow-tooltip sortable='custom' />
|
show-overflow-tooltip
|
||||||
<el-table-column prop="Description" label="描述" min-width="180" show-overflow-tooltip sortable='custom' />
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="ValueCN"
|
||||||
|
label="中文值"
|
||||||
|
min-width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="Value"
|
||||||
|
label="英文值"
|
||||||
|
min-width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="ChildGroup"
|
||||||
|
label="分组"
|
||||||
|
min-width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="ShowOrder"
|
||||||
|
label="显示顺序"
|
||||||
|
min-width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="Description"
|
||||||
|
label="描述"
|
||||||
|
min-width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<el-table-column label="是否可用" width="100" fixed="right">
|
<el-table-column label="是否可用" width="100" fixed="right">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.IsEnable" :active-value="true" :inactive-value="false"
|
<el-switch
|
||||||
@change="(event) => { return switchChange(event, scope.row) }" />
|
v-model="scope.row.IsEnable"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
@change="(event) => {return switchChange(event, scope.row)}"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column label="操作" width="150" fixed="right">
|
<el-table-column label="操作" width="150" fixed="right">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" @click="handleEdit(scope.row)">
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="handleEdit(scope.row)"
|
||||||
|
>
|
||||||
编辑
|
编辑
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="text" @click="handleDelete(scope.row)">
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
>
|
||||||
删除
|
删除
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -45,8 +91,7 @@ import DictionaryChildAddOrUpdateForm from './DictionaryChildAddOrUpdateForm'
|
||||||
|
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
Asc: true,
|
parentId: ''
|
||||||
SortField: 'ShowOrder',
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -76,17 +121,6 @@ export default {
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 排序
|
|
||||||
handleSortByColumn(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()
|
|
||||||
},
|
|
||||||
handleChild(row) {
|
handleChild(row) {
|
||||||
this.drawerChild = true
|
this.drawerChild = true
|
||||||
this.getDictionaryChildList(row.Id)
|
this.getDictionaryChildList(row.Id)
|
||||||
|
|
@ -138,8 +172,7 @@ export default {
|
||||||
// 获取匿名化配置信息
|
// 获取匿名化配置信息
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
this.searchData.ParentId = this.parent.Id
|
getDictionaryChildList(this.parent.Id).then(res => {
|
||||||
getDictionaryChildList(this.searchData).then(res => {
|
|
||||||
this.loading = false
|
this.loading = false
|
||||||
this.list = res.Result
|
this.list = res.Result
|
||||||
}).catch(() => { this.loading = false })
|
}).catch(() => { this.loading = false })
|
||||||
|
|
@ -157,4 +190,6 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped></style>
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -5,81 +5,151 @@
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<!-- 配置 -->
|
<!-- 配置 -->
|
||||||
<el-button size="mini" type="primary" :disabled="isCompleteConfig" @click="handleAdd"
|
<el-button
|
||||||
style="margin-right: 10px;">
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
:disabled="isCompleteConfig"
|
||||||
|
@click="handleAdd"
|
||||||
|
style="margin-right: 10px;"
|
||||||
|
>
|
||||||
{{ $t('dictionary:template:criterionDictionary:button:config') }}
|
{{ $t('dictionary:template:criterionDictionary:button:config') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="loading" style="width: 100%" :data="list" stripe>
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
style="width: 100%"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
>
|
||||||
<!-- 序号 -->
|
<!-- 序号 -->
|
||||||
<el-table-column prop="" label="" width="50">
|
<el-table-column
|
||||||
|
prop=""
|
||||||
|
label=""
|
||||||
|
width="50"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.$index + 1 }}
|
{{scope.$index + 1}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 字典表名 -->
|
<!-- 字典表名 -->
|
||||||
<el-table-column prop="Code" :label="$t('dictionary:template:criterionDictionary:table:code')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Code"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:code')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 描述 -->
|
<!-- 描述 -->
|
||||||
<el-table-column prop="Description" :label="$t('dictionary:template:criterionDictionary:table:description')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Description"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:description')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 子项数量 -->
|
<!-- 子项数量 -->
|
||||||
<el-table-column prop="Count" :label="$t('dictionary:template:criterionDictionary:table:count')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Count"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:count')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 排序 -->
|
<!-- 排序 -->
|
||||||
<el-table-column prop="ShowOrder" :label="$t('dictionary:template:criterionDictionary:table:showOrder')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="ShowOrder"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:showOrder')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 操作 -->
|
<!-- 操作 -->
|
||||||
<el-table-column prop="Description" :label="$t('common:action:action')" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
prop="Description"
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 配置 -->
|
<!-- 配置 -->
|
||||||
<el-button type="text" @click="openChildren(scope.row)">
|
<el-button :disabled="isCompleteConfig" type="text" @click="openChildren(scope.row)">
|
||||||
{{ $t('dictionary:template:criterionDictionary:button:config') }}
|
{{ $t('dictionary:template:criterionDictionary:button:config') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 删除 -->
|
<!-- 删除 -->
|
||||||
<el-button type="text" :disabled="isCompleteConfig" @click="handleDelete(scope.row)">
|
<el-button
|
||||||
|
type="text"
|
||||||
|
:disabled="isCompleteConfig"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
>
|
||||||
{{ $t('common:button:delete') }}
|
{{ $t('common:button:delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-drawer :title="drawer_cfg.title" :append-to-body="true" :modal-append-to-body="false"
|
<el-drawer
|
||||||
:visible.sync="drawer_cfg.drawerChild" direction="rtl" size="80%">
|
:title="drawer_cfg.title"
|
||||||
<CriterionDictionaryConfig v-if="drawer_cfg.drawerChild" @getList="getList" :isCompleteConfig="isCompleteConfig"
|
:append-to-body="true"
|
||||||
:criterionId="criterionId" :parentCode="drawer_cfg.title"></CriterionDictionaryConfig>
|
:modal-append-to-body="false"
|
||||||
|
:visible.sync="drawer_cfg.drawerChild"
|
||||||
|
direction="rtl"
|
||||||
|
size="80%"
|
||||||
|
>
|
||||||
|
<CriterionDictionaryConfig v-if="drawer_cfg.drawerChild" @getList="getList" :criterionId="criterionId" :parentCode="drawer_cfg.title"></CriterionDictionaryConfig>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
<el-drawer :title="drawer_cfg2.title" :append-to-body="true" :modal-append-to-body="false"
|
<el-drawer
|
||||||
:visible.sync="drawer_cfg2.drawerChild" direction="rtl" size="80%">
|
:title="drawer_cfg2.title"
|
||||||
|
:append-to-body="true"
|
||||||
|
:modal-append-to-body="false"
|
||||||
|
:visible.sync="drawer_cfg2.drawerChild"
|
||||||
|
direction="rtl"
|
||||||
|
size="80%"
|
||||||
|
>
|
||||||
<div style="text-align: right;">
|
<div style="text-align: right;">
|
||||||
<el-button size="mini" type="primary" @click="handleSave" v-loading="loading">
|
<el-button
|
||||||
{{ $t('common:button:save') }}
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
@click="handleSave"
|
||||||
|
v-loading="loading"
|
||||||
|
>
|
||||||
|
{{ $t('common:button:save')}}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 0 }" height="100" ref="multipleTable" style="width: 100%"
|
<el-table
|
||||||
:data="dicList" stripe @selection-change="handleSelectionChange">
|
v-loading="loading"
|
||||||
<el-table-column type="selection" width="55">
|
v-adaptive="{bottomOffset:0}"
|
||||||
|
height="100"
|
||||||
|
ref="multipleTable"
|
||||||
|
style="width: 100%"
|
||||||
|
:data="dicList"
|
||||||
|
stripe
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column width="55">
|
<el-table-column
|
||||||
|
width="55">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.$index + 1 }}
|
{{ scope.$index + 1}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 字典表名 -->
|
<!-- 字典表名 -->
|
||||||
<el-table-column prop="Code" :label="$t('dictionary:template:criterionDictionary:table:code')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Code"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:code')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 描述 -->
|
<!-- 描述 -->
|
||||||
<el-table-column prop="Description" :label="$t('dictionary:template:criterionDictionary:table:description')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Description"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:description')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 排序 -->
|
<!-- 排序 -->
|
||||||
<el-table-column prop="ShowOrder" :label="$t('dictionary:template:criterionDictionary:table:showOrder')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="ShowOrder"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:showOrder')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-drawer>
|
</el-drawer>
|
||||||
|
|
@ -194,7 +264,7 @@ export default {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
// 是否确认删除
|
// 是否确认删除
|
||||||
this.$confirm(this.$t('template:criterionDictionary:message:msg1')).then(() => {
|
this.$confirm(this.$t('template:criterionDictionary:message:msg1')).then(() => {
|
||||||
deleteSystemCriterionDictionary({ Id: row.Id }).then(res => {
|
deleteSystemCriterionDictionary({Id: row.Id}).then(res => {
|
||||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||||
this.loading = false
|
this.loading = false
|
||||||
this.getList()
|
this.getList()
|
||||||
|
|
@ -207,7 +277,7 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-form-item__content {
|
::v-deep .el-form-item__content{
|
||||||
width: calc(100% - 110px);
|
width: calc(100% - 110px);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -4,74 +4,134 @@
|
||||||
<div>
|
<div>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<el-button size="mini" type="primary" @click="handleAdd" style="margin-right: 10px;" v-if="!isCompleteConfig">
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
@click="handleAdd"
|
||||||
|
style="margin-right: 10px;"
|
||||||
|
>
|
||||||
{{ $t('dictionary:template:criterionDictionary:button:config') }}
|
{{ $t('dictionary:template:criterionDictionary:button:config') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 0 }" height="100" style="width: 100%" :data="list" stripe>
|
<el-table
|
||||||
<el-table-column prop="" label="" width="50">
|
v-loading="loading"
|
||||||
|
v-adaptive="{bottomOffset:0}"
|
||||||
|
height="100"
|
||||||
|
style="width: 100%"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
prop=""
|
||||||
|
label=""
|
||||||
|
width="50"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.$index + 1 }}
|
{{scope.$index + 1}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 键值 -->
|
<!-- 键值 -->
|
||||||
<el-table-column prop="Code" :label="$t('dictionary:template:criterionDictionary:table:code')"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="Code"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:code')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 中文值 -->
|
<!-- 中文值 -->
|
||||||
<el-table-column prop="ValueCN" :label="$t('dictionary:template:criterionDictionary:table:valueCN')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="ValueCN"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:valueCN')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 英文值 -->
|
<!-- 英文值 -->
|
||||||
<el-table-column prop="Value" :label="$t('dictionary:template:criterionDictionary:table:value')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Value"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:value')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 描述 -->
|
<!-- 描述 -->
|
||||||
<el-table-column prop="Description" :label="$t('dictionary:template:criterionDictionary:table:description')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Description"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:description')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 分组 -->
|
<!-- 分组 -->
|
||||||
<el-table-column prop="Description" :label="$t('dictionary:template:criterionDictionary:table:group')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="Description"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:group')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="!isCompleteConfig">
|
<div>
|
||||||
<el-radio-group v-model="scope.row.CrterionDictionaryGroup"
|
<el-radio-group v-model="scope.row.CrterionDictionaryGroup" @change="(v) => {crterionDictionaryGroupChange(v, scope.row)}" size="mini">
|
||||||
@change="(v) => { crterionDictionaryGroupChange(v, scope.row) }" size="mini">
|
<el-radio-button v-for="item of $d.CrterionDictionaryGroup" :label="item.value" :key="item.id">{{item.label}}</el-radio-button>
|
||||||
<el-radio-button v-for="item of $d.CrterionDictionaryGroup" :label="item.value" :key="item.id">{{
|
|
||||||
item.label }}</el-radio-button>
|
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>{{ $fd('CrterionDictionaryGroup', scope.row.CrterionDictionaryGroup) }}</div>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<el-dialog v-if="config.visible" :visible.sync="config.visible" :close-on-click-modal="false" :title="config.title"
|
<el-dialog
|
||||||
width="90%" append-to-body>
|
v-if="config.visible"
|
||||||
|
:visible.sync="config.visible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:title="config.title"
|
||||||
|
width="90%"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
<div>
|
<div>
|
||||||
<div style="text-align: right;">
|
<div style="text-align: right;">
|
||||||
<el-button size="mini" type="primary" @click="handleSave" v-loading="loading">
|
<el-button
|
||||||
{{ $t('common:button:save') }}
|
size="mini"
|
||||||
|
type="primary"
|
||||||
|
@click="handleSave"
|
||||||
|
v-loading="loading"
|
||||||
|
>
|
||||||
|
{{ $t('common:button:save')}}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 100 }" height="100" ref="multipleTable"
|
<el-table
|
||||||
:data="$d[parentCode]" stripe @selection-change="handleSelectionChange">
|
v-loading="loading"
|
||||||
<el-table-column type="selection" width="55">
|
v-adaptive="{bottomOffset:100}"
|
||||||
|
height="100"
|
||||||
|
ref="multipleTable"
|
||||||
|
:data="$d[parentCode]"
|
||||||
|
stripe
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55">
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 键值 -->
|
<!-- 键值 -->
|
||||||
<el-table-column prop="raw.Code" :label="$t('dictionary:template:criterionDictionary:table:code')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="raw.Code"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:code')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 中文值 -->
|
<!-- 中文值 -->
|
||||||
<el-table-column prop="raw.ValueCN" :label="$t('dictionary:template:criterionDictionary:table:valueCN')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="raw.ValueCN"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:valueCN')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 英文值 -->
|
<!-- 英文值 -->
|
||||||
<el-table-column prop="raw.Value" :label="$t('dictionary:template:criterionDictionary:table:value')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="raw.Value"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:value')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 描述 -->
|
<!-- 描述 -->
|
||||||
<el-table-column prop="raw.Description"
|
<el-table-column
|
||||||
:label="$t('dictionary:template:criterionDictionary:table:description')" show-overflow-tooltip>
|
prop="raw.Description"
|
||||||
|
:label="$t('dictionary:template:criterionDictionary:table:description')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -90,10 +150,6 @@ export default {
|
||||||
parentCode: {
|
parentCode: {
|
||||||
type: String,
|
type: String,
|
||||||
required: true
|
required: true
|
||||||
},
|
|
||||||
isCompleteConfig: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
|
|
@ -122,7 +178,7 @@ export default {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||||
this.getList()
|
this.getList()
|
||||||
}).catch(() => { this.loading = false })
|
}).catch(() => {this.loading = false})
|
||||||
},
|
},
|
||||||
toggleSelection(rows) {
|
toggleSelection(rows) {
|
||||||
console.log(this.$refs.multipleTable)
|
console.log(this.$refs.multipleTable)
|
||||||
|
|
@ -184,7 +240,7 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .el-form-item__content {
|
::v-deep .el-form-item__content{
|
||||||
width: calc(100% - 110px);
|
width: calc(100% - 110px);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<el-form ref="emailForm" v-loading="loading" :model="form" label-width="180px" size="small" :rules="rules">
|
<el-form
|
||||||
|
ref="emailForm"
|
||||||
|
v-loading="loading"
|
||||||
|
:model="form"
|
||||||
|
label-width="180px"
|
||||||
|
size="small"
|
||||||
|
:rules="rules"
|
||||||
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<!-- Code -->
|
<!-- Code -->
|
||||||
|
|
@ -22,7 +29,12 @@
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<!-- 邮件延时发送s数 -->
|
<!-- 邮件延时发送s数 -->
|
||||||
<el-form-item :label="$t('dictionary:email:label:emailDelaySeconds')" prop="EmailDelaySeconds">
|
<el-form-item :label="$t('dictionary:email:label:emailDelaySeconds')" prop="EmailDelaySeconds">
|
||||||
<el-input v-model.number="form.EmailDelaySeconds" style="width: 300px" type="number" clearable>
|
<el-input
|
||||||
|
v-model.number="form.EmailDelaySeconds"
|
||||||
|
style="width: 300px"
|
||||||
|
type="number"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -30,8 +42,12 @@
|
||||||
<!-- 业务层级 -->
|
<!-- 业务层级 -->
|
||||||
<el-form-item :label="$t('dictionary:email:label:businessLevel')" prop="BusinessLevelEnum">
|
<el-form-item :label="$t('dictionary:email:label:businessLevel')" prop="BusinessLevelEnum">
|
||||||
<el-select v-model="form.BusinessLevelEnum" clearable class="mr">
|
<el-select v-model="form.BusinessLevelEnum" clearable class="mr">
|
||||||
<el-option v-for="item of $d.BusinessLevel" :key="`BusinessLevel${item.label}`" :label="item.label"
|
<el-option
|
||||||
:value="item.value" />
|
v-for="item of $d.BusinessLevel"
|
||||||
|
:key="`BusinessLevel${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -39,8 +55,12 @@
|
||||||
<!-- 业务模块 -->
|
<!-- 业务模块 -->
|
||||||
<el-form-item :label="$t('dictionary:email:label:businessModule')" prop="BusinessModuleEnum">
|
<el-form-item :label="$t('dictionary:email:label:businessModule')" prop="BusinessModuleEnum">
|
||||||
<el-select v-model="form.BusinessModuleEnum" clearable class="mr">
|
<el-select v-model="form.BusinessModuleEnum" clearable class="mr">
|
||||||
<el-option v-for="item of $d.BusinessModule" :key="`BusinessModule${item.label}`" :label="item.label"
|
<el-option
|
||||||
:value="item.value" />
|
v-for="item of $d.BusinessModule"
|
||||||
|
:key="`BusinessModule${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -48,46 +68,80 @@
|
||||||
<!-- 业务场景 -->
|
<!-- 业务场景 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')" prop="BusinessScenarioEnum">
|
<el-form-item :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')" prop="BusinessScenarioEnum">
|
||||||
<el-select v-model="form.BusinessScenarioEnum" clearable class="mr">
|
<el-select v-model="form.BusinessScenarioEnum" clearable class="mr">
|
||||||
<el-option v-for="item of $d.Email_BusinessScenario" :key="`BusinessScenarioEnum${item.label}`"
|
<el-option
|
||||||
:label="item.label" :value="item.value" />
|
v-for="item of $d.Email_BusinessScenario"
|
||||||
|
:key="`BusinessScenarioEnum${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<!-- 收件人 -->
|
<!-- 收件人 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:toUserTypeList')" prop="ToUserTypeList">
|
<el-form-item :label="$t('trials:emailManageCfg:title:toUserTypeList')" prop="ToUserTypeList">
|
||||||
<el-select v-model="form.ToUserTypeList" clearable multiple class="mr">
|
<el-select
|
||||||
<el-option v-for="item of $d.UserType" :key="`ToUserTypeList${item.label}`" :label="item.label"
|
v-model="form.ToUserTypeList"
|
||||||
:value="item.value" />
|
clearable
|
||||||
|
multiple
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.UserType"
|
||||||
|
:key="`ToUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<!-- 抄送人 -->
|
<!-- 抄送人 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:copyUserTypeList')" prop="CopyUserTypeList">
|
<el-form-item :label="$t('trials:emailManageCfg:title:copyUserTypeList')" prop="CopyUserTypeList">
|
||||||
<el-select v-model="form.CopyUserTypeList" clearable multiple class="mr">
|
<el-select
|
||||||
<el-option v-for="item of $d.UserType" :key="`CopyUserTypeList${item.label}`" :label="item.label"
|
v-model="form.CopyUserTypeList"
|
||||||
:value="item.value" />
|
clearable
|
||||||
|
multiple
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.UserType"
|
||||||
|
:key="`CopyUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<!-- 加急状态 -->
|
<!-- 加急状态 -->
|
||||||
<el-form-item :label="$t('dictionary:email:label:IsUrgent')" prop="EmailUrgentEnum">
|
<el-form-item :label="$t('dictionary:email:label:IsUrgent')" prop="EmailUrgentEnum">
|
||||||
<el-select v-model="form.EmailUrgentEnum" @change="
|
<el-select
|
||||||
|
v-model="form.EmailUrgentEnum"
|
||||||
|
@change="
|
||||||
(v) => {
|
(v) => {
|
||||||
v === 1 ? (form.EmailCron = null) : null
|
v === 1 ? (form.EmailCron = null) : null
|
||||||
}
|
}
|
||||||
" clearable class="mr">
|
"
|
||||||
<el-option v-for="item of $d.EmailUrgent" :key="`EmailUrgent${item.label}`" :label="item.label"
|
clearable
|
||||||
:value="item.value" />
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.EmailUrgent"
|
||||||
|
:key="`EmailUrgent${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<!-- 发送周期和时间 -->
|
<!-- 发送周期和时间 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:EmailCron')" v-if="form.EmailUrgentEnum !== 1"
|
<el-form-item
|
||||||
prop="EmailCron">
|
:label="$t('trials:emailManageCfg:table:EmailCron')"
|
||||||
|
v-if="form.EmailUrgentEnum !== 1"
|
||||||
|
prop="EmailCron"
|
||||||
|
>
|
||||||
<el-input style="width: 300px" readonly v-model="form.EmailCron" />
|
<el-input style="width: 300px" readonly v-model="form.EmailCron" />
|
||||||
<!-- 生成 cron -->
|
<!-- 生成 cron -->
|
||||||
<el-button type="primary" @click="showDialog"> {{ $t('dictionary:email:button:cron') }} </el-button>
|
<el-button type="primary" @click="showDialog"> {{ $t('dictionary:email:button:cron') }} </el-button>
|
||||||
|
|
@ -97,8 +151,12 @@
|
||||||
<!-- 是否需要回执 -->
|
<!-- 是否需要回执 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:isReturnRequired')" prop="IsReturnRequired">
|
<el-form-item :label="$t('trials:emailManageCfg:title:isReturnRequired')" prop="IsReturnRequired">
|
||||||
<el-radio-group v-model="form.IsReturnRequired">
|
<el-radio-group v-model="form.IsReturnRequired">
|
||||||
<el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsReturnRequired${item.value}`">{{
|
<el-radio
|
||||||
item.label }}</el-radio>
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.value"
|
||||||
|
:key="`IsReturnRequired${item.value}`"
|
||||||
|
>{{ item.label }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -106,30 +164,48 @@
|
||||||
<!-- 是否自动发送 -->
|
<!-- 是否自动发送 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:IsAutoSend')" prop="IsAutoSend">
|
<el-form-item :label="$t('trials:emailManageCfg:table:IsAutoSend')" prop="IsAutoSend">
|
||||||
<el-radio-group v-model="form.IsAutoSend">
|
<el-radio-group v-model="form.IsAutoSend">
|
||||||
<el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsAutoSend${item.value}`">{{ item.label
|
<el-radio
|
||||||
}}</el-radio>
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.value"
|
||||||
|
:key="`IsAutoSend${item.value}`"
|
||||||
|
>{{ item.label }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="systemLevel">
|
<el-col :span="12" v-if="systemLevel">
|
||||||
<!-- 是否区分标准 -->
|
<!-- 是否区分标准 -->
|
||||||
<el-form-item :label="$t('dictionary:email:button:isDistinguishCriteria')" prop="IsDistinguishCriteria">
|
<el-form-item :label="$t('dictionary:email:button:isDistinguishCriteria')" prop="IsDistinguishCriteria">
|
||||||
<el-radio-group v-model="form.IsDistinguishCriteria" @change="
|
<el-radio-group
|
||||||
|
v-model="form.IsDistinguishCriteria"
|
||||||
|
@change="
|
||||||
() => {
|
() => {
|
||||||
form.CriterionTypeEnum = null
|
form.CriterionTypeEnum = null
|
||||||
}
|
}
|
||||||
">
|
"
|
||||||
<el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsDistinguishCriteria${item.value}`">{{
|
>
|
||||||
item.label }}</el-radio>
|
<el-radio
|
||||||
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.value"
|
||||||
|
:key="`IsDistinguishCriteria${item.value}`"
|
||||||
|
>{{ item.label }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:auditRecord:table:criterion')" v-if="form.IsDistinguishCriteria"
|
<el-form-item
|
||||||
prop="CriterionTypeList">
|
:label="$t('trials:auditRecord:table:criterion')"
|
||||||
<el-select v-model="form.CriterionTypeList" clearable class="mr" multiple>
|
v-if="form.IsDistinguishCriteria"
|
||||||
<el-option v-for="item of $d.CriterionType" :key="`CriterionType${item.label}`" :label="item.label"
|
prop="CriterionTypeEnum"
|
||||||
:value="item.value" />
|
>
|
||||||
|
<el-select v-model="form.CriterionTypeEnum" clearable class="mr">
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.CriterionType"
|
||||||
|
:key="`CriterionType${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -137,65 +213,106 @@
|
||||||
<!-- 是否启用 -->
|
<!-- 是否启用 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" prop="IsEnable">
|
<el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" prop="IsEnable">
|
||||||
<el-radio-group v-model="form.IsEnable">
|
<el-radio-group v-model="form.IsEnable">
|
||||||
<el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsEnable${item.value}`">{{ item.label
|
<el-radio
|
||||||
}}</el-radio>
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.value"
|
||||||
|
:key="`IsEnable${item.value}`"
|
||||||
|
>{{ item.label }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<!-- 附件（CN） -->
|
<!-- 附件（CN） -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:fileListCN')" prop="IsEnable">
|
<el-form-item :label="$t('trials:emailManageCfg:table:fileListCN')" prop="IsEnable">
|
||||||
<el-upload class="upload-demo" action :before-upload="beforeUploadCN" :http-request="handleUploadFileCN"
|
<el-upload
|
||||||
:on-preview="handlePreviewCN" :on-remove="handleRemoveFileCN" :show-file-list="true" :limit="1"
|
class="upload-demo"
|
||||||
:file-list="fileListCN">
|
action
|
||||||
<el-button size="small" type="primary" :disabled="fileListCN.length > 0">{{ $t('common:button:upload')
|
:before-upload="beforeUploadCN"
|
||||||
}}</el-button>
|
:http-request="handleUploadFileCN"
|
||||||
|
:on-preview="handlePreviewCN"
|
||||||
|
:on-remove="handleRemoveFileCN"
|
||||||
|
:show-file-list="true"
|
||||||
|
:limit="1"
|
||||||
|
:file-list="fileListCN"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="fileListCN.length > 0"
|
||||||
|
>{{ $t('common:button:upload') }}</el-button
|
||||||
|
>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<!-- 附件（EN） -->
|
<!-- 附件（EN） -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:fileListEN')" prop="IsEnable">
|
<el-form-item :label="$t('trials:emailManageCfg:table:fileListEN')" prop="IsEnable">
|
||||||
<el-upload class="upload-demo" action :before-upload="beforeUploadEN" :http-request="handleUploadFileEN"
|
<el-upload
|
||||||
:on-preview="handlePreviewEN" :on-remove="handleRemoveFileEN" :show-file-list="true" :limit="1"
|
class="upload-demo"
|
||||||
:file-list="fileListEN">
|
action
|
||||||
<el-button size="small" type="primary" :disabled="fileListEN.length > 0">{{ $t('common:button:upload')
|
:before-upload="beforeUploadEN"
|
||||||
}}</el-button>
|
:http-request="handleUploadFileEN"
|
||||||
|
:on-preview="handlePreviewEN"
|
||||||
|
:on-remove="handleRemoveFileEN"
|
||||||
|
:show-file-list="true"
|
||||||
|
:limit="1"
|
||||||
|
:file-list="fileListEN"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="fileListEN.length > 0"
|
||||||
|
>{{ $t('common:button:upload') }}</el-button
|
||||||
|
>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
<!-- 邮件内容模版（CN） -->
|
<!-- 邮件内容模版（CN） -->
|
||||||
<el-form-item :label="$t('dictionary:email:label:emailHtmlContentCN')" prop="EmailHtmlContentCN"
|
<el-form-item
|
||||||
style="position: relative">
|
:label="$t('dictionary:email:label:emailHtmlContentCN')"
|
||||||
<div class="html_temp">
|
prop="EmailHtmlContentCN"
|
||||||
<prism-editor class="my-editor" v-model="form.EmailHtmlContentCN" :highlight="highlighter" :line-numbers="true"
|
style="position: relative"
|
||||||
style="width: 50%;max-height: 500px;"></prism-editor>
|
>
|
||||||
<div v-html="form.EmailHtmlContentCN" style="width: 50%;"></div>
|
<el-input
|
||||||
</div>
|
v-model="form.EmailHtmlContentCN"
|
||||||
<!-- <el-input v-model="form.EmailHtmlContentCN" type="textarea" :autosize="{ minRows: 8, maxRows: 8 }" />
|
type="textarea"
|
||||||
<el-button :disabled="!form.EmailHtmlContentCN && form.EmailHtmlContent" type="text"
|
:autosize="{ minRows: 8, maxRows: 8 }"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
:disabled="!form.EmailHtmlContentCN && form.EmailHtmlContent"
|
||||||
|
type="text"
|
||||||
@click="PreviewHTML(form.EmailHtmlContentCN, form.EmailHtmlContent)"
|
@click="PreviewHTML(form.EmailHtmlContentCN, form.EmailHtmlContent)"
|
||||||
style="position: absolute; left: -50px; top: 30px">
|
style="position: absolute; left: -50px; top: 30px"
|
||||||
|
>
|
||||||
{{ $t('common:button:preview') }}
|
{{ $t('common:button:preview') }}
|
||||||
</el-button> -->
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 邮件内容模版（EN） -->
|
<!-- 邮件内容模版（EN） -->
|
||||||
<el-form-item :label="$t('dictionary:email:label:emailHtmlContent')" prop="EmailHtmlContent"
|
<el-form-item
|
||||||
style="position: relative">
|
:label="$t('dictionary:email:label:emailHtmlContent')"
|
||||||
<div class="html_temp">
|
prop="EmailHtmlContent"
|
||||||
<prism-editor class="my-editor" v-model="form.EmailHtmlContent" :highlight="highlighter" :line-numbers="true"
|
style="position: relative"
|
||||||
style="width: 50%;max-height: 500px;"></prism-editor>
|
>
|
||||||
<div v-html="form.EmailHtmlContent" style="width: 50%;"></div>
|
<el-input
|
||||||
</div>
|
v-model="form.EmailHtmlContent"
|
||||||
<!-- <el-input v-model="form.EmailHtmlContent" type="textarea" :autosize="{ minRows: 8, maxRows: 8 }" />
|
type="textarea"
|
||||||
<el-button :disabled="!form.EmailHtmlContentCN && form.EmailHtmlContent" type="text"
|
:autosize="{ minRows: 8, maxRows: 8 }"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
:disabled="!form.EmailHtmlContentCN && form.EmailHtmlContent"
|
||||||
|
type="text"
|
||||||
@click="PreviewHTML(form.EmailHtmlContentCN, form.EmailHtmlContent)"
|
@click="PreviewHTML(form.EmailHtmlContentCN, form.EmailHtmlContent)"
|
||||||
style="position: absolute; left: -50px; top: 30px">
|
style="position: absolute; left: -50px; top: 30px"
|
||||||
|
>
|
||||||
{{ $t('common:button:preview') }}
|
{{ $t('common:button:preview') }}
|
||||||
</el-button> -->
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px; padding-bottom: 10px">
|
<div
|
||||||
|
class="base-dialog-footer"
|
||||||
|
style="text-align: right; margin-top: 10px; padding-bottom: 10px"
|
||||||
|
>
|
||||||
<el-form-item style="text-align: right">
|
<el-form-item style="text-align: right">
|
||||||
<el-button size="small" type="primary" @click="handleSave">
|
<el-button size="small" type="primary" @click="handleSave">
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
|
|
@ -204,7 +321,12 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- 生成 cron -->
|
<!-- 生成 cron -->
|
||||||
<el-dialog append-to-body :title="$t('dictionary:email:button:cron')" :visible.sync="showCron">
|
<el-dialog append-to-body :title="$t('dictionary:email:button:cron')" :visible.sync="showCron">
|
||||||
<vcrontab :hideComponent="['year']" @hide="showCron = false" @fill="crontabFill" :expression="expression">
|
<vcrontab
|
||||||
|
:hideComponent="['year']"
|
||||||
|
@hide="showCron = false"
|
||||||
|
@fill="crontabFill"
|
||||||
|
:expression="expression"
|
||||||
|
>
|
||||||
</vcrontab>
|
</vcrontab>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
@ -212,14 +334,6 @@
|
||||||
<script>
|
<script>
|
||||||
import { Upload, addOrUpdateEmailNoticeConfigList } from '@/api/dictionary'
|
import { Upload, addOrUpdateEmailNoticeConfigList } from '@/api/dictionary'
|
||||||
import vcrontab from 'vcrontab'
|
import vcrontab from 'vcrontab'
|
||||||
|
|
||||||
import { PrismEditor } from 'vue-prism-editor';
|
|
||||||
import 'vue-prism-editor/dist/prismeditor.min.css';
|
|
||||||
import { highlight, languages } from 'prismjs/components/prism-core';
|
|
||||||
import 'prismjs/components/prism-clike';
|
|
||||||
import 'prismjs/components/prism-javascript';
|
|
||||||
import 'prismjs/themes/prism.css';
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
props: {
|
props: {
|
||||||
data: {
|
data: {
|
||||||
|
|
@ -241,7 +355,7 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: { vcrontab, PrismEditor },
|
components: { vcrontab },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
expression: '',
|
expression: '',
|
||||||
|
|
@ -271,7 +385,6 @@ export default {
|
||||||
IsAutoSend: true,
|
IsAutoSend: true,
|
||||||
CriterionTypeEnum: null,
|
CriterionTypeEnum: null,
|
||||||
EmailDelaySeconds: null,
|
EmailDelaySeconds: null,
|
||||||
CriterionTypeList: []
|
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
Code: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
|
Code: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }],
|
||||||
|
|
@ -302,8 +415,8 @@ export default {
|
||||||
EmailHtmlContent: [
|
EmailHtmlContent: [
|
||||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
|
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
|
||||||
],
|
],
|
||||||
CriterionTypeList: [
|
CriterionTypeEnum: [
|
||||||
{ required: true, type: 'array', message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
|
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
scenarioOption: [],
|
scenarioOption: [],
|
||||||
|
|
@ -327,9 +440,6 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
highlighter(code) {
|
|
||||||
return highlight(code, languages.js);
|
|
||||||
},
|
|
||||||
showDialog() {
|
showDialog() {
|
||||||
this.expression = this.form.EmailCron //传入的 cron 表达式，可以反解析到 UI 上
|
this.expression = this.form.EmailCron //传入的 cron 表达式，可以反解析到 UI 上
|
||||||
this.showCron = true
|
this.showCron = true
|
||||||
|
|
@ -453,13 +563,3 @@ export default {
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
|
||||||
.html_temp {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
.my-editor {
|
|
||||||
border: 1px solid #333;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -67,26 +67,20 @@
|
||||||
<el-button type="primary" @click="handleAdd">
|
<el-button type="primary" @click="handleAdd">
|
||||||
{{ $t('common:button:new') }}
|
{{ $t('common:button:new') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" @click="openDrawer" :disabled="multipleSelection.length <= 0">
|
|
||||||
{{ $t('trials:emailManageCfg:button:batchAudit') }}
|
|
||||||
</el-button>
|
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<!-- 受试者列表 -->
|
<!-- 受试者列表 -->
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 45 }" :data="list" stripe height="100" style="width: 100%"
|
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 45 }" :data="list" stripe height="100" style="width: 100%"
|
||||||
@sort-change="handleSortByColumn" @selection-change="handleSelectionChange">
|
@sort-change="handleSortByColumn">
|
||||||
<!-- <el-table-column type="index" width="40" /> -->
|
<el-table-column type="index" width="40" />
|
||||||
<el-table-column type="selection" width="55">
|
|
||||||
</el-table-column>
|
|
||||||
<!-- Code -->
|
<!-- Code -->
|
||||||
<el-table-column prop="Code" :label="$t('trials:emailManageCfg:title:code')" sortable="custom"
|
<el-table-column prop="Code" :label="$t('trials:emailManageCfg:title:code')" sortable="custom"
|
||||||
show-overflow-tooltip min-width="100" />
|
show-overflow-tooltip min-width="100" />
|
||||||
<el-table-column v-if="isDistinguishCriteria" prop="TrialReadingCriterionId"
|
<el-table-column v-if="isDistinguishCriteria" prop="TrialReadingCriterionId"
|
||||||
:label="$t('trials:reviewTrack:table:criterionName')" show-overflow-tooltip sortable="custom" min-width="120">
|
:label="$t('trials:reviewTrack:table:criterionName')" show-overflow-tooltip sortable="custom" min-width="120">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{scope.row.CriterionTypeList ? scope.row.CriterionTypeList.map(item => $fd('CriterionType', item)).join(', ')
|
{{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
|
||||||
: ''}}
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 邮件主题（中文） -->
|
<!-- 邮件主题（中文） -->
|
||||||
|
|
@ -255,76 +249,12 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-drawer :title="$t('trials:emailManageCfg:title:audit')" :visible.sync="drawer" direction="rtl" size="80%">
|
|
||||||
<!-- <div style="width: 800px">
|
|
||||||
<el-form label-width="100px" @submit.native.prevent size="small" :inline="true" class="demo-form-inline">
|
|
||||||
<el-form-item :label="$t('il8n:search:keyword')">
|
|
||||||
<el-input v-model="key" @input="keyChange" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('il8n:search:state')">
|
|
||||||
<el-select v-model="State" clearable filterable @change="handleStateChange">
|
|
||||||
<el-option v-for="item of $d.InternationalizationKeyState"
|
|
||||||
:key="'InternationalizationKeyState' + item.value" :label="item.label" :value="item.value" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</div> -->
|
|
||||||
<el-table :data="tableData" v-adaptive="{ bottomOffset: 50 }" height="100" style="width: 100%"
|
|
||||||
@sort-change="handleSortByColumnDrawer">
|
|
||||||
<!-- Code -->
|
|
||||||
<el-table-column prop="Code" :label="$t('trials:emailManageCfg:title:code')" sortable="custom"
|
|
||||||
show-overflow-tooltip min-width="100" />
|
|
||||||
<el-table-column v-if="isDistinguishCriteria" prop="TrialReadingCriterionId"
|
|
||||||
:label="$t('trials:reviewTrack:table:criterionName')" show-overflow-tooltip sortable="custom" min-width="120">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
{{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 邮件主题（中文） -->
|
|
||||||
<el-table-column prop="EmailTopicCN" :label="$t('trials:emailManageCfg:table:EmailTopicCN')" sortable="custom"
|
|
||||||
show-overflow-tooltip min-width="160">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input v-model="scope.row.EmailTopicCN" @input="
|
|
||||||
(e) => {
|
|
||||||
$set(scope.row, 'EmailTopicCN', e)
|
|
||||||
}
|
|
||||||
" size="mini"></el-input>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 邮件主题（英文） -->
|
|
||||||
<el-table-column prop="EmailTopic" :label="$t('trials:emailManageCfg:table:EmailTopic')" sortable="custom"
|
|
||||||
show-overflow-tooltip min-width="160">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-input v-model="scope.row.EmailTopic" @input="
|
|
||||||
(e) => {
|
|
||||||
$set(scope.row, 'EmailTopic', e)
|
|
||||||
}
|
|
||||||
" size="mini"></el-input>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 业务层级 -->
|
|
||||||
<el-table-column prop="BusinessLevelEnum" :label="$t('dictionary:email:label:businessLevel')" sortable="custom"
|
|
||||||
show-overflow-tooltip min-width="150">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
{{ $fd('BusinessLevel', scope.row.BusinessLevelEnum) }}
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<div style="text-align: right; padding-top: 10px; padding-right: 10px">
|
|
||||||
<el-button size="mini" @click="drawer = false">{{ $t('common:button:cancel') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button size="mini" type="primary" @click="handleSave">{{
|
|
||||||
$t('common:button:save')
|
|
||||||
}}</el-button>
|
|
||||||
</div>
|
|
||||||
</el-drawer>
|
|
||||||
</box-content>
|
</box-content>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
getEmailNoticeConfigList,
|
getEmailNoticeConfigList,
|
||||||
deleteEmailNoticeConfig,
|
deleteEmailNoticeConfig,
|
||||||
batchUpdateEmail
|
|
||||||
} from '@/api/dictionary'
|
} from '@/api/dictionary'
|
||||||
import { GetEmailNoticeConfigList_Export } from '@/api/export'
|
import { GetEmailNoticeConfigList_Export } from '@/api/export'
|
||||||
import BoxContent from '@/components/BoxContent'
|
import BoxContent from '@/components/BoxContent'
|
||||||
|
|
@ -378,9 +308,6 @@ export default {
|
||||||
previewVisible: false,
|
previewVisible: false,
|
||||||
previewHTML: null,
|
previewHTML: null,
|
||||||
previewHTMLEN: null,
|
previewHTMLEN: null,
|
||||||
multipleSelection: [],
|
|
||||||
drawer: false,
|
|
||||||
tableData: []
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -398,50 +325,6 @@ export default {
|
||||||
this.getList()
|
this.getList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async handleSave() {
|
|
||||||
try {
|
|
||||||
let arr = []
|
|
||||||
this.tableData.forEach(item => {
|
|
||||||
let obj = {
|
|
||||||
EmailTopic: item.EmailTopic,
|
|
||||||
EmailTopicCN: item.EmailTopicCN,
|
|
||||||
Id: item.Id
|
|
||||||
}
|
|
||||||
arr.push(obj)
|
|
||||||
})
|
|
||||||
this.drawer = false
|
|
||||||
let res = await batchUpdateEmail(arr)
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.$message.success(this.$t('trials:emailManageCfg:message:auditSuccess'))
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 排序
|
|
||||||
handleSortByColumnDrawer(column) {
|
|
||||||
if (column.order === 'ascending') {
|
|
||||||
this.tableData.sort((a, b) =>
|
|
||||||
a[column.prop].localeCompare(b[column.prop])
|
|
||||||
)
|
|
||||||
} else {
|
|
||||||
this.tableData.sort((a, b) =>
|
|
||||||
b[column.prop].localeCompare(a[column.prop])
|
|
||||||
)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
openDrawer() {
|
|
||||||
this.tableData = []
|
|
||||||
this.multipleSelection.forEach(item => {
|
|
||||||
let obj = Object.assign({}, item)
|
|
||||||
this.tableData.push(obj)
|
|
||||||
})
|
|
||||||
this.drawer = true
|
|
||||||
},
|
|
||||||
handleSelectionChange(val) {
|
|
||||||
this.multipleSelection = val;
|
|
||||||
},
|
|
||||||
// 获取受试者列表
|
// 获取受试者列表
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
|
|
|
||||||
|
|
@ -164,14 +164,6 @@ export default {
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
Email: [
|
|
||||||
{
|
|
||||||
// type: 'email',
|
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: this.$t('rules:email'),
|
|
||||||
trigger: 'blur,change',
|
|
||||||
},
|
|
||||||
]
|
|
||||||
},
|
},
|
||||||
userId: null,
|
userId: null,
|
||||||
loading: false,
|
loading: false,
|
||||||
|
|
|
||||||
|
|
@ -125,9 +125,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var reg =
|
var reg =
|
||||||
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
||||||
this.sendDisabled = false
|
this.sendDisabled = false
|
||||||
callback()
|
callback()
|
||||||
|
|
|
||||||
|
|
@ -172,13 +172,6 @@ export default {
|
||||||
],
|
],
|
||||||
Phone: [
|
Phone: [
|
||||||
{ required: true, validator: checkPhone, trigger: 'blur' }
|
{ required: true, validator: checkPhone, trigger: 'blur' }
|
||||||
],
|
|
||||||
Email: [
|
|
||||||
{
|
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: 'Please input the correct email address',
|
|
||||||
trigger: 'blur,change',
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
siteOptions: [],
|
siteOptions: [],
|
||||||
|
|
|
||||||
|
|
@ -117,9 +117,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var reg =
|
var reg =
|
||||||
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.Email && reg.test(this.form.Email)) {
|
if (this.form.Email && reg.test(this.form.Email)) {
|
||||||
this.sendDisabled = false
|
this.sendDisabled = false
|
||||||
callback()
|
callback()
|
||||||
|
|
|
||||||
|
|
@ -136,9 +136,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var reg =
|
var reg =
|
||||||
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.Email && reg.test(this.form.Email)) {
|
if (this.form.Email && reg.test(this.form.Email)) {
|
||||||
this.sendDisabled = false
|
this.sendDisabled = false
|
||||||
callback()
|
callback()
|
||||||
|
|
|
||||||
|
|
@ -158,9 +158,6 @@ export default {
|
||||||
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
||||||
} else {
|
} else {
|
||||||
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
||||||
callback()
|
callback()
|
||||||
} else {
|
} else {
|
||||||
|
|
@ -173,9 +170,6 @@ export default {
|
||||||
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
||||||
} else {
|
} else {
|
||||||
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.ReplaceUserEmailOrPhone && reg.test(this.form.ReplaceUserEmailOrPhone)) {
|
if (this.form.ReplaceUserEmailOrPhone && reg.test(this.form.ReplaceUserEmailOrPhone)) {
|
||||||
callback()
|
callback()
|
||||||
} else {
|
} else {
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,7 @@
|
||||||
<el-input v-model="form.Phone" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory" />
|
<el-input v-model="form.Phone" :disabled="!(state === 0 && userTypeEnumInt === 0) || isHistory" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 联系邮箱 -->
|
<!-- 联系邮箱 -->
|
||||||
<el-form-item :label="$t('trials:researchForm:form:contactorEmail')" prop="Email">
|
<el-form-item :label="$t('trials:researchForm:form:contactorEmail')">
|
||||||
<el-input v-model="form.Email" disabled />
|
<el-input v-model="form.Email" disabled />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
|
|
@ -183,13 +183,6 @@ export default {
|
||||||
],
|
],
|
||||||
Phone: [
|
Phone: [
|
||||||
{ required: true, validator: checkPhone, trigger: 'blur' }
|
{ required: true, validator: checkPhone, trigger: 'blur' }
|
||||||
],
|
|
||||||
Email: [
|
|
||||||
{
|
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: 'Please input the correct email address',
|
|
||||||
trigger: 'blur,change',
|
|
||||||
}
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
siteOptions: [],
|
siteOptions: [],
|
||||||
|
|
|
||||||
|
|
@ -108,9 +108,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var reg =
|
var reg =
|
||||||
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.Email && reg.test(this.form.Email)) {
|
if (this.form.Email && reg.test(this.form.Email)) {
|
||||||
this.sendDisabled = false
|
this.sendDisabled = false
|
||||||
callback()
|
callback()
|
||||||
|
|
|
||||||
|
|
@ -139,9 +139,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var reg =
|
var reg =
|
||||||
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.Email && reg.test(this.form.Email)) {
|
if (this.form.Email && reg.test(this.form.Email)) {
|
||||||
this.sendDisabled = false
|
this.sendDisabled = false
|
||||||
callback()
|
callback()
|
||||||
|
|
|
||||||
|
|
@ -131,9 +131,6 @@ export default {
|
||||||
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
||||||
} else {
|
} else {
|
||||||
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
||||||
// this.sendDisabled = false
|
// this.sendDisabled = false
|
||||||
callback()
|
callback()
|
||||||
|
|
@ -148,9 +145,6 @@ export default {
|
||||||
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
callback(new Error(this.$t('trials:researchForm:formRule:specify')))
|
||||||
} else {
|
} else {
|
||||||
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
var reg = /^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.ReplaceUserEmailOrPhone && reg.test(this.form.ReplaceUserEmailOrPhone)) {
|
if (this.form.ReplaceUserEmailOrPhone && reg.test(this.form.ReplaceUserEmailOrPhone)) {
|
||||||
callback()
|
callback()
|
||||||
} else {
|
} else {
|
||||||
|
|
|
||||||
|
|
@ -110,9 +110,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var reg =
|
var reg =
|
||||||
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
if (this.form.EmailOrPhone && reg.test(this.form.EmailOrPhone)) {
|
||||||
this.sendDisabled = false
|
this.sendDisabled = false
|
||||||
callback()
|
callback()
|
||||||
|
|
@ -128,9 +125,6 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
var reg =
|
var reg =
|
||||||
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (
|
if (
|
||||||
this.form.ReplaceUserEmailOrPhone &&
|
this.form.ReplaceUserEmailOrPhone &&
|
||||||
reg.test(this.form.ReplaceUserEmailOrPhone)
|
reg.test(this.form.ReplaceUserEmailOrPhone)
|
||||||
|
|
|
||||||
|
|
@ -285,8 +285,7 @@ export default {
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// type: 'email',
|
type: 'email',
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: 'Please input the correct email address',
|
message: 'Please input the correct email address',
|
||||||
trigger: 'blur,change',
|
trigger: 'blur,change',
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -548,8 +548,7 @@ export default {
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// type: 'email',
|
type: 'email',
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: this.$t('rules:email'),
|
message: this.$t('rules:email'),
|
||||||
trigger: 'blur,change',
|
trigger: 'blur,change',
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -530,9 +530,6 @@ export default {
|
||||||
emailList.forEach((item) => {
|
emailList.forEach((item) => {
|
||||||
var pattern =
|
var pattern =
|
||||||
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
|
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
pattern = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (!pattern.test(item)) {
|
if (!pattern.test(item)) {
|
||||||
isError = true
|
isError = true
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -439,8 +439,7 @@ export default {
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// type: 'email',
|
type: 'email',
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: 'Please input the correct email address',
|
message: 'Please input the correct email address',
|
||||||
trigger: ['blur'],
|
trigger: ['blur'],
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -289,10 +289,7 @@ export default {
|
||||||
},
|
},
|
||||||
handleEmailChange() {
|
handleEmailChange() {
|
||||||
var reg =
|
var reg =
|
||||||
/^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/
|
/^[A-Za-z0-9]+([_\.][A-Za-z0-9]+)*@([A-Za-z0-9\-]+\.)+[A-Za-z]{2,6}$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
reg = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (this.userForm.EMail && reg.test(this.userForm.EMail)) {
|
if (this.userForm.EMail && reg.test(this.userForm.EMail)) {
|
||||||
this.sendDisabled = false
|
this.sendDisabled = false
|
||||||
} else {
|
} else {
|
||||||
|
|
|
||||||
|
|
@ -62,9 +62,8 @@
|
||||||
<!-- 用户类型 -->
|
<!-- 用户类型 -->
|
||||||
<el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc">
|
<el-form-item :label="$t('trials:signRecords:table:userType')" v-if="!isDoc">
|
||||||
<el-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
|
<el-select v-model="searchData.UserTypeId" clearable filterable style="width: 120px">
|
||||||
<el-option v-for="item of userTypeOptions"
|
<el-option v-for="item of userTypeOptions" v-show="item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27"
|
||||||
v-show="isSystem || (item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27)" :key="item.Id"
|
:key="item.Id" :label="item.UserTypeShortName" :value="item.Id">
|
||||||
:label="item.UserTypeShortName" :value="item.Id">
|
|
||||||
<span>{{ item.UserType }}</span>
|
<span>{{ item.UserType }}</span>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
|
|
|
||||||
|
|
@ -535,8 +535,7 @@ export default {
|
||||||
trigger: 'blur',
|
trigger: 'blur',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
// type: 'email',
|
type: 'email',
|
||||||
pattern: new RegExp(this.$reg().EmailRegexStr),
|
|
||||||
message: this.$t('rules:email'),
|
message: this.$t('rules:email'),
|
||||||
trigger: 'blur,change',
|
trigger: 'blur,change',
|
||||||
},
|
},
|
||||||
|
|
@ -611,9 +610,6 @@ export default {
|
||||||
emailList.forEach((item) => {
|
emailList.forEach((item) => {
|
||||||
var pattern =
|
var pattern =
|
||||||
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
|
/^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/
|
||||||
if (this.$reg().EmailRegexStr) {
|
|
||||||
pattern = new RegExp(this.$reg().EmailRegexStr)
|
|
||||||
}
|
|
||||||
if (!pattern.test(item)) {
|
if (!pattern.test(item)) {
|
||||||
isError = true
|
isError = true
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,8 +6,12 @@
|
||||||
<!-- 中心编号 -->
|
<!-- 中心编号 -->
|
||||||
<el-form-item :label="$t('trials:reviewAssign:readingTask:table:siteCode')">
|
<el-form-item :label="$t('trials:reviewAssign:readingTask:table:siteCode')">
|
||||||
<el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
|
<el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
|
||||||
<el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
|
<el-option
|
||||||
:value="item.TrialSiteId" />
|
v-for="(item,index) of siteOptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.TrialSiteCode"
|
||||||
|
:value="item.TrialSiteId"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 受试者编号 -->
|
<!-- 受试者编号 -->
|
||||||
|
|
@ -16,47 +20,51 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 访视/阅片期名称 -->
|
<!-- 访视/阅片期名称 -->
|
||||||
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:visitName')">
|
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:visitName')">
|
||||||
<el-input v-model="searchData.TaskName" style="width:100px;" clearable />
|
<el-input
|
||||||
|
v-model="searchData.TaskName"
|
||||||
|
style="width:100px;"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 阅片人 -->
|
<!-- 阅片人 -->
|
||||||
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:reader')">
|
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:reader')">
|
||||||
<el-select v-model="searchData.DoctorUserId" clearable style="width:120px;">
|
<el-select v-model="searchData.DoctorUserId" clearable style="width:120px;">
|
||||||
<el-option v-for="item of DoctorUserList" :key="'DoctorUserId' + item.DoctorUserId"
|
<el-option v-for="item of DoctorUserList" :key="'DoctorUserId' + item.DoctorUserId" :value="item.DoctorUserId" :label="item.UserName" />
|
||||||
:value="item.DoctorUserId" :label="item.UserName" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 是否加急 -->
|
<!-- 是否加急 -->
|
||||||
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:isUrgent')">
|
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:isUrgent')">
|
||||||
<el-select v-model="searchData.IsUrgent" clearable style="width:120px;">
|
<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"
|
<el-option v-for="item of $d.YesOrNo" :key="'IsUrgent' + item.label" :value="item.value" :label="item.label" />
|
||||||
:label="item.label" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 任务状态 -->
|
<!-- 任务状态 -->
|
||||||
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:taskStatus')">
|
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:taskStatus')">
|
||||||
<el-select v-model="searchData.TaskState" clearable style="width:120px;">
|
<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"
|
<el-option v-for="item of $d.TaskState" :key="'TaskState' + item.label" :value="item.value" :label="item.label" />
|
||||||
:label="item.label" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 任务类型 -->
|
<!-- 任务类型 -->
|
||||||
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:taskType')">
|
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:taskType')">
|
||||||
<el-select v-model="searchData.ReadingCategory" clearable style="width:120px;">
|
<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"
|
<el-option v-for="item of $d.ReadingCategory" :key="'ReadingCategory' + item.label" :value="item.value" :label="item.label" />
|
||||||
:label="item.label" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 分配状态 -->
|
<!-- 分配状态 -->
|
||||||
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:assignStatus')">
|
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:assignStatus')">
|
||||||
<el-select v-model="searchData.TaskAllocationState" clearable style="width:120px;">
|
<el-select v-model="searchData.TaskAllocationState" clearable style="width:120px;">
|
||||||
<el-option v-for="item of $d.TaskAllocationState" :key="'TaskAllocationState' + item.label"
|
<el-option v-for="item of $d.TaskAllocationState" :key="'TaskAllocationState' + item.label" :value="item.value" :label="item.label" />
|
||||||
:value="item.value" :label="item.label" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 分配时间 -->
|
<!-- 分配时间 -->
|
||||||
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:assignTime')">
|
<el-form-item style="margin-bottom:10px" :label="$t('trials:reviewAssign:readingTask:table:assignTime')">
|
||||||
<el-date-picker v-model="timeList" value-format="yyyy-MM-dd HH:mm:ss" type="datetimerange"
|
<el-date-picker
|
||||||
:default-time="['00:00:00', '23:59:59']" @change="changeTimeList" />
|
v-model="timeList"
|
||||||
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
type="datetimerange"
|
||||||
|
:default-time="['00:00:00', '23:59:59']"
|
||||||
|
@change="changeTimeList"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item style="margin-bottom:10px">
|
<el-form-item style="margin-bottom:10px">
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||||
|
|
@ -69,117 +77,180 @@
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<template slot="main-container">
|
<template slot="main-container">
|
||||||
<el-table v-adaptive="{ bottomOffset: 60 }" v-loading="loading" :data="list" stripe height="100"
|
<el-table
|
||||||
@sort-change="handleSortChange">
|
v-adaptive="{bottomOffset:60}"
|
||||||
<el-table-column prop="OriginalReReadingTask.IsUrgent" :label="$t('trials:consistencyCheck:table:isUrgent')"
|
v-loading="loading"
|
||||||
show-overflow-tooltip min-width="100" sortable="custom">
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
@sort-change="handleSortChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
prop="OriginalReReadingTask.IsUrgent"
|
||||||
|
:label="$t('trials:consistencyCheck:table:isUrgent')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.IsUrgent" type="danger">{{ $fd('YesOrNo',
|
<el-tag v-if="scope.row.OriginalReReadingTask.IsUrgent" type="danger">{{ $fd('YesOrNo', scope.row.OriginalReReadingTask.IsUrgent) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.IsUrgent) }}</el-tag>
|
|
||||||
<el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.OriginalReReadingTask.IsUrgent) }}</el-tag>
|
<el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.OriginalReReadingTask.IsUrgent) }}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 任务编号 -->
|
<!-- 任务编号 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.TaskCode" :label="$t('trials:readTask:table:taskCode')"
|
<el-table-column
|
||||||
min-width="100" sortable="custom" show-overflow-tooltip />
|
prop="OriginalReReadingTask.TaskCode"
|
||||||
|
:label="$t('trials:readTask:table:taskCode')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 中心编号 -->
|
<!-- 中心编号 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.TrialSiteCode" :label="$t('trials:readTask:table:siteCode')"
|
<el-table-column
|
||||||
min-width="100" sortable="custom" show-overflow-tooltip />
|
prop="OriginalReReadingTask.TrialSiteCode"
|
||||||
|
:label="$t('trials:readTask:table:siteCode')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 受试者编号 -->
|
<!-- 受试者编号 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.SubjectCode" :label="$t('trials:readTask:table:subjectCode')"
|
<el-table-column
|
||||||
min-width="120" sortable="custom" show-overflow-tooltip />
|
prop="OriginalReReadingTask.SubjectCode"
|
||||||
|
:label="$t('trials:readTask:table:subjectCode')"
|
||||||
|
min-width="120"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 访视/阅片期名称 -->
|
<!-- 访视/阅片期名称 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.TaskName"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:readingTask:table:visitName')" min-width="160" sortable="custom"
|
prop="OriginalReReadingTask.TaskName"
|
||||||
show-overflow-tooltip />
|
:label="$t('trials:reviewAssign:readingTask:table:visitName')"
|
||||||
|
min-width="160"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 盲态任务标识 -->
|
<!-- 盲态任务标识 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.TaskBlindName"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:readingTask:table:blindName')" min-width="140" sortable="custom"
|
prop="OriginalReReadingTask.TaskBlindName"
|
||||||
show-overflow-tooltip />
|
:label="$t('trials:reviewAssign:readingTask:table:blindName')"
|
||||||
|
min-width="140"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 任务创建时间 -->
|
<!-- 任务创建时间 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.CreateTime"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:readingTask:table:createTime')" min-width="140" sortable="custom"
|
prop="OriginalReReadingTask.CreateTime"
|
||||||
show-overflow-tooltip />
|
:label="$t('trials:reviewAssign:readingTask:table:createTime')"
|
||||||
|
min-width="140"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 任务状态 -->
|
<!-- 任务状态 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.TaskState"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:readingTask:table:taskStatus')" min-width="100" sortable="custom"
|
prop="OriginalReReadingTask.TaskState"
|
||||||
show-overflow-tooltip>
|
:label="$t('trials:reviewAssign:readingTask:table:taskStatus')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 0" type="primary">{{ $fd('TaskState',
|
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 1" type="info">{{ $fd('TaskState', scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 1" type="info">{{ $fd('TaskState',
|
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 3" type="danger">{{ $fd('TaskState', scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 4" type="warning">{{ $fd('TaskState', scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 3" type="danger">{{ $fd('TaskState',
|
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 5" type="danger">{{ $fd('TaskState', scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 4" type="warning">{{ $fd('TaskState',
|
|
||||||
scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.TaskState === 5" type="danger">{{ $fd('TaskState',
|
|
||||||
scope.row.OriginalReReadingTask.TaskState) }}</el-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 任务类型 -->
|
<!-- 任务类型 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.ReadingCategory"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:readingTask:table:taskType')" min-width="100" sortable="custom"
|
prop="OriginalReReadingTask.ReadingCategory"
|
||||||
show-overflow-tooltip>
|
:label="$t('trials:reviewAssign:readingTask:table:taskType')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 1" type="primary">{{
|
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
||||||
$fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 2" type="info">{{ $fd('ReadingCategory',
|
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 5" type="warning">{{ $fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory',
|
|
||||||
scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ReadingCategory === 5" type="warning">{{
|
|
||||||
$fd('ReadingCategory', scope.row.OriginalReReadingTask.ReadingCategory) }}</el-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 角色 -->
|
<!-- 角色 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.ArmEnum" :label="$t('trials:reviewAssign:readingTask:table:role')"
|
<el-table-column
|
||||||
min-width="80" sortable="custom" show-overflow-tooltip>
|
prop="OriginalReReadingTask.ArmEnum"
|
||||||
|
:label="$t('trials:reviewAssign:readingTask:table:role')"
|
||||||
|
min-width="80"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 1" type="primary">{{ $fd('ArmEnum',
|
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 1" type="primary">{{ $fd('ArmEnum', scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 2" type="success">{{ $fd('ArmEnum', scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 2" type="success">{{ $fd('ArmEnum',
|
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 3" type="info">{{ $fd('ArmEnum', scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 4" type="danger">{{ $fd('ArmEnum', scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 3" type="info">{{ $fd('ArmEnum',
|
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 5" type="warning">{{ $fd('ArmEnum', scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
||||||
scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 4" type="danger">{{ $fd('ArmEnum',
|
|
||||||
scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
|
||||||
<el-tag v-if="scope.row.OriginalReReadingTask.ArmEnum === 5" type="warning">{{ $fd('ArmEnum',
|
|
||||||
scope.row.OriginalReReadingTask.ArmEnum) }}</el-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 阅片人 -->
|
<!-- 阅片人 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.UserName"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:readingTask:table:reader')" min-width="100" sortable="custom"
|
prop="OriginalReReadingTask.UserName"
|
||||||
show-overflow-tooltip>
|
:label="$t('trials:reviewAssign:readingTask:table:reader')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.OriginalReReadingTask.UserName }}({{ scope.row.OriginalReReadingTask.FullName }})
|
{{ scope.row.OriginalReReadingTask.UserName }}({{ scope.row.OriginalReReadingTask.FullName }})
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 阅片完成时间 -->
|
<!-- 阅片完成时间 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.SignTime" :label="$t('trials:reviewTrack:table:signTime')"
|
<el-table-column
|
||||||
min-width="180" sortable="custom" show-overflow-tooltip />
|
prop="OriginalReReadingTask.SignTime"
|
||||||
|
:label="$t('trials:reviewTrack:table:signTime')"
|
||||||
|
min-width="180"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 重阅申请类型 -->
|
<!-- 重阅申请类型 -->
|
||||||
<el-table-column prop="OriginalReReadingTask.RequestReReadingType"
|
<el-table-column
|
||||||
:label="$t('trials:rereadTask:table:requestReReadingType')" min-width="140" sortable="custom"
|
prop="OriginalReReadingTask.RequestReReadingType"
|
||||||
show-overflow-tooltip>
|
:label="$t('trials:rereadTask:table:requestReReadingType')"
|
||||||
|
min-width="140"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.RequestReReadingType">
|
<div v-if="scope.row.RequestReReadingType">
|
||||||
<el-tag v-if="scope.row.RequestReReadingType === 2" type="danger">{{ $fd('RequestReReadingType',
|
<el-tag v-if="scope.row.RequestReReadingType === 2" type="danger">{{ $fd('RequestReReadingType', scope.row.RequestReReadingType) }}</el-tag>
|
||||||
scope.row.RequestReReadingType) }}</el-tag>
|
|
||||||
<el-tag v-else type="primary">{{ $fd('RequestReReadingType', scope.row.RequestReReadingType) }}</el-tag>
|
<el-tag v-else type="primary">{{ $fd('RequestReReadingType', scope.row.RequestReReadingType) }}</el-tag>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 申请时间 -->
|
<!-- 申请时间 -->
|
||||||
<el-table-column prop="RequestReReadingTime" :label="$t('trials:rereadTask:table:requestReReadingTime')"
|
<el-table-column
|
||||||
min-width="100" sortable="custom" show-overflow-tooltip />
|
prop="RequestReReadingTime"
|
||||||
|
:label="$t('trials:rereadTask:table:requestReReadingTime')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 申请原因 -->
|
<!-- 申请原因 -->
|
||||||
<el-table-column prop="RequestReReadingReason" :label="$t('trials:rereadTask:table:requestReReadingReason')"
|
<el-table-column
|
||||||
min-width="100" sortable="custom" show-overflow-tooltip />
|
prop="RequestReReadingReason"
|
||||||
|
:label="$t('trials:rereadTask:table:requestReReadingReason')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 审批结果 -->
|
<!-- 审批结果 -->
|
||||||
<el-table-column prop="AllocateTime" :label="$t('trials:rereadTask:table:requestReReadingResultEnum')"
|
<el-table-column
|
||||||
min-width="100" sortable="custom" show-overflow-tooltip>
|
prop="AllocateTime"
|
||||||
|
:label="$t('trials:rereadTask:table:requestReReadingResultEnum')"
|
||||||
|
min-width="100"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingResultEnum === 0">
|
<div v-if="scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingResultEnum === 0">
|
||||||
<el-tooltip v-if="scope.row.RequestReReadingResultEnum === 2" class="item" effect="dark" placement="top">
|
<el-tooltip v-if="scope.row.RequestReReadingResultEnum === 2" class="item" effect="dark" placement="top">
|
||||||
|
|
@ -188,217 +259,90 @@
|
||||||
</div>
|
</div>
|
||||||
<el-tag type="danger">{{ $fd('RequestReReadingResult', scope.row.RequestReReadingResultEnum) }}</el-tag>
|
<el-tag type="danger">{{ $fd('RequestReReadingResult', scope.row.RequestReReadingResultEnum) }}</el-tag>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<el-tag v-if="scope.row.RequestReReadingResultEnum === 1" type="primary">{{ $fd('RequestReReadingResult',
|
<el-tag v-if="scope.row.RequestReReadingResultEnum === 1" type="primary">{{ $fd('RequestReReadingResult', scope.row.RequestReReadingResultEnum) }}</el-tag>
|
||||||
scope.row.RequestReReadingResultEnum) }}</el-tag>
|
<el-tag v-if="scope.row.RequestReReadingResultEnum === 0" type="warning">{{ $fd('RequestReReadingResult', scope.row.RequestReReadingResultEnum) }}</el-tag>
|
||||||
<el-tag v-if="scope.row.RequestReReadingResultEnum === 0" type="warning">{{ $fd('RequestReReadingResult',
|
|
||||||
scope.row.RequestReReadingResultEnum) }}</el-tag>
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 新任务编号 -->
|
<!-- 新任务编号 -->
|
||||||
<el-table-column prop="ReReadingNewTaskCode" :label="$t('trials:rereadTask:table:reReadingNewTaskCode')"
|
<el-table-column
|
||||||
min-width="120" sortable="custom" show-overflow-tooltip />
|
prop="ReReadingNewTaskCode"
|
||||||
<el-table-column v-if="hasPermi(['role:spm'])" fixed="right" :label="$t('common:action:action')" width="210">
|
:label="$t('trials:rereadTask:table:reReadingNewTaskCode')"
|
||||||
|
min-width="120"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-if="hasPermi(['role:spm'])"
|
||||||
|
fixed="right"
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
width="210"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 同意 -->
|
<!-- 同意 -->
|
||||||
<!-- <el-button :disabled="!!scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingType === 1"
|
<el-button
|
||||||
icon="el-icon-check" circle :title="$t('trials:spmAudit:button:agree')"
|
:disabled="!!scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingType === 1"
|
||||||
@click="openReReadingOrBackList(scope.row, 1)" /> -->
|
icon="el-icon-check"
|
||||||
|
circle
|
||||||
|
:title="$t('trials:spmAudit:button:agree')"
|
||||||
|
@click="openReReadingOrBackList(scope.row,1)"
|
||||||
|
/>
|
||||||
<!-- 拒绝 -->
|
<!-- 拒绝 -->
|
||||||
<!-- <el-button :disabled="!!scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingType === 1"
|
<el-button
|
||||||
icon="el-icon-close" circle :title="$t('trials:spmAudit:button:reject')"
|
:disabled="!!scope.row.RequestReReadingResultEnum || scope.row.RequestReReadingType === 1"
|
||||||
@click="confirmReReading(scope.row, 2, true)" /> -->
|
icon="el-icon-close"
|
||||||
<el-button :disabled="!!scope.row.RequestReReadingResultEnum ||
|
circle
|
||||||
scope.row.RequestReReadingType === 1
|
:title="$t('trials:spmAudit:button:reject')"
|
||||||
" icon="el-icon-edit-outline" circle :title="$t('trials:spmAudit:table:Approval')"
|
@click="confirmReReading(scope.row,2, true)"
|
||||||
@click="audit(scope.row)" />
|
/>
|
||||||
<!-- 已影响任务列表 -->
|
<!-- 已影响任务列表 -->
|
||||||
<el-button :disabled="scope.row.RequestReReadingResultEnum !== 1" icon="el-icon-document-copy" circle
|
<el-button
|
||||||
:title="$t('trials:spmAudit:button:influenceList')" @click="getInfluencedTaskList(scope.row)" />
|
:disabled="scope.row.RequestReReadingResultEnum !== 1"
|
||||||
|
icon="el-icon-document-copy"
|
||||||
|
circle
|
||||||
|
:title="$t('trials:spmAudit:button:influenceList')"
|
||||||
|
@click="getInfluencedTaskList(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
|
||||||
@pagination="getList" />
|
|
||||||
<base-model v-if="config.visible" :config="config">
|
|
||||||
<template slot="dialog-body">
|
|
||||||
<el-form ref="imageBackform" :model="form" class="demo-form-inline" :rules="rules"
|
|
||||||
:label-width="isEN ? '200px' : '150px'">
|
|
||||||
<el-form-item :label="$t('trials:spmAudit:table:Matters')" prop="Matters">
|
|
||||||
<span>{{ rowData.title }}</span>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:spmAudit:form:ApplyReason')" prop="ApplyReason">
|
|
||||||
<span>{{ rowData.RequestReReadingReason }}</span>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:spmAudit:form:IsAgree')" prop="RequestReReadingResultEnum">
|
|
||||||
<el-radio-group v-model="form.RequestReReadingResultEnum">
|
|
||||||
<el-radio :label="1">{{ $t('trials:spmAudit:button:auditYes') }}</el-radio>
|
|
||||||
<el-radio :label="2">{{ $t('trials:spmAudit:button:auditNo') }}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:spmAudit:form:ResultRemark')" v-if="form.RequestReReadingResultEnum !== 2"
|
|
||||||
key="1">
|
|
||||||
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder=""
|
|
||||||
v-model="form.RequestReReadingRejectReason">
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:spmAudit:form:ResultRemark')" prop="RequestReReadingRejectReason" v-else
|
|
||||||
key="2">
|
|
||||||
<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 4 }" placeholder=""
|
|
||||||
v-model="form.RequestReReadingRejectReason">
|
|
||||||
</el-input>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:reviewTrack:dialog:backImpactList')" />
|
|
||||||
<el-table v-loading="loading" :data="InfluenceTaskList" stripe height="100" style="min-height:200px;max-height: 300px">
|
|
||||||
<!-- 任务编号 -->
|
|
||||||
<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>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="
|
|
||||||
scope.row.BlindSubjectCode &&
|
|
||||||
scope.row.BlindSubjectCode !== scope.row.SubjectCode
|
|
||||||
">
|
|
||||||
{{ `${scope.row.SubjectCode}/${scope.row.BlindSubjectCode}` }}
|
|
||||||
</span>
|
|
||||||
<span v-else>{{ scope.row.SubjectCode }}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 任务名称 -->
|
|
||||||
<el-table-column prop="VisitTaskNum" :label="$t('trials:reviewTrack:table:taskName')" min-width="120"
|
|
||||||
show-overflow-tooltip>
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span v-if="
|
|
||||||
scope.row.TaskBlindName &&
|
|
||||||
scope.row.TaskName !== scope.row.TaskBlindName
|
|
||||||
">
|
|
||||||
{{ `${scope.row.TaskName}/${scope.row.TaskBlindName}` }}
|
|
||||||
</span>
|
|
||||||
<span v-else>{{ scope.row.TaskName }}</span>
|
|
||||||
</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 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>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
<template slot="dialog-footer">
|
|
||||||
<el-button type="primary" @click="auditImageBack" :loading="loading">
|
|
||||||
{{ $t('common:button:confirm') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button @click="config.visible = false" :loading="loading">
|
|
||||||
{{ $t('common:button:cancel') }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</base-model>
|
|
||||||
<!-- 驳回 +++-->
|
<!-- 驳回 +++-->
|
||||||
<el-dialog v-if="ConfirmReReadingVisible" :title="$t('trials:spmAudit:title:rejected')"
|
<el-dialog
|
||||||
:visible.sync="ConfirmReReadingVisible" width="600px" append-to-body :close-on-click-modal="false"
|
v-if="ConfirmReReadingVisible"
|
||||||
custom-class="base-dialog-wrapper">
|
:title="$t('trials:spmAudit:title:rejected')"
|
||||||
|
:visible.sync="ConfirmReReadingVisible"
|
||||||
|
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;">
|
<div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
|
||||||
<el-form ref="reasonForm" :rules="rules" :model="ConfirmReReadingForm" class="demo-ruleForm" size="small"
|
<el-form
|
||||||
label-width="120px">
|
ref="reasonForm"
|
||||||
|
:rules="rules"
|
||||||
|
:model="ConfirmReReadingForm"
|
||||||
|
class="demo-ruleForm"
|
||||||
|
size="small"
|
||||||
|
label-width="120px"
|
||||||
|
>
|
||||||
<!-- 驳回原因 -->
|
<!-- 驳回原因 -->
|
||||||
<el-form-item :label="$t('trials:spmAudit:title:rejectedReason')" prop="RequestReReadingRejectReason">
|
<el-form-item :label="$t('trials:spmAudit:title:rejectedReason')" prop="RequestReReadingRejectReason">
|
||||||
<el-input v-model="ConfirmReReadingForm.RequestReReadingRejectReason" type="textarea"
|
<el-input
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }" :placeholder="$t('common:ruleMessage:specify')" maxlength="500"
|
v-model="ConfirmReReadingForm.RequestReReadingRejectReason"
|
||||||
show-word-limit />
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4}"
|
||||||
|
:placeholder="$t('common:ruleMessage:specify')"
|
||||||
|
maxlength="500"
|
||||||
|
show-word-limit
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<!-- 取消 -->
|
<!-- 取消 -->
|
||||||
<el-button :disabled="btnLoading" size="small" type="primary"
|
<el-button :disabled="btnLoading" size="small" type="primary" @click="ConfirmReReadingVisible = false;ConfirmReReadingForm = { RequestReReadingRejectReason: null }">
|
||||||
@click="ConfirmReReadingVisible = false; ConfirmReReadingForm = { RequestReReadingRejectReason: null }">
|
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
|
|
@ -408,95 +352,137 @@
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- '重阅影响任务列表' : '已影响任务列表'" +++-->
|
<!-- '重阅影响任务列表' : '已影响任务列表'" +++-->
|
||||||
<el-dialog v-if="ReReadingOrBackVisible"
|
<el-dialog
|
||||||
:title="opentype === 'read' ? this.$t('trials:spmAudit:title:title1') : this.$t('trials:spmAudit:title:title2')"
|
v-if="ReReadingOrBackVisible"
|
||||||
:visible.sync="ReReadingOrBackVisible" width="1460px" append-to-body :close-on-click-modal="false"
|
:title="opentype === 'read' ? this.$t('trials:spmAudit:title:title1'):this.$t('trials:spmAudit:title:title2')"
|
||||||
custom-class="base-dialog-wrapper">
|
:visible.sync="ReReadingOrBackVisible"
|
||||||
|
width="1460px"
|
||||||
|
append-to-body
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
<div class="base-dialog-body">
|
<div class="base-dialog-body">
|
||||||
<el-table v-loading="loading" :data="InfluenceTaskList" stripe height="100" style="min-height: 400px;">
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
:data="InfluenceTaskList"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
style="min-height: 400px;"
|
||||||
|
>
|
||||||
<!-- 任务编号 -->
|
<!-- 任务编号 -->
|
||||||
<el-table-column prop="TaskCode" :label="$t('trials:readTask:table:taskCode')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="TaskCode"
|
||||||
|
:label="$t('trials:readTask:table:taskCode')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 中心编号 -->
|
<!-- 中心编号 -->
|
||||||
<el-table-column prop="TrialSiteCode" :label="$t('trials:readTask:table:siteCode')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="TrialSiteCode"
|
||||||
|
:label="$t('trials:readTask:table:siteCode')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 受试者编号 -->
|
<!-- 受试者编号 -->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('trials:readTask:table:subjectCode')" min-width="120"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="SubjectCode"
|
||||||
|
:label="$t('trials:readTask:table:subjectCode')"
|
||||||
|
min-width="120"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 访视/阅片期名称 -->
|
<!-- 访视/阅片期名称 -->
|
||||||
<el-table-column prop="VisitTaskNum" :label="$t('trials:consistencyCheck:table:visitName')" min-width="140"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="VisitTaskNum"
|
||||||
|
:label="$t('trials:consistencyCheck:table:visitName')"
|
||||||
|
min-width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.TaskName }}
|
{{ scope.row.TaskName }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 盲态任务标识 -->
|
<!-- 盲态任务标识 -->
|
||||||
<el-table-column prop="TaskBlindName" :label="$t('trials:readTask:table:blindName')" min-width="120"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="TaskBlindName"
|
||||||
|
:label="$t('trials:readTask:table:blindName')"
|
||||||
|
min-width="120"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 阅片标准 -->
|
<!-- 阅片标准 -->
|
||||||
<el-table-column prop="TrialReadingCriterionName" :label="$t('trials:readTask:table:criterionName')"
|
<el-table-column
|
||||||
min-width="100" show-overflow-tooltip />
|
prop="TrialReadingCriterionName"
|
||||||
|
:label="$t('trials:readTask:table:criterionName')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 任务状态 -->
|
<!-- 任务状态 -->
|
||||||
<el-table-column prop="TaskState" :label="$t('trials:readTask:table:taskState')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="TaskState"
|
||||||
|
:label="$t('trials:readTask:table:taskState')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.TaskState)
|
<el-tag v-if="scope.row.TaskState === 0" type="primary">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
|
||||||
}}</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 === 1" type="info">{{ $fd('TaskState', scope.row.TaskState)
|
<el-tag v-if="scope.row.TaskState === 3" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
|
||||||
}}</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 === 3" type="danger">{{ $fd('TaskState', scope.row.TaskState)
|
<el-tag v-if="scope.row.TaskState === 5" type="danger">{{ $fd('TaskState', scope.row.TaskState) }}</el-tag>
|
||||||
}}</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>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 任务类型 -->
|
<!-- 任务类型 -->
|
||||||
<el-table-column prop="ReadingCategory" min-width="100" :label="$t('trials:readTask:table:readingCategory')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="ReadingCategory"
|
||||||
|
min-width="100"
|
||||||
|
:label="$t('trials:readTask:table:readingCategory')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory',
|
<el-tag v-if="scope.row.ReadingCategory === 1" type="primary">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
|
||||||
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 === 2" type="info">{{ $fd('ReadingCategory',
|
<el-tag v-if="scope.row.ReadingCategory === 4" type="danger">{{ $fd('ReadingCategory', scope.row.ReadingCategory) }}</el-tag>
|
||||||
scope.row.ReadingCategory) }}</el-tag>
|
<el-tag v-if="scope.row.ReadingCategory === 5" type="warning">{{ $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>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 阅片状态 -->
|
<!-- 阅片状态 -->
|
||||||
<el-table-column prop="ReadingTaskState" :label="$t('trials:readTask:table:readingTaskState')"
|
<el-table-column
|
||||||
min-width="100" show-overflow-tooltip>
|
prop="ReadingTaskState"
|
||||||
|
:label="$t('trials:readTask:table:readingTaskState')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{ $fd('ReadingTaskState',
|
<el-tag v-if="scope.row.ReadingTaskState === 2" type="primary">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
|
||||||
scope.row.ReadingTaskState) }}</el-tag>
|
|
||||||
<el-tag v-else type="danger">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
|
<el-tag v-else type="danger">{{ $fd('ReadingTaskState', scope.row.ReadingTaskState) }}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 生效后影响 -->
|
<!-- 生效后影响 -->
|
||||||
<el-table-column prop="OptType" :label="$t('trials:readTask:table:optType')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="OptType"
|
||||||
|
:label="$t('trials:readTask:table:optType')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.OptType === 0" type="primary">{{ $fd('ReReadingOrBackOptType',
|
<el-tag v-if="scope.row.OptType === 0" type="primary">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
|
||||||
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 === 1" type="danger">{{ $fd('ReReadingOrBackOptType', scope.row.OptType)
|
<el-tag v-if="scope.row.OptType === 2" type="warning">{{ $fd('ReReadingOrBackOptType', scope.row.OptType) }}</el-tag>
|
||||||
}}</el-tag>
|
|
||||||
<el-tag v-if="scope.row.OptType === 2" type="warning">{{ $fd('ReReadingOrBackOptType',
|
|
||||||
scope.row.OptType) }}</el-tag>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 阅片人 -->
|
<!-- 阅片人 -->
|
||||||
<el-table-column prop="UserName" :label="$t('trials:readTask:table:reader')" min-width="160"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="UserName"
|
||||||
|
:label="$t('trials:readTask:table:reader')"
|
||||||
|
min-width="160"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template v-if="scope.row.DoctorUser" slot-scope="scope">
|
<template v-if="scope.row.DoctorUser" slot-scope="scope">
|
||||||
{{ scope.row.DoctorUser.UserName }}({{ scope.row.DoctorUser.FullName }})
|
{{ scope.row.DoctorUser.UserName }}({{ scope.row.DoctorUser.FullName }})
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="opentype === 'read'" slot="footer" class="dialog-footer">
|
<div v-if="opentype==='read'" slot="footer" class="dialog-footer">
|
||||||
<!-- 取消 -->
|
<!-- 取消 -->
|
||||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="ReReadingOrBackVisible = false">
|
<el-button :disabled="btnLoading" size="small" type="primary" @click="ReReadingOrBackVisible = false">
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
|
|
@ -507,11 +493,16 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog :destroy-on-close="true" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
|
<el-dialog
|
||||||
custom-class="base-dialog-wrapper">
|
:destroy-on-close="true"
|
||||||
|
:visible.sync="signVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="600px"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
<div slot="title">
|
<div slot="title">
|
||||||
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
||||||
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
|
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
|
||||||
</div>
|
</div>
|
||||||
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
@ -527,7 +518,7 @@ import { getToken } from '@/utils/auth'
|
||||||
import { changeURLStatic } from '@/utils/history.js'
|
import { changeURLStatic } from '@/utils/history.js'
|
||||||
import const_ from '@/const/sign-code'
|
import const_ from '@/const/sign-code'
|
||||||
import SignForm from '@/views/trials/components/newSignForm'
|
import SignForm from '@/views/trials/components/newSignForm'
|
||||||
import baseModel from '@/components/BaseModel'
|
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
PageIndex: 1,
|
PageIndex: 1,
|
||||||
|
|
@ -551,7 +542,7 @@ const searchDataDefault = () => {
|
||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
name: 'TrialsNotice',
|
name: 'TrialsNotice',
|
||||||
components: { BaseContainer, Pagination, SignForm, baseModel },
|
components: { BaseContainer, Pagination, SignForm },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
searchData: searchDataDefault(),
|
searchData: searchDataDefault(),
|
||||||
|
|
@ -602,39 +593,8 @@ export default {
|
||||||
readVisible: false,
|
readVisible: false,
|
||||||
TaskOptType: null,
|
TaskOptType: null,
|
||||||
OtherInfo: null,
|
OtherInfo: null,
|
||||||
ReadingType: null,
|
ReadingType: null
|
||||||
config: {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t("trials:spmAudit:confirmMessage:imageBack"),
|
|
||||||
width: '1000px',
|
|
||||||
appendToBody: true,
|
|
||||||
},
|
|
||||||
form: {
|
|
||||||
RequestReReadingResultEnum: null,
|
|
||||||
RequestReReadingRejectReason: null
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
RequestReReadingResultEnum: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:select'),
|
|
||||||
trigger: ['blur', 'change'],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
RequestReReadingRejectReason: [
|
|
||||||
{
|
|
||||||
required: true,
|
|
||||||
message: this.$t('common:ruleMessage:specify'),
|
|
||||||
trigger: ['blur', 'change'],
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
}
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
isEN() {
|
|
||||||
return this.$i18n.locale !== 'zh'
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
if (this.$route.query.SiteId) {
|
if (this.$route.query.SiteId) {
|
||||||
|
|
@ -652,39 +612,6 @@ export default {
|
||||||
this.getDoctorUserSelectList()
|
this.getDoctorUserSelectList()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async auditImageBack() {
|
|
||||||
try {
|
|
||||||
console.log(this.form)
|
|
||||||
let validate = await this.$refs.imageBackform.validate()
|
|
||||||
if (!validate) return false
|
|
||||||
this.confirmSign(this.form.RequestReReadingResultEnum)
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async audit(row) {
|
|
||||||
try {
|
|
||||||
this.rowData = Object.assign({}, row)
|
|
||||||
this.rowData.title = `${row.ApplicantName} (${this.$fd('RequestReReadingType', row.RequestReReadingType)}) ${this.$t('trials:spmAudit:title:imageBack').replace('xxx', row.OriginalReReadingTask.SubjectCode).replace('yyy', row.OriginalReReadingTask.TaskName)}`
|
|
||||||
Object.keys(this.form).forEach(key => {
|
|
||||||
this.form[key] = null
|
|
||||||
})
|
|
||||||
this.loading = true
|
|
||||||
let res = await getReReadingOrBackInfluenceTaskList(
|
|
||||||
row.OriginalReReadingTaskId,
|
|
||||||
true,
|
|
||||||
row.Id
|
|
||||||
)
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.InfluenceTaskList = res.Result
|
|
||||||
this.config.visible = true
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
getInfluencedTaskList(row) {
|
getInfluencedTaskList(row) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
this.opentype = 'look'
|
this.opentype = 'look'
|
||||||
|
|
@ -736,7 +663,7 @@ export default {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (type === 2) {
|
if (type === 2) {
|
||||||
this.$refs.imageBackform.validate((valid) => {
|
this.$refs.reasonForm.validate((valid) => {
|
||||||
if (!valid) return
|
if (!valid) return
|
||||||
var params = {
|
var params = {
|
||||||
data: {
|
data: {
|
||||||
|
|
@ -748,7 +675,7 @@ export default {
|
||||||
NewReReadingTaskId: row.NewReReadingTaskId
|
NewReReadingTaskId: row.NewReReadingTaskId
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
RequestReReadingRejectReason: this.form.RequestReReadingRejectReason,
|
RequestReReadingRejectReason: this.ConfirmReReadingForm.RequestReReadingRejectReason,
|
||||||
TrialId: this.$route.query.trialId,
|
TrialId: this.$route.query.trialId,
|
||||||
RequestReReadingResultEnum: type
|
RequestReReadingResultEnum: type
|
||||||
},
|
},
|
||||||
|
|
@ -761,7 +688,7 @@ export default {
|
||||||
this.btnLoading = false
|
this.btnLoading = false
|
||||||
this.$message.success(`${type === 1 ? this.$t('trials:spmAudit:title:title4') : this.$t('trials:spmAudit:title:title5')}`)
|
this.$message.success(`${type === 1 ? this.$t('trials:spmAudit:title:title4') : this.$t('trials:spmAudit:title:title5')}`)
|
||||||
this.getList()
|
this.getList()
|
||||||
this.config.visible = false
|
this.ConfirmReReadingVisible = false
|
||||||
this.$refs['signForm'].btnLoading = false
|
this.$refs['signForm'].btnLoading = false
|
||||||
this.signVisible = false
|
this.signVisible = false
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
|
|
@ -793,7 +720,7 @@ export default {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
this.btnLoading = false
|
this.btnLoading = false
|
||||||
this.$message.success(`${type === 1 ? this.$t('trials:spmAudit:title:title4') : this.$t('trials:spmAudit:title:title5')}`)
|
this.$message.success(`${type === 1 ? this.$t('trials:spmAudit:title:title4') : this.$t('trials:spmAudit:title:title5')}`)
|
||||||
this.config.visible = false
|
this.ReReadingOrBackVisible = false
|
||||||
this.$refs['signForm'].btnLoading = false
|
this.$refs['signForm'].btnLoading = false
|
||||||
this.signVisible = false
|
this.signVisible = false
|
||||||
this.getList()
|
this.getList()
|
||||||
|
|
@ -860,25 +787,22 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
::v-deep .hidden-row {
|
::v-deep .hidden-row{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-dialog__body {
|
::v-deep .el-dialog__body {
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-tag--danger.el-tag--dark {
|
::v-deep .el-tag--danger.el-tag--dark {
|
||||||
// background-color: #f56c6c!important;
|
// background-color: #f56c6c!important;
|
||||||
border-color: none !important;
|
border-color: none!important;
|
||||||
// color: #fff!important;
|
// color: #fff!important;
|
||||||
}
|
}
|
||||||
|
::v-deep #TaskAllocationRuleList thead .el-checkbox__inner{
|
||||||
::v-deep #TaskAllocationRuleList thead .el-checkbox__inner {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-descriptions-item__label.has-colon:after{
|
||||||
::v-deep .el-descriptions-item__label.has-colon:after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -130,12 +130,10 @@
|
||||||
<SignForm :is-system-doc="currentRow.IsSystemDoc" :document-id="currentRow.Id" :file-name="fileName"
|
<SignForm :is-system-doc="currentRow.IsSystemDoc" :document-id="currentRow.Id" :file-name="fileName"
|
||||||
:trial-id="trialId" @closeDialog="closeSignDialog" />
|
:trial-id="trialId" @closeDialog="closeSignDialog" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<attachmentList2 v-if="config.visible && !currentRow.IsSystemDoc" :config="config" :rowData="currentRow"
|
<attachmentList v-if="config.visible" :config="config" :rowData="currentRow" :SystemDocumentId="SystemDocumentId"
|
||||||
:TrialDocumentId="TrialDocumentId" :isView="true" @getList="getList" />
|
:isView="true" @getList="getList" />
|
||||||
<attachmentList v-if="config.visible && currentRow.IsSystemDoc" :config="config" :rowData="currentRow"
|
<attachmentPreview :SystemDocumentId="SystemDocumentId" :visible.sync="perview_visible" :isView="true"
|
||||||
:SystemDocumentId="TrialDocumentId" :isView="true" @getList="getList" />
|
v-if="perview_visible" />
|
||||||
<attachmentPreview :SystemDocumentId="TrialDocumentId" :isTrial="!currentRow.IsSystemDoc"
|
|
||||||
:visible.sync="perview_visible" :isView="true" v-if="perview_visible" />
|
|
||||||
</BaseContainer>
|
</BaseContainer>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -147,7 +145,6 @@ import SignForm from './components/SignForm'
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import attachmentPreview from '@/views/dictionary/attachment/components/SignatureTemplate/attachmentPreview'
|
import attachmentPreview from '@/views/dictionary/attachment/components/SignatureTemplate/attachmentPreview'
|
||||||
import attachmentList from '@/views/dictionary/attachment/components/SignatureTemplate/attachmentList'
|
import attachmentList from '@/views/dictionary/attachment/components/SignatureTemplate/attachmentList'
|
||||||
import attachmentList2 from '@/views/trials/trials-panel/setting/attachment/components/attachmentList'
|
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
FileTypeId: '',
|
FileTypeId: '',
|
||||||
|
|
@ -161,7 +158,7 @@ const searchDataDefault = () => {
|
||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
name: 'TrialAttachments',
|
name: 'TrialAttachments',
|
||||||
components: { BaseContainer, Pagination, PreviewFile, SignForm, attachmentPreview, attachmentList, attachmentList2 },
|
components: { BaseContainer, Pagination, PreviewFile, SignForm, attachmentPreview, attachmentList },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
searchData: searchDataDefault(),
|
searchData: searchDataDefault(),
|
||||||
|
|
@ -183,7 +180,7 @@ export default {
|
||||||
currentUser: zzSessionStorage.getItem('userName'),
|
currentUser: zzSessionStorage.getItem('userName'),
|
||||||
typeOptions: [],
|
typeOptions: [],
|
||||||
trialId: this.$route.query.trialId,
|
trialId: this.$route.query.trialId,
|
||||||
TrialDocumentId: null,
|
SystemDocumentId: null,
|
||||||
perview_visible: null,
|
perview_visible: null,
|
||||||
config: {
|
config: {
|
||||||
visible: false,
|
visible: false,
|
||||||
|
|
@ -208,7 +205,7 @@ export default {
|
||||||
methods: {
|
methods: {
|
||||||
openAttachment(row, isList = false) {
|
openAttachment(row, isList = false) {
|
||||||
if (!row.AttachmentCount) return false
|
if (!row.AttachmentCount) return false
|
||||||
this.TrialDocumentId = row.Id
|
this.SystemDocumentId = row.Id
|
||||||
this.currentRow = { ...row }
|
this.currentRow = { ...row }
|
||||||
if (!isList) {
|
if (!isList) {
|
||||||
this.perview_visible = true
|
this.perview_visible = true
|
||||||
|
|
|
||||||
|
|
@ -12,18 +12,35 @@
|
||||||
|
|
||||||
<template slot="main-container">
|
<template slot="main-container">
|
||||||
<!-- 入组医生列表 -->
|
<!-- 入组医生列表 -->
|
||||||
<el-table ref="myTable" v-loading="listLoading" v-adaptive="{ bottomOffset: 55 }" :data="list" stripe height="100"
|
<el-table
|
||||||
@sort-change="handleSortByColumn">
|
ref="myTable"
|
||||||
<el-table-column type="index" width="40" fixed />
|
v-loading="listLoading"
|
||||||
|
v-adaptive="{ bottomOffset: 55 }"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
@sort-change="handleSortByColumn"
|
||||||
|
>
|
||||||
|
<el-table-column type="index" width="40" />
|
||||||
<!-- Name -->
|
<!-- Name -->
|
||||||
<el-table-column :label="$t('trials:enrolledReviews:table:name')" show-overflow-tooltip fixed width="150"
|
<el-table-column
|
||||||
prop="FirstName" sortable="custom" v-if="!hasPermi(['role:ea'])">
|
:label="$t('trials:enrolledReviews:table:name')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="150"
|
||||||
|
prop="FirstName"
|
||||||
|
sortable="custom"
|
||||||
|
v-if="!hasPermi(['role:ea'])"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" @click="
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="
|
||||||
go(
|
go(
|
||||||
`/trialsResume?doctorId=${scope.row.DoctorId}&token=${token}`
|
`/trialsResume?doctorId=${scope.row.DoctorId}&token=${token}`
|
||||||
)
|
)
|
||||||
">{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button>
|
"
|
||||||
|
>{{ scope.row.LastName }} / {{ scope.row.FirstName }}</el-button
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- Name CN -->
|
<!-- Name CN -->
|
||||||
|
|
@ -36,11 +53,21 @@
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
/> -->
|
/> -->
|
||||||
<!-- 用户名 -->
|
<!-- 用户名 -->
|
||||||
<el-table-column prop="UserName" :label="$t('trials:enrolledReviews:table:userName')"
|
<el-table-column
|
||||||
:width="hasPermi(['role:ea']) ? 300 : 150" sortable="custom" show-overflow-tooltip fixed />
|
prop="UserName"
|
||||||
|
:label="$t('trials:enrolledReviews:table:userName')"
|
||||||
|
:width="hasPermi(['role:ea']) ? 300 : 150"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 入组时间 -->
|
<!-- 入组时间 -->
|
||||||
<el-table-column prop="EnrollTimeStr" :label="$t('trials:enrolledReviews:table:enrollmentTime')"
|
<el-table-column
|
||||||
:width="hasPermi(['role:ea']) ? 320 : 130" sortable="custom" show-overflow-tooltip fixed>
|
prop="EnrollTimeStr"
|
||||||
|
:label="$t('trials:enrolledReviews:table:enrollmentTime')"
|
||||||
|
:width="hasPermi(['role:ea']) ? 320 : 130"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.EnrollTime
|
scope.row.EnrollTime
|
||||||
|
|
@ -49,28 +76,50 @@
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="EnrollTimeStr" :label="$t('trials:enrolledReviews:table:status')" width="200"
|
<el-table-column
|
||||||
sortable="custom" fixed>
|
prop="EnrollTimeStr"
|
||||||
|
:label="$t('trials:enrolledReviews:table:status')"
|
||||||
|
width="200"
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div>
|
<div>
|
||||||
<el-switch v-model="scope.row.IsEnable" :active-value="true" :inactive-value="false"
|
<el-switch
|
||||||
:active-text="$fd('IsEnable', true)" :inactive-text="$fd('IsEnable', false)" @change="
|
v-model="scope.row.IsEnable"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
:active-text="$fd('IsEnable', true)"
|
||||||
|
:inactive-text="$fd('IsEnable', false)"
|
||||||
|
@change="
|
||||||
(v) => {
|
(v) => {
|
||||||
return isEnableChange(scope.row, v)
|
return isEnableChange(scope.row, v)
|
||||||
}
|
}
|
||||||
" :disabled="!hasPermi([
|
"
|
||||||
|
:disabled="
|
||||||
|
!hasPermi([
|
||||||
'trials:trials-panel:enrolled-reviewers:list:edit',
|
'trials:trials-panel:enrolled-reviewers:list:edit',
|
||||||
])
|
])
|
||||||
" />
|
"
|
||||||
|
/>
|
||||||
<!-- <span :style="{color:scope.row.IsEnable?'#409eff':'#dcdfe6'}"> {{$fd('IsEnable', scope.row.IsEnable)}}</span> -->
|
<!-- <span :style="{color:scope.row.IsEnable?'#409eff':'#dcdfe6'}"> {{$fd('IsEnable', scope.row.IsEnable)}}</span> -->
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-for="ite of TrialReadingCriterionList" :key="ite.TrialReadingCriterionName"
|
<el-table-column
|
||||||
:label="ite.TrialReadingCriterionName" width="360" header-align="center" show-overflow-tooltip>
|
v-for="ite of TrialReadingCriterionList"
|
||||||
<el-table-column :label="$t('trials:enrolledReviews:table:readingType')" width="300">
|
:key="ite.TrialReadingCriterionName"
|
||||||
|
:label="ite.TrialReadingCriterionName"
|
||||||
|
width="360"
|
||||||
|
header-align="center"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('trials:enrolledReviews:table:readingType')"
|
||||||
|
width="300"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-for="item of scope.row.CriterionCategoryList.find((v) => {
|
<span
|
||||||
|
v-for="item of scope.row.CriterionCategoryList.find((v) => {
|
||||||
return (
|
return (
|
||||||
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
||||||
)
|
)
|
||||||
|
|
@ -81,7 +130,10 @@
|
||||||
ite.TrialReadingCriterionId
|
ite.TrialReadingCriterionId
|
||||||
)
|
)
|
||||||
}).ReadingCategorys
|
}).ReadingCategorys
|
||||||
: []" :key="item.TrialReadingCriterionId" style="margin: 5px 5px 5px 0">
|
: []"
|
||||||
|
:key="item.TrialReadingCriterionId"
|
||||||
|
style="margin: 5px 5px 5px 0"
|
||||||
|
>
|
||||||
<el-tag v-if="item === 1" type="primary">{{
|
<el-tag v-if="item === 1" type="primary">{{
|
||||||
$fd('ReadingCategory', item) +
|
$fd('ReadingCategory', item) +
|
||||||
' & ' +
|
' & ' +
|
||||||
|
|
@ -95,101 +147,152 @@
|
||||||
$fd('ReadingCategory', item)
|
$fd('ReadingCategory', item)
|
||||||
}}</el-tag>
|
}}</el-tag>
|
||||||
</span>
|
</span>
|
||||||
<el-button v-hasPermi="[
|
<el-button
|
||||||
|
v-hasPermi="[
|
||||||
'trials:trials-panel:enrolled-reviewers:list:edit',
|
'trials:trials-panel:enrolled-reviewers:list:edit',
|
||||||
]" type="text" @click="
|
]"
|
||||||
|
type="text"
|
||||||
|
@click="
|
||||||
openSetEnrollReadingCategory(
|
openSetEnrollReadingCategory(
|
||||||
scope.row,
|
scope.row,
|
||||||
ite.TrialReadingCriterionId
|
ite.TrialReadingCriterionId
|
||||||
)
|
)
|
||||||
">
|
"
|
||||||
|
>
|
||||||
{{ $t('trials:enrolledReviews:button:config') }}
|
{{ $t('trials:enrolledReviews:button:config') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:enrolledReviews:table:consistency-analysis')" width="160"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
:label="$t('trials:enrolledReviews:table:consistency-analysis')"
|
||||||
|
width="160"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-model="scope.row.CriterionCategoryList.find((v) => {
|
<el-switch
|
||||||
|
v-model="
|
||||||
|
scope.row.CriterionCategoryList.find((v) => {
|
||||||
return (
|
return (
|
||||||
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
||||||
)
|
)
|
||||||
}).IsJoinAnalysis
|
}).IsJoinAnalysis
|
||||||
" :active-value="true" :inactive-value="false" :active-text="$fd('YesOrNo', true)"
|
"
|
||||||
:inactive-text="$fd('YesOrNo', false)" @change="
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
:active-text="$fd('YesOrNo', true)"
|
||||||
|
:inactive-text="$fd('YesOrNo', false)"
|
||||||
|
@change="
|
||||||
(v) => {
|
(v) => {
|
||||||
return isConsistencyChange(scope.row, ite, v, true)
|
return isConsistencyChange(scope.row, ite, v, true)
|
||||||
}
|
}
|
||||||
" :disabled="!hasPermi([
|
"
|
||||||
|
:disabled="
|
||||||
|
!hasPermi([
|
||||||
'trials:trials-panel:enrolled-reviewers:list:edit',
|
'trials:trials-panel:enrolled-reviewers:list:edit',
|
||||||
])
|
])
|
||||||
" />
|
"
|
||||||
|
/>
|
||||||
<!-- <span v-if="scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).IsJoinAnalysis"> {{$fd('YesOrNo', scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).IsJoinAnalysis)}}</span>
|
<!-- <span v-if="scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).IsJoinAnalysis"> {{$fd('YesOrNo', scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).IsJoinAnalysis)}}</span>
|
||||||
<span v-else> {{$fd('YesOrNo',false)}}</span> -->
|
<span v-else> {{$fd('YesOrNo',false)}}</span> -->
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:enrolledReviews:message:SOW')" width="160" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
:label="$t('trials:enrolledReviews:message:SOW')"
|
||||||
|
width="160"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="
|
<div
|
||||||
|
v-if="
|
||||||
scope.row.CriterionCategoryList.find((v) => {
|
scope.row.CriterionCategoryList.find((v) => {
|
||||||
return (
|
return (
|
||||||
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
||||||
)
|
)
|
||||||
}).StatementCriterionFileList.length > 0
|
}).StatementCriterionFileList.length > 0
|
||||||
">
|
"
|
||||||
<el-button type="text" @click="preview(scope.row, ite.TrialReadingCriterionId)">View</el-button>
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="preview(scope.row, ite.TrialReadingCriterionId)"
|
||||||
|
>View</el-button
|
||||||
|
>
|
||||||
<!-- <el-button type="text" @click="windowOpen(scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).StatementCriterionFileList[0].FilePath)">View</el-button> -->
|
<!-- <el-button type="text" @click="windowOpen(scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).StatementCriterionFileList[0].FilePath)">View</el-button> -->
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<span>{{ $t('trials:enrolledReviews:label:notUpload') }}</span>
|
<span>{{ $t('trials:enrolledReviews:label:notUpload') }}</span>
|
||||||
<!-- 上传 -->
|
<!-- 上传 -->
|
||||||
<el-button v-if="ite.CriterionType === 0" v-hasPermi="[
|
<el-button
|
||||||
|
v-if="ite.CriterionType === 0"
|
||||||
|
v-hasPermi="[
|
||||||
'trials:trials-panel:enrolled-reviewers:list:edit',
|
'trials:trials-panel:enrolled-reviewers:list:edit',
|
||||||
]" type="text" style="margin-left: 10px" @click="
|
]"
|
||||||
|
type="text"
|
||||||
|
style="margin-left: 10px"
|
||||||
|
@click="
|
||||||
addCol(
|
addCol(
|
||||||
0,
|
0,
|
||||||
scope.row,
|
scope.row,
|
||||||
ite,
|
ite,
|
||||||
$t('trials:enrolledReviews:message:SOW')
|
$t('trials:enrolledReviews:message:SOW')
|
||||||
)
|
)
|
||||||
">
|
"
|
||||||
|
>
|
||||||
{{ $t('trials:enrolledReviews:button:upload') }}
|
{{ $t('trials:enrolledReviews:button:upload') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:enrolledReviews:message:EQC')" width="160" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
:label="$t('trials:enrolledReviews:message:EQC')"
|
||||||
|
width="160"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="
|
<div
|
||||||
|
v-if="
|
||||||
scope.row.CriterionCategoryList.find((v) => {
|
scope.row.CriterionCategoryList.find((v) => {
|
||||||
return (
|
return (
|
||||||
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
v.TrialReadingCriterionId === ite.TrialReadingCriterionId
|
||||||
)
|
)
|
||||||
}).AcknowledgementCriterionFileList.length > 0
|
}).AcknowledgementCriterionFileList.length > 0
|
||||||
">
|
"
|
||||||
<el-button type="text" @click="preview(scope.row, ite.TrialReadingCriterionId)">
|
>
|
||||||
|
<el-button
|
||||||
|
type="text"
|
||||||
|
@click="preview(scope.row, ite.TrialReadingCriterionId)"
|
||||||
|
>
|
||||||
View
|
View
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<div v-else>
|
<div v-else>
|
||||||
<span>{{ $t('trials:enrolledReviews:label:notUpload') }}</span>
|
<span>{{ $t('trials:enrolledReviews:label:notUpload') }}</span>
|
||||||
<!-- 上传 -->
|
<!-- 上传 -->
|
||||||
<el-button v-if="ite.CriterionType === 0" v-hasPermi="[
|
<el-button
|
||||||
|
v-if="ite.CriterionType === 0"
|
||||||
|
v-hasPermi="[
|
||||||
'trials:trials-panel:enrolled-reviewers:list:edit',
|
'trials:trials-panel:enrolled-reviewers:list:edit',
|
||||||
]" type="text" style="margin-left: 10px" @click="
|
]"
|
||||||
|
type="text"
|
||||||
|
style="margin-left: 10px"
|
||||||
|
@click="
|
||||||
addCol(
|
addCol(
|
||||||
1,
|
1,
|
||||||
scope.row,
|
scope.row,
|
||||||
ite,
|
ite,
|
||||||
$t('trials:enrolledReviews:message:SOW')
|
$t('trials:enrolledReviews:message:SOW')
|
||||||
)
|
)
|
||||||
">
|
"
|
||||||
|
>
|
||||||
{{ $t('trials:enrolledReviews:button:upload') }}
|
{{ $t('trials:enrolledReviews:button:upload') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:enrolledReviews:button:tackNum')" width="300" show-overflow-tooltip>
|
<el-table-column
|
||||||
|
:label="$t('trials:enrolledReviews:button:tackNum')"
|
||||||
|
width="300"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div>
|
<div>
|
||||||
{{
|
{{
|
||||||
|
|
@ -239,17 +342,31 @@
|
||||||
<template slot="dialog-body">
|
<template slot="dialog-body">
|
||||||
<!-- Reading Type -->
|
<!-- Reading Type -->
|
||||||
<label>{{ $t('trials:enrolledReviews:table:readingType') }}: </label>
|
<label>{{ $t('trials:enrolledReviews:table:readingType') }}: </label>
|
||||||
<el-select v-model="readingType" filterable allow-create default-first-option style="width: 70%">
|
<el-select
|
||||||
|
v-model="readingType"
|
||||||
|
filterable
|
||||||
|
allow-create
|
||||||
|
default-first-option
|
||||||
|
style="width: 70%"
|
||||||
|
>
|
||||||
<el-option :value="0" label="TP&GL&AD" />
|
<el-option :value="0" label="TP&GL&AD" />
|
||||||
<el-option :value="1" label="TP&GL" />
|
<el-option :value="1" label="TP&GL" />
|
||||||
<el-option :value="2" label="AD" />
|
<el-option :value="2" label="AD" />
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<template slot="dialog-footer">
|
<template slot="dialog-footer">
|
||||||
<el-button :disabled="readingType_model.btnLoading" type="primary" @click="readingType_model.visible = false">
|
<el-button
|
||||||
|
:disabled="readingType_model.btnLoading"
|
||||||
|
type="primary"
|
||||||
|
@click="readingType_model.visible = false"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" :loading="readingType_model.btnLoading" @click="handleUpdateReadingType">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:loading="readingType_model.btnLoading"
|
||||||
|
@click="handleUpdateReadingType"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -259,28 +376,56 @@
|
||||||
<template slot="dialog-body">
|
<template slot="dialog-body">
|
||||||
<!-- Reading Type -->
|
<!-- Reading Type -->
|
||||||
<label>{{ $t('trials:enrolledReviews:table:readingType') }}: </label>
|
<label>{{ $t('trials:enrolledReviews:table:readingType') }}: </label>
|
||||||
<el-select v-model="ReadingCategorys" filterable allow-create multiple default-first-option style="width: 50%">
|
<el-select
|
||||||
|
v-model="ReadingCategorys"
|
||||||
|
filterable
|
||||||
|
allow-create
|
||||||
|
multiple
|
||||||
|
default-first-option
|
||||||
|
style="width: 50%"
|
||||||
|
>
|
||||||
<template v-for="item of $d.ReadingCategory">
|
<template v-for="item of $d.ReadingCategory">
|
||||||
<el-option v-if="item.value === 1" :key="item.id" :value="1" :label="$fd('ReadingCategory', 1) + ' & ' + $fd('ReadingCategory', 2)
|
<el-option
|
||||||
" />
|
v-if="item.value === 1"
|
||||||
|
:key="item.id"
|
||||||
|
:value="1"
|
||||||
|
:label="
|
||||||
|
$fd('ReadingCategory', 1) + ' & ' + $fd('ReadingCategory', 2)
|
||||||
|
"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-for="item of $d.ReadingCategory">
|
<template v-for="item of $d.ReadingCategory">
|
||||||
<el-option v-if="item.value === 4 && IsArbitrationReading" :key="item.id" :value="item.value"
|
<el-option
|
||||||
:label="$fd('ReadingCategory', 4)" />
|
v-if="item.value === 4 && IsArbitrationReading"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="$fd('ReadingCategory', 4)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-for="item of $d.ReadingCategory">
|
<template v-for="item of $d.ReadingCategory">
|
||||||
<el-option v-if="item.value === 5 && IsOncologyReading" :key="item.id" :value="item.value"
|
<el-option
|
||||||
:label="$fd('ReadingCategory', 5)" />
|
v-if="item.value === 5 && IsOncologyReading"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="$fd('ReadingCategory', 5)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
<template slot="dialog-footer">
|
<template slot="dialog-footer">
|
||||||
<div style="margin-top: 30px">
|
<div style="margin-top: 30px">
|
||||||
<el-button :disabled="readingCategory_model.btnLoading" type="primary"
|
<el-button
|
||||||
@click="readingCategory_model.visible = false">
|
:disabled="readingCategory_model.btnLoading"
|
||||||
|
type="primary"
|
||||||
|
@click="readingCategory_model.visible = false"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" :loading="readingCategory_model.btnLoading" @click="handleUpdateReadingCategory">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:loading="readingCategory_model.btnLoading"
|
||||||
|
@click="handleUpdateReadingCategory"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -289,52 +434,112 @@
|
||||||
<!-- 修改医生状态 -->
|
<!-- 修改医生状态 -->
|
||||||
<base-model :config="reviewerStatus_model">
|
<base-model :config="reviewerStatus_model">
|
||||||
<template slot="dialog-body">
|
<template slot="dialog-body">
|
||||||
<el-form ref="updateStatusForm" :model="updateStatusForm" :rules="updateStatusFormrules">
|
<el-form
|
||||||
<el-form-item :label="$t('trials:enrolledReviews:label:enrollmentStatus')" prop="Status">
|
ref="updateStatusForm"
|
||||||
|
:model="updateStatusForm"
|
||||||
|
:rules="updateStatusFormrules"
|
||||||
|
>
|
||||||
|
<el-form-item
|
||||||
|
:label="$t('trials:enrolledReviews:label:enrollmentStatus')"
|
||||||
|
prop="Status"
|
||||||
|
>
|
||||||
<el-select v-model="updateStatusForm.Status" style="width: 60%">
|
<el-select v-model="updateStatusForm.Status" style="width: 60%">
|
||||||
<!-- 0：回退；1：出组； -->
|
<!-- 0：回退；1：出组； -->
|
||||||
<el-option v-for="item of $d.OutOrInEnrollment" :key="`OutOrInEnrollment${item.value}`"
|
<el-option
|
||||||
:value="item.value" :label="item.label" :disabled="item.value === 0 && currentWorkload > 0" />
|
v-for="item of $d.OutOrInEnrollment"
|
||||||
|
:key="`OutOrInEnrollment${item.value}`"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:disabled="item.value === 0 && currentWorkload > 0"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="updateStatusForm.Status == 1"
|
<el-form-item
|
||||||
:label="$t('trials:enrolledReviews:label:outOfEnrollmentTime')" prop="OutEnrollmentTime">
|
v-if="updateStatusForm.Status == 1"
|
||||||
<el-date-picker v-model="updateStatusForm.OutEnrollmentTime" type="date" value-format="yyyy-MM-dd"
|
:label="$t('trials:enrolledReviews:label:outOfEnrollmentTime')"
|
||||||
format="yyyy-MM-dd" />
|
prop="OutEnrollmentTime"
|
||||||
|
>
|
||||||
|
<el-date-picker
|
||||||
|
v-model="updateStatusForm.OutEnrollmentTime"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<template slot="dialog-footer">
|
<template slot="dialog-footer">
|
||||||
<el-button :disabled="reviewerStatus_model.btnLoading" type="primary"
|
<el-button
|
||||||
@click="reviewerStatus_model.visible = false">
|
:disabled="reviewerStatus_model.btnLoading"
|
||||||
|
type="primary"
|
||||||
|
@click="reviewerStatus_model.visible = false"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" :loading="reviewerStatus_model.btnLoading" @click="handleUpdateReviewerStatus">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:loading="reviewerStatus_model.btnLoading"
|
||||||
|
@click="handleUpdateReviewerStatus"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</base-model>
|
</base-model>
|
||||||
<BaseModel :config="model_cfg">
|
<BaseModel :config="model_cfg">
|
||||||
<template slot="dialog-body">
|
<template slot="dialog-body">
|
||||||
<el-form ref="DictionaryTypeConfigForm" :model="form" label-width="120px" size="small">
|
<el-form
|
||||||
<el-form-item :label="$t('trials:enrolledReviews:table:criterionName')" prop="CriterionType">
|
ref="DictionaryTypeConfigForm"
|
||||||
|
:model="form"
|
||||||
|
label-width="120px"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<el-form-item
|
||||||
|
:label="$t('trials:enrolledReviews:table:criterionName')"
|
||||||
|
prop="CriterionType"
|
||||||
|
>
|
||||||
<el-input v-model="form.CriterionName" disabled />
|
<el-input v-model="form.CriterionName" disabled />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:enrolledReviews:table:file')" prop="FilePath">
|
<el-form-item
|
||||||
<el-upload class="upload-demo" action :before-upload="beforeUpload" :http-request="handleUploadFile"
|
:label="$t('trials:enrolledReviews:table:file')"
|
||||||
:on-preview="handlePreview2" :on-remove="handleRemoveFile2" :show-file-list="true" accept=".pdf"
|
prop="FilePath"
|
||||||
:limit="1" :file-list="fileList">
|
>
|
||||||
<el-button size="small" type="primary" :disabled="fileList.length > 0">{{ $t('common:button:upload')
|
<el-upload
|
||||||
}}</el-button>
|
class="upload-demo"
|
||||||
|
action
|
||||||
|
:before-upload="beforeUpload"
|
||||||
|
:http-request="handleUploadFile"
|
||||||
|
:on-preview="handlePreview2"
|
||||||
|
:on-remove="handleRemoveFile2"
|
||||||
|
:show-file-list="true"
|
||||||
|
accept=".pdf"
|
||||||
|
:limit="1"
|
||||||
|
:file-list="fileList"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="fileList.length > 0"
|
||||||
|
>{{ $t('common:button:upload') }}</el-button
|
||||||
|
>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<template slot="dialog-footer">
|
<template slot="dialog-footer">
|
||||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">
|
<el-button
|
||||||
|
:disabled="btnLoading"
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
@click="handleCancle"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:loading="btnLoading"
|
||||||
|
@click="handleSave"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -574,7 +779,8 @@ export default {
|
||||||
var fileName = param.file.name
|
var fileName = param.file.name
|
||||||
let file = await this.fileToBlob(param.file)
|
let file = await this.fileToBlob(param.file)
|
||||||
let res = await this.OSSclient.put(
|
let res = await this.OSSclient.put(
|
||||||
`/SystemData/reviewer/${this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'
|
`/SystemData/reviewer/${
|
||||||
|
this.form.FileType === 0 ? '既往阅片情况声明' : '入项资格确认书'
|
||||||
}/${this.rowData.DoctorId}/${fileName}`,
|
}/${this.rowData.DoctorId}/${fileName}`,
|
||||||
file
|
file
|
||||||
)
|
)
|
||||||
|
|
@ -879,7 +1085,6 @@ export default {
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.enroll-list {
|
.enroll-list {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
.readingCategory_model {
|
.readingCategory_model {
|
||||||
.base-modal-body {
|
.base-modal-body {
|
||||||
min-height: 150px;
|
min-height: 150px;
|
||||||
|
|
|
||||||
|
|
@ -126,7 +126,7 @@ import Contextmenu from 'vue-contextmenujs'
|
||||||
Vue.use(Contextmenu)
|
Vue.use(Contextmenu)
|
||||||
import * as cornerstone from 'cornerstone-core'
|
import * as cornerstone from 'cornerstone-core'
|
||||||
import metaDataProvider from '@/utils/metaDataProvider'
|
import metaDataProvider from '@/utils/metaDataProvider'
|
||||||
|
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
|
||||||
import * as cornerstoneMath from 'cornerstone-math'
|
import * as cornerstoneMath from 'cornerstone-math'
|
||||||
import * as cornerstoneTools from 'cornerstone-tools'
|
import * as cornerstoneTools from 'cornerstone-tools'
|
||||||
const scroll = cornerstoneTools.import('util/scrollToIndex')
|
const scroll = cornerstoneTools.import('util/scrollToIndex')
|
||||||
|
|
@ -1126,7 +1126,6 @@ export default {
|
||||||
// resolve()
|
// resolve()
|
||||||
// })
|
// })
|
||||||
this.loading = true
|
this.loading = true
|
||||||
cornerstone.metaData.addProvider(metaDataProvider, 1);
|
|
||||||
cornerstone.loadAndCacheImage(this.stack.imageIds[this.stack.currentImageIdIndex])
|
cornerstone.loadAndCacheImage(this.stack.imageIds[this.stack.currentImageIdIndex])
|
||||||
.then(async image => {
|
.then(async image => {
|
||||||
if (this.stack.imageIds.indexOf(image.imageId) !== -1) {
|
if (this.stack.imageIds.indexOf(image.imageId) !== -1) {
|
||||||
|
|
@ -1686,7 +1685,7 @@ export default {
|
||||||
cornerstoneTools.getToolState(
|
cornerstoneTools.getToolState(
|
||||||
this.canvas,
|
this.canvas,
|
||||||
'playClip'
|
'playClip'
|
||||||
).data[0].loop = true
|
).data[0].loop = false
|
||||||
} else {
|
} else {
|
||||||
cornerstoneTools.stopClip(this.canvas)
|
cornerstoneTools.stopClip(this.canvas)
|
||||||
this.toolState.clipPlaying = false
|
this.toolState.clipPlaying = false
|
||||||
|
|
|
||||||
|
|
@ -276,7 +276,7 @@ export default {
|
||||||
window.opener.postMessage(data, window.location)
|
window.opener.postMessage(data, window.location)
|
||||||
},
|
},
|
||||||
async receiveMsg(event) {
|
async receiveMsg(event) {
|
||||||
// console.log('nonedicoms', event.data.type)
|
console.log('nonedicoms', event.data.type)
|
||||||
if (event.data.type === 'isCanActiveNoneDicomTool') {
|
if (event.data.type === 'isCanActiveNoneDicomTool') {
|
||||||
if (event.data.data.isCanActiveTool) {
|
if (event.data.data.isCanActiveTool) {
|
||||||
// this.model = 'ArrowAnnotate'
|
// this.model = 'ArrowAnnotate'
|
||||||
|
|
@ -304,12 +304,8 @@ export default {
|
||||||
// this.canvasData.splice(i, 1)
|
// this.canvasData.splice(i, 1)
|
||||||
// }
|
// }
|
||||||
// }
|
// }
|
||||||
if (!event.data.data) {
|
|
||||||
this.canvasData = []
|
|
||||||
} else {
|
|
||||||
var idx = this.canvasData.findIndex(item => item.data.uuid === event.data.data.data.uuid)
|
var idx = this.canvasData.findIndex(item => item.data.uuid === event.data.data.data.uuid)
|
||||||
this.canvasData.splice(idx, 1)
|
this.canvasData.splice(idx, 1)
|
||||||
}
|
|
||||||
ctx.clearRect(0, 0, this.canvasSize.width, this.canvasSize.height) // 清除画布后立刻重新绘制视觉上形成动画
|
ctx.clearRect(0, 0, this.canvasSize.width, this.canvasSize.height) // 清除画布后立刻重新绘制视觉上形成动画
|
||||||
await ctx.drawImage(
|
await ctx.drawImage(
|
||||||
this.currentImg,
|
this.currentImg,
|
||||||
|
|
@ -516,11 +512,6 @@ export default {
|
||||||
this.canvasData.push(this.currentDrawData) // 添加当前绘图数据
|
this.canvasData.push(this.currentDrawData) // 添加当前绘图数据
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
// 向主窗体发送测量数据
|
|
||||||
if (this.model) {
|
|
||||||
var data = { type: 'setMeasurement', data: this.currentDrawData }
|
|
||||||
window.opener.postMessage(data, window.location)
|
|
||||||
}
|
|
||||||
this.isMouseDown = false // 关闭鼠标状态
|
this.isMouseDown = false // 关闭鼠标状态
|
||||||
this.model = ''
|
this.model = ''
|
||||||
this.lesionName = ''
|
this.lesionName = ''
|
||||||
|
|
@ -528,6 +519,9 @@ export default {
|
||||||
x: e.offsetX, // 更新位置
|
x: e.offsetX, // 更新位置
|
||||||
y: e.offsetY
|
y: e.offsetY
|
||||||
}
|
}
|
||||||
|
// 向主窗体发送测量数据
|
||||||
|
var data = { type: 'setMeasurement', data: this.currentDrawData }
|
||||||
|
window.opener.postMessage(data, window.location)
|
||||||
},
|
},
|
||||||
|
|
||||||
// 画标注
|
// 画标注
|
||||||
|
|
@ -576,7 +570,7 @@ export default {
|
||||||
end: { x: e.offsetX, y: e.offsetY }
|
end: { x: e.offsetX, y: e.offsetY }
|
||||||
},
|
},
|
||||||
remark: this.lesionName,
|
remark: this.lesionName,
|
||||||
uuid: `${this.imgId}-${this.lesionName ? this.lesionName : Date.now()}`,
|
uuid: `${this.imgId}-${this.lesionName}`,
|
||||||
toolName: 'ArrowAnnotate',
|
toolName: 'ArrowAnnotate',
|
||||||
toolType: 'ArrowAnnotate'
|
toolType: 'ArrowAnnotate'
|
||||||
}
|
}
|
||||||
|
|
@ -607,7 +601,7 @@ export default {
|
||||||
end: { x: e.offsetX, y: e.offsetY }
|
end: { x: e.offsetX, y: e.offsetY }
|
||||||
},
|
},
|
||||||
remark: this.lesionName,
|
remark: this.lesionName,
|
||||||
uuid: `${this.imgId}-${this.lesionName ? this.lesionName : Date.now()}`,
|
uuid: `${this.imgId}-${this.lesionName}`,
|
||||||
toolName: 'RectangleRoi',
|
toolName: 'RectangleRoi',
|
||||||
toolType: 'RectangleRoi'
|
toolType: 'RectangleRoi'
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -126,7 +126,7 @@ import Contextmenu from 'vue-contextmenujs'
|
||||||
Vue.use(Contextmenu)
|
Vue.use(Contextmenu)
|
||||||
import * as cornerstone from 'cornerstone-core'
|
import * as cornerstone from 'cornerstone-core'
|
||||||
import metaDataProvider from '@/utils/metaDataProvider'
|
import metaDataProvider from '@/utils/metaDataProvider'
|
||||||
|
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
|
||||||
import * as cornerstoneMath from 'cornerstone-math'
|
import * as cornerstoneMath from 'cornerstone-math'
|
||||||
import * as cornerstoneTools from 'cornerstone-tools'
|
import * as cornerstoneTools from 'cornerstone-tools'
|
||||||
const scroll = cornerstoneTools.import('util/scrollToIndex')
|
const scroll = cornerstoneTools.import('util/scrollToIndex')
|
||||||
|
|
@ -1080,7 +1080,6 @@ export default {
|
||||||
// resolve()
|
// resolve()
|
||||||
// })
|
// })
|
||||||
this.loading = true
|
this.loading = true
|
||||||
cornerstone.metaData.addProvider(metaDataProvider, 1);
|
|
||||||
cornerstone.loadAndCacheImage(this.stack.imageIds[this.stack.currentImageIdIndex])
|
cornerstone.loadAndCacheImage(this.stack.imageIds[this.stack.currentImageIdIndex])
|
||||||
.then(async image => {
|
.then(async image => {
|
||||||
if (this.stack.imageIds.indexOf(image.imageId) !== -1) {
|
if (this.stack.imageIds.indexOf(image.imageId) !== -1) {
|
||||||
|
|
@ -1277,6 +1276,7 @@ export default {
|
||||||
'imagePlaneModule',
|
'imagePlaneModule',
|
||||||
enabledElement.image.imageId
|
enabledElement.image.imageId
|
||||||
)
|
)
|
||||||
|
|
||||||
if (!imagePlane || !imagePlane.rowCosines || !imagePlane.columnCosines) {
|
if (!imagePlane || !imagePlane.rowCosines || !imagePlane.columnCosines) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
@ -1615,7 +1615,7 @@ export default {
|
||||||
cornerstoneTools.getToolState(
|
cornerstoneTools.getToolState(
|
||||||
this.canvas,
|
this.canvas,
|
||||||
'playClip'
|
'playClip'
|
||||||
).data[0].loop = true
|
).data[0].loop = false
|
||||||
} else {
|
} else {
|
||||||
cornerstoneTools.stopClip(this.canvas)
|
cornerstoneTools.stopClip(this.canvas)
|
||||||
this.toolState.clipPlaying = false
|
this.toolState.clipPlaying = false
|
||||||
|
|
|
||||||
|
|
@ -91,7 +91,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { submitDicomVisitTask, verifyVisitTaskQuestions } from '@/api/trials'
|
import { submitDicomVisitTask } from '@/api/trials'
|
||||||
import { getCustomTag, submitCustomTag, resetReadingTask } from '@/api/reading'
|
import { getCustomTag, submitCustomTag, resetReadingTask } from '@/api/reading'
|
||||||
import { setSkipReadingCache } from '@/api/reading'
|
import { setSkipReadingCache } from '@/api/reading'
|
||||||
import DicomEvent from './../components/DicomEvent'
|
import DicomEvent from './../components/DicomEvent'
|
||||||
|
|
@ -358,7 +358,6 @@ export default {
|
||||||
async handleConfirm() {
|
async handleConfirm() {
|
||||||
var res = await this.$refs['QuestionsPreview'].handleSave(false)
|
var res = await this.$refs['QuestionsPreview'].handleSave(false)
|
||||||
if (res) {
|
if (res) {
|
||||||
await verifyVisitTaskQuestions({ visitTaskId: this.visitTaskId })
|
|
||||||
const { ImageAssessmentReportConfirmation } = const_.processSignature
|
const { ImageAssessmentReportConfirmation } = const_.processSignature
|
||||||
this.signCode = ImageAssessmentReportConfirmation
|
this.signCode = ImageAssessmentReportConfirmation
|
||||||
this.signVisible = true
|
this.signVisible = true
|
||||||
|
|
|
||||||
|
|
@ -1,48 +1,61 @@
|
||||||
<template>
|
<template>
|
||||||
<div class="criterion-form-item">
|
<div class="criterion-form-item">
|
||||||
<div v-if="!!question.GroupName && question.Type === 'group'"
|
<div
|
||||||
style="font-weight: bold;font-size: 16px;margin: 5px 0px;color:#fff;">
|
v-if="!!question.GroupName && question.Type==='group'"
|
||||||
|
style="font-weight: bold;font-size: 16px;margin: 5px 0px;color:#fff;"
|
||||||
|
>
|
||||||
{{ question.GroupName }}
|
{{ question.GroupName }}
|
||||||
</div>
|
</div>
|
||||||
<div v-if="question.Type === 'table' || question.Type === 'basicTable'"
|
<div
|
||||||
style="font-weight: bold;font-size: 14px;margin: 5px 0px;">
|
v-if="question.Type==='table' || question.Type==='basicTable'"
|
||||||
|
style="font-weight: bold;font-size: 14px;margin: 5px 0px;"
|
||||||
|
>
|
||||||
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
|
<div style="display: flex;justify-content: space-between;align-items: center;color:#fff;margin: 10px 0 5px">
|
||||||
<span :title="question.Remark">{{ question.QuestionName }}</span>
|
<span>{{ question.QuestionName }}</span>
|
||||||
<el-button size="mini" v-if="readingTaskState < 2" @click="openAddTableCol(question)">
|
<el-button size="mini" v-if="readingTaskState<2" @click="openAddTableCol(question)">
|
||||||
{{ $t('common:button:add') }}
|
{{ $t('common:button:add') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
<el-table :data="questionForm[question.Id]">
|
<el-table
|
||||||
|
:data="questionForm[question.Id]">
|
||||||
<el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip>
|
<el-table-column :label="$t('CustomizeQuestionFormItem:label:OrderMark')" width="60px" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ question.OrderMark }}{{ scope.$index + 1 }}
|
{{question.OrderMark}}{{scope.$index + 1}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :prop="item.Id" :label="item.QuestionName" :key="item.Id"
|
<el-table-column
|
||||||
v-for="item of question.TableQuestions.Questions" show-overflow-tooltip :render-header="renderHeader">
|
:prop="item.Id"
|
||||||
|
:label="item.QuestionName"
|
||||||
|
:key="item.Id"
|
||||||
|
v-for="item of question.TableQuestions.Questions"
|
||||||
|
show-overflow-tooltip
|
||||||
|
:render-header="renderHeader"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="item.Type === 'upload'">
|
<span v-if="item.Type === 'upload'">
|
||||||
{{ scope.row[item.Id] === '' ? '' : scope.row[item.Id] ? scope.row[item.Id].split('|').length : '' }}
|
{{scope.row[item.Id] === '' ? '' : scope.row[item.Id] ? scope.row[item.Id].split('|').length : ''}}
|
||||||
</span>
|
</span>
|
||||||
<span v-else-if="item.Type === 'number'">
|
<span v-else-if="item.Type === 'number'">
|
||||||
{{ !isNaN(parseFloat(scope.row[item.Id])) ? parseFloat(scope.row[item.Id]).toFixed(digitPlaces) :
|
{{!isNaN(parseFloat(scope.row[item.Id])) ? parseFloat(scope.row[item.Id]).toFixed(digitPlaces) : scope.row[item.Id]}}
|
||||||
scope.row[item.Id] }}
|
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
{{ scope.row[item.Id] }}
|
{{scope.row[item.Id]}}
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('common:action:action')" show-overflow-tooltip width="100px"
|
<el-table-column
|
||||||
v-if="readingTaskState < 2" fixed="right">
|
:label="$t('common:action:action')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="100px"
|
||||||
|
v-if="readingTaskState < 2"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" size="mini" @click="openAddTableCol(question, scope.$index)">
|
<el-button type="text" size="mini" @click="openAddTableCol(question, scope.$index)">
|
||||||
{{ $t('common:button:edit') }}
|
{{$t('common:button:edit')}}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="text" size="mini"
|
<el-button type="text" size="mini" v-if="scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || IsBaseline" @click="deleteTableCol(question, scope.$index)">
|
||||||
v-if="scope.row.IsCurrentTaskAdd === 'True' || !question.IsCopyLesions || IsBaseline"
|
{{$t('common:button:delete')}}
|
||||||
@click="deleteTableCol(question, scope.$index)">
|
|
||||||
{{ $t('common:button:delete') }}
|
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
@ -50,149 +63,284 @@
|
||||||
</div>
|
</div>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
v-if="(question.ShowQuestion === 1 && question.ParentTriggerValueList.includes(questionForm[question.ParentId])) || question.ShowQuestion === 0"
|
v-if="(question.ShowQuestion===1 && question.ParentTriggerValueList.includes(questionForm[question.ParentId])) || question.ShowQuestion===0"
|
||||||
:label="`${question.QuestionName}`" :title="question.Remark" :prop="question.Id" :rules="[
|
:label="`${question.QuestionName}`"
|
||||||
|
:prop="question.Id"
|
||||||
|
:rules="[
|
||||||
|
{ required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && (question.RelevanceValueList.includes(isNaN(parseFloat(questionForm[question.RelevanceId])) ? questionForm[question.RelevanceId] : questionForm[question.RelevanceId].toString())))) && question.Type!=='group' && question.Type!=='summary',
|
||||||
|
message: $t('common:ruleMessage:specify'), trigger: ['blur', 'change']},
|
||||||
{
|
{
|
||||||
required: (question.IsRequired === 0 || (question.IsRequired === 1 && question.RelevanceId && (question.RelevanceValueList.includes(isNaN(parseFloat(questionForm[question.RelevanceId])) ? questionForm[question.RelevanceId] : questionForm[question.RelevanceId].toString())))) && question.Type !== 'group' && question.Type !== 'summary',
|
validator: question.Type === 'number' && !question.TypeValue ? validatorNumberInput :(rule,value,callback )=>{callback()},
|
||||||
message: $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
|
|
||||||
},
|
|
||||||
{
|
|
||||||
validator: question.Type === 'number' && !question.TypeValue ? validatorNumberInput : (rule, value, callback) => { callback() },
|
|
||||||
trigger: ['blur', 'change']
|
trigger: ['blur', 'change']
|
||||||
}
|
}
|
||||||
]" :class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' ? 'uploadWrapper' : '']">
|
]"
|
||||||
|
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
|
||||||
|
>
|
||||||
<!-- 输入框 -->
|
<!-- 输入框 -->
|
||||||
<el-input v-if="question.Type === 'input'" v-model="questionForm[question.Id]"
|
<el-input
|
||||||
:disabled="question.TableQuestionType === 2 || readingTaskState === 2" />
|
v-if="question.Type==='input'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
:disabled="question.TableQuestionType === 2 || readingTaskState === 2"
|
||||||
|
/>
|
||||||
<!-- 多行文本输入框 -->
|
<!-- 多行文本输入框 -->
|
||||||
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
|
<el-input
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }" :disabled="readingTaskState === 2" />
|
v-if="question.Type==='textarea'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 2, maxRows: 4}"
|
||||||
|
:disabled="readingTaskState === 2"
|
||||||
|
/>
|
||||||
<!-- 下拉框 -->
|
<!-- 下拉框 -->
|
||||||
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
<el-select
|
||||||
|
v-if="question.Type==='select'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
clearable
|
||||||
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && !!question.DictionaryCode || readingTaskState === 2"
|
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && !!question.DictionaryCode || readingTaskState === 2"
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
@change="((val)=>{formItemChange(val, question)})"
|
||||||
|
>
|
||||||
<template v-if="question.TableQuestionType === 1">
|
<template v-if="question.TableQuestionType === 1">
|
||||||
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
<el-option
|
||||||
:value="item[question.DataTableColumn]" />
|
v-for="item in organList"
|
||||||
|
:key="item.Id"
|
||||||
|
:label="item[question.DataTableColumn]"
|
||||||
|
:value="item[question.DataTableColumn]"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else-if="question.TableQuestionType === 3 || question.QuestionGenre === 3">
|
<template v-else-if="question.TableQuestionType === 3 || question.QuestionGenre === 3">
|
||||||
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
|
<el-option
|
||||||
:label="item.label" />
|
v-for="item of $d[question.DictionaryCode]"
|
||||||
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
|
||||||
v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
|
<el-option
|
||||||
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
|
v-for="item of $d[question.DictionaryCode]"
|
||||||
:label="item.label" />
|
:key="item.id"
|
||||||
|
:value="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val.trim()" :label="val.trim()"
|
<el-option
|
||||||
:value="val.trim()" />
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val.trim()"
|
||||||
|
:label="val.trim()"
|
||||||
|
:value="val.trim()"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
</el-select>
|
</el-select>
|
||||||
<!-- 单选 -->
|
<!-- 单选 -->
|
||||||
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
<el-radio-group
|
||||||
@change="((val) => { formItemChange(val, question) })" :disabled="readingTaskState === 2">
|
v-if="question.Type==='radio'"
|
||||||
<el-radio v-for="val in question.TypeValue.split('|')" :key="val.trim()" :label="val.trim()">
|
v-model="questionForm[question.Id]"
|
||||||
|
@change="((val)=>{formItemChange(val, question)})"
|
||||||
|
:disabled="readingTaskState === 2"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val.trim()"
|
||||||
|
:label="val.trim()"
|
||||||
|
>
|
||||||
{{ val.trim() }}
|
{{ val.trim() }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<!-- 复选框 -->
|
<!-- 复选框 -->
|
||||||
<el-checkbox-group v-if="question.Type === 'checkbox'" v-model="questionForm[question.Id]"
|
<el-checkbox-group
|
||||||
:disabled="readingTaskState === 2">
|
v-if="question.Type==='checkbox'"
|
||||||
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()">
|
v-model="questionForm[question.Id]"
|
||||||
|
:disabled="readingTaskState === 2"
|
||||||
|
>
|
||||||
|
<el-checkbox
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val.trim()"
|
||||||
|
>
|
||||||
{{ val.trim() }}
|
{{ val.trim() }}
|
||||||
</el-checkbox>
|
</el-checkbox>
|
||||||
</el-checkbox-group>
|
</el-checkbox-group>
|
||||||
<!-- 自动分类 -->
|
<!-- 自动分类 -->
|
||||||
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 1"
|
<el-input
|
||||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType || readingTaskState === 2" />
|
v-if="question.Type === 'class' && question.ClassifyShowType === 1"
|
||||||
<el-select v-if="question.Type === 'class' && question.ClassifyShowType === 2"
|
v-model="questionForm[question.Id]"
|
||||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType || readingTaskState === 2"
|
:disabled="!question.ClassifyEditType || readingTaskState === 2"
|
||||||
@change="(val) => { formItemChange(val, question) }">
|
/>
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
<el-select
|
||||||
|
v-if="question.Type === 'class' && question.ClassifyShowType === 2"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
:disabled="!question.ClassifyEditType || readingTaskState === 2"
|
||||||
|
@change="(val) => { formItemChange(val, question) }"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val.trim()"
|
||||||
|
:value="val.trim()"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
<el-radio-group
|
||||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType || readingTaskState === 2"
|
v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
||||||
@change="(val) => { formItemChange(val, question) }">
|
v-model="questionForm[question.Id]"
|
||||||
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
|
:disabled="!question.ClassifyEditType || readingTaskState === 2"
|
||||||
|
@change="(val) => { formItemChange(val, question) }"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
v-for="item of question.TypeValue.split('|')"
|
||||||
|
:key="item.trim()"
|
||||||
|
:label="item.trim()"
|
||||||
|
>
|
||||||
{{ item.trim() }}
|
{{ item.trim() }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 4" type="number"
|
<el-input
|
||||||
:disabled="!question.ClassifyEditType || readingTaskState === 2" v-model="questionForm[question.Id]"
|
v-if="question.Type === 'class' && question.ClassifyShowType === 4"
|
||||||
@change="(val) => { formItemNumberChange(val, question) }" />
|
type="number"
|
||||||
|
:disabled="!question.ClassifyEditType || readingTaskState === 2"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
@change="(val) => { formItemNumberChange(val, question) }"
|
||||||
|
/>
|
||||||
<!-- 自动计算 -->
|
<!-- 自动计算 -->
|
||||||
<!-- :precision="2" :step="0.1" :max="10" -->
|
<!-- :precision="2" :step="0.1" :max="10" -->
|
||||||
<el-input v-if="question.Type === 'calculation'" v-model="questionForm[question.Id]"
|
<el-input
|
||||||
@input="value = value.replace(/^\D*(\d*(?:.\d{0,2})?).*$/g, '$1')" disabled />
|
v-if="question.Type==='calculation'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
@input="value=value.replace(/^\D*(\d*(?:.\d{0,2})?).*$/g, '$1')"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
<!-- 自增 -->
|
<!-- 自增 -->
|
||||||
<el-input v-if="question.Type === 'increment'" v-model="questionForm[question.Id]" disabled />
|
<el-input
|
||||||
|
v-if="question.Type==='increment'"
|
||||||
|
v-model="questionForm[question.Id]"
|
||||||
|
disabled
|
||||||
|
/>
|
||||||
<!-- 数值 -->
|
<!-- 数值 -->
|
||||||
<!-- :precision="2" :step="0.1" :max="10" -->
|
<!-- :precision="2" :step="0.1" :max="10" -->
|
||||||
<el-select v-if="question.Type === 'number' && question.TypeValue" v-model="questionForm[question.Id]" clearable
|
<el-select
|
||||||
@change="(val) => { formItemNumberChange(val, question) }" :disabled="readingTaskState === 2">
|
v-if="question.Type === 'number' && question.TypeValue"
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
v-model="questionForm[question.Id]"
|
||||||
<template v-if="question.Unit !== 0" slot="prefix">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
clearable
|
||||||
question.CustomUnit }}</template>
|
@change="(val) => { formItemNumberChange(val, question) }"
|
||||||
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
:disabled="readingTaskState === 2"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="val in question.TypeValue.split('|')"
|
||||||
|
:key="val"
|
||||||
|
:label="val.trim()"
|
||||||
|
:value="val.trim()"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-input type="text" v-if="question.Type === 'number' && !question.TypeValue && question.DataSource !== 1"
|
<el-input
|
||||||
@change="(val) => { formItemNumberChange(val, question) }" @input="numberInput(question.Id)"
|
type="text"
|
||||||
|
v-if="question.Type === 'number' && !question.TypeValue && question.DataSource !== 1"
|
||||||
|
@change="(val) => { formItemNumberChange(val, question) }"
|
||||||
|
@input="numberInput(question.Id)"
|
||||||
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
|
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
|
||||||
v-model.trim="questionForm[question.Id]" :disabled="readingTaskState === 2">
|
v-model.trim="questionForm[question.Id]"
|
||||||
|
:disabled="readingTaskState === 2"
|
||||||
|
>
|
||||||
<!-- <template slot="append">1</template> -->
|
<!-- <template slot="append">1</template> -->
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
|
||||||
question.CustomUnit }}</template>
|
|
||||||
<template slot="append" v-else-if="question.ValueType === 2">%</template>
|
<template slot="append" v-else-if="question.ValueType === 2">%</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<el-input type="text" @input="numberInput(question.Id)"
|
<el-input
|
||||||
|
type="text"
|
||||||
|
@input="numberInput(question.Id)"
|
||||||
v-if="question.Type === 'number' && !question.TypeValue && question.DataSource === 1"
|
v-if="question.Type === 'number' && !question.TypeValue && question.DataSource === 1"
|
||||||
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
|
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)"
|
||||||
:disabled="question.DataSource === 1 || readingTaskState === 2" v-model.trim="questionForm[question.Id]">
|
:disabled="question.DataSource === 1 || readingTaskState === 2"
|
||||||
|
v-model.trim="questionForm[question.Id]"
|
||||||
|
>
|
||||||
<!-- <template slot="append">2</template> -->
|
<!-- <template slot="append">2</template> -->
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
|
||||||
question.CustomUnit }}</template>
|
|
||||||
<template slot="append" v-else-if="question.ValueType === 2">%</template>
|
<template slot="append" v-else-if="question.ValueType === 2">%</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<!-- 上传图像 -->
|
<!-- 上传图像 -->
|
||||||
<el-upload v-if="question.Type === 'upload'" :disabled="readingTaskState === 2" action
|
<el-upload
|
||||||
:accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
v-if="question.Type==='upload'"
|
||||||
|
:disabled="readingTaskState === 2"
|
||||||
|
action
|
||||||
|
:accept="question.FileType"
|
||||||
|
:limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
||||||
:on-preview="handlePictureCardPreview"
|
:on-preview="handlePictureCardPreview"
|
||||||
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType) }"
|
:before-upload="(file) => {return handleBeforeUpload(file, question.FileType)}"
|
||||||
:http-request="uploadScreenshot" :on-remove="handleRemove" :file-list="fileList"
|
:http-request="uploadScreenshot"
|
||||||
:class="{ disabled: question.ImageCount === 0 ? false : fileList.length >= question.ImageCount }">
|
:on-remove="handleRemove"
|
||||||
|
:file-list="fileList"
|
||||||
|
:class="{disabled:question.ImageCount === 0 ? false : fileList.length >= question.ImageCount}"
|
||||||
|
>
|
||||||
<el-button slot="default" class="el-icon-plus" v-if="readingTaskState < 2">
|
<el-button slot="default" class="el-icon-plus" v-if="readingTaskState < 2">
|
||||||
{{ this.$t('common:button:upload') }}
|
{{this.$t('common:button:upload')}}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
<viewer v-if="question.Type === 'upload' && imgVisible" :ref="imageUrl" style="margin:0 10px;"
|
<viewer
|
||||||
:images="[imageUrl]">
|
v-if="question.Type==='upload' && imgVisible"
|
||||||
<img v-show="false" crossorigin="anonymous" :src="imageUrl" alt="Image">
|
:ref="imageUrl"
|
||||||
|
style="margin:0 10px;"
|
||||||
|
:images="[imageUrl]"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
v-show="false"
|
||||||
|
crossorigin="anonymous"
|
||||||
|
:src="imageUrl"
|
||||||
|
alt="Image"
|
||||||
|
>
|
||||||
</viewer>
|
</viewer>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<template
|
<template v-if="question.Childrens && question.Childrens.length>0 && question.Type !== 'table' && question.Type !== 'basicTable'">
|
||||||
v-if="question.Childrens && question.Childrens.length > 0 && question.Type !== 'table' && question.Type !== 'basicTable'">
|
<CustomizeQuestionFormItem
|
||||||
<CustomizeQuestionFormItem v-for="(item) in question.Childrens" :key="item.Id" :question="item"
|
v-for="(item) in question.Childrens"
|
||||||
:IsBaseline="IsBaseline" :reading-task-state="readingTaskState" :question-form="questionForm"
|
:key="item.Id"
|
||||||
:visit-task-id="visitTaskId" :criterion-id="criterionId" :CalculationList="CalculationList"
|
:question="item"
|
||||||
@formItemNumberChange="formItemNumberChange" @setFormItemData="setFormItemData"
|
:IsBaseline="IsBaseline"
|
||||||
@resetFormItemData="resetFormItemData" />
|
:reading-task-state="readingTaskState"
|
||||||
|
:question-form="questionForm"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:criterion-id="criterionId"
|
||||||
|
:CalculationList="CalculationList"
|
||||||
|
@formItemNumberChange="formItemNumberChange"
|
||||||
|
@setFormItemData="setFormItemData"
|
||||||
|
@resetFormItemData="resetFormItemData"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<base-model :config="addOrEdit" class="my_dialog" :close-on-click-modal="false" width="400px" append-to-body>
|
<base-model :config="addOrEdit"
|
||||||
|
class="my_dialog"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="400px"
|
||||||
|
append-to-body
|
||||||
|
>
|
||||||
<template slot="dialog-body">
|
<template slot="dialog-body">
|
||||||
<el-form ref="tableQsForm" :model="QuestionsForm" v-loading="loading" size="small">
|
<el-form
|
||||||
<QuestionTableFormItem v-for="(item) in QuestionsList" :key="item.Id" :question="item"
|
ref="tableQsForm"
|
||||||
:IsBaseline="IsBaseline" :reading-task-state="readingTaskState" :question-form="QuestionsForm"
|
:model="QuestionsForm"
|
||||||
:visit-task-id="visitTaskId" :criterion-id="criterionId" :type="addOrEdit.type"
|
v-loading="loading"
|
||||||
:CalculationList="CalculationTabelList" @formItemTableNumberChange="formItemTableNumberChange"
|
size="small"
|
||||||
@resetFormItemData="resetTableFormItemData" @setFormItemData="setFormTableItemData" />
|
>
|
||||||
|
<QuestionTableFormItem
|
||||||
|
v-for="(item) in QuestionsList"
|
||||||
|
:key="item.Id"
|
||||||
|
:question="item"
|
||||||
|
:IsBaseline="IsBaseline"
|
||||||
|
:reading-task-state="readingTaskState"
|
||||||
|
:question-form="QuestionsForm"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:criterion-id="criterionId"
|
||||||
|
:type="addOrEdit.type"
|
||||||
|
:CalculationList="CalculationTabelList"
|
||||||
|
@formItemTableNumberChange="formItemTableNumberChange"
|
||||||
|
@resetFormItemData="resetTableFormItemData"
|
||||||
|
@setFormItemData="setFormTableItemData"
|
||||||
|
/>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<template slot="dialog-footer">
|
<template slot="dialog-footer">
|
||||||
<el-button size="small" @click="addOrEdit.visible = false">
|
<el-button
|
||||||
|
size="small"
|
||||||
|
@click="addOrEdit.visible = false"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
|
|
@ -202,10 +350,23 @@
|
||||||
</template>
|
</template>
|
||||||
</base-model>
|
</base-model>
|
||||||
<!-- 预览文件 -->
|
<!-- 预览文件 -->
|
||||||
<el-dialog v-if="previewVisible" :visible.sync="previewVisible" :title="$t('common:button:preview')"
|
<el-dialog
|
||||||
:fullscreen="true" append-to-body custom-class="base-dialog-wrapper">
|
v-if="previewVisible"
|
||||||
<div class="base-modal-body" style="border: 2px solid #ccc; padding: 10px">
|
:visible.sync="previewVisible"
|
||||||
<PreviewFile v-if="previewVisible" :file-path="currentPath" :file-type="currentType" />
|
:title="$t('common:button:preview')"
|
||||||
|
:fullscreen="true"
|
||||||
|
append-to-body
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="base-modal-body"
|
||||||
|
style="border: 2px solid #ccc; padding: 10px"
|
||||||
|
>
|
||||||
|
<PreviewFile
|
||||||
|
v-if="previewVisible"
|
||||||
|
:file-path="currentPath"
|
||||||
|
:file-type="currentType"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -357,7 +518,7 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
if (!reg.test(value)) {
|
if (!reg.test(value)) {
|
||||||
callback(new Error(this.$t('trials:reading:ruleMessage:validatorNumberInput')));
|
callback(new Error(this.$t('trials:reading:ruleMessage:validatorNumberInput')));
|
||||||
} else {
|
}else{
|
||||||
callback();
|
callback();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -371,7 +532,7 @@ export default {
|
||||||
},
|
},
|
||||||
handleBlur(value, a, b) {
|
handleBlur(value, a, b) {
|
||||||
if (!value) return false
|
if (!value) return false
|
||||||
if (!isNaN(parseFloat(value))) {
|
if(!isNaN(parseFloat(value))) {
|
||||||
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -392,7 +553,7 @@ export default {
|
||||||
this.AnswersList = row.TableQuestions.Answers
|
this.AnswersList = row.TableQuestions.Answers
|
||||||
var index = this.AnswersList.findIndex(v => v.RowId === RowId)
|
var index = this.AnswersList.findIndex(v => v.RowId === RowId)
|
||||||
this.AnswersList.splice(index, 1)
|
this.AnswersList.splice(index, 1)
|
||||||
this.$emit('setFormItemData', { key: this.question.Id, val: this.AnswersList, question: this.question })
|
this.$emit('setFormItemData', {key: this.question.Id, val: this.AnswersList, question: this.question})
|
||||||
this.formItemNumberChange(this.question.Id, true)
|
this.formItemNumberChange(this.question.Id, true)
|
||||||
}
|
}
|
||||||
loading.close()
|
loading.close()
|
||||||
|
|
@ -404,7 +565,7 @@ export default {
|
||||||
},
|
},
|
||||||
setFormTableItemData(obj) {
|
setFormTableItemData(obj) {
|
||||||
this.$set(this.QuestionsForm, obj.key, obj.val)
|
this.$set(this.QuestionsForm, obj.key, obj.val)
|
||||||
this.classArr.map(i => {
|
this.classArr.map(i=>{
|
||||||
if (i.triggerId === obj.key) {
|
if (i.triggerId === obj.key) {
|
||||||
let answer = null
|
let answer = null
|
||||||
let list = JSON.parse(i.classifyAlgorithms)
|
let list = JSON.parse(i.classifyAlgorithms)
|
||||||
|
|
@ -519,8 +680,8 @@ export default {
|
||||||
var index = this.AnswersList.findIndex(v => v.RowId === this.QuestionsForm.RowId)
|
var index = this.AnswersList.findIndex(v => v.RowId === this.QuestionsForm.RowId)
|
||||||
this.AnswersList.splice(index, 1, this.QuestionsForm)
|
this.AnswersList.splice(index, 1, this.QuestionsForm)
|
||||||
}
|
}
|
||||||
console.log({ key: this.question.Id, val: this.AnswersList, question: this.question })
|
console.log({key: this.question.Id, val: this.AnswersList, question: this.question})
|
||||||
this.$emit('setFormItemData', { key: this.question.Id, val: this.AnswersList, question: this.question })
|
this.$emit('setFormItemData', {key: this.question.Id, val: this.AnswersList, question: this.question})
|
||||||
this.formItemNumberChange(this.question.Id, true)
|
this.formItemNumberChange(this.question.Id, true)
|
||||||
this.addOrEdit.visible = false
|
this.addOrEdit.visible = false
|
||||||
})
|
})
|
||||||
|
|
@ -551,9 +712,6 @@ export default {
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
if (q[o.TableQuestionId] === 'NE') {
|
||||||
isNE = true
|
isNE = true
|
||||||
}
|
}
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
break;
|
break;
|
||||||
case 6:
|
case 6:
|
||||||
|
|
@ -568,9 +726,6 @@ export default {
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
if (q[o.TableQuestionId] === 'NE') {
|
||||||
isNE = true
|
isNE = true
|
||||||
}
|
}
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
break;
|
break;
|
||||||
case 7:
|
case 7:
|
||||||
|
|
@ -585,9 +740,6 @@ export default {
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
if (q[o.TableQuestionId] === 'NE') {
|
||||||
isNE = true
|
isNE = true
|
||||||
}
|
}
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
num = this.questionForm[o.QuestionId].length === 0 ? 0 : num / this.questionForm[o.QuestionId].length
|
num = this.questionForm[o.QuestionId].length === 0 ? 0 : num / this.questionForm[o.QuestionId].length
|
||||||
break;
|
break;
|
||||||
|
|
@ -625,9 +777,6 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (this.questionForm[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
switch (rules.CustomCalculateMark) {
|
switch (rules.CustomCalculateMark) {
|
||||||
case 1:
|
case 1:
|
||||||
if (isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
if (isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
||||||
|
|
@ -844,9 +993,9 @@ export default {
|
||||||
this.addOrEdit.visible = true
|
this.addOrEdit.visible = true
|
||||||
this.addOrEdit.title = row.QuestionName + this.$t('trials:readingUnit:qsList:title:tableQs')
|
this.addOrEdit.title = row.QuestionName + this.$t('trials:readingUnit:qsList:title:tableQs')
|
||||||
this.QuestionsList = row.TableQuestions.Questions
|
this.QuestionsList = row.TableQuestions.Questions
|
||||||
row.TableQuestions.Questions.map(v => {
|
row.TableQuestions.Questions.map(v=>{
|
||||||
if (v.Type === 'class') {
|
if (v.Type === 'class') {
|
||||||
this.classArr.push({ triggerId: v.ClassifyTableQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType })
|
this.classArr.push({triggerId: v.ClassifyTableQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.AnswersList = row.TableQuestions.Answers
|
this.AnswersList = row.TableQuestions.Answers
|
||||||
|
|
@ -955,17 +1104,17 @@ export default {
|
||||||
},
|
},
|
||||||
// 预览图片
|
// 预览图片
|
||||||
handlePictureCardPreview(file) {
|
handlePictureCardPreview(file) {
|
||||||
var suffix = file.url.substring(file.url.lastIndexOf(".") + 1)
|
var suffix = file.url.substring(file.url.lastIndexOf(".")+1)
|
||||||
suffix = suffix ? suffix.toLowerCase() : ''
|
suffix = suffix ? suffix.toLowerCase() : ''
|
||||||
if (suffix === 'doc' || suffix === 'docx' || suffix === 'pdf') {
|
if (suffix === 'doc' || suffix === 'docx' || suffix === 'pdf'){
|
||||||
// window.open(this.OSSclientConfig.basePath + file.url,'_blank')
|
// window.open(this.OSSclientConfig.basePath + file.url,'_blank')
|
||||||
this.currentPath = file.url
|
this.currentPath = file.url
|
||||||
this.currentType = suffix
|
this.currentType = suffix
|
||||||
this.previewVisible = true
|
this.previewVisible = true
|
||||||
} else {
|
}else{
|
||||||
this.imageUrl = this.OSSclientConfig.basePath + file.url
|
this.imageUrl = this.OSSclientConfig.basePath + file.url
|
||||||
this.imgVisible = true
|
this.imgVisible = true
|
||||||
this.$nextTick(() => {
|
this.$nextTick(()=>{
|
||||||
this.$refs[this.imageUrl].$viewer.show()
|
this.$refs[this.imageUrl].$viewer.show()
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
@ -975,8 +1124,8 @@ export default {
|
||||||
if (file && file.status === "success") {
|
if (file && file.status === "success") {
|
||||||
this.imageUrl = ''
|
this.imageUrl = ''
|
||||||
this.fileList.splice(this.fileList.findIndex(f => f.url === file.url), 1)
|
this.fileList.splice(this.fileList.findIndex(f => f.url === file.url), 1)
|
||||||
this.fileList.forEach((i, index) => {
|
this.fileList.forEach((i,index)=>{
|
||||||
i.name = `${this.$t('trials:emailManageCfg:title:fileName')}${index + 1}`
|
i.name = `${this.$t('trials:emailManageCfg:title:fileName')}${index+ 1}`
|
||||||
})
|
})
|
||||||
this.urls.splice(this.fileList.findIndex(f => f === file.url), 1)
|
this.urls.splice(this.fileList.findIndex(f => f === file.url), 1)
|
||||||
this.$emit('setFormItemData', { key: this.question.Id, val: this.urls.length > 0 ? this.urls.join('|') : '', question: this.question })
|
this.$emit('setFormItemData', { key: this.question.Id, val: this.urls.length > 0 ? this.urls.join('|') : '', question: this.question })
|
||||||
|
|
@ -987,14 +1136,12 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.my_dialog {
|
.my_dialog{
|
||||||
.criterion-form-item {
|
.criterion-form-item{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
::v-deep .el-form-item__content{
|
||||||
::v-deep .el-form-item__content {
|
|
||||||
width: auto;
|
width: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
//::v-deep .el-input-goup__append{
|
//::v-deep .el-input-goup__append{
|
||||||
// background-color: transparent;
|
// background-color: transparent;
|
||||||
// color: #ddd;
|
// color: #ddd;
|
||||||
|
|
@ -1002,88 +1149,63 @@ export default {
|
||||||
//}
|
//}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
::v-deep .el-form-item__label{
|
||||||
::v-deep .el-select .el-input__prefix {
|
|
||||||
left: calc(100% - 50px);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-select .el-input__inner {
|
|
||||||
padding-left: 15px;
|
|
||||||
padding-right: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-form-item__label {
|
|
||||||
color: #c3c3c3;
|
color: #c3c3c3;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-radio__label{
|
||||||
::v-deep .el-radio__label {
|
|
||||||
color: #c3c3c3;
|
color: #c3c3c3;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-input-group__append{
|
||||||
::v-deep .el-input-group__append {
|
|
||||||
background: #000;
|
background: #000;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
border: 1px solid #5e5e5e;
|
border: 1px solid #5e5e5e;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-input .el-input__inner{
|
||||||
::v-deep .el-input .el-input__inner {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
border: 1px solid #5e5e5e;
|
border: 1px solid #5e5e5e;
|
||||||
}
|
}
|
||||||
|
.criterion-form-item{
|
||||||
.criterion-form-item {
|
::v-deep .criterion-form-item .el-form-item{
|
||||||
::v-deep .criterion-form-item .el-form-item {
|
|
||||||
display: block;
|
display: block;
|
||||||
|
.el-form-item__label{
|
||||||
.el-form-item__label {
|
|
||||||
display: block;
|
display: block;
|
||||||
color: #c8c8c8;
|
color: #c8c8c8;
|
||||||
float: none;
|
float: none;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.el-form-item{
|
||||||
.el-form-item {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
|
.el-input{
|
||||||
.el-input {
|
width:100%;
|
||||||
width: 100%;
|
|
||||||
}
|
}
|
||||||
|
.mb{
|
||||||
.mb {
|
|
||||||
margin-bottom: 0px;
|
margin-bottom: 0px;
|
||||||
}
|
}
|
||||||
|
.disabled{
|
||||||
.disabled {
|
|
||||||
::v-deep .el-upload--picture-card {
|
::v-deep .el-upload--picture-card {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.uploadWrapper{
|
||||||
.uploadWrapper {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table__body-wrapper::-webkit-scrollbar {
|
|
||||||
height: 10px !important;
|
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table__body-wrapper::-webkit-scrollbar{
|
||||||
::v-deep .el-table__fixed-right::before {
|
height: 10px!important;
|
||||||
|
}
|
||||||
|
::v-deep .el-table__fixed-right::before{
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-upload-list__item-name{
|
||||||
::v-deep .el-upload-list__item-name {
|
|
||||||
color: #0a84ff;
|
color: #0a84ff;
|
||||||
|
.el-icon-document{
|
||||||
.el-icon-document {
|
|
||||||
color: #0a84ff;
|
color: #0a84ff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<div class="criterion-form-item">
|
<div class="criterion-form-item">
|
||||||
<el-form-item
|
<el-form-item
|
||||||
v-if="(question.ShowQuestion === 1 && !!~question.ParentTriggerValueList.indexOf(questionForm[question.ParentId])) || question.ShowQuestion === 0"
|
v-if="(question.ShowQuestion === 1 && !!~question.ParentTriggerValueList.indexOf(questionForm[question.ParentId])) || question.ShowQuestion === 0"
|
||||||
:label="`${question.QuestionName}`" :prop="question.Id" :title="question.Remark" :rules="[
|
:label="`${question.QuestionName}`" :prop="question.Id" :rules="[
|
||||||
{
|
{
|
||||||
required: (question.IsRequired === 0 || (question.IsRequired === 1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))) && question.Type !== 'group' && question.Type !== 'summary',
|
required: (question.IsRequired === 0 || (question.IsRequired === 1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))) && question.Type !== 'group' && question.Type !== 'summary',
|
||||||
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']
|
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']
|
||||||
|
|
@ -83,9 +83,6 @@
|
||||||
@change="(val) => { formItemNumberChange(val, question) }"
|
@change="(val) => { formItemNumberChange(val, question) }"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')">
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')">
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
||||||
<template v-if="question.Unit !== 0" slot="prefix">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
|
||||||
question.CustomUnit }}</template>
|
|
||||||
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
||||||
|
|
@ -453,8 +450,7 @@ export default {
|
||||||
return num.toFixed(this.digitPlaces)
|
return num.toFixed(this.digitPlaces)
|
||||||
},
|
},
|
||||||
formItemNumberChange(v, question) {
|
formItemNumberChange(v, question) {
|
||||||
this.$emit('formItemTableNumberChange')
|
this.$emit('formItemTableNumberChange', v, question)
|
||||||
this.$emit('setFormItemData', { key: question.Id, val: v, question: question })
|
|
||||||
// this.$emit('formItemTableNumberChange', v, question)
|
// this.$emit('formItemTableNumberChange', v, question)
|
||||||
},
|
},
|
||||||
resetChild(obj) {
|
resetChild(obj) {
|
||||||
|
|
@ -544,16 +540,6 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-select .el-input__prefix {
|
|
||||||
left: calc(100% - 50px);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-select .el-input__inner {
|
|
||||||
padding-left: 15px;
|
|
||||||
padding-right: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.criterion-form-item {
|
.criterion-form-item {
|
||||||
.el-form-item {
|
.el-form-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
|
||||||
|
|
@ -233,7 +233,9 @@ export default {
|
||||||
this.questionForm[v] = ''
|
this.questionForm[v] = ''
|
||||||
},
|
},
|
||||||
setFormItemData(obj) {
|
setFormItemData(obj) {
|
||||||
|
console.log('setFormItemData', obj)
|
||||||
this.$set(this.questionForm, obj.key, JSON.parse(JSON.stringify(obj.val)))
|
this.$set(this.questionForm, obj.key, JSON.parse(JSON.stringify(obj.val)))
|
||||||
|
console.log(this.questionForm)
|
||||||
this.classArr.map(i=>{
|
this.classArr.map(i=>{
|
||||||
if (i.triggerId === obj.key) {
|
if (i.triggerId === obj.key) {
|
||||||
let answer = null
|
let answer = null
|
||||||
|
|
|
||||||
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<div ref="container" style="width:100%;height:100%" class="dicom-container">
|
<div ref="container" style="width:100%;height:100%" class="dicom-container">
|
||||||
<!-- 访视阅片 -->
|
<!-- 访视阅片 -->
|
||||||
<div v-if="readingCategory === 1 && (CriterionType === 7 || ((CriterionType === 1 || CriterionType === 0) && readingVersionEnum === 1)) " class="reading-wrapper">
|
<div v-if="readingCategory=== 1 && (CriterionType === 7 || ((CriterionType === 1 || CriterionType === 0) && readingVersionEnum === 1)) " class="reading-wrapper">
|
||||||
<VisitReview :reading-tool="readingTool" />
|
<VisitReview :reading-tool="readingTool" />
|
||||||
</div>
|
</div>
|
||||||
<div v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory=== 1 && CriterionType !== 0" class="reading-wrapper">
|
<div v-else-if="(isReadingTaskViewInOrder === 1 || ((isReadingTaskViewInOrder !== 1) && isShow)) && readingCategory=== 1 && CriterionType !== 0" class="reading-wrapper">
|
||||||
|
|
|
||||||
|
|
@ -799,7 +799,6 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: default !important;
|
|
||||||
|
|
||||||
.left-top-text {
|
.left-top-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -8,24 +8,35 @@
|
||||||
<span style="margin-left:5px;">{{ visitInfo.TaskBlindName }}</span>
|
<span style="margin-left:5px;">{{ visitInfo.TaskBlindName }}</span>
|
||||||
</h3>
|
</h3>
|
||||||
<div v-if="readingTaskState < 2">
|
<div v-if="readingTaskState < 2">
|
||||||
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')"
|
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')" placement="bottom">
|
||||||
placement="bottom">
|
<i
|
||||||
<i class="el-icon-refresh-left" @click="resetForm" />
|
class="el-icon-refresh-left"
|
||||||
|
@click="resetForm"
|
||||||
|
/>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 影像质量评估 -->
|
<!-- 影像质量评估 -->
|
||||||
<div v-if="outerQuestions.length > 0" class="outer_form_wrapper">
|
<div v-if="outerQuestions.length > 0" class="outer_form_wrapper">
|
||||||
<el-form ref="outerForm" size="small" :model="outerForm">
|
<el-form
|
||||||
<question-form-item v-for="outerQs in outerQuestions" :key="outerQs.Id" :question="outerQs"
|
ref="outerForm"
|
||||||
:question-form="outerForm" :reading-task-state="readingTaskState" :visit-task-id="visitTaskId"
|
size="small"
|
||||||
@resetFormItemData="resetOuterFormItemData" @setFormItemData="setOuterFormItemData" />
|
:model="outerForm"
|
||||||
|
>
|
||||||
|
<question-form-item
|
||||||
|
v-for="outerQs in outerQuestions"
|
||||||
|
:key="outerQs.Id"
|
||||||
|
:question="outerQs"
|
||||||
|
:question-form="outerForm"
|
||||||
|
:reading-task-state="readingTaskState"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
@resetFormItemData="resetOuterFormItemData"
|
||||||
|
@setFormItemData="setOuterFormItemData"
|
||||||
|
/>
|
||||||
<el-form-item v-if="readingTaskState < 2">
|
<el-form-item v-if="readingTaskState < 2">
|
||||||
<div class="outer_form-footer">
|
<div class="outer_form-footer">
|
||||||
<i class="el-icon-warning feedback-icon"
|
<i class="el-icon-warning feedback-icon" :style="{color: taskInfo && taskInfo.IsExistUnprocessedFeedback ? '#ffeb3b' : '#fff'}" @click="openFeedBackTable" />
|
||||||
:style="{ color: taskInfo && taskInfo.IsExistUnprocessedFeedback ? '#ffeb3b' : '#fff' }"
|
|
||||||
@click="openFeedBackTable" />
|
|
||||||
<el-button size="mini" @click="saveOuterForm">{{ $t('common:button:save') }}</el-button>
|
<el-button size="mini" @click="saveOuterForm">{{ $t('common:button:save') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -33,116 +44,146 @@
|
||||||
</div>
|
</div>
|
||||||
<!-- 病灶评估 -->
|
<!-- 病灶评估 -->
|
||||||
<template v-if="tableQuestions.length > 0 && criterionType !== 10">
|
<template v-if="tableQuestions.length > 0 && criterionType !== 10">
|
||||||
<div v-for="(qs, index) in tableQuestions" :key="index" class="lesions lesions_wrapper">
|
<div
|
||||||
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
|
v-for="(qs,index) in tableQuestions"
|
||||||
{{ language === 'en' ? qs.GroupEnName : qs.GroupName }}
|
:key="index"
|
||||||
|
class="lesions lesions_wrapper"
|
||||||
|
>
|
||||||
|
<h4
|
||||||
|
v-if="qs.Type === 'group'"
|
||||||
|
style="color: #ddd;padding: 5px 0px;margin: 0;"
|
||||||
|
>
|
||||||
|
{{ language==='en'?qs.GroupEnName:qs.GroupName }}
|
||||||
</h4>
|
</h4>
|
||||||
<div class="lesion_list">
|
<div class="lesion_list">
|
||||||
<div v-for="table in qs.Childrens" v-show="!(isBaseLineTask && table.LesionType === 2)" :key="table.Id">
|
<div
|
||||||
<div v-if="table.Type === 'table'" class="flex-row" style="margin:3px 0;">
|
v-for="table in qs.Childrens"
|
||||||
|
v-show="!(isBaseLineTask && table.LesionType === 2)"
|
||||||
|
:key="table.Id"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
v-if="table.Type === 'table'"
|
||||||
|
class="flex-row"
|
||||||
|
style="margin:3px 0;"
|
||||||
|
>
|
||||||
<div class="title">{{ table.QuestionName }}</div>
|
<div class="title">{{ table.QuestionName }}</div>
|
||||||
<div v-if="readingTaskState < 2 && (isBaseLineTask || table.LesionType === 2)" class="add-icon"
|
<div
|
||||||
@click.prevent="addTarget(table)">
|
v-if="readingTaskState<2 && (isBaseLineTask || table.LesionType === 2)"
|
||||||
|
class="add-icon"
|
||||||
|
@click.prevent="addTarget(table)"
|
||||||
|
>
|
||||||
<i class="el-icon-plus" />
|
<i class="el-icon-plus" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<el-collapse v-if="table.Type === 'table' && table.TableQuestions" v-model="activeName" accordion
|
<el-collapse
|
||||||
@change="handleCollapseChange">
|
v-if="table.Type === 'table' && table.TableQuestions"
|
||||||
<el-collapse-item v-for="(answer, i) in table.TableQuestions.Answers"
|
v-model="activeName"
|
||||||
:key="`${table.Id}_${answer.RowIndex}`" :name="`${table.Id}_${answer.RowIndex}`"
|
accordion
|
||||||
@contextmenu.prevent.native="collapseRightClick($event, table.Id, answer.RowIndex)">
|
@change="handleCollapseChange"
|
||||||
|
>
|
||||||
|
<el-collapse-item
|
||||||
|
v-for="(answer,i) in table.TableQuestions.Answers"
|
||||||
|
:key="`${table.Id}_${answer.RowIndex}`"
|
||||||
|
:name="`${table.Id}_${answer.RowIndex}`"
|
||||||
|
@contextmenu.prevent.native="collapseRightClick($event, table.Id, answer.RowIndex)"
|
||||||
|
>
|
||||||
<template slot="title">
|
<template slot="title">
|
||||||
<div style="width:340px;position: relative;"
|
<div
|
||||||
:style="{ color: (activeName === table.Id + answer.RowIndex ? '#ffeb3b' : '#fff') }">
|
style="width:340px;position: relative;"
|
||||||
{{ getLesionName(table.OrderMark, answer.RowIndex) }}
|
:style="{color:(activeName===table.Id+answer.RowIndex?'#ffeb3b':'#fff')}"
|
||||||
|
>
|
||||||
|
{{ getLesionName(table.OrderMark,answer.RowIndex) }}
|
||||||
<!-- 未保存 -->
|
<!-- 未保存 -->
|
||||||
<el-tooltip
|
<el-tooltip v-if="readingTaskState<2 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].SaveTypeEnum) === 0" class="item" effect="dark" :content="$t('trials:reading:button:unsaved')" placement="bottom">
|
||||||
v-if="readingTaskState < 2 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].SaveTypeEnum) === 0"
|
|
||||||
class="item" effect="dark" :content="$t('trials:reading:button:unsaved')" placement="bottom">
|
|
||||||
<i class="el-icon-warning" style="color:red" />
|
<i class="el-icon-warning" style="color:red" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<!-- 信息不完整 -->
|
<!-- 信息不完整 -->
|
||||||
<el-tooltip
|
<el-tooltip v-if="readingTaskState<2 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].SaveTypeEnum) ===1" class="item" effect="dark" :content="$t('trials:reading:button:incompleteInfor')" placement="bottom">
|
||||||
v-if="readingTaskState < 2 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].SaveTypeEnum) === 1"
|
|
||||||
class="item" effect="dark" :content="$t('trials:reading:button:incompleteInfor')"
|
|
||||||
placement="bottom">
|
|
||||||
<i class="el-icon-warning" style="color:#ff9800" />
|
<i class="el-icon-warning" style="color:#ff9800" />
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<div style="position: absolute;left: 50px;top: 2px;">
|
<div style="position: absolute;left: 50px;top: 2px;">
|
||||||
<div style="font-size: 11px;width:220px;height: 30px;">
|
<div style="font-size: 11px;width:220px;height: 30px;">
|
||||||
<div v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].LesionPart"
|
<div
|
||||||
|
v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].LesionPart"
|
||||||
style="margin-left:10px;display: inline-block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:90px"
|
style="margin-left:10px;display: inline-block; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:90px"
|
||||||
:title="innerFormData[`${table.Id}_${answer.RowIndex}`].LesionPart">
|
:title="innerFormData[`${table.Id}_${answer.RowIndex}`].LesionPart"
|
||||||
|
>
|
||||||
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionPart }}
|
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionPart }}
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:50px">
|
||||||
style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:50px">
|
|
||||||
<span v-if="table.LesionType === 0">
|
<span v-if="table.LesionType === 0">
|
||||||
{{
|
{{ $fd('TargetState',parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState)) }}
|
||||||
$fd('TargetState', parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState))
|
|
||||||
}}
|
|
||||||
</span>
|
</span>
|
||||||
<span v-else-if="table.LesionType === 1">
|
<span v-else-if="table.LesionType === 1">
|
||||||
{{
|
{{ $fd('NoTargetState',parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState)) }}
|
||||||
$fd('NoTargetState',
|
|
||||||
parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState))
|
|
||||||
}}
|
|
||||||
</span>
|
</span>
|
||||||
<span v-else>
|
<span v-else>
|
||||||
{{
|
{{ $fd('NewLesionState',parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState)) }}
|
||||||
$fd('NewLesionState',
|
|
||||||
parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState))
|
|
||||||
}}
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
|
||||||
style="display: inline-block;margin-left:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width:60px">
|
<template v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
|
||||||
<template
|
|
||||||
v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort))">
|
|
||||||
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
|
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionShort }}mm
|
||||||
</template>
|
</template>
|
||||||
<template
|
<template v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
|
||||||
v-else-if="!innerFormData[`${table.Id}_${answer.RowIndex}`].IsLymphLesion && !isNaN(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength))">
|
|
||||||
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
|
{{ innerFormData[`${table.Id}_${answer.RowIndex}`].LesionLength }}mm
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 分裂 -->
|
<!-- 分裂 -->
|
||||||
<div
|
<div v-if="((table.LesionType === 0 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState) === 0) || (table.LesionType === 1 && [0,1].includes(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState))) || (table.LesionType === 2 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState) === 0)) && innerFormData[`${table.Id}_${answer.RowIndex}`].IsCurrentTaskAdd === 'False'" style="position: absolute;right: 5px;top: 2px;transform: rotateY(180deg);">
|
||||||
v-if="((table.LesionType === 0 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState) === 0) || (table.LesionType === 1 && [0, 1].includes(parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState))) || (table.LesionType === 2 && parseInt(innerFormData[`${table.Id}_${answer.RowIndex}`].LesionState) === 0)) && innerFormData[`${table.Id}_${answer.RowIndex}`].IsCurrentTaskAdd === 'False'"
|
<el-tooltip v-show="readingTaskState<2 && !!innerFormData[`${table.Id}_${answer.RowIndex}`].RowId && !isBaseLineTask && innerFormData[`${table.Id}_${answer.RowIndex}`].IsDicomReading !== false" class="table" :content="$t('trials:reading:button:split')" placement="left">
|
||||||
style="position: absolute;right: 5px;top: 2px;transform: rotateY(180deg);">
|
<i class="iconfont icon-24gl-split" style="color:#fff;font-size: 16px;" @click.stop="lesionSplit(table.Id, innerFormData[`${table.Id}_${answer.RowIndex}`].RowId)" />
|
||||||
<el-tooltip
|
|
||||||
v-show="readingTaskState < 2 && !!innerFormData[`${table.Id}_${answer.RowIndex}`].RowId && !isBaseLineTask && innerFormData[`${table.Id}_${answer.RowIndex}`].IsDicomReading !== false"
|
|
||||||
class="table" :content="$t('trials:reading:button:split')" placement="left">
|
|
||||||
<i class="iconfont icon-24gl-split" style="color:#fff;font-size: 16px;"
|
|
||||||
@click.stop="lesionSplit(table.Id, innerFormData[`${table.Id}_${answer.RowIndex}`].RowId)" />
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
<el-form :ref="`${table.Id}_${answer.RowIndex}`" size="small"
|
<el-form
|
||||||
:model="innerFormData[`${table.Id}_${answer.RowIndex}`]">
|
:ref="`${table.Id}_${answer.RowIndex}`"
|
||||||
<table-question-form-item :ref="`form_${table.Id}_${answer.RowIndex}`" :table-info="table"
|
size="small"
|
||||||
:answer="answer" :question-form="innerFormData[`${table.Id}_${answer.RowIndex}`]"
|
:model="innerFormData[`${table.Id}_${answer.RowIndex}`]"
|
||||||
:reading-task-state="readingTaskState" :organs="organs" :is-base-line-task="isBaseLineTask"
|
>
|
||||||
:is-current-task="isCurrentTask" @update="innerFormDataUpdate" @close="closeInnerForm"
|
<table-question-form-item
|
||||||
@lesionTypeChange="lesionTypeChange" />
|
:ref="`form_${table.Id}_${answer.RowIndex}`"
|
||||||
<div v-if="readingTaskState < 2" style="text-align:right;margin-top:10px;">
|
:table-info="table"
|
||||||
|
:answer="answer"
|
||||||
|
:question-form="innerFormData[`${table.Id}_${answer.RowIndex}`]"
|
||||||
|
:reading-task-state="readingTaskState"
|
||||||
|
:organs="organs"
|
||||||
|
:is-base-line-task="isBaseLineTask"
|
||||||
|
:is-current-task="isCurrentTask"
|
||||||
|
@update="innerFormDataUpdate"
|
||||||
|
@close="closeInnerForm"
|
||||||
|
@lesionTypeChange="lesionTypeChange"
|
||||||
|
/>
|
||||||
|
<div
|
||||||
|
v-if="readingTaskState<2"
|
||||||
|
style="text-align:right;margin-top:10px;"
|
||||||
|
>
|
||||||
<!-- 清除标记 -->
|
<!-- 清除标记 -->
|
||||||
<el-button v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].MeasureData" size="mini"
|
<el-button
|
||||||
@click="clearMeasureData(table, answer.RowIndex)">
|
v-if="innerFormData[`${table.Id}_${answer.RowIndex}`].MeasureData"
|
||||||
|
size="mini"
|
||||||
|
@click="clearMeasureData(table, answer.RowIndex)"
|
||||||
|
>
|
||||||
{{ $t('trials:reading:button:removeMark') }}
|
{{ $t('trials:reading:button:removeMark') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 删除 -->
|
<!-- 删除 -->
|
||||||
<el-button v-if="table.TableQuestions.Answers[i].IsCurrentTaskAdd !== 'False'" size="mini"
|
<el-button
|
||||||
@click="deleteLesion(table, answer.RowIndex)">
|
v-if="table.TableQuestions.Answers[i].IsCurrentTaskAdd !== 'False'"
|
||||||
|
size="mini"
|
||||||
|
@click="deleteLesion(table, answer.RowIndex)"
|
||||||
|
>
|
||||||
{{ $t('common:button:delete') }}
|
{{ $t('common:button:delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
<el-button size="mini" @click="saveLesion(table, answer.RowIndex)">
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
@click="saveLesion(table, answer.RowIndex)"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -171,7 +212,6 @@ import { resetReadingTask, setSkipReadingCache } from '@/api/reading'
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
import QuestionFormItem from './QuestionFormItem'
|
import QuestionFormItem from './QuestionFormItem'
|
||||||
import TableQuestionFormItem from './TableQuestionFormItem'
|
import TableQuestionFormItem from './TableQuestionFormItem'
|
||||||
import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
|
|
||||||
export default {
|
export default {
|
||||||
name: 'QuestionList',
|
name: 'QuestionList',
|
||||||
components: {
|
components: {
|
||||||
|
|
@ -243,7 +283,6 @@ export default {
|
||||||
this.getOrganList()
|
this.getOrganList()
|
||||||
this.getOuterQuestions()
|
this.getOuterQuestions()
|
||||||
this.getTableQuestions()
|
this.getTableQuestions()
|
||||||
window.addEventListener('message', this.receiveMsg)
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
// 获取器官信息
|
// 获取器官信息
|
||||||
|
|
@ -429,7 +468,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
setAnnotation(obj) {
|
setAnnotation(obj) {
|
||||||
const annotation = Object.assign({}, !Object.hasOwn(obj, 'isDicomReading') ? obj.annotation : obj)
|
const annotation = Object.assign({}, obj.annotation)
|
||||||
if (this.activeName) {
|
if (this.activeName) {
|
||||||
// 判断当前激活的病灶是否有标注信息
|
// 判断当前激活的病灶是否有标注信息
|
||||||
const tableId = this.activeName.split('_')[0]
|
const tableId = this.activeName.split('_')[0]
|
||||||
|
|
@ -454,13 +493,6 @@ export default {
|
||||||
child => child.Id === tableId
|
child => child.Id === tableId
|
||||||
)
|
)
|
||||||
if (typeof targetTable !== 'object') return
|
if (typeof targetTable !== 'object') return
|
||||||
if (Object.hasOwn(annotation, 'isDicomReading') && !annotation.isDicomReading) {
|
|
||||||
// 非dicom获取名称进行重绘
|
|
||||||
annotation.data.remark = innerForm.LesionName
|
|
||||||
annotation.markTool = annotation.data.toolName
|
|
||||||
DicomEvent.$emit('addNoneDicomMeasureData', annotation)
|
|
||||||
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'IsDicomReading', false)
|
|
||||||
}
|
|
||||||
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'MeasureData', annotation)
|
this.$set(this.innerFormData[`${tableId}_${rowIndex}`], 'MeasureData', annotation)
|
||||||
let length = null
|
let length = null
|
||||||
let short = null
|
let short = null
|
||||||
|
|
@ -624,7 +656,7 @@ export default {
|
||||||
this.$confirm(msg, {
|
this.$confirm(msg, {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
@ -635,7 +667,7 @@ export default {
|
||||||
this.$confirm(msg, {
|
this.$confirm(msg, {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
@ -644,16 +676,10 @@ export default {
|
||||||
answer.RowId = ''
|
answer.RowId = ''
|
||||||
const maxIndex = this.getMaxRowIndex(tableInfo.TableQuestions.Answers)
|
const maxIndex = this.getMaxRowIndex(tableInfo.TableQuestions.Answers)
|
||||||
answer.RowIndex = `${maxIndex + 1}.00`
|
answer.RowIndex = `${maxIndex + 1}.00`
|
||||||
answer.IsDicomReading = annotation && Object.hasOwn(annotation, 'isDicomReading') ? annotation.isDicomReading : true
|
answer.IsDicomReading = true
|
||||||
answer.SaveTypeEnum = 0
|
answer.SaveTypeEnum = 0
|
||||||
answer.LesionType = tableInfo.LesionType
|
answer.LesionType = tableInfo.LesionType
|
||||||
answer.LesionName = this.getLesionName(tableInfo.OrderMark, answer.RowIndex)
|
answer.LesionName = this.getLesionName(tableInfo.OrderMark, answer.RowIndex)
|
||||||
if (!answer.IsDicomReading) {
|
|
||||||
// 非dicom获取名称进行重绘
|
|
||||||
annotation.data.remark = answer.LesionName
|
|
||||||
annotation.markTool = annotation.data.toolName
|
|
||||||
DicomEvent.$emit('addNoneDicomMeasureData', annotation)
|
|
||||||
}
|
|
||||||
let state = null
|
let state = null
|
||||||
if (this.isBaseLineTask && tableInfo.LesionType === 0) {
|
if (this.isBaseLineTask && tableInfo.LesionType === 0) {
|
||||||
state = 0
|
state = 0
|
||||||
|
|
@ -667,14 +693,14 @@ export default {
|
||||||
tableInfo.TableQuestions.Answers.push(answer)
|
tableInfo.TableQuestions.Answers.push(answer)
|
||||||
if (typeof annotation === 'object') {
|
if (typeof annotation === 'object') {
|
||||||
answer.MeasureData = annotation
|
answer.MeasureData = annotation
|
||||||
if (annotation.metadata?.toolName === 'Length') {
|
if (annotation.metadata.toolName === 'Length') {
|
||||||
const referencedImageId = annotation.metadata.referencedImageId
|
const referencedImageId = annotation.metadata.referencedImageId
|
||||||
let length = annotation.data.cachedStats[`imageId:${referencedImageId}`].length
|
let length = annotation.data.cachedStats[`imageId:${referencedImageId}`].length
|
||||||
length = length ? parseFloat(length).toFixed(this.digitPlaces) : length
|
length = length ? parseFloat(length).toFixed(this.digitPlaces) : length
|
||||||
const lengthId = this.getQuestionId(0, tableInfo.TableQuestions.Questions)
|
const lengthId = this.getQuestionId(0, tableInfo.TableQuestions.Questions)
|
||||||
answer.LesionLength = length
|
answer.LesionLength = length
|
||||||
answer[lengthId] = length
|
answer[lengthId] = length
|
||||||
} else if (annotation.metadata?.toolName === 'Bidirectional') {
|
} else if (annotation.metadata.toolName === 'Bidirectional') {
|
||||||
const referencedImageId = annotation.metadata.referencedImageId
|
const referencedImageId = annotation.metadata.referencedImageId
|
||||||
let length = annotation.data.cachedStats[`imageId:${referencedImageId}`].length
|
let length = annotation.data.cachedStats[`imageId:${referencedImageId}`].length
|
||||||
length = length ? parseFloat(length).toFixed(this.digitPlaces) : length
|
length = length ? parseFloat(length).toFixed(this.digitPlaces) : length
|
||||||
|
|
@ -749,11 +775,7 @@ export default {
|
||||||
this.$set(this.innerFormData[`${table.Id}_${rowIndex}`], 'LesionState', null)
|
this.$set(this.innerFormData[`${table.Id}_${rowIndex}`], 'LesionState', null)
|
||||||
const obj = Object.assign({}, innerForm.MeasureData)
|
const obj = Object.assign({}, innerForm.MeasureData)
|
||||||
// 移除标注信息
|
// 移除标注信息
|
||||||
if (innerForm.IsDicomReading && innerForm.IsDicomReading !== 'False') {
|
|
||||||
this.$emit('removeAnnotation', obj)
|
this.$emit('removeAnnotation', obj)
|
||||||
} else {
|
|
||||||
DicomEvent.$emit('removeNoneDicomMeasureData', obj)
|
|
||||||
}
|
|
||||||
// 重置标注信息
|
// 重置标注信息
|
||||||
this.$set(this.innerFormData[`${table.Id}_${rowIndex}`], 'MeasureData', null)
|
this.$set(this.innerFormData[`${table.Id}_${rowIndex}`], 'MeasureData', null)
|
||||||
// 重置保存标志
|
// 重置保存标志
|
||||||
|
|
@ -784,11 +806,7 @@ export default {
|
||||||
if (innerForm.MeasureData) {
|
if (innerForm.MeasureData) {
|
||||||
// 移除标注信息
|
// 移除标注信息
|
||||||
const obj = Object.assign({}, innerForm.MeasureData)
|
const obj = Object.assign({}, innerForm.MeasureData)
|
||||||
if (innerForm.IsDicomReading && innerForm.IsDicomReading !== 'False') {
|
|
||||||
this.$emit('removeAnnotation', obj)
|
this.$emit('removeAnnotation', obj)
|
||||||
} else {
|
|
||||||
DicomEvent.$emit('removeNoneDicomMeasureData', obj)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// 刷新表格问题
|
// 刷新表格问题
|
||||||
await this.getTableQuestions()
|
await this.getTableQuestions()
|
||||||
|
|
@ -801,11 +819,7 @@ export default {
|
||||||
if (innerForm.MeasureData) {
|
if (innerForm.MeasureData) {
|
||||||
// 移除标注信息
|
// 移除标注信息
|
||||||
const obj = Object.assign({}, innerForm.MeasureData)
|
const obj = Object.assign({}, innerForm.MeasureData)
|
||||||
if (innerForm.IsDicomReading && innerForm.IsDicomReading !== 'False') {
|
|
||||||
this.$emit('removeAnnotation', obj)
|
this.$emit('removeAnnotation', obj)
|
||||||
} else {
|
|
||||||
DicomEvent.$emit('removeNoneDicomMeasureData', obj)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// 移除病灶
|
// 移除病灶
|
||||||
this.removeAnswer(table.Id, rowIndex)
|
this.removeAnswer(table.Id, rowIndex)
|
||||||
|
|
@ -843,7 +857,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg19'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg19'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -855,7 +869,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg20'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg20'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -867,25 +881,24 @@ export default {
|
||||||
if (lesionType === 1 && lesionState === 0) {
|
if (lesionType === 1 && lesionState === 0) {
|
||||||
if (lymphNodes === 1) {
|
if (lymphNodes === 1) {
|
||||||
// 淋巴结非靶病灶 必须使用长短径测量工具或箭头工具
|
// 淋巴结非靶病灶 必须使用长短径测量工具或箭头工具
|
||||||
if (!(measureData && (measureData.markTool === 'Bidirectional' || measureData.markTool === 'RectangleROI' || measureData.markTool === "RectangleRoi"))) {
|
if (!(measureData && (measureData.markTool === 'Bidirectional' || measureData.markTool === 'RectangleROI'))) {
|
||||||
// 评估状态为存在的淋巴结非靶病灶需使用长短径测量工具或矩形工具添加标记
|
// 评估状态为存在的淋巴结非靶病灶需使用长短径测量工具或矩形工具添加标记
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg21'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg21'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// 非淋巴结非靶病灶 直径测量工具或箭头工具
|
// 非淋巴结非靶病灶 直径测量工具或箭头工具
|
||||||
console.log(measureData, 'measureData')
|
if (!(measureData && (measureData.markTool === 'Length' || measureData.markTool === 'RectangleROI'))) {
|
||||||
if (!(measureData && (measureData.markTool === 'Length' || measureData.markTool === 'RectangleROI' || measureData.markTool === "RectangleRoi"))) {
|
|
||||||
// 评估状态为存在的非淋巴结非靶病灶需使用直径测量工具或矩形工具添加标记！
|
// 评估状态为存在的非淋巴结非靶病灶需使用直径测量工具或矩形工具添加标记！
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg22'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg22'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -903,7 +916,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg23'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg23'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -915,7 +928,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg24'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg24'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -931,7 +944,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg25'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg25'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -948,7 +961,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg26'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg26'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -970,7 +983,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg27'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg27'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -982,7 +995,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg28'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg28'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -998,7 +1011,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg29'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg29'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1010,7 +1023,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg30'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg30'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1027,24 +1040,24 @@ export default {
|
||||||
if (lesionType === 1 && lesionState === 0) {
|
if (lesionType === 1 && lesionState === 0) {
|
||||||
if (lymphNodes === 1) {
|
if (lymphNodes === 1) {
|
||||||
// 淋巴结非靶病灶 必须使用长短径测量工具、箭头工具
|
// 淋巴结非靶病灶 必须使用长短径测量工具、箭头工具
|
||||||
if (!(measureData && (measureData.markTool === 'Bidirectional' || measureData.markTool === 'RectangleROI' || measureData.markTool === "RectangleRoi"))) {
|
if (!(measureData && (measureData.markTool === 'Bidirectional' || measureData.markTool === 'RectangleROI'))) {
|
||||||
// 评估状态为存在的淋巴结非靶病灶需使用长短径测量工具或箭头工具添加标记！
|
// 评估状态为存在的淋巴结非靶病灶需使用长短径测量工具或箭头工具添加标记！
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg31'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg31'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// 非淋巴结非靶病灶 直径测量工具、箭头工具
|
// 非淋巴结非靶病灶 直径测量工具、箭头工具
|
||||||
if (!(measureData && (measureData.markTool === 'Length' || measureData.markTool === 'RectangleROI' || measureData.markTool === "RectangleRoi"))) {
|
if (!(measureData && (measureData.markTool === 'Length' || measureData.markTool === 'RectangleROI'))) {
|
||||||
// 评估状态为存在的非淋巴结非靶病灶需使用直径测量工具或箭头工具添加标记！
|
// 评估状态为存在的非淋巴结非靶病灶需使用直径测量工具或箭头工具添加标记！
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg32'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg32'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1056,24 +1069,24 @@ export default {
|
||||||
if (lesionType === 1 && lesionState === 1) {
|
if (lesionType === 1 && lesionState === 1) {
|
||||||
if (lymphNodes === 1) {
|
if (lymphNodes === 1) {
|
||||||
// 淋巴结靶病灶 必须使用长短径测量工具、箭头工具
|
// 淋巴结靶病灶 必须使用长短径测量工具、箭头工具
|
||||||
if (!(measureData && (measureData.markTool === 'Bidirectional' || measureData.markTool === 'RectangleROI' || measureData.markTool === "RectangleRoi"))) {
|
if (!(measureData && (measureData.markTool === 'Bidirectional' || measureData.markTool === 'RectangleROI'))) {
|
||||||
// `评估状态为显著增大的淋巴结非靶病灶需使用长短径测量工具或矩形工具添加标记！`
|
// `评估状态为显著增大的淋巴结非靶病灶需使用长短径测量工具或矩形工具添加标记！`
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg33'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg33'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// 非淋巴结非靶病灶 直径测量工具、箭头工具
|
// 非淋巴结非靶病灶 直径测量工具、箭头工具
|
||||||
if (!(measureData && (measureData.markTool === 'Length' || measureData.markTool === 'RectangleROI' || measureData.markTool === "RectangleRoi"))) {
|
if (!(measureData && (measureData.markTool === 'Length' || measureData.markTool === 'RectangleROI'))) {
|
||||||
// 评估状态为显著增大的非淋巴结非靶病灶需使用直径测量工具或矩形工具添加标记！
|
// 评估状态为显著增大的非淋巴结非靶病灶需使用直径测量工具或矩形工具添加标记！
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg34'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg34'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1090,7 +1103,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg35'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg35'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1102,7 +1115,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg36'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg36'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1119,7 +1132,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg37'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg37'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1131,7 +1144,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg38'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg38'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1148,7 +1161,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg39'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg39'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1160,7 +1173,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg40'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg40'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1177,7 +1190,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg41'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg41'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1189,7 +1202,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg42'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg42'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1206,7 +1219,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg43'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg43'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1218,7 +1231,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg44'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg44'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1235,7 +1248,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg45'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg45'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1247,7 +1260,7 @@ export default {
|
||||||
this.$confirm(this.$t('trials:reading:warnning:msg46'), {
|
this.$confirm(this.$t('trials:reading:warnning:msg46'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
loading.close()
|
loading.close()
|
||||||
return
|
return
|
||||||
|
|
@ -1435,7 +1448,7 @@ export default {
|
||||||
this.$confirm(msg, {
|
this.$confirm(msg, {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
@ -1489,7 +1502,6 @@ export default {
|
||||||
this.getOuterQuestions()
|
this.getOuterQuestions()
|
||||||
this.getTableQuestions()
|
this.getTableQuestions()
|
||||||
this.$emit('resetAnnotations', this.visitTaskId)
|
this.$emit('resetAnnotations', this.visitTaskId)
|
||||||
DicomEvent.$emit('removeNoneDicomMeasureData', null)
|
|
||||||
}
|
}
|
||||||
loading.close()
|
loading.close()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
|
@ -1539,7 +1551,7 @@ export default {
|
||||||
type: 'imgfail',
|
type: 'imgfail',
|
||||||
trialId: this.$route.query.trialId,
|
trialId: this.$route.query.trialId,
|
||||||
visitTaskId: this.visitTaskId,
|
visitTaskId: this.visitTaskId,
|
||||||
callBack: async () => {
|
callBack: async() => {
|
||||||
const confirm = await this.$confirm(
|
const confirm = await this.$confirm(
|
||||||
this.$t('trials:reading:confirm:feedbackmsg'),
|
this.$t('trials:reading:confirm:feedbackmsg'),
|
||||||
{
|
{
|
||||||
|
|
@ -1576,7 +1588,7 @@ export default {
|
||||||
this.$confirm(msg, {
|
this.$confirm(msg, {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
this.$set(this.innerFormData[`${obj.tableId}_${obj.rowIndex}`], 'LesionType', innerForm.LesionType)
|
this.$set(this.innerFormData[`${obj.tableId}_${obj.rowIndex}`], 'LesionType', innerForm.LesionType)
|
||||||
return
|
return
|
||||||
|
|
@ -1593,7 +1605,7 @@ export default {
|
||||||
this.$confirm(msg, {
|
this.$confirm(msg, {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
this.$set(this.innerFormData[`${obj.tableId}_${obj.rowIndex}`], 'LesionType', innerForm.LesionType)
|
this.$set(this.innerFormData[`${obj.tableId}_${obj.rowIndex}`], 'LesionType', innerForm.LesionType)
|
||||||
return
|
return
|
||||||
|
|
@ -1604,7 +1616,7 @@ export default {
|
||||||
this.$confirm(this.$t(' trials:reading:warnning:msg15'), {
|
this.$confirm(this.$t(' trials:reading:warnning:msg15'), {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
showCancelButton: false,
|
showCancelButton: false,
|
||||||
callback: action => { }
|
callback: action => {}
|
||||||
})
|
})
|
||||||
this.$set(this.innerFormData[`${obj.tableId}_${obj.rowIndex}`], 'LesionType', innerForm.LesionType)
|
this.$set(this.innerFormData[`${obj.tableId}_${obj.rowIndex}`], 'LesionType', innerForm.LesionType)
|
||||||
return
|
return
|
||||||
|
|
@ -1682,11 +1694,7 @@ export default {
|
||||||
// 移除标注信息
|
// 移除标注信息
|
||||||
if (innerForm.MeasureData) {
|
if (innerForm.MeasureData) {
|
||||||
const obj = Object.assign({}, innerForm.MeasureData)
|
const obj = Object.assign({}, innerForm.MeasureData)
|
||||||
if (innerForm.IsDicomReading && innerForm.IsDicomReading !== 'False') {
|
|
||||||
this.$emit('removeAnnotation', obj)
|
this.$emit('removeAnnotation', obj)
|
||||||
} else {
|
|
||||||
DicomEvent.$emit('removeNoneDicomMeasureData', obj)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
// 关闭窗口
|
// 关闭窗口
|
||||||
this.activeName = ''
|
this.activeName = ''
|
||||||
|
|
@ -1746,9 +1754,9 @@ export default {
|
||||||
if (this.activeName) {
|
if (this.activeName) {
|
||||||
return this.checkToolCanActive(toolName)
|
return this.checkToolCanActive(toolName)
|
||||||
} else {
|
} else {
|
||||||
if (this.isBaseLineTask && (toolName === 'Bidirectional' || toolName === 'Length' || toolName === 'RectangleRoi' || toolName === 'RectangleROI')) {
|
if (this.isBaseLineTask && (toolName === 'Bidirectional' || toolName === 'Length' || toolName === 'RectangleROI')) {
|
||||||
return { isCanActiveTool: true, reason: '' }
|
return { isCanActiveTool: true, reason: '' }
|
||||||
} else if (!this.isBaseLineTask && (toolName === 'ArrowAnnotate' || toolName === 'Bidirectional' || toolName === 'Length' || toolName === 'RectangleRoi' || toolName === 'RectangleROI')) {
|
} else if (!this.isBaseLineTask && (toolName === 'ArrowAnnotate' || toolName === 'Bidirectional' || toolName === 'Length' || toolName === 'RectangleROI')) {
|
||||||
return { isCanActiveTool: true, reason: '' }
|
return { isCanActiveTool: true, reason: '' }
|
||||||
} else if (this.isBaseLineTask && toolName === 'ArrowAnnotate') {
|
} else if (this.isBaseLineTask && toolName === 'ArrowAnnotate') {
|
||||||
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg54') }
|
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg54') }
|
||||||
|
|
@ -1771,10 +1779,10 @@ export default {
|
||||||
} else if (innerForm.LesionType === 0 && isLymphNodes === 0 && toolName !== 'Length') {
|
} else if (innerForm.LesionType === 0 && isLymphNodes === 0 && toolName !== 'Length') {
|
||||||
// '非淋巴结靶病灶需使用直径测量工具'
|
// '非淋巴结靶病灶需使用直径测量工具'
|
||||||
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg7') }
|
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg7') }
|
||||||
} else if (innerForm.LesionType === 1 && isLymphNodes === 1 && toolName !== 'Bidirectional' && toolName !== 'RectangleRoi' && toolName !== 'RectangleROI') {
|
} else if (innerForm.LesionType === 1 && isLymphNodes === 1 && toolName !== 'Bidirectional' && toolName !== 'RectangleROI') {
|
||||||
// '淋巴结非靶病灶需使用长短径测量工具或矩形工具'
|
// '淋巴结非靶病灶需使用长短径测量工具或矩形工具'
|
||||||
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg8') }
|
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg8') }
|
||||||
} else if (innerForm.LesionType === 1 && isLymphNodes === 0 && toolName !== 'Length' && toolName !== 'RectangleRoi' && toolName !== 'RectangleROI') {
|
} else if (innerForm.LesionType === 1 && isLymphNodes === 0 && toolName !== 'Length' && toolName !== 'RectangleROI') {
|
||||||
// '非淋巴结非靶病灶需使用直径测量工具或矩形工具'
|
// '非淋巴结非靶病灶需使用直径测量工具或矩形工具'
|
||||||
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg9') }
|
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg9') }
|
||||||
} else if (toolName === 'ArrowAnnotate') {
|
} else if (toolName === 'ArrowAnnotate') {
|
||||||
|
|
@ -1789,10 +1797,10 @@ export default {
|
||||||
} else if (innerForm.LesionType === 0 && isLymphNodes === 0 && toolName !== 'Length' && toolName !== 'ArrowAnnotate') {
|
} else if (innerForm.LesionType === 0 && isLymphNodes === 0 && toolName !== 'Length' && toolName !== 'ArrowAnnotate') {
|
||||||
// 非淋巴结靶病灶需使用直径测量工具或箭头工具
|
// 非淋巴结靶病灶需使用直径测量工具或箭头工具
|
||||||
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg11') }
|
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg11') }
|
||||||
} else if (innerForm.LesionType === 1 && isLymphNodes === 1 && toolName !== 'Bidirectional' && toolName !== 'ArrowAnnotate' && toolName !== 'RectangleRoi' && toolName !== 'RectangleROI') {
|
} else if (innerForm.LesionType === 1 && isLymphNodes === 1 && toolName !== 'Bidirectional' && toolName !== 'ArrowAnnotate' && toolName !== 'RectangleROI') {
|
||||||
// 淋巴结非靶病灶需使用长短径测量工具或矩形工具或矩形工具或箭头工具
|
// 淋巴结非靶病灶需使用长短径测量工具或矩形工具或矩形工具或箭头工具
|
||||||
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg52') }
|
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg52') }
|
||||||
} else if (innerForm.LesionType === 1 && isLymphNodes === 0 && toolName !== 'Length' && toolName !== 'ArrowAnnotate' && toolName !== 'RectangleRoi' && toolName !== 'RectangleROI') {
|
} else if (innerForm.LesionType === 1 && isLymphNodes === 0 && toolName !== 'Length' && toolName !== 'ArrowAnnotate' && toolName !== 'RectangleROI') {
|
||||||
// 非淋巴结非靶病灶需使用直径测量工具或矩形工具或矩形工具或箭头工具
|
// 非淋巴结非靶病灶需使用直径测量工具或矩形工具或矩形工具或箭头工具
|
||||||
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg53') }
|
return { isCanActiveTool: false, reason: this.$t('trials:reading:warnning:msg53') }
|
||||||
} else if (innerForm.LesionType === 2 && isLymphNodes === 1 && toolName !== 'Bidirectional' && toolName !== 'ArrowAnnotate') {
|
} else if (innerForm.LesionType === 2 && isLymphNodes === 1 && toolName !== 'Bidirectional' && toolName !== 'ArrowAnnotate') {
|
||||||
|
|
@ -1811,44 +1819,28 @@ export default {
|
||||||
} else {
|
} else {
|
||||||
return { isCanActiveTool: true, reason: '' }
|
return { isCanActiveTool: true, reason: '' }
|
||||||
}
|
}
|
||||||
},
|
|
||||||
receiveMsg(event) {
|
|
||||||
if (event.data.type === 'isCanActiveNoneDicomTool') {
|
|
||||||
let obj = { isCanActiveTool: true, lesionName: '', reason: '', toolName: event.data.toolName }
|
|
||||||
let { isCanActiveTool, reason } = this.validTool(event.data.toolName)
|
|
||||||
obj.isCanActiveTool = isCanActiveTool
|
|
||||||
obj.reason = reason
|
|
||||||
DicomEvent.$emit('isCanActiveNoneDicomTool', obj)
|
|
||||||
} else if (event.data.type === 'setMeasurement') {
|
|
||||||
if (JSON.stringify(event.data.data) !== "{}") {
|
|
||||||
this.setAnnotation(event.data.data)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.questionList-wrapper {
|
.questionList-wrapper{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
// overflow: hidden;
|
// overflow: hidden;
|
||||||
|
|
||||||
.container {
|
.container{
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
|
.basic-info{
|
||||||
.basic-info {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
h3{
|
||||||
h3 {
|
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
padding: 5px 0px;
|
padding: 5px 0px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
i{
|
||||||
i {
|
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
@ -1856,75 +1848,64 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
.outer_form_wrapper{
|
||||||
.outer_form_wrapper {
|
::v-deep .el-form-item__label{
|
||||||
::v-deep .el-form-item__label {
|
|
||||||
color: #c3c3c3;
|
color: #c3c3c3;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-input__inner{
|
||||||
::v-deep .el-input__inner {
|
background-color: transparent;
|
||||||
|
color: #ddd;
|
||||||
|
border: 1px solid #5e5e5e;
|
||||||
|
}
|
||||||
|
::v-deep .el-textarea__inner{
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
border: 1px solid #5e5e5e;
|
border: 1px solid #5e5e5e;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-textarea__inner {
|
::v-deep .el-form-item{
|
||||||
background-color: transparent;
|
|
||||||
color: #ddd;
|
|
||||||
border: 1px solid #5e5e5e;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-form-item {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-form-item__content{
|
||||||
::v-deep .el-form-item__content {
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-button--mini, .el-button--mini.is-round {
|
||||||
::v-deep .el-button--mini,
|
|
||||||
.el-button--mini.is-round {
|
|
||||||
padding: 7px 10px;
|
padding: 7px 10px;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-form-item__content
|
||||||
::v-deep .el-form-item__content .el-select {
|
.el-select{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
.outer_form-footer{
|
||||||
.outer_form-footer {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
.feedback-icon{
|
||||||
.feedback-icon {
|
|
||||||
padding: 0 10px;
|
padding: 0 10px;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 22px;
|
font-size: 22px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
&:hover{
|
||||||
&:hover {
|
|
||||||
color: #68a2d5;
|
color: #68a2d5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.title{
|
||||||
.title {
|
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.add-icon{
|
||||||
.add-icon {
|
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
|
|
@ -1933,49 +1914,42 @@ export default {
|
||||||
margin-bottom: 2px;
|
margin-bottom: 2px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
.add-icon:hover{
|
||||||
.add-icon:hover {
|
|
||||||
background-color: #607d8b;
|
background-color: #607d8b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex-row {
|
.flex-row{
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
background-color: #424242;
|
background-color: #424242;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
.lesion_list{
|
||||||
.lesion_list {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
.el-collapse{
|
||||||
.el-collapse {
|
border-bottom:none;
|
||||||
border-bottom: none;
|
border-top:none;
|
||||||
border-top: none;
|
::v-deep .el-collapse-item{
|
||||||
|
background-color: #000!important;
|
||||||
::v-deep .el-collapse-item {
|
|
||||||
background-color: #000 !important;
|
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
::v-deep .el-collapse-item__header{
|
||||||
::v-deep .el-collapse-item__header {
|
background-color: #000!important;
|
||||||
background-color: #000 !important;
|
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
border-bottom-color: #5a5a5a;
|
border-bottom-color:#5a5a5a;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
height: 35px;
|
height: 35px;
|
||||||
line-height: 35px;
|
line-height: 35px;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-collapse-item__wrap{
|
||||||
::v-deep .el-collapse-item__wrap {
|
background-color: #000!important;
|
||||||
background-color: #000 !important;
|
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-collapse-item__content{
|
||||||
::v-deep .el-collapse-item__content {
|
width:260px;
|
||||||
width: 260px;
|
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
|
|
@ -1984,7 +1958,7 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
background-color: #1e1e1e;
|
background-color:#1e1e1e;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -59,7 +59,7 @@
|
||||||
<div class="series-image">
|
<div class="series-image">
|
||||||
<el-image
|
<el-image
|
||||||
style="width: 100%;height: 100%;"
|
style="width: 100%;height: 100%;"
|
||||||
:src="`${OSSclientConfig.basePath}${series.ImageResizePath || series.NoneDicomFileFirstFile}`"
|
:src="`${OSSclientConfig.basePath}${series.ImageResizePath}`"
|
||||||
fit="fill"
|
fit="fill"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/>
|
/>
|
||||||
|
|
|
||||||
|
|
@ -323,7 +323,7 @@ export default {
|
||||||
const viewport = renderingEngine.getViewport(this.viewportId)
|
const viewport = renderingEngine.getViewport(this.viewportId)
|
||||||
|
|
||||||
if (isPlay) {
|
if (isPlay) {
|
||||||
cornerstoneTools.utilities.cine.playClip(viewport.element, { framesPerSecond, loop: true })
|
cornerstoneTools.utilities.cine.playClip(viewport.element, { framesPerSecond, loop: false })
|
||||||
} else {
|
} else {
|
||||||
cornerstoneTools.utilities.cine.stopClip(viewport.element)
|
cornerstoneTools.utilities.cine.stopClip(viewport.element)
|
||||||
}
|
}
|
||||||
|
|
@ -403,7 +403,6 @@ export default {
|
||||||
}
|
}
|
||||||
// if (isLocate && obj.SliceIndex === this.series.SliceIndex) return
|
// if (isLocate && obj.SliceIndex === this.series.SliceIndex) return
|
||||||
if (this.series?.Stack && obj.Stack[obj.SliceIndex] === this.series.Stack[this.series.SliceIndex]) return
|
if (this.series?.Stack && obj.Stack[obj.SliceIndex] === this.series.Stack[this.series.SliceIndex]) return
|
||||||
this.toggleClipPlay(false)
|
|
||||||
this.series = { ...obj }
|
this.series = { ...obj }
|
||||||
const renderingEngine = getRenderingEngine(this.renderingEngineId)
|
const renderingEngine = getRenderingEngine(this.renderingEngineId)
|
||||||
const viewport = renderingEngine.getViewport(this.viewportId)
|
const viewport = renderingEngine.getViewport(this.viewportId)
|
||||||
|
|
@ -416,7 +415,6 @@ export default {
|
||||||
}
|
}
|
||||||
this.prefetchMetadataInformation(obj.ImageIds, obj.Modality)
|
this.prefetchMetadataInformation(obj.ImageIds, obj.Modality)
|
||||||
await viewport.setStack(this.series.Stack, obj.SliceIndex)
|
await viewport.setStack(this.series.Stack, obj.SliceIndex)
|
||||||
|
|
||||||
viewport.render()
|
viewport.render()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
console.log(e)
|
console.log(e)
|
||||||
|
|
@ -552,7 +550,6 @@ export default {
|
||||||
width:100%;
|
width:100%;
|
||||||
height:100%;
|
height:100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
cursor: default !important;
|
|
||||||
.left-top-text {
|
.left-top-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -1,682 +0,0 @@
|
||||||
<template>
|
|
||||||
<div class="criterion-table-form-item">
|
|
||||||
<el-form-item
|
|
||||||
v-if="(question.ShowQuestion === 1 && !!~question.ParentTriggerValueList.indexOf(questionForm[question.ParentId])) || question.ShowQuestion === 0"
|
|
||||||
:title="question.Remark" :label="`${question.QuestionName}`" :prop="question.Id" :rules="[
|
|
||||||
{
|
|
||||||
required: (question.IsRequired === 0 || (question.IsRequired === 1 && question.RelevanceId && !!~question.RelevanceValueList.indexOf(questionForm[question.RelevanceId]))) && question.Type !== 'group' && question.Type !== 'summary',
|
|
||||||
message: $t('common:ruleMessage:select'), trigger: ['blur', 'change']
|
|
||||||
},
|
|
||||||
{
|
|
||||||
validator: question.Type === 'number' && !question.TypeValue ? validatorNumberInput : (rule, value, callback) => { callback() },
|
|
||||||
trigger: ['blur', 'change']
|
|
||||||
}
|
|
||||||
]"
|
|
||||||
:class="[question.Type === 'group' ? 'mb' : question.Type === 'upload' || question.Type === 'screenshot' ? 'uploadWrapper' : '']">
|
|
||||||
<!-- 输入框 -->
|
|
||||||
<el-input v-if="question.Type === 'input'" v-model="questionForm[question.Id]"
|
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')" />
|
|
||||||
<!-- 多行文本输入框 -->
|
|
||||||
<el-input v-if="question.Type === 'textarea'" v-model="questionForm[question.Id]" type="textarea"
|
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
|
||||||
:autosize="{ minRows: 2, maxRows: 4 }" />
|
|
||||||
<!-- 下拉框 -->
|
|
||||||
<el-select v-if="question.Type === 'select'" v-model="questionForm[question.Id]" clearable
|
|
||||||
:disabled="(question.TableQuestionType === 2 || question.QuestionGenre === 2) || (question.IsCopy && type === 'edit' && !IsBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
|
||||||
<template v-if="question.TableQuestionType === 1">
|
|
||||||
<el-option v-for="item in organList" :key="item.Id" :label="item[question.DataTableColumn]"
|
|
||||||
:value="item[question.DataTableColumn]" />
|
|
||||||
</template>
|
|
||||||
<template v-else-if="question.TableQuestionType === 3 || question.QuestionGenre === 3">
|
|
||||||
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
|
|
||||||
:label="item.label" />
|
|
||||||
</template>
|
|
||||||
<template
|
|
||||||
v-else-if="(question.TableQuestionType === 2 || question.QuestionGenre === 2) && question.DictionaryCode">
|
|
||||||
<el-option v-for="item of $d[question.DictionaryCode]" :key="item.id" :value="item.value"
|
|
||||||
:label="item.label" />
|
|
||||||
</template>
|
|
||||||
<template v-else>
|
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
|
||||||
</template>
|
|
||||||
|
|
||||||
</el-select>
|
|
||||||
<!-- 单选 -->
|
|
||||||
<el-radio-group v-if="question.Type === 'radio'" v-model="questionForm[question.Id]"
|
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
|
||||||
<el-radio v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
|
||||||
{{ val }}
|
|
||||||
</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
<!-- 复选框 -->
|
|
||||||
<el-checkbox-group v-if="question.Type === 'checkbox'"
|
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
|
||||||
v-model="questionForm[question.Id]">
|
|
||||||
<el-checkbox v-for="val in question.TypeValue.split('|')" :key="val" :label="val">
|
|
||||||
{{ val }}
|
|
||||||
</el-checkbox>
|
|
||||||
</el-checkbox-group>
|
|
||||||
<!-- 自动分类 -->
|
|
||||||
<el-input v-if="question.Type === 'class' && question.ClassifyShowType === 1"
|
|
||||||
v-model="questionForm[question.Id]" />
|
|
||||||
<el-select v-if="question.Type === 'class' && question.ClassifyShowType === 2" v-model="questionForm[question.Id]"
|
|
||||||
:disabled="!question.ClassifyEditType" @change="(val) => { formItemChange(val, question) }">
|
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val.trim()" :value="val.trim()" />
|
|
||||||
</el-select>
|
|
||||||
<el-radio-group v-if="question.Type === 'class' && question.ClassifyShowType === 3"
|
|
||||||
v-model="questionForm[question.Id]" :disabled="!question.ClassifyEditType"
|
|
||||||
@change="(val) => { formItemChange(val, question) }">
|
|
||||||
<el-radio v-for="item of question.TypeValue.split('|')" :key="item.trim()" :label="item.trim()">
|
|
||||||
{{ item.trim() }}
|
|
||||||
</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
<!-- 自动计算 -->
|
|
||||||
<!-- :precision="2" :step="0.1" :max="10" -->
|
|
||||||
<el-input v-if="question.Type === 'calculation'" v-model="questionForm[question.Id]"
|
|
||||||
oninput="value=value.replace(/^\D*(\d*(?:.\d{0,2})?).*$/g, '$1')" disabled />
|
|
||||||
<!-- 自增 -->
|
|
||||||
<el-input v-if="question.Type === 'increment'" v-model="questionForm[question.Id]" disabled />
|
|
||||||
<!-- 数值 -->
|
|
||||||
<template v-if="question.Type === 'number' && (question.ImageMarkEnum === 1 || question.ImageMarkEnum === 2)">
|
|
||||||
<div style="display: flex;flex-direction: row;justify-content: flex-start;align-items: center;">
|
|
||||||
<el-input type="text" @change="(val) => { formItemNumberChange(val, question) }"
|
|
||||||
@input="numberInput(question.Id)"
|
|
||||||
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? () => { } : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question)"
|
|
||||||
v-model="questionForm[question.Id]"
|
|
||||||
:title="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] ? questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].OrderMarkName : ''"
|
|
||||||
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1"
|
|
||||||
style="width: 150px;margin-right: 5px;">
|
|
||||||
<template v-if="question.Unit !== 0" slot="append">
|
|
||||||
{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit }}
|
|
||||||
</template>
|
|
||||||
</el-input>
|
|
||||||
<!-- 测量 -->
|
|
||||||
<el-button
|
|
||||||
v-if="readingTaskState < 2 && (!questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] || (questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] && !questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].isMarked))"
|
|
||||||
size="mini" type="text" @click="operateImageMarker({ operateStateEnum: 1, question })">
|
|
||||||
{{ $t('dicom3D:CustomizeQuestionFormItem:button:measure') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 绑定 -->
|
|
||||||
<el-button
|
|
||||||
v-if="readingTaskState < 2 && (!questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] || (questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] && !questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].isMarked))"
|
|
||||||
size="mini" type="text" @click="operateImageMarker({ operateStateEnum: 0, question })">
|
|
||||||
{{ $t('dicom3D:CustomizeQuestionFormItem:button:bind') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 查看 -->
|
|
||||||
<el-button
|
|
||||||
v-if="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] && questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].isMarked"
|
|
||||||
size="mini" type="text" @click="operateImageMarker({ operateStateEnum: 2, question })">
|
|
||||||
{{ $t('dicom3D:CustomizeQuestionFormItem:button:view') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 更改 -->
|
|
||||||
<el-button
|
|
||||||
v-if="readingTaskState < 2 && (questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] && questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].isMarked)"
|
|
||||||
size="mini" type="text" @click="operateImageMarker({ operateStateEnum: 3, question })">
|
|
||||||
{{ $t('dicom3D:CustomizeQuestionFormItem:button:edit') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 移除 -->
|
|
||||||
<el-button
|
|
||||||
v-if="readingTaskState < 2 && (questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] && questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].isMarked)"
|
|
||||||
size="mini" type="text" @click="operateImageMarker({ operateStateEnum: 4, question })">
|
|
||||||
{{ $t('dicom3D:CustomizeQuestionFormItem:button:remove') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- 保存 -->
|
|
||||||
<el-button
|
|
||||||
v-if="readingTaskState < 2 && (questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] && !questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].isSaved)"
|
|
||||||
size="mini" type="text" @click="operateImageMarker({ operateStateEnum: 7, question })">
|
|
||||||
<el-tooltip
|
|
||||||
v-if="questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id] && !questionsMarkStatus[rowId ? `${rowId}_${question.Id}` : question.Id].isSaved"
|
|
||||||
class="item" effect="dark" :content="$t('trials:reading:button:unsaved')" placement="bottom">
|
|
||||||
<i class="el-icon-warning" style="color:red" />
|
|
||||||
</el-tooltip>
|
|
||||||
{{ $t('dicom3D:CustomizeQuestionFormItem:button:save') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else-if="question.Type === 'number'">
|
|
||||||
<el-select v-if="question.Type === 'number' && question.TypeValue" v-model="questionForm[question.Id]" clearable
|
|
||||||
@change="((val) => { formItemChange(val, question) })">
|
|
||||||
<el-option v-for="val in question.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
|
||||||
<template v-if="question.Unit !== 0" slot="prefix">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
|
||||||
question.CustomUnit }}</template>
|
|
||||||
<template v-else-if="question.ValueType === 2" slot="prefix">%</template>
|
|
||||||
</el-select>
|
|
||||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource !== 1"
|
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
|
||||||
@change="((val) => { formItemNumberChange(val, question) })" @input="numberInput(question.Id)"
|
|
||||||
@blur="handleBlur(questionForm[question.Id], questionForm, question.Id)" v-model="questionForm[question.Id]">
|
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
|
||||||
question.CustomUnit }}</template>
|
|
||||||
</el-input>
|
|
||||||
<el-input type="text" v-else-if="question.Type === 'number' && question.DataSource === 1"
|
|
||||||
:disabled="question.DataSource === 1" @input="numberInput(question.Id, true)"
|
|
||||||
@blur="handleCalculationBlur(calculationValue)" v-model="calculationValue">
|
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{ question.Unit !== 4 ? $fd('ValueUnit', question.Unit) :
|
|
||||||
question.CustomUnit }}</template>
|
|
||||||
</el-input>
|
|
||||||
</template>
|
|
||||||
<!-- 上传图像 -->
|
|
||||||
<el-upload v-if="question.Type === 'upload' || question.Type === 'screenshot'" :disabled="readingTaskState === 2"
|
|
||||||
action :accept="question.FileType" :limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
|
||||||
:on-preview="handlePictureCardPreview"
|
|
||||||
:before-upload="(file) => { return handleBeforeUpload(file, question.FileType, question.Type) }"
|
|
||||||
:http-request="uploadScreenshot" :on-remove="handleRemove" :file-list="fileList"
|
|
||||||
:class="{ disabled: question.ImageCount === 0 ? false : fileList.length >= question.ImageCount }">
|
|
||||||
<el-button slot="default" class="el-icon-plus" v-if="readingTaskState < 2">
|
|
||||||
{{ this.$t('common:button:upload') }}
|
|
||||||
</el-button>
|
|
||||||
</el-upload>
|
|
||||||
<viewer v-if="(question.Type === 'upload' || question.Type === 'screenshot') && imgVisible" :ref="imageUrl"
|
|
||||||
style="margin:0 10px;" :images="[imageUrl]">
|
|
||||||
<img v-show="false" crossorigin="anonymous" :src="imageUrl" alt="Image">
|
|
||||||
</viewer>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import DicomEvent from '@/views/trials/trials-panel/reading/dicoms/components/DicomEvent'
|
|
||||||
export default {
|
|
||||||
name: 'QuestionTableFormItem',
|
|
||||||
props: {
|
|
||||||
isBaseline: {
|
|
||||||
type: Boolean,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
questionForm: {
|
|
||||||
type: Object,
|
|
||||||
default() {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
question: {
|
|
||||||
type: Object,
|
|
||||||
default() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
criterionId: {
|
|
||||||
type: String,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
calculationList: {
|
|
||||||
type: Array,
|
|
||||||
default() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
readingTaskState: {
|
|
||||||
type: Number,
|
|
||||||
required: true
|
|
||||||
},
|
|
||||||
visitTaskId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
type: {
|
|
||||||
type: String,
|
|
||||||
default: 'add'
|
|
||||||
},
|
|
||||||
questionsMarkStatus: {
|
|
||||||
type: Object,
|
|
||||||
default() {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
parentQsId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
},
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
calculationValue: {
|
|
||||||
get() {
|
|
||||||
return this.questionForm[this.question.Id]
|
|
||||||
},
|
|
||||||
set() {
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
addOrEdit: { visible: false, title: '' },
|
|
||||||
fileList: [],
|
|
||||||
accept: '.png,.jpg,.jpeg',
|
|
||||||
imgVisible: false,
|
|
||||||
imageUrl: '',
|
|
||||||
urls: [],
|
|
||||||
organList: [],
|
|
||||||
QuestionsList: [],
|
|
||||||
QuestionsForm: {},
|
|
||||||
digitPlaces: 2,
|
|
||||||
rowId: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
questionForm: {
|
|
||||||
deep: true,
|
|
||||||
immediate: true,
|
|
||||||
handler(v, oldv) {
|
|
||||||
// try {
|
|
||||||
// if (!v[this.question.Id] || !oldv[this.question.Id]) return
|
|
||||||
// } catch (e) {
|
|
||||||
// }
|
|
||||||
// this.formItemNumberChange(this.question.Id, false)
|
|
||||||
this.rowId = this.questionForm.RowId
|
|
||||||
}
|
|
||||||
},
|
|
||||||
questionsMarkStatus: {
|
|
||||||
deep: true,
|
|
||||||
immediate: true,
|
|
||||||
handler(v) {
|
|
||||||
this.$forceUpdate()
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
var digitPlaces = Number(localStorage.getItem('digitPlaces'))
|
|
||||||
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
|
|
||||||
if (this.question.Type === 'upload' || this.question.Type === 'screenshot') {
|
|
||||||
if (this.questionForm[this.question.Id]) {
|
|
||||||
this.urls = this.questionForm[this.question.Id].split('|')
|
|
||||||
this.fileList = []
|
|
||||||
this.urls.map((url, index) => {
|
|
||||||
var index = url.lastIndexOf('.')
|
|
||||||
var suffix = url.substring(index + 1, url.length)
|
|
||||||
this.fileList.push({ name: `${this.$t('trials:emailManageCfg:title:fileName')}${index + 1}(${suffix})`, url: `${url}` })
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
DicomEvent.$on('operateImageMarkerTable', (data) => {
|
|
||||||
let { operateStateEnum, QuestionId, picturePath } = data
|
|
||||||
if (this.question.Id === QuestionId) {
|
|
||||||
this.operateImageMarker({ operateStateEnum, question: this.question, picturePath })
|
|
||||||
}
|
|
||||||
})
|
|
||||||
if (this.type === 'edit') return
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
numberInput(id, notId = false) {
|
|
||||||
if (notId) {
|
|
||||||
this.calculationValue = this.calculationValue.toUpperCase();
|
|
||||||
} else {
|
|
||||||
this.questionForm[id] = this.questionForm[id].toUpperCase();
|
|
||||||
}
|
|
||||||
},
|
|
||||||
validatorNumberInput(rule, value, callback) {
|
|
||||||
let reg = new RegExp(/^(?:-?(?:(?:0|[1-9]\d*)(?:\.\d+)?|\.\d+)|NE)$/, 'g')
|
|
||||||
if (value === '') {
|
|
||||||
callback(new Error(this.$t('common:ruleMessage:specify')));
|
|
||||||
} else {
|
|
||||||
if (!reg.test(value)) {
|
|
||||||
callback(new Error(this.$t('trials:reading:ruleMessage:validatorNumberInput')));
|
|
||||||
} else {
|
|
||||||
callback();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
save() {
|
|
||||||
},
|
|
||||||
openAddTableCol(row) {
|
|
||||||
this.addOrEdit.visible = true
|
|
||||||
this.addOrEdit.title = row.QuestionName + this.$t('trials:readingUnit:qsList:title:tableQs')
|
|
||||||
this.QuestionsList = row.TableQuestions.Questions
|
|
||||||
this.AnswersList = row.TableQuestions.Answers
|
|
||||||
this.QuestionsForm = {}
|
|
||||||
},
|
|
||||||
formItemChange(v, question) {
|
|
||||||
if (question.Childrens && question.Childrens.length > 0) {
|
|
||||||
this.resetChild(question.Childrens)
|
|
||||||
}
|
|
||||||
if (question.TableQuestionType === 1 && question.RelationQuestions.length > 0) {
|
|
||||||
var index = this.organList.findIndex(item => item[question.DataTableColumn] === v)
|
|
||||||
if (index < 0) return
|
|
||||||
var selected = this.organList[index]
|
|
||||||
this.question.RelationQuestions.map(qs => {
|
|
||||||
var val = selected[qs.DataTableColumn]
|
|
||||||
// if (typeof val === 'boolean') {
|
|
||||||
// // val = String(val)
|
|
||||||
// }
|
|
||||||
this.$emit('setFormItemData', { key: qs.Id, val: val, question: qs })
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.$emit('setFormItemData', { key: question.Id, val: v, question: question })
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleBlur(value, a, b) {
|
|
||||||
if (!value) return false
|
|
||||||
if (!isNaN(parseFloat(value))) {
|
|
||||||
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleMarkedQsBlur(value, a, b, question) {
|
|
||||||
this.$set(a, b, !isNaN(parseFloat(value)) ? parseFloat(value).toFixed(this.digitPlaces) : value)
|
|
||||||
question.IsTableQuestion = true
|
|
||||||
// this.$emit('operateImageMarker', {operateStateEnum: 6, question})
|
|
||||||
},
|
|
||||||
handleCalculationBlur(v) {
|
|
||||||
if (!v) return false
|
|
||||||
if (!isNaN(parseFloat(v))) {
|
|
||||||
this.calculationValue = parseFloat(v).toFixed(this.digitPlaces)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
limitInput(value, q) {
|
|
||||||
if (value.indexOf('.') > -1) {
|
|
||||||
if (value.split('.')[1].length >= this.digitPlaces) {
|
|
||||||
this.$set(this.questionForm, q.Id, parseFloat(value).toFixed(this.digitPlaces))
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
}
|
|
||||||
},
|
|
||||||
logic(rules, num = 0) {
|
|
||||||
let isNE = false
|
|
||||||
try {
|
|
||||||
if (rules.CalculateQuestionList.length === 0) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
let dataArr = []
|
|
||||||
var count = 0
|
|
||||||
var maxList = [], minList = []
|
|
||||||
rules.CalculateQuestionList.forEach((o, i) => {
|
|
||||||
if (this.questionForm[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
if (rules.CustomCalculateMark > 4 && rules.CustomCalculateMark < 10) {
|
|
||||||
if (i !== 0) {
|
|
||||||
switch (rules.CustomCalculateMark) {
|
|
||||||
case 7:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
count += parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
|
|
||||||
if (i === rules.CalculateQuestionList.length - 1) {
|
|
||||||
num = count / rules.CalculateQuestionList.length
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 8:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
maxList.push(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
|
|
||||||
if (i === rules.CalculateQuestionList.length - 1) {
|
|
||||||
num = minList.length > 0 ? Math.max(...maxList) : 0
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 9:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
minList.push(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
|
|
||||||
if (i === rules.CalculateQuestionList.length - 1) {
|
|
||||||
num = minList.length > 0 ? Math.min(...minList) : 0
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
maxList.push(this.questionForm[o.TableQuestionId])
|
|
||||||
minList.push(this.questionForm[o.TableQuestionId])
|
|
||||||
count = parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
num = parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
dataArr.push(num)
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (i !== 0) {
|
|
||||||
switch (rules.CustomCalculateMark) {
|
|
||||||
case 1:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
num += parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
num -= parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case 3:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
num *= parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case 4:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
if (parseFloat(this.questionForm[o.TableQuestionId]) === 0) {
|
|
||||||
num = 0
|
|
||||||
} else {
|
|
||||||
num /= parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
break;
|
|
||||||
case 10:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
|
|
||||||
}
|
|
||||||
num = dataArr.length === 0 ? 0 : dataArr.reduce((acc, curr) => {
|
|
||||||
return acc + (typeof curr === "number" ? curr : 0);
|
|
||||||
}, 0) / dataArr.length;
|
|
||||||
break;
|
|
||||||
case 11:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
|
|
||||||
}
|
|
||||||
num = Math.max(...dataArr);
|
|
||||||
break;
|
|
||||||
case 12:
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
dataArr.push(parseFloat(this.questionForm[o.TableQuestionId]))
|
|
||||||
}
|
|
||||||
num = Math.min(...dataArr);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
|
||||||
num = parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e)
|
|
||||||
}
|
|
||||||
if (isNE) {
|
|
||||||
return 'NE'
|
|
||||||
}
|
|
||||||
if (rules.ValueType === 2) {
|
|
||||||
num = num * 100
|
|
||||||
}
|
|
||||||
return num.toFixed(this.digitPlaces)
|
|
||||||
},
|
|
||||||
formItemNumberChange(v, question) {
|
|
||||||
this.$emit('formItemTableNumberChange', v, question)
|
|
||||||
this.$emit('setFormItemData', { key: question.Id, val: v, question: question })
|
|
||||||
// this.$emit('formItemTableNumberChange', v, question)
|
|
||||||
},
|
|
||||||
resetChild(obj) {
|
|
||||||
obj.forEach(i => {
|
|
||||||
this.$emit('resetFormItemData', i.Id)
|
|
||||||
if (i.Childrens && i.Childrens.length > 0) {
|
|
||||||
this.resetChild(i.Childrens)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
resetFormItemData(v) {
|
|
||||||
this.$emit('resetFormItemData', v)
|
|
||||||
},
|
|
||||||
setFormItemData(obj) {
|
|
||||||
this.$emit('setFormItemData', obj)
|
|
||||||
},
|
|
||||||
async operateImageMarker(obj) {
|
|
||||||
obj.question.IsTableQuestion = true
|
|
||||||
obj.question.RowId = this.rowId
|
|
||||||
obj.question.ParentQsId = this.parentQsId
|
|
||||||
if (obj.operateStateEnum === 7 && this.questionForm[obj.question.Id] && isNaN(parseFloat(this.questionForm[obj.question.Id])) && this.questionForm[obj.question.Id] !== 'NE') return false
|
|
||||||
if (obj.operateStateEnum === 7) {
|
|
||||||
// 保存表格问题标记
|
|
||||||
// if (!obj.question.RowId) {
|
|
||||||
// // 生成rowId
|
|
||||||
// const loading = this.$loading({ fullscreen: true })
|
|
||||||
// try {
|
|
||||||
// let params = {
|
|
||||||
// questionId: this.parentQsId,
|
|
||||||
// RowIndex: this.questionForm.RowIndex,
|
|
||||||
// visitTaskId: this.visitTaskId,
|
|
||||||
// trialId: this.$route.query.trialId,
|
|
||||||
// answerList: [],
|
|
||||||
// }
|
|
||||||
// let res = await submitTableQuestion(params)
|
|
||||||
// // this.$emit('save',rowId)
|
|
||||||
// this.QuestionsForm.RowId = res.Result.RowId
|
|
||||||
// obj.rowId = res.Result.RowId
|
|
||||||
// this.rowId = res.Result.RowId
|
|
||||||
// loading.close()
|
|
||||||
// } catch(e) {
|
|
||||||
// loading.close()
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
obj.rowIndex = this.questionForm.RowIndex
|
|
||||||
// obj.parentQsId = this.parentQsId
|
|
||||||
obj.answer = this.questionForm[obj.question.Id]
|
|
||||||
}
|
|
||||||
this.$emit('operateImageMarker', obj)
|
|
||||||
},
|
|
||||||
async uploadScreenshot(param) {
|
|
||||||
if (!this.visitTaskId) return
|
|
||||||
const loading = this.$loading({
|
|
||||||
target: document.querySelector('.el-dialog'),
|
|
||||||
fullscreen: false,
|
|
||||||
lock: true,
|
|
||||||
text: 'Loading',
|
|
||||||
spinner: 'el-icon-loading'
|
|
||||||
})
|
|
||||||
var fileName = param.file.name
|
|
||||||
var index = fileName.lastIndexOf('.')
|
|
||||||
var suffix = fileName.substring(index + 1, fileName.length)
|
|
||||||
var file = await this.fileToBlob(param.file)
|
|
||||||
let res = await this.OSSclient.put(`/${this.$route.query.trialId}/Customize/${this.visitTaskId}/${fileName}`, file)
|
|
||||||
this.fileList.push({ name: `${this.$t('trials:emailManageCfg:title:fileName')}${this.fileList.length + 1}(${suffix})`, url: this.$getObjectName(res.url) })
|
|
||||||
this.urls.push(this.$getObjectName(res.url))
|
|
||||||
this.$emit('setFormItemData', { key: this.question.Id, val: this.urls.length > 0 ? this.urls.join('|') : '', question: this.question })
|
|
||||||
loading.close()
|
|
||||||
},
|
|
||||||
handleBeforeUpload(file, accept, type) {
|
|
||||||
if (type === 'screenshot') {
|
|
||||||
accept = '.png,.jpeg,.jpg'
|
|
||||||
}
|
|
||||||
// 检测文件类型是否符合要求
|
|
||||||
if (this.checkFileSuffix(file.name, accept) || accept === '-1') {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
const msg = this.$t('trials:adReview:title:msg4').replace('xxx', accept)
|
|
||||||
this.$alert(msg)
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
checkFileSuffix(fileName, accept) {
|
|
||||||
var index = fileName.lastIndexOf('.')
|
|
||||||
var suffix = fileName.substring(index + 1, fileName.length)
|
|
||||||
if (accept.toLocaleLowerCase().search(suffix.toLocaleLowerCase()) === -1) {
|
|
||||||
return false
|
|
||||||
} else {
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 预览图片
|
|
||||||
handlePictureCardPreview(file) {
|
|
||||||
var suffix = file.url.substring(file.url.lastIndexOf(".") + 1)
|
|
||||||
suffix = suffix ? suffix.toLowerCase() : ''
|
|
||||||
if (['ppt',
|
|
||||||
'pptx',
|
|
||||||
'doc',
|
|
||||||
'docx',
|
|
||||||
'xls',
|
|
||||||
'xlsx'].includes(suffix)) {
|
|
||||||
// window.open(this.OSSclientConfig.basePath + file.url,'_blank')
|
|
||||||
this.$onlyOffice({
|
|
||||||
path: file.url,
|
|
||||||
type: suffix,
|
|
||||||
title: file.name
|
|
||||||
})
|
|
||||||
// this.currentPath = file.url
|
|
||||||
// this.currentType = suffix
|
|
||||||
// this.previewVisible = true
|
|
||||||
} else if (['pdf'].includes(suffix)) {
|
|
||||||
this.$preview({
|
|
||||||
path: file.url,
|
|
||||||
type: 'pdf',
|
|
||||||
title: file.name,
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.imageUrl = this.OSSclientConfig.basePath + file.url
|
|
||||||
this.imgVisible = true
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs[this.imageUrl].$viewer.show()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 删除图片
|
|
||||||
handleRemove(file, fileList) {
|
|
||||||
if (file && file.status === "success") {
|
|
||||||
this.imageUrl = ''
|
|
||||||
this.fileList.splice(this.fileList.findIndex(f => f.url === file.url), 1)
|
|
||||||
this.fileList.forEach((i, index) => {
|
|
||||||
i.name = `${this.$t('trials:emailManageCfg:title:fileName')}${index + 1}`
|
|
||||||
})
|
|
||||||
this.urls.splice(this.fileList.findIndex(f => f === file.url), 1)
|
|
||||||
this.$emit('setFormItemData', { key: this.question.Id, val: this.urls.length > 0 ? this.urls.join('|') : '', question: this.question })
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.criterion-table-form-item {
|
|
||||||
.el-form-item {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-select .el-input__prefix {
|
|
||||||
left: calc(100% - 50px);
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
::v-deep .el-select .el-input__inner {
|
|
||||||
padding-left: 15px;
|
|
||||||
padding-right: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-input {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.el-select {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.mb {
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.disabled {
|
|
||||||
::v-deep .el-upload--picture-card {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.uploadWrapper {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -73,13 +73,13 @@
|
||||||
<el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
<el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
<span
|
<span v-else-if="questionForm[scope.row.QuestionId] instanceof Array && scope.row.Type === 'select'">
|
||||||
v-else-if="questionForm[scope.row.QuestionId] instanceof Array && (scope.row.Type === 'select' || scope.row.Type === 'radio')">
|
|
||||||
{{ questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] }}
|
{{ questionForm[scope.row.QuestionId][scope.row.xfIndex][scope.row.TableQuestionId] }}
|
||||||
</span>
|
</span>
|
||||||
<el-select
|
<el-select
|
||||||
v-else-if="(scope.row.Type === 'select' || scope.row.Type === 'radio') && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
|
v-else-if="(scope.row.Type === 'select' || scope.row.Type === 'radio' || (scope.row.Type === 'number' && scope.row.TypeValue)) && !scope.row.IsShowInDicom && ((task.IsBaseLine && scope.row.LimitEdit === 1) || (!task.IsBaseLine && scope.row.LimitEdit === 2) || scope.row.LimitEdit === 0)"
|
||||||
v-model="questionForm[scope.row.QuestionId]" size="mini" clearable>
|
v-model="questionForm[scope.row.QuestionId]" size="mini" clearable
|
||||||
|
@focus="() => { questionId = scope.row.QuestionId }">
|
||||||
<template>
|
<template>
|
||||||
<el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
<el-option v-for="val in scope.row.TypeValue.split('|')" :key="val" :label="val" :value="val" />
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -200,12 +200,12 @@
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<!-- 预览文件 -->
|
<!-- 预览文件 -->
|
||||||
<viewer ref="picture_perview_customizeReportPage" style="margin: 0 10px"
|
<el-dialog v-if="previewVisible" :visible.sync="previewVisible" :title="$t('common:button:preview')"
|
||||||
v-if="currentType && ['png', 'jpg', 'jpeg'].includes(currentType.toLowerCase())"
|
:fullscreen="true" append-to-body custom-class="base-dialog-wrapper">
|
||||||
:images="[`${OSSclientConfig.basePath}${currentPath}`]" :options="viewerOptions">
|
<div class="base-modal-body" style="border: 2px solid #ccc; padding: 10px">
|
||||||
|
<PreviewFile v-if="previewVisible" :file-path="currentPath" :file-type="currentType" />
|
||||||
<img v-show="false" :src="`${OSSclientConfig.basePath}${currentPath}`" alt="Image" />
|
</div>
|
||||||
</viewer>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
@ -214,10 +214,12 @@ import { setSkipReadingCache } from '@/api/reading'
|
||||||
import { getAutoCutNextTask } from '@/api/user'
|
import { getAutoCutNextTask } from '@/api/user'
|
||||||
import const_ from '@/const/sign-code'
|
import const_ from '@/const/sign-code'
|
||||||
import SignForm from '@/views/trials/components/newSignForm'
|
import SignForm from '@/views/trials/components/newSignForm'
|
||||||
|
import PreviewFile from '@/components/PreviewFile/index'
|
||||||
import { getToken } from '@/utils/auth'
|
import { getToken } from '@/utils/auth'
|
||||||
|
import store from '@/store'
|
||||||
export default {
|
export default {
|
||||||
name: 'CustomizeReportPage',
|
name: 'CustomizeReportPage',
|
||||||
components: { SignForm },
|
components: { SignForm, PreviewFile },
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
trialId: '',
|
trialId: '',
|
||||||
|
|
@ -242,23 +244,9 @@ export default {
|
||||||
questionForm: {},
|
questionForm: {},
|
||||||
questionId: null,
|
questionId: null,
|
||||||
taskInfo: null,
|
taskInfo: null,
|
||||||
|
previewVisible: false,
|
||||||
currentPath: '',
|
currentPath: '',
|
||||||
currentType: '',
|
currentType: ''
|
||||||
|
|
||||||
|
|
||||||
viewerOptions: {
|
|
||||||
toolbar: {
|
|
||||||
zoomIn: true,
|
|
||||||
zoomOut: true,
|
|
||||||
reset: true,
|
|
||||||
prev: false,
|
|
||||||
next: false,
|
|
||||||
rotateLeft: true,
|
|
||||||
rotateRight: true,
|
|
||||||
flipHorizontal: true,
|
|
||||||
flipVertical: true,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
|
|
@ -820,33 +808,7 @@ export default {
|
||||||
this.currentPath = path
|
this.currentPath = path
|
||||||
const arr = path.split('.')
|
const arr = path.split('.')
|
||||||
this.currentType = arr[arr.length - 1]
|
this.currentType = arr[arr.length - 1]
|
||||||
// this.previewVisible = true
|
this.previewVisible = true
|
||||||
if (['.ppt',
|
|
||||||
'.pptx',
|
|
||||||
'.doc',
|
|
||||||
'.docx',
|
|
||||||
'.xls',
|
|
||||||
'.xlsx'].includes(`.${this.currentType.toLowerCase()}`)) {
|
|
||||||
this.$onlyOffice({
|
|
||||||
path: path,
|
|
||||||
type: this.currentType,
|
|
||||||
title: this.$t('trials:readingReport:title:preview')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (['.jpg',
|
|
||||||
'.jpeg',
|
|
||||||
'.png'].includes(`.${this.currentType.toLowerCase()}`)) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs['picture_perview_customizeReportPage'].$viewer.show()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (['.pdf'].includes(`.${this.currentType.toLowerCase()}`)) {
|
|
||||||
this.$preview({
|
|
||||||
path: path,
|
|
||||||
type: 'pdf',
|
|
||||||
title: this.$t('trials:readingReport:title:preview')
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -234,7 +234,6 @@ const config = {
|
||||||
'name': '直径测量工具',
|
'name': '直径测量工具',
|
||||||
'icon': 'length',
|
'icon': 'length',
|
||||||
'toolName': 'Length',
|
'toolName': 'Length',
|
||||||
'props': ['length'],
|
|
||||||
'i18nKey': 'trials:reading:button:length',
|
'i18nKey': 'trials:reading:button:length',
|
||||||
'isDisabled': false,
|
'isDisabled': false,
|
||||||
'disabledReason': ''
|
'disabledReason': ''
|
||||||
|
|
@ -243,7 +242,6 @@ const config = {
|
||||||
'name': '长短径测量工具',
|
'name': '长短径测量工具',
|
||||||
'icon': 'bidirection',
|
'icon': 'bidirection',
|
||||||
'toolName': 'Bidirectional',
|
'toolName': 'Bidirectional',
|
||||||
'props': ['length', 'width'],
|
|
||||||
'i18nKey': 'trials:reading:button:bidirectional',
|
'i18nKey': 'trials:reading:button:bidirectional',
|
||||||
'isDisabled': false,
|
'isDisabled': false,
|
||||||
'disabledReason': ''
|
'disabledReason': ''
|
||||||
|
|
@ -252,7 +250,6 @@ const config = {
|
||||||
'name': '矩形工具',
|
'name': '矩形工具',
|
||||||
'icon': 'rectangle',
|
'icon': 'rectangle',
|
||||||
'toolName': 'RectangleROI',
|
'toolName': 'RectangleROI',
|
||||||
'props': ['area', 'mean', 'max', 'stdDev'],
|
|
||||||
'i18nKey': 'trials:reading:button:rectangle',
|
'i18nKey': 'trials:reading:button:rectangle',
|
||||||
'isDisabled': false,
|
'isDisabled': false,
|
||||||
'disabledReason': ''
|
'disabledReason': ''
|
||||||
|
|
@ -261,7 +258,6 @@ const config = {
|
||||||
'name': '箭头工具',
|
'name': '箭头工具',
|
||||||
'icon': 'arrow',
|
'icon': 'arrow',
|
||||||
'toolName': 'ArrowAnnotate',
|
'toolName': 'ArrowAnnotate',
|
||||||
'props': [],
|
|
||||||
'i18nKey': 'trials:reading:button:arrowAnnotate',
|
'i18nKey': 'trials:reading:button:arrowAnnotate',
|
||||||
'isDisabled': false,
|
'isDisabled': false,
|
||||||
'disabledReason': ''
|
'disabledReason': ''
|
||||||
|
|
@ -270,95 +266,11 @@ const config = {
|
||||||
'name': '椭圆工具',
|
'name': '椭圆工具',
|
||||||
'icon': 'oval',
|
'icon': 'oval',
|
||||||
'toolName': 'CircleROI',
|
'toolName': 'CircleROI',
|
||||||
'props': ['radius', 'area', 'mean', 'max', 'stdDev'],
|
|
||||||
'i18nKey': 'trials:reading:button:Circle',
|
'i18nKey': 'trials:reading:button:Circle',
|
||||||
'isDisabled': false,
|
'isDisabled': false,
|
||||||
'disabledReason': ''
|
'disabledReason': ''
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '角度工具',
|
|
||||||
'icon': 'angle',
|
|
||||||
'toolName': 'Angle',
|
|
||||||
'props': ['angle'],
|
|
||||||
'i18nKey': 'trials:reading:button:Angle',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '角度工具',
|
|
||||||
'icon': 'cobb',
|
|
||||||
'toolName': 'CobbAngle',
|
|
||||||
'props': ['angle'],
|
|
||||||
'i18nKey': 'trials:reading:button:CobbAngle',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
}
|
}
|
||||||
],
|
]
|
||||||
'customizeStandardsNoneDicom': [
|
|
||||||
{
|
|
||||||
'name': '直径测量工具',
|
|
||||||
'icon': 'length',
|
|
||||||
'toolName': 'Length',
|
|
||||||
'props': ['length'],
|
|
||||||
'i18nKey': 'trials:reading:button:length',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '矩形工具',
|
|
||||||
'icon': 'rectangle',
|
|
||||||
'toolName': 'RectangleROI',
|
|
||||||
'props': ['area', 'mean', 'max', 'stdDev'],
|
|
||||||
'i18nKey': 'trials:reading:button:rectangle',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '箭头工具',
|
|
||||||
'icon': 'arrow',
|
|
||||||
'toolName': 'ArrowAnnotate',
|
|
||||||
'props': [],
|
|
||||||
'i18nKey': 'trials:reading:button:arrowAnnotate',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '圆形工具',
|
|
||||||
'icon': 'oval',
|
|
||||||
'toolName': 'CircleROI',
|
|
||||||
'props': ['radius', 'area', 'mean', 'max', 'stdDev'],
|
|
||||||
'i18nKey': 'trials:reading:button:Circle',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '椭圆工具',
|
|
||||||
'icon': 'elliptical',
|
|
||||||
'toolName': 'EllipticalROI',
|
|
||||||
'props': ['radius', 'area', 'mean', 'max', 'stdDev'],
|
|
||||||
'i18nKey': 'trials:reading:button:Elliptical',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '角度工具',
|
|
||||||
'icon': 'angle',
|
|
||||||
'toolName': 'Angle',
|
|
||||||
'props': ['angle'],
|
|
||||||
'i18nKey': 'trials:reading:button:Angle',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
{
|
|
||||||
'name': '自由曲线',
|
|
||||||
'icon': 'polygon',
|
|
||||||
'toolName': 'PlanarFreehandROI',
|
|
||||||
'props': [],
|
|
||||||
'i18nKey': 'trials:reading:button:planarFreehandROI',
|
|
||||||
'isDisabled': false,
|
|
||||||
'disabledReason': ''
|
|
||||||
},
|
|
||||||
],
|
|
||||||
}
|
}
|
||||||
const getTools = (criterionType) => {
|
const getTools = (criterionType) => {
|
||||||
const standard = config.standards.find(s => s.type === criterionType)
|
const standard = config.standards.find(s => s.type === criterionType)
|
||||||
|
|
@ -368,8 +280,4 @@ const getCustomizeStandardsTools = (toolNames) => {
|
||||||
const filteredTools = config.customizeStandards.filter(item => toolNames.includes(item.toolName))
|
const filteredTools = config.customizeStandards.filter(item => toolNames.includes(item.toolName))
|
||||||
return filteredTools || []
|
return filteredTools || []
|
||||||
}
|
}
|
||||||
const getCustomizeStandardsNoneDicomTools = (toolNames) => {
|
export { config, getTools, getCustomizeStandardsTools }
|
||||||
const filteredTools = config.customizeStandardsNoneDicom.filter(item => toolNames.includes(item.toolName))
|
|
||||||
return filteredTools || []
|
|
||||||
}
|
|
||||||
export { config, getTools, getCustomizeStandardsTools, getCustomizeStandardsNoneDicomTools }
|
|
||||||
|
|
|
||||||
|
|
@ -2,7 +2,7 @@
|
||||||
<div v-loading="loading" class="reading-viewer-container">
|
<div v-loading="loading" class="reading-viewer-container">
|
||||||
<!-- 访视阅片 -->
|
<!-- 访视阅片 -->
|
||||||
<visit-review
|
<visit-review
|
||||||
v-if="taskInfo && taskInfo.ReadingCategory === 1"
|
v-if="taskInfo && taskInfo.ReadingCategory=== 1"
|
||||||
/>
|
/>
|
||||||
<!-- 临床数据 -->
|
<!-- 临床数据 -->
|
||||||
<el-dialog
|
<el-dialog
|
||||||
|
|
|
||||||
|
|
@ -318,7 +318,7 @@
|
||||||
:disabled="!scope.row.IsHaveQuestion || scope.row.IsInvalid"
|
:disabled="!scope.row.IsHaveQuestion || scope.row.IsInvalid"
|
||||||
circle
|
circle
|
||||||
:title="$t('trials:medicalFeedback:table:view')"
|
:title="$t('trials:medicalFeedback:table:view')"
|
||||||
icon="el-icon-view"
|
icon="el-icon-edit-outline"
|
||||||
@click="handleReadMecialAudit(scope.row)"
|
@click="handleReadMecialAudit(scope.row)"
|
||||||
/>
|
/>
|
||||||
<!-- 回复:disabled="!scope.row.IsHaveQuestion || scope.row.IsInvalid" -->
|
<!-- 回复:disabled="!scope.row.IsHaveQuestion || scope.row.IsInvalid" -->
|
||||||
|
|
|
||||||
|
|
@ -1,39 +1,59 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-loading="loading" class="reading-viewer-container">
|
<div v-loading="loading" class="reading-viewer-container">
|
||||||
<!-- 访视阅片 -->
|
<!-- 访视阅片 -->
|
||||||
<visit-review v-if="taskInfo && taskInfo.ReadingCategory === 1" />
|
<visit-review v-if="taskInfo && taskInfo.ReadingCategory=== 1" />
|
||||||
<!-- 全局阅片 -->
|
<!-- 全局阅片 -->
|
||||||
<global-review v-else-if="taskInfo && taskInfo.ReadingCategory === 2" :trial-id="trialId"
|
<global-review
|
||||||
:subject-id="taskInfo.SubjectId" :visit-task-id="taskInfo.VisitTaskId"
|
v-else-if="taskInfo && taskInfo.ReadingCategory=== 2"
|
||||||
:reading-category="taskInfo.ReadingCategory" :subject-code="taskInfo.SubjectCode"
|
:trial-id="trialId"
|
||||||
:task-blind-name="taskInfo.TaskBlindName" :is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo"
|
:subject-id="taskInfo.SubjectId"
|
||||||
|
:visit-task-id="taskInfo.VisitTaskId"
|
||||||
|
:reading-category="taskInfo.ReadingCategory"
|
||||||
|
:subject-code="taskInfo.SubjectCode"
|
||||||
|
:task-blind-name="taskInfo.TaskBlindName"
|
||||||
|
:is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo"
|
||||||
:is-reading-show-previous-results="taskInfo.IsReadingShowPreviousResults"
|
:is-reading-show-previous-results="taskInfo.IsReadingShowPreviousResults"
|
||||||
:is-exists-clinical-data="taskInfo.IsExistsClinicalData" />
|
:is-exists-clinical-data="taskInfo.IsExistsClinicalData"
|
||||||
|
/>
|
||||||
<!-- 裁判阅片 -->
|
<!-- 裁判阅片 -->
|
||||||
<ad-review v-else-if="taskInfo && taskInfo.ReadingCategory === 4" :trial-id="trialId"
|
<ad-review
|
||||||
:subject-id="taskInfo.SubjectId" :visit-task-id="taskInfo.VisitTaskId"
|
v-else-if="taskInfo && taskInfo.ReadingCategory=== 4"
|
||||||
:reading-category="taskInfo.ReadingCategory" :subject-code="taskInfo.SubjectCode"
|
:trial-id="trialId"
|
||||||
:task-blind-name="taskInfo.TaskBlindName" :is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo"
|
:subject-id="taskInfo.SubjectId"
|
||||||
|
:visit-task-id="taskInfo.VisitTaskId"
|
||||||
|
:reading-category="taskInfo.ReadingCategory"
|
||||||
|
:subject-code="taskInfo.SubjectCode"
|
||||||
|
:task-blind-name="taskInfo.TaskBlindName"
|
||||||
|
:is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo"
|
||||||
:is-reading-show-previous-results="taskInfo.IsReadingShowPreviousResults"
|
:is-reading-show-previous-results="taskInfo.IsReadingShowPreviousResults"
|
||||||
:is-exists-clinical-data="taskInfo.IsExistsClinicalData" />
|
:is-exists-clinical-data="taskInfo.IsExistsClinicalData"
|
||||||
|
/>
|
||||||
<!-- 肿瘤学阅片 -->
|
<!-- 肿瘤学阅片 -->
|
||||||
<!-- <oncology-review v-else-if="taskInfo && taskInfo.ReadingCategory=== 5" /> -->
|
<!-- <oncology-review v-else-if="taskInfo && taskInfo.ReadingCategory=== 5" /> -->
|
||||||
<el-dialog :visible.sync="clinicalDataVisible"
|
<el-dialog
|
||||||
:custom-class="isClinicalDataFullscreen ? 'full-dialog-container' : 'dialog-container'" :show-close="false"
|
:visible.sync="clinicalDataVisible"
|
||||||
:close-on-click-modal="false" :fullscreen="isClinicalDataFullscreen">
|
:custom-class="isClinicalDataFullscreen?'full-dialog-container':'dialog-container'"
|
||||||
|
:show-close="false"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:fullscreen="isClinicalDataFullscreen"
|
||||||
|
>
|
||||||
<span slot="title" class="dialog-footer">
|
<span slot="title" class="dialog-footer">
|
||||||
<!-- 当前阅片任务存在临床数据，请查看。若已查看，请点击“确认” -->
|
<!-- 当前阅片任务存在临床数据，请查看。若已查看，请点击“确认” -->
|
||||||
<span v-if="!closeCDVisible">{{ $t('trials:reading:dagTitle:msg1') }}</span>
|
<span v-if="!closeCDVisible">{{ $t('trials:reading:dagTitle:msg1') }}</span>
|
||||||
<div style="position: absolute;right: 20px;top: 10px;">
|
<div style="position: absolute;right: 20px;top: 10px;">
|
||||||
<svg-icon :icon-class="isClinicalDataFullscreen ? 'exit-fullscreen' : 'fullscreen'"
|
<svg-icon :icon-class="isClinicalDataFullscreen?'exit-fullscreen':'fullscreen'" style="cursor: pointer;font-size: 20px;" @click="isClinicalDataFullscreen=!isClinicalDataFullscreen" />
|
||||||
style="cursor: pointer;font-size: 20px;" @click="isClinicalDataFullscreen = !isClinicalDataFullscreen" />
|
<svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;" @click="clinicalDataVisible = false" />
|
||||||
<svg-icon v-if="closeCDVisible" icon-class="dClose" style="cursor: pointer;font-size: 25px;margin-left: 10px;"
|
|
||||||
@click="clinicalDataVisible = false" />
|
|
||||||
</div>
|
</div>
|
||||||
</span>
|
</span>
|
||||||
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
<div style="height: 100%;margin:0;display: flex;flex-direction: column;">
|
||||||
<clinical-data v-if="clinicalDataVisible" style="flex: 1" :trial-id="trialId" :subject-id="taskInfo.SubjectId"
|
<clinical-data
|
||||||
:visit-task-id="cdVisitTaskId" :is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo" />
|
v-if="clinicalDataVisible"
|
||||||
|
style="flex: 1"
|
||||||
|
:trial-id="trialId"
|
||||||
|
:subject-id="taskInfo.SubjectId"
|
||||||
|
:visit-task-id="cdVisitTaskId"
|
||||||
|
:is-reading-show-subject-info="taskInfo.IsReadingShowSubjectInfo"
|
||||||
|
/>
|
||||||
<div v-if="!closeCDVisible" style="text-align:right">
|
<div v-if="!closeCDVisible" style="text-align:right">
|
||||||
<el-button type="primary" @click="handleConfirmCD">{{ $t('trials:reading:button:confirm') }}</el-button>
|
<el-button type="primary" @click="handleConfirmCD">{{ $t('trials:reading:button:confirm') }}</el-button>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -45,7 +65,6 @@
|
||||||
<script>
|
<script>
|
||||||
import { getNextTask, readClinicalData } from '@/api/trials'
|
import { getNextTask, readClinicalData } from '@/api/trials'
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import { changeURLStatic } from '@/utils/history.js'
|
|
||||||
import VisitReview from '@/views/trials/trials-panel/reading/visit-review'
|
import VisitReview from '@/views/trials/trials-panel/reading/visit-review'
|
||||||
import GlobalReview from '@/views/trials/trials-panel/reading/global-review'
|
import GlobalReview from '@/views/trials/trials-panel/reading/global-review'
|
||||||
import AdReview from '@/views/trials/trials-panel/reading/ad-review'
|
import AdReview from '@/views/trials/trials-panel/reading/ad-review'
|
||||||
|
|
@ -73,10 +92,6 @@ export default {
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.trialId = this.$route.query.trialId
|
this.trialId = this.$route.query.trialId
|
||||||
if (this.$router.currentRoute.query.TokenKey) {
|
|
||||||
store.dispatch('user/setToken', this.$router.currentRoute.query.TokenKey)
|
|
||||||
changeURLStatic('TokenKey', '')
|
|
||||||
}
|
|
||||||
this.getTaskInfo()
|
this.getTaskInfo()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
|
@ -127,24 +142,20 @@ export default {
|
||||||
.reading-viewer-container {
|
.reading-viewer-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
::v-deep .dialog-container{
|
||||||
::v-deep .dialog-container {
|
|
||||||
margin-top: 50px !important;
|
margin-top: 50px !important;
|
||||||
width: 75%;
|
width:75%;
|
||||||
height: 80%;
|
height:80%;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-dialog__body{
|
||||||
::v-deep .el-dialog__body {
|
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
height: calc(100% - 70px);
|
height: calc(100% - 70px);
|
||||||
}
|
}
|
||||||
|
.el-dialog__header{
|
||||||
.el-dialog__header {
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
.full-dialog-container{
|
||||||
.full-dialog-container {
|
::v-deep .is-fullscreen .el-dialog__body{
|
||||||
::v-deep .is-fullscreen .el-dialog__body {
|
|
||||||
height: calc(100% - 70px);
|
height: calc(100% - 70px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
File diff suppressed because it is too large
Load Diff
|
|
@ -2,15 +2,18 @@
|
||||||
<template>
|
<template>
|
||||||
<BaseContainer class="read-task-allocation">
|
<BaseContainer class="read-task-allocation">
|
||||||
<el-tabs type="border-card" v-model="TrialReadingCriterionId">
|
<el-tabs type="border-card" v-model="TrialReadingCriterionId">
|
||||||
<el-tab-pane :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId"
|
<el-tab-pane :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId" v-for="i of trialCriterionList" :key="i.TrialReadingCriterionId">
|
||||||
v-for="i of trialCriterionList" :key="i.TrialReadingCriterionId">
|
|
||||||
<div v-if="TrialReadingCriterionId === i.TrialReadingCriterionId">
|
<div v-if="TrialReadingCriterionId === i.TrialReadingCriterionId">
|
||||||
<div slot="search-container">
|
<div slot="search-container">
|
||||||
<el-form :inline="true">
|
<el-form :inline="true">
|
||||||
<el-form-item :label="$t('trials:reviewAssign:table:siteCode')">
|
<el-form-item :label="$t('trials:reviewAssign:table:siteCode')">
|
||||||
<el-select v-model="searchData.TrialSiteId" clearable filterable style="width:240px;">
|
<el-select v-model="searchData.TrialSiteId" clearable filterable style="width:240px;">
|
||||||
<el-option v-for="(item, index) of siteOptions" :key="'taskSearchData' + index"
|
<el-option
|
||||||
:label="item.TrialSiteCode" :value="item.TrialSiteId" />
|
v-for="(item,index) of siteOptions"
|
||||||
|
:key="'taskSearchData' + index"
|
||||||
|
:label="item.TrialSiteCode"
|
||||||
|
:value="item.TrialSiteId"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 受试者编号 -->
|
<!-- 受试者编号 -->
|
||||||
|
|
@ -20,22 +23,20 @@
|
||||||
<!-- 阅片人 -->
|
<!-- 阅片人 -->
|
||||||
<el-form-item :label="$t('trials:reviewAssign:searchForm:reader')">
|
<el-form-item :label="$t('trials:reviewAssign:searchForm:reader')">
|
||||||
<el-select v-model="searchData.DoctorUserId" clearable style="width:240px;">
|
<el-select v-model="searchData.DoctorUserId" clearable style="width:240px;">
|
||||||
<el-option v-for="item of DoctorUserList" :key="'taskSearchData' + item.DoctorUserId"
|
<el-option v-for="item of DoctorUserList" :key="'taskSearchData' + item.DoctorUserId" :value="item.DoctorUserId" :label="`${item.UserName}(${item.FullName})`" />
|
||||||
:value="item.DoctorUserId" :label="`${item.UserName}(${item.FullName})`" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 分配状态 -->
|
<!-- 分配状态 -->
|
||||||
<el-form-item :label="$t('trials:reviewAssign:searchForm:status')">
|
<el-form-item :label="$t('trials:reviewAssign:searchForm:status')">
|
||||||
<el-select v-model="searchData.SubjectAllocateState" clearable style="width:240px;">
|
<el-select v-model="searchData.SubjectAllocateState" clearable style="width:240px;">
|
||||||
<el-option v-for="item of $d.SubjectAllocateState" :key="item.id" :value="item.value"
|
<el-option v-for="item of $d.SubjectAllocateState" :key=" item.id" :value="item.value" :label="item.label" />
|
||||||
:label="item.label" />
|
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 分配角色 -->
|
<!-- 分配角色 -->
|
||||||
<el-form-item :label="$t('trials:reviewAssign:searchForm:role')">
|
<el-form-item :label="$t('trials:reviewAssign:searchForm:role')">
|
||||||
<el-select v-model="searchData.ArmList" clearable style="width:240px;" multiple>
|
<el-select v-model="searchData.ArmList" clearable style="width:240px;" multiple>
|
||||||
<template v-for="item of $d.ArmEnum">
|
<template v-for="item of $d.ArmEnum">
|
||||||
<el-option :key="item.id" :value="item.value" :label="item.label" v-if="item.label !== 'GR'" />
|
<el-option :key="item.id" :value="item.value" :label="item.label" v-if="item.label!=='GR'"/>
|
||||||
</template>
|
</template>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -49,14 +50,11 @@
|
||||||
{{ $t('common:button:reset') }}
|
{{ $t('common:button:reset') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 分配规则 -->
|
<!-- 分配规则 -->
|
||||||
<el-button type="primary" icon="el-icon-edit-outline"
|
<el-button type="primary" icon="el-icon-edit-outline" v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']" @click="openAllocationConfigVisible">
|
||||||
v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']"
|
|
||||||
@click="openAllocationConfigVisible">
|
|
||||||
{{ $t('trials:reviewAssign:button:assignRules') }}
|
{{ $t('trials:reviewAssign:button:assignRules') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 手动分配 -->
|
<!-- 手动分配 -->
|
||||||
<el-button type="primary" :loading="btnLoading"
|
<el-button type="primary" :loading="btnLoading" v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']" @click="manualAllocation()">
|
||||||
v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']" @click="manualAllocation()">
|
|
||||||
{{ $t('trials:reviewAssign:button:manualAllocation') }}
|
{{ $t('trials:reviewAssign:button:manualAllocation') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 访视、全局、肿瘤学阅片任务 -->
|
<!-- 访视、全局、肿瘤学阅片任务 -->
|
||||||
|
|
@ -65,216 +63,320 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 裁判阅片任务 -->
|
<!-- 裁判阅片任务 -->
|
||||||
<el-button type="primary" :loading="btnLoading" @click="openAllocation('referee')">
|
<el-button type="primary" :loading="btnLoading" @click="openAllocation('referee')">
|
||||||
{{ $t('trials:reviewAssign:button:adReadingTasks') }}
|
{{$t('trials:reviewAssign:button:adReadingTasks')}}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
<div slot="main-container">
|
<div slot="main-container">
|
||||||
<el-table :ref="TrialReadingCriterionId" v-loading="loading" v-adaptive="{ bottomOffset: 85 }" border
|
<el-table
|
||||||
:data="list" stripe height="100" @selection-change="handleSubjectAssignListSelectChange"
|
:ref="TrialReadingCriterionId"
|
||||||
@sort-change="handleSortChange">
|
v-loading="loading"
|
||||||
|
v-adaptive="{bottomOffset:85}"
|
||||||
|
border
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
@selection-change="handleSubjectAssignListSelectChange"
|
||||||
|
@sort-change="handleSortChange"
|
||||||
|
>
|
||||||
<el-table-column type="selection" align="left" width="45" />
|
<el-table-column type="selection" align="left" width="45" />
|
||||||
<!-- 中心编号 -->
|
<!-- 中心编号 -->
|
||||||
<el-table-column prop="TrialSiteCode" :label="$t('trials:reviewAssign:table:siteCode')" width="140"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="TrialSiteCode"
|
||||||
|
:label="$t('trials:reviewAssign:table:siteCode')"
|
||||||
|
width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 受试者编号 -->
|
<!-- 受试者编号 -->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:subjectCode')" width="140"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="SubjectCode"
|
||||||
|
:label="$t('trials:reviewAssign:table:subjectCode')"
|
||||||
|
width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 访视 -->
|
<!-- 访视 -->
|
||||||
<el-table-column prop="VisitTaskTypeCount" :label="$t('trials:reviewAssign:table:visit')" width="140"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="VisitTaskTypeCount"
|
||||||
|
:label="$t('trials:reviewAssign:table:visit')"
|
||||||
|
width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span @click="openAllocation('task', 1, scope.row.SubjectCode)"
|
<span @click="openAllocation('task', 1, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.VisitTaskTypeCount}}</span>
|
||||||
style="color:#428bca;cursor: pointer">{{ scope.row.VisitTaskTypeCount }}</span>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 全局 -->
|
<!-- 全局 -->
|
||||||
<el-table-column prop="GlobalTaskTypeCount" :label="$t('trials:reviewAssign:table:global')" width="140"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsGlobalReading" sortable="custom">
|
prop="GlobalTaskTypeCount"
|
||||||
|
:label="$t('trials:reviewAssign:table:global')"
|
||||||
|
width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="OtherInfo && OtherInfo.IsGlobalReading"
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span @click="openAllocation('task', 2, scope.row.SubjectCode)"
|
<span @click="openAllocation('task', 2, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.GlobalTaskTypeCount}}</span>
|
||||||
style="color:#428bca;cursor: pointer">{{ scope.row.GlobalTaskTypeCount }}</span>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 裁判 -->
|
<!-- 裁判 -->
|
||||||
<el-table-column prop="JudgeTaskTypeCount" :label="$t('trials:reviewAssign:table:ad')" width="140"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2"
|
prop="JudgeTaskTypeCount"
|
||||||
sortable="custom">
|
:label="$t('trials:reviewAssign:table:ad')"
|
||||||
|
width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2"
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span @click="openAllocation('referee', 4, scope.row.SubjectCode)"
|
<span @click="openAllocation('referee', 4, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.JudgeTaskTypeCount}}</span>
|
||||||
style="color:#428bca;cursor: pointer">{{ scope.row.JudgeTaskTypeCount }}</span>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 肿瘤学 -->
|
<!-- 肿瘤学 -->
|
||||||
<el-table-column prop="OncologyTaskTypeCount" :label="$t('trials:reviewAssign:table:oncology')"
|
<el-table-column
|
||||||
width="140" show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsOncologyReading" sortable="custom">
|
prop="OncologyTaskTypeCount"
|
||||||
|
:label="$t('trials:reviewAssign:table:oncology')"
|
||||||
|
width="140"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="OtherInfo && OtherInfo.IsOncologyReading"
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span @click="openAllocation('task', 5, scope.row.SubjectCode)"
|
<span @click="openAllocation('task', 5, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.OncologyTaskTypeCount}}</span>
|
||||||
style="color:#428bca;cursor: pointer">{{ scope.row.OncologyTaskTypeCount }}</span>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 阅片人（R1） -->
|
<!-- 阅片人（R1） -->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:r1')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="ReadingType === 1">
|
prop="SubjectCode"
|
||||||
|
:label="$t('trials:reviewAssign:table:r1')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="ReadingType === 1"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.NowDoctorUserList.length"
|
<div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
|
||||||
style="display: flex;justify-content: left;align-items: center">
|
|
||||||
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser">
|
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser">
|
||||||
{{ `${findDoctorUser(scope.row.NowDoctorUserList,
|
{{ `${findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser.FullName})` }}
|
||||||
0).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser.FullName})` }}
|
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 阅片人（R1） -->
|
<!-- 阅片人（R1） -->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:r1')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="ReadingType === 2">
|
prop="SubjectCode"
|
||||||
|
:label="$t('trials:reviewAssign:table:r1')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="ReadingType === 2"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.NowDoctorUserList.length"
|
<div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
|
||||||
style="display: flex;justify-content: left;align-items: center">
|
|
||||||
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser">
|
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser">
|
||||||
{{ `${findDoctorUser(scope.row.NowDoctorUserList,
|
{{ `${findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser.FullName})` }}
|
||||||
1).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser.FullName})` }}
|
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 阅片人（R2） -->
|
<!-- 阅片人（R2） -->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:r2')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="ReadingType === 2">
|
prop="SubjectCode"
|
||||||
|
:label="$t('trials:reviewAssign:table:r2')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="ReadingType === 2"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.NowDoctorUserList.length"
|
<div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
|
||||||
style="display: flex;justify-content: left;align-items: center">
|
|
||||||
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser">
|
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser">
|
||||||
{{ `${findDoctorUser(scope.row.NowDoctorUserList,
|
{{ `${findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser.FullName})` }}
|
||||||
2).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser.FullName})` }}
|
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 裁判(AD) -->
|
<!-- 裁判(AD) -->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:ad')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2">
|
prop="SubjectCode"
|
||||||
|
:label="$t('trials:reviewAssign:table:ad')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.NowDoctorUserList.length"
|
<div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
|
||||||
style="display: flex;justify-content: left;align-items: center">
|
|
||||||
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser">
|
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser">
|
||||||
{{ `${findDoctorUser(scope.row.NowDoctorUserList,
|
{{ `${findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser.FullName})` }}
|
||||||
3).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser.FullName})` }}
|
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 肿瘤阅片人（O1） -->
|
<!-- 肿瘤阅片人（O1） -->
|
||||||
<el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:o1')" min-width="100"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsOncologyReading">
|
prop="SubjectCode"
|
||||||
|
:label="$t('trials:reviewAssign:table:o1')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="OtherInfo && OtherInfo.IsOncologyReading"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="scope.row.NowDoctorUserList.length"
|
<div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
|
||||||
style="display: flex;justify-content: left;align-items: center">
|
|
||||||
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser">
|
<el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser">
|
||||||
{{ `${findDoctorUser(scope.row.NowDoctorUserList,
|
{{ `${findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser.FullName})` }}
|
||||||
4).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser.FullName})` }}
|
|
||||||
</el-tag>
|
</el-tag>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="" :label="$t('common:action:action')" width="180" show-overflow-tooltip
|
<el-table-column
|
||||||
v-if="hasPermi(['trials:trials-panel:reading:readTaskAllocation:edit'])">
|
prop=""
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="hasPermi(['trials:trials-panel:reading:readTaskAllocation:edit'])"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 手动分配 -->
|
<!-- 手动分配 -->
|
||||||
<el-button circle :disabled="scope.row.NowDoctorUserList.length === 4" icon="el-icon-thumb"
|
<el-button
|
||||||
|
circle
|
||||||
|
:disabled="scope.row.NowDoctorUserList.length === 4"
|
||||||
|
icon="el-icon-thumb"
|
||||||
:title="$t('trials:reviewAssign:tableAction:manualAssignment')"
|
:title="$t('trials:reviewAssign:tableAction:manualAssignment')"
|
||||||
@click="manualAllocation(scope.row)" />
|
@click="manualAllocation(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 清除阅片人 -->
|
<!-- 清除阅片人 -->
|
||||||
<el-button circle :disabled="scope.row.NowDoctorUserList.length === 0" icon="el-icon-close"
|
<el-button
|
||||||
:title="$t('trials:reviewAssign:tableAction:clearReaders')" @click="openClearAudience(scope.row)" />
|
circle
|
||||||
|
:disabled="scope.row.NowDoctorUserList.length === 0"
|
||||||
|
icon="el-icon-close"
|
||||||
|
:title="$t('trials:reviewAssign:tableAction:clearReaders')"
|
||||||
|
@click="openClearAudience(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 查看取消历史 -->
|
<!-- 查看取消历史 -->
|
||||||
<el-button circle icon="el-icon-document-copy"
|
<el-button
|
||||||
|
circle
|
||||||
|
icon="el-icon-document-copy"
|
||||||
:title="$t('trials:reviewAssign:tableAction:viewHistory')"
|
:title="$t('trials:reviewAssign:tableAction:viewHistory')"
|
||||||
@click="openSubjectCancelDoctorHistoryList(scope.row)" />
|
@click="openSubjectCancelDoctorHistoryList(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<pagination style="text-align: right;margin-top: 10px;" class="page" :total="total"
|
<pagination style="text-align: right;margin-top: 10px;" class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
|
||||||
:page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
|
|
||||||
<!-- 分配规则 -->
|
<!-- 分配规则 -->
|
||||||
<el-dialog :title="$t('trials:reviewAssign:dialog:allocationRules')" :visible.sync="AllocationConfigVisible"
|
<el-dialog
|
||||||
width="1400px" :close-on-click-modal="false" custom-class="base-dialog-wrapper">
|
:title="$t('trials:reviewAssign:dialog:allocationRules')"
|
||||||
|
:visible.sync="AllocationConfigVisible"
|
||||||
|
width="1400px"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
<div class="base-dialog-body" style="position: relative;">
|
<div class="base-dialog-body" style="position: relative;">
|
||||||
<!-- 阅片人列表 -->
|
<!-- 阅片人列表 -->
|
||||||
<el-divider content-position="left" style="margin-bottom: 40px;">
|
<el-divider content-position="left" style="margin-bottom: 40px;">
|
||||||
{{ $t('trials:reviewAssign:allocationRules:title:readersList') }}
|
{{$t('trials:reviewAssign:allocationRules:title:readersList')}}
|
||||||
</el-divider>
|
</el-divider>
|
||||||
<el-form style="margin-top: 40px" ref="signForm" size="small" label-width="0px">
|
<el-form
|
||||||
|
style="margin-top: 40px"
|
||||||
|
ref="signForm"
|
||||||
|
size="small"
|
||||||
|
label-width="0px"
|
||||||
|
>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-table v-loading="loading" border :data="TaskAllocationRuleList" stripe>
|
<el-table
|
||||||
|
v-loading="loading"
|
||||||
|
border
|
||||||
|
:data="TaskAllocationRuleList"
|
||||||
|
stripe
|
||||||
|
>
|
||||||
<!-- 阅片人 -->
|
<!-- 阅片人 -->
|
||||||
<el-table-column prop="DoctorUser.UserName"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:allocationRules:table:reader')" min-width="180"
|
prop="DoctorUser.UserName"
|
||||||
show-overflow-tooltip>
|
:label="$t('trials:reviewAssign:allocationRules:table:reader')"
|
||||||
|
min-width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ `${scope.row.DoctorUser.UserName}(${scope.row.DoctorUser.FullName})` }}
|
{{ `${scope.row.DoctorUser.UserName}(${scope.row.DoctorUser.FullName})` }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 计划受试者数量 -->
|
<!-- 计划受试者数量 -->
|
||||||
<el-table-column prop="PlanSubjectCount"
|
<el-table-column
|
||||||
:label="$t('trials:reviewAssign:allocationRules:table:plannedCount')" min-width="130"
|
prop="PlanSubjectCount"
|
||||||
show-overflow-tooltip />
|
:label="$t('trials:reviewAssign:allocationRules:table:plannedCount')"
|
||||||
|
min-width="130"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 阅片类型 -->
|
<!-- 阅片类型 -->
|
||||||
<el-table-column prop="ReadingCategorys"
|
<el-table-column
|
||||||
|
prop="ReadingCategorys"
|
||||||
:label="$t('trials:reviewAssign:allocationRules:table:readingType')"
|
:label="$t('trials:reviewAssign:allocationRules:table:readingType')"
|
||||||
:width="360 * TrialReadingCriterionList.length" show-overflow-tooltip>
|
:width="360 * TrialReadingCriterionList.length"
|
||||||
<template v-for="ite of TrialReadingCriterionList">
|
show-overflow-tooltip
|
||||||
<el-table-column :label="ite.TrialReadingCriterionName" :key="ite.TrialReadingCriterionId"
|
>
|
||||||
v-if="TrialReadingCriterionId === ite.TrialReadingCriterionId" width="260"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
v-for="ite of TrialReadingCriterionList"
|
||||||
|
:label="ite.TrialReadingCriterionName"
|
||||||
|
:key="ite.TrialReadingCriterionId"
|
||||||
|
width="260"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span
|
<span v-for="item of scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}) ? scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).ReadingCategorys : []" :key="item">
|
||||||
v-for="item of scope.row.CriterionCategoryList.find(v => { return v.TrialReadingCriterionId === ite.TrialReadingCriterionId }) ? scope.row.CriterionCategoryList.find(v => { return v.TrialReadingCriterionId === ite.TrialReadingCriterionId }).ReadingCategorys : []"
|
<el-tag v-if="item === 1" type="primary">{{ $fd('ReadingCategory', item) + ' & ' + $fd('ReadingCategory', 2) }}</el-tag>
|
||||||
:key="item">
|
|
||||||
<el-tag v-if="item === 1" type="primary">{{ $fd('ReadingCategory', item) + ' & ' +
|
|
||||||
$fd('ReadingCategory', 2) }}</el-tag>
|
|
||||||
<!-- <el-tag v-if="item === 2" type="info">{{ $fd('ReadingCategory', item) }}</el-tag>-->
|
<!-- <el-tag v-if="item === 2" type="info">{{ $fd('ReadingCategory', item) }}</el-tag>-->
|
||||||
<el-tag v-if="item === 4" type="danger">{{ $fd('ReadingCategory', item) }}</el-tag>
|
<el-tag v-if="item === 4" type="danger">{{ $fd('ReadingCategory', item) }}</el-tag>
|
||||||
<el-tag v-if="item === 5" type="warning">{{ $fd('ReadingCategory', item) }}</el-tag>
|
<el-tag v-if="item === 5" type="warning">{{ $fd('ReadingCategory', item) }}</el-tag>
|
||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</template>
|
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 状态 -->
|
<!-- 状态 -->
|
||||||
<el-table-column prop="IsEnable" :label="$t('trials:reviewAssign:allocationRules:table:status')"
|
<el-table-column
|
||||||
min-width="80" show-overflow-tooltip>
|
prop="IsEnable"
|
||||||
|
:label="$t('trials:reviewAssign:allocationRules:table:status')"
|
||||||
|
min-width="80"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="!scope.row.IsEnable" type="danger">{{ $fd('IsEnable', scope.row.IsEnable)
|
<el-tag v-if="!scope.row.IsEnable" type="danger">{{ $fd('IsEnable', scope.row.IsEnable) }}</el-tag>
|
||||||
}}</el-tag>
|
|
||||||
<el-tag v-else>{{ $fd('IsEnable', scope.row.IsEnable) }}</el-tag>
|
<el-tag v-else>{{ $fd('IsEnable', scope.row.IsEnable) }}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 备注 -->
|
<!-- 备注 -->
|
||||||
<el-table-column prop="Note" :label="$t('trials:reviewAssign:allocationRules:table:remark')"
|
<el-table-column
|
||||||
min-width="100" show-overflow-tooltip />
|
prop="Note"
|
||||||
<el-table-column fixed="right" :label="$t('common:action:action')" width="80">
|
:label="$t('trials:reviewAssign:allocationRules:table:remark')"
|
||||||
|
min-width="100"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
fixed="right"
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
width="80"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
<el-button circle icon="el-icon-edit-outline" :title="$t('common:button:edit')"
|
<el-button
|
||||||
@click="addOrEdit(scope.row)" />
|
circle
|
||||||
|
icon="el-icon-edit-outline"
|
||||||
|
:title="$t('common:button:edit')"
|
||||||
|
@click="addOrEdit(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 后续分配规则 -->
|
<!-- 后续分配规则 -->
|
||||||
<el-divider content-position="left">
|
<el-divider content-position="left">
|
||||||
{{ $t('trials:reviewAssign:allocationRules:title:subsequentAllocationRules') }}
|
{{$t('trials:reviewAssign:allocationRules:title:subsequentAllocationRules')}}
|
||||||
</el-divider>
|
</el-divider>
|
||||||
<el-descriptions class="margin-top" :column="1">
|
<el-descriptions class="margin-top" :column="1">
|
||||||
<el-descriptions-item>
|
<el-descriptions-item>
|
||||||
<template slot="label">
|
<template slot="label">
|
||||||
<el-checkbox v-model="TrialTaskInfo.IsFollowVisitAutoAssign" disabled>
|
<el-checkbox v-model="TrialTaskInfo.IsFollowVisitAutoAssign" disabled>
|
||||||
<!-- 同一病例随访阅片任务自动分配（在拟分配的阅片人未标记为退出项目状态时）默认状态 -->
|
<!-- 同一病例随访阅片任务自动分配（在拟分配的阅片人未标记为退出项目状态时）默认状态 -->
|
||||||
{{ $t('trials:reviewAssign:allocationRules:message1') }} {{ $fd('AutoAssignDefaultState',
|
{{$t('trials:reviewAssign:allocationRules:message1')}} {{$fd('AutoAssignDefaultState', TrialTaskInfo.FollowVisitAutoAssignDefaultState)}} </el-checkbox>
|
||||||
TrialTaskInfo.FollowVisitAutoAssignDefaultState) }} </el-checkbox>
|
|
||||||
</template>
|
</template>
|
||||||
<div style="margin-left: 10px;">
|
<div style="margin-left: 10px;">
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -284,8 +386,7 @@
|
||||||
<template slot="label">
|
<template slot="label">
|
||||||
<el-checkbox v-model="TrialTaskInfo.IsFollowGlobalVisitAutoAssign" disabled>
|
<el-checkbox v-model="TrialTaskInfo.IsFollowGlobalVisitAutoAssign" disabled>
|
||||||
<!-- 同一病例全局任务自动分配（在拟分配的阅片人未标记为退出项目状态时 默认状态 -->
|
<!-- 同一病例全局任务自动分配（在拟分配的阅片人未标记为退出项目状态时 默认状态 -->
|
||||||
{{ $t('trials:reviewAssign:allocationRules:message3') }} {{ $fd('AutoAssignDefaultState',
|
{{$t('trials:reviewAssign:allocationRules:message3')}} {{$fd('AutoAssignDefaultState', TrialTaskInfo.FollowGlobalVisitAutoAssignDefaultState)}} </el-checkbox>
|
||||||
TrialTaskInfo.FollowGlobalVisitAutoAssignDefaultState) }} </el-checkbox>
|
|
||||||
</template>
|
</template>
|
||||||
<div style="margin-left: 10px;">
|
<div style="margin-left: 10px;">
|
||||||
|
|
||||||
|
|
@ -295,8 +396,7 @@
|
||||||
<template slot="label">
|
<template slot="label">
|
||||||
<el-checkbox v-model="TrialTaskInfo.IsFollowJudgeTaskAutoAssign" disabled>
|
<el-checkbox v-model="TrialTaskInfo.IsFollowJudgeTaskAutoAssign" disabled>
|
||||||
<!-- 同一病例第二次裁判任务自动分配（在拟分配的阅片人未标记为退出项目状态时）默认状态 -->
|
<!-- 同一病例第二次裁判任务自动分配（在拟分配的阅片人未标记为退出项目状态时）默认状态 -->
|
||||||
{{ $t('trials:reviewAssign:allocationRules:message4') }} {{ $fd('AutoAssignDefaultState',
|
{{$t('trials:reviewAssign:allocationRules:message4')}} {{$fd('AutoAssignDefaultState', TrialTaskInfo.FollowJudgeTaskAutoAssignDefaultState)}} </el-checkbox>
|
||||||
TrialTaskInfo.FollowJudgeTaskAutoAssignDefaultState) }} </el-checkbox>
|
|
||||||
</template>
|
</template>
|
||||||
<div style="margin-left: 10px;" />
|
<div style="margin-left: 10px;" />
|
||||||
</el-descriptions-item>
|
</el-descriptions-item>
|
||||||
|
|
@ -305,7 +405,12 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||||
<!-- 取消 -->
|
<!-- 取消 -->
|
||||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
|
<el-button
|
||||||
|
:disabled="btnLoading"
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
@click="handleCancel"
|
||||||
|
>
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
|
|
@ -314,47 +419,72 @@
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<el-dialog v-if="taskAllocationRuleVisible" :title="title" :visible.sync="taskAllocationRuleVisible"
|
<el-dialog
|
||||||
width="600px" :close-on-click-modal="false">
|
v-if="taskAllocationRuleVisible"
|
||||||
<AddOrEditTaskAllocationRule :data="rowData" :TaskAllocationRuleList="TaskAllocationRuleList"
|
:title="title"
|
||||||
:doctor-user-list="DoctorUserList" @close="() => { taskAllocationRuleVisible = false }"
|
:visible.sync="taskAllocationRuleVisible"
|
||||||
@getList="openAllocationConfigVisible" />
|
width="600px"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
>
|
||||||
|
<AddOrEditTaskAllocationRule :data="rowData" :TaskAllocationRuleList="TaskAllocationRuleList" :doctor-user-list="DoctorUserList" @close="() => {taskAllocationRuleVisible = false}" @getList="openAllocationConfigVisible" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!--分配阅片人 -->
|
<!--分配阅片人 -->
|
||||||
<el-dialog v-if="manualAllocationVisible" :title="$t('trials:reviewAssign:dialog:assignReader')"
|
<el-dialog
|
||||||
:visible.sync="manualAllocationVisible" width="1320px" :close-on-click-modal="false">
|
v-if="manualAllocationVisible"
|
||||||
<ManualAllocationTable :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData"
|
:title="$t('trials:reviewAssign:dialog:assignReader')"
|
||||||
:reading-type="ReadingType" :SubjectAssignSelectList="SubjectAssignSelectList"
|
:visible.sync="manualAllocationVisible"
|
||||||
@close="() => { manualAllocationVisible = false }" @getList="getList"></ManualAllocationTable>
|
width="1320px"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
>
|
||||||
|
<ManualAllocationTable :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData" :reading-type="ReadingType" :SubjectAssignSelectList="SubjectAssignSelectList" @close="() => {manualAllocationVisible = false}" @getList="getList"></ManualAllocationTable>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 清除阅片人 -->
|
<!-- 清除阅片人 -->
|
||||||
<el-dialog v-if="ClearAudienceVisible" :title="$t('trials:reviewAssign:dialog:clearReader')"
|
<el-dialog
|
||||||
:visible.sync="ClearAudienceVisible" width="500px" :close-on-click-modal="false">
|
v-if="ClearAudienceVisible"
|
||||||
<ClearAudienceList :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData"
|
:title="$t('trials:reviewAssign:dialog:clearReader')"
|
||||||
@close="() => { ClearAudienceVisible = false }" @getList="getList"></ClearAudienceList>
|
:visible.sync="ClearAudienceVisible"
|
||||||
|
width="500px"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
>
|
||||||
|
<ClearAudienceList :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData" @close="() => {ClearAudienceVisible = false}" @getList="getList"></ClearAudienceList>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 访视/全局/肿瘤学阅片任务 : 裁判阅片任务 -->
|
<!-- 访视/全局/肿瘤学阅片任务 : 裁判阅片任务 -->
|
||||||
<el-dialog v-if="AllocationVisible"
|
<el-dialog
|
||||||
|
v-if="AllocationVisible"
|
||||||
:title="AllocationType === 'task' ? $t('trials:reviewAssign:button:visitReadingTasks') : $t('trials:reviewAssign:button:adReadingTasks')"
|
:title="AllocationType === 'task' ? $t('trials:reviewAssign:button:visitReadingTasks') : $t('trials:reviewAssign:button:adReadingTasks')"
|
||||||
:visible.sync="AllocationVisible" :fullscreen="true" :close-on-click-modal="false">
|
:visible.sync="AllocationVisible"
|
||||||
<taskAllacation :trialReadingCriterionId="TrialReadingCriterionId"
|
:fullscreen="true"
|
||||||
:allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode"
|
:close-on-click-modal="false"
|
||||||
v-if="AllocationType === 'task'"></taskAllacation>
|
>
|
||||||
<refereeAllacation :trialReadingCriterionId="TrialReadingCriterionId"
|
<taskAllacation :trialReadingCriterionId="TrialReadingCriterionId" :allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode" v-if="AllocationType === 'task'"></taskAllacation>
|
||||||
:allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode"
|
<refereeAllacation :trialReadingCriterionId="TrialReadingCriterionId" :allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode" v-else></refereeAllacation>
|
||||||
v-else>
|
|
||||||
</refereeAllacation>
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 取消历史 -->
|
<!-- 取消历史 -->
|
||||||
<el-dialog v-if="SubjectCancelDoctorHistoryVisible" :title="$t('trials:reviewAssign:dialog:cancelHistory')"
|
<el-dialog
|
||||||
:visible.sync="SubjectCancelDoctorHistoryVisible" width="800px" :close-on-click-modal="false">
|
v-if="SubjectCancelDoctorHistoryVisible"
|
||||||
<el-table border :data="SubjectCancelDoctorHistoryList" stripe>
|
:title="$t('trials:reviewAssign:dialog:cancelHistory')"
|
||||||
|
:visible.sync="SubjectCancelDoctorHistoryVisible"
|
||||||
|
width="800px"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
>
|
||||||
|
<el-table
|
||||||
|
border
|
||||||
|
:data="SubjectCancelDoctorHistoryList"
|
||||||
|
stripe
|
||||||
|
>
|
||||||
<!-- 取消时间 -->
|
<!-- 取消时间 -->
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:reviewAssign:cancelHistory:table:cancelTime')"
|
<el-table-column
|
||||||
width="180" show-overflow-tooltip />
|
prop="CreateTime"
|
||||||
|
:label="$t('trials:reviewAssign:cancelHistory:table:cancelTime')"
|
||||||
|
width="180"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
<!-- 原因 -->
|
<!-- 原因 -->
|
||||||
<el-table-column prop="Note" :label="$t('trials:reviewAssign:cancelHistory:table:cancelReason')"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="Note"
|
||||||
|
:label="$t('trials:reviewAssign:cancelHistory:table:cancelReason')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -387,8 +517,8 @@ const searchDataDefault = () => {
|
||||||
IsHaveAssigned: null,
|
IsHaveAssigned: null,
|
||||||
IsAssignConfirmed: null,
|
IsAssignConfirmed: null,
|
||||||
TrialReadingCriterionId: null,
|
TrialReadingCriterionId: null,
|
||||||
SubjectAllocateState: null,
|
SubjectAllocateState:null,
|
||||||
ArmList: []
|
ArmList:[]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const taskSearchDataDefault = () => {
|
const taskSearchDataDefault = () => {
|
||||||
|
|
@ -409,8 +539,8 @@ const taskSearchDataDefault = () => {
|
||||||
TaskAllocationState: null,
|
TaskAllocationState: null,
|
||||||
BeginAllocateDate: null,
|
BeginAllocateDate: null,
|
||||||
EndAllocateDate: null,
|
EndAllocateDate: null,
|
||||||
SubjectAllocateState: null,
|
SubjectAllocateState:null,
|
||||||
ArmList: []
|
ArmList:[]
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
|
|
@ -477,7 +607,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
TrialReadingCriterionId(v) {
|
TrialReadingCriterionId (v) {
|
||||||
if (v) {
|
if (v) {
|
||||||
this.getList()
|
this.getList()
|
||||||
}
|
}
|
||||||
|
|
@ -501,10 +631,10 @@ export default {
|
||||||
getTrialCriterionList(this.trialId).then(res => {
|
getTrialCriterionList(this.trialId).then(res => {
|
||||||
this.trialCriterionList = res.Result
|
this.trialCriterionList = res.Result
|
||||||
this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
|
this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
|
||||||
}).catch(() => { })
|
}).catch(() => {})
|
||||||
},
|
},
|
||||||
openSubjectCancelDoctorHistoryList(row) {
|
openSubjectCancelDoctorHistoryList(row) {
|
||||||
getSubjectCancelDoctorHistoryList(row.SubjectId, this.TrialReadingCriterionId).then((res) => {
|
getSubjectCancelDoctorHistoryList(row.SubjectId,this.TrialReadingCriterionId).then((res) => {
|
||||||
this.SubjectCancelDoctorHistoryVisible = true
|
this.SubjectCancelDoctorHistoryVisible = true
|
||||||
this.SubjectCancelDoctorHistoryList = res.Result
|
this.SubjectCancelDoctorHistoryList = res.Result
|
||||||
})
|
})
|
||||||
|
|
@ -516,7 +646,7 @@ export default {
|
||||||
this.AllocationSubjectCode = SubjectCode
|
this.AllocationSubjectCode = SubjectCode
|
||||||
},
|
},
|
||||||
openClearAudience(row) {
|
openClearAudience(row) {
|
||||||
this.rowData = { ...row }
|
this.rowData = {...row}
|
||||||
this.ClearAudienceVisible = true
|
this.ClearAudienceVisible = true
|
||||||
},
|
},
|
||||||
findDoctorUser(list, type) {
|
findDoctorUser(list, type) {
|
||||||
|
|
@ -680,7 +810,7 @@ export default {
|
||||||
if (this.TaskAllocationRuleSelectList.length !== num) {
|
if (this.TaskAllocationRuleSelectList.length !== num) {
|
||||||
// 当前阅片模式为xxx，请选择正确阅片人数量
|
// 当前阅片模式为xxx，请选择正确阅片人数量
|
||||||
var msg = this.$t('trials:reviewAssign:message:message08')
|
var msg = this.$t('trials:reviewAssign:message:message08')
|
||||||
msg = msg.replaceAll('xxx', this.$fd('ReadingMethod', this.ReadingType))
|
msg = msg.replaceAll('xxx',this.$fd('ReadingMethod', this.ReadingType))
|
||||||
this.$alert(msg)
|
this.$alert(msg)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
@ -772,7 +902,7 @@ export default {
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
// 确定要删除${row.DoctorUser.UserName}(${row.DoctorUser.FullName})的任务分配规则?
|
// 确定要删除${row.DoctorUser.UserName}(${row.DoctorUser.FullName})的任务分配规则?
|
||||||
var msg = this.$t('trials:reviewAssign:message:message11')
|
var msg = this.$t('trials:reviewAssign:message:message11')
|
||||||
msg = msg.replaceAll('xxx', `${row.DoctorUser.UserName}(${row.DoctorUser.FullName})`)
|
msg = msg.replaceAll('xxx',`${row.DoctorUser.UserName}(${row.DoctorUser.FullName})`)
|
||||||
this.$confirm(msg, {
|
this.$confirm(msg, {
|
||||||
type: 'warning',
|
type: 'warning',
|
||||||
distinguishCancelAndClose: true
|
distinguishCancelAndClose: true
|
||||||
|
|
@ -817,7 +947,7 @@ export default {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
getTaskAllocationRuleList({
|
getTaskAllocationRuleList({
|
||||||
TrialId: this.$route.query.trialId
|
TrialId: this.$route.query.trialId
|
||||||
}).then(async (res) => {
|
}).then(async(res) => {
|
||||||
this.taskSearchData.TrialId = this.$route.query.trialId
|
this.taskSearchData.TrialId = this.$route.query.trialId
|
||||||
var params = Object.assign({}, this.taskSearchData)
|
var params = Object.assign({}, this.taskSearchData)
|
||||||
var SubjectAssignListRes = await getSubjectAssignList(params)
|
var SubjectAssignListRes = await getSubjectAssignList(params)
|
||||||
|
|
@ -883,35 +1013,30 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.read-task-allocation {
|
.read-task-allocation{
|
||||||
::v-deep.search {
|
::v-deep.search {
|
||||||
padding: 0px !important;
|
padding: 0px !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
::v-deep .hidden-row{
|
||||||
::v-deep .hidden-row {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-dialog__body {
|
||||||
::v-deep .el-dialog__body {
|
|
||||||
padding: 15px 20px;
|
padding: 15px 20px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-tag--danger.el-tag--dark {
|
::v-deep .el-tag--danger.el-tag--dark {
|
||||||
// background-color: #f56c6c!important;
|
// background-color: #f56c6c!important;
|
||||||
border-color: none !important;
|
border-color: none!important;
|
||||||
// color: #fff!important;
|
// color: #fff!important;
|
||||||
}
|
}
|
||||||
|
::v-deep #TaskAllocationRuleList thead .el-checkbox__inner{
|
||||||
::v-deep #TaskAllocationRuleList thead .el-checkbox__inner {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-descriptions-item__label.has-colon:after{
|
||||||
::v-deep .el-descriptions-item__label.has-colon:after {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .base-dialog-wrapper .base-dialog-body{
|
||||||
::v-deep .base-dialog-wrapper .base-dialog-body {
|
|
||||||
max-height: 1000px;
|
max-height: 1000px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -45,7 +45,7 @@
|
||||||
<el-input
|
<el-input
|
||||||
v-model="scope.row.CDISCCode"
|
v-model="scope.row.CDISCCode"
|
||||||
size="mini"
|
size="mini"
|
||||||
:disabled="scope.row.HasChildren || (scope.row.IsTableQuestion && exportInfo.CriterionType !== 0)"
|
:disabled="scope.row.HasChildren || scope.row.IsTableQuestion"
|
||||||
v-show="!scope.row.IsGroup || !scope.row.HasChildren"
|
v-show="!scope.row.IsGroup || !scope.row.HasChildren"
|
||||||
>
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
|
|
@ -68,7 +68,7 @@ export default {
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
loading: false,
|
loading: false,
|
||||||
exportInfo: {}
|
exportInfo: []
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
@ -152,8 +152,7 @@ export default {
|
||||||
} else if ((this.exportInfo.CriterionGroup === 0 || this.exportInfo.CriterionType === 0 ) && item.Code === 1 && (row.HasChildren || row.IsTableQuestion)) {
|
} else if ((this.exportInfo.CriterionGroup === 0 || this.exportInfo.CriterionType === 0 ) && item.Code === 1 && (row.HasChildren || row.IsTableQuestion)) {
|
||||||
// 自定义或非肿瘤阅片标准阅片结果表(1)不能配置表格问题
|
// 自定义或非肿瘤阅片标准阅片结果表(1)不能配置表格问题
|
||||||
return true
|
return true
|
||||||
} else if (item.Code === 8 && (row.HasChildren || (row.IsTableQuestion && this.exportInfo.CriterionType !== 0))) {
|
} else if (item.Code === 8 && (row.HasChildren || row.IsTableQuestion)) {
|
||||||
// else if (item.Code === 8 && (row.HasChildren || row.IsTableQuestion))
|
|
||||||
// CDISC导出不能配置表格问题
|
// CDISC导出不能配置表格问题
|
||||||
return true
|
return true
|
||||||
} else if (item.Code === 2 && row.HasChildren) {
|
} else if (item.Code === 2 && row.HasChildren) {
|
||||||
|
|
|
||||||
|
|
@ -205,10 +205,6 @@
|
||||||
{{ `${scope.row.SubjectCode}/${scope.row.BlindSubjectCode}` }}
|
{{ `${scope.row.SubjectCode}/${scope.row.BlindSubjectCode}` }}
|
||||||
</span>
|
</span>
|
||||||
<span v-else>{{ scope.row.SubjectCode }}</span>
|
<span v-else>{{ scope.row.SubjectCode }}</span>
|
||||||
<!-- 终止 -->
|
|
||||||
<span v-if="scope.row.IsSubjectQuit" class="status-primary-circle">
|
|
||||||
{{ $t('trials:crcUpload:label:ISQ') }}
|
|
||||||
</span>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 任务名称 -->
|
<!-- 任务名称 -->
|
||||||
|
|
@ -253,7 +249,7 @@
|
||||||
<!-- 阅片人 -->
|
<!-- 阅片人 -->
|
||||||
<el-table-column prop="UserName" :label="$t('trials:reviewTrack:table:reader')" width="130" sortable="custom"
|
<el-table-column prop="UserName" :label="$t('trials:reviewTrack:table:reader')" width="130" sortable="custom"
|
||||||
show-overflow-tooltip>
|
show-overflow-tooltip>
|
||||||
<template v-if="scope.row.TaskAllocationState" slot-scope="scope">
|
<template v-if="scope.row.UserName" slot-scope="scope">
|
||||||
<span v-if="viewStatus">{{ scope.row.UserName }}</span>
|
<span v-if="viewStatus">{{ scope.row.UserName }}</span>
|
||||||
<span v-else>{{ scope.row.UserName }}({{ scope.row.FullName }})</span>
|
<span v-else>{{ scope.row.UserName }}({{ scope.row.FullName }})</span>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -340,29 +336,27 @@
|
||||||
<el-table-column fixed="right" :label="$t('common:action:action')" width="220">
|
<el-table-column fixed="right" :label="$t('common:action:action')" width="220">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 查看阅片结果 -->
|
<!-- 查看阅片结果 -->
|
||||||
<el-button :disabled="scope.row.ReadingTaskState !== 2 && scope.row.IsSubjectQuit" icon="el-icon-view"
|
<el-button :disabled="scope.row.ReadingTaskState !== 2" icon="el-icon-view" circle
|
||||||
circle :title="$t('trials:reviewTrack:action:viewResults')" @click="lookReadingResults(scope.row)" />
|
:title="$t('trials:reviewTrack:action:viewResults')" @click="lookReadingResults(scope.row)" />
|
||||||
<!-- 申请重阅 -->
|
<!-- 申请重阅 -->
|
||||||
<el-button :disabled="scope.row.ReadingCategory !== 1 ||
|
<el-button :disabled="scope.row.ReadingCategory !== 1 ||
|
||||||
(scope.row.TaskState !== 0 && scope.row.TaskState !== 5) ||
|
(scope.row.TaskState !== 0 && scope.row.TaskState !== 5) ||
|
||||||
scope.row.ReadingTaskState !== 2 ||
|
scope.row.ReadingTaskState !== 2 ||
|
||||||
scope.row.ReReadingApplyState === 2 ||
|
scope.row.ReReadingApplyState === 2 ||
|
||||||
scope.row.ReReadingApplyState === 4 ||
|
scope.row.ReReadingApplyState === 4 ||
|
||||||
scope.row.ReReadingApplyState === 5 || (scope.row.ReadingTaskState !== 2 && scope.row.IsSubjectQuit)
|
scope.row.ReReadingApplyState === 5
|
||||||
" v-if="
|
" v-if="
|
||||||
hasPermi(['trials:trials-panel:readingTracking:edit']) && !isDoc
|
hasPermi(['trials:trials-panel:readingTracking:edit']) && !isDoc
|
||||||
" icon="el-icon-collection" circle :title="$t('trials:reviewTrack:action:applyReread')"
|
" icon="el-icon-collection" circle :title="$t('trials:reviewTrack:action:applyReread')"
|
||||||
@click="openApplyReReading(scope.row)" />
|
@click="openApplyReReading(scope.row)" />
|
||||||
<!-- 退回重阅历史 -->
|
<!-- 退回重阅历史 -->
|
||||||
<el-button
|
<el-button :disabled="!scope.row.ReReadingApplyState" icon="el-icon-toilet-paper" v-if="!isDoc" circle
|
||||||
:disabled="!scope.row.ReReadingApplyState || (scope.row.ReadingTaskState !== 2 && scope.row.IsSubjectQuit)"
|
|
||||||
icon="el-icon-toilet-paper" v-if="!isDoc" circle
|
|
||||||
:title="$t('trials:reviewTrack:action:backToRereadHistory')" @click="reReadingHistory(scope.row, 1)" />
|
:title="$t('trials:reviewTrack:action:backToRereadHistory')" @click="reReadingHistory(scope.row, 1)" />
|
||||||
<!-- 退回 -->
|
<!-- 退回 -->
|
||||||
<el-button :disabled="scope.row.ReadingTaskState === 2 ||
|
<el-button :disabled="scope.row.ReadingTaskState === 2 ||
|
||||||
scope.row.ReadingCategory !== 1 ||
|
scope.row.ReadingCategory !== 1 ||
|
||||||
scope.row.TaskState !== 0 ||
|
scope.row.TaskState !== 0 ||
|
||||||
scope.row.IsManualGeneration || (scope.row.ReadingTaskState !== 2 && scope.row.IsSubjectQuit)
|
scope.row.IsManualGeneration
|
||||||
" v-if="
|
" v-if="
|
||||||
hasPermi(['trials:trials-panel:readingTracking:edit']) && !isDoc
|
hasPermi(['trials:trials-panel:readingTracking:edit']) && !isDoc
|
||||||
" icon="el-icon-back" circle :title="$t('trials:reviewTrack:action:back')"
|
" icon="el-icon-back" circle :title="$t('trials:reviewTrack:action:back')"
|
||||||
|
|
@ -381,12 +375,6 @@
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
||||||
@pagination="getList" />
|
@pagination="getList" />
|
||||||
<div class="remark">
|
|
||||||
<span class="status-primary-circle">
|
|
||||||
{{ $t('trials:crcUpload:label:ISQ') }}
|
|
||||||
</span>
|
|
||||||
<span>: {{ $t('trials:crcUpload:label:IsSubjectQuit') }}</span>
|
|
||||||
</div>
|
|
||||||
<!-- 阅片任务规则 -->
|
<!-- 阅片任务规则 -->
|
||||||
<el-dialog title="阅片任务规则" :visible.sync="ReadingRulesVisible" width="500px" :close-on-click-modal="false"
|
<el-dialog title="阅片任务规则" :visible.sync="ReadingRulesVisible" width="500px" :close-on-click-modal="false"
|
||||||
custom-class="base-dialog-wrapper">
|
custom-class="base-dialog-wrapper">
|
||||||
|
|
@ -1385,25 +1373,6 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.remark {
|
|
||||||
position: absolute;
|
|
||||||
left: 5px;
|
|
||||||
bottom: 7px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.status-primary-circle {
|
|
||||||
display: inline-block;
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 18px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 1px solid #f56c6c;
|
|
||||||
color: #f56c6c;
|
|
||||||
font-size: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
||||||
|
|
@ -230,7 +230,7 @@
|
||||||
sortable="custom"
|
sortable="custom"
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
>
|
>
|
||||||
<template v-if="scope.row.TaskAllocationState" slot-scope="scope">
|
<template v-if="scope.row.UserName" slot-scope="scope">
|
||||||
{{ `${scope.row.UserName}(${scope.row.FullName})` }}
|
{{ `${scope.row.UserName}(${scope.row.FullName})` }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
|
||||||
|
|
@ -1,17 +1,36 @@
|
||||||
<template>
|
<template>
|
||||||
<div v-loading="loading" class="ecrf-list-container">
|
<div v-loading="loading" class="ecrf-list-container">
|
||||||
<el-form v-if="taskInfo" ref="questions" size="small" :model="questionForm" class="ecrf-form">
|
<el-form
|
||||||
<template v-if="taskInfo.CriterionType === 16">
|
v-if="taskInfo"
|
||||||
<FormItem v-for="question of questions" :key="question.Id" :question="question" :question-form="questionForm"
|
ref="questions"
|
||||||
:reading-task-state="readingTaskState" :visit-task-id="visitTaskId" :calculation-list="calculationList"
|
size="small"
|
||||||
@setFormItemData="setFormItemData" @resetFormItemData="resetFormItemData" />
|
:model="questionForm"
|
||||||
</template>
|
class="ecrf-form"
|
||||||
<template v-else>
|
>
|
||||||
<QuestionFormItem v-for="question of questions" :key="question.Id" :visit-task-id="visitTaskId"
|
<!-- <FormItem
|
||||||
:question="question" :question-form="questionForm" :reading-task-state="readingTaskState"
|
v-for="question of questions"
|
||||||
:criterion-id="criterionId" :calculation-list="calculationList" :is-baseline="isBaseline"
|
:key="question.Id"
|
||||||
@resetFormItemData="resetFormItemData" @setFormItemData="setFormItemData" />
|
:question="question"
|
||||||
</template>
|
:question-form="questionForm"
|
||||||
|
:reading-task-state="readingTaskState"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:calculation-list="calculationList"
|
||||||
|
@setFormItemData="setFormItemData"
|
||||||
|
@resetFormItemData="resetFormItemData"
|
||||||
|
/> -->
|
||||||
|
<QuestionFormItem
|
||||||
|
v-for="question of questions"
|
||||||
|
:key="question.Id"
|
||||||
|
:visit-task-id="visitTaskId"
|
||||||
|
:question="question"
|
||||||
|
:question-form="questionForm"
|
||||||
|
:reading-task-state="readingTaskState"
|
||||||
|
:criterion-id="criterionId"
|
||||||
|
:calculation-list="calculationList"
|
||||||
|
:is-baseline="isBaseline"
|
||||||
|
@resetFormItemData="resetFormItemData"
|
||||||
|
@setFormItemData="setFormItemData"
|
||||||
|
/>
|
||||||
|
|
||||||
<el-form-item v-if="readingTaskState < 2">
|
<el-form-item v-if="readingTaskState < 2">
|
||||||
<div style="text-align:center;">
|
<div style="text-align:center;">
|
||||||
|
|
@ -29,11 +48,16 @@
|
||||||
</el-form>
|
</el-form>
|
||||||
|
|
||||||
<!-- 签名框 -->
|
<!-- 签名框 -->
|
||||||
<el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
|
<el-dialog
|
||||||
custom-class="base-dialog-wrapper">
|
v-if="signVisible"
|
||||||
|
:visible.sync="signVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
width="600px"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
<div slot="title">
|
<div slot="title">
|
||||||
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
<span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
|
||||||
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
|
<span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
|
||||||
</div>
|
</div>
|
||||||
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
<SignForm ref="signForm" :sign-code-enum="signCode" @closeDialog="closeSignDialog" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
@ -43,20 +67,19 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import { getCustomTableQuestionAnswer, changeDicomReadingQuestionAnswer, submitVisitTaskQuestionsInDto, getQuestionCalculateRelation, verifyVisitTaskQuestions } from '@/api/trials'
|
import { getCustomTableQuestionAnswer, changeDicomReadingQuestionAnswer, submitVisitTaskQuestionsInDto, getQuestionCalculateRelation } from '@/api/trials'
|
||||||
import { setSkipReadingCache } from '@/api/reading'
|
import { setSkipReadingCache } from '@/api/reading'
|
||||||
import const_ from '@/const/sign-code'
|
import const_ from '@/const/sign-code'
|
||||||
import store from '@/store'
|
import store from '@/store'
|
||||||
import { mapGetters } from 'vuex'
|
import { mapGetters } from 'vuex'
|
||||||
import FormItem from './FormItem'
|
// import FormItem from './FormItem'
|
||||||
import QuestionFormItem from '@/views/trials/trials-panel/reading/dicoms/customize/CustomizeQuestionFormItem'
|
import QuestionFormItem from '@/views/trials/trials-panel/reading/dicoms/customize/CustomizeQuestionFormItem'
|
||||||
import SignForm from '@/views/trials/components/newSignForm'
|
import SignForm from '@/views/trials/components/newSignForm'
|
||||||
export default {
|
export default {
|
||||||
name: 'EcrfList',
|
name: 'EcrfList',
|
||||||
components: {
|
components: {
|
||||||
QuestionFormItem,
|
QuestionFormItem,
|
||||||
SignForm,
|
SignForm
|
||||||
FormItem
|
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
visitTaskInfo: {
|
visitTaskInfo: {
|
||||||
|
|
@ -81,8 +104,7 @@ export default {
|
||||||
classArr: [],
|
classArr: [],
|
||||||
calculationList: [],
|
calculationList: [],
|
||||||
taskInfo: null,
|
taskInfo: null,
|
||||||
isBaseline: false,
|
isBaseline: false
|
||||||
digitPlaces: 2
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -113,8 +135,6 @@ export default {
|
||||||
mounted() {
|
mounted() {
|
||||||
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
|
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
|
||||||
this.isBaseline = this.taskInfo.IsBaseLine
|
this.isBaseline = this.taskInfo.IsBaseLine
|
||||||
var digitPlaces = Number(localStorage.getItem('digitPlaces'))
|
|
||||||
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async getQuestions(visitTaskId) {
|
async getQuestions(visitTaskId) {
|
||||||
|
|
@ -193,7 +213,7 @@ export default {
|
||||||
try {
|
try {
|
||||||
var answers = []
|
var answers = []
|
||||||
for (const k in this.questionForm) {
|
for (const k in this.questionForm) {
|
||||||
if (this.questionForm[k] instanceof Array) { } else {
|
if (this.questionForm[k] instanceof Array) {} else {
|
||||||
answers.push({ id: k, answer: this.questionForm[k] })
|
answers.push({ id: k, answer: this.questionForm[k] })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -215,7 +235,6 @@ export default {
|
||||||
async handleSubmit() {
|
async handleSubmit() {
|
||||||
const valid = await this.$refs['questions'].validate()
|
const valid = await this.$refs['questions'].validate()
|
||||||
if (!valid) return
|
if (!valid) return
|
||||||
await verifyVisitTaskQuestions({ visitTaskId: this.visitTaskId })
|
|
||||||
const { ImageAssessmentReportConfirmation } = const_.processSignature
|
const { ImageAssessmentReportConfirmation } = const_.processSignature
|
||||||
this.signCode = ImageAssessmentReportConfirmation
|
this.signCode = ImageAssessmentReportConfirmation
|
||||||
this.signVisible = true
|
this.signVisible = true
|
||||||
|
|
@ -325,17 +344,15 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.ecrf-list-container {
|
.ecrf-list-container{
|
||||||
min-height: 400px;
|
min-height:400px;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
|
.ecrf-form{
|
||||||
.ecrf-form {
|
::v-deep .el-form-item__label{
|
||||||
::v-deep .el-form-item__label {
|
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table,
|
::v-deep .el-table,
|
||||||
.el-table__expanded-cell {
|
.el-table__expanded-cell {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
|
|
@ -349,43 +366,35 @@ export default {
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table__body tr > td {
|
||||||
::v-deep .el-table__body tr>td {
|
|
||||||
background-color: #000 !important;
|
background-color: #000 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-table__body tr:hover > td {
|
||||||
::v-deep .el-table__body tr:hover>td {
|
|
||||||
background-color: #858282 !important;
|
background-color: #858282 !important;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table--border th.gutter:last-of-type {
|
::v-deep .el-table--border th.gutter:last-of-type {
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
::v-deep .el-dialog{
|
||||||
::v-deep .el-dialog {
|
|
||||||
background: #1e1e1e;
|
background: #1e1e1e;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
|
.el-dialog__title{
|
||||||
.el-dialog__title {
|
color:#fff;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
.el-input .el-input__inner{
|
||||||
.el-input .el-input__inner {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
border: 1px solid #5e5e5e;
|
border: 1px solid #5e5e5e;
|
||||||
}
|
}
|
||||||
|
.el-input.is-disabled .el-input__inner{
|
||||||
.el-input.is-disabled .el-input__inner {
|
|
||||||
background-color: #646464a1;
|
background-color: #646464a1;
|
||||||
}
|
}
|
||||||
|
.el-form-item__label{
|
||||||
.el-form-item__label {
|
|
||||||
color: #dfdfdf
|
color: #dfdfdf
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -17,26 +17,52 @@
|
||||||
</el-dropdown>
|
</el-dropdown>
|
||||||
</div>
|
</div>
|
||||||
<!-- 缩放 -->
|
<!-- 缩放 -->
|
||||||
<div :class="['tool-item', activeTool === 'Zoom' ? 'tool-item-active' : '']"
|
<div
|
||||||
:title="$t('trials:reading:button:zoom')" @click.prevent="setToolActive('Zoom')">
|
:class="['tool-item', activeTool === 'Zoom' ? 'tool-item-active' : '']"
|
||||||
|
:title="$t('trials:reading:button:zoom')"
|
||||||
|
@click.prevent="setToolActive('Zoom')"
|
||||||
|
>
|
||||||
<svg-icon icon-class="magnifier" class="svg-icon" />
|
<svg-icon icon-class="magnifier" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 移动 -->
|
<!-- 移动 -->
|
||||||
<div :class="['tool-item', activeTool === 'Pan' ? 'tool-item-active' : '']"
|
<div
|
||||||
:title="$t('trials:reading:button:move')" @click.prevent="setToolActive('Pan')">
|
:class="['tool-item', activeTool === 'Pan' ? 'tool-item-active' : '']"
|
||||||
|
:title="$t('trials:reading:button:move')"
|
||||||
|
@click.prevent="setToolActive('Pan')"
|
||||||
|
>
|
||||||
<svg-icon icon-class="move" class="svg-icon" />
|
<svg-icon icon-class="move" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 旋转 -->
|
<!-- 旋转 -->
|
||||||
<div :class="['tool-item', activeTool === 'PlanarRotate' ? 'tool-item-active' : '']"
|
<div
|
||||||
:title="$t('trials:reading:button:rotate')" @click.prevent="setToolActive('PlanarRotate')">
|
:class="['tool-item', activeTool === 'PlanarRotate' ? 'tool-item-active' : '']"
|
||||||
|
:title="$t('trials:reading:button:rotate')"
|
||||||
|
@click.prevent="setToolActive('PlanarRotate')"
|
||||||
|
>
|
||||||
<svg-icon icon-class="rotate" class="svg-icon" />
|
<svg-icon icon-class="rotate" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<div v-for="tool in tools" :key="tool.toolName"
|
<!-- 箭头工具 -->
|
||||||
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === tool.toolName ? 'tool-item-active' : '']"
|
<div
|
||||||
:style="{ cursor: tool.isDisabled ? 'not-allowed' : 'pointer' }"
|
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'ArrowAnnotate' ? 'tool-item-active' : '']"
|
||||||
:title="tool.disabledReason ? tool.disabledReason : $t(`${tool.i18nKey}`)"
|
:title="$t('trials:reading:button:arrowAnnotate')"
|
||||||
@click.prevent="setAnnotateToolActive(tool.toolName)">
|
@click.prevent="setAnnotateToolActive('ArrowAnnotate')"
|
||||||
<svg-icon :icon-class="tool.icon" class="svg-icon" />
|
>
|
||||||
|
<svg-icon icon-class="arrow" class="svg-icon" />
|
||||||
|
</div>
|
||||||
|
<!-- 矩形工具 -->
|
||||||
|
<div
|
||||||
|
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'RectangleROI' ? 'tool-item-active' : '']"
|
||||||
|
:title="$t('trials:dicom-show:RectangleRoi')"
|
||||||
|
@click.prevent="setAnnotateToolActive('RectangleROI')"
|
||||||
|
>
|
||||||
|
<svg-icon icon-class="rectangle" class="svg-icon" />
|
||||||
|
</div>
|
||||||
|
<!-- 自由曲线 -->
|
||||||
|
<div
|
||||||
|
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'PlanarFreehandROI' ? 'tool-item-active' : '']"
|
||||||
|
:title="$t('trials:reading:button:planarFreehandROI')"
|
||||||
|
@click.prevent="setAnnotateToolActive('PlanarFreehandROI')"
|
||||||
|
>
|
||||||
|
<svg-icon icon-class="polygon" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- <div
|
<!-- <div
|
||||||
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'SplineROITool' ? 'tool-item-active' : '']"
|
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'SplineROITool' ? 'tool-item-active' : '']"
|
||||||
|
|
@ -48,14 +74,17 @@
|
||||||
|
|
||||||
<div
|
<div
|
||||||
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'Eraser' ? 'tool-item-active' : '']"
|
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'Eraser' ? 'tool-item-active' : '']"
|
||||||
:title="$t('trials:dicom-show:Eraser')" @click.prevent="setAnnotateToolActive('Eraser')">
|
:title="$t('trials:dicom-show:Eraser')"
|
||||||
|
@click.prevent="setAnnotateToolActive('Eraser')"
|
||||||
|
>
|
||||||
<svg-icon icon-class="clear" class="svg-icon" />
|
<svg-icon icon-class="clear" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!--比例尺-->
|
|
||||||
<div
|
<div
|
||||||
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'Lengthscale' ? 'tool-item-active' : '']"
|
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '', activeTool === 'Length' ? 'tool-item-active' : '']"
|
||||||
:title="$t('trials:nondicom-show:scale')" @click.prevent="setAnnotateToolActive('Lengthscale')">
|
:title="$t('trials:nondicom-show:scale')"
|
||||||
<svg-icon icon-class="lengthscale" class="svg-icon" />
|
@click.prevent="setAnnotateToolActive('Length')"
|
||||||
|
>
|
||||||
|
<svg-icon icon-class="length" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 截图 -->
|
<!-- 截图 -->
|
||||||
<!-- <div
|
<!-- <div
|
||||||
|
|
@ -66,53 +95,13 @@
|
||||||
<svg-icon icon-class="image" class="svg-icon" />
|
<svg-icon icon-class="image" class="svg-icon" />
|
||||||
</div> -->
|
</div> -->
|
||||||
<!-- 重置 -->
|
<!-- 重置 -->
|
||||||
<div class="tool-item" :title="$t('trials:reading:button:reset')" @click.prevent="resetViewport">
|
<div
|
||||||
|
class="tool-item"
|
||||||
|
:title="$t('trials:reading:button:reset')"
|
||||||
|
@click.prevent="resetViewport"
|
||||||
|
>
|
||||||
<svg-icon icon-class="refresh" class="svg-icon" />
|
<svg-icon icon-class="refresh" class="svg-icon" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 更多 -->
|
|
||||||
<div v-if="criterionType === 0" :title="$t('trials:reading:button:more')"
|
|
||||||
:class="['tool-item', readingTaskState === 2 ? 'tool-disabled' : '']" @click.stop="showPanel($event)"
|
|
||||||
@mouseleave="toolMouseout">
|
|
||||||
<div class="dropdown">
|
|
||||||
<div class="icon" data-tool="more">
|
|
||||||
<svg-icon icon-class="more" class="svg-icon" />
|
|
||||||
<i class="el-icon-arrow-down" style="color:#fff;" />
|
|
||||||
</div>
|
|
||||||
<div class="dropdown-content">
|
|
||||||
<ul v-if="readingTaskState < 2" style="width:100px;">
|
|
||||||
<li v-for="i in customizeStandardsNoneDicom" :key="i.toolName" style="text-align:left;">
|
|
||||||
<a href="#" @click.prevent="setAnnotateToolActive(i.toolName)">
|
|
||||||
<svg-icon :icon-class="i.icon" class="svg-icon" style="margin-right: 5px;" />
|
|
||||||
{{ $t(i.i18nKey) }}
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="tool-item" :title="$t('trials:reading:button:upload')"
|
|
||||||
v-if="trialCriterion.ImageUploadEnum > 0 && readingTaskState < 2" v-hasPermi="['role:ir']">
|
|
||||||
<div class="tool-wrapper">
|
|
||||||
<div class="icon" @click.prevent="openUploadImage('upload')">
|
|
||||||
<i class="el-icon-upload2 svg-icon" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div v-if="trialCriterion.ImageDownloadEnum > 0" v-hasPermi="[
|
|
||||||
'role:ir',
|
|
||||||
'role:mim',
|
|
||||||
'role:mc',
|
|
||||||
'role:pm',
|
|
||||||
'role:apm',
|
|
||||||
'role:ea',
|
|
||||||
'role:qa',
|
|
||||||
]" class="tool-item" :title="$t('trials:reading:button:download')">
|
|
||||||
<div class="tool-wrapper">
|
|
||||||
<div class="icon" @click.prevent="openUploadImage('download')">
|
|
||||||
<i class="el-icon-download svg-icon" />
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
|
|
@ -122,84 +111,112 @@
|
||||||
<!-- viewports -->
|
<!-- viewports -->
|
||||||
<div class="viewports-wrapper">
|
<div class="viewports-wrapper">
|
||||||
<div class="grid-container" :style="gridStyle">
|
<div class="grid-container" :style="gridStyle">
|
||||||
<div v-for="(v, index) in viewportInfos" v-show="index < cells.length" :key="index" :style="cellStyle"
|
<div
|
||||||
|
v-for="(v, index) in viewportInfos"
|
||||||
|
v-show="index < cells.length"
|
||||||
|
:key="index"
|
||||||
|
:style="cellStyle"
|
||||||
:class="['grid-cell', index === activeCanvasIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
:class="['grid-cell', index === activeCanvasIndex ? 'cell_active' : '', index === fullScreenIndex ? 'cell-full-screen' : '']"
|
||||||
@dblclick="toggleFullScreen($event, index)" @click="activeCanvas(index)"
|
@dblclick="toggleFullScreen($event, index)"
|
||||||
@mouseup="sliderMouseup($event, index)" @mousemove="sliderMousemove($event, index)"
|
@click="activeCanvas(index)"
|
||||||
@mouseleave="sliderMouseleave($event, index)">
|
@mouseup="sliderMouseup($event, index)"
|
||||||
|
@mousemove="sliderMousemove($event, index)"
|
||||||
|
@mouseleave="sliderMouseleave($event, index)"
|
||||||
|
>
|
||||||
<div v-show="imageType.includes(v.fileType)" :ref="`canvas-${index}`" class="content">
|
<div v-show="imageType.includes(v.fileType)" :ref="`canvas-${index}`" class="content">
|
||||||
<div class="left-top-text">
|
<div class="left-top-text">
|
||||||
<div v-if="v.taskInfo.IsExistsClinicalData" class="cd-info"
|
<div
|
||||||
:title="$t('trials:reading:button:clinicalData')">
|
v-if="v.taskInfo.IsExistsClinicalData"
|
||||||
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
|
class="cd-info"
|
||||||
@click.stop="viewCD(v.taskInfo.VisitTaskId)" />
|
:title="$t('trials:reading:button:clinicalData')"
|
||||||
|
>
|
||||||
|
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon" @click.stop="viewCD(v.taskInfo.VisitTaskId)" />
|
||||||
</div>
|
</div>
|
||||||
<h2 v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo" class="subject-info">
|
<h2
|
||||||
|
v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo"
|
||||||
|
class="subject-info"
|
||||||
|
>
|
||||||
{{ `${taskInfo.SubjectCode} ${v.taskInfo.TaskBlindName} ` }}
|
{{ `${taskInfo.SubjectCode} ${v.taskInfo.TaskBlindName} ` }}
|
||||||
</h2>
|
</h2>
|
||||||
<!-- <div v-if="v.currentFileName">{{ v.currentFileName }}</div> -->
|
<!-- <div v-if="v.currentFileName">{{ v.currentFileName }}</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1 && v.taskInfo" class="top-center-tool">
|
<div
|
||||||
|
v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1 && v.taskInfo"
|
||||||
|
class="top-center-tool"
|
||||||
|
>
|
||||||
<div class="toggle-visit-container">
|
<div class="toggle-visit-container">
|
||||||
<div class="arrw_icon"
|
<div
|
||||||
:style="{ cursor: v.taskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum !== 0 ? '#fff' : '#6b6b6b' }"
|
class="arrw_icon"
|
||||||
|
:style="{ cursor: v.taskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum !== 0 ? '#fff': '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, -1, v.index)"
|
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, -1, v.index)"
|
||||||
@dblclick.stop="preventDefault($event)">
|
@dblclick.stop="preventDefault($event)"
|
||||||
|
>
|
||||||
<i class="el-icon-caret-left" />
|
<i class="el-icon-caret-left" />
|
||||||
</div>
|
</div>
|
||||||
<div class="arrow_text">
|
<div class="arrow_text">
|
||||||
{{ v.taskInfo.TaskBlindName }}
|
{{ v.taskInfo.TaskBlindName }}
|
||||||
</div>
|
</div>
|
||||||
<div class="arrw_icon"
|
<div
|
||||||
:style="{ cursor: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff' : '#6b6b6b' }"
|
class="arrw_icon"
|
||||||
|
:style="{ cursor: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff': '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, 1, v.index)"
|
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, 1, v.index)"
|
||||||
@dblclick.stop="preventDefault($event)">
|
@dblclick.stop="preventDefault($event)"
|
||||||
|
>
|
||||||
<i class="el-icon-caret-right" />
|
<i class="el-icon-caret-right" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div :ref="`sliderBox-${index}`" class="right-slider-box" @click.stop="clickSlider($event, index)">
|
<div :ref="`sliderBox-${index}`" class="right-slider-box" @click.stop="clickSlider($event, index)">
|
||||||
<div :style="{ top: v.height + '%' }" class="slider" @click.stop.prevent="() => { return }"
|
<div :style="{top: v.height + '%'}" class="slider" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event, index)" />
|
||||||
@mousedown.stop="sliderMousedown($event, index)" />
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div v-show="v.fileType === 'application/pdf' && fullScreenIndex === null" class="content flex_col">
|
<div v-show="v.fileType === 'application/pdf' && fullScreenIndex === null " class="content flex_col">
|
||||||
<div class="content-top" style="height: 50px;">
|
<div class="content-top" style="height: 50px;">
|
||||||
<div class="left-top-text">
|
<div class="left-top-text">
|
||||||
<div v-if="v.taskInfo.IsExistsClinicalData" class="cd-info"
|
<div
|
||||||
:title="$t('trials:reading:button:clinicalData')">
|
v-if="v.taskInfo.IsExistsClinicalData"
|
||||||
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon"
|
class="cd-info"
|
||||||
@click.stop="viewCD(v.taskInfo.VisitTaskId)" />
|
:title="$t('trials:reading:button:clinicalData')"
|
||||||
|
>
|
||||||
|
<svg-icon style="cursor: pointer;" icon-class="documentation" class="svg-icon" @click.stop="viewCD(v.taskInfo.VisitTaskId)" />
|
||||||
</div>
|
</div>
|
||||||
<h2 v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo" class="subject-info">
|
<h2
|
||||||
|
v-if="taskInfo && taskInfo.IsReadingShowSubjectInfo && v.taskInfo"
|
||||||
|
class="subject-info"
|
||||||
|
>
|
||||||
{{ `${taskInfo.SubjectCode} ${v.taskInfo.TaskBlindName} ` }}
|
{{ `${taskInfo.SubjectCode} ${v.taskInfo.TaskBlindName} ` }}
|
||||||
</h2>
|
</h2>
|
||||||
<!-- <div v-if="v.currentFileName">{{ v.currentFileName }}</div> -->
|
<!-- <div v-if="v.currentFileName">{{ v.currentFileName }}</div> -->
|
||||||
</div>
|
</div>
|
||||||
<div v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1 && v.taskInfo" class="top-center-tool">
|
<div
|
||||||
|
v-if="taskInfo && taskInfo.IsReadingTaskViewInOrder === 1 && v.taskInfo"
|
||||||
|
class="top-center-tool"
|
||||||
|
>
|
||||||
<div class="toggle-visit-container">
|
<div class="toggle-visit-container">
|
||||||
<div class="arrw_icon"
|
<div
|
||||||
:style="{ cursor: v.taskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum !== 0 ? '#fff' : '#6b6b6b' }"
|
class="arrw_icon"
|
||||||
|
:style="{ cursor: v.taskInfo.VisitTaskNum !== 0 ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum !== 0 ? '#fff': '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, -1, v.index)"
|
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, -1, v.index)"
|
||||||
@dblclick.stop="preventDefault($event)">
|
@dblclick.stop="preventDefault($event)"
|
||||||
|
>
|
||||||
<i class="el-icon-caret-left" />
|
<i class="el-icon-caret-left" />
|
||||||
</div>
|
</div>
|
||||||
<div class="arrow_text">
|
<div class="arrow_text">
|
||||||
{{ v.taskInfo.TaskBlindName }}
|
{{ v.taskInfo.TaskBlindName }}
|
||||||
</div>
|
</div>
|
||||||
<div class="arrw_icon"
|
<div
|
||||||
:style="{ cursor: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff' : '#6b6b6b' }"
|
class="arrw_icon"
|
||||||
|
:style="{ cursor: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? 'pointer' : 'not-allowed', color: v.taskInfo.VisitTaskNum < taskInfo.VisitNum ? '#fff': '#6b6b6b' }"
|
||||||
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, 1, v.index)"
|
@click.stop.prevent="toggleTask($event, v.taskInfo.VisitTaskNum, 1, v.index)"
|
||||||
@dblclick.stop="preventDefault($event)">
|
@dblclick.stop="preventDefault($event)"
|
||||||
|
>
|
||||||
<i class="el-icon-caret-right" />
|
<i class="el-icon-caret-right" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="content-main" style="flex: 1;">
|
<div class="content-main" style="flex: 1;">
|
||||||
<iframe v-if="v.currentFilePath" :ref="`iframe-${index}`"
|
<iframe v-if="v.currentFilePath" :ref="`iframe-${index}`" :src="`/static/pdfjs/web/viewer.html?file=${OSSclientConfig.basePath}${v.currentFilePath}?index=${index}`" width="100%" height="100%" frameborder="0" crossorigin="anonymous" />
|
||||||
:src="`/static/pdfjs/web/viewer.html?file=${OSSclientConfig.basePath}${v.currentFilePath}?index=${index}`"
|
|
||||||
width="100%" height="100%" frameborder="0" crossorigin="anonymous" />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -207,8 +224,14 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-dialog :title="$t('trials:noneDicom:message:msg2')" :visible.sync="dialogVisible" :close-on-click-modal="false"
|
<el-dialog
|
||||||
:close-on-press-escape="false" :show-close="false" width="400px">
|
:title="$t('trials:noneDicom:message:msg2')"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:close-on-press-escape="false"
|
||||||
|
:show-close="false"
|
||||||
|
width="400px"
|
||||||
|
>
|
||||||
<el-form ref="lengthForm" :model="form" :rules="rules">
|
<el-form ref="lengthForm" :model="form" :rules="rules">
|
||||||
<el-form-item label="" prop="length">
|
<el-form-item label="" prop="length">
|
||||||
<el-input v-model="form.length" type="number">
|
<el-input v-model="form.length" type="number">
|
||||||
|
|
@ -221,20 +244,19 @@
|
||||||
</span>
|
</span>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog v-if="personalConfigDialog.visible" :visible.sync="personalConfigDialog.visible"
|
<el-dialog
|
||||||
:close-on-click-modal="false" :title="personalConfigDialog.title" width="600px">
|
v-if="personalConfigDialog.visible"
|
||||||
|
:visible.sync="personalConfigDialog.visible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:title="personalConfigDialog.title"
|
||||||
|
width="600px"
|
||||||
|
>
|
||||||
<Others />
|
<Others />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<upload-dicom-and-nonedicom v-if="uploadImageVisible" :subject-id="uploadSubjectId"
|
|
||||||
:subject-code="uploadSubjectCode" :criterion="uploadTrialCriterion" :visible.sync="uploadImageVisible"
|
|
||||||
:visit-task-id="taskId" :is-reading-task-view-in-order="isReadingTaskViewInOrder" />
|
|
||||||
<download-dicom-and-nonedicom v-if="downloadImageVisible" :subject-id="uploadSubjectId"
|
|
||||||
:subject-code="uploadSubjectCode" :criterion="uploadTrialCriterion" :task-id="taskId"
|
|
||||||
:visible.sync="downloadImageVisible" />
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { addNoneDicomMark, deleteTrialFileType, getCriterionReadingInfo } from '@/api/trials'
|
import { addNoneDicomMark, deleteTrialFileType } from '@/api/trials'
|
||||||
import {
|
import {
|
||||||
RenderingEngine,
|
RenderingEngine,
|
||||||
Enums,
|
Enums,
|
||||||
|
|
@ -255,10 +277,6 @@ import store from '@/store'
|
||||||
import Others from '@/views/trials/trials-panel/reading/dicoms/components/Others'
|
import Others from '@/views/trials/trials-panel/reading/dicoms/components/Others'
|
||||||
const { ViewportType } = Enums
|
const { ViewportType } = Enums
|
||||||
const renderingEngineId = 'myRenderingEngine'
|
const renderingEngineId = 'myRenderingEngine'
|
||||||
import LengthscaleTool from "../tools/LengthscaleTool"
|
|
||||||
import { getCustomizeStandardsNoneDicomTools, config } from '@/views/trials/trials-panel/reading/dicoms3D/components/toolConfig'
|
|
||||||
import uploadDicomAndNonedicom from '@/components/uploadDicomAndNonedicom'
|
|
||||||
import downloadDicomAndNonedicom from '@/components/downloadDicomAndNonedicom'
|
|
||||||
const {
|
const {
|
||||||
ToolGroupManager,
|
ToolGroupManager,
|
||||||
Enums: csToolsEnums,
|
Enums: csToolsEnums,
|
||||||
|
|
@ -271,20 +289,13 @@ const {
|
||||||
PlanarFreehandROITool,
|
PlanarFreehandROITool,
|
||||||
SplineROITool,
|
SplineROITool,
|
||||||
EraserTool,
|
EraserTool,
|
||||||
LengthTool,
|
LengthTool
|
||||||
EllipticalROITool,
|
|
||||||
CircleROITool,
|
|
||||||
AngleTool
|
|
||||||
// cursors
|
// cursors
|
||||||
} = cornerstoneTools
|
} = cornerstoneTools
|
||||||
const { MouseBindings, Events: toolsEvents } = csToolsEnums
|
const { MouseBindings, Events: toolsEvents } = csToolsEnums
|
||||||
export default {
|
export default {
|
||||||
name: 'ImageViewer',
|
name: 'ImageViewer',
|
||||||
components: {
|
components: { Others },
|
||||||
Others,
|
|
||||||
downloadDicomAndNonedicom,
|
|
||||||
uploadDicomAndNonedicom,
|
|
||||||
},
|
|
||||||
props: {
|
props: {
|
||||||
relatedStudyInfo: {
|
relatedStudyInfo: {
|
||||||
type: Object,
|
type: Object,
|
||||||
|
|
@ -327,23 +338,7 @@ export default {
|
||||||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||||||
{ pattern: /^\d+$/, message: this.$t('trials:noneDicom:message:msg3'), trigger: ['blur', 'change'] }
|
{ pattern: /^\d+$/, message: this.$t('trials:noneDicom:message:msg3'), trigger: ['blur', 'change'] }
|
||||||
]
|
]
|
||||||
},
|
}
|
||||||
|
|
||||||
customizeStandardsNoneDicom: [],
|
|
||||||
tools: [],
|
|
||||||
criterionType: null,
|
|
||||||
|
|
||||||
|
|
||||||
// 上传
|
|
||||||
downloadImageVisible: false,
|
|
||||||
uploadImageVisible: false,
|
|
||||||
uploadSubjectId: null,
|
|
||||||
uploadSubjectCode: null,
|
|
||||||
uploadTrialCriterion: {},
|
|
||||||
uploadStatus: 'upload',
|
|
||||||
taskId: '',
|
|
||||||
isReadingTaskViewInOrder: null,
|
|
||||||
trialCriterion: {}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
|
|
@ -395,14 +390,6 @@ export default {
|
||||||
mounted() {
|
mounted() {
|
||||||
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
|
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
|
||||||
this.readingTaskState = this.taskInfo.ReadingTaskState
|
this.readingTaskState = this.taskInfo.ReadingTaskState
|
||||||
this.criterionType = this.taskInfo.CriterionType
|
|
||||||
if (this.criterionType === 0) {
|
|
||||||
this.tools = getCustomizeStandardsNoneDicomTools(this.taskInfo.ReadingToolList)
|
|
||||||
const toolNames = this.tools.map(i => i.toolName)
|
|
||||||
this.customizeStandardsNoneDicom = config.customizeStandardsNoneDicom.filter(item => !toolNames.includes(item.toolName))
|
|
||||||
} else {
|
|
||||||
this.tools = config.customizeStandardsNoneDicom
|
|
||||||
}
|
|
||||||
if (!this.taskInfo.IsBaseLine && this.taskInfo.IsReadingTaskViewInOrder !== 0) {
|
if (!this.taskInfo.IsBaseLine && this.taskInfo.IsReadingTaskViewInOrder !== 0) {
|
||||||
this.rows = 1
|
this.rows = 1
|
||||||
this.cols = 2
|
this.cols = 2
|
||||||
|
|
@ -427,36 +414,11 @@ export default {
|
||||||
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
|
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
|
||||||
this.initLoader()
|
this.initLoader()
|
||||||
window.addEventListener('message', this.handleIframeMessage)
|
window.addEventListener('message', this.handleIframeMessage)
|
||||||
this.getTrialCriterion()
|
|
||||||
},
|
},
|
||||||
beforeDestroy() {
|
beforeDestroy() {
|
||||||
window.removeEventListener('message', this.handleIframeMessage)
|
window.removeEventListener('message', this.handleIframeMessage)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getTrialCriterion() {
|
|
||||||
getCriterionReadingInfo({
|
|
||||||
TrialId: this.$route.query.trialId,
|
|
||||||
TrialReadingCriterionId: this.$route.query.TrialReadingCriterionId
|
|
||||||
})
|
|
||||||
.then((res) => {
|
|
||||||
this.trialCriterion = res.Result
|
|
||||||
})
|
|
||||||
.catch(() => { })
|
|
||||||
},
|
|
||||||
openUploadImage(status) {
|
|
||||||
this.taskId = this.taskInfo.VisitTaskId
|
|
||||||
this.uploadSubjectCode = localStorage.getItem("subjectCode")
|
|
||||||
this.uploadSubjectId = localStorage.getItem("subjectId")
|
|
||||||
this.uploadTrialCriterion = this.trialCriterion
|
|
||||||
this.uploadStatus = status
|
|
||||||
this[`${status}ImageVisible`] = true
|
|
||||||
},
|
|
||||||
showPanel(e) {
|
|
||||||
e.currentTarget.firstChild.lastChild.style.display = 'block'
|
|
||||||
},
|
|
||||||
toolMouseout(e) {
|
|
||||||
e.currentTarget.firstChild.lastChild.style.display = 'none'
|
|
||||||
},
|
|
||||||
// 初始化加载器
|
// 初始化加载器
|
||||||
async initLoader() {
|
async initLoader() {
|
||||||
registerWebImageLoader(imageLoader)
|
registerWebImageLoader(imageLoader)
|
||||||
|
|
@ -518,14 +480,10 @@ export default {
|
||||||
cornerstoneTools.addTool(PlanarRotateTool)
|
cornerstoneTools.addTool(PlanarRotateTool)
|
||||||
cornerstoneTools.addTool(ArrowAnnotateTool)
|
cornerstoneTools.addTool(ArrowAnnotateTool)
|
||||||
cornerstoneTools.addTool(RectangleROITool)
|
cornerstoneTools.addTool(RectangleROITool)
|
||||||
cornerstoneTools.addTool(EllipticalROITool)
|
|
||||||
cornerstoneTools.addTool(CircleROITool)
|
|
||||||
cornerstoneTools.addTool(AngleTool)
|
|
||||||
cornerstoneTools.addTool(PlanarFreehandROITool)
|
cornerstoneTools.addTool(PlanarFreehandROITool)
|
||||||
cornerstoneTools.addTool(SplineROITool)
|
cornerstoneTools.addTool(SplineROITool)
|
||||||
cornerstoneTools.addTool(EraserTool)
|
cornerstoneTools.addTool(EraserTool)
|
||||||
cornerstoneTools.addTool(LengthTool)
|
cornerstoneTools.addTool(LengthTool)
|
||||||
cornerstoneTools.addTool(LengthscaleTool)
|
|
||||||
|
|
||||||
viewportIds.forEach((viewportId, i) => {
|
viewportIds.forEach((viewportId, i) => {
|
||||||
const toolGroupId = `canvas-${i}`
|
const toolGroupId = `canvas-${i}`
|
||||||
|
|
@ -537,10 +495,10 @@ export default {
|
||||||
toolGroup.addTool(PlanarRotateTool.toolName)
|
toolGroup.addTool(PlanarRotateTool.toolName)
|
||||||
toolGroup.addTool(ArrowAnnotateTool.toolName, {
|
toolGroup.addTool(ArrowAnnotateTool.toolName, {
|
||||||
arrowHeadStyle: 'standard',
|
arrowHeadStyle: 'standard',
|
||||||
changeTextCallback: async (data, eventData, doneChangingTextCallback) => {
|
changeTextCallback: async(data, eventData, doneChangingTextCallback) => {
|
||||||
return doneChangingTextCallback(await this.customPrompt())
|
return doneChangingTextCallback(await this.customPrompt())
|
||||||
},
|
},
|
||||||
getTextCallback: async (doneChangingTextCallback) => {
|
getTextCallback: async(doneChangingTextCallback) => {
|
||||||
return doneChangingTextCallback(await this.customPrompt())
|
return doneChangingTextCallback(await this.customPrompt())
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
@ -548,15 +506,6 @@ export default {
|
||||||
cachedStats: false,
|
cachedStats: false,
|
||||||
getTextLines: this.getRectangleROIToolTextLines
|
getTextLines: this.getRectangleROIToolTextLines
|
||||||
})
|
})
|
||||||
toolGroup.addTool(EllipticalROITool.toolName, {
|
|
||||||
cachedStats: false,
|
|
||||||
getTextLines: this.getEllipticalROIToolTextLines
|
|
||||||
})
|
|
||||||
toolGroup.addTool(CircleROITool.toolName, {
|
|
||||||
cachedStats: false,
|
|
||||||
getTextLines: this.getCircleROIToolTextLines
|
|
||||||
})
|
|
||||||
toolGroup.addTool(AngleTool.toolName)
|
|
||||||
toolGroup.addTool(PlanarFreehandROITool.toolName, {
|
toolGroup.addTool(PlanarFreehandROITool.toolName, {
|
||||||
allowOpenContours: false,
|
allowOpenContours: false,
|
||||||
cachedStats: false,
|
cachedStats: false,
|
||||||
|
|
@ -573,10 +522,6 @@ export default {
|
||||||
getTextLines: this.getLengthToolTextLines,
|
getTextLines: this.getLengthToolTextLines,
|
||||||
cachedStats: false
|
cachedStats: false
|
||||||
})
|
})
|
||||||
toolGroup.addTool(LengthscaleTool.toolName, {
|
|
||||||
getTextLines: this.getLengthscaleToolTextLines,
|
|
||||||
cachedStats: false
|
|
||||||
})
|
|
||||||
|
|
||||||
toolGroup.setToolActive(StackScrollTool.toolName, {
|
toolGroup.setToolActive(StackScrollTool.toolName, {
|
||||||
bindings: [{ mouseButton: MouseBindings.Wheel }]
|
bindings: [{ mouseButton: MouseBindings.Wheel }]
|
||||||
|
|
@ -587,23 +532,15 @@ export default {
|
||||||
if (this.readingTaskState < 2) {
|
if (this.readingTaskState < 2) {
|
||||||
toolGroup.setToolPassive(ArrowAnnotateTool.toolName)
|
toolGroup.setToolPassive(ArrowAnnotateTool.toolName)
|
||||||
toolGroup.setToolPassive(RectangleROITool.toolName)
|
toolGroup.setToolPassive(RectangleROITool.toolName)
|
||||||
toolGroup.setToolPassive(EllipticalROITool.toolName)
|
|
||||||
toolGroup.setToolPassive(CircleROITool.toolName)
|
|
||||||
toolGroup.setToolPassive(AngleTool.toolName)
|
|
||||||
toolGroup.setToolPassive(PlanarFreehandROITool.toolName)
|
toolGroup.setToolPassive(PlanarFreehandROITool.toolName)
|
||||||
toolGroup.setToolPassive(SplineROITool.toolName)
|
toolGroup.setToolPassive(SplineROITool.toolName)
|
||||||
toolGroup.setToolPassive(LengthTool.toolName)
|
toolGroup.setToolPassive(LengthTool.toolName)
|
||||||
toolGroup.setToolPassive(LengthscaleTool.toolName)
|
|
||||||
} else {
|
} else {
|
||||||
toolGroup.setToolEnabled(ArrowAnnotateTool.toolName)
|
toolGroup.setToolEnabled(ArrowAnnotateTool.toolName)
|
||||||
toolGroup.setToolEnabled(RectangleROITool.toolName)
|
toolGroup.setToolEnabled(RectangleROITool.toolName)
|
||||||
toolGroup.setToolEnabled(EllipticalROITool.toolName)
|
|
||||||
toolGroup.setToolEnabled(CircleROITool.toolName)
|
|
||||||
toolGroup.setToolEnabled(AngleTool.toolName)
|
|
||||||
toolGroup.setToolEnabled(PlanarFreehandROITool.toolName)
|
toolGroup.setToolEnabled(PlanarFreehandROITool.toolName)
|
||||||
toolGroup.setToolEnabled(SplineROITool.toolName)
|
toolGroup.setToolEnabled(SplineROITool.toolName)
|
||||||
toolGroup.setToolEnabled(LengthTool.toolName)
|
toolGroup.setToolEnabled(LengthTool.toolName)
|
||||||
toolGroup.setToolEnabled(LengthscaleTool.toolName)
|
|
||||||
}
|
}
|
||||||
toolGroup.setToolPassive(EraserTool.toolName)
|
toolGroup.setToolPassive(EraserTool.toolName)
|
||||||
})
|
})
|
||||||
|
|
@ -867,12 +804,12 @@ export default {
|
||||||
if (this.activeTool) {
|
if (this.activeTool) {
|
||||||
toolGroup.setToolPassive(this.activeTool)
|
toolGroup.setToolPassive(this.activeTool)
|
||||||
}
|
}
|
||||||
if (toolName === 'Lengthscale') {
|
if (toolName === 'Length') {
|
||||||
const renderingEngine = getRenderingEngine(renderingEngineId)
|
const renderingEngine = getRenderingEngine(renderingEngineId)
|
||||||
const viewport = renderingEngine.getViewport(`canvas-${this.activeCanvasIndex}`)
|
const viewport = renderingEngine.getViewport(`canvas-${this.activeCanvasIndex}`)
|
||||||
const imageId = viewport.csImage.imageId
|
const imageId = viewport.csImage.imageId
|
||||||
const annotations = cornerstoneTools.annotation.state.getAllAnnotations()
|
const annotations = cornerstoneTools.annotation.state.getAllAnnotations()
|
||||||
const idx = annotations.findIndex(i => i.metadata.referencedImageId === imageId && i.metadata.toolName === 'Lengthscale')
|
const idx = annotations.findIndex(i => i.metadata.referencedImageId === imageId && i.metadata.toolName === 'Length')
|
||||||
if (idx > -1) {
|
if (idx > -1) {
|
||||||
this.activeTool = ''
|
this.activeTool = ''
|
||||||
// 当前图像已存在比例尺！
|
// 当前图像已存在比例尺！
|
||||||
|
|
@ -937,7 +874,7 @@ export default {
|
||||||
const path = imageId.split(`web:${this.OSSclientConfig.basePath}`)[1]
|
const path = imageId.split(`web:${this.OSSclientConfig.basePath}`)[1]
|
||||||
const fileList = this.viewportInfos[i].fileList
|
const fileList = this.viewportInfos[i].fileList
|
||||||
const fileIndex = fileList.findIndex(f => f.Path === path)
|
const fileIndex = fileList.findIndex(f => f.Path === path)
|
||||||
if (annotation.metadata.toolName === 'Lengthscale') {
|
if (annotation.metadata.toolName === 'Length') {
|
||||||
this.$emit('setPS', { NoneDicomFileId: fileList[fileIndex].Id, Path: fileList[fileIndex].Path, PS: null })
|
this.$emit('setPS', { NoneDicomFileId: fileList[fileIndex].Id, Path: fileList[fileIndex].Path, PS: null })
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -956,7 +893,7 @@ export default {
|
||||||
const fileList = this.viewportInfos[i].fileList
|
const fileList = this.viewportInfos[i].fileList
|
||||||
const fileIndex = fileList.findIndex(f => f.Path === path)
|
const fileIndex = fileList.findIndex(f => f.Path === path)
|
||||||
if (fileIndex === -1) return
|
if (fileIndex === -1) return
|
||||||
if (annotation.metadata.toolName === 'Lengthscale') {
|
if (annotation.metadata.toolName === 'Length') {
|
||||||
const value = annotation.data.l
|
const value = annotation.data.l
|
||||||
if (value) {
|
if (value) {
|
||||||
const cachedStats = Object.keys(annotation.data.cachedStats)
|
const cachedStats = Object.keys(annotation.data.cachedStats)
|
||||||
|
|
@ -966,7 +903,6 @@ export default {
|
||||||
}
|
}
|
||||||
this.setToolsPassive()
|
this.setToolsPassive()
|
||||||
}
|
}
|
||||||
if (this.customizeStandardsNoneDicom.find(item => item.toolName === annotation.metadata?.toolName)) return false
|
|
||||||
const params = {
|
const params = {
|
||||||
id: annotation.annotationId,
|
id: annotation.annotationId,
|
||||||
visitTaskId: this.viewportInfos[i].taskInfo.VisitTaskId,
|
visitTaskId: this.viewportInfos[i].taskInfo.VisitTaskId,
|
||||||
|
|
@ -993,7 +929,7 @@ export default {
|
||||||
const fileList = this.viewportInfos[i].fileList
|
const fileList = this.viewportInfos[i].fileList
|
||||||
const fileIndex = fileList.findIndex(f => f.Path === path)
|
const fileIndex = fileList.findIndex(f => f.Path === path)
|
||||||
if (fileIndex === -1) return
|
if (fileIndex === -1) return
|
||||||
if (annotation.metadata.toolName === 'Lengthscale') {
|
if (annotation.metadata.toolName === 'Length') {
|
||||||
this.form.annotationObj = {
|
this.form.annotationObj = {
|
||||||
id: '',
|
id: '',
|
||||||
visitTaskId: this.viewportInfos[i].taskInfo.VisitTaskId,
|
visitTaskId: this.viewportInfos[i].taskInfo.VisitTaskId,
|
||||||
|
|
@ -1009,7 +945,7 @@ export default {
|
||||||
this.setToolsPassive()
|
this.setToolsPassive()
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (this.customizeStandardsNoneDicom.find(item => item.toolName === annotation.metadata?.toolName)) return false
|
|
||||||
const params = {
|
const params = {
|
||||||
id: '',
|
id: '',
|
||||||
visitTaskId: this.viewportInfos[i].taskInfo.VisitTaskId,
|
visitTaskId: this.viewportInfos[i].taskInfo.VisitTaskId,
|
||||||
|
|
@ -1044,7 +980,6 @@ export default {
|
||||||
cornerstoneTools.annotation.state.removeAnnotation(annotation.annotationUID)
|
cornerstoneTools.annotation.state.removeAnnotation(annotation.annotationUID)
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
if (this.customizeStandardsNoneDicom.find(item => item.toolName === annotation.metadata?.toolName)) return false
|
|
||||||
const params = {
|
const params = {
|
||||||
id: '',
|
id: '',
|
||||||
visitTaskId: this.form.annotationObj.visitTaskId,
|
visitTaskId: this.form.annotationObj.visitTaskId,
|
||||||
|
|
@ -1061,7 +996,7 @@ export default {
|
||||||
viewport.render()
|
viewport.render()
|
||||||
this.dialogVisible = false
|
this.dialogVisible = false
|
||||||
},
|
},
|
||||||
getLengthscaleToolTextLines(data, targetId) {
|
getLengthToolTextLines(data, targetId) {
|
||||||
const cachedVolumeStats = data.cachedStats[targetId]
|
const cachedVolumeStats = data.cachedStats[targetId]
|
||||||
const { length, unit } = cachedVolumeStats
|
const { length, unit } = cachedVolumeStats
|
||||||
if (length === undefined || length === null || isNaN(length)) {
|
if (length === undefined || length === null || isNaN(length)) {
|
||||||
|
|
@ -1078,27 +1013,6 @@ export default {
|
||||||
}
|
}
|
||||||
return textLines
|
return textLines
|
||||||
},
|
},
|
||||||
// 直线工具注释
|
|
||||||
getLengthToolTextLines(data, targetId) {
|
|
||||||
const cachedVolumeStats = data.cachedStats[targetId]
|
|
||||||
const { length, unit } = cachedVolumeStats
|
|
||||||
if (length === undefined || length === null || isNaN(length)) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
let ps = null
|
|
||||||
const path = targetId.split(`web:${this.OSSclientConfig.basePath}`)[1]
|
|
||||||
const i = this.psArr.findIndex(i => i.Path === path)
|
|
||||||
if (i > -1 && this.psArr[i].PS) {
|
|
||||||
ps = parseFloat(this.psArr[i].PS).toFixed(3)
|
|
||||||
}
|
|
||||||
const textLines = []
|
|
||||||
if (ps) {
|
|
||||||
textLines.push(`${this.reRound(csUtils.roundNumber(length * ps), this.digitPlaces)} mm`)
|
|
||||||
} else {
|
|
||||||
textLines.push(`${this.reRound(csUtils.roundNumber(length), this.digitPlaces)} ${unit}`)
|
|
||||||
}
|
|
||||||
return textLines
|
|
||||||
},
|
|
||||||
getPlanarFreehandROIToolTextLines(data, targetId) {
|
getPlanarFreehandROIToolTextLines(data, targetId) {
|
||||||
const cachedVolumeStats = data.cachedStats[targetId]
|
const cachedVolumeStats = data.cachedStats[targetId]
|
||||||
const {
|
const {
|
||||||
|
|
@ -1124,26 +1038,26 @@ export default {
|
||||||
if (area) {
|
if (area) {
|
||||||
const areaLine = isEmptyArea
|
const areaLine = isEmptyArea
|
||||||
? `Area: Oblique not supported`
|
? `Area: Oblique not supported`
|
||||||
: `Area: ${ps ? this.reRound(csUtils.roundNumber(area * ps * ps), this.digitPlaces) : this.reRound(csUtils.roundNumber(area), this.digitPlaces)} ${ps ? 'mm' + '\xb2' : areaUnit}`
|
: `Area: ${ps ? parseFloat(area * ps * ps).toFixed(this.digitPlaces) : parseFloat(area).toFixed(this.digitPlaces)} ${ps ? 'mm' + '\xb2' : areaUnit}`
|
||||||
textLines.push(areaLine)
|
textLines.push(areaLine)
|
||||||
}
|
}
|
||||||
if (mean) {
|
if (mean) {
|
||||||
textLines.push(`Mean: ${this.reRound(csUtils.roundNumber(mean), this.digitPlaces)} ${modalityUnit}`)
|
textLines.push(`Mean: ${parseFloat(mean).toFixed(this.digitPlaces)} ${modalityUnit}`)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (max) {
|
if (Number.isFinite(max)) {
|
||||||
textLines.push(`Max: ${this.reRound(csUtils.roundNumber(max), this.digitPlaces)} ${modalityUnit}`)
|
textLines.push(`Max: ${csUtils.roundNumber(max)} ${modalityUnit}`)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (stdDev) {
|
if (stdDev) {
|
||||||
textLines.push(`Std Dev: ${this.reRound(csUtils.roundNumber(stdDev), this.digitPlaces)} ${modalityUnit}`)
|
textLines.push(`Std Dev: ${csUtils.roundNumber(stdDev)} ${modalityUnit}`)
|
||||||
}
|
}
|
||||||
|
|
||||||
if (perimeter) {
|
if (perimeter) {
|
||||||
if (ps) {
|
if (ps) {
|
||||||
textLines.push(`Perimeter: ${this.reRound(csUtils.roundNumber(perimeter * ps), this.digitPlaces)} mm`)
|
textLines.push(`Perimeter: ${parseFloat(perimeter * ps).toFixed(this.digitPlaces)} mm`)
|
||||||
} else {
|
} else {
|
||||||
textLines.push(`Perimeter: ${this.reRound(csUtils.roundNumber(perimeter), this.digitPlaces)} ${unit}`)
|
textLines.push(`Perimeter: ${parseFloat(perimeter).toFixed(this.digitPlaces)} ${unit}`)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1156,7 +1070,6 @@ export default {
|
||||||
},
|
},
|
||||||
getRectangleROIToolTextLines(data, targetId) {
|
getRectangleROIToolTextLines(data, targetId) {
|
||||||
const cachedVolumeStats = data.cachedStats[targetId]
|
const cachedVolumeStats = data.cachedStats[targetId]
|
||||||
const points = data.handles.points
|
|
||||||
const { area, mean, max, stdDev, areaUnit, modalityUnit } = cachedVolumeStats
|
const { area, mean, max, stdDev, areaUnit, modalityUnit } = cachedVolumeStats
|
||||||
|
|
||||||
if (mean === undefined) {
|
if (mean === undefined) {
|
||||||
|
|
@ -1171,104 +1084,20 @@ export default {
|
||||||
ps = parseFloat(this.psArr[i].PS).toFixed(3)
|
ps = parseFloat(this.psArr[i].PS).toFixed(3)
|
||||||
}
|
}
|
||||||
if (ps) {
|
if (ps) {
|
||||||
textLines.push(`Area: ${this.reRound(csUtils.roundNumber(area * ps * ps), this.digitPlaces)} ${'mm' + '\xb2'}`)
|
textLines.push(`Area: ${parseFloat(area * ps * ps).toFixed(this.digitPlaces)} ${'mm' + '\xb2'}`)
|
||||||
} else {
|
} else {
|
||||||
textLines.push(`Area: ${this.reRound(csUtils.roundNumber(area), this.digitPlaces)} ${areaUnit}`)
|
textLines.push(`Area: ${parseFloat(area).toFixed(this.digitPlaces)} ${areaUnit}`)
|
||||||
}
|
|
||||||
textLines.push(`Mean: ${this.reRound(csUtils.roundNumber(mean), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
textLines.push(`Max: ${this.reRound(csUtils.roundNumber(max), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
textLines.push(`Std Dev: ${this.reRound(csUtils.roundNumber(stdDev), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
if (Array.isArray(points) && points.length === 4) {
|
|
||||||
let perimeter = 2 * Math.abs(points[0][0] - points[1][0]) + 2 * Math.abs(points[1][1] - points[2][1])
|
|
||||||
if (perimeter) {
|
|
||||||
if (ps) {
|
|
||||||
textLines.push(`Perimeter: ${this.reRound(csUtils.roundNumber(perimeter * ps), this.digitPlaces)} mm`)
|
|
||||||
} else {
|
|
||||||
textLines.push(`Perimeter: ${this.reRound(csUtils.roundNumber(perimeter), this.digitPlaces)} px`)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
textLines.push(`Mean: ${csUtils.roundNumber(mean)} ${modalityUnit}`)
|
||||||
|
textLines.push(`Max: ${csUtils.roundNumber(max)} ${modalityUnit}`)
|
||||||
|
textLines.push(`Std Dev: ${csUtils.roundNumber(stdDev)} ${modalityUnit}`)
|
||||||
|
|
||||||
return textLines
|
return textLines
|
||||||
},
|
},
|
||||||
// 椭圆工具注释信息
|
|
||||||
getEllipticalROIToolTextLines(data, targetId) {
|
|
||||||
const cachedVolumeStats = data.cachedStats[targetId]
|
|
||||||
const { area, mean, max, stdDev, areaUnit, modalityUnit } = cachedVolumeStats
|
|
||||||
|
|
||||||
if (mean === undefined) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
const textLines = []
|
|
||||||
let ps = null
|
|
||||||
const path = targetId.split(`web:${this.OSSclientConfig.basePath}`)[1]
|
|
||||||
const i = this.psArr.findIndex(i => i.Path === path)
|
|
||||||
if (i > -1 && this.psArr[i].PS) {
|
|
||||||
ps = parseFloat(this.psArr[i].PS).toFixed(3)
|
|
||||||
}
|
|
||||||
if (ps) {
|
|
||||||
textLines.push(`Area: ${this.reRound(csUtils.roundNumber(area * ps * ps), this.digitPlaces)} ${'mm' + '\xb2'}`)
|
|
||||||
} else {
|
|
||||||
textLines.push(`Area: ${this.reRound(csUtils.roundNumber(area), this.digitPlaces)} ${areaUnit}`)
|
|
||||||
}
|
|
||||||
textLines.push(`Mean: ${this.reRound(csUtils.roundNumber(mean), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
textLines.push(`Max: ${this.reRound(csUtils.roundNumber(max), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
textLines.push(`Std Dev: ${this.reRound(csUtils.roundNumber(stdDev), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
return textLines
|
|
||||||
},
|
|
||||||
// 圆形工具注释信息
|
|
||||||
getCircleROIToolTextLines(data, targetId) {
|
|
||||||
const cachedVolumeStats = data.cachedStats[targetId]
|
|
||||||
const { area, mean, max, stdDev, perimeter, areaUnit, modalityUnit } = cachedVolumeStats
|
|
||||||
|
|
||||||
if (mean === undefined) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
|
|
||||||
const textLines = []
|
|
||||||
let ps = null
|
|
||||||
const path = targetId.split(`web:${this.OSSclientConfig.basePath}`)[1]
|
|
||||||
const i = this.psArr.findIndex(i => i.Path === path)
|
|
||||||
if (i > -1 && this.psArr[i].PS) {
|
|
||||||
ps = parseFloat(this.psArr[i].PS).toFixed(3)
|
|
||||||
}
|
|
||||||
if (ps) {
|
|
||||||
textLines.push(`Area: ${this.reRound(csUtils.roundNumber(area * ps * ps), this.digitPlaces)} ${'mm' + '\xb2'}`)
|
|
||||||
} else {
|
|
||||||
textLines.push(`Area: ${this.reRound(csUtils.roundNumber(area), this.digitPlaces)} ${areaUnit}`)
|
|
||||||
}
|
|
||||||
textLines.push(`Mean: ${this.reRound(csUtils.roundNumber(mean), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
textLines.push(`Max: ${this.reRound(csUtils.roundNumber(max), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
textLines.push(`Std Dev: ${this.reRound(csUtils.roundNumber(stdDev), this.digitPlaces)} ${modalityUnit}`)
|
|
||||||
if (perimeter) {
|
|
||||||
if (ps) {
|
|
||||||
textLines.push(`Perimeter: ${this.reRound(csUtils.roundNumber(perimeter * ps), this.digitPlaces)} mm`)
|
|
||||||
} else {
|
|
||||||
textLines.push(`Perimeter: ${this.reRound(csUtils.roundNumber(perimeter), this.digitPlaces)} px`)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
return textLines
|
|
||||||
},
|
|
||||||
reRound(result, finalPrecision) {
|
|
||||||
if (typeof result === 'string' && result.includes(', ')) {
|
|
||||||
const numStrs = result.split(', ')
|
|
||||||
const processed = numStrs.map(str => this.processSingle(str, finalPrecision))
|
|
||||||
return processed.join(', ')
|
|
||||||
}
|
|
||||||
return this.processSingle(result, finalPrecision)
|
|
||||||
},
|
|
||||||
processSingle(str, precision) {
|
|
||||||
const num = parseFloat(str)
|
|
||||||
if (isNaN(num)) return 'NaN'
|
|
||||||
|
|
||||||
// 保留原极小值处理逻辑
|
|
||||||
if (Math.abs(num) < 0.0001) return str
|
|
||||||
const factor = 10 ** precision
|
|
||||||
return (Math.round(num * factor + 0.0000001) / factor).toFixed(precision)
|
|
||||||
},
|
|
||||||
debounce(callback, delay) {
|
debounce(callback, delay) {
|
||||||
let timerId
|
let timerId
|
||||||
return function () {
|
return function() {
|
||||||
clearTimeout(timerId)
|
clearTimeout(timerId)
|
||||||
timerId = setTimeout(() => {
|
timerId = setTimeout(() => {
|
||||||
callback.apply(this, arguments)
|
callback.apply(this, arguments)
|
||||||
|
|
@ -1378,54 +1207,12 @@ export default {
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.content {
|
|
||||||
cursor: default !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown {
|
|
||||||
position: relative;
|
|
||||||
display: inline-block;
|
|
||||||
|
|
||||||
.text {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.dropdown-content {
|
|
||||||
display: none;
|
|
||||||
position: absolute;
|
|
||||||
background-color: #383838;
|
|
||||||
color: #fff;
|
|
||||||
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
|
|
||||||
z-index: 9999;
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
ul {
|
|
||||||
list-style: none;
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
text-align: center;
|
|
||||||
|
|
||||||
li {
|
|
||||||
a {
|
|
||||||
display: block;
|
|
||||||
padding: 5px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
ul li a:hover {
|
|
||||||
background-color: #727272;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.none-dicom-viewer {
|
.none-dicom-viewer {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
width: 100%;
|
width:100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
user-select: none;
|
user-select: none;
|
||||||
|
|
||||||
.tools-wrapper {
|
.tools-wrapper {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1433,7 +1220,6 @@ export default {
|
||||||
border-bottom: 1px solid #727272;
|
border-bottom: 1px solid #727272;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
padding: 0 5px;
|
padding: 0 5px;
|
||||||
|
|
||||||
.tools-left {
|
.tools-left {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -1441,7 +1227,6 @@ export default {
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-item {
|
.tool-item {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
margin: 0 5px;
|
margin: 0 5px;
|
||||||
|
|
@ -1449,19 +1234,15 @@ export default {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-item-active {
|
.tool-item-active {
|
||||||
background-color: #607d8b;
|
background-color: #607d8b;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-disabled {
|
.tool-disabled {
|
||||||
cursor: not-allowed;
|
cursor: not-allowed;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.viewports-wrapper {
|
.viewports-wrapper {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|
||||||
.grid-container {
|
.grid-container {
|
||||||
display: grid;
|
display: grid;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
@ -1470,32 +1251,26 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-cell {
|
.grid-cell {
|
||||||
border: 1px dashed #ccc;
|
border: 1px dashed #ccc;;
|
||||||
;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cell_active {
|
.cell_active {
|
||||||
border-color: #fafa00 !important;
|
border-color: #fafa00!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cell-full-screen {
|
.cell-full-screen {
|
||||||
grid-column: 1 / -1;
|
grid-column: 1 / -1;
|
||||||
grid-row: 1 / -1;
|
grid-row: 1 / -1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex_col {
|
.flex_col {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
||||||
.left-top-text {
|
.left-top-text {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
|
|
@ -1503,31 +1278,26 @@ export default {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
|
||||||
.cd-info {
|
.cd-info {
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.subject-info {
|
.subject-info {
|
||||||
color: #f44336;
|
color:#f44336;
|
||||||
padding: 5px 0px;
|
padding: 5px 0px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.top-center-tool {
|
.top-center-tool {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 50%;
|
left:50%;
|
||||||
top: 5px;
|
top: 5px;
|
||||||
transform: translateX(-50%);
|
transform: translateX(-50%);
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
|
|
||||||
.toggle-visit-container {
|
.toggle-visit-container {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
.arrw_icon{
|
||||||
.arrw_icon {
|
|
||||||
width: 20px;
|
width: 20px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
background-color: #3f3f3f;
|
background-color: #3f3f3f;
|
||||||
|
|
@ -1535,17 +1305,15 @@ export default {
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
border-radius: 10%;
|
border-radius: 10%;
|
||||||
}
|
}
|
||||||
|
.arrow_text{
|
||||||
.arrow_text {
|
|
||||||
height: 20px;
|
height: 20px;
|
||||||
line-height: 20px;
|
line-height: 20px;
|
||||||
background-color: #00000057;
|
background-color: #00000057;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
padding: 0 10px;
|
padding:0 10px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.right-slider-box {
|
.right-slider-box {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 1px;
|
right: 1px;
|
||||||
|
|
@ -1557,8 +1325,7 @@ export default {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
.right-slider-box:after{
|
||||||
.right-slider-box:after {
|
|
||||||
content: '';
|
content: '';
|
||||||
position: absolute;
|
position: absolute;
|
||||||
bottom: -20px;
|
bottom: -20px;
|
||||||
|
|
@ -1567,39 +1334,33 @@ export default {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #333;
|
background: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.slider {
|
.slider {
|
||||||
height: 20px;
|
height: 20px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
z-index: 10;
|
z-index:10;
|
||||||
background: #9e9e9e;
|
background: #9e9e9e;
|
||||||
cursor: move
|
cursor: move
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
::v-deep .el-dialog{
|
||||||
::v-deep .el-dialog {
|
|
||||||
background: #1e1e1e;
|
background: #1e1e1e;
|
||||||
border: 1px solid #ddd;
|
border: 1px solid #ddd;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
|
.el-dialog__title{
|
||||||
.el-dialog__title {
|
color:#fff;
|
||||||
color: #fff;
|
|
||||||
}
|
}
|
||||||
|
.el-input .el-input__inner{
|
||||||
.el-input .el-input__inner {
|
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #ddd;
|
color: #ddd;
|
||||||
border: 1px solid #5e5e5e;
|
border: 1px solid #5e5e5e;
|
||||||
}
|
}
|
||||||
|
.el-input.is-disabled .el-input__inner{
|
||||||
.el-input.is-disabled .el-input__inner {
|
|
||||||
background-color: #646464a1;
|
background-color: #646464a1;
|
||||||
}
|
}
|
||||||
|
.el-form-item__label{
|
||||||
.el-form-item__label {
|
|
||||||
color: #dfdfdf
|
color: #dfdfdf
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -264,7 +264,7 @@ export default {
|
||||||
if (typeof i.MeasureData === 'string') {
|
if (typeof i.MeasureData === 'string') {
|
||||||
i.MeasureData = JSON.parse(i.MeasureData)
|
i.MeasureData = JSON.parse(i.MeasureData)
|
||||||
}
|
}
|
||||||
if (i.MeasureData.metadata.toolName === 'Lengthscale' && this.psArr.findIndex(p => p.NoneDicomFileId === i.NoneDicomFileId) === -1) {
|
if (i.MeasureData.metadata.toolName === 'Length' && this.psArr.findIndex(p => p.NoneDicomFileId === i.NoneDicomFileId) === -1) {
|
||||||
this.psArr.push({ NoneDicomFileId: i.NoneDicomFileId, Path: i.Path, PS: i.MeasureData.data.ps })
|
this.psArr.push({ NoneDicomFileId: i.NoneDicomFileId, Path: i.Path, PS: i.MeasureData.data.ps })
|
||||||
}
|
}
|
||||||
return i
|
return i
|
||||||
|
|
|
||||||
|
|
@ -444,9 +444,6 @@ export default {
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
if (q[o.TableQuestionId] === 'NE') {
|
||||||
isNE = true
|
isNE = true
|
||||||
}
|
}
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
case 6:
|
case 6:
|
||||||
|
|
@ -462,9 +459,6 @@ export default {
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
if (q[o.TableQuestionId] === 'NE') {
|
||||||
isNE = true
|
isNE = true
|
||||||
}
|
}
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
break
|
break
|
||||||
case 7:
|
case 7:
|
||||||
|
|
@ -480,9 +474,6 @@ export default {
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
if (q[o.TableQuestionId] === 'NE') {
|
||||||
isNE = true
|
isNE = true
|
||||||
}
|
}
|
||||||
if (q[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
})
|
})
|
||||||
num = this.questionForm[o.QuestionId].length === 0 ? 0 : num / this.questionForm[o.QuestionId].length
|
num = this.questionForm[o.QuestionId].length === 0 ? 0 : num / this.questionForm[o.QuestionId].length
|
||||||
break
|
break
|
||||||
|
|
@ -551,9 +542,6 @@ export default {
|
||||||
|
|
||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
if (this.questionForm[o.TableQuestionId] === 'NE') {
|
|
||||||
isNE = true
|
|
||||||
}
|
|
||||||
switch (rules.CustomCalculateMark) {
|
switch (rules.CustomCalculateMark) {
|
||||||
case 1:
|
case 1:
|
||||||
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
if (!isNaN(parseFloat(this.questionForm[o.TableQuestionId]))) {
|
||||||
|
|
|
||||||
|
|
@ -1,11 +0,0 @@
|
||||||
import * as cornerstoneTools from '@cornerstonejs/tools'
|
|
||||||
class LengthscaleTool extends cornerstoneTools.LengthTool {
|
|
||||||
static { this.toolName = 'Lengthscale'; }
|
|
||||||
constructor(
|
|
||||||
toolProps,
|
|
||||||
defaultToolProps
|
|
||||||
) {
|
|
||||||
super(toolProps, defaultToolProps);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default LengthscaleTool;
|
|
||||||
|
|
@ -1,50 +1,115 @@
|
||||||
<template>
|
<template>
|
||||||
<el-form ref="attachmentFrom" v-loading="loading" :model="form" label-width="190px" size="small" :rules="rules"
|
<el-form
|
||||||
class="upload-temporary-file">
|
ref="trialAttachmentFrom"
|
||||||
|
v-loading="loading"
|
||||||
|
:model="form"
|
||||||
|
label-width="240px"
|
||||||
|
size="small"
|
||||||
|
:rules="rules"
|
||||||
|
class="upload-temporary-file"
|
||||||
|
>
|
||||||
<div class="base-dialog-body">
|
<div class="base-dialog-body">
|
||||||
<el-form-item :label="$t('trials:attachment:form:FileName')" prop="Name">
|
<!-- 文件类型 -->
|
||||||
<el-input v-model="form.Name" clearable></el-input>
|
<el-form-item :label="$t('trials:attachment:table:fileType')" prop="FileTypeId">
|
||||||
|
<el-select
|
||||||
|
v-model="form.FileTypeId"
|
||||||
|
style="width:100%;"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of dictionaryList.Trial_Document"
|
||||||
|
:key="item.Id"
|
||||||
|
:label="item.Value"
|
||||||
|
:value="item.Id"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:attachment:form:OffLine')" prop="OffLine">
|
<!-- 文件 -->
|
||||||
<el-switch v-model="form.OffLine" :active-value="true" :inactive-value="false"
|
<el-form-item :label="$t('trials:attachment:form:file')">
|
||||||
:active-text="$fd('YesOrNo', true)" :inactive-text="$fd('YesOrNo', false)">
|
|
||||||
</el-switch>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:attachment:form:File')">
|
|
||||||
<div class="upload-container">
|
<div class="upload-container">
|
||||||
<el-upload class="upload-demo" action :accept="this.accept.join(',')" :before-upload="beforeUpload"
|
<el-upload
|
||||||
:http-request="handleUploadFile" :on-preview="handlePreview" :on-remove="handleRemoveFile"
|
class="upload-demo"
|
||||||
:show-file-list="true" :file-list="fileList" :limit="1" :on-exceed="handleExceed">
|
action
|
||||||
<el-button size="small" type="primary" :loading="btnLoading">{{ $t('common:button:check')
|
accept=".pdf"
|
||||||
}}</el-button>
|
:before-upload="beforeUpload"
|
||||||
<span slot="tip" style="margin-left: 10px" class="el-upload__tip">
|
:http-request="handleUploadFile"
|
||||||
({{ $t('trials:signature:label:type').replace("xxx", this.accept.join(", ")) }})
|
:on-remove="handleRemoveFile"
|
||||||
|
:show-file-list="true"
|
||||||
|
:file-list="fileList"
|
||||||
|
:limit="1"
|
||||||
|
:on-exceed="handleExceed"
|
||||||
|
:disabled="form.FileTypeId === ''"
|
||||||
|
>
|
||||||
|
<el-button size="small" type="primary" :disabled="form.FileTypeId === '' || saveBtnLoading" :loading="btnLoading">
|
||||||
|
{{ $t('trials:attachment:button:select') }}
|
||||||
|
</el-button>
|
||||||
|
<span
|
||||||
|
slot="tip"
|
||||||
|
style="margin-left:10px;"
|
||||||
|
class="el-upload__tip"
|
||||||
|
>
|
||||||
|
{{ $t('system:tip:file:pdf') }}
|
||||||
</span>
|
</span>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</div>
|
</div>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<!-- 需要签署的用户类型 -->
|
||||||
|
<el-form-item :label="$t('trials:attachment:table:userType')" prop="NeedConfirmedUserTypeIdList">
|
||||||
|
<el-select
|
||||||
|
v-model="form.NeedConfirmedUserTypeIdList"
|
||||||
|
style="width:100%;"
|
||||||
|
multiple
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of userTypeOptions"
|
||||||
|
v-show="item.UserTypeEnum !== 1 && item.UserTypeEnum !== 8 && item.UserTypeEnum !== 20 && item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27 && item.UserTypeEnum !== 31"
|
||||||
|
:key="item.Id"
|
||||||
|
:label="item.UserTypeShortName"
|
||||||
|
:value="item.Id"
|
||||||
|
>
|
||||||
|
<span>{{ item.UserType }}</span>
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 查看最短时间（分钟） -->
|
||||||
|
<el-form-item :label="$t('trials:attachment:table:min')" prop="SignViewMinimumMinutes">
|
||||||
|
<el-input-number
|
||||||
|
v-model="form.SignViewMinimumMinutes"
|
||||||
|
controls-position="right"
|
||||||
|
:min="1"
|
||||||
|
:max="50"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- 描述 -->
|
||||||
|
<el-form-item :label="$t('trials:attachment:table:description')" prop="Description">
|
||||||
|
<el-input
|
||||||
|
v-model="form.Description"
|
||||||
|
type="textarea"
|
||||||
|
:autosize="{ minRows: 5, maxRows: 6}"
|
||||||
|
maxlength="500"
|
||||||
|
show-word-limit
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
|
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||||
<el-form-item style="text-align: right">
|
<el-form-item style="text-align:right;">
|
||||||
<el-button size="small" type="primary" :disabled="form.FileTypeId === '' || form.Name === ''"
|
<!-- Save -->
|
||||||
:loading="saveBtnLoading" @click="handleSave">{{ $t('common:button:save') }}</el-button>
|
<el-button size="small" type="primary" :disabled="form.FileTypeId === '' || form.Name === ''" :loading="saveBtnLoading" @click="handleSave">
|
||||||
|
{{ $t('common:button:save') }}
|
||||||
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import { addOrUpdateTrialDocumentAttachment } from '@/api/trials'
|
import { addOrUpdateTrialDocument, uploadTrialDoc, getTrialUserTypeList } from '@/api/trials'
|
||||||
|
import { getBasicDataSelects } from '@/api/dictionary/dictionary'
|
||||||
export default {
|
export default {
|
||||||
|
name: 'TrialAttachmentFrom',
|
||||||
props: {
|
props: {
|
||||||
data: {
|
data: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default() {
|
default() { return {} }
|
||||||
return {}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
TrialDocumentId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
@ -52,162 +117,172 @@ export default {
|
||||||
return {
|
return {
|
||||||
form: {
|
form: {
|
||||||
Id: '',
|
Id: '',
|
||||||
Name: null,
|
TrialId: '',
|
||||||
FileFormat: null,
|
FileTypeId: '',
|
||||||
FileName: null,
|
Name: '',
|
||||||
FilePath: null,
|
Path: '',
|
||||||
FileSize: null,
|
IsDeleted: false,
|
||||||
OffLine: false,
|
SignViewMinimumMinutes: null,
|
||||||
TrialDocumentId: null,
|
Description: '',
|
||||||
|
NeedConfirmedUserTypeIdList: []
|
||||||
},
|
},
|
||||||
rules: {
|
rules: {
|
||||||
Name: [
|
FileTypeId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }],
|
||||||
{
|
SignViewMinimumMinutes: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['change'] }],
|
||||||
required: true,
|
NeedConfirmedUserTypeIdList: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }],
|
||||||
message: this.$t('common:ruleMessage:specify'),
|
Description: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500`, trigger: ['blur', 'change'] }]
|
||||||
trigger: ['change'],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
fileList: [],
|
fileList: [],
|
||||||
|
userTypeOptions: [],
|
||||||
btnLoading: false,
|
btnLoading: false,
|
||||||
saveBtnLoading: false,
|
saveBtnLoading: false,
|
||||||
loading: false,
|
loading: false,
|
||||||
accept: ['.jpg',
|
dictionaryList: {}
|
||||||
'.jpeg',
|
|
||||||
'.png',
|
|
||||||
'.pdf',
|
|
||||||
'.ppt',
|
|
||||||
'.pptx',
|
|
||||||
'.doc',
|
|
||||||
'.docx',
|
|
||||||
'.xls',
|
|
||||||
'.xlsx',
|
|
||||||
".mp4"]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.initForm()
|
this.initForm()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
// 保存
|
||||||
|
handleSave() {
|
||||||
|
this.$refs.trialAttachmentFrom.validate(valid => {
|
||||||
|
if (!valid) return
|
||||||
|
if (!this.form.Name) {
|
||||||
|
this.$alert(this.$t('trials:attachment:message:selectFile'))
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if (this.form.TrialId === '') {
|
||||||
|
this.form.TrialId = this.$route.query.trialId
|
||||||
|
}
|
||||||
|
this.saveBtnLoading = true
|
||||||
|
addOrUpdateTrialDocument(this.form).then(res => {
|
||||||
|
this.saveBtnLoading = false
|
||||||
|
this.$emit('closeDialog')
|
||||||
|
this.$emit('getList')
|
||||||
|
if (this.form.Id) {
|
||||||
|
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||||
|
} else {
|
||||||
|
this.$message.success(this.$t('common:message:addedSuccessfully'))
|
||||||
|
}
|
||||||
|
// this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||||
|
}).catch(() => {
|
||||||
|
this.saveBtnLoading = false
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
async initForm() {
|
async initForm() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
if (this.data && this.data.Id) {
|
await this.getDicData()
|
||||||
Object.keys(this.form).forEach(key => {
|
await this.getUserType()
|
||||||
this.form[key] = this.data[key]
|
if (Object.keys(this.data).length > 0) {
|
||||||
})
|
if (this.data.Path) {
|
||||||
this.fileList = [
|
this.fileList = [
|
||||||
{
|
{
|
||||||
name: this.data.FileName,
|
name: this.data.Name,
|
||||||
url: this.data.FilePath,
|
path: this.data.Path,
|
||||||
path: this.data.FilePath,
|
url: this.data.Path,
|
||||||
},
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
this.form.Id = this.data.Id
|
||||||
|
this.form.FileTypeId = this.data.FileTypeId
|
||||||
|
this.form.Name = this.data.Name
|
||||||
|
this.form.Path = this.data.Path
|
||||||
|
this.form.IsDeleted = this.data.IsDeleted
|
||||||
|
this.form.Description = this.data.Description
|
||||||
|
this.form.SignViewMinimumMinutes = this.data.SignViewMinimumMinutes
|
||||||
|
}
|
||||||
this.loading = false
|
this.loading = false
|
||||||
},
|
},
|
||||||
beforeUpload(file) {
|
// 获取文件类型下拉框数据
|
||||||
|
getDicData() {
|
||||||
|
getBasicDataSelects(['Trial_Document']).then(res => {
|
||||||
|
this.dictionaryList = { ...res.Result }
|
||||||
|
})
|
||||||
|
},
|
||||||
|
// 获取用户类型下拉数据
|
||||||
|
getUserType() {
|
||||||
|
getTrialUserTypeList().then(res => {
|
||||||
|
this.userTypeOptions = res.Result
|
||||||
|
if (this.form.Id) {
|
||||||
|
this.form.NeedConfirmedUserTypeIdList = this.data.NeedConfirmedUserTypeeIds
|
||||||
|
}
|
||||||
|
}).catch(() => { this.loading = false })
|
||||||
|
},
|
||||||
|
handleViewableUserTypeChange(valArr) {
|
||||||
|
this.form.NeedConfirmedUserTypeIdList = []
|
||||||
|
this.needConfirmedUserTypeOptions = []
|
||||||
|
valArr.forEach((val) => {
|
||||||
|
const i = this.userTypeOptions.findIndex(userType => { return userType.Id === val })
|
||||||
|
this.needConfirmedUserTypeOptions.push(this.userTypeOptions[i])
|
||||||
|
})
|
||||||
|
},
|
||||||
// 检测文件类型是否符合要求
|
// 检测文件类型是否符合要求
|
||||||
|
beforeUpload(file) {
|
||||||
if (this.checkFileSuffix(file.name)) {
|
if (this.checkFileSuffix(file.name)) {
|
||||||
this.fileList = []
|
this.fileList = []
|
||||||
return true
|
return true
|
||||||
} else {
|
} else {
|
||||||
this.$alert(this.$t('trials:signature:label:type').replace("xxx", this.accept.join(", ")))
|
this.$alert(this.$t('trials:attachment:message:pdf'))
|
||||||
|
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
// 上传文件
|
||||||
async handleUploadFile(param) {
|
async handleUploadFile(param) {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
var file = await this.fileToBlob(param.file)
|
var file = await this.fileToBlob(param.file)
|
||||||
const res = await this.OSSclient.put(
|
const trialId = this.$route.query.trialId
|
||||||
`/${this.$route.query.trialId}/DocumentToSign/${param.file.name}${new Date().getTime()}`,
|
console.log(this.OSSclient.put)
|
||||||
file
|
const res = await this.OSSclient.put(`/${trialId}/DocumentToSign/${param.file.name}`, file)
|
||||||
)
|
this.fileList.push({ name: param.file.name, path: this.$getObjectName(res.url), url: this.$getObjectName(res.url) })
|
||||||
this.fileList.push({
|
this.form.Path = this.$getObjectName(res.url)
|
||||||
name: param.file.name,
|
|
||||||
path: this.$getObjectName(res.url),
|
|
||||||
url: this.$getObjectName(res.url),
|
|
||||||
})
|
|
||||||
this.form.Name = param.file.name
|
this.form.Name = param.file.name
|
||||||
this.form.FileName = param.file.name
|
|
||||||
this.form.FilePath = this.$getObjectName(res.url)
|
|
||||||
this.form.FileSize = param.file.size
|
|
||||||
this.form.FileFormat = param.file.name
|
|
||||||
.substring(param.file.name.lastIndexOf('.'))
|
|
||||||
.toLocaleLowerCase().split('.')[1]
|
|
||||||
this.loading = false
|
this.loading = false
|
||||||
},
|
},
|
||||||
handleSave() {
|
// 移除
|
||||||
this.$refs.attachmentFrom.validate((valid) => {
|
|
||||||
if (!valid) return false
|
|
||||||
if (!this.form.FilePath)
|
|
||||||
return this.$alert(this.$t('trials:signature:message:selectFile'))
|
|
||||||
this.saveBtnLoading = true
|
|
||||||
if (this.TrialDocumentId) this.form.TrialDocumentId = this.TrialDocumentId
|
|
||||||
addOrUpdateTrialDocumentAttachment(this.form)
|
|
||||||
.then((res) => {
|
|
||||||
this.saveBtnLoading = false
|
|
||||||
this.$emit('closeDialog')
|
|
||||||
this.$emit('getList')
|
|
||||||
this.$message.success(this.$t('common:message:updatedSuccessfully'))
|
|
||||||
})
|
|
||||||
.catch(() => {
|
|
||||||
this.saveBtnLoading = false
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleRemoveFile() {
|
handleRemoveFile() {
|
||||||
this.fileList = []
|
this.fileList = []
|
||||||
this.form.FilePath = ''
|
this.form.Path = ''
|
||||||
this.form.FileSize = ''
|
this.form.Name = ''
|
||||||
this.form.FileFormat = ''
|
|
||||||
this.form.FileName = ''
|
|
||||||
},
|
|
||||||
handlePreview(file) {
|
|
||||||
if (file.fullPath) {
|
|
||||||
window.open(file.fullPath, '_blank')
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
handleExceed(files, fileList) {
|
handleExceed(files, fileList) {
|
||||||
this.$message.warning(this.$t('upload:rule:maxFile1'))
|
this.$message.warning(this.$t('trials:attachment:message:uploadFile'))
|
||||||
},
|
},
|
||||||
|
// 文件类型是否是pdf
|
||||||
checkFileSuffix(fileName) {
|
checkFileSuffix(fileName) {
|
||||||
var typeArr = this.accept.map(item => item.split('.')[1])
|
var typeArr = ['pdf']
|
||||||
var extendName = fileName
|
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
|
||||||
.substring(fileName.lastIndexOf('.') + 1)
|
|
||||||
.toLocaleLowerCase()
|
|
||||||
if (typeArr.indexOf(extendName) !== -1) {
|
if (typeArr.indexOf(extendName) !== -1) {
|
||||||
return true
|
return true
|
||||||
} else {
|
} else {
|
||||||
return false
|
return false
|
||||||
}
|
}
|
||||||
},
|
}
|
||||||
},
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss">
|
<style lang="scss">
|
||||||
.upload-temporary-file {
|
.upload-temporary-file{
|
||||||
.upload-container .el-upload--text {
|
.upload-container .el-upload--text {
|
||||||
border: none;
|
border: none;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.upload-container .el-input--small {
|
.upload-container .el-input--small {
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.upload-container .el-icon-circle-check {
|
.upload-container .el-icon-circle-check {
|
||||||
color: #428bca;
|
color: #428bca;
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
}
|
}
|
||||||
|
.account_item_clear{
|
||||||
.account_item_clear {
|
.el-tag__close{
|
||||||
.el-tag__close {
|
|
||||||
display: none !important;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
@ -1,265 +0,0 @@
|
||||||
<template>
|
|
||||||
<div v-if="config.visible">
|
|
||||||
<base-model :config="config">
|
|
||||||
<template slot="dialog-body">
|
|
||||||
<el-form ref="form" :model="rowData" label-width="80px" style="width: 80%;display: inline-block;">
|
|
||||||
<el-form-item :label="`${$t('trials:attachment:table:Name')}: `">
|
|
||||||
<span class="name text-ellipsis" :title="rowData.Name">{{ rowData.Name }}</span>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
<el-button size="mini" type="primary" style="float:right" @click.stop="edit({})" v-if="!isView">
|
|
||||||
{{ $t('common:button:add') }}</el-button>
|
|
||||||
<el-table :data="list" style="width: 100%" max-height="300px" v-loading="loading"
|
|
||||||
@sort-change="handleSortByColumn">
|
|
||||||
<el-table-column type="index" width="60" />
|
|
||||||
<el-table-column prop="Name" :label="$t('trials:attachment:attachmentList:FileName')"
|
|
||||||
sortable="custom" />
|
|
||||||
<el-table-column prop="OffLine" :label="$t('trials:attachment:attachmentList:OffLine')"
|
|
||||||
sortable="custom" v-if="!isView">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-switch v-model="scope.row.OffLine" @change="(val) => OffLine(scope.row, val)"
|
|
||||||
:active-value="true" :inactive-value="false" :active-text="$fd('YesOrNo', true)"
|
|
||||||
:inactive-text="$fd('YesOrNo', false)">
|
|
||||||
</el-switch>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:attachment:attachmentList:CreateTime')"
|
|
||||||
sortable="custom" />
|
|
||||||
<el-table-column :label="$t('common:action:action')" min-width="120px">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-button size="mini" type="text" @click.stop="preview(scope.row)">
|
|
||||||
{{ $t('common:button:preview') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button size="mini" type="text" @click.stop="edit(scope.row)" v-if="!isView">
|
|
||||||
{{ $t('common:button:edit') }}
|
|
||||||
</el-button>
|
|
||||||
<!-- <el-button size="mini" type="text" @click.stop="OffLine(scope.row, true)"
|
|
||||||
:disabled="scope.row.OffLine">
|
|
||||||
{{ $t('trials:attachment:attachmentList:OffLine') }}
|
|
||||||
</el-button> -->
|
|
||||||
<el-button size="mini" type="text" @click.stop="del(scope.row)" v-if="!isView">
|
|
||||||
{{ $t('common:button:delete') }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<!-- 新增/编辑附件 -->
|
|
||||||
<el-dialog :visible.sync="visible" :close-on-click-modal="false" :append-to-body="true" :title="title"
|
|
||||||
width="800px" custom-class="base-dialog-wrapper">
|
|
||||||
<attachmentForm v-if="visible" :data="rowDATA" :TrialDocumentId="TrialDocumentId"
|
|
||||||
@closeDialog="closeDialog" @getList="getAllList" />
|
|
||||||
</el-dialog>
|
|
||||||
</template>
|
|
||||||
</base-model>
|
|
||||||
<viewer ref="picture_perview3" style="margin: 0 10px"
|
|
||||||
v-if="rowDATA.FileFormat && ['png', 'jpg', 'jpeg'].includes(rowDATA.FileFormat.toLowerCase())"
|
|
||||||
:images="[`${OSSclientConfig.basePath}${rowDATA.FilePath}`]" :options="viewerOptions">
|
|
||||||
|
|
||||||
<img v-show="false" :src="`${OSSclientConfig.basePath}${rowDATA.FilePath}`" alt="Image" />
|
|
||||||
</viewer>
|
|
||||||
<!-- <attachmentPreview :TrialDocumentId="TrialDocumentId" :visible.sync="perview_visible"
|
|
||||||
v-if="perview_visible" /> -->
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import BaseModel from '@/components/BaseModel'
|
|
||||||
import attachmentForm from './attachmentForm'
|
|
||||||
// import attachmentPreview from './attachmentPreview'
|
|
||||||
import { addOrUpdateTrialDocumentAttachment, getTrialDocumentAttachmentList, deleteTrialDocumentAttachment } from '@/api/trials'
|
|
||||||
const defaultSearchData = () => {
|
|
||||||
return {
|
|
||||||
PageIndex: 1,
|
|
||||||
PageSize: 1000,
|
|
||||||
Asc: false,
|
|
||||||
OffLine: null,
|
|
||||||
SortField: null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
BaseModel,
|
|
||||||
attachmentForm,
|
|
||||||
// attachmentPreview
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
config: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {
|
|
||||||
return {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t('trials:attachment:attachmentList:title'),
|
|
||||||
width: '800px',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
isView: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
},
|
|
||||||
rowData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
TrialDocumentId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
searchData: defaultSearchData(),
|
|
||||||
visible: false,
|
|
||||||
title: null,
|
|
||||||
list: [],
|
|
||||||
rowDATA: {},
|
|
||||||
loading: false,
|
|
||||||
viewerOptions: {
|
|
||||||
toolbar: {
|
|
||||||
zoomIn: true,
|
|
||||||
zoomOut: true,
|
|
||||||
reset: true,
|
|
||||||
prev: false,
|
|
||||||
next: false,
|
|
||||||
rotateLeft: true,
|
|
||||||
rotateRight: true,
|
|
||||||
flipHorizontal: true,
|
|
||||||
flipVertical: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// perview_visible: false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
TrialDocumentId: {
|
|
||||||
handler() {
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
immediate: true,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
closeDialog() {
|
|
||||||
this.visible = false
|
|
||||||
},
|
|
||||||
getAllList() {
|
|
||||||
this.getList()
|
|
||||||
this.$emit("getList")
|
|
||||||
},
|
|
||||||
async del(row) {
|
|
||||||
try {
|
|
||||||
let confirm = await this.$confirm(this.$t("trials:attachment:attachmentList:message:del"))
|
|
||||||
if (!confirm) return false
|
|
||||||
this.loading = true
|
|
||||||
let res = await deleteTrialDocumentAttachment(row.Id)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getAllList()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
edit(row) {
|
|
||||||
this.title = this.$t('trials:attachment:attachmentForm:title:update')
|
|
||||||
if (!row.Id) {
|
|
||||||
this.title = this.$t('trials:attachment:attachmentForm:title:add')
|
|
||||||
}
|
|
||||||
this.rowDATA = Object.assign({}, row)
|
|
||||||
this.visible = true
|
|
||||||
},
|
|
||||||
async getList() {
|
|
||||||
try {
|
|
||||||
if (!this.TrialDocumentId) return false
|
|
||||||
this.loading = true
|
|
||||||
this.searchData.TrialDocumentId = this.TrialDocumentId
|
|
||||||
if (this.isView) {
|
|
||||||
this.searchData.OffLine = false
|
|
||||||
}
|
|
||||||
let res = await getTrialDocumentAttachmentList(this.searchData)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.list = res.Result.CurrentPageData
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async OffLine(row, val) {
|
|
||||||
try {
|
|
||||||
let data = Object.assign({}, row)
|
|
||||||
data.OffLine = val
|
|
||||||
this.loading = true
|
|
||||||
let res = await addOrUpdateTrialDocumentAttachment(data)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.$t('trials:attachment:attachmentList:updateSuccessfully')
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
row.OffLine = !row.OffLine
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
preview(data) {
|
|
||||||
// return this.perview_visible = true
|
|
||||||
this.rowDATA = Object.assign({}, data)
|
|
||||||
if (['.ppt',
|
|
||||||
'.pptx',
|
|
||||||
'.doc',
|
|
||||||
'.docx',
|
|
||||||
'.xls',
|
|
||||||
'.xlsx'].includes(`.${data.FileFormat.toLowerCase()}`)) {
|
|
||||||
this.$onlyOffice({
|
|
||||||
path: data.FilePath,
|
|
||||||
type: data.FileFormat,
|
|
||||||
title: data.Name
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (['.jpg',
|
|
||||||
'.jpeg',
|
|
||||||
'.png'].includes(`.${data.FileFormat.toLowerCase()}`)) {
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs['picture_perview3'].$viewer.show()
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (['.pdf'].includes(`.${data.FileFormat.toLowerCase()}`)) {
|
|
||||||
this.$preview({
|
|
||||||
path: data.Path || data.FilePath,
|
|
||||||
type: 'pdf',
|
|
||||||
title: data.Name,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (['.mp4'].includes(`.${data.FileFormat.toLowerCase()}`)) {
|
|
||||||
this.$video({
|
|
||||||
path: data.Path || data.FilePath,
|
|
||||||
type: 'mp4',
|
|
||||||
title: data.Name,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 排序
|
|
||||||
handleSortByColumn(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>
|
|
||||||
.name {
|
|
||||||
display: block;
|
|
||||||
width: 90%;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -1,257 +0,0 @@
|
||||||
<template>
|
|
||||||
<el-form ref="trialAttachmentFrom" v-loading="loading" :model="form" label-width="240px" size="small" :rules="rules"
|
|
||||||
class="upload-temporary-file">
|
|
||||||
<div class="base-dialog-body">
|
|
||||||
<!-- 文件类型 -->
|
|
||||||
<el-form-item :label="$t('trials:attachment:table:fileType')" prop="FileTypeId">
|
|
||||||
<el-select v-model="form.FileTypeId" style="width:100%;" size="small">
|
|
||||||
<el-option v-for="item of dictionaryList.Trial_Document" :key="item.Id" :label="item.Value"
|
|
||||||
:value="item.Id" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 文件 -->
|
|
||||||
<el-form-item :label="$t('trials:attachment:form:file')">
|
|
||||||
<div class="upload-container">
|
|
||||||
<el-upload class="upload-demo" action accept=".pdf,.mp4" :before-upload="beforeUpload"
|
|
||||||
:http-request="handleUploadFile" :on-remove="handleRemoveFile" :show-file-list="true" :file-list="fileList"
|
|
||||||
:limit="1" :on-exceed="handleExceed" :disabled="form.FileTypeId === ''">
|
|
||||||
<el-button size="small" type="primary" :disabled="form.FileTypeId === '' || saveBtnLoading"
|
|
||||||
:loading="btnLoading">
|
|
||||||
{{ $t('trials:attachment:button:select') }}
|
|
||||||
</el-button>
|
|
||||||
<span slot="tip" style="margin-left:10px;" class="el-upload__tip">
|
|
||||||
{{ $t('system:tip:file:pdf') }}
|
|
||||||
</span>
|
|
||||||
</el-upload>
|
|
||||||
</div>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 需要签署的用户类型 -->
|
|
||||||
<el-form-item :label="$t('trials:attachment:table:userType')" prop="NeedConfirmedUserTypeIdList">
|
|
||||||
<el-select v-model="form.NeedConfirmedUserTypeIdList" style="width:100%;" multiple>
|
|
||||||
<el-option v-for="item of userTypeOptions"
|
|
||||||
v-show="item.UserTypeEnum !== 1 && item.UserTypeEnum !== 8 && item.UserTypeEnum !== 20 && item.UserTypeEnum !== 26 && item.UserTypeEnum !== 27 && item.UserTypeEnum !== 31"
|
|
||||||
:key="item.Id" :label="item.UserTypeShortName" :value="item.Id">
|
|
||||||
<span>{{ item.UserType }}</span>
|
|
||||||
</el-option>
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 查看最短时间（分钟） -->
|
|
||||||
<el-form-item :label="$t('trials:attachment:table:min')" prop="SignViewMinimumMinutes">
|
|
||||||
<el-input-number v-model="form.SignViewMinimumMinutes" controls-position="right" :min="1" :max="50" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:attachment:form:CurrentStaffTrainDays')" prop="CurrentStaffTrainDays">
|
|
||||||
<el-input-number v-model="form.CurrentStaffTrainDays" controls-position="right" :min="0" :max="1000" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item :label="$t('trials:attachment:form:NewStaffTrainDays')" prop="NewStaffTrainDays">
|
|
||||||
<el-input-number v-model="form.NewStaffTrainDays" controls-position="right" :min="0" :max="1000" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 描述 -->
|
|
||||||
<el-form-item :label="$t('trials:attachment:table:description')" prop="Description">
|
|
||||||
<el-input v-model="form.Description" type="textarea" :autosize="{ minRows: 5, maxRows: 6 }" maxlength="500"
|
|
||||||
show-word-limit />
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
|
||||||
<el-form-item style="text-align:right;">
|
|
||||||
<!-- Save -->
|
|
||||||
<el-button size="small" type="primary" :disabled="form.FileTypeId === '' || form.Name === ''"
|
|
||||||
:loading="saveBtnLoading" @click="handleSave">
|
|
||||||
{{ $t('common:button:save') }}
|
|
||||||
</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { addOrUpdateTrialDocument, uploadTrialDoc, getTrialUserTypeList } from '@/api/trials'
|
|
||||||
import { getBasicDataSelects } from '@/api/dictionary/dictionary'
|
|
||||||
export default {
|
|
||||||
name: 'TrialAttachmentFrom',
|
|
||||||
props: {
|
|
||||||
data: {
|
|
||||||
type: Object,
|
|
||||||
default() { return {} }
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
form: {
|
|
||||||
Id: '',
|
|
||||||
TrialId: '',
|
|
||||||
FileTypeId: '',
|
|
||||||
Name: '',
|
|
||||||
Path: '',
|
|
||||||
IsPublish: false,
|
|
||||||
IsDeleted: false,
|
|
||||||
SignViewMinimumMinutes: null,
|
|
||||||
Description: '',
|
|
||||||
NeedConfirmedUserTypeIdList: [],
|
|
||||||
CurrentStaffTrainDays: 1,
|
|
||||||
NewStaffTrainDays: 14,
|
|
||||||
},
|
|
||||||
rules: {
|
|
||||||
FileTypeId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }],
|
|
||||||
SignViewMinimumMinutes: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['change'] }],
|
|
||||||
NeedConfirmedUserTypeIdList: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }],
|
|
||||||
Description: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500`, trigger: ['blur', 'change'] }]
|
|
||||||
},
|
|
||||||
fileList: [],
|
|
||||||
userTypeOptions: [],
|
|
||||||
btnLoading: false,
|
|
||||||
saveBtnLoading: false,
|
|
||||||
loading: false,
|
|
||||||
dictionaryList: {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
mounted() {
|
|
||||||
this.initForm()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 保存
|
|
||||||
handleSave() {
|
|
||||||
this.$refs.trialAttachmentFrom.validate(valid => {
|
|
||||||
if (!valid) return
|
|
||||||
if (!this.form.Name) {
|
|
||||||
this.$alert(this.$t('trials:attachment:message:selectFile'))
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (this.form.TrialId === '') {
|
|
||||||
this.form.TrialId = this.$route.query.trialId
|
|
||||||
}
|
|
||||||
this.saveBtnLoading = true
|
|
||||||
addOrUpdateTrialDocument(this.form).then(res => {
|
|
||||||
this.saveBtnLoading = false
|
|
||||||
this.$emit('closeDialog')
|
|
||||||
this.$emit('getList')
|
|
||||||
if (this.form.Id) {
|
|
||||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
|
||||||
} else {
|
|
||||||
this.$message.success(this.$t('common:message:addedSuccessfully'))
|
|
||||||
}
|
|
||||||
// this.$message.success(this.$t('common:message:savedSuccessfully'))
|
|
||||||
}).catch(() => {
|
|
||||||
this.saveBtnLoading = false
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async initForm() {
|
|
||||||
this.loading = true
|
|
||||||
await this.getDicData()
|
|
||||||
await this.getUserType()
|
|
||||||
if (Object.keys(this.data).length > 0) {
|
|
||||||
if (this.data.Path) {
|
|
||||||
this.fileList = [
|
|
||||||
{
|
|
||||||
name: this.data.Name,
|
|
||||||
path: this.data.Path,
|
|
||||||
url: this.data.Path,
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
|
||||||
this.form.Id = this.data.Id
|
|
||||||
this.form.FileTypeId = this.data.FileTypeId
|
|
||||||
this.form.Name = this.data.Name
|
|
||||||
this.form.Path = this.data.Path
|
|
||||||
this.form.IsDeleted = this.data.IsDeleted
|
|
||||||
this.form.IsPublish = this.data.IsPublish
|
|
||||||
this.form.Description = this.data.Description
|
|
||||||
this.form.SignViewMinimumMinutes = this.data.SignViewMinimumMinutes
|
|
||||||
this.form.CurrentStaffTrainDays = this.data.CurrentStaffTrainDays
|
|
||||||
this.form.NewStaffTrainDays = this.data.NewStaffTrainDays
|
|
||||||
}
|
|
||||||
this.loading = false
|
|
||||||
},
|
|
||||||
// 获取文件类型下拉框数据
|
|
||||||
getDicData() {
|
|
||||||
getBasicDataSelects(['Trial_Document']).then(res => {
|
|
||||||
this.dictionaryList = { ...res.Result }
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 获取用户类型下拉数据
|
|
||||||
getUserType() {
|
|
||||||
getTrialUserTypeList().then(res => {
|
|
||||||
this.userTypeOptions = res.Result
|
|
||||||
if (this.form.Id) {
|
|
||||||
this.form.NeedConfirmedUserTypeIdList = this.data.NeedConfirmedUserTypeeIds
|
|
||||||
}
|
|
||||||
}).catch(() => { this.loading = false })
|
|
||||||
},
|
|
||||||
handleViewableUserTypeChange(valArr) {
|
|
||||||
this.form.NeedConfirmedUserTypeIdList = []
|
|
||||||
this.needConfirmedUserTypeOptions = []
|
|
||||||
valArr.forEach((val) => {
|
|
||||||
const i = this.userTypeOptions.findIndex(userType => { return userType.Id === val })
|
|
||||||
this.needConfirmedUserTypeOptions.push(this.userTypeOptions[i])
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 检测文件类型是否符合要求
|
|
||||||
beforeUpload(file) {
|
|
||||||
if (this.checkFileSuffix(file.name)) {
|
|
||||||
this.fileList = []
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
this.$alert(this.$t('trials:attachment:message:pdf'))
|
|
||||||
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 上传文件
|
|
||||||
async handleUploadFile(param) {
|
|
||||||
this.loading = true
|
|
||||||
var file = await this.fileToBlob(param.file)
|
|
||||||
const trialId = this.$route.query.trialId
|
|
||||||
const res = await this.OSSclient.put(`/${trialId}/DocumentToSign/${param.file.name}${new Date().getTime()}`, file)
|
|
||||||
this.fileList.push({ name: param.file.name, path: this.$getObjectName(res.url), url: this.$getObjectName(res.url) })
|
|
||||||
this.form.Path = this.$getObjectName(res.url)
|
|
||||||
this.form.Name = param.file.name
|
|
||||||
this.loading = false
|
|
||||||
},
|
|
||||||
// 移除
|
|
||||||
handleRemoveFile() {
|
|
||||||
this.fileList = []
|
|
||||||
this.form.Path = ''
|
|
||||||
this.form.Name = ''
|
|
||||||
},
|
|
||||||
handleExceed(files, fileList) {
|
|
||||||
this.$message.warning(this.$t('trials:attachment:message:uploadFile'))
|
|
||||||
},
|
|
||||||
// 文件类型是否是pdf
|
|
||||||
checkFileSuffix(fileName) {
|
|
||||||
var typeArr = ['pdf', 'mp4']
|
|
||||||
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
|
|
||||||
if (typeArr.indexOf(extendName) !== -1) {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss">
|
|
||||||
.upload-temporary-file {
|
|
||||||
.upload-container .el-upload--text {
|
|
||||||
border: none;
|
|
||||||
width: 80px;
|
|
||||||
height: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload-container .el-input--small {
|
|
||||||
margin-bottom: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.upload-container .el-icon-circle-check {
|
|
||||||
color: #428bca;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.account_item_clear {
|
|
||||||
.el-tag__close {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -5,8 +5,17 @@
|
||||||
<el-form :inline="true" class="base-search-form">
|
<el-form :inline="true" class="base-search-form">
|
||||||
<!-- 文件类型 -->
|
<!-- 文件类型 -->
|
||||||
<el-form-item :label="$t('trials:attachment:table:fileType')">
|
<el-form-item :label="$t('trials:attachment:table:fileType')">
|
||||||
<el-select v-model="searchData.FileTypeId" clearable style="width: 150px">
|
<el-select
|
||||||
<el-option v-for="item of $d.Trial_Document" :key="item.id" :label="item.label" :value="item.id" />
|
v-model="searchData.FileTypeId"
|
||||||
|
clearable
|
||||||
|
style="width: 150px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.Trial_Document"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.id"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 文件名称 -->
|
<!-- 文件名称 -->
|
||||||
|
|
@ -15,20 +24,40 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 培训状态 -->
|
<!-- 培训状态 -->
|
||||||
<el-form-item :label="$t('trials:attachment:table:isDeleted')">
|
<el-form-item :label="$t('trials:attachment:table:isDeleted')">
|
||||||
<el-select clearable v-model="searchData.IsDeleted" style="width: 150px">
|
<el-select
|
||||||
<el-option v-for="item of $d.TrainingStatus" :key="item.value" :label="item.label" :value="item.value" />
|
clearable
|
||||||
|
v-model="searchData.IsDeleted"
|
||||||
|
style="width: 150px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.TrainingStatus"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 培训角色 -->
|
<!-- 培训角色 -->
|
||||||
<el-form-item :label="$t('trials:attachment:table:userType')">
|
<el-form-item :label="$t('trials:attachment:table:userType')">
|
||||||
<el-select v-model="searchData.UserTypeId" clearable style="width: 100%">
|
<el-select
|
||||||
<el-option v-for="item of userTypeOptions" v-show="item.UserTypeEnum !== 1 &&
|
v-model="searchData.UserTypeId"
|
||||||
|
clearable
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of userTypeOptions"
|
||||||
|
v-show="
|
||||||
|
item.UserTypeEnum !== 1 &&
|
||||||
item.UserTypeEnum !== 8 &&
|
item.UserTypeEnum !== 8 &&
|
||||||
item.UserTypeEnum !== 20 &&
|
item.UserTypeEnum !== 20 &&
|
||||||
item.UserTypeEnum !== 26 &&
|
item.UserTypeEnum !== 26 &&
|
||||||
item.UserTypeEnum !== 27 &&
|
item.UserTypeEnum !== 27 &&
|
||||||
item.UserTypeEnum !== 31
|
item.UserTypeEnum !== 31
|
||||||
" :key="item.Id" :label="item.UserTypeShortName" :value="item.Id">
|
"
|
||||||
|
:key="item.Id"
|
||||||
|
:label="item.UserTypeShortName"
|
||||||
|
:value="item.Id"
|
||||||
|
>
|
||||||
<span>{{ item.UserType }}</span>
|
<span>{{ item.UserType }}</span>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
|
|
@ -40,52 +69,71 @@
|
||||||
{{ $t('common:button:search') }}
|
{{ $t('common:button:search') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 重置 -->
|
<!-- 重置 -->
|
||||||
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-refresh-left"
|
||||||
|
@click="handleReset"
|
||||||
|
>
|
||||||
{{ $t('common:button:reset') }}
|
{{ $t('common:button:reset') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<span style="margin-left: auto">
|
<span style="margin-left: auto">
|
||||||
<!-- 新增 -->
|
<!-- 新增 -->
|
||||||
<el-button v-hasPermi="['trials:trials-panel:setting:attachment:add']" type="primary" icon="el-icon-plus"
|
<el-button
|
||||||
@click="handleAdd">
|
v-hasPermi="['trials:trials-panel:setting:attachment:add']"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-plus"
|
||||||
|
@click="handleAdd"
|
||||||
|
>
|
||||||
{{ $t('common:button:add') }}
|
{{ $t('common:button:add') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 系统文件列表 -->
|
<!-- 系统文件列表 -->
|
||||||
<el-table ref="attachmentList" v-loading="loading" v-adaptive="{ bottomOffset: 60 }" :data="list" stripe
|
<el-table
|
||||||
height="100" @sort-change="handleSortByColumn">
|
ref="attachmentList"
|
||||||
|
v-loading="loading"
|
||||||
|
v-adaptive="{ bottomOffset: 60 }"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
@sort-change="handleSortByColumn"
|
||||||
|
>
|
||||||
<el-table-column type="index" width="40" />
|
<el-table-column type="index" width="40" />
|
||||||
<!-- 文件类型 -->
|
<!-- 文件类型 -->
|
||||||
<el-table-column prop="FileType" :label="$t('trials:attachment:table:fileType')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="160" />
|
prop="FileType"
|
||||||
|
:label="$t('trials:attachment:table:fileType')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
min-width="160"
|
||||||
|
/>
|
||||||
<!-- 文件名称 -->
|
<!-- 文件名称 -->
|
||||||
<el-table-column prop="Name" :label="$t('trials:attachment:table:fileName')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="160" />
|
prop="Name"
|
||||||
<!--附件-->
|
:label="$t('trials:attachment:table:fileName')"
|
||||||
<el-table-column prop="AttachmentCount" :label="$t('trials:attachment:table:AttachmentCount')"
|
show-overflow-tooltip
|
||||||
show-overflow-tooltip sortable="custom" min-width="150px">
|
sortable="custom"
|
||||||
<template slot-scope="scope">
|
min-width="160"
|
||||||
<el-button type="text" @click.stop="openAttachment(scope.row, true)">
|
/>
|
||||||
{{ scope.row.AttachmentCount }}
|
|
||||||
<i class="el-icon-upload2" />
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 查看最短时间(分钟) -->
|
<!-- 查看最短时间(分钟) -->
|
||||||
<el-table-column prop="SignViewMinimumMinutes" :label="$t('trials:attachment:table:min')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="150" />
|
prop="SignViewMinimumMinutes"
|
||||||
<!-- 已有成员(分钟) -->
|
:label="$t('trials:attachment:table:min')"
|
||||||
<el-table-column prop="CurrentStaffTrainDays" :label="$t('trials:attachment:table:CurrentStaffTrainDays')"
|
show-overflow-tooltip
|
||||||
show-overflow-tooltip sortable="custom" min-width="150" />
|
sortable="custom"
|
||||||
<!-- 新加入成员(分钟) -->
|
min-width="150"
|
||||||
<el-table-column prop="NewStaffTrainDays" :label="$t('trials:attachment:table:NewStaffTrainDays')"
|
/>
|
||||||
show-overflow-tooltip sortable="custom" min-width="150" />
|
|
||||||
<!-- 是否废除 -->
|
<!-- 是否废除 -->
|
||||||
<el-table-column prop="IsDeleted" :label="$t('trials:attachment:table:isDeleted')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="100">
|
prop="IsDeleted"
|
||||||
|
:label="$t('trials:attachment:table:isDeleted')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsDeleted" type="danger">{{
|
<el-tag v-if="scope.row.IsDeleted" type="danger">{{
|
||||||
$fd('TrainingStatus', scope.row.IsDeleted)
|
$fd('TrainingStatus', scope.row.IsDeleted)
|
||||||
|
|
@ -95,18 +143,13 @@
|
||||||
}}</el-tag>
|
}}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--发布状态-->
|
|
||||||
<el-table-column prop="IsPublish" :label="$t('trials:attachment:table:IsPublish')" show-overflow-tooltip
|
|
||||||
sortable="custom" min-width="120px">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-tag :type="scope.row.IsPublish ? 'primary' : 'danger'">{{
|
|
||||||
$fd('AttachmentPublishStatus', scope.row.IsPublish)
|
|
||||||
}}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 需要签署的用户类型 -->
|
<!-- 需要签署的用户类型 -->
|
||||||
<el-table-column prop="NeedConfirmedUserTypes" :label="$t('trials:attachment:table:userType')"
|
<el-table-column
|
||||||
show-overflow-tooltip min-width="100">
|
prop="NeedConfirmedUserTypes"
|
||||||
|
:label="$t('trials:attachment:table:userType')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.NeedConfirmedUserTypes
|
scope.row.NeedConfirmedUserTypes
|
||||||
|
|
@ -131,52 +174,91 @@
|
||||||
min-width="160"
|
min-width="160"
|
||||||
/> -->
|
/> -->
|
||||||
<!--创建时间-->
|
<!--创建时间-->
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:attachment:table:CreateTime')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="160" />
|
prop="CreateTime"
|
||||||
<el-table-column :label="$t('common:action:action')" min-width="200" fixed="right">
|
:label="$t('trials:attachment:table:CreateTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
min-width="160"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
min-width="140"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 预览 -->
|
<!-- 预览 -->
|
||||||
<el-button icon="el-icon-view" circle :title="$t('trials:attachment:action:preview')"
|
<el-button
|
||||||
@click="handlePreview(scope.row)" />
|
icon="el-icon-view"
|
||||||
|
circle
|
||||||
|
:title="$t('trials:attachment:action:preview')"
|
||||||
|
@click="handlePreview(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
<el-button v-hasPermi="['trials:trials-panel:setting:attachment:edit']" circle
|
<el-button
|
||||||
:title="$t('trials:attachment:action:edit')" icon="el-icon-edit-outline"
|
v-hasPermi="['trials:trials-panel:setting:attachment:edit']"
|
||||||
:disabled="scope.row.IsSomeUserSigned || scope.row.IsDeleted" @click="handleEdit(scope.row)" />
|
circle
|
||||||
<el-button :disabled="scope.row.IsPublish" circle icon="el-icon-position"
|
:title="$t('trials:attachment:action:edit')"
|
||||||
:title="$t('dictionary:signature:button:publish')" @click="publishTrialDocument([scope.row])">
|
icon="el-icon-edit-outline"
|
||||||
</el-button>
|
:disabled="scope.row.IsSomeUserSigned || scope.row.IsDeleted"
|
||||||
|
@click="handleEdit(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 废除 -->
|
<!-- 废除 -->
|
||||||
<el-button v-hasPermi="['trials:trials-panel:setting:attachment:abolish']" :disabled="scope.row.IsDeleted"
|
<el-button
|
||||||
circle :title="$t('trials:attachment:action:apolish')" icon="el-icon-delete"
|
v-hasPermi="['trials:trials-panel:setting:attachment:abolish']"
|
||||||
@click="handleRepeal(scope.row)" />
|
:disabled="scope.row.IsDeleted"
|
||||||
|
circle
|
||||||
|
:title="$t('trials:attachment:action:apolish')"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleRepeal(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<!-- 分页组件 -->
|
<!-- 分页组件 -->
|
||||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
<pagination
|
||||||
@pagination="getList" />
|
class="page"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="searchData.PageIndex"
|
||||||
|
:limit.sync="searchData.PageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 新增/编辑 -->
|
<!-- 新增/编辑 -->
|
||||||
<el-dialog v-if="editVisible" :visible.sync="editVisible" :close-on-click-modal="false" :title="title" width="800px"
|
<el-dialog
|
||||||
custom-class="base-dialog-wrapper">
|
v-if="editVisible"
|
||||||
<templateForm :data="currentRow" @closeDialog="closeDialog" @getList="getList" />
|
:visible.sync="editVisible"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
:title="title"
|
||||||
|
width="800px"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
|
<AttachmentForm
|
||||||
|
:data="currentRow"
|
||||||
|
@closeDialog="closeDialog"
|
||||||
|
@getList="getList"
|
||||||
|
/>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!--附件列表-->
|
|
||||||
<attachmentList v-if="config.visible" :config="config" :rowData="currentRow" :TrialDocumentId="TrialDocumentId"
|
|
||||||
@getList="getList" />
|
|
||||||
<!-- 预览文件 -->
|
<!-- 预览文件 -->
|
||||||
<attachmentPreview :SystemDocumentId="TrialDocumentId" :isTrial="true" :visible.sync="perview_visible"
|
<el-dialog
|
||||||
:isView="true" v-if="perview_visible" />
|
v-if="previewVisible"
|
||||||
<!-- 预览文件 -->
|
:visible.sync="previewVisible"
|
||||||
<el-dialog v-if="previewVisible" :visible.sync="previewVisible" :title="$t('trials:attachment:dialogTitle:preview')"
|
:title="$t('trials:attachment:dialogTitle:preview')"
|
||||||
:fullscreen="true" append-to-body custom-class="base-dialog-wrapper">
|
:fullscreen="true"
|
||||||
<span style="position: fixed; left: 16px; top: 45px;cursor: pointer;font-size: 18px;color:#409EFF"
|
append-to-body
|
||||||
@click.stop="openAttachment(currentRow)" v-if="currentRow.AttachmentCount">{{
|
custom-class="base-dialog-wrapper"
|
||||||
$t('trials:attachment:table:AttachmentCount') }} ({{
|
>
|
||||||
currentRow.AttachmentCount }})</span>
|
<div
|
||||||
<div class="base-modal-body" style="border: 2px solid #ccc; padding: 10px">
|
class="base-modal-body"
|
||||||
<PreviewFile v-if="previewVisible" :file-path="currentPath" :file-type="currentType" />
|
style="border: 2px solid #ccc; padding: 10px"
|
||||||
|
>
|
||||||
|
<PreviewFile
|
||||||
|
v-if="previewVisible"
|
||||||
|
:file-path="currentPath"
|
||||||
|
:file-type="currentType"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</box-content>
|
</box-content>
|
||||||
|
|
@ -186,14 +268,11 @@ import {
|
||||||
getTrialDocumentList,
|
getTrialDocumentList,
|
||||||
userAbandonDoc,
|
userAbandonDoc,
|
||||||
getTrialUserTypeList,
|
getTrialUserTypeList,
|
||||||
publishTrialDocument
|
|
||||||
} from '@/api/trials'
|
} from '@/api/trials'
|
||||||
import BoxContent from '@/components/BoxContent'
|
import BoxContent from '@/components/BoxContent'
|
||||||
import Pagination from '@/components/Pagination'
|
import Pagination from '@/components/Pagination'
|
||||||
import templateForm from './components/templateForm'
|
import AttachmentForm from './components/attachmentForm'
|
||||||
import PreviewFile from './components/previewFile'
|
import PreviewFile from './components/previewFile'
|
||||||
import attachmentList from './components/attachmentList'
|
|
||||||
import attachmentPreview from '@/views/dictionary/attachment/components/SignatureTemplate/attachmentPreview'
|
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
FileTypeId: '',
|
FileTypeId: '',
|
||||||
|
|
@ -208,7 +287,7 @@ const searchDataDefault = () => {
|
||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
name: 'TrialAttachmentList',
|
name: 'TrialAttachmentList',
|
||||||
components: { BoxContent, Pagination, templateForm, PreviewFile, attachmentList, attachmentPreview },
|
components: { BoxContent, Pagination, AttachmentForm, PreviewFile },
|
||||||
dicts: ['Trial_Document'],
|
dicts: ['Trial_Document'],
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
|
@ -224,13 +303,6 @@ export default {
|
||||||
currentType: '',
|
currentType: '',
|
||||||
trialId: '',
|
trialId: '',
|
||||||
userTypeOptions: [],
|
userTypeOptions: [],
|
||||||
TrialDocumentId: null,
|
|
||||||
perview_visible: false,
|
|
||||||
config: {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t('dictionary:signature:attachmentList:title'),
|
|
||||||
width: '800px',
|
|
||||||
},
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
|
|
@ -239,39 +311,6 @@ export default {
|
||||||
this.getUserType()
|
this.getUserType()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
openAttachment(row, isList = false) {
|
|
||||||
this.TrialDocumentId = row.Id
|
|
||||||
this.currentRow = { ...row }
|
|
||||||
if (!isList) {
|
|
||||||
this.perview_visible = true
|
|
||||||
} else {
|
|
||||||
this.config.visible = true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 发布
|
|
||||||
async publishTrialDocument(list) {
|
|
||||||
try {
|
|
||||||
let confirm = await this.$confirm(this.$t('trials:attachment:confirm:publishFile'), {
|
|
||||||
type: 'warning',
|
|
||||||
distinguishCancelAndClose: true,
|
|
||||||
})
|
|
||||||
if (!confirm) return false
|
|
||||||
let arr = list.filter(item => !item.IsPublish)
|
|
||||||
if (arr.length <= 0) return this.getList()
|
|
||||||
let data = {
|
|
||||||
ids: arr.map(item => item.Id)
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
let res = await publishTrialDocument(data)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 获取系统文件数据
|
// 获取系统文件数据
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
|
|
@ -322,7 +361,6 @@ export default {
|
||||||
this.currentType = row.Name
|
this.currentType = row.Name
|
||||||
? Name.substring(Name.lastIndexOf('.') + 1).toLocaleLowerCase()
|
? Name.substring(Name.lastIndexOf('.') + 1).toLocaleLowerCase()
|
||||||
: ''
|
: ''
|
||||||
this.currentRow = Object.assign({}, row)
|
|
||||||
this.previewVisible = true
|
this.previewVisible = true
|
||||||
},
|
},
|
||||||
// 编辑
|
// 编辑
|
||||||
|
|
@ -353,7 +391,7 @@ export default {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
.catch(() => { })
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
// 关闭编辑弹窗
|
// 关闭编辑弹窗
|
||||||
closeDialog() {
|
closeDialog() {
|
||||||
|
|
|
||||||
|
|
@ -5,34 +5,81 @@
|
||||||
<div class="search">
|
<div class="search">
|
||||||
<el-form :inline="true" size="mini" class="base-search-form">
|
<el-form :inline="true" size="mini" class="base-search-form">
|
||||||
<!-- 审核问题 -->
|
<!-- 审核问题 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:businessScenario')">
|
<el-form-item
|
||||||
<el-select v-model="searchData.BusinessScenarioEnum" style="width: 150px">
|
:label="$t('trials:emailManageCfg:title:businessScenario')"
|
||||||
<el-option v-for="item of $d.Email_BusinessScenario" :key="item.value" :label="item.label"
|
>
|
||||||
:value="item.value" />
|
<el-select
|
||||||
|
v-model="searchData.BusinessScenarioEnum"
|
||||||
|
style="width: 150px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.Email_BusinessScenario"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item style="margin-bottom: 10px" :label="$t('trials:emailManageCfg:table:BusinessModuleEnum')">
|
<el-form-item
|
||||||
<el-select v-model="searchData.BusinessModuleEnum" clearable style="width: 120px">
|
style="margin-bottom: 10px"
|
||||||
<el-option v-for="item of $d.BusinessModule" :key="item.id" :label="item.label" :value="item.value" />
|
:label="$t('trials:emailManageCfg:table:BusinessModuleEnum')"
|
||||||
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="searchData.BusinessModuleEnum"
|
||||||
|
clearable
|
||||||
|
style="width: 120px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.BusinessModule"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="isDistinguishCriteria" style="margin-bottom: 10px"
|
<el-form-item
|
||||||
:label="$t('trials:reviewTrack:table:criterionName')">
|
v-if="isDistinguishCriteria"
|
||||||
<el-select v-model="searchData.CriterionTypeEnum" clearable style="width: 120px">
|
style="margin-bottom: 10px"
|
||||||
<el-option v-for="item of $d.CriterionType" :key="item.id" :label="item.label" :value="item.value" />
|
:label="$t('trials:reviewTrack:table:criterionName')"
|
||||||
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="searchData.CriterionTypeEnum"
|
||||||
|
clearable
|
||||||
|
style="width: 120px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.CriterionType"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:toUserTypeList')" prop="ToUserTypeList">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:title:toUserTypeList')"
|
||||||
|
prop="ToUserTypeList"
|
||||||
|
>
|
||||||
<el-select v-model="searchData.ToUserType" clearable class="mr">
|
<el-select v-model="searchData.ToUserType" clearable class="mr">
|
||||||
<el-option v-for="item of UserTypeList" :key="`ToUserTypeList${item.label}`" :label="item.label"
|
<el-option
|
||||||
:value="item.value" />
|
v-for="item of UserTypeList"
|
||||||
|
:key="`ToUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:EmailUrgentEnum')" prop="EmailUrgentEnum"
|
<el-form-item
|
||||||
v-if="!isDistinguishCriteria">
|
:label="$t('trials:emailManageCfg:table:EmailUrgentEnum')"
|
||||||
|
prop="EmailUrgentEnum"
|
||||||
|
v-if="!isDistinguishCriteria"
|
||||||
|
>
|
||||||
<el-select v-model="searchData.EmailUrgentEnum" clearable class="mr">
|
<el-select v-model="searchData.EmailUrgentEnum" clearable class="mr">
|
||||||
<el-option v-for="item of $d.EmailUrgent" :key="`ToUserTypeList${item.label}`" :label="item.label"
|
<el-option
|
||||||
:value="item.value" />
|
v-for="item of $d.EmailUrgent"
|
||||||
|
:key="`ToUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
|
|
@ -42,19 +89,40 @@
|
||||||
<el-button type="primary" @click="handleReset">{{
|
<el-button type="primary" @click="handleReset">{{
|
||||||
$t('common:button:reset')
|
$t('common:button:reset')
|
||||||
}}</el-button>
|
}}</el-button>
|
||||||
<el-button type="primary" @click="handleAdd" class="el-icon-plus" v-if="!isDistinguishCriteria && isShow">{{
|
<el-button
|
||||||
$t('trials:reviewTrack:button:addDefault') }}</el-button>
|
type="primary"
|
||||||
|
@click="handleAdd"
|
||||||
|
class="el-icon-plus"
|
||||||
|
v-if="!isDistinguishCriteria && isShow"
|
||||||
|
>{{ $t('trials:reviewTrack:button:addDefault') }}</el-button
|
||||||
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
<span style="margin-left: auto">
|
<span style="margin-left: auto">
|
||||||
<el-button type="primary" size="mini" :disabled="selectArr.length <= 0" @click="handleSubmit">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
size="mini"
|
||||||
|
:disabled="selectArr.length <= 0"
|
||||||
|
@click="handleSubmit"
|
||||||
|
>
|
||||||
{{ $t('common:button:submit') }}
|
{{ $t('common:button:submit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-table :data="list" stripe size="small" height="400" @selection-change="handleSelectChange">
|
<el-table
|
||||||
<el-table-column type="selection" align="left" :selectable="selectable" width="45" />
|
:data="list"
|
||||||
|
stripe
|
||||||
|
size="small"
|
||||||
|
height="400"
|
||||||
|
@selection-change="handleSelectChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
align="left"
|
||||||
|
:selectable="selectable"
|
||||||
|
width="45"
|
||||||
|
/>
|
||||||
<el-table-column type="index" width="40" />
|
<el-table-column type="index" width="40" />
|
||||||
<!-- Code -->
|
<!-- Code -->
|
||||||
<!-- <el-table-column
|
<!-- <el-table-column
|
||||||
|
|
@ -64,33 +132,63 @@
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
width="100"
|
width="100"
|
||||||
/> -->
|
/> -->
|
||||||
<el-table-column v-if="isDistinguishCriteria" prop="CriterionTypeList"
|
<el-table-column
|
||||||
:label="$t('trials:reviewTrack:table:criterionName')" show-overflow-tooltip sortable="custom" width="120">
|
v-if="isDistinguishCriteria"
|
||||||
|
prop="TrialReadingCriterionId"
|
||||||
|
:label="$t('trials:reviewTrack:table:criterionName')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
width="120"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{scope.row.CriterionTypeList && scope.row.CriterionTypeList.length > 0 ?
|
{{ $fd('CriterionType', scope.row.CriterionTypeEnum) }}
|
||||||
scope.row.CriterionTypeList.map(item => { return $fd('CriterionType', item) }
|
|
||||||
).join(', ') : ''}}
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="$i18n.locale === 'zh'" prop="EmailTopicCN"
|
<el-table-column
|
||||||
:label="$t('trials:emailManageCfg:table:EmailTopicCN')" sortable="custom" show-overflow-tooltip width="160" />
|
v-if="$i18n.locale === 'zh'"
|
||||||
<el-table-column v-else prop="EmailTopic" :label="$t('trials:emailManageCfg:table:EmailTopic')" sortable="custom"
|
prop="EmailTopicCN"
|
||||||
show-overflow-tooltip width="160" />
|
:label="$t('trials:emailManageCfg:table:EmailTopicCN')"
|
||||||
<el-table-column prop="BusinessModuleEnum" :label="$t('trials:emailManageCfg:table:BusinessModuleEnum')"
|
sortable="custom"
|
||||||
sortable="custom" show-overflow-tooltip width="100">
|
show-overflow-tooltip
|
||||||
|
width="160"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-else
|
||||||
|
prop="EmailTopic"
|
||||||
|
:label="$t('trials:emailManageCfg:table:EmailTopic')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="160"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="BusinessModuleEnum"
|
||||||
|
:label="$t('trials:emailManageCfg:table:BusinessModuleEnum')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
|
{{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="BusinessScenarioEnum" :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
|
<el-table-column
|
||||||
sortable="custom" show-overflow-tooltip width="130">
|
prop="BusinessScenarioEnum"
|
||||||
|
:label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="130"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ $fd('Email_BusinessScenario', scope.row.BusinessScenarioEnum) }}
|
{{ $fd('Email_BusinessScenario', scope.row.BusinessScenarioEnum) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 收件人 -->
|
<!-- 收件人 -->
|
||||||
<el-table-column prop="ToUserTypeList" :label="$t('trials:emailManageCfg:title:toUserTypeList')"
|
<el-table-column
|
||||||
show-overflow-tooltip width="100">
|
prop="ToUserTypeList"
|
||||||
|
:label="$t('trials:emailManageCfg:title:toUserTypeList')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.ToUserTypeList.length > 0
|
scope.row.ToUserTypeList.length > 0
|
||||||
|
|
@ -102,8 +200,12 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 抄送人 -->
|
<!-- 抄送人 -->
|
||||||
<el-table-column prop="CopyUserTypeList" :label="$t('trials:emailManageCfg:title:copyUserTypeList')"
|
<el-table-column
|
||||||
show-overflow-tooltip width="100">
|
prop="CopyUserTypeList"
|
||||||
|
:label="$t('trials:emailManageCfg:title:copyUserTypeList')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.CopyUserTypeList.length > 0
|
scope.row.CopyUserTypeList.length > 0
|
||||||
|
|
@ -114,39 +216,71 @@
|
||||||
}}
|
}}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('trials:emailManageCfg:table:EmailUrgentEnum')" sortable="custom"
|
<el-table-column
|
||||||
show-overflow-tooltip width="100">
|
:label="$t('trials:emailManageCfg:table:EmailUrgentEnum')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ $fd('EmailUrgent', scope.row.EmailUrgentEnum) }}
|
{{ $fd('EmailUrgent', scope.row.EmailUrgentEnum) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="EmailCron" :label="$t('trials:emailManageCfg:table:EmailCron')" sortable="custom"
|
<el-table-column
|
||||||
show-overflow-tooltip width="160">
|
prop="EmailCron"
|
||||||
|
:label="$t('trials:emailManageCfg:table:EmailCron')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="160"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ getEmailCron(scope.row.EmailCron) }}</span>
|
<span>{{ getEmailCron(scope.row.EmailCron) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 附件 -->
|
<!-- 附件 -->
|
||||||
<el-table-column v-if="$i18n.locale === 'zh'" prop="AttachNameCN"
|
<el-table-column
|
||||||
:label="$t('trials:emailManageCfg:title:fileName')" show-overflow-tooltip width="100">
|
v-if="$i18n.locale === 'zh'"
|
||||||
|
prop="AttachNameCN"
|
||||||
|
:label="$t('trials:emailManageCfg:title:fileName')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button v-if="scope.row.AttachCNPath" type="text" @click="handlePreview(scope.row.AttachCNPath)">
|
<el-button
|
||||||
|
v-if="scope.row.AttachCNPath"
|
||||||
|
type="text"
|
||||||
|
@click="handlePreview(scope.row.AttachCNPath)"
|
||||||
|
>
|
||||||
{{ scope.row.AttachNameCN }}
|
{{ scope.row.AttachNameCN }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 附件 -->
|
<!-- 附件 -->
|
||||||
<el-table-column v-else prop="AttachName" :label="$t('trials:emailManageCfg:title:fileName')"
|
<el-table-column
|
||||||
show-overflow-tooltip width="100">
|
v-else
|
||||||
|
prop="AttachName"
|
||||||
|
:label="$t('trials:emailManageCfg:title:fileName')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button v-if="scope.row.AttachPath" type="text" @click="handlePreview(scope.row.AttachPath)">
|
<el-button
|
||||||
|
v-if="scope.row.AttachPath"
|
||||||
|
type="text"
|
||||||
|
@click="handlePreview(scope.row.AttachPath)"
|
||||||
|
>
|
||||||
{{ scope.row.AttachName }}
|
{{ scope.row.AttachName }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 是否需要回执 -->
|
<!-- 是否需要回执 -->
|
||||||
<el-table-column prop="IsReturnRequired" :label="$t('trials:emailManageCfg:title:isReturnRequired')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" width="140">
|
prop="IsReturnRequired"
|
||||||
|
:label="$t('trials:emailManageCfg:title:isReturnRequired')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
width="140"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsReturnRequired" type="danger">
|
<el-tag v-if="scope.row.IsReturnRequired" type="danger">
|
||||||
{{ $fd('YesOrNo', scope.row.IsReturnRequired) }}
|
{{ $fd('YesOrNo', scope.row.IsReturnRequired) }}
|
||||||
|
|
@ -157,8 +291,13 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 是否自动发送 -->
|
<!-- 是否自动发送 -->
|
||||||
<el-table-column prop="IsAutoSend" :label="$t('trials:emailManageCfg:title:isAutoSend')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" width="160">
|
prop="IsAutoSend"
|
||||||
|
:label="$t('trials:emailManageCfg:title:isAutoSend')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
width="160"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsAutoSend" type="danger">
|
<el-tag v-if="scope.row.IsAutoSend" type="danger">
|
||||||
{{ $fd('YesOrNo', scope.row.IsAutoSend) }}
|
{{ $fd('YesOrNo', scope.row.IsAutoSend) }}
|
||||||
|
|
@ -168,8 +307,13 @@
|
||||||
}}</el-tag>
|
}}</el-tag>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="IsEnable" :label="$t('trials:emailManageCfg:table:IsEnable')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" width="160">
|
prop="IsEnable"
|
||||||
|
:label="$t('trials:emailManageCfg:table:IsEnable')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
width="160"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsEnable" type="danger">
|
<el-tag v-if="scope.row.IsEnable" type="danger">
|
||||||
{{ $fd('YesOrNo', scope.row.IsEnable) }}
|
{{ $fd('YesOrNo', scope.row.IsEnable) }}
|
||||||
|
|
@ -180,14 +324,29 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 更新时间 -->
|
<!-- 更新时间 -->
|
||||||
<el-table-column prop="UpdateTime" :label="$t('trials:emailManageCfg:title:updateTime')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" width="160" />
|
prop="UpdateTime"
|
||||||
|
:label="$t('trials:emailManageCfg:title:updateTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
width="160"
|
||||||
|
/>
|
||||||
<!-- 创建时间 -->
|
<!-- 创建时间 -->
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:emailManageCfg:title:createTime')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" width="160" />
|
prop="CreateTime"
|
||||||
|
:label="$t('trials:emailManageCfg:title:createTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
width="160"
|
||||||
|
/>
|
||||||
</el-table>
|
</el-table>
|
||||||
<Pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
<Pagination
|
||||||
@pagination="getList" />
|
class="page"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="searchData.PageIndex"
|
||||||
|
:limit.sync="searchData.PageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
</box-content>
|
</box-content>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,12 @@
|
||||||
<template>
|
<template>
|
||||||
<el-form ref="emailForm" v-loading="loading" :model="form" label-width="180px" size="small" :rules="rules">
|
<el-form
|
||||||
|
ref="emailForm"
|
||||||
|
v-loading="loading"
|
||||||
|
:model="form"
|
||||||
|
label-width="180px"
|
||||||
|
size="small"
|
||||||
|
:rules="rules"
|
||||||
|
>
|
||||||
<el-row>
|
<el-row>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item label="Code" prop="Code">
|
<el-form-item label="Code" prop="Code">
|
||||||
|
|
@ -7,111 +14,242 @@
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="$i18n.locale === 'zh'">
|
<el-col :span="12" v-if="$i18n.locale === 'zh'">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:EmailTopicCN')" prop="EmailTopicCN">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:table:EmailTopicCN')"
|
||||||
|
prop="EmailTopicCN"
|
||||||
|
>
|
||||||
<el-input style="width: 300px" disabled v-model="form.EmailTopicCN" />
|
<el-input style="width: 300px" disabled v-model="form.EmailTopicCN" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-else>
|
<el-col :span="12" v-else>
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:EmailTopic')" prop="EmailTopic">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:table:EmailTopic')"
|
||||||
|
prop="EmailTopic"
|
||||||
|
>
|
||||||
<el-input style="width: 300px" disabled v-model="form.EmailTopic" />
|
<el-input style="width: 300px" disabled v-model="form.EmailTopic" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')" prop="BusinessScenarioEnum">
|
<el-form-item
|
||||||
<el-select v-model="form.BusinessScenarioEnum" disabled clearable class="mr">
|
:label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
|
||||||
<el-option v-for="item of $d.Email_BusinessScenario" :key="`BusinessScenarioEnum${item.label}`"
|
prop="BusinessScenarioEnum"
|
||||||
:label="item.label" :value="item.value" />
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="form.BusinessScenarioEnum"
|
||||||
|
disabled
|
||||||
|
clearable
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.Email_BusinessScenario"
|
||||||
|
:key="`BusinessScenarioEnum${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:ToUserTypeList')" prop="ToUserTypeList">
|
<el-form-item
|
||||||
<el-select v-model="form.ToUserTypeList" clearable multiple class="mr">
|
:label="$t('trials:emailManageCfg:table:ToUserTypeList')"
|
||||||
<el-option v-for="item of UserTypeList" :key="`ToUserTypeList${item.label}`" :label="item.label"
|
prop="ToUserTypeList"
|
||||||
:value="item.value" />
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="form.ToUserTypeList"
|
||||||
|
clearable
|
||||||
|
multiple
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of UserTypeList"
|
||||||
|
:key="`ToUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:CopyUserTypeList')" prop="CopyUserTypeList">
|
<el-form-item
|
||||||
<el-select v-model="form.CopyUserTypeList" clearable multiple class="mr">
|
:label="$t('trials:emailManageCfg:table:CopyUserTypeList')"
|
||||||
<el-option v-for="item of UserTypeList" :key="`CopyUserTypeList${item.label}`" :label="item.label"
|
prop="CopyUserTypeList"
|
||||||
:value="item.value" />
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="form.CopyUserTypeList"
|
||||||
|
clearable
|
||||||
|
multiple
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of UserTypeList"
|
||||||
|
:key="`CopyUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:blackUserIdList')" prop="blackUserIdList">
|
<el-form-item
|
||||||
<el-select v-model="form.blackUserIdList" clearable multiple class="mr">
|
:label="$t('trials:emailManageCfg:table:blackUserIdList')"
|
||||||
<el-option v-for="item of UserList" :key="`blackUserIdList${item.UserName}`"
|
prop="blackUserIdList"
|
||||||
:label="`${item.UserName}(${item.RealName})`" :value="item.UserId" />
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="form.blackUserIdList"
|
||||||
|
clearable
|
||||||
|
multiple
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of UserList"
|
||||||
|
:key="`blackUserIdList${item.UserName}`"
|
||||||
|
:label="`${item.UserName}(${item.RealName})`"
|
||||||
|
:value="item.UserId"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:EmailUrgentEnum')" prop="EmailUrgentEnum">
|
<el-form-item
|
||||||
<el-select v-model="form.EmailUrgentEnum" disabled clearable class="mr">
|
:label="$t('trials:emailManageCfg:table:EmailUrgentEnum')"
|
||||||
<el-option v-for="item of $d.EmailUrgent" :key="`EmailUrgent${item.label}`" :label="item.label"
|
prop="EmailUrgentEnum"
|
||||||
:value="item.value" />
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="form.EmailUrgentEnum"
|
||||||
|
disabled
|
||||||
|
clearable
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.EmailUrgent"
|
||||||
|
:key="`EmailUrgent${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:EmailCron')"
|
<el-form-item
|
||||||
v-if="form.EmailUrgentEnum !== 1 && IntervalShow" prop="EmailCron">
|
:label="$t('trials:emailManageCfg:table:EmailCron')"
|
||||||
<el-input-number v-model="Interval" @change="handleIntervalChange" :min="1" :max="365"></el-input-number>
|
v-if="form.EmailUrgentEnum !== 1 && IntervalShow"
|
||||||
|
prop="EmailCron"
|
||||||
|
>
|
||||||
|
<el-input-number
|
||||||
|
v-model="Interval"
|
||||||
|
@change="handleIntervalChange"
|
||||||
|
:min="1"
|
||||||
|
:max="365"
|
||||||
|
></el-input-number>
|
||||||
<!-- <el-input style="width: 300px" readonly v-model="form.EmailCron" />-->
|
<!-- <el-input style="width: 300px" readonly v-model="form.EmailCron" />-->
|
||||||
<!-- <el-button type="primary" @click="showDialog">生成 cron</el-button>-->
|
<!-- <el-button type="primary" @click="showDialog">生成 cron</el-button>-->
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:isReturnRequired')" prop="IsReturnRequired">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:title:isReturnRequired')"
|
||||||
|
prop="IsReturnRequired"
|
||||||
|
>
|
||||||
<el-radio-group v-model="form.IsReturnRequired">
|
<el-radio-group v-model="form.IsReturnRequired">
|
||||||
<el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsReturnRequired${item.value}`">{{
|
<el-radio
|
||||||
item.label }}</el-radio>
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.value"
|
||||||
|
:key="`IsReturnRequired${item.value}`"
|
||||||
|
>{{ item.label }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:IsAutoSend')" prop="IsAutoSend">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:table:IsAutoSend')"
|
||||||
|
prop="IsAutoSend"
|
||||||
|
>
|
||||||
<el-radio-group v-model="form.IsAutoSend">
|
<el-radio-group v-model="form.IsAutoSend">
|
||||||
<el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsAutoSend${item.value}`">{{ item.label
|
<el-radio
|
||||||
}}</el-radio>
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.value"
|
||||||
|
:key="`IsAutoSend${item.value}`"
|
||||||
|
>{{ item.label }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12">
|
<el-col :span="12">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" prop="IsEnable">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:table:IsEnable')"
|
||||||
|
prop="IsEnable"
|
||||||
|
>
|
||||||
<el-radio-group v-model="form.IsEnable">
|
<el-radio-group v-model="form.IsEnable">
|
||||||
<el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsEnable${item.value}`">{{ item.label
|
<el-radio
|
||||||
}}</el-radio>
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.value"
|
||||||
|
:key="`IsEnable${item.value}`"
|
||||||
|
>{{ item.label }}</el-radio
|
||||||
|
>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="24">
|
<el-col :span="24">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:CriterionTypeEnum')"
|
<el-form-item
|
||||||
v-if="form.CriterionTypeList && form.CriterionTypeList.length > 0" prop="CriterionTypeList">
|
:label="$t('trials:emailManageCfg:table:CriterionTypeEnum')"
|
||||||
<el-select disabled v-model="form.CriterionTypeList" clearable class="mr" multiple>
|
v-if="form.CriterionTypeEnum && form.CriterionTypeEnum.length > 0"
|
||||||
<el-option v-for="item of $d.CriterionType" :key="`CriterionType${item.label}`" :label="item.label"
|
prop="CriterionTypeEnum"
|
||||||
:value="item.value" />
|
>
|
||||||
|
<el-select
|
||||||
|
disabled
|
||||||
|
v-model="form.CriterionTypeEnum"
|
||||||
|
clearable
|
||||||
|
class="mr"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.CriterionType"
|
||||||
|
:key="`CriterionType${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-if="$i18n.locale === 'zh'">
|
<el-col :span="12" v-if="$i18n.locale === 'zh'">
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:fileListCN')" prop="IsEnable">
|
<el-form-item
|
||||||
<el-upload class="upload-demo" action :before-upload="beforeUploadCN" :http-request="handleUploadFileCN"
|
:label="$t('trials:emailManageCfg:table:fileListCN')"
|
||||||
:on-preview="handlePreviewCN" :on-remove="handleRemoveFileCN" :show-file-list="true" :disabled="true"
|
prop="IsEnable"
|
||||||
:limit="1" :file-list="fileListCN">
|
>
|
||||||
|
<el-upload
|
||||||
|
class="upload-demo"
|
||||||
|
action
|
||||||
|
:before-upload="beforeUploadCN"
|
||||||
|
:http-request="handleUploadFileCN"
|
||||||
|
:on-preview="handlePreviewCN"
|
||||||
|
:on-remove="handleRemoveFileCN"
|
||||||
|
:show-file-list="true"
|
||||||
|
:disabled="true"
|
||||||
|
:limit="1"
|
||||||
|
:file-list="fileListCN"
|
||||||
|
>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col :span="12" v-else>
|
<el-col :span="12" v-else>
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:fileListEN')" prop="IsEnable">
|
<el-form-item
|
||||||
<el-upload class="upload-demo" action :before-upload="beforeUploadEN" :http-request="handleUploadFileEN"
|
:label="$t('trials:emailManageCfg:table:fileListEN')"
|
||||||
:on-preview="handlePreviewEN" :on-remove="handleRemoveFileEN" :show-file-list="true" :disabled="true"
|
prop="IsEnable"
|
||||||
:limit="1" :file-list="fileListEN">
|
>
|
||||||
|
<el-upload
|
||||||
|
class="upload-demo"
|
||||||
|
action
|
||||||
|
:before-upload="beforeUploadEN"
|
||||||
|
:http-request="handleUploadFileEN"
|
||||||
|
:on-preview="handlePreviewEN"
|
||||||
|
:on-remove="handleRemoveFileEN"
|
||||||
|
:show-file-list="true"
|
||||||
|
:disabled="true"
|
||||||
|
:limit="1"
|
||||||
|
:file-list="fileListEN"
|
||||||
|
>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
|
|
@ -132,14 +270,26 @@
|
||||||
<!-- :autosize="{ minRows: 8, maxRows: 8}"-->
|
<!-- :autosize="{ minRows: 8, maxRows: 8}"-->
|
||||||
<!-- />-->
|
<!-- />-->
|
||||||
<!-- </el-form-item>-->
|
<!-- </el-form-item>-->
|
||||||
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px; padding-bottom: 10px">
|
<div
|
||||||
|
class="base-dialog-footer"
|
||||||
|
style="text-align: right; margin-top: 10px; padding-bottom: 10px"
|
||||||
|
>
|
||||||
<el-form-item style="text-align: right">
|
<el-form-item style="text-align: right">
|
||||||
<el-button size="small" type="primary" @click="handleSave">
|
<el-button size="small" type="primary" @click="handleSave">
|
||||||
{{ $t('common:button:save') }}</el-button>
|
{{ $t('common:button:save') }}</el-button
|
||||||
|
>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
<el-dialog append-to-body :title="$t('trials:emailManageCfg:button:generate')" :visible.sync="showCron">
|
<el-dialog
|
||||||
<vcrontab @hide="showCron = false" @fill="crontabFill" :expression="expression"></vcrontab>
|
append-to-body
|
||||||
|
:title="$t('trials:emailManageCfg:button:generate')"
|
||||||
|
:visible.sync="showCron"
|
||||||
|
>
|
||||||
|
<vcrontab
|
||||||
|
@hide="showCron = false"
|
||||||
|
@fill="crontabFill"
|
||||||
|
:expression="expression"
|
||||||
|
></vcrontab>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</el-form>
|
</el-form>
|
||||||
</template>
|
</template>
|
||||||
|
|
@ -195,7 +345,6 @@ export default {
|
||||||
IsEnable: true,
|
IsEnable: true,
|
||||||
IsAutoSend: true,
|
IsAutoSend: true,
|
||||||
CriterionTypeEnum: null,
|
CriterionTypeEnum: null,
|
||||||
CriterionTypeList: [],
|
|
||||||
FromEmail: '',
|
FromEmail: '',
|
||||||
FromName: '',
|
FromName: '',
|
||||||
AuthorizationCode: '',
|
AuthorizationCode: '',
|
||||||
|
|
|
||||||
|
|
@ -3,30 +3,63 @@
|
||||||
<template slot="search-container">
|
<template slot="search-container">
|
||||||
<el-form :inline="true" size="small">
|
<el-form :inline="true" size="small">
|
||||||
<!-- 业务场景 -->
|
<!-- 业务场景 -->
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:businessScenario')">
|
<el-form-item
|
||||||
<el-select v-model="searchData.BusinessScenarioEnum" style="width: 150px">
|
:label="$t('trials:emailManageCfg:title:businessScenario')"
|
||||||
<el-option v-for="item of $d.Email_BusinessScenario" :key="item.value" :label="item.label"
|
>
|
||||||
:value="item.value" />
|
<el-select
|
||||||
|
v-model="searchData.BusinessScenarioEnum"
|
||||||
|
style="width: 150px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.Email_BusinessScenario"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="isDistinguishCriteria" style="margin-bottom: 10px"
|
<el-form-item
|
||||||
:label="$t('trials:reviewTrack:table:criterionName')">
|
v-if="isDistinguishCriteria"
|
||||||
<el-select v-model="searchData.TrialReadingCriterionId" clearable style="width: 120px">
|
style="margin-bottom: 10px"
|
||||||
<el-option v-for="item of trialCriterionList"
|
:label="$t('trials:reviewTrack:table:criterionName')"
|
||||||
:key="'TrialReadingCriterionId' + item.TrialReadingCriterionId" :value="item.TrialReadingCriterionId"
|
>
|
||||||
:label="item.TrialReadingCriterionName" />
|
<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-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:title:toUserTypeList')" prop="ToUserTypeList">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:title:toUserTypeList')"
|
||||||
|
prop="ToUserTypeList"
|
||||||
|
>
|
||||||
<el-select v-model="searchData.ToUserType" clearable class="mr">
|
<el-select v-model="searchData.ToUserType" clearable class="mr">
|
||||||
<el-option v-for="item of UserTypeList" :key="`ToUserTypeList${item.label}`" :label="item.label"
|
<el-option
|
||||||
:value="item.value" />
|
v-for="item of UserTypeList"
|
||||||
|
:key="`ToUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:emailManageCfg:table:IsEnable')" prop="IsEnable">
|
<el-form-item
|
||||||
|
:label="$t('trials:emailManageCfg:table:IsEnable')"
|
||||||
|
prop="IsEnable"
|
||||||
|
>
|
||||||
<el-select v-model="searchData.IsEnable" clearable class="mr">
|
<el-select v-model="searchData.IsEnable" clearable class="mr">
|
||||||
<el-option v-for="item of $d.YesOrNo" :key="`ToUserTypeList${item.label}`" :label="item.label"
|
<el-option
|
||||||
:value="item.value" />
|
v-for="item of $d.YesOrNo"
|
||||||
|
:key="`ToUserTypeList${item.label}`"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
|
|
@ -35,11 +68,21 @@
|
||||||
{{ $t('common:button:search') }}
|
{{ $t('common:button:search') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 重置 -->
|
<!-- 重置 -->
|
||||||
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-refresh-left"
|
||||||
|
@click="handleReset"
|
||||||
|
>
|
||||||
{{ $t('common:button:reset') }}
|
{{ $t('common:button:reset') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="hasPermi(['trials:trials-panel:setting:email-manage:edit'])" type="primary"
|
<el-button
|
||||||
icon="el-icon-plus" size="small" :disabled="isEdit" @click="handleAddDefault">
|
v-if="hasPermi(['trials:trials-panel:setting:email-manage:edit'])"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-plus"
|
||||||
|
size="small"
|
||||||
|
:disabled="isEdit"
|
||||||
|
@click="handleAddDefault"
|
||||||
|
>
|
||||||
{{ $t('trials:emailManageCfg:button:Default') }}
|
{{ $t('trials:emailManageCfg:button:Default') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
@ -47,7 +90,13 @@
|
||||||
<!-- 自定义标准允许添加 -->
|
<!-- 自定义标准允许添加 -->
|
||||||
</template>
|
</template>
|
||||||
<template slot="main-container">
|
<template slot="main-container">
|
||||||
<el-table ref="emailList" v-loading="loading" :data="list" stripe @sort-change="handleSortChange">
|
<el-table
|
||||||
|
ref="emailList"
|
||||||
|
v-loading="loading"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
@sort-change="handleSortChange"
|
||||||
|
>
|
||||||
<el-table-column type="index" width="40" />
|
<el-table-column type="index" width="40" />
|
||||||
<!-- Code -->
|
<!-- Code -->
|
||||||
<!-- <el-table-column
|
<!-- <el-table-column
|
||||||
|
|
@ -57,34 +106,63 @@
|
||||||
show-overflow-tooltip
|
show-overflow-tooltip
|
||||||
width="100"
|
width="100"
|
||||||
/> -->
|
/> -->
|
||||||
<el-table-column v-if="isDistinguishCriteria" prop="CriterionTypeList"
|
<el-table-column
|
||||||
:label="$t('trials:reviewTrack:table:criterionName')" show-overflow-tooltip sortable="custom" width="120">
|
v-if="isDistinguishCriteria"
|
||||||
|
prop="TrialReadingCriterionId"
|
||||||
|
:label="$t('trials:reviewTrack:table:criterionName')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
width="120"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{scope.row.CriterionTypeList && scope.row.CriterionTypeList.length > 0 ?
|
{{ scope.row.TrialCriterionName }}
|
||||||
scope.row.CriterionTypeList.map(item => { return $fd('CriterionType', item) }
|
|
||||||
).join(', ') : ''}}
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="$i18n.locale === 'zh'" prop="EmailTopicCN"
|
<el-table-column
|
||||||
:label="$t('trials:emailManageCfg:table:EmailTopicCN')" sortable="custom" show-overflow-tooltip
|
v-if="$i18n.locale === 'zh'"
|
||||||
min-width="140" />
|
prop="EmailTopicCN"
|
||||||
<el-table-column v-else prop="EmailTopic" :label="$t('trials:emailManageCfg:table:EmailTopic')"
|
:label="$t('trials:emailManageCfg:table:EmailTopicCN')"
|
||||||
sortable="custom" show-overflow-tooltip min-width="140" />
|
sortable="custom"
|
||||||
<el-table-column prop="BusinessModuleEnum" :label="$t('trials:emailManageCfg:table:BusinessModuleEnum')"
|
show-overflow-tooltip
|
||||||
sortable="custom" show-overflow-tooltip min-width="100">
|
min-width="140"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
v-else
|
||||||
|
prop="EmailTopic"
|
||||||
|
:label="$t('trials:emailManageCfg:table:EmailTopic')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="140"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="BusinessModuleEnum"
|
||||||
|
:label="$t('trials:emailManageCfg:table:BusinessModuleEnum')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
|
{{ $fd('BusinessModule', scope.row.BusinessModuleEnum) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="BusinessScenarioEnum" :label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
|
<el-table-column
|
||||||
sortable="custom" show-overflow-tooltip min-width="100">
|
prop="BusinessScenarioEnum"
|
||||||
|
:label="$t('trials:emailManageCfg:table:BusinessScenarioEnum')"
|
||||||
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ $fd('Email_BusinessScenario', scope.row.BusinessScenarioEnum) }}
|
{{ $fd('Email_BusinessScenario', scope.row.BusinessScenarioEnum) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 收件人 -->
|
<!-- 收件人 -->
|
||||||
<el-table-column prop="ToUserTypeList" :label="$t('trials:emailManageCfg:title:toUserTypeList')"
|
<el-table-column
|
||||||
show-overflow-tooltip min-width="100">
|
prop="ToUserTypeList"
|
||||||
|
:label="$t('trials:emailManageCfg:title:toUserTypeList')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.ToUserTypeNameList.length > 0
|
scope.row.ToUserTypeNameList.length > 0
|
||||||
|
|
@ -94,8 +172,12 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 抄送人 -->
|
<!-- 抄送人 -->
|
||||||
<el-table-column prop="CopyUserTypeList" :label="$t('trials:emailManageCfg:title:copyUserTypeList')"
|
<el-table-column
|
||||||
show-overflow-tooltip min-width="100">
|
prop="CopyUserTypeList"
|
||||||
|
:label="$t('trials:emailManageCfg:title:copyUserTypeList')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="100"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{
|
{{
|
||||||
scope.row.CopyUserTypeNameList.length > 0
|
scope.row.CopyUserTypeNameList.length > 0
|
||||||
|
|
@ -122,18 +204,36 @@
|
||||||
<!-- width="160"-->
|
<!-- width="160"-->
|
||||||
<!-- />-->
|
<!-- />-->
|
||||||
<!-- 附件 -->
|
<!-- 附件 -->
|
||||||
<el-table-column v-if="$i18n.locale === 'zh' && isDistinguishCriteria" prop="AttachNameCN"
|
<el-table-column
|
||||||
:label="$t('trials:emailManageCfg:title:fileName')" show-overflow-tooltip min-width="140">
|
v-if="$i18n.locale === 'zh' && isDistinguishCriteria"
|
||||||
|
prop="AttachNameCN"
|
||||||
|
:label="$t('trials:emailManageCfg:title:fileName')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="140"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.AttachCNPath" @click="handlePreview(scope.row.AttachCNPath)"
|
<span
|
||||||
style="cursor: pointer; color: #428bca">{{ scope.row.AttachNameCN }}</span>
|
v-if="scope.row.AttachCNPath"
|
||||||
|
@click="handlePreview(scope.row.AttachCNPath)"
|
||||||
|
style="cursor: pointer; color: #428bca"
|
||||||
|
>{{ scope.row.AttachNameCN }}</span
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column v-if="$i18n.locale === 'en' && isDistinguishCriteria" prop="AttachName"
|
<el-table-column
|
||||||
:label="$t('trials:emailManageCfg:title:fileName')" show-overflow-tooltip min-width="140">
|
v-if="$i18n.locale === 'en' && isDistinguishCriteria"
|
||||||
|
prop="AttachName"
|
||||||
|
:label="$t('trials:emailManageCfg:title:fileName')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
min-width="140"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.AttachPath" @click="handlePreview(scope.row.AttachPath)"
|
<span
|
||||||
style="cursor: pointer; color: #428bca">{{ scope.row.AttachName }}</span>
|
v-if="scope.row.AttachPath"
|
||||||
|
@click="handlePreview(scope.row.AttachPath)"
|
||||||
|
style="cursor: pointer; color: #428bca"
|
||||||
|
>{{ scope.row.AttachName }}</span
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 是否需要回执 -->
|
<!-- 是否需要回执 -->
|
||||||
|
|
@ -167,8 +267,13 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column> -->
|
||||||
<!-- 是否启用 -->
|
<!-- 是否启用 -->
|
||||||
<el-table-column prop="IsEnable" :label="$t('trials:emailManageCfg:table:IsEnable')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="90">
|
prop="IsEnable"
|
||||||
|
:label="$t('trials:emailManageCfg:table:IsEnable')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
min-width="90"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsEnable" type="danger">
|
<el-tag v-if="scope.row.IsEnable" type="danger">
|
||||||
{{ $fd('YesOrNo', scope.row.IsEnable) }}
|
{{ $fd('YesOrNo', scope.row.IsEnable) }}
|
||||||
|
|
@ -179,37 +284,84 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 更新时间 -->
|
<!-- 更新时间 -->
|
||||||
<el-table-column prop="UpdateTime" :label="$t('trials:emailManageCfg:title:updateTime')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="100" />
|
prop="UpdateTime"
|
||||||
|
:label="$t('trials:emailManageCfg:title:updateTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
min-width="100"
|
||||||
|
/>
|
||||||
<!-- 创建时间 -->
|
<!-- 创建时间 -->
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:emailManageCfg:title:createTime')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" min-width="100" />
|
prop="CreateTime"
|
||||||
|
:label="$t('trials:emailManageCfg:title:createTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
min-width="100"
|
||||||
|
/>
|
||||||
|
|
||||||
<el-table-column v-if="hasPermi(['trials:trials-panel:setting:email-manage:edit'])" width="120"
|
<el-table-column
|
||||||
:label="$t('common:action:action')" fixed="right">
|
v-if="hasPermi(['trials:trials-panel:setting:email-manage:edit'])"
|
||||||
|
width="120"
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
<el-button icon="el-icon-edit-outline" circle :disabled="isEdit" :title="$t('common:button:edit')"
|
<el-button
|
||||||
@click="handleEdit(scope.row)" />
|
icon="el-icon-edit-outline"
|
||||||
|
circle
|
||||||
|
:disabled="isEdit"
|
||||||
|
:title="$t('common:button:edit')"
|
||||||
|
@click="handleEdit(scope.row)"
|
||||||
|
/>
|
||||||
<!-- 编辑 -->
|
<!-- 编辑 -->
|
||||||
<el-button icon="el-icon-delete" circle :disabled="isEdit" :title="$t('common:button:delete')"
|
<el-button
|
||||||
@click="deleteTrialEmailNoticeConfig(scope.row)" />
|
icon="el-icon-delete"
|
||||||
|
circle
|
||||||
|
:disabled="isEdit"
|
||||||
|
:title="$t('common:button:delete')"
|
||||||
|
@click="deleteTrialEmailNoticeConfig(scope.row)"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
|
|
||||||
<!-- 新增/编辑 -->
|
<!-- 新增/编辑 -->
|
||||||
<el-dialog v-if="editDialog.visible" :visible.sync="editDialog.visible" :close-on-click-modal="false"
|
<el-dialog
|
||||||
:title="editDialog.title" fullscreen custom-class="base-dialog-wrapper">
|
v-if="editDialog.visible"
|
||||||
<EmailForm :data="currentRow" :criterion-type="criterionType" :is-distinguish-criteria="isDistinguishCriteria"
|
:visible.sync="editDialog.visible"
|
||||||
:UserTypeList="UserTypeList" @closeDialog="closeDialog" @getList="getList" />
|
:close-on-click-modal="false"
|
||||||
|
:title="editDialog.title"
|
||||||
|
fullscreen
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
|
<EmailForm
|
||||||
|
:data="currentRow"
|
||||||
|
:criterion-type="criterionType"
|
||||||
|
:is-distinguish-criteria="isDistinguishCriteria"
|
||||||
|
:UserTypeList="UserTypeList"
|
||||||
|
@closeDialog="closeDialog"
|
||||||
|
@getList="getList"
|
||||||
|
/>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 新增默认问题 -->
|
<!-- 新增默认问题 -->
|
||||||
<el-dialog v-if="addVisible" :visible.sync="addVisible" width="1300px" :close-on-click-modal="false"
|
<el-dialog
|
||||||
custom-class="base-dialog-wrapper" :title="$t('trials:emailManageCfg:button:Default')">
|
v-if="addVisible"
|
||||||
|
:visible.sync="addVisible"
|
||||||
|
width="1300px"
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
:title="$t('trials:emailManageCfg:button:Default')"
|
||||||
|
>
|
||||||
<div class="base-dialog-body">
|
<div class="base-dialog-body">
|
||||||
<DefaultQS @getList="getList" :is-distinguish-criteria="isDistinguishCriteria" :isShow="isBtnShow"
|
<DefaultQS
|
||||||
:UserTypeList="UserTypeList" @close="addVisible = false" />
|
@getList="getList"
|
||||||
|
:is-distinguish-criteria="isDistinguishCriteria"
|
||||||
|
:isShow="isBtnShow"
|
||||||
|
:UserTypeList="UserTypeList"
|
||||||
|
@close="addVisible = false"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -1,191 +0,0 @@
|
||||||
<template>
|
|
||||||
<BoxContent style="min-height: 100%; background: #fff">
|
|
||||||
<div class="inspection-content" v-loading="loading">
|
|
||||||
<!-- <div class="top">
|
|
||||||
<span class="title">{{ this.$t("trials:setting:inspection:module") }}</span>
|
|
||||||
<span>{{ this.$t("trials:setting:inspection:optName") }}</span>
|
|
||||||
</div> -->
|
|
||||||
<el-tree :data="tree" show-checkbox node-key="id" :expand-on-click-node="false" ref="tree">
|
|
||||||
<span class="custom-tree-node" slot-scope="{ node }">
|
|
||||||
<span>{{ node.label }}</span>
|
|
||||||
<!-- <span>
|
|
||||||
{{ node.data.optName }}
|
|
||||||
</span> -->
|
|
||||||
</span>
|
|
||||||
</el-tree>
|
|
||||||
</div>
|
|
||||||
<div class="btnBox">
|
|
||||||
<el-button @click.stop="getCheckedNodes" type="primary"
|
|
||||||
v-if="hasPermi(['trials:setting:inspection:update'])" class="btn">
|
|
||||||
{{ $t('common:button:save') }}
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</BoxContent>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import BoxContent from '@/components/BoxContent'
|
|
||||||
import {
|
|
||||||
getTrialShowInspection,
|
|
||||||
setTrialShowInspection
|
|
||||||
} from '@/api/trials'
|
|
||||||
export default {
|
|
||||||
components: { BoxContent },
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
loading: false,
|
|
||||||
tree: [
|
|
||||||
{
|
|
||||||
id: 1,
|
|
||||||
label: this.$t("trials:setting:inspection:module"),
|
|
||||||
optName: this.$t("trials:setting:inspection:optName"),
|
|
||||||
}
|
|
||||||
],
|
|
||||||
list: []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getTree()
|
|
||||||
},
|
|
||||||
computed: {
|
|
||||||
isEN() {
|
|
||||||
return this.$i18n.locale !== 'zh'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async getCheckedNodes() {
|
|
||||||
try {
|
|
||||||
this.loading = true
|
|
||||||
let ids = this.$refs.tree.getCheckedKeys()
|
|
||||||
let list = []
|
|
||||||
this.list.forEach(item => {
|
|
||||||
let obj = {
|
|
||||||
FrontAuditConfigId: item.FrontAuditConfigId,
|
|
||||||
isShow: false
|
|
||||||
}
|
|
||||||
if (ids.includes(item.FrontAuditConfigId)) {
|
|
||||||
obj.isShow = true
|
|
||||||
}
|
|
||||||
list.push(obj)
|
|
||||||
})
|
|
||||||
let data = {
|
|
||||||
TrialId: this.$route.query.trialId,
|
|
||||||
TrialShowInspectionList: list
|
|
||||||
}
|
|
||||||
let res = await setTrialShowInspection(data)
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getTree()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async getTree() {
|
|
||||||
try {
|
|
||||||
let data = {
|
|
||||||
TrialId: this.$route.query.trialId
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
let res = await getTrialShowInspection(data);
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.list = this.formatList(res.Result)
|
|
||||||
let { tree, ids } = this.formatTree(res.Result);
|
|
||||||
this.tree = tree
|
|
||||||
this.$nextTick(() => {
|
|
||||||
this.$refs.tree.setCheckedKeys(ids)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
formatTree(list) {
|
|
||||||
let tree = [], ids = []
|
|
||||||
list.forEach(item => {
|
|
||||||
let obj = {
|
|
||||||
id: item.FrontAuditConfigId,
|
|
||||||
label: this.isEN ? item.Description : item.DescriptionCN
|
|
||||||
}
|
|
||||||
if (item.IsShow) {
|
|
||||||
ids.push(item.FrontAuditConfigId)
|
|
||||||
}
|
|
||||||
if (item.Children && item.Children.length > 0) {
|
|
||||||
obj.children = []
|
|
||||||
item.Children.forEach(it => {
|
|
||||||
let o = {
|
|
||||||
id: it.FrontAuditConfigId,
|
|
||||||
label: this.isEN ? it.Description : it.DescriptionCN
|
|
||||||
}
|
|
||||||
if (it.IsShow) {
|
|
||||||
ids.push(it.FrontAuditConfigId)
|
|
||||||
}
|
|
||||||
obj.children.push(o)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
tree.push(obj)
|
|
||||||
})
|
|
||||||
return { tree, ids }
|
|
||||||
},
|
|
||||||
formatList(list) {
|
|
||||||
let arr = []
|
|
||||||
list.forEach(item => {
|
|
||||||
let obj = {
|
|
||||||
FrontAuditConfigId: item.FrontAuditConfigId,
|
|
||||||
ParentId: item.ParentId
|
|
||||||
}
|
|
||||||
arr.push(obj)
|
|
||||||
if (item.Children && item.Children.length > 0) {
|
|
||||||
item.Children.forEach(it => {
|
|
||||||
let o = {
|
|
||||||
FrontAuditConfigId: it.FrontAuditConfigId,
|
|
||||||
ParentId: it.ParentId
|
|
||||||
}
|
|
||||||
arr.push(o)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
return arr;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.inspection-content {
|
|
||||||
width: 40%;
|
|
||||||
min-height: 500px;
|
|
||||||
|
|
||||||
.top {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 20px;
|
|
||||||
padding-top: 20px;
|
|
||||||
|
|
||||||
.title {
|
|
||||||
width: 70%;
|
|
||||||
}
|
|
||||||
|
|
||||||
span {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom-tree-node {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
padding: 0 20px 0 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.btnBox {
|
|
||||||
width: 40%;
|
|
||||||
padding: 0 20px 20px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-end;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
@ -738,7 +738,7 @@ export default {
|
||||||
},
|
},
|
||||||
handleIsDeletedChanged(val) {
|
handleIsDeletedChanged(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
// this.statusForm.joinTime = ''
|
this.statusForm.joinTime = ''
|
||||||
} else {
|
} else {
|
||||||
this.statusForm.removeTime = ''
|
this.statusForm.removeTime = ''
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue