Compare commits
7 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2c0823f027 | |||
| 44b10255dd | |||
| a14aefca2c | |||
| 334882cc68 | |||
| d8315fbfff | |||
| 1022fa2888 | |||
| 48633a1ed4 |
Generated
-23
@@ -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",
|
||||||
|
|||||||
@@ -1357,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
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -4123,78 +4123,4 @@ export function addFolder(data) {
|
|||||||
method: 'post',
|
method: 'post',
|
||||||
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'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -487,4 +487,4 @@ export function setRandomTaskOrder(data) {
|
|||||||
method: 'post',
|
method: 'post',
|
||||||
data
|
data
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -678,7 +678,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
|
||||||
|
|||||||
@@ -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>
|
|
||||||
@@ -1,39 +1,19 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dialog
|
<el-dialog :visible.sync="visible" :fullscreen="true" :close-on-click-modal="false" :before-close="beforeClose"
|
||||||
:visible.sync="visible"
|
:append-to-body="true" v-loading="btnLoading" class="downloadDicomAndNonedicom">
|
||||||
:fullscreen="true"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:before-close="beforeClose"
|
|
||||||
:append-to-body="true"
|
|
||||||
v-loading="btnLoading"
|
|
||||||
class="downloadDicomAndNonedicom"
|
|
||||||
>
|
|
||||||
<span slot="title">{{ title }}</span>
|
<span slot="title">{{ title }}</span>
|
||||||
<div class="top">
|
<div class="top">
|
||||||
<span>{{ $t('download:top:title') }}</span>
|
<span>{{ $t('download:top:title') }}</span>
|
||||||
<div class="btnBox">
|
<div class="btnBox">
|
||||||
<el-button
|
<el-button type="primary" size="mini" v-if="hasDicom" @click.stop="getIRReadingDownloadStudyInfo('dicom')">
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
v-if="hasDicom"
|
|
||||||
@click.stop="getIRReadingDownloadStudyInfo('dicom')"
|
|
||||||
>
|
|
||||||
{{ $t('download:button:downloadDicom') }}
|
{{ $t('download:button:downloadDicom') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button type="primary" size="mini" v-if="hasNonedicom"
|
||||||
type="primary"
|
@click.stop="getIRReadingDownloadStudyInfo('noneDicom')">
|
||||||
size="mini"
|
|
||||||
v-if="hasNonedicom"
|
|
||||||
@click.stop="getIRReadingDownloadStudyInfo('noneDicom')"
|
|
||||||
>
|
|
||||||
{{ $t('download:button:downloadNonedicom') }}
|
{{ $t('download:button:downloadNonedicom') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button
|
<el-button type="primary" size="mini" v-if="hasDicom || hasNonedicom"
|
||||||
type="primary"
|
@click.stop="getIRReadingDownloadStudyInfo('all')">
|
||||||
size="mini"
|
|
||||||
v-if="hasDicom || hasNonedicom"
|
|
||||||
@click.stop="getIRReadingDownloadStudyInfo('all')"
|
|
||||||
>
|
|
||||||
{{ $t('download:button:downloadAll') }}
|
{{ $t('download:button:downloadAll') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -43,16 +23,9 @@
|
|||||||
<div v-html="$t('download:tip:message')"></div>
|
<div v-html="$t('download:tip:message')"></div>
|
||||||
</div>
|
</div>
|
||||||
<!--上传列表@selection-change="handleSelectionChange"-->
|
<!--上传列表@selection-change="handleSelectionChange"-->
|
||||||
<el-table
|
<el-table ref="dicomFilesTable" v-adaptive="{ bottomOffset: 85 }" height="100" :data="list" :loading="loading"
|
||||||
ref="dicomFilesTable"
|
class="dicomFiles-table" @sort-change="handleSortByColumn"
|
||||||
v-adaptive="{ bottomOffset: 85 }"
|
:default-sort="{ prop: 'TaskBlindName', order: 'descending' }">
|
||||||
height="100"
|
|
||||||
:data="list"
|
|
||||||
:loading="loading"
|
|
||||||
class="dicomFiles-table"
|
|
||||||
@sort-change="handleSortByColumn"
|
|
||||||
:default-sort="{ prop: 'TaskBlindName', order: 'descending' }"
|
|
||||||
>
|
|
||||||
<!-- <el-table-column
|
<!-- <el-table-column
|
||||||
type="selection"
|
type="selection"
|
||||||
width="55"
|
width="55"
|
||||||
@@ -60,50 +33,28 @@
|
|||||||
/> -->
|
/> -->
|
||||||
<el-table-column type="index" width="40" />
|
<el-table-column type="index" width="40" />
|
||||||
<!--受试者-->
|
<!--受试者-->
|
||||||
<el-table-column
|
<el-table-column :label="$t('download:table:subjectCode')" min-width="130" prop="SubjectCode"
|
||||||
:label="$t('download:table:subjectCode')"
|
show-overflow-tooltip />
|
||||||
min-width="130"
|
|
||||||
prop="SubjectCode"
|
|
||||||
show-overflow-tooltip
|
|
||||||
/>
|
|
||||||
<!--任务名称-->
|
<!--任务名称-->
|
||||||
<el-table-column
|
<el-table-column :label="$t('download:table:taskName')" min-width="130" show-overflow-tooltip prop="TaskBlindName"
|
||||||
:label="$t('download:table:taskName')"
|
sortable="custom" />
|
||||||
min-width="130"
|
|
||||||
show-overflow-tooltip
|
|
||||||
prop="TaskBlindName"
|
|
||||||
sortable="custom"
|
|
||||||
/>
|
|
||||||
<!--检查类型-->
|
<!--检查类型-->
|
||||||
<el-table-column
|
<el-table-column :label="$t('download:table:studyType')" min-width="130" show-overflow-tooltip prop="IsDicom"
|
||||||
:label="$t('download:table:studyType')"
|
sortable="custom">
|
||||||
min-width="130"
|
|
||||||
show-overflow-tooltip
|
|
||||||
prop="IsDicom"
|
|
||||||
sortable="custom"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span>{{ $fd('IsDicom', scope.row.IsDicom) }}</span>
|
<span>{{ $fd('IsDicom', scope.row.IsDicom) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :label="$t('download:table:orginalStudyListNum')" min-width="150" show-overflow-tooltip>
|
||||||
:label="$t('download:table:orginalStudyListNum')"
|
|
||||||
min-width="150"
|
|
||||||
show-overflow-tooltip
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
<el-button v-if="
|
||||||
v-if="
|
(scope.row.IsDicom &&
|
||||||
(scope.row.IsDicom &&
|
scope.row.DicomStudyList &&
|
||||||
scope.row.DicomStudyList &&
|
scope.row.DicomStudyList.length >= 1) ||
|
||||||
scope.row.DicomStudyList.length >= 1) ||
|
(!scope.row.IsDicom &&
|
||||||
(!scope.row.IsDicom &&
|
scope.row.NoneDicomStudyList &&
|
||||||
scope.row.NoneDicomStudyList &&
|
scope.row.NoneDicomStudyList.length >= 1)
|
||||||
scope.row.NoneDicomStudyList.length >= 1)
|
" type="text" @click="handleOpenDialog(scope.row)">
|
||||||
"
|
|
||||||
type="text"
|
|
||||||
@click="handleOpenDialog(scope.row)"
|
|
||||||
>
|
|
||||||
<span>{{
|
<span>{{
|
||||||
scope.row.IsDicom
|
scope.row.IsDicom
|
||||||
? scope.row.DicomStudyList.length
|
? scope.row.DicomStudyList.length
|
||||||
@@ -113,37 +64,19 @@
|
|||||||
<span v-else>0</span>
|
<span v-else>0</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column :label="$t('common:action:action')" fixed="right" width="150">
|
||||||
:label="$t('common:action:action')"
|
|
||||||
fixed="right"
|
|
||||||
width="150"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!--预览--->
|
<!--预览--->
|
||||||
<el-button
|
<el-button circle icon="el-icon-view" :title="$t('download:button:preview')"
|
||||||
circle
|
@click.stop="preview(scope.row)" />
|
||||||
icon="el-icon-view"
|
|
||||||
:title="$t('download:button:preview')"
|
|
||||||
@click.stop="preview(scope.row)"
|
|
||||||
/>
|
|
||||||
<!--下载--->
|
<!--下载--->
|
||||||
<el-button
|
<el-button circle icon="el-icon-download" :title="$t('download:button:download')"
|
||||||
circle
|
@click.stop="getIRReadingDownloadStudyInfo('one', scope.row)" />
|
||||||
icon="el-icon-download"
|
|
||||||
:title="$t('download:button:download')"
|
|
||||||
@click.stop="getIRReadingDownloadStudyInfo('one', scope.row)"
|
|
||||||
/>
|
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
<study-view
|
<study-view v-if="model_cfg.visible" :model_cfg="model_cfg" :modelList="modelList" :bodyPart="bodyPart"
|
||||||
v-if="model_cfg.visible"
|
:IsDicom="IsDicom" :visitTaskId="modelTaskId" />
|
||||||
:model_cfg="model_cfg"
|
|
||||||
:modelList="modelList"
|
|
||||||
:bodyPart="bodyPart"
|
|
||||||
:IsDicom="IsDicom"
|
|
||||||
:visitTaskId="modelTaskId"
|
|
||||||
/>
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -358,7 +291,8 @@ export default {
|
|||||||
name = `${list[0].SubjectCode}_${list[0].TaskBlindName}.zip`
|
name = `${list[0].SubjectCode}_${list[0].TaskBlindName}.zip`
|
||||||
}
|
}
|
||||||
if (this.IsReadingTaskViewInOrder === 0) {
|
if (this.IsReadingTaskViewInOrder === 0) {
|
||||||
name = `${list[0].TaskBlindName}.zip`
|
// name = `${list[0].TaskBlindName}.zip`
|
||||||
|
name = `${list[0].SubjectCode}_${list[0].TaskBlindName}.zip`
|
||||||
}
|
}
|
||||||
list.forEach((data) => {
|
list.forEach((data) => {
|
||||||
if (data.StudyList && data.StudyList.length > 0) {
|
if (data.StudyList && data.StudyList.length > 0) {
|
||||||
@@ -370,11 +304,9 @@ export default {
|
|||||||
series.InstancePathList.forEach((instance) => {
|
series.InstancePathList.forEach((instance) => {
|
||||||
let fileName = instance.Path.split('/').pop()
|
let fileName = instance.Path.split('/').pop()
|
||||||
let obj = {
|
let obj = {
|
||||||
name: `${data.SubjectCode}/${
|
name: `${data.SubjectCode}/${data.TaskBlindName
|
||||||
data.TaskBlindName
|
}/${this.$fd('IsDicom', true)}/${study.StudyCode
|
||||||
}/${this.$fd('IsDicom', true)}/${
|
}/${fileName}`,
|
||||||
study.StudyCode
|
|
||||||
}/${fileName}`,
|
|
||||||
url: this.OSSclientConfig.basePath + instance.Path,
|
url: this.OSSclientConfig.basePath + instance.Path,
|
||||||
}
|
}
|
||||||
if (this.IsReadingTaskViewInOrder === 0) {
|
if (this.IsReadingTaskViewInOrder === 0) {
|
||||||
@@ -500,10 +432,12 @@ export default {
|
|||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.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;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -936,19 +936,19 @@ export default {
|
|||||||
) {
|
) {
|
||||||
++instanceIndex
|
++instanceIndex
|
||||||
}
|
}
|
||||||
if (instanceIndex >= fileList.length) {
|
// if (instanceIndex >= fileList.length) {
|
||||||
fileList.push({
|
// fileList.push({
|
||||||
instanceUid: instanceUid,
|
// instanceUid: instanceUid,
|
||||||
file: file,
|
// file: file,
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
|
// scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
|
||||||
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
|
// scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
|
||||||
(prev, next) => {
|
// (prev, next) => {
|
||||||
return prev + next.file.size
|
// return prev + next.file.size
|
||||||
},
|
// },
|
||||||
0
|
// 0
|
||||||
)
|
// )
|
||||||
|
|
||||||
var seriesUid = data.string('x0020000e')
|
var seriesUid = data.string('x0020000e')
|
||||||
var seriesList = scope.uploadQueues[studyIndex].seriesList
|
var seriesList = scope.uploadQueues[studyIndex].seriesList
|
||||||
@@ -1046,6 +1046,19 @@ export default {
|
|||||||
}
|
}
|
||||||
instanceList.push(instanceItem)
|
instanceList.push(instanceItem)
|
||||||
}
|
}
|
||||||
|
if (instanceIndex >= fileList.length) {
|
||||||
|
fileList.push({
|
||||||
|
instanceUid: instanceUid,
|
||||||
|
file: file,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
|
||||||
|
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
|
||||||
|
(prev, next) => {
|
||||||
|
return prev + next.file.size
|
||||||
|
},
|
||||||
|
0
|
||||||
|
)
|
||||||
resolve()
|
resolve()
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error)
|
console.log(error)
|
||||||
|
|||||||
+2
-4
@@ -56,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'
|
||||||
@@ -313,9 +311,9 @@ 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)
|
||||||
}
|
}
|
||||||
// return i18n.t(key)
|
// return i18n.t(key)
|
||||||
return text;
|
return text;
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
+1
-3
@@ -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
|
|
||||||
}
|
|
||||||
|
|
||||||
@@ -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()
|
||||||
|
|||||||
@@ -16,7 +16,7 @@
|
|||||||
: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">
|
||||||
<el-button size="small" type="primary" :loading="btnLoading">{{ $t('common:button:check')
|
<el-button size="small" type="primary" :loading="btnLoading">{{ $t('common:button:check')
|
||||||
}}</el-button>
|
}}</el-button>
|
||||||
<span slot="tip" style="margin-left: 10px" class="el-upload__tip">
|
<span slot="tip" style="margin-left: 10px" class="el-upload__tip">
|
||||||
({{ $t('trials:signature:label:type').replace("xxx", this.accept.join(", ")) }})
|
({{ $t('trials:signature:label:type').replace("xxx", this.accept.join(", ")) }})
|
||||||
</span>
|
</span>
|
||||||
@@ -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) {
|
||||||
|
|||||||
@@ -73,7 +73,6 @@ import xlsx 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,
|
||||||
@@ -101,10 +100,6 @@ export default {
|
|||||||
isView: {
|
isView: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
|
||||||
isTrial: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -145,20 +140,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
|
||||||
|
|||||||
@@ -614,18 +614,6 @@
|
|||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-col>
|
</el-col>
|
||||||
<el-col v-show="title !== '复制'" :span="24">
|
|
||||||
<el-form-item>
|
|
||||||
<span slot="label">
|
|
||||||
是否默认
|
|
||||||
</span>
|
|
||||||
<el-switch
|
|
||||||
v-model="form.IsDefaultChoice"
|
|
||||||
:active-value="true"
|
|
||||||
:inactive-value="false"
|
|
||||||
/>
|
|
||||||
</el-form-item>
|
|
||||||
</el-col>
|
|
||||||
<!--分割线-->
|
<!--分割线-->
|
||||||
<el-col v-show="title !== '复制' && form.ConfigType == 'M'" :span="24">
|
<el-col v-show="title !== '复制' && form.ConfigType == 'M'" :span="24">
|
||||||
<el-divider content-position="left">其他信息</el-divider>
|
<el-divider content-position="left">其他信息</el-divider>
|
||||||
@@ -1142,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,
|
||||||
|
|||||||
@@ -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) => {
|
v-model="form.EmailUrgentEnum"
|
||||||
v === 1 ? (form.EmailCron = null) : null
|
@change="
|
||||||
}
|
(v) => {
|
||||||
" clearable class="mr">
|
v === 1 ? (form.EmailCron = null) : null
|
||||||
<el-option v-for="item of $d.EmailUrgent" :key="`EmailUrgent${item.label}`" :label="item.label"
|
}
|
||||||
:value="item.value" />
|
"
|
||||||
|
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')" 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"
|
||||||
form.CriterionTypeEnum = null
|
@change="
|
||||||
}
|
() => {
|
||||||
">
|
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="CriterionTypeEnum">
|
:label="$t('trials:auditRecord:table:criterion')"
|
||||||
|
v-if="form.IsDistinguishCriteria"
|
||||||
|
prop="CriterionTypeEnum"
|
||||||
|
>
|
||||||
<el-select v-model="form.CriterionTypeEnum" clearable class="mr">
|
<el-select v-model="form.CriterionTypeEnum" clearable class="mr">
|
||||||
<el-option v-for="item of $d.CriterionType" :key="`CriterionType${item.label}`" :label="item.label"
|
<el-option
|
||||||
:value="item.value" />
|
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: '',
|
||||||
@@ -326,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
|
||||||
@@ -452,9 +563,3 @@ export default {
|
|||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
|
||||||
.html_temp {
|
|
||||||
display: flex;
|
|
||||||
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
@@ -67,18 +67,13 @@
|
|||||||
<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" />
|
||||||
@@ -254,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'
|
||||||
@@ -377,9 +308,6 @@ export default {
|
|||||||
previewVisible: false,
|
previewVisible: false,
|
||||||
previewHTML: null,
|
previewHTML: null,
|
||||||
previewHTMLEN: null,
|
previewHTMLEN: null,
|
||||||
multipleSelection: [],
|
|
||||||
drawer: false,
|
|
||||||
tableData: []
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -397,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
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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,40 +593,9 @@ 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) {
|
||||||
this.searchData.TrialSiteId = this.$route.query.SiteId
|
this.searchData.TrialSiteId = 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
|
||||||
|
|||||||
@@ -1694,7 +1694,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
|
||||||
|
|||||||
@@ -8,39 +8,27 @@
|
|||||||
<span style="margin-left:5px;">{{ taskBlindName }}</span>
|
<span style="margin-left:5px;">{{ 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')" placement="bottom">
|
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')"
|
||||||
<i
|
placement="bottom">
|
||||||
class="el-icon-refresh-left"
|
<i class="el-icon-refresh-left" @click="resetMeasuredData" />
|
||||||
@click="resetMeasuredData"
|
|
||||||
/>
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 影像质量问题 -->
|
<!-- 影像质量问题 -->
|
||||||
<div class="lesions">
|
<div class="lesions">
|
||||||
<Questions
|
<Questions ref="ecrf" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||||
ref="ecrf"
|
:group-classify="1" />
|
||||||
:question-form-change-state="true"
|
|
||||||
:question-form-change-num="0"
|
|
||||||
:is-qulity-issues="false"
|
|
||||||
:group-classify="1"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 测量问题 -->
|
<!-- 测量问题 -->
|
||||||
<template v-if="questions.length > 0">
|
<template v-if="questions.length > 0">
|
||||||
<div v-for="(qs,index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper" style="margin-bottom: 10px">
|
<div v-for="(qs, index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper"
|
||||||
|
style="margin-bottom: 10px">
|
||||||
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
|
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
|
||||||
{{ language==='en'?qs.GroupEnName:qs.GroupName }}
|
{{ language === 'en' ? qs.GroupEnName : qs.GroupName }}
|
||||||
</h4>
|
</h4>
|
||||||
<div class="lesion_list">
|
<div class="lesion_list">
|
||||||
<el-form
|
<el-form v-if="questions.length > 0" :ref="`questions${index}`" size="small" :model="questionForm">
|
||||||
v-if="questions.length > 0"
|
|
||||||
:ref="`questions${index}`"
|
|
||||||
size="small"
|
|
||||||
:model="questionForm"
|
|
||||||
>
|
|
||||||
<div class="table-wrapper">
|
<div class="table-wrapper">
|
||||||
<div v-for="item in qs.Childrens" :key="item.Id">
|
<div v-for="item in qs.Childrens" :key="item.Id">
|
||||||
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
|
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
|
||||||
@@ -52,34 +40,25 @@
|
|||||||
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
|
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
|
||||||
<i class="el-icon-upload2" />
|
<i class="el-icon-upload2" />
|
||||||
</div>
|
</div>
|
||||||
<div class="add-icon" @click.prevent="handleAddOrEdit('add',item)">
|
<div class="add-icon" @click.prevent="handleAddOrEdit('add', item)">
|
||||||
<i class="el-icon-plus" />
|
<i class="el-icon-plus" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
<el-table v-if="item.Type === 'basicTable' && item.TableQuestions" :ref="item.Id"
|
||||||
v-if="item.Type === 'basicTable' && item.TableQuestions"
|
:data="item.TableQuestions.Answers">
|
||||||
:ref="item.Id"
|
|
||||||
:data="item.TableQuestions.Answers"
|
|
||||||
>
|
|
||||||
<!-- <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">
|
||||||
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
|
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column> -->
|
||||||
<!-- <el-table-column
|
<!-- <el-table-column
|
||||||
type="index"
|
type="index"
|
||||||
width="40px"
|
width="40px"
|
||||||
/> -->
|
/> -->
|
||||||
<el-table-column
|
<el-table-column v-for="q of item.TableQuestions.Questions" :key="q.Id" :prop="q.Id"
|
||||||
v-for="q of item.TableQuestions.Questions"
|
:label="q.QuestionName" show-overflow-tooltip :render-header="renderHeader">
|
||||||
:key="q.Id"
|
|
||||||
:prop="q.Id"
|
|
||||||
:label="q.QuestionName"
|
|
||||||
show-overflow-tooltip
|
|
||||||
:render-header="renderHeader"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
|
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
|
||||||
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
|
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
|
||||||
@@ -92,14 +71,10 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column v-if="readingTaskState < 2 && item.LesionType === 102"
|
||||||
v-if="readingTaskState < 2 && item.LesionType === 102"
|
:label="$t('common:action:action')" width="90px" fixed="right">
|
||||||
:label="$t('common:action:action')"
|
|
||||||
width="90px"
|
|
||||||
fixed="right"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" size="mini" @click="handleAddOrEdit('edit',item, scope.$index)">
|
<el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)">
|
||||||
{{ $t('common:button:edit') }}
|
{{ $t('common:button:edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="text" size="mini" @click="handleDelete(item, scope.$index)">
|
<el-button type="text" size="mini" @click="handleDelete(item, scope.$index)">
|
||||||
@@ -111,41 +86,57 @@
|
|||||||
|
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<!-- 数值 -->
|
<!-- 数值 -->
|
||||||
<el-form-item
|
<el-form-item v-if="item.ShowQuestion !== 2" :key="item.Id" :label="`${item.QuestionName}`"
|
||||||
v-if="item.ShowQuestion!==2"
|
:prop="item.Id" :rules="[
|
||||||
:key="item.Id"
|
{
|
||||||
:label="`${item.QuestionName}`"
|
required: (item.IsRequired === 0 || (item.IsRequired === 1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type !== 'group' && item.Type !== 'summary',
|
||||||
:prop="item.Id"
|
message: ['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
|
||||||
:rules="[
|
},
|
||||||
{ required: (item.IsRequired === 0 || (item.IsRequired ===1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type!=='group' && item.Type!=='summary',
|
]">
|
||||||
message:['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur','change']},
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<!-- 数值类型 -->
|
<!-- 数值类型 -->
|
||||||
<template v-if="item.Type==='textarea'">
|
<template v-if="item.Type === 'textarea'">
|
||||||
<el-input
|
<el-input v-model="questionForm[item.Id]" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
|
||||||
v-model="questionForm[qs.Id]"
|
:disabled="!isCurrentTask || readingTaskState >= 2"
|
||||||
type="textarea"
|
@change="((val) => { formItemChange(val, item) })" />
|
||||||
:autosize="{ minRows: 2, maxRows: 4}"
|
</template>
|
||||||
:disabled="!isCurrentTask || readingTaskState>=2"
|
<template v-if="item.Type === 'number'">
|
||||||
@change="((val)=>{formItemChange(val, qs)})"
|
<el-input-number v-model="questionForm[item.Id]"
|
||||||
/>
|
:disabled="!isCurrentTask || readingTaskState >= 2" :precision="0"
|
||||||
|
@change="((val) => { formItemChange(val, item) })" />
|
||||||
|
</template>
|
||||||
|
<template v-if="item.Type === 'select'">
|
||||||
|
<el-select v-model="questionForm[item.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
|
||||||
|
@change="((val) => { formItemChange(val, item) })">
|
||||||
|
<el-option v-for="dict of $d[item.DictionaryCode]" :key="dict.id" :value="String(dict.value)"
|
||||||
|
:label="dict.label" />
|
||||||
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<template v-if="item.Childrens && item.Childrens.length > 0">
|
||||||
|
<template v-for="child in item.Childrens">
|
||||||
|
<el-form-item :key="child.Id"
|
||||||
|
v-if="(child.ShowQuestion === 1 && child.ParentTriggerValueList.includes(String(questionForm[item.Id]))) || child.ShowQuestion === 0"
|
||||||
|
:label="`${child.QuestionName}`" :prop="child.Id" :rules="[
|
||||||
|
{
|
||||||
|
required: (child.IsRequired === 0 || (child.IsRequired === 1 && child.RelevanceId && (child.RelevanceValue.includes(questionForm[child.RelevanceId])))) && child.Type !== 'group' && child.Type !== 'summary',
|
||||||
|
message: ['radio', 'select', 'checkbox'].includes(child.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<template v-if="child.Type === 'input'">
|
||||||
|
<el-input v-model="questionForm[child.Id]"
|
||||||
|
:disabled="!isCurrentTask || readingTaskState >= 2"
|
||||||
|
@change="((val) => { formItemChange(val, child) })" />
|
||||||
|
</template>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="isCurrentTask && readingTaskState < 2 && (qs.GroupClassify === 5 || qs.GroupClassify === 6)"
|
||||||
v-if="isCurrentTask && readingTaskState<2 && qs.GroupClassify === 5"
|
class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||||
class="base-dialog-footer"
|
|
||||||
style="text-align:right;margin-top:10px;"
|
|
||||||
>
|
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
<el-button
|
<el-button type="primary" size="mini" :disabled="!formChanged" @click="handleSave(index)">
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
:disabled="!formChanged"
|
|
||||||
@click="handleSave(index)"
|
|
||||||
>
|
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -156,51 +147,21 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 计算值 -->
|
<!-- 计算值 -->
|
||||||
<Questions
|
<Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||||
ref="ecrf2"
|
:group-classify="4" style="margin-top:20px" />
|
||||||
:question-form-change-state="true"
|
|
||||||
:question-form-change-num="0"
|
|
||||||
:is-qulity-issues="false"
|
|
||||||
:group-classify="4"
|
|
||||||
style="margin-top:20px"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 评估结果 -->
|
<!-- 评估结果 -->
|
||||||
<Questions
|
<Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||||
ref="ecrf3"
|
:group-classify="5" />
|
||||||
:question-form-change-state="true"
|
|
||||||
:question-form-change-num="0"
|
|
||||||
:is-qulity-issues="false"
|
|
||||||
:group-classify="5"
|
|
||||||
/>
|
|
||||||
<!-- 新增、编辑弹窗 -->
|
<!-- 新增、编辑弹窗 -->
|
||||||
<el-dialog
|
<el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
|
||||||
v-if="addOrEdit.visible"
|
:title="addOrEdit.title" width="500px">
|
||||||
:visible.sync="addOrEdit.visible"
|
<el-form ref="tableQsForm" v-loading="loading" :model="qsForm" size="small">
|
||||||
:close-on-click-modal="false"
|
<QuestionTableFormItem v-for="item in qsList" :key="item.Id" :question="item" :question-form="qsForm"
|
||||||
:title="addOrEdit.title"
|
:reading-task-state="readingTaskState" @setFormItemData="setFormItemData"
|
||||||
width="500px"
|
@resetFormItemData="resetFormItemData" />
|
||||||
>
|
|
||||||
<el-form
|
|
||||||
ref="tableQsForm"
|
|
||||||
v-loading="loading"
|
|
||||||
:model="qsForm"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<QuestionTableFormItem
|
|
||||||
v-for="item in qsList"
|
|
||||||
:key="item.Id"
|
|
||||||
:question="item"
|
|
||||||
:question-form="qsForm"
|
|
||||||
:reading-task-state="readingTaskState"
|
|
||||||
@setFormItemData="setFormItemData"
|
|
||||||
@resetFormItemData="resetFormItemData"
|
|
||||||
/>
|
|
||||||
<el-form-item style="text-align: right">
|
<el-form-item style="text-align: right">
|
||||||
<el-button
|
<el-button size="small" @click="addOrEdit.visible = false">
|
||||||
size="small"
|
|
||||||
@click="addOrEdit.visible = false"
|
|
||||||
>
|
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
@@ -211,17 +172,9 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 导入 -->
|
<!-- 导入 -->
|
||||||
<el-dialog
|
<el-dialog v-if="upload.visible" :visible.sync="upload.visible" :close-on-click-modal="false"
|
||||||
v-if="upload.visible"
|
:title="upload.title" width="500px">
|
||||||
:visible.sync="upload.visible"
|
<UploadExcel :visit-task-id="visitTaskId" @close="uploadDlgClose" />
|
||||||
:close-on-click-modal="false"
|
|
||||||
:title="upload.title"
|
|
||||||
width="500px"
|
|
||||||
>
|
|
||||||
<UploadExcel
|
|
||||||
:visit-task-id="visitTaskId"
|
|
||||||
@close="uploadDlgClose"
|
|
||||||
/>
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -485,8 +438,22 @@ export default {
|
|||||||
setMeasuredData(measureData) {
|
setMeasuredData(measureData) {
|
||||||
|
|
||||||
},
|
},
|
||||||
formItemChange() {
|
formItemChange(val, item) {
|
||||||
this.formChanged = true
|
this.formChanged = true
|
||||||
|
if (item.Type === 'number') {
|
||||||
|
this.limitBlur(item.Id, item.ValueType)
|
||||||
|
}
|
||||||
|
if (question.Childrens.length > 0) {
|
||||||
|
this.resetChild(question.Childrens)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
resetChild(obj) {
|
||||||
|
obj.forEach(i => {
|
||||||
|
this.resetData(i.Id)
|
||||||
|
if (i.Childrens && i.Childrens.length > 0) {
|
||||||
|
this.resetChild(i.Childrens)
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
limitBlur(qId, valueType) {
|
limitBlur(qId, valueType) {
|
||||||
const value = this.questionForm[qId]
|
const value = this.questionForm[qId]
|
||||||
@@ -523,7 +490,7 @@ export default {
|
|||||||
answers: answers
|
answers: answers
|
||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
await saveTaskQuestion(8, params)
|
await saveTaskQuestion(12, params)
|
||||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||||
loading.close()
|
loading.close()
|
||||||
DicomEvent.$emit('getReportInfo', true)
|
DicomEvent.$emit('getReportInfo', true)
|
||||||
@@ -578,6 +545,9 @@ export default {
|
|||||||
},
|
},
|
||||||
receiveMsg(event) {
|
receiveMsg(event) {
|
||||||
},
|
},
|
||||||
|
resetData(v) {
|
||||||
|
this.questionForm[v] = null
|
||||||
|
},
|
||||||
resetFormItemData(v) {
|
resetFormItemData(v) {
|
||||||
this.qsForm[v] = null
|
this.qsForm[v] = null
|
||||||
},
|
},
|
||||||
@@ -730,21 +700,25 @@ export default {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.measurement-wrapper{
|
.measurement-wrapper {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
.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;
|
||||||
@@ -752,14 +726,16 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.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 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -769,103 +745,123 @@ 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;
|
||||||
::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 .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;
|
||||||
}
|
}
|
||||||
::v-deep .el-textarea__inner{
|
|
||||||
|
::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-form-item{
|
|
||||||
|
::v-deep .el-form-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
::v-deep .el-form-item__content{
|
|
||||||
|
::v-deep .el-form-item__content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
::v-deep .el-input.is-disabled .el-input__inner{
|
|
||||||
background-color: #646464a1;
|
::v-deep .el-input.is-disabled .el-input__inner {
|
||||||
}
|
|
||||||
::v-deep .el-select.is-disabled .el-input__inner{
|
|
||||||
background-color: #646464a1;
|
background-color: #646464a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-form-item__content
|
::v-deep .el-select.is-disabled .el-input__inner {
|
||||||
.el-select{
|
background-color: #646464a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form-item__content .el-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-wrapper {
|
.table-wrapper {
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table,
|
::v-deep .el-table,
|
||||||
.el-table__expanded-cell {
|
.el-table__expanded-cell {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table th,
|
::v-deep .el-table th,
|
||||||
.el-table tr {
|
.el-table tr {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
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-table__fixed-right {
|
::v-deep .el-table__fixed-right {
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// ::v-deep .el-table .cell {
|
// ::v-deep .el-table .cell {
|
||||||
// line-height: 20px;
|
// line-height: 20px;
|
||||||
// }
|
// }
|
||||||
::v-deep .el-table__cell {
|
::v-deep .el-table__cell {
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep.el-table__fixed-right-patch {
|
::v-deep.el-table__fixed-right-patch {
|
||||||
background-color: #000 !important;
|
background-color: #000 !important;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
::v-deep.el-table__fixed-body-wrapper tr:hover > td {
|
|
||||||
|
::v-deep.el-table__fixed-body-wrapper tr:hover>td {
|
||||||
background-color: #000 !important;
|
background-color: #000 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep.el-table--scrollable-x .el-table__body-wrapper {
|
::v-deep.el-table--scrollable-x .el-table__body-wrapper {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -7,39 +7,28 @@
|
|||||||
<span style="margin-left:5px;">{{ taskBlindName }}</span>
|
<span style="margin-left:5px;">{{ 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')" placement="bottom">
|
<el-tooltip class="item" effect="dark" :content="$t('trials:dicomReading:message:confirmReset')"
|
||||||
<i
|
placement="bottom">
|
||||||
class="el-icon-refresh-left"
|
<i class="el-icon-refresh-left" @click="resetMeasuredData" />
|
||||||
@click="resetMeasuredData"
|
|
||||||
/>
|
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 影像质量问题 -->
|
<!-- 影像质量问题 -->
|
||||||
<div class="lesions">
|
<div class="lesions">
|
||||||
<Questions
|
<Questions ref="ecrf" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||||
ref="ecrf"
|
:group-classify="1" />
|
||||||
:question-form-change-state="true"
|
|
||||||
:question-form-change-num="0"
|
|
||||||
:is-qulity-issues="false"
|
|
||||||
:group-classify="1"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 测量问题 -->
|
<!-- 测量问题 -->
|
||||||
<template v-if="questions.length > 0">
|
<template v-if="questions.length > 0">
|
||||||
<div v-for="(qs,index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper" style="margin-bottom: 10px">
|
<div v-for="(qs, index) in questions" :key="index" v-loading="loading" class="lesions lesions_wrapper"
|
||||||
|
style="margin-bottom: 10px">
|
||||||
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
|
<h4 v-if="qs.Type === 'group'" style="color: #ddd;padding: 5px 0px;margin: 0;">
|
||||||
{{ language==='en'?qs.GroupEnName:qs.GroupName }}
|
{{ language === 'en' ? qs.GroupEnName : qs.GroupName }}
|
||||||
</h4>
|
</h4>
|
||||||
<div class="lesion_list">
|
<div class="lesion_list">
|
||||||
<el-form
|
<el-form v-if="questions.length > 0" :ref="`questions${index}`" size="small" :model="questionForm">
|
||||||
v-if="questions.length > 0"
|
|
||||||
:ref="`questions${index}`"
|
|
||||||
size="small"
|
|
||||||
:model="questionForm"
|
|
||||||
>
|
|
||||||
<div class="table-wrapper">
|
<div class="table-wrapper">
|
||||||
<div v-for="item in qs.Childrens" :key="item.Id">
|
<div v-for="item in qs.Childrens" :key="item.Id">
|
||||||
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
|
<div v-if="item.Type === 'basicTable'" class="flex-row" style="margin:3px 0;">
|
||||||
@@ -51,35 +40,25 @@
|
|||||||
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
|
<div class="add-icon" style="margin: 0 5px;" @click.prevent="uploadTpl(item.LesionType)">
|
||||||
<i class="el-icon-upload2" />
|
<i class="el-icon-upload2" />
|
||||||
</div>
|
</div>
|
||||||
<div class="add-icon" @click.prevent="handleAddOrEdit('add',item)">
|
<div class="add-icon" @click.prevent="handleAddOrEdit('add', item)">
|
||||||
<i class="el-icon-plus" />
|
<i class="el-icon-plus" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<el-table
|
<el-table v-if="item.Type === 'basicTable' && item.TableQuestions" :ref="item.Id"
|
||||||
v-if="item.Type === 'basicTable' && item.TableQuestions"
|
:data="item.TableQuestions.Answers" max-height="600">
|
||||||
:ref="item.Id"
|
|
||||||
:data="item.TableQuestions.Answers"
|
|
||||||
max-height="600"
|
|
||||||
>
|
|
||||||
<!-- <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">
|
||||||
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
|
{{ getLesionName(item.OrderMark,scope.row.RowIndex) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column> -->
|
</el-table-column> -->
|
||||||
<!-- <el-table-column
|
<!-- <el-table-column
|
||||||
type="index"
|
type="index"
|
||||||
width="40px"
|
width="40px"
|
||||||
/> -->
|
/> -->
|
||||||
<el-table-column
|
<el-table-column v-for="q of item.TableQuestions.Questions" :key="q.Id" :prop="q.Id"
|
||||||
v-for="q of item.TableQuestions.Questions"
|
:label="q.QuestionName" show-overflow-tooltip :render-header="renderHeader">
|
||||||
:key="q.Id"
|
|
||||||
:prop="q.Id"
|
|
||||||
:label="q.QuestionName"
|
|
||||||
show-overflow-tooltip
|
|
||||||
:render-header="renderHeader"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
|
<span v-if="q.Unit > 0 && !isNaN(parseFloat(scope.row[q.Id]))">
|
||||||
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
|
{{ `${scope.row[q.Id]} ${$fd('ValueUnit', parseInt(q.Unit))}` }}
|
||||||
@@ -92,17 +71,14 @@
|
|||||||
</span>
|
</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column
|
<el-table-column v-if="readingTaskState < 2" :label="$t('common:action:action')" width="90px"
|
||||||
v-if="readingTaskState < 2"
|
fixed="right">
|
||||||
:label="$t('common:action:action')"
|
|
||||||
width="90px"
|
|
||||||
fixed="right"
|
|
||||||
>
|
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" size="mini" @click="handleAddOrEdit('edit',item, scope.$index)">
|
<el-button type="text" size="mini" @click="handleAddOrEdit('edit', item, scope.$index)">
|
||||||
{{ $t('common:button:edit') }}
|
{{ $t('common:button:edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button v-if="item.LesionType === 112 || item.LesionType === 111" type="text" size="mini" @click="handleDelete(item, scope.$index)">
|
<el-button v-if="item.LesionType === 112 || item.LesionType === 111" type="text" size="mini"
|
||||||
|
@click="handleDelete(item, scope.$index)">
|
||||||
{{ $t('common:button:delete') }}
|
{{ $t('common:button:delete') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</template>
|
</template>
|
||||||
@@ -111,41 +87,52 @@
|
|||||||
|
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<!-- 数值 -->
|
<!-- 数值 -->
|
||||||
<el-form-item
|
<el-form-item v-if="item.ShowQuestion !== 2" :key="item.Id" :label="`${item.QuestionName}`"
|
||||||
v-if="item.ShowQuestion!==2"
|
:prop="item.Id" :rules="[
|
||||||
:key="item.Id"
|
{
|
||||||
:label="`${item.QuestionName}`"
|
required: (item.IsRequired === 0 || (item.IsRequired === 1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type !== 'group' && item.Type !== 'summary',
|
||||||
:prop="item.Id"
|
message: ['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
|
||||||
:rules="[
|
},
|
||||||
{ required: (item.IsRequired === 0 || (item.IsRequired ===1 && item.RelevanceId && (item.RelevanceValue.includes(questionForm[item.RelevanceId])))) && item.Type!=='group' && item.Type!=='summary',
|
]">
|
||||||
message:['radio', 'select', 'checkbox'].includes(item.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur','change']},
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<!-- 数值类型 -->
|
<!-- 数值类型 -->
|
||||||
<template v-if="item.Type==='textarea'">
|
<template v-if="item.Type === 'textarea'">
|
||||||
<el-input
|
<el-input v-model="questionForm[item.Id]" type="textarea" :autosize="{ minRows: 2, maxRows: 4 }"
|
||||||
v-model="questionForm[qs.Id]"
|
:disabled="!isCurrentTask || readingTaskState >= 2"
|
||||||
type="textarea"
|
@change="((val) => { formItemChange(val, item) })" />
|
||||||
:autosize="{ minRows: 2, maxRows: 4}"
|
</template>
|
||||||
:disabled="!isCurrentTask || readingTaskState>=2"
|
<template v-if="item.Type === 'select'">
|
||||||
@change="((val)=>{formItemChange(val, qs)})"
|
<el-select v-model="questionForm[item.Id]" :disabled="!isCurrentTask || readingTaskState >= 2"
|
||||||
/>
|
@change="((val) => { formItemChange(val, item) })">
|
||||||
|
<el-option v-for="dict of $d[item.DictionaryCode]" :key="dict.id" :value="String(dict.value)"
|
||||||
|
:label="dict.label" />
|
||||||
|
</el-select>
|
||||||
</template>
|
</template>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
<template v-if="item.Childrens && item.Childrens.length > 0">
|
||||||
|
<template v-for="child in item.Childrens">
|
||||||
|
<el-form-item :key="child.Id"
|
||||||
|
v-if="(child.ShowQuestion === 1 && child.ParentTriggerValueList.includes(String(questionForm[item.Id]))) || child.ShowQuestion === 0"
|
||||||
|
:label="`${child.QuestionName}`" :prop="child.Id" :rules="[
|
||||||
|
{
|
||||||
|
required: (child.IsRequired === 0 || (child.IsRequired === 1 && child.RelevanceId && (child.RelevanceValue.includes(questionForm[child.RelevanceId])))) && child.Type !== 'group' && child.Type !== 'summary',
|
||||||
|
message: ['radio', 'select', 'checkbox'].includes(child.Type) ? $t('common:ruleMessage:select') : $t('common:ruleMessage:specify'), trigger: ['blur', 'change']
|
||||||
|
},
|
||||||
|
]">
|
||||||
|
<template v-if="child.Type === 'input'">
|
||||||
|
<el-input v-model="questionForm[child.Id]"
|
||||||
|
:disabled="!isCurrentTask || readingTaskState >= 2"
|
||||||
|
@change="((val) => { formItemChange(val, child) })" />
|
||||||
|
</template>
|
||||||
|
</el-form-item>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
</template>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div v-if="isCurrentTask && readingTaskState < 2 && (qs.GroupClassify === 5 || qs.GroupClassify === 6)"
|
||||||
v-if="isCurrentTask && readingTaskState<2 && qs.GroupClassify === 5"
|
class="base-dialog-footer" style="text-align:right;margin-top:10px;">
|
||||||
class="base-dialog-footer"
|
|
||||||
style="text-align:right;margin-top:10px;"
|
|
||||||
>
|
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
<el-button
|
<el-button type="primary" size="mini" :disabled="!formChanged" @click="handleSave(index)">
|
||||||
type="primary"
|
|
||||||
size="mini"
|
|
||||||
:disabled="!formChanged"
|
|
||||||
@click="handleSave(index)"
|
|
||||||
>
|
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</div>
|
</div>
|
||||||
@@ -156,50 +143,20 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 计算值 -->
|
<!-- 计算值 -->
|
||||||
<Questions
|
<Questions ref="ecrf2" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||||
ref="ecrf2"
|
:group-classify="4" style="margin-top:20px" />
|
||||||
:question-form-change-state="true"
|
|
||||||
:question-form-change-num="0"
|
|
||||||
:is-qulity-issues="false"
|
|
||||||
:group-classify="4"
|
|
||||||
style="margin-top:20px"
|
|
||||||
/>
|
|
||||||
|
|
||||||
<!-- 评估结果 -->
|
<!-- 评估结果 -->
|
||||||
<Questions
|
<Questions ref="ecrf3" :question-form-change-state="true" :question-form-change-num="0" :is-qulity-issues="false"
|
||||||
ref="ecrf3"
|
:group-classify="5" />
|
||||||
:question-form-change-state="true"
|
<el-dialog v-if="addOrEdit.visible" :visible.sync="addOrEdit.visible" :close-on-click-modal="false"
|
||||||
:question-form-change-num="0"
|
:title="addOrEdit.title" width="500px">
|
||||||
:is-qulity-issues="false"
|
<el-form ref="tableQsForm" v-loading="loading" :model="qsForm" size="small">
|
||||||
:group-classify="5"
|
<QuestionTableFormItem v-for="item in qsList" :key="item.Id" :question="item" :question-form="qsForm"
|
||||||
/>
|
:reading-task-state="readingTaskState" @setFormItemData="setFormItemData"
|
||||||
<el-dialog
|
@resetFormItemData="resetFormItemData" />
|
||||||
v-if="addOrEdit.visible"
|
|
||||||
:visible.sync="addOrEdit.visible"
|
|
||||||
:close-on-click-modal="false"
|
|
||||||
:title="addOrEdit.title"
|
|
||||||
width="500px"
|
|
||||||
>
|
|
||||||
<el-form
|
|
||||||
ref="tableQsForm"
|
|
||||||
v-loading="loading"
|
|
||||||
:model="qsForm"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<QuestionTableFormItem
|
|
||||||
v-for="item in qsList"
|
|
||||||
:key="item.Id"
|
|
||||||
:question="item"
|
|
||||||
:question-form="qsForm"
|
|
||||||
:reading-task-state="readingTaskState"
|
|
||||||
@setFormItemData="setFormItemData"
|
|
||||||
@resetFormItemData="resetFormItemData"
|
|
||||||
/>
|
|
||||||
<el-form-item style="text-align: right">
|
<el-form-item style="text-align: right">
|
||||||
<el-button
|
<el-button size="small" @click="addOrEdit.visible = false">
|
||||||
size="small"
|
|
||||||
@click="addOrEdit.visible = false"
|
|
||||||
>
|
|
||||||
{{ $t('common:button:cancel') }}
|
{{ $t('common:button:cancel') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<!-- 保存 -->
|
<!-- 保存 -->
|
||||||
@@ -210,18 +167,9 @@
|
|||||||
</el-form>
|
</el-form>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
<!-- 导入 -->
|
<!-- 导入 -->
|
||||||
<el-dialog
|
<el-dialog v-if="upload.visible" :visible.sync="upload.visible" :close-on-click-modal="false"
|
||||||
v-if="upload.visible"
|
:title="upload.title" width="500px">
|
||||||
:visible.sync="upload.visible"
|
<UploadExcel :visit-task-id="visitTaskId" :lesion-type="upload.lesionType" @close="uploadDlgClose" />
|
||||||
:close-on-click-modal="false"
|
|
||||||
:title="upload.title"
|
|
||||||
width="500px"
|
|
||||||
>
|
|
||||||
<UploadExcel
|
|
||||||
:visit-task-id="visitTaskId"
|
|
||||||
:lesion-type="upload.lesionType"
|
|
||||||
@close="uploadDlgClose"
|
|
||||||
/>
|
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -486,8 +434,22 @@ export default {
|
|||||||
setMeasuredData(measureData) {
|
setMeasuredData(measureData) {
|
||||||
|
|
||||||
},
|
},
|
||||||
formItemChange() {
|
formItemChange(val, question) {
|
||||||
this.formChanged = true
|
this.formChanged = true
|
||||||
|
if (item.Type === 'number') {
|
||||||
|
this.limitBlur(item.Id, item.ValueType)
|
||||||
|
}
|
||||||
|
if (question.Childrens.length > 0) {
|
||||||
|
this.resetChild(question.Childrens)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
resetChild(obj) {
|
||||||
|
obj.forEach(i => {
|
||||||
|
this.resetData(i.Id)
|
||||||
|
if (i.Childrens && i.Childrens.length > 0) {
|
||||||
|
this.resetChild(i.Childrens)
|
||||||
|
}
|
||||||
|
})
|
||||||
},
|
},
|
||||||
limitBlur(qId, valueType) {
|
limitBlur(qId, valueType) {
|
||||||
const value = this.questionForm[qId]
|
const value = this.questionForm[qId]
|
||||||
@@ -521,7 +483,7 @@ export default {
|
|||||||
answers: answers
|
answers: answers
|
||||||
}
|
}
|
||||||
try {
|
try {
|
||||||
await saveTaskQuestion(8, params)
|
await saveTaskQuestion(12, params)
|
||||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||||
loading.close()
|
loading.close()
|
||||||
DicomEvent.$emit('getReportInfo', true)
|
DicomEvent.$emit('getReportInfo', true)
|
||||||
@@ -576,6 +538,9 @@ export default {
|
|||||||
},
|
},
|
||||||
receiveMsg(event) {
|
receiveMsg(event) {
|
||||||
},
|
},
|
||||||
|
resetData(v) {
|
||||||
|
this.questionForm[v] = null
|
||||||
|
},
|
||||||
resetFormItemData(v) {
|
resetFormItemData(v) {
|
||||||
this.qsForm[v] = null
|
this.qsForm[v] = null
|
||||||
},
|
},
|
||||||
@@ -741,23 +706,26 @@ export default {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.measurement-wrapper{
|
.measurement-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;
|
||||||
@@ -765,14 +733,16 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.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 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
@@ -782,103 +752,123 @@ 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;
|
||||||
::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 .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;
|
||||||
}
|
}
|
||||||
::v-deep .el-textarea__inner{
|
|
||||||
|
::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-form-item{
|
|
||||||
|
::v-deep .el-form-item {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
}
|
}
|
||||||
::v-deep .el-form-item__content{
|
|
||||||
|
::v-deep .el-form-item__content {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
::v-deep .el-input.is-disabled .el-input__inner{
|
|
||||||
background-color: #646464a1;
|
::v-deep .el-input.is-disabled .el-input__inner {
|
||||||
}
|
|
||||||
::v-deep .el-select.is-disabled .el-input__inner{
|
|
||||||
background-color: #646464a1;
|
background-color: #646464a1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.el-form-item__content
|
::v-deep .el-select.is-disabled .el-input__inner {
|
||||||
.el-select{
|
background-color: #646464a1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.el-form-item__content .el-select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.table-wrapper {
|
.table-wrapper {
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 5px;
|
width: 5px;
|
||||||
height: 8px;
|
height: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar-thumb {
|
::-webkit-scrollbar-thumb {
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
background: #d0d0d0;
|
background: #d0d0d0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table,
|
::v-deep .el-table,
|
||||||
.el-table__expanded-cell {
|
.el-table__expanded-cell {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep .el-table th,
|
::v-deep .el-table th,
|
||||||
.el-table tr {
|
.el-table tr {
|
||||||
background-color: #000;
|
background-color: #000;
|
||||||
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-table__fixed-right {
|
::v-deep .el-table__fixed-right {
|
||||||
height: 100% !important;
|
height: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
// ::v-deep .el-table .cell {
|
// ::v-deep .el-table .cell {
|
||||||
// line-height: 20px;
|
// line-height: 20px;
|
||||||
// }
|
// }
|
||||||
::v-deep .el-table__cell {
|
::v-deep .el-table__cell {
|
||||||
padding: 5px 0;
|
padding: 5px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep.el-table__fixed-right-patch {
|
::v-deep.el-table__fixed-right-patch {
|
||||||
background-color: #000 !important;
|
background-color: #000 !important;
|
||||||
border-color: #444444;
|
border-color: #444444;
|
||||||
}
|
}
|
||||||
::v-deep.el-table__fixed-body-wrapper tr:hover > td {
|
|
||||||
|
::v-deep.el-table__fixed-body-wrapper tr:hover>td {
|
||||||
background-color: #000 !important;
|
background-color: #000 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
::v-deep.el-table--scrollable-x .el-table__body-wrapper {
|
::v-deep.el-table--scrollable-x .el-table__body-wrapper {
|
||||||
z-index: 2;
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1624,7 +1624,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
|
||||||
|
|||||||
+29
-7
@@ -69,6 +69,10 @@
|
|||||||
:rules="[
|
: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',
|
{ 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']},
|
message: $t('common:ruleMessage:specify'), 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'?'uploadWrapper':'']"
|
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
|
||||||
>
|
>
|
||||||
@@ -228,11 +232,12 @@
|
|||||||
/>
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
<el-input
|
<el-input
|
||||||
type="number"
|
type="text"
|
||||||
v-if="question.Type === 'number' && !question.TypeValue && question.DataSource !== 1"
|
v-if="question.Type === 'number' && !question.TypeValue && question.DataSource !== 1"
|
||||||
@change="(val) => { formItemNumberChange(val, question) }"
|
@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="questionForm[question.Id]"
|
v-model.trim="questionForm[question.Id]"
|
||||||
:disabled="readingTaskState === 2"
|
:disabled="readingTaskState === 2"
|
||||||
>
|
>
|
||||||
<!-- <template slot="append">1</template> -->
|
<!-- <template slot="append">1</template> -->
|
||||||
@@ -240,11 +245,12 @@
|
|||||||
<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
|
<el-input
|
||||||
type="number"
|
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"
|
:disabled="question.DataSource === 1 || readingTaskState === 2"
|
||||||
v-model="questionForm[question.Id]"
|
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) : question.CustomUnit}}</template>
|
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
|
||||||
@@ -502,6 +508,21 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
numberInput(id) {
|
||||||
|
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();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
limitInput(value, a, b) {
|
limitInput(value, a, b) {
|
||||||
if (value.indexOf('.') > -1) {
|
if (value.indexOf('.') > -1) {
|
||||||
if (value.split('.')[1].length >= this.digitPlaces) {
|
if (value.split('.')[1].length >= this.digitPlaces) {
|
||||||
@@ -510,7 +531,10 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleBlur(value, a, b) {
|
handleBlur(value, a, b) {
|
||||||
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
if (!value) return false
|
||||||
|
if(!isNaN(parseFloat(value))) {
|
||||||
|
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
||||||
|
}
|
||||||
},
|
},
|
||||||
deleteTableCol(row, index) {
|
deleteTableCol(row, index) {
|
||||||
this.$confirm(this.$t('trials:uploadNonDicoms:message:msg1')).then(() => {
|
this.$confirm(this.$t('trials:uploadNonDicoms:message:msg1')).then(() => {
|
||||||
@@ -1085,8 +1109,6 @@ export default {
|
|||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
}
|
}
|
||||||
::v-deep .el-form-item__content{
|
|
||||||
}
|
|
||||||
.el-input{
|
.el-input{
|
||||||
width:100%;
|
width:100%;
|
||||||
}
|
}
|
||||||
|
|||||||
+39
-9
@@ -7,6 +7,10 @@
|
|||||||
:rules="[
|
: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']},
|
||||||
|
{
|
||||||
|
validator: question.Type === 'number' && !question.TypeValue ? validatorNumberInput :(rule,value,callback )=>{callback()},
|
||||||
|
trigger: ['blur', 'change']
|
||||||
|
}
|
||||||
]"
|
]"
|
||||||
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
|
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
|
||||||
>
|
>
|
||||||
@@ -144,21 +148,23 @@
|
|||||||
<!-- 数值 -->
|
<!-- 数值 -->
|
||||||
<!-- :precision="2" :step="0.1" :max="10" -->
|
<!-- :precision="2" :step="0.1" :max="10" -->
|
||||||
<el-input
|
<el-input
|
||||||
type="number"
|
type="text"
|
||||||
v-if="question.Type === 'number' && question.DataSource !== 1"
|
v-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')"
|
||||||
@change="((val)=>{formItemNumberChange(val, question)})"
|
@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="questionForm[question.Id]"
|
v-model.trim="questionForm[question.Id]"
|
||||||
>
|
>
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
|
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
<el-input
|
<el-input
|
||||||
type="number"
|
type="text"
|
||||||
v-if="question.Type === 'number' && question.DataSource === 1"
|
v-if="question.Type === 'number' && question.DataSource === 1"
|
||||||
:disabled="question.DataSource === 1"
|
:disabled="question.DataSource === 1"
|
||||||
|
@input="numberInput(question.Id, true )"
|
||||||
@blur="handleCalculationBlur(calculationValue)"
|
@blur="handleCalculationBlur(calculationValue)"
|
||||||
v-model="calculationValue"
|
v-model.trim="calculationValue"
|
||||||
>
|
>
|
||||||
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
|
<template slot="append" v-if="question.Unit !== 0">{{question.Unit !== 4 ? $fd('ValueUnit', question.Unit) : question.CustomUnit}}</template>
|
||||||
</el-input>
|
</el-input>
|
||||||
@@ -331,7 +337,6 @@ export default {
|
|||||||
this.fileList.push({ name: '', url: `${url}` })
|
this.fileList.push({ name: '', url: `${url}` })
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
console.log('11')
|
|
||||||
}
|
}
|
||||||
if (this.type === 'edit') return
|
if (this.type === 'edit') return
|
||||||
// if (this.question.Type === 'number') {
|
// if (this.question.Type === 'number') {
|
||||||
@@ -342,6 +347,25 @@ export default {
|
|||||||
// }
|
// }
|
||||||
},
|
},
|
||||||
methods: {
|
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() {
|
save() {
|
||||||
},
|
},
|
||||||
openAddTableCol(row) {
|
openAddTableCol(row) {
|
||||||
@@ -382,10 +406,17 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
handleBlur(value, a, b) {
|
handleBlur(value, a, b) {
|
||||||
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
if (!value) return false
|
||||||
|
if(!isNaN(parseFloat(value))) {
|
||||||
|
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
||||||
|
}
|
||||||
|
// this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
||||||
},
|
},
|
||||||
handleCalculationBlur(v) {
|
handleCalculationBlur(v) {
|
||||||
this.calculationValue = parseFloat(v).toFixed(this.digitPlaces)
|
if (!v) return false
|
||||||
|
if(!isNaN(parseFloat(v))) {
|
||||||
|
this.calculationValue = parseFloat(v).toFixed(this.digitPlaces)
|
||||||
|
}
|
||||||
},
|
},
|
||||||
limitInput(value, q) {
|
limitInput(value, q) {
|
||||||
console.log(value)
|
console.log(value)
|
||||||
@@ -488,8 +519,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) {
|
||||||
|
|||||||
+6
-4
@@ -137,7 +137,7 @@ export default {
|
|||||||
this.classArr.push({triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType})
|
this.classArr.push({triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType})
|
||||||
}
|
}
|
||||||
if (v.Type === 'number') {
|
if (v.Type === 'number') {
|
||||||
this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces))
|
this.$set(this.questionForm, v.Id, isNaN(parseFloat(v.Answer)) ? v.Answer : parseFloat(v.Answer).toFixed(this.digitPlaces))
|
||||||
}
|
}
|
||||||
if (v.Childrens.length > 0) {
|
if (v.Childrens.length > 0) {
|
||||||
this.setChild(v.Childrens)
|
this.setChild(v.Childrens)
|
||||||
@@ -191,7 +191,7 @@ export default {
|
|||||||
this.$set(this.questionForm, v.Id, v.TableQuestions.Answers)
|
this.$set(this.questionForm, v.Id, v.TableQuestions.Answers)
|
||||||
}
|
}
|
||||||
if (v.Type === 'number') {
|
if (v.Type === 'number') {
|
||||||
this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces))
|
this.$set(this.questionForm, v.Id, isNaN(parseFloat(v.Answer)) ? v.Answer : parseFloat(v.Answer).toFixed(this.digitPlaces))
|
||||||
}
|
}
|
||||||
if (v.Childrens.length > 0) {
|
if (v.Childrens.length > 0) {
|
||||||
this.setChild(v.Childrens)
|
this.setChild(v.Childrens)
|
||||||
@@ -212,7 +212,7 @@ export default {
|
|||||||
i.TableQuestions.Questions.forEach(o => {
|
i.TableQuestions.Questions.forEach(o => {
|
||||||
if (o.Type === 'number') {
|
if (o.Type === 'number') {
|
||||||
i.TableQuestions.Answers.forEach((ite, index) => {
|
i.TableQuestions.Answers.forEach((ite, index) => {
|
||||||
this.$set(i.TableQuestions.Answers[index], o.Id, i.TableQuestions.Answers[index][o.Id] ? parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces) : null)
|
this.$set(i.TableQuestions.Answers[index], o.Id, isNaN(parseFloat(i.TableQuestions.Answers[index][o.Id])) ? i.TableQuestions.Answers[index][o.Id] : parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces))
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -222,7 +222,7 @@ export default {
|
|||||||
this.classArr.push({triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType})
|
this.classArr.push({triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType})
|
||||||
}
|
}
|
||||||
if (i.Type === 'number') {
|
if (i.Type === 'number') {
|
||||||
this.$set(this.questionForm, i.Id, i.Answer === '' ? '' : parseFloat(i.Answer).toFixed(this.digitPlaces))
|
this.$set(this.questionForm, i.Id, isNaN(parseFloat(i.Answer)) ? i.Answer : parseFloat(i.Answer).toFixed(this.digitPlaces))
|
||||||
}
|
}
|
||||||
if (i.Childrens && i.Childrens.length > 0) {
|
if (i.Childrens && i.Childrens.length > 0) {
|
||||||
this.setChild(i.Childrens)
|
this.setChild(i.Childrens)
|
||||||
@@ -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
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -319,7 +319,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)
|
||||||
}
|
}
|
||||||
@@ -399,17 +399,16 @@ 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)
|
||||||
const image = await cornerstoneDICOMImageLoader.wadouri.loadImage(obj.ImageIds[obj.SliceIndex]).promise
|
let imageId = obj.ImageIds[obj.SliceIndex] ? obj.ImageIds[obj.SliceIndex] : obj.ImageIds[0]
|
||||||
|
const image = await cornerstoneDICOMImageLoader.wadouri.loadImage(imageId).promise
|
||||||
if (obj.Modality === 'PT') {
|
if (obj.Modality === 'PT') {
|
||||||
this.cachePTMetadata([image])
|
this.cachePTMetadata([image])
|
||||||
}
|
}
|
||||||
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)
|
||||||
|
|||||||
-1435
File diff suppressed because it is too large
Load Diff
+16
-652
@@ -32,14 +32,9 @@
|
|||||||
:reading-task-state="readingTaskState"
|
:reading-task-state="readingTaskState"
|
||||||
:criterion-id="criterionId"
|
:criterion-id="criterionId"
|
||||||
:calculation-list="calculationList"
|
:calculation-list="calculationList"
|
||||||
:question-mark-info-list="questionMarkInfoList"
|
|
||||||
:questions-mark-status="questionsMarkStatus"
|
|
||||||
:is-baseline="isBaseLineTask"
|
:is-baseline="isBaseLineTask"
|
||||||
@resetFormItemData="resetFormItemData"
|
@resetFormItemData="resetFormItemData"
|
||||||
@setFormItemData="setFormItemData"
|
@setFormItemData="setFormItemData"
|
||||||
@getQuestions="getQuestions"
|
|
||||||
@operateImageMarker="operateImageMarker"
|
|
||||||
@unBindAnnotationToQuestion="unBindAnnotationToQuestion"
|
|
||||||
/>
|
/>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -79,12 +74,11 @@
|
|||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import { getCustomTableQuestionAnswer, changeDicomReadingQuestionAnswer, submitVisitTaskQuestionsInDto, getQuestionCalculateRelation, saveTaskQuestion } from '@/api/trials'
|
import { getCustomTableQuestionAnswer, changeDicomReadingQuestionAnswer, submitVisitTaskQuestionsInDto, getQuestionCalculateRelation } from '@/api/trials'
|
||||||
import { setSkipReadingCache, resetReadingTask, saveTableQuestionMark } from '@/api/reading'
|
import { setSkipReadingCache, resetReadingTask } from '@/api/reading'
|
||||||
import const_ from '@/const/sign-code'
|
import const_ from '@/const/sign-code'
|
||||||
import QuestionFormItem from './QuestionFormItem'
|
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'
|
||||||
import store from '@/store'
|
|
||||||
export default {
|
export default {
|
||||||
name: 'EcrfList',
|
name: 'EcrfList',
|
||||||
components: {
|
components: {
|
||||||
@@ -99,7 +93,7 @@ export default {
|
|||||||
readingTaskState: {
|
readingTaskState: {
|
||||||
type: Number,
|
type: Number,
|
||||||
required: true
|
required: true
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
@@ -119,17 +113,7 @@ export default {
|
|||||||
taskInfo: null,
|
taskInfo: null,
|
||||||
isBaseLineTask: false,
|
isBaseLineTask: false,
|
||||||
rerender: true,
|
rerender: true,
|
||||||
questionMarkInfoList: [],
|
digitPlaces: 2
|
||||||
operateStateEnum: null, // 0:绑定;1:标记;2:查看;3:更改;4:移除;5:保存;6:更改数值内容;
|
|
||||||
operateQuestionId: '',
|
|
||||||
operateRowId: '',
|
|
||||||
operateParentQsId: '',
|
|
||||||
isTableQuestion: false,
|
|
||||||
imageTool: '',
|
|
||||||
imageToolAttribute: '',
|
|
||||||
questionsMarkStatus: {},
|
|
||||||
digitPlaces: 2,
|
|
||||||
questionImageToolAttributeInfo: {}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -137,14 +121,14 @@ export default {
|
|||||||
this.visitTaskId = this.visitInfo.VisitTaskId
|
this.visitTaskId = this.visitInfo.VisitTaskId
|
||||||
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
|
this.taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
|
||||||
this.isBaseLineTask = this.taskInfo.IsBaseLine
|
this.isBaseLineTask = this.taskInfo.IsBaseLine
|
||||||
this.criterionId = this.taskInfo.TrialReadingCriterionId
|
this.criterionType = this.taskInfo.CriterionType
|
||||||
const digitPlaces = Number(localStorage.getItem('digitPlaces'))
|
var digitPlaces = Number(localStorage.getItem('digitPlaces'))
|
||||||
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
|
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
|
||||||
this.getQuestionCalculateRelation()
|
this.getQuestionCalculateRelation()
|
||||||
this.getQuestions(true)
|
this.getQuestions()
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
async getQuestions(isInit) {
|
async getQuestions() {
|
||||||
this.loading = true
|
this.loading = true
|
||||||
try {
|
try {
|
||||||
const param = {
|
const param = {
|
||||||
@@ -165,31 +149,13 @@ export default {
|
|||||||
this.classArr.push({ triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType })
|
this.classArr.push({ triggerId: v.ClassifyQuestionId, classId: v.Id, classifyAlgorithms: v.ClassifyAlgorithms, classifyType: v.ClassifyType })
|
||||||
}
|
}
|
||||||
if (v.Type === 'number') {
|
if (v.Type === 'number') {
|
||||||
this.$set(this.questionForm, v.Id, v.Answer === '' ? '' : parseFloat(v.Answer).toFixed(this.digitPlaces))
|
this.$set(this.questionForm, v.Id, isNaN(parseFloat(v.Answer)) ? v.Answer : parseFloat(v.Answer).toFixed(this.digitPlaces))
|
||||||
if (v.ImageToolAttribute) {
|
|
||||||
this.$set(this.questionImageToolAttributeInfo, v.Id, v.ImageToolAttribute)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (v.Childrens.length > 0) {
|
if (v.Childrens.length > 0) {
|
||||||
this.setChild(v.Childrens)
|
this.setChild(v.Childrens)
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
this.questions = res.Result.SinglePage
|
this.questions = res.Result.SinglePage
|
||||||
this.questionsMarkStatus = {}
|
|
||||||
this.questionMarkInfoList = res.OtherInfo.QuestionMarkInfoList.map(i => {
|
|
||||||
if (i.RowId) {
|
|
||||||
this.$set(this.questionsMarkStatus, `${i.RowId}_${i.TableQuestionId}`, {isMarked: i.MeasureData !== '', isSaved: true})
|
|
||||||
} else if (i.QuestionId) {
|
|
||||||
this.$set(this.questionsMarkStatus, i.QuestionId, {isMarked: i.MeasureData !== '', isSaved: true})
|
|
||||||
}
|
|
||||||
if (typeof i.MeasureData === 'string' && i.MeasureData) {
|
|
||||||
i.MeasureData = JSON.parse(i.MeasureData)
|
|
||||||
}
|
|
||||||
return i
|
|
||||||
})
|
|
||||||
if (!isInit) {
|
|
||||||
this.$emit('resetAnnotations', this.visitTaskId)
|
|
||||||
}
|
|
||||||
this.loading = false
|
this.loading = false
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@@ -206,7 +172,7 @@ export default {
|
|||||||
i.TableQuestions.Questions.forEach(o => {
|
i.TableQuestions.Questions.forEach(o => {
|
||||||
if (o.Type === 'number') {
|
if (o.Type === 'number') {
|
||||||
i.TableQuestions.Answers.forEach((ite, index) => {
|
i.TableQuestions.Answers.forEach((ite, index) => {
|
||||||
this.$set(i.TableQuestions.Answers[index], o.Id, i.TableQuestions.Answers[index][o.Id] ? parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces) : null)
|
this.$set(i.TableQuestions.Answers[index], o.Id, isNaN(parseFloat(i.TableQuestions.Answers[index][o.Id])) ? i.TableQuestions.Answers[index][o.Id] : parseFloat(i.TableQuestions.Answers[index][o.Id]).toFixed(this.digitPlaces))
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@@ -216,10 +182,7 @@ export default {
|
|||||||
this.classArr.push({ triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType })
|
this.classArr.push({ triggerId: i.ClassifyQuestionId, classId: i.Id, classifyAlgorithms: i.ClassifyAlgorithms, classifyType: i.ClassifyType })
|
||||||
}
|
}
|
||||||
if (i.Type === 'number') {
|
if (i.Type === 'number') {
|
||||||
this.$set(this.questionForm, i.Id, i.Answer === '' ? '' : parseFloat(i.Answer).toFixed(this.digitPlaces))
|
this.$set(this.questionForm, i.Id, isNaN(parseFloat(i.Answer)) ? i.Answer : parseFloat(i.Answer).toFixed(this.digitPlaces))
|
||||||
if (i.ImageToolAttribute) {
|
|
||||||
this.$set(this.questionImageToolAttributeInfo, i.Id, i.ImageToolAttribute)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (i.Childrens && i.Childrens.length > 0) {
|
if (i.Childrens && i.Childrens.length > 0) {
|
||||||
this.setChild(i.Childrens)
|
this.setChild(i.Childrens)
|
||||||
@@ -365,604 +328,6 @@ export default {
|
|||||||
}
|
}
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
|
|
||||||
verifyAnnotationIsBound(annotation) {
|
|
||||||
const i = this.questionMarkInfoList.findIndex(i => i.MeasureData && i.MeasureData.annotationUID === annotation.annotationUID)
|
|
||||||
return i > -1
|
|
||||||
},
|
|
||||||
// async operateImageMarker(obj) {
|
|
||||||
// this.operateStateEnum = obj.operateStateEnum
|
|
||||||
// this.isTableQuestion = obj.question.IsTableQuestion ? true : false
|
|
||||||
// this.imageTool = obj.question.ImageTool
|
|
||||||
// this.imageToolAttribute = obj.question.ImageToolAttribute
|
|
||||||
// this.operateQuestionId = obj.question.Id
|
|
||||||
// this.operateRowId = obj.question.RowId
|
|
||||||
// this.operateParentQsId = obj.question.ParentQsId
|
|
||||||
// if (obj.operateStateEnum === 0) {
|
|
||||||
// // 绑定标记
|
|
||||||
// this.$emit('setReadingToolPassive')
|
|
||||||
// } else if (obj.operateStateEnum === 1) {
|
|
||||||
// // 添加标记
|
|
||||||
// this.$emit('setReadingToolActive', obj.question.ImageTool)
|
|
||||||
// } else if (obj.operateStateEnum === 2) {
|
|
||||||
// // 查看标记
|
|
||||||
// let i = -1
|
|
||||||
// if (this.isTableQuestion) {
|
|
||||||
// if (this.operateRowId) {
|
|
||||||
// i = this.questionMarkInfoList.findIndex(i => i.TableQuestionId === obj.question.Id && i.RowId === this.operateRowId)
|
|
||||||
// } else {
|
|
||||||
// i = this.questionMarkInfoList.findIndex(i => i.TableQuestionId === obj.question.Id && !i.RowId)
|
|
||||||
// }
|
|
||||||
// } else {
|
|
||||||
// i = this.questionMarkInfoList.findIndex(i => i.QuestionId === obj.question.Id)
|
|
||||||
// }
|
|
||||||
// if (i > -1) {
|
|
||||||
// const annotation = this.questionMarkInfoList[i].MeasureData
|
|
||||||
// this.$emit('viewCustomAnnotationSeries', { visitTaskId: this.visitTaskId, annotation })
|
|
||||||
// }
|
|
||||||
// } else if (obj.operateStateEnum === 3) {
|
|
||||||
// // 更改标记
|
|
||||||
// this.$emit('setReadingToolPassive')
|
|
||||||
// } else if (obj.operateStateEnum === 4) {
|
|
||||||
// this.$emit('setReadingToolPassive')
|
|
||||||
// // 移除标记
|
|
||||||
// let i = -1
|
|
||||||
// let questionMarkInfo = {}
|
|
||||||
// if (this.isTableQuestion) {
|
|
||||||
// if (this.operateRowId) {
|
|
||||||
// i = this.questionMarkInfoList.findIndex(i => i.TableQuestionId === obj.question.Id && i.RowId === this.operateRowId)
|
|
||||||
// } else {
|
|
||||||
// i = this.questionMarkInfoList.findIndex(i => i.TableQuestionId === obj.question.Id && !i.RowId)
|
|
||||||
// }
|
|
||||||
// } else {
|
|
||||||
// this.$set(this.questionForm, obj.question.Id, '')
|
|
||||||
// i = this.questionMarkInfoList.findIndex(i => i.QuestionId === obj.question.Id)
|
|
||||||
// }
|
|
||||||
// if (i === -1) return
|
|
||||||
// this.questionMarkInfoList[i].MeasureData = ''
|
|
||||||
// this.questionMarkInfoList[i].StudyId = ''
|
|
||||||
// this.questionMarkInfoList[i].SeriesId = ''
|
|
||||||
// this.questionMarkInfoList[i].InstanceId = ''
|
|
||||||
// questionMarkInfo = this.questionMarkInfoList[i]
|
|
||||||
// questionMarkInfo.isMarked = false
|
|
||||||
// questionMarkInfo.isSaved = false
|
|
||||||
// this.$set(this.questionsMarkStatus, this.operateRowId ? `${this.operateRowId}_${obj.question.Id}` : obj.question.Id, questionMarkInfo)
|
|
||||||
// } else if (obj.operateStateEnum === 5) {
|
|
||||||
// // 保存外层标记
|
|
||||||
// this.loading = true
|
|
||||||
// try {
|
|
||||||
// const answers = []
|
|
||||||
// answers.push({ id: obj.question.Id, answer: this.questionForm[obj.question.Id] })
|
|
||||||
// const markInfo = []
|
|
||||||
// const i = this.questionMarkInfoList.findIndex(i => i.QuestionId === this.operateQuestionId)
|
|
||||||
// if (i > -1) {
|
|
||||||
// const obj = Object.assign({}, this.questionMarkInfoList[i])
|
|
||||||
// obj.MeasureData = obj.MeasureData ? JSON.stringify(obj.MeasureData) : ''
|
|
||||||
// markInfo.push(obj)
|
|
||||||
// }
|
|
||||||
// // 上传截图
|
|
||||||
// const params = {
|
|
||||||
// visitTaskId: this.visitTaskId,
|
|
||||||
// answers: answers,
|
|
||||||
// questionMarkInfoList: markInfo
|
|
||||||
// }
|
|
||||||
// await saveTaskQuestion(-10, params)
|
|
||||||
|
|
||||||
// this.$set(this.questionsMarkStatus, obj.question.Id, {isMarked: this.questionMarkInfoList[i].MeasureData ? true : false, isSaved: true})
|
|
||||||
// this.loading = false
|
|
||||||
// } catch (e) {
|
|
||||||
// console.log(e)
|
|
||||||
// this.loading = false
|
|
||||||
// }
|
|
||||||
// } else if (obj.operateStateEnum === 6) {
|
|
||||||
// // 更改数值内容
|
|
||||||
// let questionMarkInfo = {}
|
|
||||||
// if (this.isTableQuestion) {
|
|
||||||
// questionMarkInfo.isMarked = false
|
|
||||||
// questionMarkInfo.isSaved = false
|
|
||||||
// } else {
|
|
||||||
// questionMarkInfo.isMarked = false
|
|
||||||
// questionMarkInfo.isSaved = false
|
|
||||||
// }
|
|
||||||
// this.$set(this.questionsMarkStatus, this.operateRowId ? `${this.operateRowId}_obj.question.Id` : obj.question.Id, questionMarkInfo)
|
|
||||||
// } else if (obj.operateStateEnum === 7) {
|
|
||||||
// // 保存表格问题标记
|
|
||||||
// const loading = this.$loading({ fullscreen: true })
|
|
||||||
// try {
|
|
||||||
// let annotation = null
|
|
||||||
// if (!this.operateRowId && obj.rowId && obj.question.ParentQsId) {
|
|
||||||
// this.operateRowId = obj.rowId
|
|
||||||
// this.questionMarkInfoList.forEach(item => {
|
|
||||||
// if (item.QuestionId === obj.question.ParentQsId && !item.RowId) {
|
|
||||||
// item.RowId = obj.rowId
|
|
||||||
// let questionMarkStatus = Object.assign({}, this.questionsMarkStatus[item.TableQuestionId])
|
|
||||||
// delete this.questionsMarkStatus[item.TableQuestionId]
|
|
||||||
// if (item.TableQuestionId === this.operateQuestionId) {
|
|
||||||
// annotation = item.MeasureData
|
|
||||||
// this.$set(this.questionsMarkStatus, `${obj.rowId}_${item.TableQuestionId}`, questionMarkStatus)
|
|
||||||
// } else {
|
|
||||||
// this.$set(this.questionsMarkStatus, `${obj.rowId}_${item.TableQuestionId}`, {isMarked: item.MeasureData ? true : false, isSaved: false})
|
|
||||||
// }
|
|
||||||
|
|
||||||
// }
|
|
||||||
// })
|
|
||||||
// } else if (this.operateRowId && this.operateQuestionId) {
|
|
||||||
// const i = this.questionMarkInfoList.findIndex(i => i.RowId === this.operateRowId && i.TableQuestionId === this.operateQuestionId)
|
|
||||||
// if (i === -1) return
|
|
||||||
// annotation = this.questionMarkInfoList[i].MeasureData
|
|
||||||
// }
|
|
||||||
// let picturePath = ''
|
|
||||||
// if (annotation) {
|
|
||||||
// // 上传截图
|
|
||||||
// const base64Str = await this.getScreenshots({ visitTaskId: this.visitTaskId, annotation })
|
|
||||||
// const pictureObj = await this.uploadScreenshots(`${new Date().getTime()}`, base64Str)
|
|
||||||
// picturePath = pictureObj.isSuccess ? this.$getObjectName(pictureObj.result.url) : ''
|
|
||||||
// }
|
|
||||||
// let params = {
|
|
||||||
// Answer: obj.answer,
|
|
||||||
// VisitTaskId: this.visitTaskId,
|
|
||||||
// QuestionId: obj.question.ParentQsId,
|
|
||||||
// InstanceId: annotation ? annotation.instanceId : '',
|
|
||||||
// SeriesId: annotation ? annotation.seriesId : '',
|
|
||||||
// StudyId: annotation ? annotation.studyId : '',
|
|
||||||
// MarkTool: annotation ? annotation.markTool : '',
|
|
||||||
// PicturePath: picturePath,
|
|
||||||
// NumberOfFrames: annotation ? annotation.numberOfFrames : null,
|
|
||||||
// MeasureData: annotation ? JSON.stringify(annotation) : '',
|
|
||||||
// QuestionType: 0,
|
|
||||||
// OrderMarkName: annotation ? annotation.data.label : '',
|
|
||||||
// RowId: this.operateRowId,
|
|
||||||
// TableQuestionId: this.operateQuestionId,
|
|
||||||
// RowIndex: obj.rowIndex
|
|
||||||
// }
|
|
||||||
// // 保存标记
|
|
||||||
// await saveTableQuestionMark(params, -10)
|
|
||||||
// this.$set(this.questionsMarkStatus, `${this.operateRowId}_${this.operateQuestionId}`, {isMarked: annotation ? true : false, isSaved: true})
|
|
||||||
// this.resetOperateState()
|
|
||||||
// loading.close()
|
|
||||||
// } catch(e) {
|
|
||||||
// console.log(e)
|
|
||||||
// loading.close()
|
|
||||||
// }
|
|
||||||
// }
|
|
||||||
// },
|
|
||||||
async operateImageMarker(obj) {
|
|
||||||
const STATE = {
|
|
||||||
BIND: 0, // 绑定标记
|
|
||||||
ADD: 1, // 添加标记
|
|
||||||
VIEW: 2, // 查看标记
|
|
||||||
CHANGE: 3, // 更改标记
|
|
||||||
REMOVE: 4, // 移除标记
|
|
||||||
SAVE_OUTER: 5, // 保存外层标记
|
|
||||||
UPDATE: 6, // 更改数值内容
|
|
||||||
SAVE_TABLE: 7 // 保存表格标记
|
|
||||||
}
|
|
||||||
const { question, operateStateEnum, rowId, answer } = obj
|
|
||||||
const { Id, IsTableQuestion, ImageTool, ImageToolAttribute, ParentQsId, RowId } = question
|
|
||||||
|
|
||||||
Object.assign(this, {
|
|
||||||
operateStateEnum,
|
|
||||||
isTableQuestion: !!IsTableQuestion,
|
|
||||||
imageTool: ImageTool,
|
|
||||||
imageToolAttribute: ImageToolAttribute,
|
|
||||||
operateQuestionId: Id,
|
|
||||||
operateRowId: RowId,
|
|
||||||
operateParentQsId: ParentQsId
|
|
||||||
})
|
|
||||||
const stateHandlers = {
|
|
||||||
[STATE.BIND]: () => this.$emit('setReadingToolPassive'),
|
|
||||||
[STATE.ADD]: () => this.$emit('setReadingToolActive', ImageTool),
|
|
||||||
[STATE.VIEW]: this.handleViewAnnotation,
|
|
||||||
[STATE.CHANGE]: () => this.$emit('setReadingToolPassive'),
|
|
||||||
[STATE.REMOVE]: this.handleRemoveAnnotation,
|
|
||||||
[STATE.SAVE_OUTER]: this.handleSaveOuterQuestions,
|
|
||||||
[STATE.UPDATE]: this.handleUpdateValue,
|
|
||||||
[STATE.SAVE_TABLE]: this.handleSaveTableQuestions
|
|
||||||
}
|
|
||||||
|
|
||||||
const handler = stateHandlers[operateStateEnum]
|
|
||||||
handler && await handler.call(this, obj)
|
|
||||||
},
|
|
||||||
async handleViewAnnotation(obj) {
|
|
||||||
const index = this.findMarkIndex(obj.question)
|
|
||||||
if (index === -1) return
|
|
||||||
const annotation = this.questionMarkInfoList[index].MeasureData
|
|
||||||
this.$emit('viewCustomAnnotationSeries', {
|
|
||||||
visitTaskId: this.visitTaskId,
|
|
||||||
annotation
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleRemoveAnnotation(obj) {
|
|
||||||
const index = this.findMarkIndex(obj.question)
|
|
||||||
if (index === -1) return
|
|
||||||
Object.assign(this.questionMarkInfoList[index], {
|
|
||||||
MeasureData: '',
|
|
||||||
StudyId: '',
|
|
||||||
SeriesId: '',
|
|
||||||
InstanceId: ''
|
|
||||||
})
|
|
||||||
const key = this.operateRowId
|
|
||||||
? `${this.operateRowId}_${obj.question.Id}`
|
|
||||||
: obj.question.Id
|
|
||||||
this.$set(this.questionsMarkStatus, key, {
|
|
||||||
isMarked: false,
|
|
||||||
isSaved: false
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async handleSaveOuterQuestions(obj) {
|
|
||||||
this.loading = true;
|
|
||||||
try {
|
|
||||||
const answers = [{ id: obj.question.Id, answer: this.questionForm[obj.question.Id] }]
|
|
||||||
const markInfo = []
|
|
||||||
|
|
||||||
const index = this.questionMarkInfoList.findIndex(
|
|
||||||
item => item.QuestionId === this.operateQuestionId
|
|
||||||
)
|
|
||||||
|
|
||||||
if (index > -1) {
|
|
||||||
const item = { ...this.questionMarkInfoList[index] }
|
|
||||||
item.MeasureData = item.MeasureData ? JSON.stringify(item.MeasureData) : ''
|
|
||||||
markInfo.push(item)
|
|
||||||
}
|
|
||||||
|
|
||||||
await saveTaskQuestion(-10, {
|
|
||||||
visitTaskId: this.visitTaskId,
|
|
||||||
answers,
|
|
||||||
questionMarkInfoList: markInfo
|
|
||||||
})
|
|
||||||
this.$set(this.questionsMarkStatus, obj.question.Id, {
|
|
||||||
isMarked: !!this.questionMarkInfoList[index]?.MeasureData,
|
|
||||||
isSaved: true
|
|
||||||
})
|
|
||||||
} catch (e) {
|
|
||||||
console.error('保存失败:', e)
|
|
||||||
} finally {
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleUpdateValue(obj) {
|
|
||||||
const key = this.operateRowId
|
|
||||||
? `${this.operateRowId}_${obj.question.Id}`
|
|
||||||
: obj.question.Id
|
|
||||||
this.$set(this.questionsMarkStatus, key, {
|
|
||||||
isMarked: false,
|
|
||||||
isSaved: false
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async handleSaveTableQuestions(obj) {
|
|
||||||
const loading = this.$loading({ fullscreen: true })
|
|
||||||
try {
|
|
||||||
let annotation = null
|
|
||||||
if (!this.operateRowId && obj.rowId && obj.question.ParentQsId) {
|
|
||||||
this.operateRowId = obj.rowId
|
|
||||||
this.updateQuestionsMarkStatus(obj)
|
|
||||||
}
|
|
||||||
annotation = this.getAnnotationByRow(this.operateRowId)
|
|
||||||
// 截图上传
|
|
||||||
let picturePath = ''
|
|
||||||
if (annotation) {
|
|
||||||
const base64Str = await this.getScreenshots({
|
|
||||||
visitTaskId: this.visitTaskId,
|
|
||||||
annotation
|
|
||||||
})
|
|
||||||
const pictureObj = await this.uploadScreenshots(`${Date.now()}`, base64Str)
|
|
||||||
picturePath = pictureObj.isSuccess ? this.$getObjectName(pictureObj.result.url) : ''
|
|
||||||
}
|
|
||||||
await saveTableQuestionMark({
|
|
||||||
Answer: obj.answer,
|
|
||||||
VisitTaskId: this.visitTaskId,
|
|
||||||
QuestionId: obj.question.ParentQsId,
|
|
||||||
...(annotation ? {
|
|
||||||
InstanceId: annotation.instanceId,
|
|
||||||
SeriesId: annotation.seriesId,
|
|
||||||
StudyId: annotation.studyId,
|
|
||||||
MarkTool: annotation.markTool,
|
|
||||||
NumberOfFrames: annotation.numberOfFrames,
|
|
||||||
MeasureData: JSON.stringify(annotation),
|
|
||||||
OrderMarkName: annotation.data.label
|
|
||||||
} : {}),
|
|
||||||
PicturePath: picturePath,
|
|
||||||
QuestionType: 0,
|
|
||||||
RowId: this.operateRowId,
|
|
||||||
TableQuestionId: this.operateQuestionId,
|
|
||||||
RowIndex: obj.rowIndex
|
|
||||||
}, -10)
|
|
||||||
this.$set(this.questionsMarkStatus,
|
|
||||||
`${this.operateRowId}_${this.operateQuestionId}`,
|
|
||||||
{ isMarked: !!annotation, isSaved: true }
|
|
||||||
)
|
|
||||||
this.resetOperateState()
|
|
||||||
} catch(e) {
|
|
||||||
console.error('表格保存失败:', e)
|
|
||||||
} finally {
|
|
||||||
loading.close()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
findMarkIndex(question) {
|
|
||||||
const { Id, RowId } = question
|
|
||||||
if (this.isTableQuestion) {
|
|
||||||
return RowId
|
|
||||||
? this.questionMarkInfoList.findIndex(i =>
|
|
||||||
i.TableQuestionId === Id && i.RowId === RowId)
|
|
||||||
: this.questionMarkInfoList.findIndex(i =>
|
|
||||||
i.TableQuestionId === Id && !i.RowId)
|
|
||||||
}
|
|
||||||
return this.questionMarkInfoList.findIndex(i => i.QuestionId === Id)
|
|
||||||
},
|
|
||||||
updateQuestionsMarkStatus(obj) {
|
|
||||||
this.questionMarkInfoList.forEach(item => {
|
|
||||||
if (item.QuestionId === obj.question.ParentQsId && !item.RowId) {
|
|
||||||
item.RowId = obj.rowId
|
|
||||||
const oldKey = item.TableQuestionId
|
|
||||||
const newKey = `${obj.rowId}_${item.TableQuestionId}`
|
|
||||||
|
|
||||||
if (this.questionsMarkStatus[oldKey]) {
|
|
||||||
const status = { ...this.questionsMarkStatus[oldKey] }
|
|
||||||
delete this.questionsMarkStatus[oldKey]
|
|
||||||
this.$set(this.questionsMarkStatus, newKey, status)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
getAnnotationByRow(rowId) {
|
|
||||||
const index = this.questionMarkInfoList.findIndex(
|
|
||||||
i => i.RowId === rowId && i.TableQuestionId === this.operateQuestionId
|
|
||||||
)
|
|
||||||
return index > -1 ? this.questionMarkInfoList[index].MeasureData : null
|
|
||||||
},
|
|
||||||
async bindAnnotationToQuestion(annotation) {
|
|
||||||
try {
|
|
||||||
const VALID_STATES = [null, 0, 1, 3]
|
|
||||||
const currentState = this.operateStateEnum
|
|
||||||
if (!VALID_STATES.includes(currentState)) return
|
|
||||||
const isInvalidAnnotation = currentState === 1 && annotation.markTool !== this.imageTool
|
|
||||||
if (isInvalidAnnotation) return
|
|
||||||
if (currentState === null) {
|
|
||||||
return this.handleNullState(annotation)
|
|
||||||
}
|
|
||||||
if (!this.operateQuestionId) return
|
|
||||||
if ([0, 3].includes(currentState)) {
|
|
||||||
if (!annotation.data.label || annotation.markTool !== this.imageTool) {
|
|
||||||
this.$alert('该标记不能与问题绑定!')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
if (currentState === 3) {
|
|
||||||
const conflictIndex = this.questionMarkInfoList.findIndex(
|
|
||||||
item => item.MeasureData.annotationUID === annotation.annotationUID
|
|
||||||
&& item.RowId !== this.operateRowId
|
|
||||||
)
|
|
||||||
if (conflictIndex > -1) {
|
|
||||||
this.$alert('该标记已绑定到其他行,不能更改绑定!')
|
|
||||||
return
|
|
||||||
}
|
|
||||||
}
|
|
||||||
const message = currentState === 0 ? '是否确认绑定?' : '是否确认更改?'
|
|
||||||
const result = await this.$confirm(message, {
|
|
||||||
type: 'warning',
|
|
||||||
distinguishCancelAndClose: true
|
|
||||||
})
|
|
||||||
const isConfirmed = result === 'confirm'
|
|
||||||
if (!isConfirmed) return
|
|
||||||
}
|
|
||||||
const targetIndex = this.findTargetIndex()
|
|
||||||
if (targetIndex === -1) {
|
|
||||||
this.questionMarkInfoList.push({
|
|
||||||
InstanceId: annotation.instanceId,
|
|
||||||
SeriesId: annotation.seriesId,
|
|
||||||
StudyId: annotation.studyId,
|
|
||||||
MarkTool: annotation.metadata.toolName,
|
|
||||||
PicturePath: '',
|
|
||||||
NumberOfFrames: annotation.numberOfFrames,
|
|
||||||
MeasureData: annotation,
|
|
||||||
RowId: this.operateRowId || '',
|
|
||||||
QuestionId: this.isTableQuestion
|
|
||||||
? this.operateParentQsId
|
|
||||||
: this.operateQuestionId,
|
|
||||||
TableQuestionId: this.isTableQuestion
|
|
||||||
? this.operateQuestionId
|
|
||||||
: ''
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
const target = this.questionMarkInfoList[targetIndex]
|
|
||||||
Object.assign(target, {
|
|
||||||
InstanceId: annotation.instanceId,
|
|
||||||
SeriesId: annotation.seriesId,
|
|
||||||
StudyId: annotation.studyId,
|
|
||||||
MarkTool: annotation.metadata.toolName,
|
|
||||||
PicturePath: '',
|
|
||||||
NumberOfFrames: annotation.numberOfFrames,
|
|
||||||
MeasureData: annotation
|
|
||||||
})
|
|
||||||
}
|
|
||||||
this.updateMarkStatus(targetIndex, annotation)
|
|
||||||
this.operateStateEnum = null
|
|
||||||
} catch (e) {
|
|
||||||
console.error('绑定失败:', e); // 增强错误信息
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleNullState(annotation) {
|
|
||||||
const qsArr = []
|
|
||||||
const markList = this.questionMarkInfoList
|
|
||||||
for (let i = 0; i < markList.length; i++) {
|
|
||||||
const item = markList[i];
|
|
||||||
if (item.MeasureData?.annotationUID !== annotation.annotationUID) continue
|
|
||||||
item.MeasureData = annotation
|
|
||||||
|
|
||||||
if (item.TableQuestionId) {
|
|
||||||
qsArr.push({ ...item, ImageToolAttribute: this.imageToolAttribute })
|
|
||||||
|
|
||||||
const keyId = item.RowId
|
|
||||||
? `${item.RowId}_${item.TableQuestionId}`
|
|
||||||
: item.TableQuestionId
|
|
||||||
|
|
||||||
this.$set(this.questionsMarkStatus, keyId, {
|
|
||||||
isMarked: true,
|
|
||||||
isSaved: false
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
this.setAnswerToQuestion(annotation, item.QuestionId)
|
|
||||||
this.$set(this.questionsMarkStatus, item.QuestionId, {
|
|
||||||
isMarked: true,
|
|
||||||
isSaved: false
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (qsArr.length) {
|
|
||||||
store.dispatch('dicom3d/setOperateInfo', qsArr)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
findTargetIndex() {
|
|
||||||
if (this.isTableQuestion && this.operateRowId) {
|
|
||||||
return this.questionMarkInfoList.findIndex(
|
|
||||||
item => item.TableQuestionId === this.operateQuestionId
|
|
||||||
&& item.RowId === this.operateRowId
|
|
||||||
)
|
|
||||||
} else if (this.isTableQuestion) {
|
|
||||||
return this.questionMarkInfoList.findIndex(
|
|
||||||
item => item.TableQuestionId === this.operateQuestionId
|
|
||||||
&& !item.RowId
|
|
||||||
)
|
|
||||||
}
|
|
||||||
return this.questionMarkInfoList.findIndex(
|
|
||||||
item => item.QuestionId === this.operateQuestionId
|
|
||||||
)
|
|
||||||
},
|
|
||||||
|
|
||||||
updateMarkStatus(index, annotation) {
|
|
||||||
const status = { isMarked: true, isSaved: false }
|
|
||||||
if (this.isTableQuestion) {
|
|
||||||
const keyId = index > -1 && this.questionMarkInfoList[index].RowId
|
|
||||||
? `${this.questionMarkInfoList[index].RowId}_${this.questionMarkInfoList[index].TableQuestionId}`
|
|
||||||
: this.operateRowId
|
|
||||||
? `${this.operateRowId}_${this.operateQuestionId}`
|
|
||||||
: this.operateQuestionId
|
|
||||||
|
|
||||||
this.$set(this.questionsMarkStatus, keyId, status)
|
|
||||||
store.dispatch('dicom3d/setOperateInfo', [{
|
|
||||||
MeasureData: annotation,
|
|
||||||
QuestionId: this.operateParentQsId,
|
|
||||||
TableQuestionId: this.operateQuestionId,
|
|
||||||
RowId: this.operateRowId,
|
|
||||||
ImageToolAttribute: this.imageToolAttribute
|
|
||||||
}])
|
|
||||||
} else {
|
|
||||||
this.setAnswerToQuestion(annotation, this.operateQuestionId)
|
|
||||||
this.$set(this.questionsMarkStatus, this.operateQuestionId, status)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
updateAnnotationToQuestion(annotation) {
|
|
||||||
const questionMarkInfo = { isMarked: true, isSaved: false }
|
|
||||||
const qsArr = []
|
|
||||||
for (let i = 0; i < this.questionMarkInfoList.length; i++) {
|
|
||||||
const item = this.questionMarkInfoList[i]
|
|
||||||
if (!item.MeasureData || item.MeasureData.annotationUID !== annotation.annotationUID) continue
|
|
||||||
item.MeasureData = annotation
|
|
||||||
const isTableMode = this.isTableQuestion || item.TableQuestionId
|
|
||||||
if (!isTableMode) {
|
|
||||||
this.setAnswerToQuestion(annotation, item.QuestionId)
|
|
||||||
this.$set(this.questionsMarkStatus, item.QuestionId, questionMarkInfo)
|
|
||||||
continue
|
|
||||||
}
|
|
||||||
this.operateParentQsId = item.QuestionId
|
|
||||||
this.operateQuestionId = item.TableQuestionId
|
|
||||||
this.operateRowId ||= item.RowId
|
|
||||||
qsArr.push({ ...item })
|
|
||||||
const keyId = item.RowId ? `${item.RowId}_${item.TableQuestionId}` : item.TableQuestionId;
|
|
||||||
this.$set(this.questionsMarkStatus, keyId, questionMarkInfo);
|
|
||||||
}
|
|
||||||
if (qsArr.length > 0) {
|
|
||||||
store.dispatch('dicom3d/setOperateInfo', qsArr);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
setAnswerToQuestion(annotation, questionId) {
|
|
||||||
if (!questionId || !annotation) return
|
|
||||||
let prop = ''
|
|
||||||
if (!this.imageToolAttribute) {
|
|
||||||
prop = this.questionImageToolAttributeInfo[questionId]
|
|
||||||
} else {
|
|
||||||
prop = this.imageToolAttribute
|
|
||||||
}
|
|
||||||
let val = this.getAnnotationProp(annotation, prop)
|
|
||||||
this.$set(this.questionForm, questionId, val)
|
|
||||||
},
|
|
||||||
getAnnotationProp(annotation, prop) {
|
|
||||||
if (!annotation || !prop) return
|
|
||||||
const referencedImageId = annotation?.metadata?.referencedImageId
|
|
||||||
if (!referencedImageId) return null
|
|
||||||
const cacheKey = `imageId:${referencedImageId}`
|
|
||||||
const cachedStats = annotation.data?.cachedStats?.[cacheKey]
|
|
||||||
const hasProp = cachedStats
|
|
||||||
&& Object.prototype.hasOwnProperty.call(cachedStats, prop)
|
|
||||||
if (!hasProp) return null
|
|
||||||
const value = cachedStats[prop]
|
|
||||||
return value !== null
|
|
||||||
? parseFloat(value).toFixed(this.digitPlaces)
|
|
||||||
: value
|
|
||||||
},
|
|
||||||
unBindAnnotationToQuestion(obj) {
|
|
||||||
const { markTableQuestions = [], questionId } = obj || {}
|
|
||||||
const { questionMarkInfoList, questionsMarkStatus } = this
|
|
||||||
if (!Array.isArray(markTableQuestions) || !questionId || !Array.isArray(questionMarkInfoList)) {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
this.questionMarkInfoList = questionMarkInfoList.filter(item => {
|
|
||||||
const { TableQuestionId, QuestionId } = item || {}
|
|
||||||
if ((TableQuestionId && QuestionId === questionId && markTableQuestions.includes(TableQuestionId))) {
|
|
||||||
if (questionsMarkStatus && questionsMarkStatus[TableQuestionId]) {
|
|
||||||
delete questionsMarkStatus[TableQuestionId]
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
return
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
// 获取截图
|
|
||||||
getScreenshots(obj) {
|
|
||||||
return new Promise((resolve, reject) => {
|
|
||||||
this.$emit('getCustomScreenshots', obj, resolve) // 将resolve传递给父组件
|
|
||||||
})
|
|
||||||
},
|
|
||||||
async uploadScreenshots(fileName, file) {
|
|
||||||
try {
|
|
||||||
file = this.convertBase64ToBlob(file)
|
|
||||||
const trialId = this.$route.query.trialId
|
|
||||||
const taskInfo = JSON.parse(localStorage.getItem('taskInfo'))
|
|
||||||
const subjectId = taskInfo.SubjectId
|
|
||||||
const result = await this.OSSclient.put(`/${trialId}/Read/${subjectId}/Visit/${fileName}.png`, file)
|
|
||||||
return { isSuccess: true, result: result }
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e)
|
|
||||||
return { isSuccess: false, result: e }
|
|
||||||
}
|
|
||||||
},
|
|
||||||
convertBase64ToBlob(imageEditorBase64) {
|
|
||||||
const base64Arr = imageEditorBase64.split(',')
|
|
||||||
let imgtype = ''
|
|
||||||
let base64String = ''
|
|
||||||
if (base64Arr.length > 1) {
|
|
||||||
base64String = base64Arr[1]
|
|
||||||
imgtype = base64Arr[0].substring(
|
|
||||||
base64Arr[0].indexOf(':') + 1,
|
|
||||||
base64Arr[0].indexOf(';')
|
|
||||||
)
|
|
||||||
}
|
|
||||||
const bytes = atob(base64String)
|
|
||||||
const bytesCode = new ArrayBuffer(bytes.length)
|
|
||||||
const byteArray = new Uint8Array(bytesCode)
|
|
||||||
for (let i = 0; i < bytes.length; i++) {
|
|
||||||
byteArray[i] = bytes.charCodeAt(i)
|
|
||||||
}
|
|
||||||
return new Blob([bytesCode], { type: imgtype })
|
|
||||||
},
|
|
||||||
resetOperateState() {
|
|
||||||
console.log('resetOperateState')
|
|
||||||
this.operateStateEnum = null
|
|
||||||
this.operateQuestionId = ''
|
|
||||||
this.operateRowId = ''
|
|
||||||
this.imageTool = ''
|
|
||||||
this.imageToolAttribute = ''
|
|
||||||
},
|
|
||||||
async resetForm() {
|
async resetForm() {
|
||||||
const confirm = await this.$confirm(
|
const confirm = await this.$confirm(
|
||||||
this.$t('trials:dicomReading:message:confirmReset1'),
|
this.$t('trials:dicomReading:message:confirmReset1'),
|
||||||
@@ -973,16 +338,15 @@ export default {
|
|||||||
}
|
}
|
||||||
)
|
)
|
||||||
if (confirm !== 'confirm') return
|
if (confirm !== 'confirm') return
|
||||||
this.$emit('setReadingToolPassive')
|
|
||||||
const loading = this.$loading({ fullscreen: true })
|
const loading = this.$loading({ fullscreen: true })
|
||||||
try {
|
try {
|
||||||
const res = await resetReadingTask({ visitTaskId: this.visitTaskId })
|
const res = await resetReadingTask({ visitTaskId: this.visitTaskId })
|
||||||
if (res.IsSuccess) {
|
if (res.IsSuccess) {
|
||||||
this.rerender = false
|
this.rerender = false
|
||||||
await this.getQuestionCalculateRelation()
|
await this.getQuestionCalculateRelation()
|
||||||
await this.getQuestions(true)
|
await this.getQuestions()
|
||||||
this.$emit('resetAnnotations', this.visitTaskId)
|
this.$emit('resetAnnotations', this.visitTaskId)
|
||||||
this.$nextTick(() => {
|
this.$nextTick(()=>{
|
||||||
this.rerender = true
|
this.rerender = true
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
@@ -991,7 +355,7 @@ export default {
|
|||||||
loading.close()
|
loading.close()
|
||||||
console.log(e)
|
console.log(e)
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -1072,6 +436,6 @@ export default {
|
|||||||
// .ecrf-list-container{
|
// .ecrf-list-container{
|
||||||
// min-height:400px;
|
// min-height:400px;
|
||||||
// color: #ddd;
|
// color: #ddd;
|
||||||
|
|
||||||
// }
|
// }
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
-704
@@ -1,704 +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"
|
|
||||||
: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']},
|
|
||||||
]"
|
|
||||||
:class="[question.Type==='group'?'mb':question.Type==='upload'?'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="number"
|
|
||||||
@change="(val) => { formItemNumberChange(val, question) }"
|
|
||||||
@blur="questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked ? ()=>{} : handleMarkedQsBlur(questionForm[question.Id], questionForm, question.Id, question) "
|
|
||||||
v-model="questionForm[question.Id]"
|
|
||||||
:disabled="(questionsMarkStatus[question.Id] && questionsMarkStatus[question.Id].isMarked && question.ImageMarkEnum === 2) || question.ImageMarkEnum === 1"
|
|
||||||
style="width: 150px;"
|
|
||||||
>
|
|
||||||
<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})"
|
|
||||||
>
|
|
||||||
测量
|
|
||||||
</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})"
|
|
||||||
>
|
|
||||||
绑定
|
|
||||||
</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})"
|
|
||||||
>
|
|
||||||
查看
|
|
||||||
</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})"
|
|
||||||
>
|
|
||||||
更改
|
|
||||||
</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})"
|
|
||||||
>
|
|
||||||
移除
|
|
||||||
</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>
|
|
||||||
保存
|
|
||||||
</el-button>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<template v-else-if="question.Type === 'number'">
|
|
||||||
<el-input
|
|
||||||
type="number"
|
|
||||||
v-if="question.Type === 'number' && question.DataSource !== 1"
|
|
||||||
:disabled="question.TableQuestionType === 2 || (question.IsCopy && type === 'edit' && !isBaseline && questionForm.IsCurrentTaskAdd === 'False')"
|
|
||||||
@change="((val)=>{formItemNumberChange(val, question)})"
|
|
||||||
@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="number"
|
|
||||||
v-if="question.Type === 'number' && question.DataSource === 1"
|
|
||||||
:disabled="question.DataSource === 1"
|
|
||||||
@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'"
|
|
||||||
action
|
|
||||||
:accept="question.FileType"
|
|
||||||
:limit="question.ImageCount === 0 ? 100 : question.ImageCount"
|
|
||||||
:on-preview="handlePictureCardPreview"
|
|
||||||
:before-upload="handleBeforeUpload"
|
|
||||||
:http-request="uploadScreenshot"
|
|
||||||
list-type="picture-card"
|
|
||||||
:on-remove="handleRemove"
|
|
||||||
:file-list="fileList"
|
|
||||||
:class="{disabled: question.ImageCount === 0 ? false : fileList.length >= question.ImageCount}"
|
|
||||||
>
|
|
||||||
<i slot="default" class="el-icon-plus" />
|
|
||||||
<div slot="file" slot-scope="{file}">
|
|
||||||
<viewer
|
|
||||||
:ref="file.url"
|
|
||||||
:images="[imageUrl]"
|
|
||||||
style="
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
"
|
|
||||||
>
|
|
||||||
<img
|
|
||||||
class="el-upload-list__item-thumbnail"
|
|
||||||
:src="OSSclientConfig.basePath + file.url"
|
|
||||||
crossOrigin="anonymous"
|
|
||||||
alt=""
|
|
||||||
style="max-width: 100%; max-height: 100%"
|
|
||||||
/>
|
|
||||||
<span class="el-upload-list__item-actions">
|
|
||||||
<span
|
|
||||||
class="el-upload-list__item-preview"
|
|
||||||
@click="handlePictureCardPreview(file)"
|
|
||||||
>
|
|
||||||
<i class="el-icon-zoom-in" />
|
|
||||||
</span>
|
|
||||||
|
|
||||||
<span
|
|
||||||
v-if="readingTaskState < 2"
|
|
||||||
class="el-upload-list__item-delete"
|
|
||||||
@click="handleRemove(file)"
|
|
||||||
>
|
|
||||||
<i class="el-icon-delete" />
|
|
||||||
</span>
|
|
||||||
</span>
|
|
||||||
</viewer>
|
|
||||||
</div>
|
|
||||||
</el-upload>
|
|
||||||
<el-dialog
|
|
||||||
v-if="question.Type==='upload'"
|
|
||||||
append-to-body
|
|
||||||
:visible.sync="imgVisible"
|
|
||||||
width="600px"
|
|
||||||
>
|
|
||||||
<el-image :src="imageUrl" width="100%">
|
|
||||||
<div slot="placeholder" class="image-slot">
|
|
||||||
{{$t('trials:readingUnit:qsList:message:loading')}}<span class="dot">...</span>
|
|
||||||
</div>
|
|
||||||
</el-image>
|
|
||||||
</el-dialog>
|
|
||||||
</el-form-item>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import { submitTableQuestion } from '@/api/trials'
|
|
||||||
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') {
|
|
||||||
if (this.questionForm[this.question.Id]) {
|
|
||||||
this.urls = this.questionForm[this.question.Id].split('|')
|
|
||||||
this.fileList = []
|
|
||||||
this.urls.map(url => {
|
|
||||||
this.fileList.push({ name: '', url: `${url}` })
|
|
||||||
})
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (this.type === 'edit') return
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
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) {
|
|
||||||
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
|
||||||
},
|
|
||||||
handleMarkedQsBlur(value, a, b, question) {
|
|
||||||
this.$set(a, b, parseFloat(value).toFixed(this.digitPlaces))
|
|
||||||
question.IsTableQuestion = true
|
|
||||||
// this.$emit('operateImageMarker', {operateStateEnum: 6, question})
|
|
||||||
},
|
|
||||||
handleCalculationBlur(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) {
|
|
||||||
try {
|
|
||||||
if (rules.CalculateQuestionList.length === 0) {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
let dataArr = []
|
|
||||||
var count = 0
|
|
||||||
var maxList = [], minList = []
|
|
||||||
rules.CalculateQuestionList.forEach((o, i) => {
|
|
||||||
if (rules.CustomCalculateMark > 4 && rules.CustomCalculateMark < 10) {
|
|
||||||
if (i !== 0) {
|
|
||||||
switch (rules.CustomCalculateMark) {
|
|
||||||
case 7:
|
|
||||||
count += parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
if (i === rules.CalculateQuestionList.length - 1) {
|
|
||||||
num = count / rules.CalculateQuestionList.length
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 8:
|
|
||||||
maxList.push(this.questionForm[o.TableQuestionId])
|
|
||||||
if (i === rules.CalculateQuestionList.length - 1) {
|
|
||||||
num = Math.max(...maxList)
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
case 9:
|
|
||||||
minList.push(this.questionForm[o.TableQuestionId])
|
|
||||||
if (i === rules.CalculateQuestionList.length - 1) {
|
|
||||||
num = Math.min(...minList)
|
|
||||||
}
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
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:
|
|
||||||
num += parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
break;
|
|
||||||
case 2:
|
|
||||||
num -= parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
break;
|
|
||||||
case 3:
|
|
||||||
num *= parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
break;
|
|
||||||
case 4:
|
|
||||||
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 {
|
|
||||||
num = parseFloat(this.questionForm[o.TableQuestionId])
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} catch (e) {
|
|
||||||
console.log(e)
|
|
||||||
}
|
|
||||||
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) {
|
|
||||||
// 保存表格问题标记
|
|
||||||
// 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 trialId = this.$route.query.trialId
|
|
||||||
var subjectId = this.$route.query.trialId
|
|
||||||
var file = await this.fileToBlob(param.file)
|
|
||||||
const res = await this.OSSclient.put(`/${trialId}/Read/${subjectId}/Visit/${param.file.name}`, file)
|
|
||||||
this.fileList.push({ name: param.file.name, path: this.$getObjectName(res.url), 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) {
|
|
||||||
// 检测文件类型是否符合要求
|
|
||||||
if (this.checkFileSuffix(file.name)) {
|
|
||||||
// this.fileList = []
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
let msg = this.$t(
|
|
||||||
"trials:readingUnit:qsList:message:imageFormat"
|
|
||||||
).replace("xxx", this.question.FileType)
|
|
||||||
this.$alert(msg)
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
checkFileSuffix(fileName) {
|
|
||||||
var index = fileName.lastIndexOf('.')
|
|
||||||
var suffix = fileName.substring(index + 1, fileName.length)
|
|
||||||
if (this.question.FileType.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 (suffix === 'doc' || suffix === 'docx' || suffix === 'pdf'){
|
|
||||||
window.open(this.OSSclientConfig.basePath + file.url,'_blank')
|
|
||||||
}else{
|
|
||||||
this.imageUrl = this.OSSclientConfig.basePath + file.url
|
|
||||||
// this.imgVisible = true
|
|
||||||
this.$refs[file.url].$viewer.show()
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
// 删除图片
|
|
||||||
handleRemove(file, fileList) {
|
|
||||||
this.imageUrl = ''
|
|
||||||
this.fileList.splice(this.fileList.findIndex(f => f.url === 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 })
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
|
|
||||||
.criterion-table-form-item{
|
|
||||||
.el-form-item{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
align-items: flex-start;
|
|
||||||
}
|
|
||||||
.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>
|
|
||||||
@@ -396,7 +396,7 @@ export default {
|
|||||||
if (v.Type === 'number') {
|
if (v.Type === 'number') {
|
||||||
let val = null
|
let val = null
|
||||||
if (v.ValueType === 0) {
|
if (v.ValueType === 0) {
|
||||||
val = parseInt(v.Answers[this.visitTaskId])
|
val = isNaN(parseFloat(v.Answers[this.visitTaskId])) ? v.Answers[this.visitTaskId] : parseInt(v.Answers[this.visitTaskId])
|
||||||
} else if (v.ValueType === 3) {
|
} else if (v.ValueType === 3) {
|
||||||
val = v.Answers[this.visitTaskId]
|
val = v.Answers[this.visitTaskId]
|
||||||
} else {
|
} else {
|
||||||
@@ -422,7 +422,7 @@ export default {
|
|||||||
if (i.Type === 'number') {
|
if (i.Type === 'number') {
|
||||||
let val = null
|
let val = null
|
||||||
if (i.ValueType === 0) {
|
if (i.ValueType === 0) {
|
||||||
val = parseInt(i.Answers[this.visitTaskId])
|
val = isNaN(parseFloat(i.Answers[this.visitTaskId])) ? i.Answers[this.visitTaskId] : parseInt(i.Answers[this.visitTaskId])
|
||||||
} else if (i.ValueType === 3) {
|
} else if (i.ValueType === 3) {
|
||||||
val = i.Answers[this.visitTaskId]
|
val = i.Answers[this.visitTaskId]
|
||||||
} else {
|
} else {
|
||||||
@@ -561,7 +561,7 @@ export default {
|
|||||||
if (item.Type === 'number') {
|
if (item.Type === 'number') {
|
||||||
let val = null
|
let val = null
|
||||||
if (item.ValueType === 0) {
|
if (item.ValueType === 0) {
|
||||||
val = parseInt(i.Answer)
|
val = isNaN(parseFloat(i.Answer)) ? i.Answer : parseInt(i.Answer)
|
||||||
} else if (item.ValueType === 3) {
|
} else if (item.ValueType === 3) {
|
||||||
val = i.Answer
|
val = i.Answer
|
||||||
} else {
|
} else {
|
||||||
|
|||||||
@@ -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,28 +266,9 @@ 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': ''
|
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -71,7 +71,7 @@
|
|||||||
</el-button>
|
</el-button>
|
||||||
<!-- 随机排序 -->
|
<!-- 随机排序 -->
|
||||||
<el-button type="primary" @click="randomOrder"
|
<el-button type="primary" @click="randomOrder"
|
||||||
:disabled="!searchData.TrialReadingCriterionId || !searchData.DoctorUserId">
|
:disabled="!searchData.TrialReadingCriterionId || !searchData.DoctorUserId" v-if="!isAdmin">
|
||||||
{{ $t('trials:readingTracking:button:order') }}
|
{{ $t('trials:readingTracking:button:order') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -188,8 +188,9 @@
|
|||||||
sortable="custom" show-overflow-tooltip>
|
sortable="custom" show-overflow-tooltip>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-input-number v-model="scope.row.RandomOrder"
|
<el-input-number v-model="scope.row.RandomOrder"
|
||||||
@change="(value, old) => handleChange(scope.row, value, old)" :min="1" style="width: 150px;"
|
@change="(value, old) => handleChange(scope.row, value, old)" :min="0" style="width: 150px;"
|
||||||
:disabled="scope.row.ReadingTaskState === 1"></el-input-number>
|
v-if="scope.row.ReadingTaskState !== 1 && !isAdmin"></el-input-number>
|
||||||
|
<span v-else>{{ scope.row.RandomOrder }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
@@ -259,7 +260,12 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
if (!this.hasPermi(['role:pm', 'role:apm'])) return this.$router.replace("/login")
|
if (!this.hasPermi(['role:pm', 'role:apm', 'role:admin'])) return this.$router.replace("/login")
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
isAdmin() {
|
||||||
|
return !!this.hasPermi(['role:admin'])
|
||||||
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.getSite()
|
this.getSite()
|
||||||
@@ -278,6 +284,7 @@ export default {
|
|||||||
async handleChange(row, value, old) {
|
async handleChange(row, value, old) {
|
||||||
try {
|
try {
|
||||||
if (!this.searchData.DoctorUserId || !this.searchData.TrialReadingCriterionId) return false
|
if (!this.searchData.DoctorUserId || !this.searchData.TrialReadingCriterionId) return false
|
||||||
|
if (!value) throw this.$t('trials:readOrder:message:min1')
|
||||||
let data = {
|
let data = {
|
||||||
TrialId: this.$route.query.trialId,
|
TrialId: this.$route.query.trialId,
|
||||||
TrialReadingCriterionId: this.searchData.TrialReadingCriterionId,
|
TrialReadingCriterionId: this.searchData.TrialReadingCriterionId,
|
||||||
@@ -298,6 +305,8 @@ export default {
|
|||||||
} catch (err) {
|
} catch (err) {
|
||||||
row.RandomOrder = old
|
row.RandomOrder = old
|
||||||
console.log(err)
|
console.log(err)
|
||||||
|
this.$message.warning(err)
|
||||||
|
this.getList()
|
||||||
this.loading = false
|
this.loading = false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -364,8 +373,11 @@ export default {
|
|||||||
getReadingTaskList(this.searchData)
|
getReadingTaskList(this.searchData)
|
||||||
.then((res) => {
|
.then((res) => {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
this.list = res.Result.CurrentPageData
|
this.list = []
|
||||||
this.total = res.Result.TotalCount
|
this.$nextTick(() => {
|
||||||
|
this.list = res.Result.CurrentPageData
|
||||||
|
this.total = res.Result.TotalCount
|
||||||
|
})
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
|
|||||||
@@ -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) {
|
||||||
|
|||||||
@@ -1038,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}`)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -1084,33 +1084,17 @@ 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(`Mean: ${csUtils.roundNumber(mean)} ${modalityUnit}`)
|
||||||
textLines.push(`Std Dev: ${this.reRound(csUtils.roundNumber(stdDev), this.digitPlaces)} ${modalityUnit}`)
|
textLines.push(`Max: ${csUtils.roundNumber(max)} ${modalityUnit}`)
|
||||||
|
textLines.push(`Std Dev: ${csUtils.roundNumber(stdDev)} ${modalityUnit}`)
|
||||||
|
|
||||||
return textLines
|
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() {
|
||||||
|
|||||||
@@ -1,213 +1,288 @@
|
|||||||
<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"
|
||||||
<div class="base-dialog-body">
|
v-loading="loading"
|
||||||
<el-form-item :label="$t('trials:attachment:form:FileName')" prop="Name">
|
:model="form"
|
||||||
<el-input v-model="form.Name" clearable></el-input>
|
label-width="240px"
|
||||||
</el-form-item>
|
size="small"
|
||||||
<el-form-item :label="$t('trials:attachment:form:OffLine')" prop="OffLine">
|
:rules="rules"
|
||||||
<el-switch v-model="form.OffLine" :active-value="true" :inactive-value="false"
|
class="upload-temporary-file"
|
||||||
:active-text="$fd('YesOrNo', true)" :inactive-text="$fd('YesOrNo', false)">
|
>
|
||||||
</el-switch>
|
<div class="base-dialog-body">
|
||||||
</el-form-item>
|
<!-- 文件类型 -->
|
||||||
<el-form-item :label="$t('trials:attachment:form:File')">
|
<el-form-item :label="$t('trials:attachment:table:fileType')" prop="FileTypeId">
|
||||||
<div class="upload-container">
|
<el-select
|
||||||
<el-upload class="upload-demo" action :accept="this.accept.join(',')" :before-upload="beforeUpload"
|
v-model="form.FileTypeId"
|
||||||
:http-request="handleUploadFile" :on-preview="handlePreview" :on-remove="handleRemoveFile"
|
style="width:100%;"
|
||||||
:show-file-list="true" :file-list="fileList" :limit="1" :on-exceed="handleExceed">
|
size="small"
|
||||||
<el-button size="small" type="primary" :loading="btnLoading">{{ $t('common:button:check')
|
>
|
||||||
}}</el-button>
|
<el-option
|
||||||
<span slot="tip" style="margin-left: 10px" class="el-upload__tip">
|
v-for="item of dictionaryList.Trial_Document"
|
||||||
({{ $t('trials:signature:label:type').replace("xxx", this.accept.join(", ")) }})
|
:key="item.Id"
|
||||||
</span>
|
:label="item.Value"
|
||||||
</el-upload>
|
:value="item.Id"
|
||||||
</div>
|
/>
|
||||||
</el-form-item>
|
</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"
|
||||||
|
: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>
|
</div>
|
||||||
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
|
</el-form-item>
|
||||||
<el-form-item style="text-align: right">
|
<!-- 需要签署的用户类型 -->
|
||||||
<el-button size="small" type="primary" :disabled="form.FileTypeId === '' || form.Name === ''"
|
<el-form-item :label="$t('trials:attachment:table:userType')" prop="NeedConfirmedUserTypeIdList">
|
||||||
:loading="saveBtnLoading" @click="handleSave">{{ $t('common:button:save') }}</el-button>
|
<el-select
|
||||||
</el-form-item>
|
v-model="form.NeedConfirmedUserTypeIdList"
|
||||||
</div>
|
style="width:100%;"
|
||||||
</el-form>
|
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 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>
|
</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 {
|
||||||
props: {
|
name: 'TrialAttachmentFrom',
|
||||||
data: {
|
props: {
|
||||||
type: Object,
|
data: {
|
||||||
default() {
|
type: Object,
|
||||||
return {}
|
default() { return {} }
|
||||||
},
|
}
|
||||||
},
|
},
|
||||||
TrialDocumentId: {
|
|
||||||
type: String,
|
|
||||||
default: ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
|
|
||||||
data() {
|
data() {
|
||||||
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: {
|
},
|
||||||
Name: [
|
rules: {
|
||||||
{
|
FileTypeId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }],
|
||||||
required: true,
|
SignViewMinimumMinutes: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['change'] }],
|
||||||
message: this.$t('common:ruleMessage:specify'),
|
NeedConfirmedUserTypeIdList: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change'] }],
|
||||||
trigger: ['change'],
|
Description: [{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500`, trigger: ['blur', 'change'] }]
|
||||||
},
|
},
|
||||||
],
|
fileList: [],
|
||||||
},
|
userTypeOptions: [],
|
||||||
fileList: [],
|
btnLoading: false,
|
||||||
btnLoading: false,
|
saveBtnLoading: false,
|
||||||
saveBtnLoading: false,
|
loading: false,
|
||||||
loading: false,
|
dictionaryList: {}
|
||||||
accept: ['.jpg',
|
}
|
||||||
'.jpeg',
|
},
|
||||||
'.png',
|
mounted() {
|
||||||
'.pdf',
|
this.initForm()
|
||||||
'.ppt',
|
},
|
||||||
'.pptx',
|
methods: {
|
||||||
'.doc',
|
// 保存
|
||||||
'.docx',
|
handleSave() {
|
||||||
'.xls',
|
this.$refs.trialAttachmentFrom.validate(valid => {
|
||||||
'.xlsx',
|
if (!valid) return
|
||||||
".mp4"]
|
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
|
||||||
|
})
|
||||||
|
})
|
||||||
},
|
},
|
||||||
mounted() {
|
async initForm() {
|
||||||
this.initForm()
|
this.loading = true
|
||||||
},
|
await this.getDicData()
|
||||||
methods: {
|
await this.getUserType()
|
||||||
async initForm() {
|
if (Object.keys(this.data).length > 0) {
|
||||||
this.loading = true
|
if (this.data.Path) {
|
||||||
if (this.data && this.data.Id) {
|
this.fileList = [
|
||||||
Object.keys(this.form).forEach(key => {
|
{
|
||||||
this.form[key] = this.data[key]
|
name: this.data.Name,
|
||||||
})
|
path: this.data.Path,
|
||||||
this.fileList = [
|
url: this.data.Path,
|
||||||
{
|
|
||||||
name: this.data.FileName,
|
|
||||||
url: this.data.FilePath,
|
|
||||||
path: this.data.FilePath,
|
|
||||||
},
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
this.loading = false
|
]
|
||||||
},
|
}
|
||||||
beforeUpload(file) {
|
this.form.Id = this.data.Id
|
||||||
// 检测文件类型是否符合要求
|
this.form.FileTypeId = this.data.FileTypeId
|
||||||
if (this.checkFileSuffix(file.name)) {
|
this.form.Name = this.data.Name
|
||||||
this.fileList = []
|
this.form.Path = this.data.Path
|
||||||
return true
|
this.form.IsDeleted = this.data.IsDeleted
|
||||||
} else {
|
this.form.Description = this.data.Description
|
||||||
this.$alert(this.$t('trials:signature:label:type').replace("xxx", this.accept.join(", ")))
|
this.form.SignViewMinimumMinutes = this.data.SignViewMinimumMinutes
|
||||||
|
}
|
||||||
|
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
|
return false
|
||||||
}
|
}
|
||||||
},
|
|
||||||
async handleUploadFile(param) {
|
|
||||||
this.loading = true
|
|
||||||
var file = await this.fileToBlob(param.file)
|
|
||||||
const res = await this.OSSclient.put(
|
|
||||||
`/${this.$route.query.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.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
|
|
||||||
},
|
|
||||||
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() {
|
|
||||||
this.fileList = []
|
|
||||||
this.form.FilePath = ''
|
|
||||||
this.form.FileSize = ''
|
|
||||||
this.form.FileFormat = ''
|
|
||||||
this.form.FileName = ''
|
|
||||||
},
|
|
||||||
handlePreview(file) {
|
|
||||||
if (file.fullPath) {
|
|
||||||
window.open(file.fullPath, '_blank')
|
|
||||||
}
|
|
||||||
},
|
|
||||||
handleExceed(files, fileList) {
|
|
||||||
this.$message.warning(this.$t('upload:rule:maxFile1'))
|
|
||||||
},
|
|
||||||
checkFileSuffix(fileName) {
|
|
||||||
var typeArr = this.accept.map(item => item.split('.')[1])
|
|
||||||
var extendName = fileName
|
|
||||||
.substring(fileName.lastIndexOf('.') + 1)
|
|
||||||
.toLocaleLowerCase()
|
|
||||||
if (typeArr.indexOf(extendName) !== -1) {
|
|
||||||
return true
|
|
||||||
} else {
|
|
||||||
return false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
|
// 上传文件
|
||||||
|
async handleUploadFile(param) {
|
||||||
|
this.loading = true
|
||||||
|
var file = await this.fileToBlob(param.file)
|
||||||
|
const trialId = this.$route.query.trialId
|
||||||
|
console.log(this.OSSclient.put)
|
||||||
|
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.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']
|
||||||
|
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
|
||||||
|
if (typeArr.indexOf(extendName) !== -1) {
|
||||||
|
return true
|
||||||
|
} else {
|
||||||
|
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 {
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
.upload-container .el-icon-circle-check {
|
||||||
|
color: #428bca;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
.account_item_clear{
|
||||||
|
.el-tag__close{
|
||||||
|
display: none !important;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.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>
|
</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"
|
||||||
item.UserTypeEnum !== 8 &&
|
clearable
|
||||||
item.UserTypeEnum !== 20 &&
|
style="width: 100%"
|
||||||
item.UserTypeEnum !== 26 &&
|
>
|
||||||
item.UserTypeEnum !== 27 &&
|
<el-option
|
||||||
item.UserTypeEnum !== 31
|
v-for="item of userTypeOptions"
|
||||||
" :key="item.Id" :label="item.UserTypeShortName" :value="item.Id">
|
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>
|
<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() {
|
||||||
|
|||||||
@@ -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 = ''
|
||||||
}
|
}
|
||||||
|
|||||||
+1
-3
@@ -353,9 +353,7 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
formItemNumberChange(v, question) {
|
formItemNumberChange(v, question) {
|
||||||
// this.$emit('formItemTableNumberChange', v, question)
|
this.$emit('formItemTableNumberChange', v, question)
|
||||||
this.$emit('formItemTableNumberChange')
|
|
||||||
this.$emit('setFormItemData', { key: question.Id, val: v, question: question })
|
|
||||||
},
|
},
|
||||||
resetChild(obj) {
|
resetChild(obj) {
|
||||||
obj.forEach(i => {
|
obj.forEach(i => {
|
||||||
|
|||||||
@@ -28,7 +28,7 @@
|
|||||||
<template v-else>
|
<template v-else>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item of $d.Criterion_Question_Type"
|
v-for="item of $d.Criterion_Question_Type"
|
||||||
v-show="item.value !== 'calculation' && item.value !== 'increment' && item.value !== 'table' && item.value !== 'fixedTable'"
|
v-show="item.value !== 'calculation' && item.value !== 'increment' && item.value !== 'table'"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
:value="item.value"
|
:value="item.value"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
@@ -727,63 +727,6 @@
|
|||||||
}}
|
}}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 影像标记 -->
|
|
||||||
<el-form-item
|
|
||||||
v-if="form.Type === 'number' && !isFromSystem && readingVersionEnum"
|
|
||||||
:label="$t('trials:readingUnit:qsList:title:imageMarkEnum')"
|
|
||||||
prop="ImageMarkEnum"
|
|
||||||
>
|
|
||||||
<el-radio-group
|
|
||||||
v-model="form.ImageMarkEnum"
|
|
||||||
:disabled="form.IsRequired === 0"
|
|
||||||
@change="imageMarkEnumChange"
|
|
||||||
>
|
|
||||||
<el-radio v-for="item of $d.ImageMark" :key="item.id" :label="item.value" :disabled="form.IsRequired === 2 && item.value === 1">{{ item.label }}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 测量工具 ImageTool -->
|
|
||||||
<el-form-item
|
|
||||||
v-if="form.ImageMarkEnum === 1 || form.ImageMarkEnum === 2"
|
|
||||||
:label="$t('trials:readingUnit:qsList:title:ImageTool')"
|
|
||||||
prop="ImageTool"
|
|
||||||
:rules="[
|
|
||||||
{ required: true, message: this.$t('common:ruleMessage:select')}
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<el-radio-group
|
|
||||||
v-model="form.ImageTool"
|
|
||||||
@change="imageToolChange"
|
|
||||||
>
|
|
||||||
<el-radio
|
|
||||||
v-for="tool of readingTools"
|
|
||||||
:key="tool.toolName"
|
|
||||||
:label="tool.toolName"
|
|
||||||
>
|
|
||||||
{{ $t(tool.i18nKey) }}
|
|
||||||
</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 测量值 ImageToolAttribute -->
|
|
||||||
<el-form-item
|
|
||||||
v-if="form.ImageTool"
|
|
||||||
:label="$t('trials:readingUnit:qsList:title:ImageToolAttribute')"
|
|
||||||
prop="ImageToolAttribute"
|
|
||||||
:rules="[
|
|
||||||
{ required: true, message: this.$t('common:ruleMessage:select')}
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<el-radio-group
|
|
||||||
v-model="form.ImageToolAttribute"
|
|
||||||
>
|
|
||||||
<el-radio
|
|
||||||
v-for="i of imageToolAttributes"
|
|
||||||
:key="i"
|
|
||||||
:label="i"
|
|
||||||
>
|
|
||||||
{{ i }}
|
|
||||||
</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 最大上传个数 -->
|
<!-- 最大上传个数 -->
|
||||||
<el-form-item
|
<el-form-item
|
||||||
v-if="form.Type === 'upload'"
|
v-if="form.Type === 'upload'"
|
||||||
@@ -1075,16 +1018,6 @@ export default {
|
|||||||
isLook: {
|
isLook: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
},
|
|
||||||
readingTools: {
|
|
||||||
type: Array,
|
|
||||||
default() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
readingVersionEnum: {
|
|
||||||
type: Number,
|
|
||||||
default: 0
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -1138,14 +1071,9 @@ export default {
|
|||||||
ExportResult: [],
|
ExportResult: [],
|
||||||
ClassifyType: null,
|
ClassifyType: null,
|
||||||
ClassifyEditType: null,
|
ClassifyEditType: null,
|
||||||
ClassifyShowType: null,
|
ClassifyShowType: null
|
||||||
ImageMarkEnum: 0,
|
|
||||||
ImageTool: '',
|
|
||||||
ImageToolAttribute: '',
|
|
||||||
|
|
||||||
// IsEnable: true
|
// IsEnable: true
|
||||||
},
|
},
|
||||||
imageToolAttributes: [],
|
|
||||||
rules: {
|
rules: {
|
||||||
Type: [
|
Type: [
|
||||||
{required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change']}
|
{required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur', 'change']}
|
||||||
@@ -1421,9 +1349,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (this.form.ImageTool) {
|
|
||||||
this.imageToolChange(this.form.ImageTool)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (!this.data.ShowOrder && this.data.ShowOrder !== 0) {
|
if (!this.data.ShowOrder && this.data.ShowOrder !== 0) {
|
||||||
if (this.list.length > 0) {
|
if (this.list.length > 0) {
|
||||||
@@ -1531,27 +1456,9 @@ export default {
|
|||||||
form.RelevanceId = ''
|
form.RelevanceId = ''
|
||||||
form.RelevanceValueList = []
|
form.RelevanceValueList = []
|
||||||
}
|
}
|
||||||
if (val === 0 && form.Type === 'number' && !this.isFromSystem) {
|
|
||||||
form.ImageMarkEnum = 1
|
|
||||||
}
|
|
||||||
if (val === 2 && form.Type === 'number' && !this.isFromSystem) {
|
|
||||||
form.ImageMarkEnum = 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
imageMarkEnumChange(val) {
|
|
||||||
if (val === 0) {
|
|
||||||
this.form.ImageTool = ''
|
|
||||||
this.form.ImageToolAttribute = ''
|
|
||||||
this.imageToolAttributes = []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
imageToolChange(v) {
|
|
||||||
let i = this.readingTools.findIndex(tool=>tool.toolName === v)
|
|
||||||
if (i > -1) {
|
|
||||||
this.imageToolAttributes = this.readingTools[i].props
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
parentQuestionChange(val, form) {
|
parentQuestionChange(val, form) {
|
||||||
|
console.log(val)
|
||||||
this.isParentExistGroup = false
|
this.isParentExistGroup = false
|
||||||
if (val) {
|
if (val) {
|
||||||
var index = this.parentOptions.findIndex(item => {
|
var index = this.parentOptions.findIndex(item => {
|
||||||
@@ -1643,10 +1550,6 @@ export default {
|
|||||||
form.ExportResult = []
|
form.ExportResult = []
|
||||||
form.ClassifyType = null
|
form.ClassifyType = null
|
||||||
form.ClassifyShowType = null
|
form.ClassifyShowType = null
|
||||||
form.ImageMarkEnum = 0
|
|
||||||
form.ImageTool = ''
|
|
||||||
form.ImageToolAttribute = ''
|
|
||||||
this.imageToolAttributes = []
|
|
||||||
},
|
},
|
||||||
getLesionType() {
|
getLesionType() {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
|
|||||||
@@ -210,14 +210,12 @@
|
|||||||
append-to-body
|
append-to-body
|
||||||
custom-class="base-dialog-wrapper"
|
custom-class="base-dialog-wrapper"
|
||||||
>
|
>
|
||||||
<questions-form
|
<QuestionsForm
|
||||||
ref="addOrEdit"
|
ref="addOrEdit"
|
||||||
:data="rowData"
|
:data="rowData"
|
||||||
:trial-criterion-id="trialCriterionId"
|
:trial-criterion-id="trialCriterionId"
|
||||||
:is-from-system="isFromSystem"
|
:is-from-system="isFromSystem"
|
||||||
:digit-places="digitPlaces"
|
:digit-places="digitPlaces"
|
||||||
:readingTools="readingTools"
|
|
||||||
:readingVersionEnum="readingVersionEnum"
|
|
||||||
:list="tblList"
|
:list="tblList"
|
||||||
:is-look="isLook"
|
:is-look="isLook"
|
||||||
:is-system-criterion="isSystemCriterion"
|
:is-system-criterion="isSystemCriterion"
|
||||||
@@ -233,7 +231,7 @@
|
|||||||
:title="preview.title"
|
:title="preview.title"
|
||||||
:fullscreen="true"
|
:fullscreen="true"
|
||||||
>
|
>
|
||||||
<questions-preview :criterion-id="trialCriterionId" :is-system-criterion="isSystemCriterion" :form-type="1" />
|
<QuestionsPreview :criterion-id="trialCriterionId" :is-system-criterion="isSystemCriterion" :form-type="1" />
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
|
|
||||||
<el-dialog
|
<el-dialog
|
||||||
@@ -243,14 +241,12 @@
|
|||||||
:title="config.title"
|
:title="config.title"
|
||||||
:fullscreen="true"
|
:fullscreen="true"
|
||||||
>
|
>
|
||||||
<table-qs-list
|
<TableQsList
|
||||||
:digit-places="digitPlaces"
|
:digit-places="digitPlaces"
|
||||||
:reading-question-id="rowData.Id"
|
:reading-question-id="rowData.Id"
|
||||||
:is-from-system="isFromSystem"
|
:is-from-system="isFromSystem"
|
||||||
:is-confirm="isConfirm"
|
:is-confirm="isConfirm"
|
||||||
:criterion-id="trialCriterionId"
|
:criterion-id="trialCriterionId"
|
||||||
:readingTools="readingTools"
|
|
||||||
:readingVersionEnum="readingVersionEnum"
|
|
||||||
@close="config.visible = false"
|
@close="config.visible = false"
|
||||||
/>
|
/>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
@@ -303,16 +299,6 @@ export default {
|
|||||||
isFromSystem: {
|
isFromSystem: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
},
|
|
||||||
readingTools: {
|
|
||||||
type: Array,
|
|
||||||
default() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
readingVersionEnum: {
|
|
||||||
type: Number,
|
|
||||||
default: 0
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
@@ -335,6 +321,7 @@ export default {
|
|||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
this.tblList = this.list
|
this.tblList = this.list
|
||||||
|
console.log('ql', this.isSystemCriterion)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
getList() {
|
getList() {
|
||||||
|
|||||||
+4
-12
@@ -10,7 +10,7 @@
|
|||||||
>
|
>
|
||||||
<!-- '表单问题' -->
|
<!-- '表单问题' -->
|
||||||
<el-form-item :label="$t('trials:readingUnit:readingCriterion:title:formQs')">
|
<el-form-item :label="$t('trials:readingUnit:readingCriterion:title:formQs')">
|
||||||
<questions-list
|
<QuestionsList
|
||||||
:ref="`questionList${trialReadingCriterionId}`"
|
:ref="`questionList${trialReadingCriterionId}`"
|
||||||
v-if="form.FormType===1"
|
v-if="form.FormType===1"
|
||||||
:trial-reading-criterion-id="trialReadingCriterionId"
|
:trial-reading-criterion-id="trialReadingCriterionId"
|
||||||
@@ -20,8 +20,6 @@
|
|||||||
:is-system-criterion="isSystemCriterion"
|
:is-system-criterion="isSystemCriterion"
|
||||||
:is-from-system="readingInfo.IsFromSystem"
|
:is-from-system="readingInfo.IsFromSystem"
|
||||||
:digit-places="digitPlaces"
|
:digit-places="digitPlaces"
|
||||||
:readingTools="readingTools"
|
|
||||||
:readingVersionEnum="readingVersionEnum"
|
|
||||||
@reloadArbitrationRules="reloadArbitrationRules"
|
@reloadArbitrationRules="reloadArbitrationRules"
|
||||||
/>
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -79,12 +77,6 @@ export default {
|
|||||||
isAdditionalAssessment: {
|
isAdditionalAssessment: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
|
||||||
readingTools: {
|
|
||||||
type: Array,
|
|
||||||
default() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
@@ -107,8 +99,7 @@ export default {
|
|||||||
readingInfo: {},
|
readingInfo: {},
|
||||||
isConfirm: true,
|
isConfirm: true,
|
||||||
configBaseDataVisible: false,
|
configBaseDataVisible: false,
|
||||||
additionalAssessmentOptionList: null,
|
additionalAssessmentOptionList: null
|
||||||
readingVersionEnum: 0
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
@@ -127,7 +118,6 @@ export default {
|
|||||||
}
|
}
|
||||||
getTrialReadingCriterionInfo({ trialId, TrialReadingCriterionId: this.trialReadingCriterionId }).then(res => {
|
getTrialReadingCriterionInfo({ trialId, TrialReadingCriterionId: this.trialReadingCriterionId }).then(res => {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
this.readingVersionEnum = res.OtherInfo.ReadingVersionEnum
|
|
||||||
this.readingInfo = res.Result
|
this.readingInfo = res.Result
|
||||||
for (const k in this.form) {
|
for (const k in this.form) {
|
||||||
if (res.Result.hasOwnProperty(k)) {
|
if (res.Result.hasOwnProperty(k)) {
|
||||||
@@ -136,6 +126,7 @@ export default {
|
|||||||
}
|
}
|
||||||
this.isConfirm = res.Result.IsSign
|
this.isConfirm = res.Result.IsSign
|
||||||
this.isSystemCriterion = res.Result.IsSystemCriterion
|
this.isSystemCriterion = res.Result.IsSystemCriterion
|
||||||
|
console.log(this.isSystemCriterion)
|
||||||
}).catch(() => {
|
}).catch(() => {
|
||||||
this.loading = false
|
this.loading = false
|
||||||
})
|
})
|
||||||
@@ -146,6 +137,7 @@ export default {
|
|||||||
// 配置信息保存
|
// 配置信息保存
|
||||||
handleSave(isPrompt = true) {
|
handleSave(isPrompt = true) {
|
||||||
return new Promise((resolve, reject) => {
|
return new Promise((resolve, reject) => {
|
||||||
|
console.log(this.form)
|
||||||
this.$refs['readingCriterionsForm'].validate((valid) => {
|
this.$refs['readingCriterionsForm'].validate((valid) => {
|
||||||
if (!valid) {
|
if (!valid) {
|
||||||
resolve(false)
|
resolve(false)
|
||||||
|
|||||||
@@ -917,8 +917,6 @@ export default {
|
|||||||
this.$emit('setGlobalReading', res.Result.IsGlobalReading)
|
this.$emit('setGlobalReading', res.Result.IsGlobalReading)
|
||||||
this.$emit('setOncologyReading', res.Result.IsOncologyReading)
|
this.$emit('setOncologyReading', res.Result.IsOncologyReading)
|
||||||
this.$emit('setDigitPlaces', res.Result.DigitPlaces)
|
this.$emit('setDigitPlaces', res.Result.DigitPlaces)
|
||||||
this.$emit('setReadingTools', res.Result.ReadingToolList)
|
|
||||||
|
|
||||||
if (res.Result.ReadingType === 1) {
|
if (res.Result.ReadingType === 1) {
|
||||||
this.$emit('setArbitrationReading', false)
|
this.$emit('setArbitrationReading', false)
|
||||||
}
|
}
|
||||||
@@ -959,7 +957,6 @@ export default {
|
|||||||
this.$emit('setGlobalReading', this.form.IsGlobalReading)
|
this.$emit('setGlobalReading', this.form.IsGlobalReading)
|
||||||
this.$emit('setOncologyReading', this.form.IsOncologyReading)
|
this.$emit('setOncologyReading', this.form.IsOncologyReading)
|
||||||
this.$emit('setDigitPlaces', this.form.DigitPlaces)
|
this.$emit('setDigitPlaces', this.form.DigitPlaces)
|
||||||
this.$emit('setReadingTools', this.form.ReadingToolList)
|
|
||||||
if (this.form.ReadingType === 1) {
|
if (this.form.ReadingType === 1) {
|
||||||
this.$emit('setArbitrationReading', false)
|
this.$emit('setArbitrationReading', false)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,7 +19,7 @@
|
|||||||
>
|
>
|
||||||
<template v-for="item of $d.Criterion_Question_Type">
|
<template v-for="item of $d.Criterion_Question_Type">
|
||||||
<el-option
|
<el-option
|
||||||
v-if="item.value !== 'increment' && item.value !== 'table' && item.value !== 'basicTable' && item.value !== 'group' && item.value !== 'fixedTable' && item.value !== 'calculation' "
|
v-if="item.value !== 'increment' && item.value !== 'table' && item.value !== 'basicTable' && item.value !== 'group'"
|
||||||
:key="item.value"
|
:key="item.value"
|
||||||
:value="item.value"
|
:value="item.value"
|
||||||
:label="item.label"
|
:label="item.label"
|
||||||
@@ -429,64 +429,6 @@
|
|||||||
<i class="el-icon-info" />{{ [1, 2, 3, 4].includes(form.CustomCalculateMark) ? $t('trials:readingUnit:qsList:message:msg1') : $t('trials:readingUnit:qsList:message:msg2') }}
|
<i class="el-icon-info" />{{ [1, 2, 3, 4].includes(form.CustomCalculateMark) ? $t('trials:readingUnit:qsList:message:msg1') : $t('trials:readingUnit:qsList:message:msg2') }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 影像标记 -->
|
|
||||||
<el-form-item
|
|
||||||
v-if="form.Type === 'number' && !isFromSystem && readingVersionEnum"
|
|
||||||
:label="$t('trials:readingUnit:qsList:title:imageMarkEnum')"
|
|
||||||
prop="ImageMarkEnum"
|
|
||||||
>
|
|
||||||
<el-radio-group
|
|
||||||
v-model="form.ImageMarkEnum"
|
|
||||||
:disabled="form.IsRequired === 0"
|
|
||||||
@change="imageMarkEnumChange"
|
|
||||||
>
|
|
||||||
<el-radio v-for="item of $d.ImageMark" :key="item.id" :label="item.value" :disabled="form.IsRequired === 2 && item.value === 1">{{ item.label }}</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 测量工具 ImageTool -->
|
|
||||||
<el-form-item
|
|
||||||
v-if="form.ImageMarkEnum === 1 || form.ImageMarkEnum === 2"
|
|
||||||
:label="$t('trials:readingUnit:qsList:title:ImageTool')"
|
|
||||||
prop="ImageTool"
|
|
||||||
:rules="[
|
|
||||||
{ required: true, message: this.$t('common:ruleMessage:select')}
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<el-radio-group
|
|
||||||
v-model="form.ImageTool"
|
|
||||||
@change="imageToolChange"
|
|
||||||
>
|
|
||||||
<el-radio
|
|
||||||
v-for="tool of readingTools"
|
|
||||||
:key="tool.toolName"
|
|
||||||
:label="tool.toolName"
|
|
||||||
>
|
|
||||||
{{ $t(tool.i18nKey) }}
|
|
||||||
</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 测量值 ImageToolAttribute -->
|
|
||||||
<el-form-item
|
|
||||||
v-if="form.ImageTool"
|
|
||||||
:label="$t('trials:readingUnit:qsList:title:ImageToolAttribute')"
|
|
||||||
prop="ImageToolAttribute"
|
|
||||||
:rules="[
|
|
||||||
{ required: true, message: this.$t('common:ruleMessage:select')}
|
|
||||||
]"
|
|
||||||
>
|
|
||||||
<el-radio-group
|
|
||||||
v-model="form.ImageToolAttribute"
|
|
||||||
>
|
|
||||||
<el-radio
|
|
||||||
v-for="i of imageToolAttributes"
|
|
||||||
:key="i"
|
|
||||||
:label="i"
|
|
||||||
>
|
|
||||||
{{ i }}
|
|
||||||
</el-radio>
|
|
||||||
</el-radio-group>
|
|
||||||
</el-form-item>
|
|
||||||
|
|
||||||
<el-form-item
|
<el-form-item
|
||||||
v-if="(form.Type === 'select' || form.Type === 'radio' || form.Type === 'input') && isFromSystem"
|
v-if="(form.Type === 'select' || form.Type === 'radio' || form.Type === 'input') && isFromSystem"
|
||||||
:label="$t('trials:readingUnit:label:QuestionGenre')"
|
:label="$t('trials:readingUnit:label:QuestionGenre')"
|
||||||
@@ -905,16 +847,6 @@ export default {
|
|||||||
type: {
|
type: {
|
||||||
type: String,
|
type: String,
|
||||||
required: true
|
required: true
|
||||||
},
|
|
||||||
readingTools: {
|
|
||||||
type: Array,
|
|
||||||
default() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
readingVersionEnum: {
|
|
||||||
type: Number,
|
|
||||||
default: 0
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
@@ -964,12 +896,8 @@ export default {
|
|||||||
ClassifyType: null,
|
ClassifyType: null,
|
||||||
ClassifyEditType: null,
|
ClassifyEditType: null,
|
||||||
ClassifyShowType: null,
|
ClassifyShowType: null,
|
||||||
ImageMarkEnum: 0,
|
|
||||||
ImageTool: '',
|
|
||||||
ImageToolAttribute: '',
|
|
||||||
// IsEnable: true
|
// IsEnable: true
|
||||||
},
|
},
|
||||||
imageToolAttributes: [],
|
|
||||||
rules: {
|
rules: {
|
||||||
Type: [
|
Type: [
|
||||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||||
@@ -1243,9 +1171,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
if (this.form.ImageTool) {
|
|
||||||
this.imageToolChange(this.form.ImageTool)
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
if (this.form.ClassifyTableQuestionId) {
|
if (this.form.ClassifyTableQuestionId) {
|
||||||
this.classifyQuestionChange(this.form.ClassifyTableQuestionId)
|
this.classifyQuestionChange(this.form.ClassifyTableQuestionId)
|
||||||
@@ -1257,12 +1182,6 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
classifyQuestionChange (v){
|
|
||||||
let obj = this.selectQuestions.find(i=>i.Id === v)
|
|
||||||
let arr = obj && obj.TypeValue ? obj.TypeValue.split('|') : []
|
|
||||||
arr = arr.length > 0 ? arr.map(i=>i.trim()) : []
|
|
||||||
this.classifyQuestionOptions = arr
|
|
||||||
},
|
|
||||||
getBasicConfigSelect() {
|
getBasicConfigSelect() {
|
||||||
getCriterionDictionaryList({
|
getCriterionDictionaryList({
|
||||||
CriterionId: this.criterionId,
|
CriterionId: this.criterionId,
|
||||||
@@ -1344,25 +1263,6 @@ export default {
|
|||||||
form.RelevanceId = ''
|
form.RelevanceId = ''
|
||||||
form.RelevanceValueList = []
|
form.RelevanceValueList = []
|
||||||
}
|
}
|
||||||
if (val === 0 && form.Type === 'number' && !this.isFromSystem) {
|
|
||||||
form.ImageMarkEnum = 1
|
|
||||||
}
|
|
||||||
if (val === 2 && form.Type === 'number' && !this.isFromSystem) {
|
|
||||||
form.ImageMarkEnum = 0
|
|
||||||
}
|
|
||||||
},
|
|
||||||
imageMarkEnumChange(val) {
|
|
||||||
if (val === 0) {
|
|
||||||
this.form.ImageTool = ''
|
|
||||||
this.form.ImageToolAttribute = ''
|
|
||||||
this.imageToolAttributes = []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
imageToolChange(v) {
|
|
||||||
let i = this.readingTools.findIndex(tool=>tool.toolName === v)
|
|
||||||
if (i > -1) {
|
|
||||||
this.imageToolAttributes = this.readingTools[i].props
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
async parentQuestionChange(val, form) {
|
async parentQuestionChange(val, form) {
|
||||||
if (val) {
|
if (val) {
|
||||||
@@ -1472,10 +1372,6 @@ export default {
|
|||||||
form.ImageCount = 0
|
form.ImageCount = 0
|
||||||
form.ClassifyType = null
|
form.ClassifyType = null
|
||||||
form.ClassifyShowType = null
|
form.ClassifyShowType = null
|
||||||
form.ImageMarkEnum = 0
|
|
||||||
form.ImageTool = ''
|
|
||||||
form.ImageToolAttribute = ''
|
|
||||||
this.imageToolAttributes = []
|
|
||||||
},
|
},
|
||||||
close() {
|
close() {
|
||||||
this.$emit('close')
|
this.$emit('close')
|
||||||
|
|||||||
@@ -202,8 +202,6 @@
|
|||||||
:digit-places="digitPlaces"
|
:digit-places="digitPlaces"
|
||||||
:reading-question-id="readingQuestionId"
|
:reading-question-id="readingQuestionId"
|
||||||
:criterion-id="criterionId"
|
:criterion-id="criterionId"
|
||||||
:readingTools="readingTools"
|
|
||||||
:readingVersionEnum="readingVersionEnum"
|
|
||||||
@close="addOrEdit.visible = false"
|
@close="addOrEdit.visible = false"
|
||||||
@getList="getList"
|
@getList="getList"
|
||||||
/>
|
/>
|
||||||
@@ -243,16 +241,6 @@ export default {
|
|||||||
criterionId: {
|
criterionId: {
|
||||||
type: String,
|
type: String,
|
||||||
required: true
|
required: true
|
||||||
},
|
|
||||||
readingTools: {
|
|
||||||
type: Array,
|
|
||||||
default() {
|
|
||||||
return []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
readingVersionEnum: {
|
|
||||||
type: Number,
|
|
||||||
default: 0
|
|
||||||
}
|
}
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -46,7 +46,6 @@
|
|||||||
@setGlobalReading="setGlobalReading"
|
@setGlobalReading="setGlobalReading"
|
||||||
@setOncologyReading="setOncologyReading"
|
@setOncologyReading="setOncologyReading"
|
||||||
@setDigitPlaces="setDigitPlaces"
|
@setDigitPlaces="setDigitPlaces"
|
||||||
@setReadingTools="setReadingTools"
|
|
||||||
/>
|
/>
|
||||||
</el-collapse-item>
|
</el-collapse-item>
|
||||||
<!-- 阅片标准 -->
|
<!-- 阅片标准 -->
|
||||||
@@ -58,7 +57,6 @@
|
|||||||
:ref="`readingCriterions${item.TrialReadingCriterionId}`"
|
:ref="`readingCriterions${item.TrialReadingCriterionId}`"
|
||||||
:trial-reading-criterion-id="TrialReadingCriterionId"
|
:trial-reading-criterion-id="TrialReadingCriterionId"
|
||||||
:digit-places="digitPlaces"
|
:digit-places="digitPlaces"
|
||||||
:readingTools="readingTools"
|
|
||||||
:is-additional-assessment="isAdditionalAssessment"
|
:is-additional-assessment="isAdditionalAssessment"
|
||||||
@reloadArbitrationRules="reloadArbitrationRules"
|
@reloadArbitrationRules="reloadArbitrationRules"
|
||||||
/>
|
/>
|
||||||
@@ -176,7 +174,7 @@ import GlobalReading from "./components/GlobalReading";
|
|||||||
import OncologyForm from "./components/OncologyForm";
|
import OncologyForm from "./components/OncologyForm";
|
||||||
import SignForm from "@/views/trials/components/newSignForm";
|
import SignForm from "@/views/trials/components/newSignForm";
|
||||||
import const_ from "@/const/sign-code";
|
import const_ from "@/const/sign-code";
|
||||||
import { getCustomizeStandardsTools } from '@/views/trials/trials-panel/reading/dicoms3D/components/toolConfig'
|
|
||||||
export default {
|
export default {
|
||||||
name: "ReadingUnit",
|
name: "ReadingUnit",
|
||||||
components: {
|
components: {
|
||||||
@@ -210,7 +208,6 @@ export default {
|
|||||||
isGlobalReading: false,
|
isGlobalReading: false,
|
||||||
digitPlaces: 0,
|
digitPlaces: 0,
|
||||||
isAdditionalAssessment: false,
|
isAdditionalAssessment: false,
|
||||||
readingTools: []
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@@ -298,9 +295,6 @@ export default {
|
|||||||
setDigitPlaces(digitPlaces) {
|
setDigitPlaces(digitPlaces) {
|
||||||
this.digitPlaces = digitPlaces;
|
this.digitPlaces = digitPlaces;
|
||||||
},
|
},
|
||||||
setReadingTools(readingTools) {
|
|
||||||
this.readingTools = getCustomizeStandardsTools(readingTools)
|
|
||||||
},
|
|
||||||
setIsClinicalReading(isClinicalReading) {
|
setIsClinicalReading(isClinicalReading) {
|
||||||
this.isClinicalReading = isClinicalReading;
|
this.isClinicalReading = isClinicalReading;
|
||||||
},
|
},
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@@ -1,357 +0,0 @@
|
|||||||
<template>
|
|
||||||
<BaseContainer class="image-summary-wrapper">
|
|
||||||
<template slot="search-container">
|
|
||||||
<el-form :inline="true">
|
|
||||||
<!-- 中心 -->
|
|
||||||
<el-form-item :label="$t('trials:imageSummary:table:siteNo')">
|
|
||||||
<el-select v-model="searchData.TrialSiteId" clearable filterable>
|
|
||||||
<el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
|
|
||||||
:value="item.TrialSiteId" />
|
|
||||||
</el-select>
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 受试者 -->
|
|
||||||
<el-form-item :label="$t('trials:imageSummary:table:subject')">
|
|
||||||
<el-input v-model="searchData.SubjectCode" />
|
|
||||||
</el-form-item>
|
|
||||||
<!-- 拍片时间 -->
|
|
||||||
<el-form-item :label="$t('trials:imageSummary:table:operateTime')">
|
|
||||||
<el-date-picker v-model="timeList" @change="changeTimeList" value-format="yyyy-MM-dd HH:mm:ss"
|
|
||||||
:default-time="['00:00:00', '23:59:59']" type="datetimerange">
|
|
||||||
</el-date-picker>
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item>
|
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
|
||||||
{{ $t('common:button:search') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
|
|
||||||
{{ $t('common:button:reset') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" @click="handleExport">
|
|
||||||
{{ $t('common:button:export') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" @click="handleExportImage(false)" :disabled="selectArr.length <= 0"
|
|
||||||
v-if="hasPermi(['trials:trials-panel:trial-summary:image-summary:export'])">
|
|
||||||
{{ $t('trials:imageSummary:button:export_dicom') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" @click="handleExportImage(true)" :disabled="selectArr.length <= 0"
|
|
||||||
v-if="hasPermi(['trials:trials-panel:trial-summary:image-summary:export'])">
|
|
||||||
{{ $t('trials:imageSummary:button:export_image') }}
|
|
||||||
</el-button>
|
|
||||||
<el-button type="primary" @click="statistics">
|
|
||||||
{{ $t('trials:imageSummary:button:statistics') }}
|
|
||||||
</el-button>
|
|
||||||
</el-form-item>
|
|
||||||
</el-form>
|
|
||||||
</template>
|
|
||||||
<template slot="main-container">
|
|
||||||
<el-table v-adaptive="{ bottomOffset: 60 }" v-loading="loading" :data="list" @sort-change="handleSortChange"
|
|
||||||
@selection-change="handleSelectionChange" stripe height="100"
|
|
||||||
:default-sort="{ prop: 'CreateTime', order: 'descending' }">
|
|
||||||
<el-table-column type="selection" width="55" />
|
|
||||||
<!-- 中心编号 -->
|
|
||||||
<el-table-column prop="TrialSiteCode" min-width="100" :label="$t('trials:imageSummary:table:siteNo')"
|
|
||||||
show-overflow-tooltip sortable="custom" />
|
|
||||||
<!-- 受试者 -->
|
|
||||||
<el-table-column prop="SubjectCode" min-width="100" :label="$t('trials:imageSummary:table:subject')"
|
|
||||||
show-overflow-tooltip sortable="custom" />
|
|
||||||
<!-- 访视 -->
|
|
||||||
<el-table-column prop="VisitName" min-width="120" :label="$t('trials:imageSummary:table:visit')"
|
|
||||||
show-overflow-tooltip sortable="custom" />
|
|
||||||
<!-- 检查数量 -->
|
|
||||||
<el-table-column prop="TotalStudyCount" min-width="120"
|
|
||||||
:label="$t('trials:imageSummary:table:TotalStudyCount')" show-overflow-tooltip sortable="custom" />
|
|
||||||
<!-- 影像类型 -->
|
|
||||||
<el-table-column prop="VisitName" min-width="120" :label="$t('trials:imageSummary:table:imageType')"
|
|
||||||
show-overflow-tooltip sortable="custom">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<el-tag v-if="scope.row.IsHaveDicom" type="primary">{{
|
|
||||||
$fd('IsDicom', true)
|
|
||||||
}}</el-tag>
|
|
||||||
<el-tag v-if="scope.row.IsHaveNoneDicom" type="primary">{{
|
|
||||||
$fd('IsDicom', false)
|
|
||||||
}}</el-tag>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<!-- 影像数量 -->
|
|
||||||
<el-table-column prop="TotalImageCount" min-width="120"
|
|
||||||
:label="$t('trials:imageSummary:table:TotalImageCount')" show-overflow-tooltip sortable="custom" />
|
|
||||||
<!-- 影像大小 -->
|
|
||||||
<el-table-column prop="TotalImageSizeStr" min-width="120"
|
|
||||||
:label="$t('trials:imageSummary:table:TotalImageSizeStr')" show-overflow-tooltip
|
|
||||||
sortable="custom" />
|
|
||||||
<!-- 最早拍片日期 -->
|
|
||||||
<el-table-column prop="EarliestScanDate" min-width="120"
|
|
||||||
:label="$t('trials:imageSummary:table:EarliestScanDate')" show-overflow-tooltip sortable="custom" />
|
|
||||||
<!-- 最晚拍片日期 -->
|
|
||||||
<el-table-column prop="LatestScanDate" min-width="120"
|
|
||||||
:label="$t('trials:imageSummary:table:LatestScanDate')" show-overflow-tooltip sortable="custom" />
|
|
||||||
<el-table-column prop="" fixed="right" :label="$t('common:action:action')" show-overflow-tooltip
|
|
||||||
v-if="hasPermi(['trials:trials-panel:trial-summary:image-summary:toUpload', 'trials:tab:uploadMonitor'])">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<!-- 详情 -->
|
|
||||||
<el-button icon="el-icon-position" circle @click="toUpload(scope.row)"
|
|
||||||
:title="$t('trials:imageSummary:action:toUpload')" />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
<pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize"
|
|
||||||
@pagination="getList" />
|
|
||||||
<div class="remark">
|
|
||||||
<span>{{ $t('trials:imageSummary:remark:TotalImageSizeStr') }}</span>
|
|
||||||
<span class="size">{{ image_size.TotalImageSizeStr }}</span>,
|
|
||||||
<span>{{ $t('trials:imageSummary:remark:SubjectImageAVGSizeStr') }}</span>
|
|
||||||
<span class="size">{{ image_size.SubjectImageAVGSizeStr }} </span>,
|
|
||||||
<span>{{ $t('trials:imageSummary:remark:SubjectVisitImageAVGSizeStr') }}</span>
|
|
||||||
<span class="size">{{ image_size.SubjectVisitImageAVGSizeStr }}</span>,
|
|
||||||
<span>{{ $t('trials:imageSummary:remark:CheckImageSize') }}</span>
|
|
||||||
<span class="size">{{ image_size.CheckImageSize }} </span>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
</BaseContainer>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import Pagination from '@/components/Pagination'
|
|
||||||
import BaseContainer from '@/components/BaseContainer'
|
|
||||||
import { getTrialSiteSelect, getTrialVisitImageStatList, getTrialVisitImageStatInfo, getExportSubjectVisitImageList } from '@/api/trials'
|
|
||||||
import { downLoadFile } from '@/utils/stream.js'
|
|
||||||
const searchDataDefault = () => {
|
|
||||||
return {
|
|
||||||
SortField: '',
|
|
||||||
Asc: false,
|
|
||||||
PageIndex: 1,
|
|
||||||
PageSize: 20,
|
|
||||||
TrialSiteId: null,
|
|
||||||
SubjectCode: null,
|
|
||||||
BeginScanDate: null,
|
|
||||||
EndScanDate: null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default {
|
|
||||||
name: "imageSummary",
|
|
||||||
components: { Pagination, BaseContainer },
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
total: 0,
|
|
||||||
loading: false,
|
|
||||||
searchData: searchDataDefault(),
|
|
||||||
ResearchProgramNo: null,
|
|
||||||
list: [],
|
|
||||||
siteOptions: [],
|
|
||||||
timeList: [],
|
|
||||||
selectArr: [],
|
|
||||||
image_size: {
|
|
||||||
TotalImageSizeStr: null,
|
|
||||||
SubjectImageAVGSizeStr: null,
|
|
||||||
SubjectVisitImageAVGSizeStr: null,
|
|
||||||
CheckImageSize: null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
created() {
|
|
||||||
this.getSite()
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
async getList() {
|
|
||||||
try {
|
|
||||||
this.searchData.TrialId = this.$route.query.trialId
|
|
||||||
this.loading = true
|
|
||||||
let res = await getTrialVisitImageStatList(this.searchData)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.list = res.Result.CurrentPageData
|
|
||||||
this.total = res.Result.TotalCount
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 导出表格
|
|
||||||
handleExport() { },
|
|
||||||
// 导出影像或关键图
|
|
||||||
async handleExportImage(IsKeyImage = false) {
|
|
||||||
try {
|
|
||||||
let data = {
|
|
||||||
TrialId: this.$route.query.trialId,
|
|
||||||
IsKeyImage
|
|
||||||
}
|
|
||||||
data.SubjectVisitIdList = this.selectArr.map(item => item.SubjectVisitId)
|
|
||||||
if (!IsKeyImage) {
|
|
||||||
let confirm = await this.$confirm(this.$t('trials:imageSummary:confirm:space').replace('xxx', this.image_size.CheckImageSize))
|
|
||||||
if (!confirm) return false
|
|
||||||
}
|
|
||||||
let res = await getExportSubjectVisitImageList(data)
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.downLoad(IsKeyImage, res.Result)
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 下载
|
|
||||||
async downLoad(IsKeyImage = false, row) {
|
|
||||||
try {
|
|
||||||
let { files, name } = this.formatDownloadFile(IsKeyImage, row)
|
|
||||||
let res = await downLoadFile(files, name, 'zip')
|
|
||||||
// }
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 格式化下载文件路径
|
|
||||||
formatDownloadFile(IsKeyImage = false, row) {
|
|
||||||
let files = [],
|
|
||||||
name = `${this.$route.query.researchProgramNo}.zip`;
|
|
||||||
if (!IsKeyImage) {
|
|
||||||
//中心ID/受试者ID/访视名/Study ID_Study Date_Modality/文件
|
|
||||||
row.VisitList.forEach(visit => {
|
|
||||||
if (visit.StudyList && visit.StudyList.length > 0) {
|
|
||||||
visit.StudyList.forEach(study => {
|
|
||||||
if (study.SeriesList && study.SeriesList.length > 0) {
|
|
||||||
study.SeriesList.forEach(serie => {
|
|
||||||
if (serie.InstancePathList && serie.InstancePathList.length > 0) {
|
|
||||||
serie.InstancePathList.forEach(instance => {
|
|
||||||
let instanceArr = instance.Path.split("/")
|
|
||||||
let fileName = instanceArr[instanceArr.length - 1]
|
|
||||||
let obj = {
|
|
||||||
name: `${visit.TrialSiteCode}/${visit.SubjectCode}/${visit.VisitName}/${study.StudyCode}_${study.StudyTime}_${serie.Modality}/${fileName}`,
|
|
||||||
url: this.OSSclientConfig.basePath + instance.Path,
|
|
||||||
}
|
|
||||||
files.push(obj)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (visit.NoneDicomStudyList && visit.NoneDicomStudyList.length > 0) {
|
|
||||||
visit.NoneDicomStudyList.forEach(noneDicomStudy => {
|
|
||||||
if (noneDicomStudy.FileList && noneDicomStudy.FileList.length > 0) {
|
|
||||||
noneDicomStudy.FileList.forEach(file => {
|
|
||||||
let obj = {
|
|
||||||
name: `${visit.TrialSiteCode}/${visit.SubjectCode}/${visit.VisitName}/${noneDicomStudy.StudyCode}_${noneDicomStudy.ImageDate}_${noneDicomStudy.Modality}/${file.FileName}`,
|
|
||||||
url: this.OSSclientConfig.basePath + file.Path,
|
|
||||||
}
|
|
||||||
files.push(obj)
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
} else {
|
|
||||||
//项目研究方案号(评估标准)/中心ID/受试者ID/访视名/阅片人角色-裁判选择标记/文件名
|
|
||||||
row.forEach(item => {
|
|
||||||
['QuestionMarkPictureList', 'TableQuestionRowPictureList'].forEach(key => {
|
|
||||||
if (item[key] && item[key].length > 0) {
|
|
||||||
item[key].forEach(data => {
|
|
||||||
['PicturePath', 'otherPicturePath'].forEach(imgKey => {
|
|
||||||
if (data[imgKey]) {
|
|
||||||
let arr = data[imgKey].split("/")
|
|
||||||
let fileName = arr[arr.length - 1]
|
|
||||||
let obj = {
|
|
||||||
name: `${item.CriterionName}/${item.TrialSiteCode}/${item.SubjectCode}/${item.VisitName}/${this.$fd('ArmEnum', item.ArmEnum)}_${this.$fd('YesOrNo', item.IsJudgeSelect)}/${fileName}`,
|
|
||||||
url: this.OSSclientConfig.basePath + data[imgKey],
|
|
||||||
}
|
|
||||||
files.push(obj)
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
})
|
|
||||||
})
|
|
||||||
}
|
|
||||||
|
|
||||||
return { files, name }
|
|
||||||
},
|
|
||||||
// 获取统计数据
|
|
||||||
async statistics() {
|
|
||||||
try {
|
|
||||||
let params = {
|
|
||||||
TrialId: this.$route.query.trialId
|
|
||||||
}
|
|
||||||
this.loading = true
|
|
||||||
let res = await getTrialVisitImageStatInfo(params)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.image_size.TotalImageSizeStr = res.Result.TotalImageSizeStr;
|
|
||||||
this.image_size.SubjectImageAVGSizeStr = res.Result.SubjectImageAVGSizeStr;
|
|
||||||
this.image_size.SubjectVisitImageAVGSizeStr = res.Result.SubjectVisitImageAVGSizeStr;
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
// 跳转至上传记录页
|
|
||||||
toUpload(row) {
|
|
||||||
let query = this.$route.query
|
|
||||||
query.siteId = row.TrialSiteId
|
|
||||||
query.subjectCode = row.SubjectCode
|
|
||||||
query.visitNum = row.VisitNum
|
|
||||||
this.$router.push({
|
|
||||||
path: '/trials/trials-panel/trial-summary/upload-monitor',
|
|
||||||
query
|
|
||||||
})
|
|
||||||
},
|
|
||||||
handleSelectionChange(selection) {
|
|
||||||
this.selectArr = selection
|
|
||||||
let num = this.selectArr.reduce((sum, item) => sum + item.TotalImageSize, 0)
|
|
||||||
if (num <= 0) return this.image_size.CheckImageSize = null
|
|
||||||
this.image_size.CheckImageSize = (num / 1024 / 1024).toFixed(3) + 'MB'
|
|
||||||
},
|
|
||||||
// 获取site下拉框数据
|
|
||||||
getSite() {
|
|
||||||
getTrialSiteSelect(this.$route.query.trialId).then(res => {
|
|
||||||
this.siteOptions = res.Result
|
|
||||||
})
|
|
||||||
},
|
|
||||||
changeTimeList() {
|
|
||||||
if (this.timeList) {
|
|
||||||
this.searchData.BeginScanDate = this.timeList[0]
|
|
||||||
this.searchData.EndScanDate = this.timeList[1]
|
|
||||||
} else {
|
|
||||||
this.searchData.BeginScanDate = null
|
|
||||||
this.searchData.EndScanDate = null
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
handleReset() {
|
|
||||||
this.searchData = searchDataDefault()
|
|
||||||
this.timeList = []
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
handleSearch() {
|
|
||||||
this.searchData.PageIndex = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
handleSortChange(column) {
|
|
||||||
if (column.order === 'ascending') {
|
|
||||||
this.searchData.Asc = true
|
|
||||||
} else {
|
|
||||||
this.searchData.Asc = false
|
|
||||||
}
|
|
||||||
this.searchData.SortField = column.prop
|
|
||||||
this.searchData.PageIndex = 1
|
|
||||||
this.getList()
|
|
||||||
},
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.image-summary-wrapper {
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
.remark {
|
|
||||||
position: absolute;
|
|
||||||
left: 5px;
|
|
||||||
bottom: 7px;
|
|
||||||
font-size: 12px;
|
|
||||||
|
|
||||||
.size {
|
|
||||||
display: inline-block;
|
|
||||||
min-width: 100px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
+271
-103
@@ -4,25 +4,52 @@
|
|||||||
{{ TITLE }}
|
{{ TITLE }}
|
||||||
</div>
|
</div>
|
||||||
<el-form :inline="true" class="base-search-form topForm">
|
<el-form :inline="true" class="base-search-form topForm">
|
||||||
<el-form-item :label="$t('trials:trialDocument:fileRecord:form:isConfirmRecord')"
|
<el-form-item
|
||||||
v-if="isManage && hasEdit && !viewStatus">
|
:label="$t('trials:trialDocument:fileRecord:form:isConfirmRecord')"
|
||||||
<el-radio-group v-model="DATA.IsConfirmRecord" :disabled="rowBtnStatus === 'edit'">
|
v-if="isManage && hasEdit && !viewStatus"
|
||||||
<el-radio :label="item.value" v-for="item in $d.YesOrNo" :key="item.id">{{ item.label }}
|
>
|
||||||
|
<el-radio-group
|
||||||
|
v-model="DATA.IsConfirmRecord"
|
||||||
|
:disabled="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
:label="item.value"
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
>{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:fileRecord:form:isEnable')"
|
<el-form-item
|
||||||
v-if="isManage && hasEdit && !viewStatus">
|
:label="$t('trials:trialDocument:fileRecord:form:isEnable')"
|
||||||
<el-radio-group v-model="DATA.IsEnable" :disabled="rowBtnStatus === 'edit'">
|
v-if="isManage && hasEdit && !viewStatus"
|
||||||
<el-radio :label="item.value" v-for="item in $d.YesOrNo" :key="item.id">{{ item.label }}
|
>
|
||||||
|
<el-radio-group
|
||||||
|
v-model="DATA.IsEnable"
|
||||||
|
:disabled="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
:label="item.value"
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
>{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="isManage && hasEdit && !viewStatus">
|
<el-form-item v-if="isManage && hasEdit && !viewStatus">
|
||||||
<el-button type="primary" @click="rowBtnStatus = 'save'" v-if="rowBtnStatus === 'edit'">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click="rowBtnStatus = 'save'"
|
||||||
|
v-if="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
{{ $t('common:button:edit') }}
|
{{ $t('common:button:edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" :loading="rowBtnLoading" @click="saveRowData" v-if="rowBtnStatus === 'save'">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:loading="rowBtnLoading"
|
||||||
|
@click="saveRowData"
|
||||||
|
v-if="rowBtnStatus === 'save'"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -31,14 +58,32 @@
|
|||||||
<!-- 搜索框 -->
|
<!-- 搜索框 -->
|
||||||
<div class="search" style="position: relative">
|
<div class="search" style="position: relative">
|
||||||
<el-form :inline="true" class="base-search-form">
|
<el-form :inline="true" class="base-search-form">
|
||||||
<el-form-item :label="$t('trials:trialDocument:fileRecord:search:name')">
|
<el-form-item
|
||||||
<el-input v-model="searchData.FileName" style="width: 100px" clearable />
|
:label="$t('trials:trialDocument:fileRecord:search:name')"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="searchData.FileName"
|
||||||
|
style="width: 100px"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:fileRecord:search:isAuthorizedView')"
|
<el-form-item
|
||||||
v-if="isManage && !viewStatus">
|
:label="$t('trials:trialDocument:fileRecord:search:isAuthorizedView')"
|
||||||
<el-select v-if="!viewStatus" v-model="searchData.IsAuthorizedView" style="width: 100px" placeholder=""
|
v-if="isManage && !viewStatus"
|
||||||
clearable>
|
>
|
||||||
<el-option v-for="item in $d.YesOrNo" :key="item.id" :label="item.label" :value="item.value">
|
<el-select
|
||||||
|
v-if="!viewStatus"
|
||||||
|
v-model="searchData.IsAuthorizedView"
|
||||||
|
style="width: 100px"
|
||||||
|
placeholder=""
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -46,70 +91,134 @@
|
|||||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||||
{{ $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-item v-if="isManage && !viewStatus">
|
<el-form-item v-if="isManage && !viewStatus">
|
||||||
<el-button type="primary" :disabled="selectTable.length <= 0" v-if="hasAccredit && isManage && !viewStatus"
|
<el-button
|
||||||
@click.stop="auth">
|
type="primary"
|
||||||
|
:disabled="selectTable.length <= 0"
|
||||||
|
v-if="hasAccredit && isManage && !viewStatus"
|
||||||
|
@click.stop="auth"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:fileRecord:button:accredit') }}
|
{{ $t('trials:trialDocument:fileRecord:button:accredit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" v-if="hasEdit && isManage && !viewStatus" @click.stop="openFile(false)">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
v-if="hasEdit && isManage && !viewStatus"
|
||||||
|
@click.stop="openFile(false)"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:fileRecord:button:uploadFile') }}
|
{{ $t('trials:trialDocument:fileRecord:button:uploadFile') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" v-if="hasEdit && isManage && !viewStatus" @click.stop="openFile(true)">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
v-if="hasEdit && isManage && !viewStatus"
|
||||||
|
@click.stop="openFile(true)"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:fileRecord:button:uploadFolder') }}
|
{{ $t('trials:trialDocument:fileRecord:button:uploadFolder') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" icon="el-icon-bottom" :disabled="selectTable.length <= 0"
|
<el-button
|
||||||
v-if="hasDownLoad && isManage && !viewStatus" @click.stop="downLoad">
|
type="primary"
|
||||||
|
icon="el-icon-bottom"
|
||||||
|
:disabled="selectTable.length <= 0"
|
||||||
|
v-if="hasDownLoad && isManage && !viewStatus"
|
||||||
|
@click.stop="downLoad"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:fileRecord:button:downLoadFile') }}
|
{{ $t('trials:trialDocument:fileRecord:button:downLoadFile') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" v-if="hasDel && isManage && !viewStatus" :disabled="selectTable.length <= 0"
|
<el-button
|
||||||
@click.stop="delList">
|
type="primary"
|
||||||
|
v-if="hasDel && isManage && !viewStatus"
|
||||||
|
:disabled="selectTable.length <= 0"
|
||||||
|
@click.stop="delList"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:fileRecord:button:del') }}
|
{{ $t('trials:trialDocument:fileRecord:button:del') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100" style="width: 100%"
|
<el-table
|
||||||
@sort-change="handleSortByColumn" @selection-change="handleSelectionChange">
|
v-loading="loading"
|
||||||
<el-table-column type="selection" width="55" v-if="isManage && !viewStatus" />
|
v-adaptive="{ bottomOffset: 75 }"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
style="width: 100%"
|
||||||
|
@sort-change="handleSortByColumn"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
/>
|
||||||
<el-table-column type="index" v-else />
|
<el-table-column type="index" v-else />
|
||||||
|
|
||||||
<!--名称-->
|
<!--名称-->
|
||||||
<el-table-column prop="FileName" :label="$t('trials:trialDocument:fileRecord:table:name')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom">
|
prop="FileName"
|
||||||
|
:label="$t('trials:trialDocument:fileRecord:table:name')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="
|
<div
|
||||||
scope.row.TrialFileRecord &&
|
v-if="
|
||||||
scope.row.TrialFileRecord.TrialFileTypeId
|
scope.row.TrialFileRecord &&
|
||||||
" style="display: flex; align-items: center">
|
scope.row.TrialFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
<span class="fileName">{{
|
<span class="fileName">{{
|
||||||
scope.row.TrialFileRecord.FileName
|
scope.row.TrialFileRecord.FileName
|
||||||
}}</span>
|
}}</span>
|
||||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
<i class="el-icon-view" @click.stop="preview(scope.row.TrialFileRecord)" />
|
<i
|
||||||
<i class="el-icon-download" v-if="hasDownLoad"
|
class="el-icon-view"
|
||||||
@click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')" />
|
@click.stop="preview(scope.row.TrialFileRecord)"
|
||||||
<i class="el-icon-delete" v-if="hasDel" @click.stop="delFile(scope.row, 'Trial')" />
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-download"
|
||||||
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'Trial')"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i v-else-if="isManage && !viewStatus && hasEdit" class="el-icon-upload2"
|
<i
|
||||||
style="cursor: pointer; color: #409eff" @click.stop="upload(scope.row, 'Trial', ['.pdf'])" />
|
v-else-if="isManage && !viewStatus && hasEdit"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'Trial', ['.pdf'])"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="fileType" :label="$t('trials:trialDocument:fileRecord:table:fileType')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="fileType"
|
||||||
|
:label="$t('trials:trialDocument:fileRecord:table:fileType')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.TrialFileRecord">{{
|
<span v-if="scope.row.TrialFileRecord">{{
|
||||||
scope.row.TrialFileRecord.FileFormat
|
scope.row.TrialFileRecord.FileFormat
|
||||||
}}</span>
|
}}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="fileType" :label="$t('trials:trialDocument:fileRecord:table:fileSize')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="fileType"
|
||||||
|
:label="$t('trials:trialDocument:fileRecord:table:fileSize')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<span v-if="scope.row.TrialFileRecord">{{
|
<span v-if="scope.row.TrialFileRecord">{{
|
||||||
scope.row.TrialFileRecord.FileSize
|
scope.row.TrialFileRecord.FileSize
|
||||||
@@ -119,52 +228,133 @@
|
|||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--历史记录-->
|
<!--历史记录-->
|
||||||
<el-table-column prop="HistoryFileRecord" :label="$t('trials:trialDocument:fileRecord:table:historyFileRecord')"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="isManage && !viewStatus">
|
prop="HistoryFileRecord"
|
||||||
|
:label="$t('trials:trialDocument:fileRecord:table:historyFileRecord')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" @click.stop="openHistory(scope.row)">
|
<div
|
||||||
{{ scope.row.HistoryCount }}
|
v-if="
|
||||||
<i class="el-icon-upload2" />
|
scope.row.HistoryFileRecord &&
|
||||||
</el-button>
|
scope.row.HistoryFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
|
<span class="fileName">{{
|
||||||
|
scope.row.HistoryFileRecord.FileName
|
||||||
|
}}</span>
|
||||||
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
|
<i
|
||||||
|
class="el-icon-download"
|
||||||
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="
|
||||||
|
downLoad(false, scope.row.HistoryFileRecord, 'file')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'History')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<i
|
||||||
|
v-else-if="isManage && !viewStatus"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'History', ['.zip'])"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="IsAuthorizedView" :label="$t('trials:trialDocument:fileRecord:table:isAuthorizedView')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" v-if="isManage && !viewStatus">
|
prop="IsAuthorizedView"
|
||||||
|
:label="$t('trials:trialDocument:fileRecord:table:isAuthorizedView')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch :disabled="!scope.row.TrialFileRecord" v-if="isManage && !viewStatus && hasEdit"
|
<el-switch
|
||||||
v-model="scope.row.IsAuthorizedView" @change="(val) => auth(false, scope.row, val)" :active-value="true"
|
:disabled="!scope.row.TrialFileRecord"
|
||||||
:inactive-value="false" :active-text="$fd('YesOrNo', true)" :inactive-text="$fd('YesOrNo', false)">
|
v-if="isManage && !viewStatus && hasEdit"
|
||||||
|
v-model="scope.row.IsAuthorizedView"
|
||||||
|
@change="(val) => auth(false, scope.row, val)"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
:active-text="$fd('YesOrNo', true)"
|
||||||
|
:inactive-text="$fd('YesOrNo', false)"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
<span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
|
<span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="UpdateTime" :label="$t('trials:trialDocument:fileRecord:table:updateTime')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="UpdateTime"
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:trialDocument:fileRecord:table:createTime')"
|
:label="$t('trials:trialDocument:fileRecord:table:updateTime')"
|
||||||
show-overflow-tooltip sortable="custom" />
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="CreateTime"
|
||||||
|
:label="$t('trials:trialDocument:fileRecord:table:createTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<el-table-column :label="$t('common:action:action')" width="200">
|
<el-table-column :label="$t('common:action:action')" width="200">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button icon="el-icon-view" :title="$t('common:button:view')" circle :disabled="!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
<el-button
|
||||||
" @click.stop="preview(scope.row.TrialFileRecord)" />
|
icon="el-icon-view"
|
||||||
<el-button v-if="hasDownLoad && isManage && !viewStatus" icon="el-icon-download"
|
:title="$t('common:button:view')"
|
||||||
:title="$t('trials:trialDocument:fileRecord:button:downLoadFile')" circle :disabled="!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
circle
|
||||||
" @click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')" />
|
:disabled="
|
||||||
<el-button v-if="hasDel && isManage && !viewStatus" icon="el-icon-delete"
|
!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
||||||
:title="$t('trials:trialDocument:fileRecord:button:delete')" circle @click.stop="handleDel(scope.row)" />
|
"
|
||||||
|
@click.stop="preview(scope.row.TrialFileRecord)"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasDownLoad && isManage && !viewStatus"
|
||||||
|
icon="el-icon-download"
|
||||||
|
:title="$t('trials:trialDocument:fileRecord:button:downLoadFile')"
|
||||||
|
circle
|
||||||
|
:disabled="
|
||||||
|
!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
||||||
|
"
|
||||||
|
@click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasDel && isManage && !viewStatus"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
:title="$t('trials:trialDocument:fileRecord:button:delete')"
|
||||||
|
circle
|
||||||
|
@click.stop="handleDel(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"
|
||||||
<upload-files :config="config" :faccept="faccept" :uploadPath="uploadPath" :limitLength="limitLength"
|
:total="total"
|
||||||
v-if="config.visible" @close="close" @uplaodFile="uplaodFile" />
|
:page.sync="searchData.PageIndex"
|
||||||
<history-file-list :config="file_config" :rowData="fileData" :uploadPath="uploadPath" @getList="getList" />
|
:limit.sync="searchData.PageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
<upload-files
|
||||||
|
:config="config"
|
||||||
|
:faccept="faccept"
|
||||||
|
:uploadPath="uploadPath"
|
||||||
|
:limitLength="limitLength"
|
||||||
|
v-if="config.visible"
|
||||||
|
@close="close"
|
||||||
|
@uplaodFile="uplaodFile"
|
||||||
|
/>
|
||||||
</box-content>
|
</box-content>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
addOrUpdateTrialFileType,
|
addOrUpdateTrialFileType,
|
||||||
getTrialNormalRecordList,
|
getTrialNormalRecordList,
|
||||||
@@ -179,7 +369,6 @@ import { deepClone } from '@/utils/index.js'
|
|||||||
import Pagination from '@/components/Pagination'
|
import Pagination from '@/components/Pagination'
|
||||||
import BoxContent from '@/components/BoxContent'
|
import BoxContent from '@/components/BoxContent'
|
||||||
import uploadFiles from '../uploadFiles.vue'
|
import uploadFiles from '../uploadFiles.vue'
|
||||||
import historyFileList from '../historyFileList.vue'
|
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
IsAuthorizedView: null,
|
IsAuthorizedView: null,
|
||||||
@@ -192,7 +381,7 @@ const searchDataDefault = () => {
|
|||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
name: 'fileRecord',
|
name: 'fileRecord',
|
||||||
components: { BoxContent, Pagination, uploadFiles, historyFileList },
|
components: { BoxContent, Pagination, uploadFiles },
|
||||||
props: {
|
props: {
|
||||||
viewStatus: {
|
viewStatus: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
@@ -237,25 +426,9 @@ export default {
|
|||||||
limitLength: 0,
|
limitLength: 0,
|
||||||
|
|
||||||
DATA: {},
|
DATA: {},
|
||||||
|
|
||||||
fileData: {},
|
|
||||||
file_config: {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t('trials:trialDocument:historyFileList:title'),
|
|
||||||
width: '800px',
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
openHistory(row) {
|
|
||||||
this.fileData = {
|
|
||||||
Name: row.TrialFileRecord ? row.TrialFileRecord.FileName : '',
|
|
||||||
Id: row.Id,
|
|
||||||
TrialFileTypeId: this.rowData.Id
|
|
||||||
}
|
|
||||||
this.file_config.visible = true
|
|
||||||
},
|
|
||||||
// 新增列表数据
|
// 新增列表数据
|
||||||
async uplaodFile(list) {
|
async uplaodFile(list) {
|
||||||
console.log(list, 'list')
|
console.log(list, 'list')
|
||||||
@@ -602,7 +775,7 @@ export default {
|
|||||||
this.DATA = Object.assign({}, this.rowData)
|
this.DATA = Object.assign({}, this.rowData)
|
||||||
},
|
},
|
||||||
immediate: true,
|
immediate: true,
|
||||||
deep: true
|
deep:true
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -650,39 +823,34 @@ export default {
|
|||||||
])
|
])
|
||||||
},
|
},
|
||||||
TITLE() {
|
TITLE() {
|
||||||
return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${this.isEN ? this.rowData.Name : this.rowData.NameCN
|
return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${
|
||||||
}`
|
this.isEN ? this.rowData.Name : this.rowData.NameCN
|
||||||
|
}`
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.title {
|
.title {
|
||||||
line-height: 40px;
|
line-height: 40px;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fileName {
|
.fileName {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: calc(100% - 60px);
|
max-width: calc(100% - 60px);
|
||||||
white-space: nowrap;
|
white-space: nowrap; /* 文本不换行 */
|
||||||
/* 文本不换行 */
|
overflow: hidden; /* 超出部分隐藏 */
|
||||||
overflow: hidden;
|
|
||||||
/* 超出部分隐藏 */
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fileBtnBox {
|
.fileBtnBox {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
-351
@@ -1,351 +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:trialDocument: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="openFile(true)">
|
|
||||||
{{ $t('trials:trialDocument:historyFileList:button:addFolder') }}</el-button>
|
|
||||||
<div style="float:right;padding: 0 5px;width: 10px;height: 10px;"></div>
|
|
||||||
<el-button size="mini" type="primary" style="float:right" @click.stop="openFile(false)">
|
|
||||||
{{ $t('trials:trialDocument:historyFileList:button:addFile') }}</el-button>
|
|
||||||
<el-table :data="list" style="width: 100%" max-height="300px" v-loading="loading"
|
|
||||||
@sort-change="handleSortByColumn" @cell-mouse-enter="handleCellMouseEnter">
|
|
||||||
<el-table-column type="index" width="60" />
|
|
||||||
<el-table-column prop="FileName" :label="$t('trials:trialDocument:historyFileList:FileName')"
|
|
||||||
sortable="custom" width="200px">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<div v-if="renameId !== scope.row.Id" class="name_box">
|
|
||||||
<span class="name" :title="scope.row.FileName">{{ scope.row.FileName }}</span>
|
|
||||||
<i class="el-icon-edit icon_edit" @click="addRenameId(scope.row)"
|
|
||||||
:title="$t('trials:trialDocument:historyFileList:icon:rename')" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<el-input v-model="scope.row.FileName" :ref="`renameInp_${scope.row.Id}`" :autofocus="true"
|
|
||||||
class="renameInp" @blur="save(scope.row)" v-else />
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="FileFormat" :label="$t('trials:trialDocument:historyFileList:FileType')"
|
|
||||||
sortable="custom" />
|
|
||||||
<el-table-column prop="FileSize" :label="$t('trials:trialDocument:historyFileList:FileSize')"
|
|
||||||
sortable="custom">
|
|
||||||
<template slot-scope="scope">
|
|
||||||
<span>{{
|
|
||||||
scope.row.FileSize && scope.row.FileSize > 0
|
|
||||||
? `${(scope.row.FileSize / 1024 / 1024).toFixed(3)}MB`
|
|
||||||
: ''
|
|
||||||
}}</span>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:trialDocument:historyFileList: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="del(scope.row)">
|
|
||||||
{{ $t('common:button:delete') }}
|
|
||||||
</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
</template>
|
|
||||||
</base-model>
|
|
||||||
<viewer ref="picture_perview4" 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>
|
|
||||||
<upload-files :config="upload_config" :faccept="faccept" :uploadPath="uploadPath" v-if="upload_config.visible"
|
|
||||||
@close="close" @uplaodFile="uplaodFile" />
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
<script>
|
|
||||||
import BaseModel from '@/components/BaseModel'
|
|
||||||
import uploadFiles from './uploadFiles.vue'
|
|
||||||
import { addOrUpdateTrialHistoryRecordFile, batchAddTrialHistoryRecordFile, getTrialHistoryRecordFileList, deleteTrialHistoryRecordFile } from '@/api/dictionary'
|
|
||||||
const defaultSearchData = () => {
|
|
||||||
return {
|
|
||||||
PageIndex: 1,
|
|
||||||
PageSize: 1000,
|
|
||||||
Asc: false,
|
|
||||||
OffLine: null,
|
|
||||||
SortField: null
|
|
||||||
}
|
|
||||||
}
|
|
||||||
export default {
|
|
||||||
components: {
|
|
||||||
BaseModel,
|
|
||||||
uploadFiles
|
|
||||||
},
|
|
||||||
props: {
|
|
||||||
config: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {
|
|
||||||
return {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t('trials:trialDocument:historyFileList:title'),
|
|
||||||
width: '800px',
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
rowData: {
|
|
||||||
type: Object,
|
|
||||||
default: () => {
|
|
||||||
return {}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
uploadPath: {
|
|
||||||
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,
|
|
||||||
}
|
|
||||||
},
|
|
||||||
upload_config: {
|
|
||||||
visible: false,
|
|
||||||
showClose: true,
|
|
||||||
width: '800px',
|
|
||||||
title: '',
|
|
||||||
appendToBody: false,
|
|
||||||
isFolder: false,
|
|
||||||
},
|
|
||||||
faccept: ['.jpg',
|
|
||||||
'.jpeg',
|
|
||||||
'.png',
|
|
||||||
'.pdf',
|
|
||||||
'.ppt',
|
|
||||||
'.pptx',
|
|
||||||
'.doc',
|
|
||||||
'.docx',
|
|
||||||
'.xls',
|
|
||||||
'.xlsx',
|
|
||||||
".mp4",
|
|
||||||
".zip"],
|
|
||||||
renameId: null
|
|
||||||
}
|
|
||||||
},
|
|
||||||
watch: {
|
|
||||||
'rowData.Id': {
|
|
||||||
handler() {
|
|
||||||
if (this.rowData.Id) {
|
|
||||||
console.log(this.rowData)
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
},
|
|
||||||
deep: true,
|
|
||||||
immediate: true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
// 单行hover移入
|
|
||||||
handleCellMouseEnter(row) {
|
|
||||||
this.hoverId = row.Id
|
|
||||||
},
|
|
||||||
addRenameId(row) {
|
|
||||||
this.renameId = row.Id
|
|
||||||
this.$nextTick(() => {
|
|
||||||
if (this.$refs[`renameInp_${row.Id}`]) {
|
|
||||||
this.$refs[`renameInp_${row.Id}`].focus()
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
close() {
|
|
||||||
this.upload_config.visible = false
|
|
||||||
},
|
|
||||||
getAllList() {
|
|
||||||
this.getList()
|
|
||||||
this.$emit("getList")
|
|
||||||
},
|
|
||||||
openAudit(row) {
|
|
||||||
this.form = Object.assign({}, row)
|
|
||||||
this.visible = true
|
|
||||||
},
|
|
||||||
async save(row) {
|
|
||||||
try {
|
|
||||||
if (!row.FileName) {
|
|
||||||
this.$message.warning(this.$t("trials:trialDocument:historyFileList:message:fileNameMust"))
|
|
||||||
return this.addRenameId(row)
|
|
||||||
}
|
|
||||||
|
|
||||||
this.renameId = null
|
|
||||||
let res = await addOrUpdateTrialHistoryRecordFile(row)
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getList()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async del(row) {
|
|
||||||
try {
|
|
||||||
let confirm = await this.$confirm(this.$t("trials:trialDocument:historyFileList:message:del"))
|
|
||||||
if (!confirm) return false
|
|
||||||
this.loading = true
|
|
||||||
let res = await deleteTrialHistoryRecordFile(row.Id)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getAllList()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
console.log(err)
|
|
||||||
this.loading = false
|
|
||||||
}
|
|
||||||
},
|
|
||||||
async uplaodFile(list) {
|
|
||||||
console.log(list, 'list')
|
|
||||||
try {
|
|
||||||
let arr = []
|
|
||||||
list.forEach(item => {
|
|
||||||
let obj = Object.assign({}, item)
|
|
||||||
obj.TrialFileTypeId = this.rowData.TrialFileTypeId
|
|
||||||
obj.TrialRecordId = this.rowData.Id
|
|
||||||
arr.push(obj)
|
|
||||||
});
|
|
||||||
this.loading = true
|
|
||||||
let res = await batchAddTrialHistoryRecordFile(arr)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.getAllList()
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
console.log(err)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
openFile(isFolder = false) {
|
|
||||||
this.upload_config.title = this.$t(
|
|
||||||
'trials:trialDocument:fileRecord:form:title:uploadFile'
|
|
||||||
)
|
|
||||||
this.upload_config.visible = true
|
|
||||||
this.upload_config.isFolder = isFolder
|
|
||||||
},
|
|
||||||
async getList() {
|
|
||||||
try {
|
|
||||||
if (!this.rowData.Id) return false
|
|
||||||
this.searchData.TrialRecordId = this.rowData.Id
|
|
||||||
let res = await getTrialHistoryRecordFileList(this.searchData)
|
|
||||||
this.loading = false
|
|
||||||
if (res.IsSuccess) {
|
|
||||||
this.list = res.Result.CurrentPageData
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
this.loading = false
|
|
||||||
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_perview4'].$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%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.name_box {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
width: calc(100% - 20px);
|
|
||||||
|
|
||||||
.name {
|
|
||||||
max-width: calc(100% - 60px);
|
|
||||||
white-space: nowrap;
|
|
||||||
/* 文本不换行 */
|
|
||||||
overflow: hidden;
|
|
||||||
/* 超出部分隐藏 */
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.icon_edit {
|
|
||||||
cursor: pointer;
|
|
||||||
color: rgba(0, 0, 0, 0.3);
|
|
||||||
margin-left: 2px;
|
|
||||||
|
|
||||||
&:hover {
|
|
||||||
color: rgba(0, 0, 0, 0.5);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.renameInp {
|
|
||||||
::v-deep .el-input__inner {
|
|
||||||
line-height: 23px;
|
|
||||||
height: 23px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
+100
-33
@@ -1,64 +1,131 @@
|
|||||||
<template>
|
<template>
|
||||||
<base-model :config="config">
|
<base-model :config="config">
|
||||||
<div slot="dialog-body">
|
<div slot="dialog-body">
|
||||||
<el-form ref="reportDocForm" :model="form" label-width="140px" size="small" :rules="rules">
|
<el-form
|
||||||
|
ref="reportDocForm"
|
||||||
|
:model="form"
|
||||||
|
label-width="140px"
|
||||||
|
size="small"
|
||||||
|
:rules="rules"
|
||||||
|
>
|
||||||
<div class="base-dialog-body">
|
<div class="base-dialog-body">
|
||||||
<el-form-item v-if="!config.upload" :label="$t('trials:trialDocument:reportDoc:form:name')" prop="Name">
|
<el-form-item
|
||||||
|
v-if="!config.upload"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:form:name')"
|
||||||
|
prop="Name"
|
||||||
|
>
|
||||||
<el-input v-model="form.Name" />
|
<el-input v-model="form.Name" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="!config.upload" :label="$t('trials:trialDocument:reportDoc:form:version')" prop="Version">
|
<el-form-item
|
||||||
|
v-if="!config.upload"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:form:version')"
|
||||||
|
prop="Version"
|
||||||
|
>
|
||||||
<el-input v-model="form.Version" />
|
<el-input v-model="form.Version" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="!config.upload" :label="$t('trials:trialDocument:reportDoc:form:isAuthorizedView')"
|
<el-form-item
|
||||||
prop="IsAuthorizedView">
|
v-if="!config.upload"
|
||||||
<el-switch v-model="form.IsAuthorizedView" :active-value="true" :inactive-value="false"
|
:label="$t('trials:trialDocument:reportDoc:form:isAuthorizedView')"
|
||||||
:active-text="$fd('YesOrNo', true)" :inactive-text="$fd('YesOrNo', false)">
|
prop="IsAuthorizedView"
|
||||||
|
>
|
||||||
|
<el-switch
|
||||||
|
v-model="form.IsAuthorizedView"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
:active-text="$fd('YesOrNo', true)"
|
||||||
|
:inactive-text="$fd('YesOrNo', false)"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="!config.upload || config.upload === 'PDF'"
|
<el-form-item
|
||||||
:label="$t('trials:trialDocument:reportDoc:form:pdfFileRecord')" prop="PDFFileRecord">
|
v-if="!config.upload || config.upload === 'PDF'"
|
||||||
<el-upload class="upload-demo" action :before-upload="(param) => beforeUpload(param, 'PDF', '.pdf')"
|
:label="$t('trials:trialDocument:reportDoc:form:pdfFileRecord')"
|
||||||
:http-request="(param) => handleUploadFile(param, 'PDF')" :on-remove="() => handleRemoveFile('PDF')"
|
prop="PDFFileRecord"
|
||||||
:limit="1" accept=".pdf" :file-list="PDFFile">
|
>
|
||||||
<el-button size="small" type="primary" :disabled="!!form.PDFFileRecord && !!form.PDFFileRecord.FilePath
|
<el-upload
|
||||||
">{{ $t('common:button:upload') }}
|
class="upload-demo"
|
||||||
|
action
|
||||||
|
:before-upload="(param) => beforeUpload(param, 'PDF', '.pdf')"
|
||||||
|
:http-request="(param) => handleUploadFile(param, 'PDF')"
|
||||||
|
:on-remove="() => handleRemoveFile('PDF')"
|
||||||
|
:limit="1"
|
||||||
|
accept=".pdf"
|
||||||
|
:file-list="PDFFile"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="
|
||||||
|
!!form.PDFFileRecord && !!form.PDFFileRecord.FilePath
|
||||||
|
"
|
||||||
|
>{{ $t('common:button:upload') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<span slot="tip" class="el-upload__tip">
|
<span slot="tip" class="el-upload__tip">
|
||||||
{{ $t('trials:trialDocument:reportDoc:rule:mustPDF') }}
|
{{ $t('trials:trialDocument:reportDoc:rule:mustPDF') }}
|
||||||
</span>
|
</span>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="!config.upload || config.upload === 'Word'"
|
<el-form-item
|
||||||
:label="$t('trials:trialDocument:reportDoc:form:wordFileRecord')">
|
v-if="!config.upload || config.upload === 'Word'"
|
||||||
<el-upload class="upload-demo" action :before-upload="(param) => beforeUpload(param, 'Word', '.docx')"
|
:label="$t('trials:trialDocument:reportDoc:form:wordFileRecord')"
|
||||||
:http-request="(param) => handleUploadFile(param, 'Word')" :on-remove="() => handleRemoveFile('Word')"
|
>
|
||||||
:limit="1" accept=".docx" :file-list="WordFile">
|
<el-upload
|
||||||
<el-button size="small" type="primary" :disabled="!!form.WordFileRecord && !!form.WordFileRecord.FilePath
|
class="upload-demo"
|
||||||
">{{ $t('common:button:upload') }}
|
action
|
||||||
|
:before-upload="(param) => beforeUpload(param, 'Word', '.docx')"
|
||||||
|
:http-request="(param) => handleUploadFile(param, 'Word')"
|
||||||
|
:on-remove="() => handleRemoveFile('Word')"
|
||||||
|
:limit="1"
|
||||||
|
accept=".docx"
|
||||||
|
:file-list="WordFile"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="
|
||||||
|
!!form.WordFileRecord && !!form.WordFileRecord.FilePath
|
||||||
|
"
|
||||||
|
>{{ $t('common:button:upload') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<span slot="tip" class="el-upload__tip">
|
<span slot="tip" class="el-upload__tip">
|
||||||
{{ $t('trials:trialDocument:reportDoc:rule:mustDOCX') }}
|
{{ $t('trials:trialDocument:reportDoc:rule:mustDOCX') }}
|
||||||
</span>
|
</span>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="!config.upload || config.upload === 'Sign'"
|
<el-form-item
|
||||||
:label="$t('trials:trialDocument:reportDoc:form:signFileRecord')" :prop="rowData.IsConfirmRecord &&
|
v-if="!config.upload || config.upload === 'Sign'"
|
||||||
(!config.upload || config.upload === 'Sign')
|
:label="$t('trials:trialDocument:reportDoc:form:signFileRecord')"
|
||||||
|
:prop="
|
||||||
|
rowData.IsConfirmRecord &&
|
||||||
|
(!config.upload || config.upload === 'Sign')
|
||||||
? 'SignFileRecord'
|
? 'SignFileRecord'
|
||||||
: ''
|
: ''
|
||||||
">
|
"
|
||||||
<el-upload class="upload-demo" action :before-upload="(param) => beforeUpload(param, 'Sign', '.pdf')"
|
>
|
||||||
:http-request="(param) => handleUploadFile(param, 'Sign')" :on-remove="() => handleRemoveFile('Sign')"
|
<el-upload
|
||||||
:limit="1" accept=".pdf" :file-list="SignFile">
|
class="upload-demo"
|
||||||
<el-button size="small" type="primary" :disabled="!!form.SignFileRecord && !!form.SignFileRecord.FilePath
|
action
|
||||||
">{{ $t('common:button:upload') }}
|
:before-upload="(param) => beforeUpload(param, 'Sign', '.pdf')"
|
||||||
|
:http-request="(param) => handleUploadFile(param, 'Sign')"
|
||||||
|
:on-remove="() => handleRemoveFile('Sign')"
|
||||||
|
:limit="1"
|
||||||
|
accept=".pdf"
|
||||||
|
:file-list="SignFile"
|
||||||
|
>
|
||||||
|
<el-button
|
||||||
|
size="small"
|
||||||
|
type="primary"
|
||||||
|
:disabled="
|
||||||
|
!!form.SignFileRecord && !!form.SignFileRecord.FilePath
|
||||||
|
"
|
||||||
|
>{{ $t('common:button:upload') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<span slot="tip" class="el-upload__tip">
|
<span slot="tip" class="el-upload__tip">
|
||||||
{{ $t('trials:trialDocument:reportDoc:rule:mustPDF') }}
|
{{ $t('trials:trialDocument:reportDoc:rule:mustPDF') }}
|
||||||
</span>
|
</span>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item
|
<el-form-item
|
||||||
v-if="!config.upload || config.upload === 'History'"
|
v-if="!config.upload || config.upload === 'History'"
|
||||||
:label="$t('trials:trialDocument:reportDoc:form:historyFileRecord')"
|
:label="$t('trials:trialDocument:reportDoc:form:historyFileRecord')"
|
||||||
>
|
>
|
||||||
@@ -84,7 +151,7 @@
|
|||||||
{{ $t('trials:trialDocument:reportDoc:rule:mustZIP') }}
|
{{ $t('trials:trialDocument:reportDoc:rule:mustZIP') }}
|
||||||
</span>
|
</span>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
@@ -98,7 +165,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</base-model>
|
</base-model>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import baseModel from '@/components/BaseModel'
|
import baseModel from '@/components/BaseModel'
|
||||||
import { addOrUpdateTrialFinalRecord } from '@/api/dictionary'
|
import { addOrUpdateTrialFinalRecord } from '@/api/dictionary'
|
||||||
export default {
|
export default {
|
||||||
|
|||||||
+334
-130
@@ -4,30 +4,65 @@
|
|||||||
{{ TITLE }}
|
{{ TITLE }}
|
||||||
</div>
|
</div>
|
||||||
<el-form :inline="true" class="base-search-form topForm">
|
<el-form :inline="true" class="base-search-form topForm">
|
||||||
<el-form-item :label="$t('trials:trialDocument:reportDoc:form:firstFinalDate')">
|
<el-form-item
|
||||||
<el-date-picker :disabled="!isManage || rowBtnStatus === 'edit'" v-model="DATA.FirstFinalDate" type="date"
|
:label="$t('trials:trialDocument:reportDoc:form:firstFinalDate')"
|
||||||
value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="">
|
>
|
||||||
|
<el-date-picker
|
||||||
|
:disabled="!isManage || rowBtnStatus === 'edit'"
|
||||||
|
v-model="DATA.FirstFinalDate"
|
||||||
|
type="date"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
placeholder=""
|
||||||
|
>
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:reportDoc:form:isConfirmRecord')"
|
<el-form-item
|
||||||
v-if="isManage && hasEdit && !viewStatus">
|
:label="$t('trials:trialDocument:reportDoc:form:isConfirmRecord')"
|
||||||
<el-radio-group v-model="DATA.IsConfirmRecord" :disabled="rowBtnStatus === 'edit'">
|
v-if="isManage && hasEdit && !viewStatus"
|
||||||
<el-radio :label="item.value" v-for="item in $d.YesOrNo" :key="item.id">{{ item.label }}
|
>
|
||||||
|
<el-radio-group
|
||||||
|
v-model="DATA.IsConfirmRecord"
|
||||||
|
:disabled="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
:label="item.value"
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
>{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:reportDoc:form:isEnable')"
|
<el-form-item
|
||||||
v-if="isManage && hasEdit && !viewStatus">
|
:label="$t('trials:trialDocument:reportDoc:form:isEnable')"
|
||||||
<el-radio-group v-model="DATA.IsEnable" :disabled="rowBtnStatus === 'edit'">
|
v-if="isManage && hasEdit && !viewStatus"
|
||||||
<el-radio :label="item.value" v-for="item in $d.YesOrNo" :key="item.id">{{ item.label }}
|
>
|
||||||
|
<el-radio-group
|
||||||
|
v-model="DATA.IsEnable"
|
||||||
|
:disabled="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
:label="item.value"
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
>{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="isManage && hasEdit && !viewStatus">
|
<el-form-item v-if="isManage && hasEdit && !viewStatus">
|
||||||
<el-button type="primary" @click="rowBtnStatus = 'save'" v-if="rowBtnStatus === 'edit'">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click="rowBtnStatus = 'save'"
|
||||||
|
v-if="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
{{ $t('common:button:edit') }}
|
{{ $t('common:button:edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" :loading="rowBtnLoading" @click="saveRowData" v-if="rowBtnStatus === 'save'">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:loading="rowBtnLoading"
|
||||||
|
@click="saveRowData"
|
||||||
|
v-if="rowBtnStatus === 'save'"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -39,14 +74,32 @@
|
|||||||
<el-form-item :label="$t('trials:trialDocument:reportDoc:search:name')">
|
<el-form-item :label="$t('trials:trialDocument:reportDoc:search:name')">
|
||||||
<el-input v-model="searchData.Name" style="width: 100px" clearable />
|
<el-input v-model="searchData.Name" style="width: 100px" clearable />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:reportDoc:search:version')">
|
<el-form-item
|
||||||
<el-input v-model="searchData.Version" style="width: 100px" clearable />
|
:label="$t('trials:trialDocument:reportDoc:search:version')"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="searchData.Version"
|
||||||
|
style="width: 100px"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:reportDoc:search:isAuthorizedView')"
|
<el-form-item
|
||||||
v-if="isManage && !viewStatus">
|
:label="$t('trials:trialDocument:reportDoc:search:isAuthorizedView')"
|
||||||
<el-select v-if="!viewStatus" v-model="searchData.IsAuthorizedView" style="width: 100px" placeholder=""
|
v-if="isManage && !viewStatus"
|
||||||
clearable>
|
>
|
||||||
<el-option v-for="item in $d.YesOrNo" :key="item.id" :label="item.label" :value="item.value">
|
<el-select
|
||||||
|
v-if="!viewStatus"
|
||||||
|
v-model="searchData.IsAuthorizedView"
|
||||||
|
style="width: 100px"
|
||||||
|
placeholder=""
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -54,143 +107,321 @@
|
|||||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||||
{{ $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-item v-if="isManage && !viewStatus">
|
<el-form-item v-if="isManage && !viewStatus">
|
||||||
<el-button type="primary" :disabled="selectTable.length <= 0" v-if="hasAccredit && isManage && !viewStatus"
|
<el-button
|
||||||
@click.stop="auth">
|
type="primary"
|
||||||
|
:disabled="selectTable.length <= 0"
|
||||||
|
v-if="hasAccredit && isManage && !viewStatus"
|
||||||
|
@click.stop="auth"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:reportDoc:button:accredit') }}
|
{{ $t('trials:trialDocument:reportDoc:button:accredit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" v-if="hasAdd && isManage && !viewStatus" @click.stop="handleAdd">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
v-if="hasAdd && isManage && !viewStatus"
|
||||||
|
@click.stop="handleAdd"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:reportDoc:button:add') }}
|
{{ $t('trials:trialDocument:reportDoc:button:add') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" icon="el-icon-bottom" :disabled="selectTable.length <= 0"
|
<el-button
|
||||||
v-if="hasDownLoad && isManage && !viewStatus" @click.stop="downLoad">
|
type="primary"
|
||||||
|
icon="el-icon-bottom"
|
||||||
|
:disabled="selectTable.length <= 0"
|
||||||
|
v-if="hasDownLoad && isManage && !viewStatus"
|
||||||
|
@click.stop="downLoad"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:reportDoc:button:downLoadFile') }}
|
{{ $t('trials:trialDocument:reportDoc:button:downLoadFile') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100" style="width: 100%"
|
<el-table
|
||||||
@sort-change="handleSortByColumn" @selection-change="handleSelectionChange">
|
v-loading="loading"
|
||||||
<el-table-column type="selection" width="55" v-if="isManage && !viewStatus" />
|
v-adaptive="{ bottomOffset: 75 }"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
style="width: 100%"
|
||||||
|
@sort-change="handleSortByColumn"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
/>
|
||||||
<el-table-column type="index" v-else />
|
<el-table-column type="index" v-else />
|
||||||
|
|
||||||
<el-table-column prop="Name" :label="$t('trials:trialDocument:reportDoc:table:name')" sortable="custom"
|
<el-table-column
|
||||||
show-overflow-tooltip />
|
prop="Name"
|
||||||
<el-table-column prop="Version" :label="$t('trials:trialDocument:reportDoc:table:version')" show-overflow-tooltip
|
:label="$t('trials:trialDocument:reportDoc:table:name')"
|
||||||
sortable="custom" />
|
sortable="custom"
|
||||||
|
show-overflow-tooltip
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="Version"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:table:version')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!--定稿PDF-->
|
<!--定稿PDF-->
|
||||||
<el-table-column prop="PDFFileRecord" :label="$t('trials:trialDocument:reportDoc:table:pdfFileRecord')"
|
<el-table-column
|
||||||
show-overflow-tooltip>
|
prop="PDFFileRecord"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:table:pdfFileRecord')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="
|
<div
|
||||||
scope.row.PDFFileRecord && scope.row.PDFFileRecord.TrialFileTypeId
|
v-if="
|
||||||
" style="display: flex; align-items: center">
|
scope.row.PDFFileRecord && scope.row.PDFFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
<span class="fileName">{{ scope.row.PDFFileRecord.FileName }}</span>
|
<span class="fileName">{{ scope.row.PDFFileRecord.FileName }}</span>
|
||||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
<i class="el-icon-view" @click.stop="preview(scope.row.PDFFileRecord)" />
|
<i
|
||||||
<i class="el-icon-download" v-if="hasDownLoad"
|
class="el-icon-view"
|
||||||
@click.stop="downLoad(false, scope.row.PDFFileRecord, 'file')" />
|
@click.stop="preview(scope.row.PDFFileRecord)"
|
||||||
<i class="el-icon-delete" v-if="hasDel" @click.stop="delFile(scope.row, 'PDF')" />
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-download"
|
||||||
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="downLoad(false, scope.row.PDFFileRecord, 'file')"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'PDF')"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i v-else-if="isManage && !viewStatus && hasEdit" class="el-icon-upload2"
|
<i
|
||||||
style="cursor: pointer; color: #409eff" @click.stop="upload(scope.row, 'PDF')" />
|
v-else-if="isManage && !viewStatus && hasEdit"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'PDF')"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--定稿WORD-->
|
<!--定稿WORD-->
|
||||||
<el-table-column prop="WordFileRecord" :label="$t('trials:trialDocument:reportDoc:table:wordFileRecord')"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="isManage && !viewStatus">
|
prop="WordFileRecord"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:table:wordFileRecord')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="
|
<div
|
||||||
scope.row.WordFileRecord &&
|
v-if="
|
||||||
scope.row.WordFileRecord.TrialFileTypeId
|
scope.row.WordFileRecord &&
|
||||||
" style="display: flex; align-items: center">
|
scope.row.WordFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
<span class="fileName">{{
|
<span class="fileName">{{
|
||||||
scope.row.WordFileRecord.FileName
|
scope.row.WordFileRecord.FileName
|
||||||
}}</span>
|
}}</span>
|
||||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
<i class="el-icon-download" v-if="hasDownLoad"
|
<i
|
||||||
@click.stop="downLoad(false, scope.row.WordFileRecord, 'file')" />
|
class="el-icon-download"
|
||||||
<i class="el-icon-delete" v-if="hasDel" @click.stop="delFile(scope.row, 'Word')" />
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="downLoad(false, scope.row.WordFileRecord, 'file')"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'Word')"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i v-else-if="isManage && !viewStatus && hasEdit" class="el-icon-upload2"
|
<i
|
||||||
style="cursor: pointer; color: #409eff" @click.stop="upload(scope.row, 'Word')" />
|
v-else-if="isManage && !viewStatus && hasEdit"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'Word')"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--签字页-->
|
<!--签字页-->
|
||||||
<el-table-column prop="SignFileRecord" :label="$t('trials:trialDocument:reportDoc:table:signFileRecord')"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="isManage && !viewStatus">
|
prop="SignFileRecord"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:table:signFileRecord')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="
|
<div
|
||||||
scope.row.SignFileRecord &&
|
v-if="
|
||||||
scope.row.SignFileRecord.TrialFileTypeId
|
scope.row.SignFileRecord &&
|
||||||
" style="display: flex; align-items: center">
|
scope.row.SignFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
<span class="fileName">{{
|
<span class="fileName">{{
|
||||||
scope.row.SignFileRecord.FileName
|
scope.row.SignFileRecord.FileName
|
||||||
}}</span>
|
}}</span>
|
||||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
<i class="el-icon-view" @click.stop="preview(scope.row.SignFileRecord)" />
|
<i
|
||||||
<i class="el-icon-download" v-if="hasDownLoad"
|
class="el-icon-view"
|
||||||
@click.stop="downLoad(false, scope.row.SignFileRecord, 'file')" />
|
@click.stop="preview(scope.row.SignFileRecord)"
|
||||||
<i class="el-icon-delete" v-if="hasDel" @click.stop="delFile(scope.row, 'Sign')" />
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-download"
|
||||||
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="downLoad(false, scope.row.SignFileRecord, 'file')"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'Sign')"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i v-else-if="isManage && !viewStatus && hasEdit" class="el-icon-upload2"
|
<i
|
||||||
style="cursor: pointer; color: #409eff" @click.stop="upload(scope.row, 'Sign')" />
|
v-else-if="isManage && !viewStatus && hasEdit"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'Sign')"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!--历史记录-->
|
<!--历史记录-->
|
||||||
<el-table-column prop="HistoryFileRecord" :label="$t('trials:trialDocument:reportDoc:table:historyFileRecord')"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="isManage && !viewStatus">
|
prop="HistoryFileRecord"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:table:historyFileRecord')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" @click.stop="openHistory(scope.row)">
|
<div
|
||||||
{{ scope.row.HistoryCount }}
|
v-if="
|
||||||
<i class="el-icon-upload2" />
|
scope.row.HistoryFileRecord &&
|
||||||
</el-button>
|
scope.row.HistoryFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
|
<span class="fileName">{{
|
||||||
|
scope.row.HistoryFileRecord.FileName
|
||||||
|
}}</span>
|
||||||
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
|
<i
|
||||||
|
class="el-icon-download"
|
||||||
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="
|
||||||
|
downLoad(false, scope.row.HistoryFileRecord, 'file')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'History')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<i
|
||||||
|
v-else-if="isManage && !viewStatus && hasEdit"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'History')"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="IsAuthorizedView" :label="$t('trials:trialDocument:reportDoc:table:isAuthorizedView')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" v-if="isManage && !viewStatus">
|
prop="IsAuthorizedView"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:table:isAuthorizedView')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch v-if="isManage && !viewStatus && hasEdit" v-model="scope.row.IsAuthorizedView"
|
<el-switch
|
||||||
@change="(val) => auth(false, scope.row, val)" :active-value="true" :inactive-value="false"
|
v-if="isManage && !viewStatus && hasEdit"
|
||||||
:active-text="$fd('YesOrNo', true)" :inactive-text="$fd('YesOrNo', false)">
|
v-model="scope.row.IsAuthorizedView"
|
||||||
|
@change="(val) => auth(false, scope.row, val)"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
:active-text="$fd('YesOrNo', true)"
|
||||||
|
:inactive-text="$fd('YesOrNo', false)"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
<span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
|
<span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="UpdateTime" :label="$t('trials:trialDocument:reportDoc:table:updateTime')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="UpdateTime"
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:trialDocument:reportDoc:table:createTime')"
|
:label="$t('trials:trialDocument:reportDoc:table:updateTime')"
|
||||||
show-overflow-tooltip sortable="custom" />
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="CreateTime"
|
||||||
|
:label="$t('trials:trialDocument:reportDoc:table:createTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<el-table-column :label="$t('common:action:action')" width="200">
|
<el-table-column :label="$t('common:action:action')" width="200">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button icon="el-icon-view" :title="$t('common:button:view')" circle :disabled="!scope.row.PDFFileRecord || !scope.row.PDFFileRecord.FilePath
|
<el-button
|
||||||
" @click.stop="preview(scope.row.PDFFileRecord)" />
|
icon="el-icon-view"
|
||||||
<el-button v-if="hasEdit && isManage && !viewStatus" icon="el-icon-edit-outline"
|
:title="$t('common:button:view')"
|
||||||
:title="$t('common:button:edit')" circle @click.stop="handleEdit(scope.row)" />
|
circle
|
||||||
<el-button v-if="hasDownLoad && isManage && !viewStatus" icon="el-icon-download"
|
:disabled="
|
||||||
:title="$t('trials:trialDocument:reportDoc:button:download')" circle
|
!scope.row.PDFFileRecord || !scope.row.PDFFileRecord.FilePath
|
||||||
@click.stop="downLoad(false, scope.row)" />
|
"
|
||||||
<el-button v-if="hasDel && isManage && !viewStatus" icon="el-icon-delete"
|
@click.stop="preview(scope.row.PDFFileRecord)"
|
||||||
:title="$t('trials:trialDocument:reportDoc:button:delete')" circle @click.stop="handleDel(scope.row)" />
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasEdit && isManage && !viewStatus"
|
||||||
|
icon="el-icon-edit-outline"
|
||||||
|
:title="$t('common:button:edit')"
|
||||||
|
circle
|
||||||
|
@click.stop="handleEdit(scope.row)"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasDownLoad && isManage && !viewStatus"
|
||||||
|
icon="el-icon-download"
|
||||||
|
:title="$t('trials:trialDocument:reportDoc:button:download')"
|
||||||
|
circle
|
||||||
|
@click.stop="downLoad(false, scope.row)"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasDel && isManage && !viewStatus"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
:title="$t('trials:trialDocument:reportDoc:button:delete')"
|
||||||
|
circle
|
||||||
|
@click.stop="handleDel(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"
|
||||||
<reportDoc-form :ArchiveTypeEnum="ArchiveTypeEnum" :rowData="rowData" :config="config" :data="selectData"
|
:total="total"
|
||||||
v-if="config.visible" @close="close" @getList="getList" />
|
:page.sync="searchData.PageIndex"
|
||||||
<history-file-list :config="file_config" :rowData="fileData" :uploadPath="uploadPath" @getList="getList" />
|
:limit.sync="searchData.PageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
<reportDoc-form
|
||||||
|
:ArchiveTypeEnum="ArchiveTypeEnum"
|
||||||
|
:rowData="rowData"
|
||||||
|
:config="config"
|
||||||
|
:data="selectData"
|
||||||
|
v-if="config.visible"
|
||||||
|
@close="close"
|
||||||
|
@getList="getList"
|
||||||
|
/>
|
||||||
</box-content>
|
</box-content>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
@@ -206,7 +437,6 @@ import { deepClone } from '@/utils/index.js'
|
|||||||
import Pagination from '@/components/Pagination'
|
import Pagination from '@/components/Pagination'
|
||||||
import BoxContent from '@/components/BoxContent'
|
import BoxContent from '@/components/BoxContent'
|
||||||
import reportDocForm from './form.vue'
|
import reportDocForm from './form.vue'
|
||||||
import historyFileList from '../historyFileList.vue'
|
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
IsAuthorizedView: null,
|
IsAuthorizedView: null,
|
||||||
@@ -220,7 +450,7 @@ const searchDataDefault = () => {
|
|||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
name: 'reportDoc',
|
name: 'reportDoc',
|
||||||
components: { BoxContent, Pagination, reportDocForm, historyFileList },
|
components: { BoxContent, Pagination, reportDocForm },
|
||||||
props: {
|
props: {
|
||||||
viewStatus: {
|
viewStatus: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
@@ -261,30 +491,9 @@ export default {
|
|||||||
},
|
},
|
||||||
selectData: {},
|
selectData: {},
|
||||||
DATA: {},
|
DATA: {},
|
||||||
|
|
||||||
fileData: {},
|
|
||||||
file_config: {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t('trials:trialDocument:historyFileList:title'),
|
|
||||||
width: '800px',
|
|
||||||
},
|
|
||||||
uploadPath: null
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
|
||||||
let typeArr = ['', 'Report', 'Doc', 'Record', 'Reviewer', 'Template']
|
|
||||||
let types = typeArr[this.ArchiveTypeEnum]
|
|
||||||
this.uploadPath = `/${this.$route.query.trialId}/Document/${types}`
|
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
openHistory(row) {
|
|
||||||
this.fileData = {
|
|
||||||
Name: row.Name,
|
|
||||||
Id: row.Id,
|
|
||||||
TrialFileTypeId: this.rowData.Id
|
|
||||||
}
|
|
||||||
this.file_config.visible = true
|
|
||||||
},
|
|
||||||
// 上传单个文件
|
// 上传单个文件
|
||||||
upload(row, key) {
|
upload(row, key) {
|
||||||
this.selectData = deepClone(row)
|
this.selectData = deepClone(row)
|
||||||
@@ -562,7 +771,7 @@ export default {
|
|||||||
this.DATA = Object.assign({}, this.rowData)
|
this.DATA = Object.assign({}, this.rowData)
|
||||||
},
|
},
|
||||||
immediate: true,
|
immediate: true,
|
||||||
deep: true
|
deep:true
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
@@ -605,8 +814,9 @@ export default {
|
|||||||
])
|
])
|
||||||
},
|
},
|
||||||
TITLE() {
|
TITLE() {
|
||||||
return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${this.isEN ? this.rowData.Name : this.rowData.NameCN
|
return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${
|
||||||
}`
|
this.isEN ? this.rowData.Name : this.rowData.NameCN
|
||||||
|
}`
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@@ -617,27 +827,21 @@ export default {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fileName {
|
.fileName {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: calc(100% - 60px);
|
max-width: calc(100% - 60px);
|
||||||
white-space: nowrap;
|
white-space: nowrap; /* 文本不换行 */
|
||||||
/* 文本不换行 */
|
overflow: hidden; /* 超出部分隐藏 */
|
||||||
overflow: hidden;
|
|
||||||
/* 超出部分隐藏 */
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fileBtnBox {
|
.fileBtnBox {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
+2
-2
@@ -33,7 +33,7 @@
|
|||||||
</span>
|
</span>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- <el-form-item v-if="!config.upload || config.upload === 'History'" :label="$t('trials:trialDocument:trainRecord:form:historyFileRecord')
|
<el-form-item v-if="!config.upload || config.upload === 'History'" :label="$t('trials:trialDocument:trainRecord:form:historyFileRecord')
|
||||||
">
|
">
|
||||||
<el-upload class="upload-demo" action :before-upload="(param) => beforeUpload(param, 'History', '.zip')"
|
<el-upload class="upload-demo" action :before-upload="(param) => beforeUpload(param, 'History', '.zip')"
|
||||||
:http-request="(param) => handleUploadFile(param, 'History')"
|
:http-request="(param) => handleUploadFile(param, 'History')"
|
||||||
@@ -45,7 +45,7 @@
|
|||||||
{{ $t('trials:trialDocument:trainRecord:rule:mustZIP') }}
|
{{ $t('trials:trialDocument:trainRecord:rule:mustZIP') }}
|
||||||
</span>
|
</span>
|
||||||
</el-upload>
|
</el-upload>
|
||||||
</el-form-item> -->
|
</el-form-item>
|
||||||
</div>
|
</div>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
+341
-119
@@ -4,25 +4,52 @@
|
|||||||
{{ TITLE }}
|
{{ TITLE }}
|
||||||
</div>
|
</div>
|
||||||
<el-form :inline="true" class="base-search-form topForm">
|
<el-form :inline="true" class="base-search-form topForm">
|
||||||
<el-form-item :label="$t('trials:trialDocument:trainRecord:form:isConfirmRecord')"
|
<el-form-item
|
||||||
v-if="isManage && hasEdit && !viewStatus">
|
:label="$t('trials:trialDocument:trainRecord:form:isConfirmRecord')"
|
||||||
<el-radio-group v-model="DATA.IsConfirmRecord" :disabled="rowBtnStatus === 'edit'">
|
v-if="isManage && hasEdit && !viewStatus"
|
||||||
<el-radio :label="item.value" v-for="item in $d.YesOrNo" :key="item.id">{{ item.label }}
|
>
|
||||||
|
<el-radio-group
|
||||||
|
v-model="DATA.IsConfirmRecord"
|
||||||
|
:disabled="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
:label="item.value"
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
>{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:trainRecord:form:isEnable')"
|
<el-form-item
|
||||||
v-if="isManage && hasEdit && !viewStatus">
|
:label="$t('trials:trialDocument:trainRecord:form:isEnable')"
|
||||||
<el-radio-group v-model="DATA.IsEnable" :disabled="rowBtnStatus === 'edit'">
|
v-if="isManage && hasEdit && !viewStatus"
|
||||||
<el-radio :label="item.value" v-for="item in $d.YesOrNo" :key="item.id">{{ item.label }}
|
>
|
||||||
|
<el-radio-group
|
||||||
|
v-model="DATA.IsEnable"
|
||||||
|
:disabled="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
|
<el-radio
|
||||||
|
:label="item.value"
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
>{{ item.label }}
|
||||||
</el-radio>
|
</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item v-if="isManage && hasEdit && !viewStatus">
|
<el-form-item v-if="isManage && hasEdit && !viewStatus">
|
||||||
<el-button type="primary" @click="rowBtnStatus = 'save'" v-if="rowBtnStatus === 'edit'">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
@click="rowBtnStatus = 'save'"
|
||||||
|
v-if="rowBtnStatus === 'edit'"
|
||||||
|
>
|
||||||
{{ $t('common:button:edit') }}
|
{{ $t('common:button:edit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" :loading="rowBtnLoading" @click="saveRowData" v-if="rowBtnStatus === 'save'">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
:loading="rowBtnLoading"
|
||||||
|
@click="saveRowData"
|
||||||
|
v-if="rowBtnStatus === 'save'"
|
||||||
|
>
|
||||||
{{ $t('common:button:save') }}
|
{{ $t('common:button:save') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@@ -32,155 +59,371 @@
|
|||||||
<div class="search" style="position: relative">
|
<div class="search" style="position: relative">
|
||||||
<el-form :inline="true" class="base-search-form">
|
<el-form :inline="true" class="base-search-form">
|
||||||
<!--培训日期-->
|
<!--培训日期-->
|
||||||
<el-form-item :label="$t('trials:trialDocument:trainRecord:search:TrianingDate')">
|
<el-form-item
|
||||||
<el-date-picker style="width: 240px" v-model="TrianingDate" type="daterange"
|
:label="$t('trials:trialDocument:trainRecord:search:TrianingDate')"
|
||||||
:range-separator="$t('baseForm:daterange:rangeSeparator')" start-placeholder="" end-placeholder=""
|
>
|
||||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd">
|
<el-date-picker
|
||||||
|
style="width: 240px"
|
||||||
|
v-model="TrianingDate"
|
||||||
|
type="daterange"
|
||||||
|
:range-separator="$t('baseForm:daterange:rangeSeparator')"
|
||||||
|
start-placeholder=""
|
||||||
|
end-placeholder=""
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
>
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:trainRecord:search:name')">
|
<el-form-item
|
||||||
<el-input v-model="searchData.FileName" style="width: 100px" clearable />
|
:label="$t('trials:trialDocument:trainRecord:search:name')"
|
||||||
|
>
|
||||||
|
<el-input
|
||||||
|
v-model="searchData.FileName"
|
||||||
|
style="width: 100px"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:trialDocument:trainRecord:search:isAuthorizedView')
|
<el-form-item
|
||||||
" v-if="isManage && !viewStatus">
|
:label="
|
||||||
<el-select v-if="!viewStatus" v-model="searchData.IsAuthorizedView" style="width: 100px" placeholder=""
|
$t('trials:trialDocument:trainRecord:search:isAuthorizedView')
|
||||||
clearable>
|
"
|
||||||
<el-option v-for="item in $d.YesOrNo" :key="item.id" :label="item.label" :value="item.value">
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
|
<el-select
|
||||||
|
v-if="!viewStatus"
|
||||||
|
v-model="searchData.IsAuthorizedView"
|
||||||
|
style="width: 100px"
|
||||||
|
placeholder=""
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item in $d.YesOrNo"
|
||||||
|
:key="item.id"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
>
|
||||||
</el-option>
|
</el-option>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!--更新时间-->
|
<!--更新时间-->
|
||||||
<el-form-item :label="$t('trials:trialDocument:trainRecord:search:UpdateTime')" style="margin-bottom: 10px">
|
<el-form-item
|
||||||
<el-date-picker style="width: 240px" v-model="UpdateTime" type="daterange"
|
:label="$t('trials:trialDocument:trainRecord:search:UpdateTime')"
|
||||||
:range-separator="$t('baseForm:daterange:rangeSeparator')" start-placeholder="" end-placeholder=""
|
style="margin-bottom: 10px"
|
||||||
format="yyyy-MM-dd" value-format="yyyy-MM-dd">
|
>
|
||||||
|
<el-date-picker
|
||||||
|
style="width: 240px"
|
||||||
|
v-model="UpdateTime"
|
||||||
|
type="daterange"
|
||||||
|
:range-separator="$t('baseForm:daterange:rangeSeparator')"
|
||||||
|
start-placeholder=""
|
||||||
|
end-placeholder=""
|
||||||
|
format="yyyy-MM-dd"
|
||||||
|
value-format="yyyy-MM-dd"
|
||||||
|
>
|
||||||
</el-date-picker>
|
</el-date-picker>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">
|
||||||
{{ $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-item v-if="isManage && !viewStatus">
|
<el-form-item v-if="isManage && !viewStatus">
|
||||||
<el-button type="primary" :disabled="selectTable.length <= 0" v-if="hasAccredit && isManage && !viewStatus"
|
<el-button
|
||||||
@click.stop="auth">
|
type="primary"
|
||||||
|
:disabled="selectTable.length <= 0"
|
||||||
|
v-if="hasAccredit && isManage && !viewStatus"
|
||||||
|
@click.stop="auth"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:trainRecord:button:accredit') }}
|
{{ $t('trials:trialDocument:trainRecord:button:accredit') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" v-if="hasEdit && isManage && !viewStatus" @click.stop="openFile(false)">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
v-if="hasEdit && isManage && !viewStatus"
|
||||||
|
@click.stop="openFile(false)"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:trainRecord:button:uploadFile') }}
|
{{ $t('trials:trialDocument:trainRecord:button:uploadFile') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" v-if="hasEdit && isManage && !viewStatus" @click.stop="openFile(true)">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
v-if="hasEdit && isManage && !viewStatus"
|
||||||
|
@click.stop="openFile(true)"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:trainRecord:button:uploadFolder') }}
|
{{ $t('trials:trialDocument:trainRecord:button:uploadFolder') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" v-if="hasAdd && isManage && !viewStatus" @click.stop="handleAdd">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
v-if="hasAdd && isManage && !viewStatus"
|
||||||
|
@click.stop="handleAdd"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:trainRecord:button:add') }}
|
{{ $t('trials:trialDocument:trainRecord:button:add') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
<el-button type="primary" icon="el-icon-bottom" :disabled="selectTable.length <= 0"
|
<el-button
|
||||||
v-if="hasDownLoad && isManage && !viewStatus" @click.stop="downLoad">
|
type="primary"
|
||||||
|
icon="el-icon-bottom"
|
||||||
|
:disabled="selectTable.length <= 0"
|
||||||
|
v-if="hasDownLoad && isManage && !viewStatus"
|
||||||
|
@click.stop="downLoad"
|
||||||
|
>
|
||||||
{{ $t('trials:trialDocument:trainRecord:button:downLoadFile') }}
|
{{ $t('trials:trialDocument:trainRecord:button:downLoadFile') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</el-form>
|
</el-form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<el-table v-loading="loading" v-adaptive="{ bottomOffset: 75 }" :data="list" stripe height="100" style="width: 100%"
|
<el-table
|
||||||
@sort-change="handleSortByColumn" @selection-change="handleSelectionChange">
|
v-loading="loading"
|
||||||
<el-table-column type="selection" width="55" v-if="isManage && !viewStatus" />
|
v-adaptive="{ bottomOffset: 75 }"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
style="width: 100%"
|
||||||
|
@sort-change="handleSortByColumn"
|
||||||
|
@selection-change="handleSelectionChange"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
type="selection"
|
||||||
|
width="55"
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
/>
|
||||||
<el-table-column type="index" v-else />
|
<el-table-column type="index" v-else />
|
||||||
|
|
||||||
<el-table-column prop="TrianingDate" :label="$t('trials:trialDocument:trainRecord:table:TrianingDate')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="TrianingDate"
|
||||||
|
:label="$t('trials:trialDocument:trainRecord:table:TrianingDate')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tooltip v-if="!scope.row.TrianingDate" class="item" effect="dark"
|
<el-tooltip
|
||||||
:content="$t('trials:trialDocument:trainRecord:tip:noTrianingDate')" placement="top">
|
v-if="!scope.row.TrianingDate"
|
||||||
<i class="el-icon-warning" style="cursor: pointer; color: #f56c6c"></i>
|
class="item"
|
||||||
|
effect="dark"
|
||||||
|
:content="$t('trials:trialDocument:trainRecord:tip:noTrianingDate')"
|
||||||
|
placement="top"
|
||||||
|
>
|
||||||
|
<i
|
||||||
|
class="el-icon-warning"
|
||||||
|
style="cursor: pointer; color: #f56c6c"
|
||||||
|
></i>
|
||||||
</el-tooltip>
|
</el-tooltip>
|
||||||
<span v-else>{{ scope.row.TrianingDate }}</span>
|
<span v-else>{{ scope.row.TrianingDate }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="TrianingCount" :label="$t('trials:trialDocument:trainRecord:table:TrianingCount')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="TrianingCount"
|
||||||
<el-table-column prop="TrianingState" :label="$t('trials:trialDocument:trainRecord:table:TrianingState')"
|
:label="$t('trials:trialDocument:trainRecord:table:TrianingCount')"
|
||||||
show-overflow-tooltip sortable="custom" />
|
show-overflow-tooltip
|
||||||
<el-table-column prop="Note" :label="$t('trials:trialDocument:trainRecord:table:Note')" show-overflow-tooltip
|
sortable="custom"
|
||||||
sortable="custom" />
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="TrianingState"
|
||||||
|
:label="$t('trials:trialDocument:trainRecord:table:TrianingState')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="Note"
|
||||||
|
:label="$t('trials:trialDocument:trainRecord:table:Note')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!--文件名称-->
|
<!--文件名称-->
|
||||||
<el-table-column prop="FileName" :label="$t('trials:trialDocument:trainRecord:table:name')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom">
|
prop="FileName"
|
||||||
|
:label="$t('trials:trialDocument:trainRecord:table:name')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<div v-if="
|
<div
|
||||||
scope.row.TrialFileRecord &&
|
v-if="
|
||||||
scope.row.TrialFileRecord.TrialFileTypeId
|
scope.row.TrialFileRecord &&
|
||||||
" style="display: flex; align-items: center">
|
scope.row.TrialFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
<span class="fileName">{{
|
<span class="fileName">{{
|
||||||
scope.row.TrialFileRecord.FileName
|
scope.row.TrialFileRecord.FileName
|
||||||
}}</span>
|
}}</span>
|
||||||
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
<i class="el-icon-view" @click.stop="preview(scope.row.TrialFileRecord)" />
|
<i
|
||||||
<i class="el-icon-download" v-if="hasDownLoad"
|
class="el-icon-view"
|
||||||
@click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')" />
|
@click.stop="preview(scope.row.TrialFileRecord)"
|
||||||
<i class="el-icon-delete" v-if="hasDel" @click.stop="delFile(scope.row, 'Trial')" />
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-download"
|
||||||
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'Trial')"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<i v-else-if="isManage && !viewStatus && hasEdit" class="el-icon-upload2"
|
<i
|
||||||
style="cursor: pointer; color: #409eff" @click.stop="upload(scope.row, 'Trial')" />
|
v-else-if="isManage && !viewStatus && hasEdit"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'Trial')"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<!--历史记录-->
|
<!--历史记录-->
|
||||||
<el-table-column prop="HistoryFileRecord" :label="$t('trials:trialDocument:trainRecord:table:historyFileRecord')"
|
<el-table-column
|
||||||
show-overflow-tooltip v-if="isManage && !viewStatus">
|
prop="HistoryFileRecord"
|
||||||
|
:label="$t('trials:trialDocument:trainRecord:table:historyFileRecord')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button type="text" @click.stop="openHistory(scope.row)">
|
<div
|
||||||
{{ scope.row.HistoryCount }}
|
v-if="
|
||||||
<i class="el-icon-upload2" />
|
scope.row.HistoryFileRecord &&
|
||||||
</el-button>
|
scope.row.HistoryFileRecord.TrialFileTypeId
|
||||||
|
"
|
||||||
|
style="display: flex; align-items: center"
|
||||||
|
>
|
||||||
|
<span class="fileName">{{
|
||||||
|
scope.row.HistoryFileRecord.FileName
|
||||||
|
}}</span>
|
||||||
|
<div v-if="isManage && !viewStatus" class="fileBtnBox">
|
||||||
|
<i
|
||||||
|
class="el-icon-download"
|
||||||
|
v-if="hasDownLoad"
|
||||||
|
@click.stop="
|
||||||
|
downLoad(false, scope.row.HistoryFileRecord, 'file')
|
||||||
|
"
|
||||||
|
/>
|
||||||
|
<i
|
||||||
|
class="el-icon-delete"
|
||||||
|
v-if="hasDel"
|
||||||
|
@click.stop="delFile(scope.row, 'History')"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<i
|
||||||
|
v-else-if="isManage && !viewStatus"
|
||||||
|
class="el-icon-upload2"
|
||||||
|
style="cursor: pointer; color: #409eff"
|
||||||
|
@click.stop="upload(scope.row, 'History')"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
|
|
||||||
<el-table-column prop="IsAuthorizedView" :label="$t('trials:trialDocument:trainRecord:table:isAuthorizedView')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" v-if="isManage && !viewStatus">
|
prop="IsAuthorizedView"
|
||||||
|
:label="$t('trials:trialDocument:trainRecord:table:isAuthorizedView')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
v-if="isManage && !viewStatus"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-switch :disabled="!scope.row.TrianingDate" v-if="isManage && !viewStatus && hasEdit"
|
<el-switch
|
||||||
v-model="scope.row.IsAuthorizedView" @change="(val) => auth(false, scope.row, val)" :active-value="true"
|
:disabled="!scope.row.TrianingDate"
|
||||||
:inactive-value="false" :active-text="$fd('YesOrNo', true)" :inactive-text="$fd('YesOrNo', false)">
|
v-if="isManage && !viewStatus && hasEdit"
|
||||||
|
v-model="scope.row.IsAuthorizedView"
|
||||||
|
@change="(val) => auth(false, scope.row, val)"
|
||||||
|
:active-value="true"
|
||||||
|
:inactive-value="false"
|
||||||
|
:active-text="$fd('YesOrNo', true)"
|
||||||
|
:inactive-text="$fd('YesOrNo', false)"
|
||||||
|
>
|
||||||
</el-switch>
|
</el-switch>
|
||||||
<span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
|
<span v-else>{{ $fd('YesOrNo', scope.row.IsAuthorizedView) }}</span>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column prop="UpdateTime" :label="$t('trials:trialDocument:trainRecord:table:updateTime')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="UpdateTime"
|
||||||
<el-table-column prop="CreateTime" :label="$t('trials:trialDocument:trainRecord:table:createTime')"
|
:label="$t('trials:trialDocument:trainRecord:table:updateTime')"
|
||||||
show-overflow-tooltip sortable="custom" />
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="CreateTime"
|
||||||
|
:label="$t('trials:trialDocument:trainRecord:table:createTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<el-table-column :label="$t('common:action:action')" width="200">
|
<el-table-column :label="$t('common:action:action')" width="200">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button icon="el-icon-view" :title="$t('common:button:view')" circle :disabled="!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
<el-button
|
||||||
" @click.stop="preview(scope.row.TrialFileRecord)" />
|
icon="el-icon-view"
|
||||||
<el-button v-if="hasEdit && isManage && !viewStatus" icon="el-icon-edit-outline"
|
:title="$t('common:button:view')"
|
||||||
:title="$t('common:button:edit')" circle @click.stop="handleEdit(scope.row)" />
|
circle
|
||||||
<el-button v-if="hasDownLoad && isManage && !viewStatus" icon="el-icon-download" :title="$t('trials:trialDocument:trainRecord:button:downLoadFile')
|
:disabled="
|
||||||
" circle :disabled="!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
||||||
" @click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')" />
|
"
|
||||||
<el-button v-if="hasDel && isManage && !viewStatus" icon="el-icon-delete"
|
@click.stop="preview(scope.row.TrialFileRecord)"
|
||||||
:title="$t('trials:trialDocument:trainRecord:button:delete')" circle @click.stop="handleDel(scope.row)" />
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasEdit && isManage && !viewStatus"
|
||||||
|
icon="el-icon-edit-outline"
|
||||||
|
:title="$t('common:button:edit')"
|
||||||
|
circle
|
||||||
|
@click.stop="handleEdit(scope.row)"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasDownLoad && isManage && !viewStatus"
|
||||||
|
icon="el-icon-download"
|
||||||
|
:title="
|
||||||
|
$t('trials:trialDocument:trainRecord:button:downLoadFile')
|
||||||
|
"
|
||||||
|
circle
|
||||||
|
:disabled="
|
||||||
|
!scope.row.TrialFileRecord || !scope.row.TrialFileRecord.FilePath
|
||||||
|
"
|
||||||
|
@click.stop="downLoad(false, scope.row.TrialFileRecord, 'file')"
|
||||||
|
/>
|
||||||
|
<el-button
|
||||||
|
v-if="hasDel && isManage && !viewStatus"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
:title="$t('trials:trialDocument:trainRecord:button:delete')"
|
||||||
|
circle
|
||||||
|
@click.stop="handleDel(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"
|
||||||
<upload-files :config="config" :faccept="faccept" :uploadPath="uploadPath" :limitLength="limitLength"
|
:total="total"
|
||||||
v-if="config.visible" @close="close" @uplaodFile="uplaodFile" />
|
:page.sync="searchData.PageIndex"
|
||||||
<trainRecord-form :ArchiveTypeEnum="ArchiveTypeEnum" :rowData="rowData" :config="update_config" :data="selectData"
|
:limit.sync="searchData.PageSize"
|
||||||
v-if="update_config.visible" @close="updateClose" @getList="getList" />
|
@pagination="getList"
|
||||||
<history-file-list :config="file_config" :rowData="fileData" :uploadPath="uploadPath" @getList="getList" />
|
/>
|
||||||
|
<upload-files
|
||||||
|
:config="config"
|
||||||
|
:faccept="faccept"
|
||||||
|
:uploadPath="uploadPath"
|
||||||
|
:limitLength="limitLength"
|
||||||
|
v-if="config.visible"
|
||||||
|
@close="close"
|
||||||
|
@uplaodFile="uplaodFile"
|
||||||
|
/>
|
||||||
|
<trainRecord-form
|
||||||
|
:ArchiveTypeEnum="ArchiveTypeEnum"
|
||||||
|
:rowData="rowData"
|
||||||
|
:config="update_config"
|
||||||
|
:data="selectData"
|
||||||
|
v-if="update_config.visible"
|
||||||
|
@close="updateClose"
|
||||||
|
@getList="getList"
|
||||||
|
/>
|
||||||
</box-content>
|
</box-content>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
import {
|
import {
|
||||||
addOrUpdateTrialFileType,
|
addOrUpdateTrialFileType,
|
||||||
getTrialTrianingRecordList,
|
getTrialTrianingRecordList,
|
||||||
@@ -195,7 +438,6 @@ import Pagination from '@/components/Pagination'
|
|||||||
import BoxContent from '@/components/BoxContent'
|
import BoxContent from '@/components/BoxContent'
|
||||||
import uploadFiles from '../uploadFiles.vue'
|
import uploadFiles from '../uploadFiles.vue'
|
||||||
import trainRecordForm from './form.vue'
|
import trainRecordForm from './form.vue'
|
||||||
import historyFileList from '../historyFileList.vue'
|
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
IsAuthorizedView: null,
|
IsAuthorizedView: null,
|
||||||
@@ -212,7 +454,7 @@ const searchDataDefault = () => {
|
|||||||
}
|
}
|
||||||
export default {
|
export default {
|
||||||
name: 'trainRecord',
|
name: 'trainRecord',
|
||||||
components: { BoxContent, Pagination, uploadFiles, trainRecordForm, historyFileList },
|
components: { BoxContent, Pagination, uploadFiles, trainRecordForm },
|
||||||
props: {
|
props: {
|
||||||
viewStatus: {
|
viewStatus: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
@@ -267,24 +509,9 @@ export default {
|
|||||||
upload: null,
|
upload: null,
|
||||||
},
|
},
|
||||||
DATA: {},
|
DATA: {},
|
||||||
|
|
||||||
fileData: {},
|
|
||||||
file_config: {
|
|
||||||
visible: false,
|
|
||||||
title: this.$t('trials:trialDocument:historyFileList:title'),
|
|
||||||
width: '800px',
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
openHistory(row) {
|
|
||||||
this.fileData = {
|
|
||||||
Name: row.TrialFileRecord ? row.TrialFileRecord.FileName : '',
|
|
||||||
Id: row.Id,
|
|
||||||
TrialFileTypeId: this.rowData.Id
|
|
||||||
}
|
|
||||||
this.file_config.visible = true
|
|
||||||
},
|
|
||||||
// 新增列表数据
|
// 新增列表数据
|
||||||
async uplaodFile(list) {
|
async uplaodFile(list) {
|
||||||
console.log(list, 'list')
|
console.log(list, 'list')
|
||||||
@@ -643,7 +870,7 @@ export default {
|
|||||||
this.DATA = Object.assign({}, this.rowData)
|
this.DATA = Object.assign({}, this.rowData)
|
||||||
},
|
},
|
||||||
immediate: true,
|
immediate: true,
|
||||||
deep: true
|
deep:true
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
@@ -691,8 +918,9 @@ export default {
|
|||||||
])
|
])
|
||||||
},
|
},
|
||||||
TITLE() {
|
TITLE() {
|
||||||
return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${this.isEN ? this.rowData.Name : this.rowData.NameCN
|
return `${this.$fd('ArchiveType', this.ArchiveTypeEnum)} — ${
|
||||||
}`
|
this.isEN ? this.rowData.Name : this.rowData.NameCN
|
||||||
|
}`
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
@@ -703,27 +931,21 @@ export default {
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fileName {
|
.fileName {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
max-width: calc(100% - 60px);
|
max-width: calc(100% - 60px);
|
||||||
white-space: nowrap;
|
white-space: nowrap; /* 文本不换行 */
|
||||||
/* 文本不换行 */
|
overflow: hidden; /* 超出部分隐藏 */
|
||||||
overflow: hidden;
|
|
||||||
/* 超出部分隐藏 */
|
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fileBtnBox {
|
.fileBtnBox {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
|
|
||||||
i {
|
i {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: #409eff;
|
color: #409eff;
|
||||||
margin-right: 3px;
|
margin-right: 3px;
|
||||||
|
|
||||||
&:last-child {
|
&:last-child {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -5,20 +5,45 @@
|
|||||||
<el-form :inline="true">
|
<el-form :inline="true">
|
||||||
<!-- 中心编号 -->
|
<!-- 中心编号 -->
|
||||||
<el-form-item :label="$t('trials:uploadMonitor:table:siteId')">
|
<el-form-item :label="$t('trials:uploadMonitor:table:siteId')">
|
||||||
<el-select v-model="searchData.TrialSiteId" clearable filterable style="width: 120px">
|
<el-select
|
||||||
<el-option v-for="(item, index) of siteOptions" :key="index" :label="item.TrialSiteCode"
|
v-model="searchData.TrialSiteId"
|
||||||
:value="item.TrialSiteId" />
|
clearable
|
||||||
|
filterable
|
||||||
|
style="width: 120px"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="(item, index) of siteOptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.TrialSiteCode"
|
||||||
|
:value="item.TrialSiteId"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 受试者编号 -->
|
<!-- 受试者编号 -->
|
||||||
<el-form-item :label="$t('trials:uploadMonitor:table:subjectId')">
|
<el-form-item :label="$t('trials:uploadMonitor:table:subjectId')">
|
||||||
<el-input v-model="searchData.SubjectInfo" style="width: 120px" clearable />
|
<el-input
|
||||||
|
v-model="searchData.SubjectInfo"
|
||||||
|
style="width: 120px"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<!-- 访视名称 -->
|
<!-- 访视名称 -->
|
||||||
<el-form-item class="my_multiple" :label="$t('trials:uploadMonitor:table:visitName')">
|
<el-form-item
|
||||||
<el-select v-model="searchData.VisitPlanArray" style="width: 140px" clearable multiple>
|
class="my_multiple"
|
||||||
<el-option v-for="(item, index) of visitPlanOptions" :key="index" :label="item.VisitName"
|
:label="$t('trials:uploadMonitor:table:visitName')"
|
||||||
:value="item.VisitNum">
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="searchData.VisitPlanArray"
|
||||||
|
style="width: 140px"
|
||||||
|
clearable
|
||||||
|
multiple
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="(item, index) of visitPlanOptions"
|
||||||
|
:key="index"
|
||||||
|
:label="item.VisitName"
|
||||||
|
:value="item.VisitNum"
|
||||||
|
>
|
||||||
<span style="float: left">{{ item.VisitName }}</span>
|
<span style="float: left">{{ item.VisitName }}</span>
|
||||||
</el-option>
|
</el-option>
|
||||||
<el-option key="Other" label="Out of Plan" value="1.11" />
|
<el-option key="Other" label="Out of Plan" value="1.11" />
|
||||||
@@ -29,25 +54,50 @@
|
|||||||
<el-input v-model="searchData.StudyCode" />
|
<el-input v-model="searchData.StudyCode" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:uploadMonitor:table:imageType')">
|
<el-form-item :label="$t('trials:uploadMonitor:table:imageType')">
|
||||||
<el-select v-model="searchData.IsDicom" style="width: 120px" clearable>
|
<el-select
|
||||||
<el-option v-for="item of $d.IsDicom" :label="item.label" :value="item.value"
|
v-model="searchData.IsDicom"
|
||||||
:key="`RoleName${item.value}`" />
|
style="width: 120px"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.IsDicom"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
:key="`RoleName${item.value}`"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:uploadMonitor:table:uploader')">
|
<el-form-item :label="$t('trials:uploadMonitor:table:uploader')">
|
||||||
<el-input v-model="searchData.Uploader" style="width: 120px" clearable />
|
<el-input
|
||||||
|
v-model="searchData.Uploader"
|
||||||
|
style="width: 120px"
|
||||||
|
clearable
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:uploadMonitor:table:uploadStatus')">
|
<el-form-item :label="$t('trials:uploadMonitor:table:uploadStatus')">
|
||||||
<el-select v-model="searchData.IsSuccess" style="width: 120px" clearable>
|
<el-select
|
||||||
<el-option v-for="item of $d.YesOrNo" :label="item.label" :value="item.value"
|
v-model="searchData.IsSuccess"
|
||||||
:key="`RoleName${item.value}`" />
|
style="width: 120px"
|
||||||
|
clearable
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="item of $d.YesOrNo"
|
||||||
|
:label="item.label"
|
||||||
|
:value="item.value"
|
||||||
|
:key="`RoleName${item.value}`"
|
||||||
|
/>
|
||||||
</el-select>
|
</el-select>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item :label="$t('trials:uploadMonitor:table:uploadTime')">
|
<el-form-item :label="$t('trials:uploadMonitor:table:uploadTime')">
|
||||||
<el-date-picker v-model="datetimerange" type="datetimerange" :default-time="['00:00:00', '23:59:59']"
|
<el-date-picker
|
||||||
|
v-model="datetimerange"
|
||||||
|
type="datetimerange"
|
||||||
|
:default-time="['00:00:00', '23:59:59']"
|
||||||
:start-placeholder="$t('trials:loginLog:table:beginTime')"
|
:start-placeholder="$t('trials:loginLog:table:beginTime')"
|
||||||
:end-placeholder="$t('trials:loginLog:table:endTime')" value-format="yyyy-MM-dd HH:mm:ss"
|
:end-placeholder="$t('trials:loginLog:table:endTime')"
|
||||||
@change="handleDatetimeChange" />
|
value-format="yyyy-MM-dd HH:mm:ss"
|
||||||
|
@change="handleDatetimeChange"
|
||||||
|
/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item>
|
<el-form-item>
|
||||||
<!-- 查询 -->
|
<!-- 查询 -->
|
||||||
@@ -55,119 +105,234 @@
|
|||||||
{{ $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 type="primary" icon="el-icon-download" @click="handleExport">
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-download"
|
||||||
|
@click="handleExport"
|
||||||
|
>
|
||||||
{{ $t('common:button:export') }}
|
{{ $t('common:button:export') }}
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
</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="handleSortByColumn" :default-sort="{ prop: 'ArchiveFinishedTime', order: 'descending' }">
|
v-adaptive="{ bottomOffset: 60 }"
|
||||||
|
v-loading="loading"
|
||||||
|
:data="list"
|
||||||
|
stripe
|
||||||
|
height="100"
|
||||||
|
@sort-change="handleSortByColumn"
|
||||||
|
:default-sort="{ prop: 'ArchiveFinishedTime', order: 'descending' }"
|
||||||
|
>
|
||||||
<el-table-column type="index" width="40" align="left" />
|
<el-table-column type="index" width="40" align="left" />
|
||||||
<!-- 中心编号 -->
|
<!-- 中心编号 -->
|
||||||
<el-table-column prop="TrialSiteCode" min-width="100" :label="$t('trials:uploadMonitor:table:siteId')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="TrialSiteCode"
|
||||||
|
min-width="100"
|
||||||
|
:label="$t('trials:uploadMonitor:table:siteId')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 受试者编号 -->
|
<!-- 受试者编号 -->
|
||||||
<el-table-column prop="SubjectCode" min-width="130" :label="$t('trials:uploadMonitor:table:subjectId')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="SubjectCode"
|
||||||
|
min-width="130"
|
||||||
|
:label="$t('trials:uploadMonitor:table:subjectId')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 访视名 -->
|
<!-- 访视名 -->
|
||||||
<el-table-column prop="VisitName" min-width="130" :label="$t('trials:uploadMonitor:table:visitName')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="VisitName"
|
||||||
|
min-width="130"
|
||||||
|
:label="$t('trials:uploadMonitor:table:visitName')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 检查编号 -->
|
<!-- 检查编号 -->
|
||||||
<el-table-column prop="StudyCode" min-width="130" :label="$t('trials:uploadMonitor:table:studyId')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="StudyCode"
|
||||||
|
min-width="130"
|
||||||
|
:label="$t('trials:uploadMonitor:table:studyId')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 影像类型 -->
|
<!-- 影像类型 -->
|
||||||
<el-table-column prop="IsDicom" min-width="130" :label="$t('trials:uploadMonitor:table:imageType')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="IsDicom"
|
||||||
|
min-width="130"
|
||||||
|
:label="$t('trials:uploadMonitor:table:imageType')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag type="primary">{{ $fd('IsDicom', scope.row.IsDicom) }}</el-tag>
|
{{ $fd('IsDicom', scope.row.IsDicom) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 上传人 -->
|
<!-- 上传人 -->
|
||||||
<el-table-column prop="Uploader" min-width="130" :label="$t('trials:uploadMonitor:table:uploader')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="Uploader"
|
||||||
|
min-width="130"
|
||||||
|
:label="$t('trials:uploadMonitor:table:uploader')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- IP -->
|
<!-- IP -->
|
||||||
<el-table-column prop="IP" min-width="100" :label="$t('trials:uploadMonitor:table:ip')" show-overflow-tooltip
|
<el-table-column
|
||||||
sortable="custom" />
|
prop="IP"
|
||||||
|
min-width="100"
|
||||||
|
:label="$t('trials:uploadMonitor:table:ip')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 文件数 -->
|
<!-- 文件数 -->
|
||||||
<el-table-column prop="FileCount" min-width="120" :label="$t('trials:uploadMonitor:table:fileCount')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom" />
|
prop="FileCount"
|
||||||
|
min-width="120"
|
||||||
|
:label="$t('trials:uploadMonitor:table:fileCount')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
/>
|
||||||
<!-- 文件大小 -->
|
<!-- 文件大小 -->
|
||||||
<el-table-column prop="FileSize" min-width="130" :label="$t('trials:uploadMonitor:table:fileSize')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="FileSize"
|
||||||
|
min-width="130"
|
||||||
|
:label="$t('trials:uploadMonitor:table:fileSize')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ fileSizeFormatter(scope.row.FileSize) }}
|
{{ fileSizeFormatter(scope.row.FileSize) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 是否有重复文件 -->
|
<!-- 是否有重复文件 -->
|
||||||
<el-table-column prop="IsDicomReUpload" min-width="150" :label="$t('trials:uploadMonitor:table:isRepetition')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="IsDicomReUpload"
|
||||||
|
min-width="150"
|
||||||
|
:label="$t('trials:uploadMonitor:table:isRepetition')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ $fd('YesOrNo', scope.row.IsDicomReUpload) }}
|
{{ $fd('YesOrNo', scope.row.IsDicomReUpload) }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 是否上传成功 -->
|
<!-- 是否上传成功 -->
|
||||||
<el-table-column prop="IsSuccess" min-width="150" :label="$t('trials:uploadMonitor:table:uploadStatus')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="IsSuccess"
|
||||||
|
min-width="150"
|
||||||
|
:label="$t('trials:uploadMonitor:table:uploadStatus')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-tag v-if="scope.row.IsSuccess" type="primary">
|
<el-tag v-if="scope.row.IsSuccess" type="primary">
|
||||||
{{ $fd('YesOrNo', scope.row.IsSuccess) }}</el-tag>
|
{{ $fd('YesOrNo', scope.row.IsSuccess) }}</el-tag
|
||||||
|
>
|
||||||
<el-tag v-else type="danger">
|
<el-tag v-else type="danger">
|
||||||
{{ $fd('YesOrNo', scope.row.IsSuccess) }}</el-tag>
|
{{ $fd('YesOrNo', scope.row.IsSuccess) }}</el-tag
|
||||||
|
>
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 开始时间 -->
|
<!-- 开始时间 -->
|
||||||
<el-table-column prop="UploadStartTime" min-width="140" :label="$t('trials:uploadMonitor:table:beginTime')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="UploadStartTime"
|
||||||
|
min-width="140"
|
||||||
|
:label="$t('trials:uploadMonitor:table:beginTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.UploadStartTimeStr }}
|
{{ scope.row.UploadStartTimeStr }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 结束时间 -->
|
<!-- 结束时间 -->
|
||||||
<el-table-column prop="ArchiveFinishedTime" min-width="140" :label="$t('trials:uploadMonitor:table:endTime')"
|
<el-table-column
|
||||||
show-overflow-tooltip sortable="custom">
|
prop="ArchiveFinishedTime"
|
||||||
|
min-width="140"
|
||||||
|
:label="$t('trials:uploadMonitor:table:endTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
sortable="custom"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.ArchiveFinishedTime }}
|
{{ scope.row.ArchiveFinishedTime }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<!-- 总共用时 -->
|
<!-- 总共用时 -->
|
||||||
<el-table-column prop="TotalMillisecondsInterval" min-width="100"
|
<el-table-column
|
||||||
:label="$t('trials:uploadMonitor:table:totalTime')" show-overflow-tooltip>
|
prop="TotalMillisecondsInterval"
|
||||||
|
min-width="100"
|
||||||
|
:label="$t('trials:uploadMonitor:table:totalTime')"
|
||||||
|
show-overflow-tooltip
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
{{ scope.row.TimeInterval }}
|
{{ scope.row.TimeInterval }}
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
<el-table-column :label="$t('common:action:action')" width="80" fixed="right">
|
<el-table-column
|
||||||
|
:label="$t('common:action:action')"
|
||||||
|
width="80"
|
||||||
|
fixed="right"
|
||||||
|
>
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<!-- 查看 -->
|
<!-- 查看 -->
|
||||||
<el-button circle :title="$t('trials:readTask:button:view')" :disabled="!scope.row.RecordPath"
|
<el-button
|
||||||
icon="el-icon-view" @click="handleLook(scope.row)" />
|
circle
|
||||||
|
:title="$t('trials:readTask:button:view')"
|
||||||
|
:disabled="!scope.row.RecordPath"
|
||||||
|
icon="el-icon-view"
|
||||||
|
@click="handleLook(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"
|
||||||
|
/>
|
||||||
</template>
|
</template>
|
||||||
<el-dialog v-if="lookVisible" :title="$t('trials:uploadMonitor:dagTitle:look')" :visible.sync="lookVisible"
|
<el-dialog
|
||||||
width="800px" append-to-body :close-on-click-modal="false" custom-class="base-dialog-wrapper">
|
v-if="lookVisible"
|
||||||
|
:title="$t('trials:uploadMonitor:dagTitle:look')"
|
||||||
|
:visible.sync="lookVisible"
|
||||||
|
width="800px"
|
||||||
|
append-to-body
|
||||||
|
:close-on-click-modal="false"
|
||||||
|
custom-class="base-dialog-wrapper"
|
||||||
|
>
|
||||||
<div style="max-height: 500px; overflow-y: auto; padding: 0 20px">
|
<div style="max-height: 500px; overflow-y: auto; padding: 0 20px">
|
||||||
<div style="
|
<div
|
||||||
|
style="
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
">
|
"
|
||||||
<span>{{ $t('trials:uploadDicomList:table:FailedNumber') }}:
|
>
|
||||||
{{ lookText.Failed.length }}</span>
|
<span
|
||||||
<span>{{ $t('trials:uploadDicomList:table:ExistedNumber') }}:
|
>{{ $t('trials:uploadDicomList:table:FailedNumber') }}:
|
||||||
{{ lookText.Existed.length }}</span>
|
{{ lookText.Failed.length }}</span
|
||||||
<span>{{ $t('trials:uploadDicomList:table:UploadedNumber') }}:
|
>
|
||||||
{{ lookText.Uploaded.length }}</span>
|
<span
|
||||||
|
>{{ $t('trials:uploadDicomList:table:ExistedNumber') }}:
|
||||||
|
{{ lookText.Existed.length }}</span
|
||||||
|
>
|
||||||
|
<span
|
||||||
|
>{{ $t('trials:uploadDicomList:table:UploadedNumber') }}:
|
||||||
|
{{ lookText.Uploaded.length }}</span
|
||||||
|
>
|
||||||
</div>
|
</div>
|
||||||
<div style="margin-bottom: 10px; font-size: 12px">
|
<div style="margin-bottom: 10px; font-size: 12px">
|
||||||
<div style="font-size: 14px; margin-bottom: 5px">
|
<div style="font-size: 14px; margin-bottom: 5px">
|
||||||
@@ -214,7 +379,6 @@ import { getStudyUploadMonitor_Export } from '@/api/export'
|
|||||||
import Pagination from '@/components/Pagination'
|
import Pagination from '@/components/Pagination'
|
||||||
import BaseContainer from '@/components/BaseContainer'
|
import BaseContainer from '@/components/BaseContainer'
|
||||||
import BaseModel from '@/components/BaseModel'
|
import BaseModel from '@/components/BaseModel'
|
||||||
import { changeURLStatic } from '@/utils/history.js'
|
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
const searchDataDefault = () => {
|
const searchDataDefault = () => {
|
||||||
return {
|
return {
|
||||||
@@ -257,26 +421,10 @@ export default {
|
|||||||
if (this.$route.query.studyCode) {
|
if (this.$route.query.studyCode) {
|
||||||
this.searchData.StudyCode = this.$route.query.studyCode
|
this.searchData.StudyCode = this.$route.query.studyCode
|
||||||
}
|
}
|
||||||
if (this.$route.query.siteId) {
|
|
||||||
this.searchData.TrialSiteId = this.$route.query.siteId
|
|
||||||
}
|
|
||||||
if (this.$route.query.subjectCode) {
|
|
||||||
this.searchData.SubjectInfo = this.$route.query.subjectCode
|
|
||||||
}
|
|
||||||
if (this.$route.query.visitNum || this.$route.query.visitNum === 0) {
|
|
||||||
this.searchData.VisitPlanArray = [Number(this.$route.query.visitNum)]
|
|
||||||
}
|
|
||||||
this.getList()
|
this.getList()
|
||||||
this.getVisitPlanOptions()
|
this.getVisitPlanOptions()
|
||||||
this.clearnUrl()
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
clearnUrl() {
|
|
||||||
changeURLStatic('siteId', '')
|
|
||||||
changeURLStatic('subjectCode', '')
|
|
||||||
changeURLStatic('visitNum', '')
|
|
||||||
|
|
||||||
},
|
|
||||||
async handleLook(row) {
|
async handleLook(row) {
|
||||||
this.lookVisible = true
|
this.lookVisible = true
|
||||||
var htmlUrl = this.OSSclientConfig.basePath + row.RecordPath
|
var htmlUrl = this.OSSclientConfig.basePath + row.RecordPath
|
||||||
@@ -334,8 +482,8 @@ export default {
|
|||||||
},
|
},
|
||||||
handleExport() {
|
handleExport() {
|
||||||
getStudyUploadMonitor_Export(this.searchData)
|
getStudyUploadMonitor_Export(this.searchData)
|
||||||
.then((res) => { })
|
.then((res) => {})
|
||||||
.catch(() => { })
|
.catch(() => {})
|
||||||
},
|
},
|
||||||
handleDatetimeChange(val) {
|
handleDatetimeChange(val) {
|
||||||
if (val) {
|
if (val) {
|
||||||
|
|||||||
@@ -952,19 +952,19 @@ export default {
|
|||||||
) {
|
) {
|
||||||
++instanceIndex
|
++instanceIndex
|
||||||
}
|
}
|
||||||
if (instanceIndex >= fileList.length) {
|
// if (instanceIndex >= fileList.length) {
|
||||||
fileList.push({
|
// fileList.push({
|
||||||
instanceUid: instanceUid,
|
// instanceUid: instanceUid,
|
||||||
file: file,
|
// file: file,
|
||||||
})
|
// })
|
||||||
}
|
// }
|
||||||
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
|
// scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
|
||||||
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
|
// scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
|
||||||
(prev, next) => {
|
// (prev, next) => {
|
||||||
return prev + next.file.size
|
// return prev + next.file.size
|
||||||
},
|
// },
|
||||||
0
|
// 0
|
||||||
)
|
// )
|
||||||
|
|
||||||
var seriesUid = data.string('x0020000e')
|
var seriesUid = data.string('x0020000e')
|
||||||
var seriesList = scope.uploadQueues[studyIndex].seriesList
|
var seriesList = scope.uploadQueues[studyIndex].seriesList
|
||||||
@@ -1065,6 +1065,19 @@ export default {
|
|||||||
}
|
}
|
||||||
instanceList.push(instanceItem)
|
instanceList.push(instanceItem)
|
||||||
}
|
}
|
||||||
|
if (instanceIndex >= fileList.length) {
|
||||||
|
fileList.push({
|
||||||
|
instanceUid: instanceUid,
|
||||||
|
file: file,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
scope.uploadQueues[studyIndex].dicomInfo.fileCount = fileList.length
|
||||||
|
scope.uploadQueues[studyIndex].dicomInfo.fileSize = fileList.reduce(
|
||||||
|
(prev, next) => {
|
||||||
|
return prev + next.file.size
|
||||||
|
},
|
||||||
|
0
|
||||||
|
)
|
||||||
resolve()
|
resolve()
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.log(error)
|
console.log(error)
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user