30 Commits

Author SHA1 Message Date
caiyiling bfe9817544 Merge branch 'uat' into main
continuous-integration/drone/push Build is passing
2025-02-14 17:42:54 +08:00
caiyiling f5fd1252c9 登录日志参数更改
continuous-integration/drone/push Build encountered an error
2025-02-14 17:41:15 +08:00
caiyiling 596ea8f658 Merge branch 'uat' into main
continuous-integration/drone/push Build is passing
2025-02-14 17:26:58 +08:00
caiyiling b24548dd8b 登录日志查询条件更改
continuous-integration/drone/push Build encountered an error
2025-02-14 17:25:30 +08:00
caiyiling 4a479258f2 Merge branch 'uat' into main
continuous-integration/drone/push Build is passing
2025-02-14 17:06:14 +08:00
caiyiling 29d0cc7653 登录日志个更改
continuous-integration/drone/push Build encountered an error
2025-02-14 16:56:25 +08:00
caiyiling 6de9cd26a4 影像阅片页面反馈按钮优化
continuous-integration/drone/push Build is passing
2025-02-14 16:07:40 +08:00
caiyiling caf3f41465 Merge branch 'uat' into main
continuous-integration/drone/push Build is passing
2025-02-14 14:52:03 +08:00
caiyiling 8896737a9e Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main
continuous-integration/drone/push Build is passing
2025-02-14 14:32:57 +08:00
caiyiling 1be46686a3 国际化更改 2025-02-14 14:32:39 +08:00
caiyiling 0cd07b76f8 多帧对齐bug修复
continuous-integration/drone/push Build encountered an error
2025-02-14 14:30:55 +08:00
wangxiaoshuang d74c0028f6 版本记录页面国际化
continuous-integration/drone/push Build is passing
2025-02-13 15:37:08 +08:00
caiyiling ab5645f28a popper弹出层优化
continuous-integration/drone/push Build encountered an error
2025-02-13 13:50:27 +08:00
caiyiling efb88b7ad1 多帧影像质控更改
continuous-integration/drone/push Build encountered an error
2025-02-13 11:50:29 +08:00
wangxiaoshuang 129548031c 影像上传页面,临床数据统计
continuous-integration/drone/push Build is passing
2025-02-13 10:17:42 +08:00
wangxiaoshuang 5dbddbea57 Merge commit 'dba4466ac26890fcedfd8d20d8c20c9fd45e8850' into uat
continuous-integration/drone/push Build encountered an error
2025-02-13 09:28:59 +08:00
caiyiling 689782bf36 后台管理页面部分国际化更改
continuous-integration/drone/push Build is passing
2025-02-13 09:25:32 +08:00
wangxiaoshuang 89fe4e4c00 阅片人简历邮箱更改
continuous-integration/drone/push Build is passing
2025-02-12 17:20:23 +08:00
wangxiaoshuang a582daf686 il8n页面国际化 2025-02-12 17:20:10 +08:00
wangxiaoshuang 3e680d0033 临床数据上传依赖,排序改为枚举值
continuous-integration/drone/push Build is passing
2025-02-11 14:39:01 +08:00
wangxiaoshuang af343d43d8 邮件模板预览样式调整
continuous-integration/drone/push Build is passing
2025-02-11 14:17:41 +08:00
wangxiaoshuang 4b9216229c 国际化编辑新增迭代版本、状态
continuous-integration/drone/push Build is passing
2025-02-11 13:13:39 +08:00
wangxiaoshuang 2952762ce7 切换角色、项目返回时清除项目路由缓存
continuous-integration/drone/push Build is passing
2025-02-10 10:42:10 +08:00
caiyiling 361aed4a0c dicom文件上传批量验证提示更改
continuous-integration/drone/push Build is passing
2025-02-10 09:22:44 +08:00
caiyiling 19b419c29e 一致性核查更改
continuous-integration/drone/push Build is passing
2025-02-08 15:06:11 +08:00
caiyiling 7e9a9b62f6 样式调整
continuous-integration/drone/push Build is passing
2025-02-08 14:10:00 +08:00
caiyiling 3921f369c3 阅片单元样式调整
continuous-integration/drone/push Build is passing
2025-02-08 13:07:46 +08:00
caiyiling 0ffe7ff1a7 Merge branch 'main' of https://gitea.frp.extimaging.com/XCKJ/irc_web into main
continuous-integration/drone/push Build is passing
2025-02-08 11:31:23 +08:00
caiyiling 5ec969c2f9 临床数据补充英文模板及界面样式调整 2025-02-08 11:30:07 +08:00
caiyiling f1dee25987 核医学标准添加融合演示案例
continuous-integration/drone/push Build encountered an error
2025-01-02 09:18:20 +08:00
65 changed files with 4898 additions and 667 deletions
+14 -10
View File
@@ -40,7 +40,7 @@
<el-form-item :label="$t('il8n:search:keyword')"> <el-form-item :label="$t('il8n:search:keyword')">
<el-input v-model="key" @input="keyChange" /> <el-input v-model="key" @input="keyChange" />
</el-form-item> </el-form-item>
<el-form-item :label="$t('il8n:search:state')" v-if="il8nExternal"> <el-form-item :label="$t('il8n:search:state')">
<el-select <el-select
v-model="State" v-model="State"
clearable clearable
@@ -105,11 +105,7 @@
></el-input> ></el-input>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column prop="ValueCN" :label="$t('il8n:table:state')">
prop="ValueCN"
:label="$t('il8n:table:state')"
v-if="il8nExternal"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-select <el-select
v-model="scope.row.State" v-model="scope.row.State"
@@ -126,12 +122,16 @@
</el-select> </el-select>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="Version" :label="$t('il8n:table:Version')">
</el-table-column>
</el-table> </el-table>
<div style="text-align: right; padding-top: 10px; padding-right: 10px"> <div style="text-align: right; padding-top: 10px; padding-right: 10px">
<el-button size="mini" @click="drawer = false">取消 </el-button> <el-button size="mini" @click="drawer = false"
<el-button size="mini" type="primary" @click="handleSave" >{{ $t('common:button:cancel') }}
>保存</el-button </el-button>
> <el-button size="mini" type="primary" @click="handleSave">{{
$t('common:button:save')
}}</el-button>
</div> </div>
</el-drawer> </el-drawer>
<feedBack v-if="$route.matched.length > 0" /> <feedBack v-if="$route.matched.length > 0" />
@@ -246,6 +246,7 @@ export default {
openI18n(ARRAY) { openI18n(ARRAY) {
this.tableData = [] this.tableData = []
this.il8nExternal = false this.il8nExternal = false
this.State = null
this.key = null this.key = null
this.drawer = true this.drawer = true
let arr = [] let arr = []
@@ -266,6 +267,7 @@ export default {
Value: item.Value, Value: item.Value,
ValueCN: item.ValueCN, ValueCN: item.ValueCN,
State: item.State, State: item.State,
Version: item.Version,
} }
}) })
this.tableData = Object.assign([], tableData) this.tableData = Object.assign([], tableData)
@@ -296,6 +298,8 @@ export default {
Description: null, Description: null,
Value: null, Value: null,
ValueCN: null, ValueCN: null,
State: 0,
Version: this.$version.Version,
}) })
} }
}) })
+7
View File
@@ -1081,6 +1081,13 @@ export function setSeriesStatus(trialId, subjectVisitId, studyId, seriesId, stat
}) })
} }
export function setInstanceStatus(trialId, subjectVisitId, seriesId, instanceId, state) {
return request({
url: `/QCOperation/setInstanceState/${trialId}/${subjectVisitId}/${seriesId}/${instanceId}/${state}`,
method: 'put'
})
}
export function getVisitQCStudyAndSeriesList(subjectVisitId) { export function getVisitQCStudyAndSeriesList(subjectVisitId) {
return request({ return request({
url: `/QCList/getVisitQCStudyAndSeriesList/${subjectVisitId}`, url: `/QCList/getVisitQCStudyAndSeriesList/${subjectVisitId}`,
+1
View File
@@ -149,6 +149,7 @@ export default {
return isShow return isShow
}, },
goBack() { goBack() {
zzSessionStorage.removeItem('lastWorkbench')
this.$router.push({ path: '/trials/trials-list' }) this.$router.push({ path: '/trials/trials-list' })
}, },
selectTrials(v) { selectTrials(v) {
+1
View File
@@ -92,6 +92,7 @@ export default {
try { try {
if (!this.form.userRoleId) if (!this.form.userRoleId)
return this.$message.warning(this.$t('toggleRole:ruleMessage:select')) return this.$message.warning(this.$t('toggleRole:ruleMessage:select'))
zzSessionStorage.removeItem('lastWorkbench')
this.$emit('save', this.form.userRoleId) this.$emit('save', this.form.userRoleId)
} catch (err) { } catch (err) {
console.log(err) console.log(err)
+1 -1
View File
@@ -174,7 +174,7 @@ var _vm
async function VueInit() { async function VueInit() {
var params var params
var res var res
if (~window.location.href.indexOf('/readingDicoms') || ~window.location.href.indexOf('/noneDicomReading') || ~window.location.href.indexOf('/criterionquestions') || ~window.location.href.indexOf('/petct')) { if (~window.location.href.indexOf('/readingDicoms') || ~window.location.href.indexOf('/noneDicomReading') || ~window.location.href.indexOf('/criterionquestions') || ~window.location.href.indexOf('/petct') || ~window.location.href.indexOf('/fusion')) {
params = $q('TrialReadingCriterionId') params = $q('TrialReadingCriterionId')
res = await getBasicDataAllSelect(params) res = await getBasicDataAllSelect(params)
} else if (~window.location.href.indexOf('/ecrfPreview')) { } else if (~window.location.href.indexOf('/ecrfPreview')) {
+6
View File
@@ -139,6 +139,12 @@ export const constantRoutes = [
hidden: true, hidden: true,
component: () => import('@/views/trials/trials-panel/reading/dicoms/components/Fusion/PetCt') component: () => import('@/views/trials/trials-panel/reading/dicoms/components/Fusion/PetCt')
}, },
{
path: '/fusion',
name: 'fusion',
hidden: true,
component: () => import('@/views/trials/trials-panel/reading/dicoms/components/Fusion/demo/index')
},
{ {
path: '/historyScreenshot', path: '/historyScreenshot',
+114 -15
View File
@@ -52,10 +52,14 @@
</div> </div>
<div v-if="item.isExistMutiFrames && item.instanceCount > 1"> <div v-if="item.isExistMutiFrames && item.instanceCount > 1">
<el-popover <el-popover
placement="right" v-model="item.isShowPopper"
trigger="hover" placement="right-start"
trigger="manual"
popper-class="instance_frame_wrapper" popper-class="instance_frame_wrapper"
> >
<div style="text-align: right;">
<i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="item.isShowPopper = false" />
</div>
<div class="frame_list"> <div class="frame_list">
<div <div
v-for="(instance, idx) in item.instanceInfoList" v-for="(instance, idx) in item.instanceInfoList"
@@ -66,11 +70,27 @@
> >
<div> <div>
<div>{{ instance.InstanceNumber }}</div> <div>{{ instance.InstanceNumber }}</div>
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div> <div>
{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}
</div>
<div v-if="showDelete">
<span>{{ $t('trials:audit:table:isDelete') }}</span>
<el-switch
v-model="instance.IsDeleted"
size="mini"
@change="changeInstanceDeleteStatus($event, item, instance)"
/>
<span style="margin-left:10px;">{{ $t('trials:audit:table:isReading') }}</span>
<el-switch
v-model="instance.IsReading"
size="mini"
@change="changeInstanceReadingStatus($event, item, instance)"
/>
</div>
</div> </div>
</div> </div>
</div> </div>
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" /> <i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" @click="popperClick(seriesList, item)" />
</el-popover> </el-popover>
</div> </div>
</div> </div>
@@ -138,13 +158,13 @@ import * as cornerstone from 'cornerstone-core'
import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader' import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
import dicomViewer from '@/components/Dicom/DicomViewer' import dicomViewer from '@/components/Dicom/DicomViewer'
import { getStudyInfo, getSeriesList } from '@/api/reading' import { getStudyInfo, getSeriesList } from '@/api/reading'
import { getInstanceList, getPatientSeriesList, setSeriesStatus } from '@/api/trials' import { getInstanceList, getPatientSeriesList, setSeriesStatus, setInstanceStatus } from '@/api/trials'
import requestPoolManager from '@/utils/request-pool' import requestPoolManager from '@/utils/request-pool'
import store from '@/store' import store from '@/store'
import { changeURLStatic } from '@/utils/history.js' import { changeURLStatic } from '@/utils/history.js'
import metaDataProvider from '@/utils/metaDataProvider' import metaDataProvider from '@/utils/metaDataProvider'
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 }); cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 })
var config = { var config = {
maxWebWorkers: 4, maxWebWorkers: 4,
startWebWorkersOnDemand: true, startWebWorkersOnDemand: true,
@@ -296,7 +316,8 @@ export default {
tpCode: this.tpCode, tpCode: this.tpCode,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
}) })
}) })
this.seriesList = seriesList this.seriesList = seriesList
@@ -355,7 +376,8 @@ export default {
tpCode: this.tpCode, tpCode: this.tpCode,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
}) })
}) })
this.seriesList = seriesList this.seriesList = seriesList
@@ -384,8 +406,8 @@ export default {
if (!res.Result || (res.Result && res.Result.length === 0)) return if (!res.Result || (res.Result && res.Result.length === 0)) return
var seriesInstanceUid = res.Result[0].SeriesInstanceUid var seriesInstanceUid = res.Result[0].SeriesInstanceUid
var sliceThickness = res.Result[0].SliceThickness var sliceThickness = res.Result[0].SliceThickness
var isReading = res.Result[0].IsReading var isReading = res.OtherInfo.IsReading
var isDeleted = res.Result[0].IsDeleted var isDeleted = res.OtherInfo.IsDeleted
var seriesList = [] var seriesList = []
var imageIds = [] var imageIds = []
let isExistMutiFrames = false let isExistMutiFrames = false
@@ -403,7 +425,7 @@ export default {
imageIds.push(path) imageIds.push(path)
imageId = path imageId = path
} }
instanceInfoList.push({ Id: instance.Id, InstanceNumber: instance.InstanceNumber, NumberOfFrames: instance.NumberOfFrames, Path: instance.Path, ImageId: imageId }) instanceInfoList.push({ Id: instance.Id, InstanceNumber: instance.InstanceNumber, NumberOfFrames: instance.NumberOfFrames, Path: instance.Path, ImageId: imageId, IsDeleted: instance.IsDeleted, IsReading: instance.IsReading })
}) })
seriesList.push({ seriesList.push({
trialId, trialId,
@@ -424,7 +446,8 @@ export default {
prefetchInstanceCount: 0, prefetchInstanceCount: 0,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: isExistMutiFrames isExistMutiFrames: isExistMutiFrames,
isShowPopper: false
}) })
this.seriesList = seriesList this.seriesList = seriesList
if (this.seriesList.length > 0) { if (this.seriesList.length > 0) {
@@ -573,7 +596,8 @@ export default {
hasLabel: seriesInfo.HasLabel, hasLabel: seriesInfo.HasLabel,
keySeries: seriesInfo.KeySeries, keySeries: seriesInfo.KeySeries,
loadStatus: false, loadStatus: false,
imageloadedArr: [] imageloadedArr: [],
isShowPopper: false
}) })
this.seriesList = seriesList this.seriesList = seriesList
if (this.seriesList.length > 0) { if (this.seriesList.length > 0) {
@@ -671,6 +695,81 @@ export default {
this.loading = false this.loading = false
} }
}, },
async changeInstanceReadingStatus(callback, series, instance) {
let statusStr = ''
if (callback) {
statusStr = this.$t('trials:audit:label:setSeriesReading')
instance.IsReading = false
} else {
statusStr = this.$t('trials:audit:label:setSeriesNotReading')
instance.IsReading = true
}
var message = this.$t('trials:audit:message:changeSeriesStatus').replace('xxx', statusStr)
message = message.replace('yyy', this.$fd('YesOrNo', !instance.IsReading))
const confirm = await this.$confirm(
message,
{
type: 'warning',
distinguishCancelAndClose: true
}
)
if (confirm !== 'confirm') return
const state = instance.IsReading ? 1 : 2
this.loading = true
try {
const res = await setInstanceStatus(series.trialId, series.subjectVisitId, series.seriesId, instance.Id, state)
this.loading = false
if (res.IsSuccess) {
instance.IsReading = !instance.IsReading
this.$message.success(this.$t('common:message:savedSuccessfully'))
window.opener.postMessage({ type: 'refreshSeriesList', data: '' }, window.location)
}
} catch (e) {
this.loading = false
}
},
async changeInstanceDeleteStatus(callback, series, instance) {
let statusStr = ''
if (callback) {
statusStr = this.$t('trials:audit:label:setSeriesDeleted')
instance.IsDeleted = false
} else {
statusStr = this.$t('trials:audit:label:setSeriesNotDelete')
instance.IsDeleted = true
}
var message = this.$t('trials:audit:message:changeSeriesStatus').replace('xxx', statusStr)
message = message.replace('yyy', this.$fd('YesOrNo', !instance.IsDeleted))
const confirm = await this.$confirm(
message,
{
type: 'warning',
distinguishCancelAndClose: true
}
)
if (confirm !== 'confirm') return
const state = instance.IsDeleted ? 5 : 4
this.loading = true
try {
const res = await setInstanceStatus(series.trialId, series.subjectVisitId, series.seriesId, instance.Id, state)
this.loading = false
if (res.IsSuccess) {
instance.IsDeleted = !instance.IsDeleted
this.$message.success(this.$t('common:message:savedSuccessfully'))
window.opener.postMessage({ type: 'refreshSeriesList', data: '' }, window.location)
}
} catch (e) {
this.loading = false
}
},
popperClick(seriesList, series) {
for (let i = 0; i < seriesList.length; i++) {
if (seriesList[i].isShowPopper) {
seriesList[i].isShowPopper = false
}
}
series.isShowPopper = !series.isShowPopper
},
loadAllImages() { loadAllImages() {
const seriesIndex = this.seriesList.findIndex(i => i.loadStatus === false) const seriesIndex = this.seriesList.findIndex(i => i.loadStatus === false)
if (seriesIndex === -1) return if (seriesIndex === -1) return
@@ -948,8 +1047,8 @@ export default {
background: #d0d0d0; background: #d0d0d0;
} }
.frame_content{ .frame_content{
height: 50px; /* height: 50px; */
padding: 5px; padding: 10px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
color: #ddd; color: #ddd;
+148 -35
View File
@@ -59,34 +59,56 @@
<div>#{{ series.seriesNumber }}</div> <div>#{{ series.seriesNumber }}</div>
<div v-if="series.isExistMutiFrames && series.instanceCount > 1"> <div v-if="series.isExistMutiFrames && series.instanceCount > 1">
<el-popover <el-popover
placement="right" v-model="series.isShowPopper"
trigger="hover" placement="right-start"
trigger="manual"
popper-class="instance_frame_wrapper" popper-class="instance_frame_wrapper"
> >
<div <div style="text-align: right;">
v-for="(instance, idx) in series.instanceInfoList" <i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="series.isShowPopper = false" />
:key="instance.Id"
class="frame_content"
:style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
@click="showMultiFrames(index,series, i, instance)"
>
<!-- <div>
<img
class="image-preview"
:src="series.previewImageUrl"
crossorigin="anonymous"
alt=""
style="width: 40px;height:40px;"
fit="fill"
>
</div> -->
<div>
<div>{{ instance.InstanceNumber }}</div>
<div>{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}</div>
</div>
</div> </div>
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" /> <div class="frame_list">
<div
v-for="(instance, idx) in series.instanceInfoList"
:key="instance.Id"
class="frame_content"
:style="{'margin-bottom':idx<series.instanceInfoList.length-1? '5px':'0px'}"
@click="showMultiFrames(index,series, i, instance)"
>
<!-- <div>
<img
class="image-preview"
:src="series.previewImageUrl"
crossorigin="anonymous"
alt=""
style="width: 40px;height:40px;"
fit="fill"
>
</div> -->
<div>
<div>{{ instance.InstanceNumber }}</div>
<div>
{{ `${instance.NumberOfFrames > 0 ? instance.NumberOfFrames : 1} frame` }}
</div>
<div v-if="showDelete">
<span>{{ $t('trials:audit:table:isDelete') }}</span>
<el-switch
v-model="instance.IsDeleted"
size="mini"
@change="changeInstanceDeleteStatus($event, series, instance)"
/>
<span style="margin-left:10px;">{{ $t('trials:audit:table:isReading') }}</span>
<el-switch
v-model="instance.IsReading"
size="mini"
@change="changeInstanceReadingStatus($event, series, instance)"
/>
</div>
</div>
</div>
</div>
<i slot="reference" class="el-icon-connection" style="font-size: 15px;cursor: pointer;" @click="popperClick(studyList, series)" />
</el-popover> </el-popover>
</div> </div>
@@ -143,7 +165,7 @@
</div> </div>
</div> </div>
</el-tab-pane> </el-tab-pane>
<el-tab-pane :label="$t('trials:dicom-show:relatedVisit')" name="relation-study" class="pane-relation-wrapper" v-if="!visitTaskId"> <el-tab-pane v-if="!visitTaskId" :label="$t('trials:dicom-show:relatedVisit')" name="relation-study" class="pane-relation-wrapper">
<div class="viewerSidethumbinner"> <div class="viewerSidethumbinner">
<el-collapse v-model="relationActiveName" @change="handelRelationActiveChange"> <el-collapse v-model="relationActiveName" @change="handelRelationActiveChange">
<el-collapse-item v-for="(study,studyIndex) in relationStudyList" :key="`${study.StudyId}`" :name="`${study.StudyId}`"> <el-collapse-item v-for="(study,studyIndex) in relationStudyList" :key="`${study.StudyId}`" :name="`${study.StudyId}`">
@@ -196,8 +218,8 @@
<div v-else>#{{ seriesItem.seriesNumber }}</div> <div v-else>#{{ seriesItem.seriesNumber }}</div>
<div v-if="seriesItem.isExistMutiFrames && seriesItem.instanceCount > 1"> <div v-if="seriesItem.isExistMutiFrames && seriesItem.instanceCount > 1">
<el-popover <el-popover
placement="right" placement="right-start"
trigger="hover" trigger="click"
popper-class="instance_frame_wrapper" popper-class="instance_frame_wrapper"
> >
<div class="frame_list"> <div class="frame_list">
@@ -260,13 +282,13 @@ import * as cornerstone from 'cornerstone-core'
import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader' import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
import dicomViewer from '@/components/Dicom/DicomViewer' import dicomViewer from '@/components/Dicom/DicomViewer'
import { getVisitStudyList, getAllRelationStudyList, getSeriesList } from '@/api/reading' import { getVisitStudyList, getAllRelationStudyList, getSeriesList } from '@/api/reading'
import { setSeriesStatus } from '@/api/trials' import { setSeriesStatus, setInstanceStatus } from '@/api/trials'
import { getTaskUploadedDicomStudyList } from '@/api/reading' import { getTaskUploadedDicomStudyList } from '@/api/reading'
import requestPoolManager from '@/utils/request-pool' import requestPoolManager from '@/utils/request-pool'
import store from '@/store' import store from '@/store'
import { changeURLStatic } from '@/utils/history.js' import { changeURLStatic } from '@/utils/history.js'
import metaDataProvider from '@/utils/metaDataProvider' import metaDataProvider from '@/utils/metaDataProvider'
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 }); cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 })
// import * as cornerstoneTools from 'cornerstone-tools' // import * as cornerstoneTools from 'cornerstone-tools'
var config = { var config = {
maxWebWorkers: 4, maxWebWorkers: 4,
@@ -348,7 +370,7 @@ export default {
let res = null let res = null
if (this.page === 'upload') { if (this.page === 'upload') {
res = await getTaskUploadedDicomStudyList({ visitTaskId: this.visitTaskId }) res = await getTaskUploadedDicomStudyList({ visitTaskId: this.visitTaskId })
} else if (this.page === 'download'){ } else if (this.page === 'download') {
res = await getVisitStudyList(this.trialId, this.subjectVisitId, this.isReading, this.visitTaskId) res = await getVisitStudyList(this.trialId, this.subjectVisitId, this.isReading, this.visitTaskId)
} else { } else {
res = await getVisitStudyList(this.trialId, this.subjectVisitId, this.isReading) res = await getVisitStudyList(this.trialId, this.subjectVisitId, this.isReading)
@@ -399,7 +421,8 @@ export default {
prefetchInstanceCount: 0, prefetchInstanceCount: 0,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: series.IsExistMutiFrames isExistMutiFrames: series.IsExistMutiFrames,
isShowPopper: false
}) })
}) })
data.SeriesList = seriesList data.SeriesList = seriesList
@@ -595,6 +618,83 @@ export default {
this.loading = false this.loading = false
} }
}, },
async changeInstanceReadingStatus(callback, series, instance) {
let statusStr = ''
if (callback) {
statusStr = this.$t('trials:audit:label:setSeriesReading')
instance.IsReading = false
} else {
statusStr = this.$t('trials:audit:label:setSeriesNotReading')
instance.IsReading = true
}
var message = this.$t('trials:audit:message:changeSeriesStatus').replace('xxx', statusStr)
message = message.replace('yyy', this.$fd('YesOrNo', !instance.IsReading))
const confirm = await this.$confirm(
message,
{
type: 'warning',
distinguishCancelAndClose: true
}
)
if (confirm !== 'confirm') return
const state = instance.IsReading ? 1 : 2
this.loading = true
try {
const res = await setInstanceStatus(series.trialId, series.subjectVisitId, series.seriesId, instance.Id, state)
this.loading = false
if (res.IsSuccess) {
instance.IsReading = !instance.IsReading
this.$message.success(this.$t('common:message:savedSuccessfully'))
window.opener.postMessage({ type: 'refreshSeriesList', data: '' }, window.location)
}
} catch (e) {
this.loading = false
}
},
async changeInstanceDeleteStatus(callback, series, instance) {
let statusStr = ''
if (callback) {
statusStr = this.$t('trials:audit:label:setSeriesDeleted')
instance.IsDeleted = false
} else {
statusStr = this.$t('trials:audit:label:setSeriesNotDelete')
instance.IsDeleted = true
}
var message = this.$t('trials:audit:message:changeSeriesStatus').replace('xxx', statusStr)
message = message.replace('yyy', this.$fd('YesOrNo', !instance.IsDeleted))
const confirm = await this.$confirm(
message,
{
type: 'warning',
distinguishCancelAndClose: true
}
)
if (confirm !== 'confirm') return
const state = instance.IsDeleted ? 5 : 4
this.loading = true
try {
const res = await setInstanceStatus(series.trialId, series.subjectVisitId, series.seriesId, instance.Id, state)
this.loading = false
if (res.IsSuccess) {
instance.IsDeleted = !instance.IsDeleted
this.$message.success(this.$t('common:message:savedSuccessfully'))
window.opener.postMessage({ type: 'refreshSeriesList', data: '' }, window.location)
}
} catch (e) {
this.loading = false
}
},
popperClick(studyList, series) {
for (let i = 0; i < studyList.length; i++) {
for (let j = 0; j < studyList[i].SeriesList.length; j++) {
if (studyList[i].SeriesList[j].isShowPopper) {
studyList[i].SeriesList[j].isShowPopper = false
}
}
}
series.isShowPopper = !series.isShowPopper
},
// 切换关联检查Tab时获取关联检查信息 // 切换关联检查Tab时获取关联检查信息
async handleTabClick(tab, event) { async handleTabClick(tab, event) {
if (tab.name === 'relation-study' && this.relationStudyList.length <= 0) { if (tab.name === 'relation-study' && this.relationStudyList.length <= 0) {
@@ -671,7 +771,8 @@ export default {
keySeries: item.KeySeries, keySeries: item.KeySeries,
loadStatus: false, loadStatus: false,
imageloadedArr: [], imageloadedArr: [],
isExistMutiFrames: item.IsExistMutiFrames isExistMutiFrames: item.IsExistMutiFrames,
isShowPopper: false
}) })
}) })
scope.relationStudyList[index].seriesCount = seriesList.length scope.relationStudyList[index].seriesCount = seriesList.length
@@ -978,9 +1079,21 @@ export default {
border: 1px solid #2c2c2c; border: 1px solid #2c2c2c;
padding: 5px; padding: 5px;
} }
.frame_list{
max-height: 500px;
overflow-y: auto;
}
.instance_frame_wrapper ::-webkit-scrollbar {
width: 7px;
height: 7px;
}
.instance_frame_wrapper ::-webkit-scrollbar-thumb {
border-radius: 10px;
background: #d0d0d0;
}
.frame_content{ .frame_content{
height: 50px; /* height: 50px; */
padding: 5px; padding: 10px;
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
color: #ddd; color: #ddd;
@@ -73,13 +73,13 @@
<el-button <el-button
circle circle
icon="el-icon-edit-outline" icon="el-icon-edit-outline"
title="编辑" :title="$t('common:button:edit')"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
/> />
<el-button <el-button
circle circle
icon="el-icon-delete" icon="el-icon-delete"
title="删除" :title="$t('common:button:delete')"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
/> />
</template> </template>
@@ -113,13 +113,13 @@
<el-button <el-button
circle circle
icon="el-icon-edit-outline" icon="el-icon-edit-outline"
title="编辑" :title="$t('common:button:edit')"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
/> />
<el-button <el-button
circle circle
icon="el-icon-delete" icon="el-icon-delete"
title="删除" :title="$t('common:button:delete')"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
/> />
</template> </template>
@@ -32,9 +32,9 @@
<el-input v-model="form.AliasName" /> <el-input v-model="form.AliasName" />
</el-form-item> </el-form-item>
<el-form-item label="组织机构代码: "> <!-- <el-form-item label="组织机构代码: ">
<el-input v-model="form.UniqueCode" /> <el-input v-model="form.UniqueCode" />
</el-form-item> </el-form-item> -->
<el-form-item label="Country: " prop="Country"> <el-form-item label="Country: " prop="Country">
<el-input v-model="form.Country" /> <el-input v-model="form.Country" />
@@ -74,13 +74,13 @@
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <!-- <el-table-column
prop="UniqueCode" prop="UniqueCode"
label="组织机构代码" label="组织机构代码"
min-width="130" min-width="130"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> /> -->
<el-table-column <el-table-column
prop="Country" prop="Country"
label="Country" label="Country"
@@ -149,13 +149,13 @@
<el-button <el-button
circle circle
icon="el-icon-edit-outline" icon="el-icon-edit-outline"
title="编辑" :title="$t('common:button:edit')"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
/> />
<el-button <el-button
circle circle
icon="el-icon-delete" icon="el-icon-delete"
title="删除" :title="$t('common:button:delete')"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
/> />
</template> </template>
@@ -73,13 +73,13 @@
<el-button <el-button
circle circle
icon="el-icon-edit-outline" icon="el-icon-edit-outline"
title="编辑" :title="$t('common:button:edit')"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
/> />
<el-button <el-button
circle circle
icon="el-icon-delete" icon="el-icon-delete"
title="删除" :title="$t('common:button:delete')"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
/> />
</template> </template>
@@ -8,13 +8,14 @@
:rules="rules" :rules="rules"
> >
<div class="base-dialog-body"> <div class="base-dialog-body">
<el-form-item label="标准名称" prop="CriterionName"> <!-- 标准名称 -->
<el-form-item :label="$t('trials:auditRecord:table:criterion')" prop="CriterionName">
<el-input <el-input
v-model="form.CriterionName" v-model="form.CriterionName"
/> />
</el-form-item> </el-form-item>
<!-- 标准类型 -->
<el-form-item label="标准类型" prop="CriterionType"> <el-form-item :label="$t('dictionary:template:criterionConfig:table:criterionType')" prop="CriterionType">
<el-select v-model="form.CriterionType"> <el-select v-model="form.CriterionType">
<el-option <el-option
v-for="item of $d.CriterionType" v-for="item of $d.CriterionType"
@@ -24,7 +25,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="标准分组" prop="CriterionGroup"> <!-- 标准分组 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:criterionGroup')" prop="CriterionGroup">
<el-select v-model="form.CriterionGroup"> <el-select v-model="form.CriterionGroup">
<el-option <el-option
v-for="item of $d.CriterionGroup" v-for="item of $d.CriterionGroup"
@@ -34,23 +36,26 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否配置完成 -->
<el-form-item v-if="form.Id !== ''" label="是否配置完成"> <el-form-item v-if="form.Id !== ''" :label="$t('dictionary:template:criterionConfig:table:isCompleteConfig')">
<el-switch v-model="form.IsCompleteConfig" /> <el-switch v-model="form.IsCompleteConfig" />
</el-form-item> </el-form-item>
<el-form-item label="描述"> <!-- 描述 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:description')">
<el-input <el-input
v-model="form.Description" v-model="form.Description"
/> />
</el-form-item> </el-form-item>
<!-- 显示序号 -->
<el-form-item label="显示序号: " prop="ShowOrder"> <el-form-item :label="$t('dictionary:template:criterionConfig:table:showOrder')" prop="ShowOrder">
<el-input-number v-model="form.ShowOrder" :min="0" style="width:100%;" /> <el-input-number v-model="form.ShowOrder" :min="0" style="width:100%;" />
</el-form-item> </el-form-item>
<el-form-item v-if="form.Id !== ''" label="是否启用"> <!-- 是否启用 -->
<el-form-item v-if="form.Id !== ''" :label="$t('dictionary:template:criterionConfig:table:isEnable')">
<el-switch v-model="form.IsEnable" /> <el-switch v-model="form.IsEnable" />
</el-form-item> </el-form-item>
<el-form-item v-if="form.Id !== ''" label="eICRF仅展示阅片Tab"> <!-- eICRF仅展示阅片Tab -->
<el-form-item v-if="form.Id !== ''" :label="$t('dictionary:template:criterionConfig:table:isECRFShowInDicomReading')">
<el-switch v-model="form.IseCRFShowInDicomReading" /> <el-switch v-model="form.IseCRFShowInDicomReading" />
</el-form-item> </el-form-item>
</div> </div>
@@ -109,6 +109,15 @@
{{ scope.row.FileName }} {{ scope.row.FileName }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column
prop="EnFileName"
label="模板英文名称"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ scope.row.EnFileName }}
</template>
</el-table-column>
<el-table-column <el-table-column
prop="IsEnable" prop="IsEnable"
label="状态" label="状态"
@@ -136,10 +145,20 @@
问题配置 问题配置
</el-button> </el-button>
<el-button <el-button
v-if="$i18n.locale === 'zh'"
type="primary" type="primary"
size="mini" size="mini"
:disabled="!scope.row.FileName" :disabled="!scope.row.FileName"
@click="handleDownloadTpl(scope.row)" @click="handleDownloadTpl(scope.row.Path)"
>
下载
</el-button>
<el-button
v-else
type="primary"
size="mini"
:disabled="!scope.row.EnFileName"
@click="handleDownloadTpl(scope.row.EnPath)"
> >
下载 下载
</el-button> </el-button>
@@ -258,8 +277,8 @@ export default {
}).catch(() => { this.loading = false }) }).catch(() => { this.loading = false })
}) })
}, },
handleDownloadTpl(row) { handleDownloadTpl(path) {
window.open(this.OSSclientConfig.basePath + row.Path, '_blank') window.open(this.OSSclientConfig.basePath + path, '_blank')
}, },
// //
handleSortByColumn(column) { handleSortByColumn(column) {
@@ -113,6 +113,34 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item v-if="form.ClinicalUploadType === 1" label="英文模板: ">
<div class="upload-container">
<el-upload
class="upload-demo"
action
accept=".doc,.docx"
:before-upload="beforeUploadEnFile"
:http-request="handleUploadEnFile"
:on-preview="handlePreview"
:on-remove="handleRemoveEnFile"
:show-file-list="true"
:file-list="enFileList"
:limit="1"
:on-exceed="handleExceed"
:disabled="form.Type === ''"
>
<el-button size="small" type="primary">选择</el-button>
<span
slot="tip"
style="margin-left:10px;"
class="el-upload__tip"
>
(必须是doc/docx格式)
</span>
</el-upload>
</div>
</el-form-item>
<el-form-item v-if="form.Id !== ''" label="是否启用"> <el-form-item v-if="form.Id !== ''" label="是否启用">
<el-switch v-model="form.IsEnable" /> <el-switch v-model="form.IsEnable" />
</el-form-item> </el-form-item>
@@ -160,6 +188,8 @@ export default {
UploadRole: null, UploadRole: null,
FileName: '', FileName: '',
Path: '', Path: '',
EnFileName: '',
EnPath: '',
IsEnable: true, IsEnable: true,
CriterionEnumList: [] CriterionEnumList: []
}, },
@@ -173,6 +203,7 @@ export default {
loading: false, loading: false,
btnLoading: false, btnLoading: false,
fileList: [], fileList: [],
enFileList: [],
systemCriterionSelectList: [] systemCriterionSelectList: []
} }
}, },
@@ -195,6 +226,14 @@ export default {
} }
] ]
} }
if (this.data.EnPath) {
this.enFileList = [
{
name: this.data.EnFileName,
path: this.data.EnPath
}
]
}
} }
}, },
save() { save() {
@@ -249,6 +288,32 @@ export default {
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning(`只允许上传一个文件`) this.$message.warning(`只允许上传一个文件`)
}, },
beforeUploadEnFile(file) {
//
if (this.checkFileSuffix(file.name)) {
this.enFileList = []
return true
} else {
this.$alert('(必须是doc/docx格式)')
return false
}
},
async handleUploadEnFile(param) {
this.loading = true
var fileBlob = await this.fileToBlob(param.file)
const res = await this.OSSclient.put(`/System/ClinicalDataTemplate/${param.file.name}`, fileBlob)
this.form.EnFileName = res.name
this.form.EnPath = this.$getObjectName(res.url)
let file = { name: res.name, path: this.$getObjectName(res.url), url:this.$getObjectName(res.url) }
this.enFileList.push(file)
this.loading = false
},
handleRemoveEnFile() {
this.enFileList = []
this.form.EnPath = ''
this.form.EnFileName = ''
},
checkFileSuffix(fileName) { checkFileSuffix(fileName) {
var typeArr = ['doc', 'docx'] var typeArr = ['doc', 'docx']
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase() var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
@@ -25,7 +25,7 @@
:prop="question.Id" :prop="question.Id"
:rules="[ :rules="[
{ required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && question.RelevanceValueList.includes(questionForm[question.RelevanceId]))) && question.Type!=='group' && question.Type!=='summary', { required: (question.IsRequired === 0 || (question.IsRequired ===1 && question.RelevanceId && question.RelevanceValueList.includes(questionForm[question.RelevanceId]))) && question.Type!=='group' && question.Type!=='summary',
message: '请注明', trigger: ['blur', 'change']}, message: this.$t('common:ruleMessage:specify'), trigger: ['blur', 'change']},
]" ]"
:class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']" :class="[question.Type==='group'?'mb':question.Type==='upload'?'uploadWrapper':'']"
> >
@@ -11,7 +11,7 @@
<div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;"> <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
<div style="height: 150px;"> <div style="height: 150px;">
<!-- 类型 --> <!-- 类型 -->
<el-form-item label="类型" prop="Type"> <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
<el-select <el-select
v-model="form.Type" v-model="form.Type"
clearable clearable
@@ -33,22 +33,23 @@
<!-- 分组名称 --> <!-- 分组名称 -->
<el-form-item <el-form-item
v-if="form.Type === 'group'" v-if="form.Type === 'group'"
label="分组名称" :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
prop="GroupName" prop="GroupName"
> >
<el-input v-model="form.GroupName" /> <el-input v-model="form.GroupName" />
</el-form-item> </el-form-item>
<!-- 分组名称EN -->
<el-form-item <el-form-item
v-if="form.Type === 'group'" v-if="form.Type === 'group'"
label="分组名称(EN" :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
prop="GroupEnName" prop="GroupEnName"
> >
<el-input v-model="form.GroupEnName" /> <el-input v-model="form.GroupEnName" />
</el-form-item> </el-form-item>
<!-- 问题名称 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group'" v-if="form.Type !== 'group'"
label="问题名称" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
prop="QuestionName" prop="QuestionName"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
@@ -57,10 +58,10 @@
> >
<el-input v-model="form.QuestionName" /> <el-input v-model="form.QuestionName" />
</el-form-item> </el-form-item>
<!-- 问题名称EN -->
<el-form-item <el-form-item
v-if="form.Type !== 'group'" v-if="form.Type !== 'group'"
label="问题名称(EN" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
prop="QuestionEnName" prop="QuestionEnName"
:rules="[ :rules="[
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` } { max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
@@ -70,10 +71,12 @@
</el-form-item> </el-form-item>
</div> </div>
<div style="flex: 1;overflow-y:auto;"> <div style="flex: 1;overflow-y:auto;">
<el-divider content-position="left">公有属性</el-divider> <!-- 公有属性 -->
<el-divider content-position="left">{{$t('trials:readingUnit:title:publicProperties')}}</el-divider>
<!-- 问题分组 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group'" v-if="form.Type !== 'group'"
label="问题分组" :label="$t('trials:readingUnit:qsList:title:qsGroupName')"
:rules="[ :rules="[
{ required: form.ShowQuestion === 1 ? false : true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: form.ShowQuestion === 1 ? false : true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]"
@@ -91,9 +94,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否显示 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group'" v-if="form.Type !== 'group'"
label="是否显示" :label="$t('trials:readingUnit:qsList:title:isShow')"
prop="ShowQuestion" prop="ShowQuestion"
> >
<el-radio-group <el-radio-group
@@ -117,7 +121,7 @@
<!-- 显示时依赖父问题 --> <!-- 显示时依赖父问题 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group' && form.ShowQuestion === 1" v-if="form.Type !== 'group' && form.ShowQuestion === 1"
label="显示依赖父问题" :label="$t('trials:readingUnit:qsList:title:parentId')"
prop="ParentId" prop="ParentId"
> >
<el-select <el-select
@@ -140,7 +144,7 @@
<!-- 显示时依赖父问题触发值 --> <!-- 显示时依赖父问题触发值 -->
<el-form-item <el-form-item
v-if="form.ParentId && form.ShowQuestion === 1" v-if="form.ParentId && form.ShowQuestion === 1"
label="显示触发值" :label="$t('trials:readingUnit:qsList:title:parentTriggerValueList')"
prop="ParentTriggerValueList" prop="ParentTriggerValueList"
> >
<el-select v-model="form.ParentTriggerValueList" clearable multiple> <el-select v-model="form.ParentTriggerValueList" clearable multiple>
@@ -152,10 +156,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否必填 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'" v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'"
label="是否必填" :label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired"
prop="IsRequired"
> >
<el-radio-group <el-radio-group
v-model="form.IsRequired" v-model="form.IsRequired"
@@ -176,10 +180,10 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 父问题 --> <!-- 必填依赖父问题 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group' && form.IsRequired === 1" v-if="form.Type !== 'group' && form.IsRequired === 1"
label="必填依赖父问题" :label="$t('trials:readingUnit:qsList:title:relevanceId')"
prop="RelevanceId" prop="RelevanceId"
> >
<el-select <el-select
@@ -199,10 +203,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 必填依赖的父问题触发值 --> <!-- 必填触发值 -->
<el-form-item <el-form-item
v-if="form.RelevanceId && form.IsRequired === 1" v-if="form.RelevanceId && form.IsRequired === 1"
label="必填触发值" :label="$t('trials:readingUnit:qsList:title:relevanceValueList')"
prop="RelevanceValueList" prop="RelevanceValueList"
> >
<el-select v-model="form.RelevanceValueList" clearable multiple> <el-select v-model="form.RelevanceValueList" clearable multiple>
@@ -214,6 +218,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否裁判问题 -->
<el-form-item <el-form-item
v-if=" v-if="
form.Type === 'select' || form.Type === 'select' ||
@@ -221,7 +226,7 @@
form.Type === 'calculation' || form.Type === 'calculation' ||
form.Type === 'number' form.Type === 'number'
" "
label="是否裁判问题" :label="$t('trials:readingUnit:qsList:title:isJudgeQuestion')"
prop="IsJudgeQuestion" prop="IsJudgeQuestion"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
@@ -263,8 +268,9 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> --> </el-form-item> -->
<!-- 导出结果 -->
<el-form-item <el-form-item
label="导出结果" :label="$t('trials:readingUnit:qsList:title:ExportResult')"
v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'" v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'"
> >
<el-select v-model="form.ExportResult" multiple> <el-select v-model="form.ExportResult" multiple>
@@ -277,9 +283,9 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 限制编辑 -->
<el-form-item <el-form-item
label="限制编辑" :label="$t('trials:readingUnit:qsList:title:limitEdit')"
v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'upload' || form.Type === 'number' || form.Type === 'screenshot'" v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'upload' || form.Type === 'number' || form.Type === 'screenshot'"
prop="LimitEdit" prop="LimitEdit"
:rules="[ :rules="[
@@ -295,8 +301,9 @@
> >
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 全局阅片是否显示 -->
<el-form-item <el-form-item
label="全局阅片是否显示" :label="$t('trials:readingUnit:qsList:title:globalReadingShowType')"
prop="GlobalReadingShowType" prop="GlobalReadingShowType"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
@@ -311,8 +318,9 @@
> >
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 问题标识 -->
<el-form-item <el-form-item
label="问题标识" :label="$t('dictionary:template:criterionConfig:table:questionType')"
v-if="form.Type !== 'group' && form.Type !== 'summary'" v-if="form.Type !== 'group' && form.Type !== 'summary'"
prop="QuestionType" prop="QuestionType"
> >
@@ -325,8 +333,9 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否在阅片页面显示 -->
<el-form-item <el-form-item
label="是否在阅片页面显示" :label="$t('trials:readingUnit:qsList:title:isShowInDicom')"
prop="IsShowInDicom" prop="IsShowInDicom"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
@@ -341,14 +350,16 @@
> >
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 注释 -->
<el-form-item <el-form-item
label="注释" :label="$t('trials:readingUnit:qsList:title:Remark')"
prop="Remark" prop="Remark"
> >
<el-input v-model="form.Remark" /> <el-input v-model="form.Remark" />
</el-form-item> </el-form-item>
<!-- 序号 -->
<el-form-item <el-form-item
label="序号" :label="$t('trials:readingUnit:qsList:title:order')"
prop="ShowOrder" prop="ShowOrder"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
@@ -361,7 +372,8 @@
/> />
</el-form-item> </el-form-item>
<!-- 适用于Lugano 2014标准 --> <!-- 适用于Lugano 2014标准 -->
<el-form-item label="问题分类" v-if="form.Type !== 'group' && criterionType === 2"> <!-- 问题分类 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:questionClassify')" v-if="form.Type !== 'group' && criterionType === 2">
<el-select v-model="form.QuestionClassify" clearable> <el-select v-model="form.QuestionClassify" clearable>
<el-option <el-option
v-for="item of $d.QuestionClassify" v-for="item of $d.QuestionClassify"
@@ -372,7 +384,8 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 适用于iRECST标准 --> <!-- 适用于iRECST标准 -->
<el-form-item label="转化显示类型" prop="ConvertShowType" v-if="criterionType === 3"> <!-- 转化显示类型 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:convertType')" prop="ConvertShowType" v-if="criterionType === 3">
<el-radio-group v-model="form.ConvertShowType"> <el-radio-group v-model="form.ConvertShowType">
<el-radio <el-radio
v-for="item of $d.ConvertShowType" v-for="item of $d.ConvertShowType"
@@ -383,16 +396,18 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-divider content-position="left">私有属性</el-divider> <!-- 私有属性 -->
<el-divider content-position="left">{{$t('trials:readingUnit:title:privateProperties')}}</el-divider>
<!-- 选项类型 -->
<el-form-item <el-form-item
v-if=" v-if="
form.Type === 'select' || form.Type === 'select' ||
form.Type === 'radio' || form.Type === 'radio' ||
form.Type === 'calculation' form.Type === 'calculation'
" "
label="选项类型" :label="$t('trials:readingUnit:label:QuestionGenre')"
prop="QuestionGenre" prop="QuestionGenre"
:rules="[{ required: form.Type !== 'calculation', message: '请选择' }]" :rules="[{ required: form.Type !== 'calculation', message: this.$t('common:ruleMessage:select') }]"
> >
<el-radio-group <el-radio-group
v-model="form.QuestionGenre" v-model="form.QuestionGenre"
@@ -402,7 +417,7 @@
} }
" "
> >
<el-radio :label="-1"> </el-radio> <el-radio :label="-1"> {{ this.$t('common:title:none') }} </el-radio>
<el-radio <el-radio
v-for="item of $d.TableQuestionType" v-for="item of $d.TableQuestionType"
v-show="item.value === 0 || item.value === 3" v-show="item.value === 0 || item.value === 3"
@@ -413,23 +428,23 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 选项 -->
<el-form-item <el-form-item
v-if="form.QuestionGenre === 0 || form.Type === 'class'" v-if="form.QuestionGenre === 0 || form.Type === 'class'"
label="选项" :label="$t('trials:qcCfg:table:typeValue')"
prop="TypeValue" prop="TypeValue"
> >
<el-input <el-input
v-model="form.TypeValue" v-model="form.TypeValue"
placeholder="选项请用‘|’分割多个选项" :placeholder="$t('trials:qcCfg:message:typeValue')"
@change="typeValueChange" @change="typeValueChange"
/> />
</el-form-item> </el-form-item>
<!-- 关联字典 -->
<el-form-item <el-form-item
v-if="form.QuestionGenre === 3" v-if="form.QuestionGenre === 3"
label="关联字典" :label="$t('trials:readingUnit:label:DictionaryCode')"
prop="DictionaryCode" prop="DictionaryCode"
> >
<el-select <el-select
@@ -449,8 +464,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 默认值 -->
<el-form-item v-if="form.QuestionGenre === 3" label="默认值"> <el-form-item v-if="form.QuestionGenre === 3" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
<el-select v-model="form.DefaultValue" clearable> <el-select v-model="form.DefaultValue" clearable>
<el-option <el-option
v-for="item of highlightAnswers" v-for="item of highlightAnswers"
@@ -460,7 +475,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="form.QuestionGenre === 0" label="默认值"> <!-- 默认值 -->
<el-form-item v-if="form.QuestionGenre === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
<el-select v-model="form.DefaultValue" clearable> <el-select v-model="form.DefaultValue" clearable>
<el-option <el-option
v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" v-for="item of form.TypeValue ? form.TypeValue.split('|') : []"
@@ -470,9 +486,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 高亮标记值 -->
<el-form-item <el-form-item
v-if="form.Type === 'select' || form.Type === 'radio'" v-if="form.Type === 'select' || form.Type === 'radio'"
label="高亮标记值" :label="$t('trials:readingUnit:qsList:title:highlightAnswers')"
prop="HighlightAnswerList" prop="HighlightAnswerList"
> >
<el-select v-model="form.HighlightAnswerList" clearable multiple> <el-select v-model="form.HighlightAnswerList" clearable multiple>
@@ -494,8 +511,9 @@
</template> </template>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分组标识 -->
<el-form-item <el-form-item
label="分组标识" :label="$t('dictionary:template:criterionConfig:table:groupClassify')"
v-if="form.Type === 'group'" v-if="form.Type === 'group'"
prop="GroupClassify" prop="GroupClassify"
> >
@@ -508,9 +526,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 最大长度 -->
<el-form-item <el-form-item
v-if="form.Type === 'input' || form.Type === 'textarea'" v-if="form.Type === 'input' || form.Type === 'textarea'"
label="最大长度" :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
prop="MaxAnswerLength" prop="MaxAnswerLength"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
@@ -518,9 +537,10 @@
> >
<el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number> <el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number>
</el-form-item> </el-form-item>
<!-- 最大行数 -->
<el-form-item <el-form-item
v-if="form.Type === 'table' || form.Type === 'basicTable'" v-if="form.Type === 'table' || form.Type === 'basicTable'"
label="最大行数" :label="$t('trials:readingUnit:qsList:title:maxQuestionCount')"
prop="MaxQuestionCount" prop="MaxQuestionCount"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
@@ -533,16 +553,16 @@
:max="10" :max="10"
/> />
</el-form-item> </el-form-item>
<el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'" label="自增序号前缀"> <el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'" :label="$t('trials:readingUnit:qsList:title:orderMark')">
<el-input v-model="form.OrderMark" /> <el-input v-model="form.OrderMark" />
</el-form-item> </el-form-item>
<!-- 数值类型 --> <!-- 数值类型 -->
<el-form-item <el-form-item
v-if="form.Type === 'number' || form.Type === 'calculation'" v-if="form.Type === 'number' || form.Type === 'calculation'"
label="数值类型" :label="$t('trials:readingUnit:qsList:title:valueType')"
prop="ValueType" prop="ValueType"
:rules="[{ required: true, message: '请选择' }]" :rules="[{ required: true, message: this.$t('common:ruleMessage:select') }]"
> >
<el-radio-group v-model="form.ValueType"> <el-radio-group v-model="form.ValueType">
<el-radio <el-radio
@@ -555,10 +575,10 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 数值单位 --> <!-- 单位 -->
<el-form-item <el-form-item
v-if="form.Type === 'number' || form.Type === 'calculation'" v-if="form.Type === 'number' || form.Type === 'calculation'"
label="单位" :label="$t('trials:readingUnit:qsList:title:unit')"
prop="Unit" prop="Unit"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
@@ -574,9 +594,10 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 表格类型标识 -->
<el-form-item <el-form-item
v-if="form.Type === 'table'" v-if="form.Type === 'table'"
label="表格类型标识" :label="$t('dictionary:template:criterionConfig:table:tableType')"
prop="LesionType" prop="LesionType"
> >
<el-select v-model="form.LesionType" clearable> <el-select v-model="form.LesionType" clearable>
@@ -588,9 +609,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 表格类型标识 -->
<el-form-item <el-form-item
v-if="form.Type === 'basicTable'" v-if="form.Type === 'basicTable'"
label="表格类型标识" :label="$t('dictionary:template:criterionConfig:table:tableType')"
prop="LesionType" prop="LesionType"
> >
<el-select v-model="form.LesionType" clearable> <el-select v-model="form.LesionType" clearable>
@@ -602,9 +624,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 关联字典 -->
<el-form-item <el-form-item
v-if="form.Type === 'table' || form.Type === 'basicTable'" v-if="form.Type === 'table' || form.Type === 'basicTable'"
label="关联字典" :label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')"
> >
<el-select <el-select
v-model="form.DictionaryCode" v-model="form.DictionaryCode"
@@ -623,9 +646,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 最大上传个数 -->
<el-form-item <el-form-item
v-if="form.Type === 'upload'" v-if="form.Type === 'upload'"
label="最大上传个数" :label="$t('trials:readingUnit:qsList:title:imageCount')"
> >
<el-input-number <el-input-number
v-model="form.ImageCount" v-model="form.ImageCount"
@@ -637,7 +661,7 @@
<!-- 文件类型 --> <!-- 文件类型 -->
<el-form-item <el-form-item
v-if="form.Type === 'upload'" v-if="form.Type === 'upload'"
label="文件类型" :label="$t('trials:readingUnit:qsList:title:FileType')"
prop="FileType" prop="FileType"
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]" :rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
> >
@@ -660,10 +684,10 @@
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<!-- 分类 --> <!-- 分类数据来源 -->
<el-form-item <el-form-item
v-if="form.Type === 'class'" v-if="form.Type === 'class'"
label="分类数据来源" :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
prop="ClassifyQuestionId" prop="ClassifyQuestionId"
> >
<el-select v-model="form.ClassifyQuestionId" clearable> <el-select v-model="form.ClassifyQuestionId" clearable>
@@ -671,9 +695,10 @@
:value="item.Id"/> :value="item.Id"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分类算法 -->
<el-form-item <el-form-item
v-if="form.Type === 'class'" v-if="form.Type === 'class'"
label="分类算法" :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
prop="ClassifyAlgorithms" prop="ClassifyAlgorithms"
> >
<div> <div>
@@ -785,7 +810,7 @@ export default {
} else { } else {
var arr = value.split('|') var arr = value.split('|')
if (new Set(arr).size !== arr.length) { if (new Set(arr).size !== arr.length) {
callback(new Error('选项不允许存在相同值')) callback(new Error(this.$t('trials:readingUnit:qsList:message:msg0')))
} else { } else {
callback() callback()
} }
@@ -840,34 +865,34 @@ export default {
ClassifyAlgorithms: null, ClassifyAlgorithms: null,
}, },
rules: { rules: {
Type: [{ required: true, message: '请选择', trigger: 'blur' }], Type: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
LesionType: [{ required: true, message: '请选择', trigger: 'blur' }], LesionType: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
// QuestionName: [ // QuestionName: [
// { required: true, message: '', trigger: 'blur' }, // { required: true, message: '', trigger: 'blur' },
// { max: 300, message: ' 300' }, // { max: 300, message: ' 300' },
// ], // ],
QuestionGenre: [{ required: true, message: '请选择', trigger: 'blur' }], QuestionGenre: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
TypeValue: [ TypeValue: [
{ required: true, message: '请注明', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ validator: validateTypeVal, trigger: 'blur' }, { validator: validateTypeVal, trigger: 'blur' },
{ max: 500, message: '最大长度为 500' }, { max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` },
], ],
DictionaryCode: [ DictionaryCode: [
{ required: true, message: '请选择', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
], ],
ShowQuestion: [{ required: true, message: '请选择', trigger: 'blur' }], ShowQuestion: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
IsRequired: [{ required: true, message: '请选择', trigger: 'blur' }], IsRequired: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
ParentId: [{ required: true, message: '请选择', trigger: 'blur' }], ParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
ParentTriggerValueList: [ ParentTriggerValueList: [
{ required: true, message: '请选择', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
], ],
RelevanceId: [{ required: true, message: '请选择', trigger: 'blur' }], RelevanceId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
RelevanceValueList: [ RelevanceValueList: [
{ required: true, message: '请选择', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
], ],
GroupName: [ GroupName: [
{ required: true, message: '请注明', trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 50, message: '最大长度为 50' }, { max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` },
], ],
// ExportIdentification: [ // ExportIdentification: [
// { required: true, message: '', trigger: 'blur' }, // { required: true, message: '', trigger: 'blur' },
@@ -1,13 +1,15 @@
<template> <template>
<el-tabs v-model="activeName" @tab-click="handleClick"> <el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="器官" name="organs"> <!-- 器官 -->
<el-tab-pane :label="$t('dictionary:template:basicData:organs')" name="organs">
<OrgansTbl <OrgansTbl
:criterion-id="criterionId" :criterion-id="criterionId"
:is-complete-config="isCompleteConfig" :is-complete-config="isCompleteConfig"
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="疗效评估" name="efficacyAssessment"> <!-- 疗效评估 -->
<el-tab-pane :label="$t('dictionary:template:basicData:efficacyAssessment')" name="efficacyAssessment">
<EfficacyAssessment <EfficacyAssessment
v-if="tabs.includes('efficacyAssessment')" v-if="tabs.includes('efficacyAssessment')"
:criterion-id="criterionId" :criterion-id="criterionId"
@@ -15,7 +17,8 @@
:is-complete-config="isCompleteConfig" :is-complete-config="isCompleteConfig"
/> />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="标准字典" name="criterionDictionary"> <!-- 标准字典 -->
<el-tab-pane :label="$t('dictionary:template:basicData:criterionDictionary')" name="criterionDictionary">
<CriterionDictionary <CriterionDictionary
v-if="tabs.includes('criterionDictionary')" v-if="tabs.includes('criterionDictionary')"
:criterion-id="criterionId" :criterion-id="criterionId"
@@ -1,10 +1,12 @@
<template> <template>
<div class="criterion-config"> <div class="criterion-config">
<el-tabs v-model="activeName"> <el-tabs v-model="activeName">
<el-tab-pane :label="'访视阅片'" name="0"> <!-- 访视阅片 -->
<el-tab-pane :label="$t('dictionary:template:criterionConfig:tab:visitReview')" name="0">
<div class="search-form" style="display:flex;justify-content: space-between;"> <div class="search-form" style="display:flex;justify-content: space-between;">
<el-form :inline="true" size="mini" class="base-search-form"> <el-form :inline="true" size="mini" class="base-search-form">
<el-form-item label="名称"> <!-- 问题名称 -->
<el-form-item :label="$t('trials:readingUnit:qsList:title:qsNameEn')">
<el-input v-model="searchData.QuestionName" clearable style="width:120px;" /> <el-input v-model="searchData.QuestionName" clearable style="width:120px;" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@@ -27,7 +29,7 @@
type="primary" type="primary"
@click="handlePreview" @click="handlePreview"
> >
预览 {{ $t('common:button:preview') }}
</el-button> </el-button>
<el-button <el-button
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)" v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
@@ -35,7 +37,7 @@
type="primary" type="primary"
@click="handleAdd" @click="handleAdd"
> >
添加 {{ $t('common:button:add') }}
</el-button> </el-button>
</div> </div>
@@ -49,61 +51,70 @@
stripe stripe
@sort-change="handleSortByColumn" @sort-change="handleSortByColumn"
> >
<!-- 显示序号 -->
<el-table-column <el-table-column
prop="ShowOrder" prop="ShowOrder"
label="" label=""
width="50" width="50"
/> />
<!-- 分组 -->
<el-table-column <el-table-column
prop="GroupName" prop="GroupName"
label="分组" :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 分组(EN) -->
<el-table-column <el-table-column
prop="GroupEnName" prop="GroupEnName"
label="分组(EN)" :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 名称 -->
<el-table-column <el-table-column
prop="QuestionName" prop="QuestionName"
label="名称" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 名称(EN) -->
<el-table-column <el-table-column
prop="QuestionEnName" prop="QuestionEnName"
label="名称(EN)" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 题型 -->
<el-table-column <el-table-column
prop="Type" prop="Type"
label="题型" :label="$t('trials:readingUnit:qsList:title:type')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd('Criterion_Question_Type',scope.row.Type) }} {{ $fd('Criterion_Question_Type',scope.row.Type) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <!-- 是否显示 -->
prop="IsRequired"
label="是否必填"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('QuestionRequired',scope.row.IsRequired) }}
</template>
</el-table-column>
<el-table-column <el-table-column
prop="ShowQuestion" prop="ShowQuestion"
label="是否显示" :label="$t('trials:readingUnit:qsList:title:isShow')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd('ShowQuestion',scope.row.ShowQuestion) }} {{ $fd('ShowQuestion',scope.row.ShowQuestion) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否必填 -->
<el-table-column
prop="IsRequired"
:label="$t('trials:readingUnit:qsList:title:isRequired')"
show-overflow-tooltip
>
<template slot-scope="scope">
{{ $fd('QuestionRequired',scope.row.IsRequired) }}
</template>
</el-table-column>
<!-- 是否裁判问题 -->
<el-table-column <el-table-column
prop="IsJudgeQuestion" prop="IsJudgeQuestion"
label="是否裁判问题" :label="$t('trials:readingUnit:qsList:title:isJudgeQuestion')"
width="120" width="120"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -111,9 +122,10 @@
{{ $fd('YesOrNo', scope.row.IsJudgeQuestion) }} {{ $fd('YesOrNo', scope.row.IsJudgeQuestion) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否在阅片页面显示 -->
<el-table-column <el-table-column
prop="IsShowInDicom" prop="IsShowInDicom"
label="是否在阅片页面显示" :label="$t('trials:readingUnit:qsList:title:isShowInDicom')"
width="150" width="150"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -129,9 +141,10 @@
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> --> </el-table-column> -->
<!-- 是否在全局阅片显示 -->
<el-table-column <el-table-column
prop="GlobalReadingShowType" prop="GlobalReadingShowType"
label="是否在全局阅片显示" :label="$t('trials:readingUnit:qsList:title:globalReadingShowType')"
width="160" width="160"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -153,7 +166,7 @@
<!-- 问题标识 --> <!-- 问题标识 -->
<el-table-column <el-table-column
prop="QuestionType" prop="QuestionType"
label="问题标识" :label="$t('dictionary:template:criterionConfig:table:questionType')"
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -185,7 +198,7 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="" prop=""
label="操作" :label="$t('common:action:action')"
width="250" width="250"
show-overflow-tooltip show-overflow-tooltip
fixed="right" fixed="right"
@@ -197,7 +210,7 @@
size="mini" size="mini"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
> >
编辑 {{ $t('trials:readingUnit:qsList:title:edit') }}
</el-button> </el-button>
<el-button <el-button
v-else v-else
@@ -205,7 +218,7 @@
size="mini" size="mini"
@click="handleLook(scope.row)" @click="handleLook(scope.row)"
> >
查看 {{ $t('trials:readingUnit:qsList:title:view') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@@ -213,7 +226,7 @@
:disabled="!(scope.row.Type === 'table' || scope.row.Type === 'basicTable')" :disabled="!(scope.row.Type === 'table' || scope.row.Type === 'basicTable')"
@click="handleConfig(scope.row)" @click="handleConfig(scope.row)"
> >
表格问题 {{ $t('trials:readingUnit:qsList:title:tableQs') }}
</el-button> </el-button>
<el-button <el-button
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)" v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
@@ -222,17 +235,19 @@
:disabled="scope.row.IsEnable" :disabled="scope.row.IsEnable"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
> >
删除 {{ $t('trials:readingUnit:qsList:title:delete') }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
<pagination style="text-align: right;margin-top: 10px;" class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" /> <pagination style="text-align: right;margin-top: 10px;" class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="全局阅片" name="Global"> <!-- 全局阅片 -->
<el-tab-pane :label="$t('dictionary:template:criterionConfig:tab:globalReview')" name="Global">
<EvaluationOfGlobalConfig v-if="activeName === 'Global'" :data="data" :criterion-id="criterionId" /> <EvaluationOfGlobalConfig v-if="activeName === 'Global'" :data="data" :criterion-id="criterionId" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="肿瘤学阅片" name="Oncology"> <!-- 肿瘤学阅片 -->
<el-tab-pane :label="$t('dictionary:template:criterionConfig:tab:oncologyReview')" name="Oncology">
<EvaluationOfOncologyConfig v-if="activeName === 'Oncology'" :data="data" :criterion-id="criterionId" /> <EvaluationOfOncologyConfig v-if="activeName === 'Oncology'" :data="data" :criterion-id="criterionId" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
@@ -361,19 +376,19 @@ export default {
handleAdd() { handleAdd() {
this.rowData = { ReadingQuestionCriterionSystemId: this.criterionId, Id: ''} this.rowData = { ReadingQuestionCriterionSystemId: this.criterionId, Id: ''}
this.type = 'add' this.type = 'add'
this.addOrEdit.title = '添加' this.addOrEdit.title = this.$t('common:button:new')
this.addOrEdit.visible = true this.addOrEdit.visible = true
}, },
handleLook(row) { handleLook(row) {
this.rowData = { ...row } this.rowData = { ...row }
this.type = 'look' this.type = 'look'
this.addOrEdit.title = '查看' this.addOrEdit.title = this.$t('common:button:view')
this.addOrEdit.visible = true this.addOrEdit.visible = true
}, },
handleEdit(row) { handleEdit(row) {
this.rowData = { ...row } this.rowData = { ...row }
this.type = 'edit' this.type = 'edit'
this.addOrEdit.title = '编辑' this.addOrEdit.title = this.$t('common:button:edit')
this.addOrEdit.visible = true this.addOrEdit.visible = true
}, },
handleDelete(row) { handleDelete(row) {
@@ -388,7 +403,7 @@ export default {
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.getList() this.getList()
this.$message.success('删除成功!') this.$message.success(this.$t('common:message:deletedSuccessfully'))
} }
}).catch(() => { this.loading = false }) }).catch(() => { this.loading = false })
}) })
@@ -8,8 +8,9 @@
> >
<el-input v-model="searchData.CriterionName" clearable style="width:120px;" /> <el-input v-model="searchData.CriterionName" clearable style="width:120px;" />
</el-form-item> </el-form-item>
<!-- 标准类型 -->
<el-form-item <el-form-item
label="标准类型" :label="$t('dictionary:template:criterionConfig:table:criterionType')"
> >
<el-select v-model="searchData.CriterionType" clearable style="width:120px;"> <el-select v-model="searchData.CriterionType" clearable style="width:120px;">
<el-option <el-option
@@ -20,8 +21,9 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 标准分组 -->
<el-form-item <el-form-item
label="标准分组" :label="$t('dictionary:template:criterionConfig:table:criterionGroup')"
> >
<el-select v-model="searchData.CriterionGroup" clearable style="width:120px;"> <el-select v-model="searchData.CriterionGroup" clearable style="width:120px;">
<el-option <el-option
@@ -32,8 +34,9 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否配置完成 -->
<el-form-item <el-form-item
label="是否配置完成" :label="$t('dictionary:template:criterionConfig:table:isCompleteConfig')"
> >
<el-select v-model="searchData.IsCompleteConfig" clearable style="width:120px;"> <el-select v-model="searchData.IsCompleteConfig" clearable style="width:120px;">
<el-option <el-option
@@ -44,8 +47,9 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否启用 -->
<el-form-item <el-form-item
label="是否启用" :label="$t('dictionary:template:criterionConfig:table:isEnable')"
> >
<el-select v-model="searchData.IsEnable" clearable style="width:120px;"> <el-select v-model="searchData.IsEnable" clearable style="width:120px;">
<el-option <el-option
@@ -70,7 +74,8 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<span style="margin-left:auto"> <span style="margin-left:auto">
<el-button type="primary" size="mini" @click="handleAdd">添加</el-button> <!-- 添加 -->
<el-button type="primary" size="mini" @click="handleAdd">{{$t('common:button:new')}}</el-button>
</span> </span>
</div> </div>
@@ -85,16 +90,17 @@
ref="criterionsTbl" ref="criterionsTbl"
> >
<el-table-column type="index" width="60" /> <el-table-column type="index" width="60" />
<!-- 标准名称 -->
<el-table-column <el-table-column
prop="CriterionName" prop="CriterionName"
label="标准名称" :label="$t('trials:auditRecord:table:criterion')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<!-- 标准类型 -->
<el-table-column <el-table-column
prop="CriterionType" prop="CriterionType"
label="标准类型" :label="$t('dictionary:template:criterionConfig:table:criterionType')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
> >
@@ -102,9 +108,10 @@
{{ $fd('CriterionType',scope.row.CriterionType) }} {{ $fd('CriterionType',scope.row.CriterionType) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 标准分组 -->
<el-table-column <el-table-column
prop="CriterionGroup" prop="CriterionGroup"
label="标准分组" :label="$t('dictionary:template:criterionConfig:table:criterionGroup')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
> >
@@ -112,10 +119,10 @@
{{ $fd('CriterionGroup',scope.row.CriterionGroup) }} {{ $fd('CriterionGroup',scope.row.CriterionGroup) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否配置完成 -->
<el-table-column <el-table-column
prop="IsCompleteConfig" prop="IsCompleteConfig"
label="是否配置完成" :label="$t('dictionary:template:criterionConfig:table:isCompleteConfig')"
sortable="custom" sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -128,29 +135,33 @@
{{ $fd('YesOrNo', scope.row.IsCompleteConfig) }} {{ $fd('YesOrNo', scope.row.IsCompleteConfig) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 描述 -->
<el-table-column <el-table-column
prop="Description" prop="Description"
label="描述" :label="$t('dictionary:template:criterionConfig:table:description')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 是否启用 -->
<el-table-column <el-table-column
prop="IsEnable" prop="IsEnable"
label="是否启用" :label="$t('dictionary:template:criterionConfig:table:isEnable')"
sortable="custom" sortable="custom"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd('YesOrNo', scope.row.IsEnable) }} {{ $fd('YesOrNo', scope.row.IsEnable) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 显示序号 -->
<el-table-column <el-table-column
prop="ShowOrder" prop="ShowOrder"
label="显示序号" :label="$t('dictionary:template:criterionConfig:table:showOrder')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<!-- eICRF仅展示阅片Tab -->
<el-table-column <el-table-column
prop="IseCRFShowInDicomReading" prop="IseCRFShowInDicomReading"
label="eICRF仅展示阅片Tab" :label="$t('dictionary:template:criterionConfig:table:isECRFShowInDicomReading')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
width="210" width="210"
@@ -159,36 +170,40 @@
{{ $fd('YesOrNo', scope.row.IseCRFShowInDicomReading) }} {{ $fd('YesOrNo', scope.row.IseCRFShowInDicomReading) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Action" min-width="200px"> <el-table-column :label="$t('common:action:action')" min-width="200px">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 编辑 -->
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
> >
编辑 {{ $t('common:button:edit') }}
</el-button> </el-button>
<!-- eCRF -->
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleConfig(scope.row)" @click="handleConfig(scope.row)"
> >
eCRF {{ $t('dictionary:template:criterionConfig:button:eCRF') }}
</el-button> </el-button>
<!-- 基础数据 -->
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleBaseDataConfig(scope.row)" @click="handleBaseDataConfig(scope.row)"
> >
基础数据 {{ $t('dictionary:template:criterionConfig:button:basicData') }}
</el-button> </el-button>
<!-- 删除 -->
<el-button <el-button
type="danger" type="danger"
size="mini" size="mini"
:disabled="scope.row.IsCompleteConfig" :disabled="scope.row.IsCompleteConfig"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
> >
删除 {{ $t('common:button:delete') }}
</el-button> </el-button>
</template> </template>
@@ -227,7 +242,7 @@
<el-dialog <el-dialog
v-if="configBaseDataVisible" v-if="configBaseDataVisible"
:title="'基础数据配置' + `(${rowData.CriterionName})`" :title="`${this.$t('trials:readingUnit:readingCriterion:title:baseDataCfg')} (${rowData.CriterionName})`"
:visible.sync="configBaseDataVisible" :visible.sync="configBaseDataVisible"
:close-on-click-modal="false" :close-on-click-modal="false"
:fullscreen="true" :fullscreen="true"
@@ -292,17 +307,17 @@ export default {
}).catch(() => { this.loading = false }) }).catch(() => { this.loading = false })
}, },
handleAdd() { handleAdd() {
this.addDialog.title = '添加' this.addDialog.title = this.$t('common:button:new')
this.addDialog.visible = true this.addDialog.visible = true
this.rowData = {} this.rowData = {}
}, },
handleEdit(row) { handleEdit(row) {
this.addDialog.title = '编辑' this.addDialog.title = this.$t('common:button:edit')
this.addDialog.visible = true this.addDialog.visible = true
this.rowData = { ...row } this.rowData = { ...row }
}, },
handleDelete(row) { handleDelete(row) {
this.$confirm('是否确认删除', { this.$confirm(this.$t('trials:readingUnit:baseDataCfg:message:deleteConfirm'), {
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
@@ -310,7 +325,7 @@ export default {
deleteReadingQuestionCriterionSystem(row.Id).then(res => { deleteReadingQuestionCriterionSystem(row.Id).then(res => {
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.$message.success(this.$t('common:message:savedSuccessfully')) this.$message.success(this.$t('common:message:deletedSuccessfully'))
this.getList() this.getList()
} }
}).catch(() => { this.loading = false }) }).catch(() => { this.loading = false })
@@ -319,10 +334,10 @@ export default {
changeStatus(callback, row) { changeStatus(callback, row) {
var message = '' var message = ''
if (callback) { if (callback) {
message = '是否确认更改?' message = this.$t('trials:readingUnit:baseDataCfg:message:updateConfirm')
row.IsCompleteConfig = false row.IsCompleteConfig = false
} else { } else {
message = '是否确认更改?' message = this.$t('trials:readingUnit:baseDataCfg:message:updateConfirm')
row.IsCompleteConfig = true row.IsCompleteConfig = true
} }
this.$confirm(message, { this.$confirm(message, {
@@ -1,10 +1,13 @@
<template> <template>
<div style="position: relative"> <div style="position: relative">
<el-form size="small" :inline="true" label-width="130px" style="position: relative;"> <el-form size="small" :inline="true" label-width="130px" style="position: relative;">
<el-divider content-position="left">阅片规则</el-divider> <!-- 阅片规则 -->
<el-form-item label="是否必须全局阅片"> <el-divider content-position="left">{{ $t('dictionary:template:globalConfig:readingRules') }}</el-divider>
<!-- 是否必须全局阅片 -->
<el-form-item :label="$t('dictionary:template:globalConfig:isMustGlobalReading')">
{{ $fd('YesOrNo', IsMustGlobalReading) }} {{ $fd('YesOrNo', IsMustGlobalReading) }}
</el-form-item> </el-form-item>
<!-- 配置 -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@@ -12,11 +15,13 @@
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)" v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
@click="handleAdd(1)" @click="handleAdd(1)"
> >
配置 {{ $t('dictionary:template:globalConfig:config') }}
</el-button> </el-button>
</el-form> </el-form>
<el-form size="small" :inline="true" label-width="110px" style="position: relative"> <el-form size="small" :inline="true" label-width="110px" style="position: relative">
<el-divider content-position="left">名称</el-divider> <!-- 名称 -->
<el-divider content-position="left">{{ $t('dictionary:template:globalConfig:name') }}</el-divider>
<!-- 配置 -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@@ -24,9 +29,10 @@
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)" v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
@click="handleAdd(2)" @click="handleAdd(2)"
> >
配置 {{ $t('dictionary:template:globalConfig:config') }}
</el-button> </el-button>
<el-form-item label="评估更新类型" style="width: 100%"> <!-- 评估更新类型 -->
<el-form-item :label="$t('dictionary:template:globalConfig:updateType')" style="width: 100%">
</el-form-item> </el-form-item>
<el-table <el-table
v-loading="loading" v-loading="loading"
@@ -34,30 +40,34 @@
:data="list" :data="list"
stripe stripe
> >
<!-- 序号 -->
<el-table-column <el-table-column
prop="" prop=""
label="序号" :label="$t('dictionary:template:globalConfig:order')"
width="50" width="50"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.$index + 1}} {{scope.$index + 1}}
</template> </template>
</el-table-column> </el-table-column>
<!-- 中文值 -->
<el-table-column <el-table-column
prop="ValueCN" prop="ValueCN"
label="中文值" :label="$t('dictionary:template:globalConfig:valueCN')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<!-- 英文值 -->
<el-table-column <el-table-column
prop="Value" prop="Value"
label="英文值" :label="$t('dictionary:template:globalConfig:value')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<!-- 是否基线评估 -->
<el-table-column <el-table-column
prop="IsBaseLineUse" prop="IsBaseLineUse"
label="是否基线评估" :label="$t('dictionary:template:globalConfig:isBaseLineUse')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -70,9 +80,10 @@
<el-tag v-else type="danger">{{ $fd('YesOrNo', scope.row.IsBaseLineUse) }}</el-tag> <el-tag v-else type="danger">{{ $fd('YesOrNo', scope.row.IsBaseLineUse) }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否随访评估 -->
<el-table-column <el-table-column
prop="IsFollowVisitUse" prop="IsFollowVisitUse"
label="是否随访评估" :label="$t('dictionary:template:globalConfig:isFollowVisitUse')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -93,12 +104,14 @@
> >
<template slot="dialog-body"> <template slot="dialog-body">
<el-form size="small" :inline="true" label-width="130px"> <el-form size="small" :inline="true" label-width="130px">
<el-form-item label="是否必须全局阅片" v-if="config.configType === 1"> <!-- 是否必须全局阅片 -->
<el-form-item :label="$t('dictionary:template:globalConfig:isMustGlobalReading')" v-if="config.configType === 1">
<el-radio-group v-model="form.IsMustGlobalReading"> <el-radio-group v-model="form.IsMustGlobalReading">
<el-radio v-for="item of $d.YesOrNo" :key="'form.IsMustGlobalReading' + item.value" :label="item.value">{{ item.label }}</el-radio> <el-radio v-for="item of $d.YesOrNo" :key="'form.IsMustGlobalReading' + item.value" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item v-if="config.configType === 2" label="评估更新类型" style="width: 100%"> <!-- 评估更新类型 -->
<el-form-item v-if="config.configType === 2" :label="$t('dictionary:template:globalConfig:updateType')" style="width: 100%">
</el-form-item> </el-form-item>
<el-table <el-table
v-if="config.configType === 2" v-if="config.configType === 2"
@@ -112,21 +125,24 @@
type="selection" type="selection"
width="55"> width="55">
</el-table-column> </el-table-column>
<!-- 中文值 -->
<el-table-column <el-table-column
prop="ValueCN" prop="ValueCN"
label="中文值" :label="$t('dictionary:template:globalConfig:valueCN')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<!-- 英文值 -->
<el-table-column <el-table-column
prop="Value" prop="Value"
label="英文值" :label="$t('dictionary:template:globalConfig:value')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<!-- 是否基线评估 -->
<el-table-column <el-table-column
prop="IsBaseLineUse" prop="IsBaseLineUse"
label="是否基线评估" :label="$t('dictionary:template:globalConfig:isBaseLineUse')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -138,9 +154,10 @@
<span>{{$fd('YesOrNo', scope.row.IsBaseLineUse)}}</span> <span>{{$fd('YesOrNo', scope.row.IsBaseLineUse)}}</span>
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否随访评估 -->
<el-table-column <el-table-column
prop="IsFollowVisitUse" prop="IsFollowVisitUse"
label="是否随访评估" :label="$t('dictionary:template:globalConfig:isFollowVisitUse')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -156,8 +173,12 @@
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
<el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">取消</el-button> <el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">
<el-button size="small" type="primary" :loading="loading" @click="handleSave">保存</el-button> {{ $t('common:button:cancel') }}
</el-button>
<el-button size="small" type="primary" :loading="loading" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</template> </template>
</base-model> </base-model>
</div> </div>
@@ -186,8 +207,8 @@ export default {
rowData: {}, rowData: {},
activeName: '0', activeName: '0',
addOrEdit: { visible: false, title: '' }, addOrEdit: { visible: false, title: '' },
preview: { visible: false, title: 'eCRF预览' }, // preview: { visible: false, title: 'eCRF' },
config: { visible: false, title: '评估更新类型', appendToBody: true, width: '600px', configType: 0 }, config: { visible: false, title: this.$t('dictionary:template:globalConfig:updateType'), appendToBody: true, width: '600px', configType: 0 },
selectedList: [], selectedList: [],
IsMustGlobalReading: false, IsMustGlobalReading: false,
form: { form: {
@@ -269,10 +290,10 @@ export default {
this.config.configType = n this.config.configType = n
this.form.IsMustGlobalReading = this.IsMustGlobalReading this.form.IsMustGlobalReading = this.IsMustGlobalReading
if (n === 1) { if (n === 1) {
this.config.title = '是否必须全局阅片' this.config.title = this.$t('dictionary:template:globalConfig:isMustGlobalReading')
this.config.visible = true this.config.visible = true
} else { } else {
this.config.title = '评估更新类型' this.config.title = this.$t('dictionary:template:globalConfig:updateType')
this.config.visible = true this.config.visible = true
this.$nextTick(() => { this.$nextTick(() => {
var a = this.$d.GlobalAssessType.filter(v => { var a = this.$d.GlobalAssessType.filter(v => {
@@ -322,8 +343,4 @@ export default {
} }
</script> </script>
<style scoped>
/deep/ .el-form-item__content{
width: calc(100% - 130px);
}
</style>
@@ -1,10 +1,13 @@
<template> <template>
<div> <div>
<el-form size="small" :inline="true" label-width="110px" style="position: relative;"> <el-form size="small" :inline="true" label-width="110px" style="position: relative;">
<el-divider content-position="left">阅片规则</el-divider> <!-- 阅片规则 -->
<el-form-item label="是否肿瘤学阅片" style="width: 100%"> <el-divider content-position="left">{{ $t('dictionary:template:globalConfig:readingRules') }}</el-divider>
<!-- 是否肿瘤学阅片 -->
<el-form-item :label="$t('dictionary:template:oncologyConfig:isOncologyReading')" style="width: 100%">
{{ $fd('YesOrNo', IsOncologyReading)}} {{ $fd('YesOrNo', IsOncologyReading)}}
</el-form-item> </el-form-item>
<!-- 配置 -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@@ -12,11 +15,13 @@
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)" v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
@click="handleAdd(1)" @click="handleAdd(1)"
> >
配置 {{ $t('dictionary:template:globalConfig:config') }}
</el-button> </el-button>
</el-form> </el-form>
<el-form size="small" :inline="true" label-width="110px" style="position: relative"> <el-form size="small" :inline="true" label-width="110px" style="position: relative">
<el-divider content-position="left">阅片问题</el-divider> <!-- 阅片问题 -->
<el-divider content-position="left">{{ $t('dictionary:template:oncologyConfig:reviewQs') }}</el-divider>
<!-- 配置 -->
<el-button <el-button
size="mini" size="mini"
type="primary" type="primary"
@@ -24,9 +29,10 @@
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)" v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
@click="handleAdd(2)" @click="handleAdd(2)"
> >
配置 {{ $t('dictionary:template:globalConfig:config') }}
</el-button> </el-button>
<el-form-item label="肿瘤学阅片结果" style="width: 100%"> <!-- 肿瘤学阅片结果 -->
<el-form-item :label="$t('dictionary:template:oncologyConfig:reviewResult')" style="width: 100%">
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table
@@ -35,24 +41,27 @@
:data="list" :data="list"
stripe stripe
> >
<!-- 序号 -->
<el-table-column <el-table-column
prop="" prop=""
label="序号" :label="$t('dictionary:template:globalConfig:order')"
width="50" width="50"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{scope.$index + 1}} {{scope.$index + 1}}
</template> </template>
</el-table-column> </el-table-column>
<!-- 中文值 -->
<el-table-column <el-table-column
prop="ValueCN" prop="ValueCN"
label="中文值" :label="$t('dictionary:template:globalConfig:valueCN')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<!-- 英文值 -->
<el-table-column <el-table-column
prop="Value" prop="Value"
label="英文值" :label="$t('dictionary:template:globalConfig:value')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
@@ -60,12 +69,14 @@
<base-model :config="config"> <base-model :config="config">
<template slot="dialog-body"> <template slot="dialog-body">
<el-form size="small" :inline="true" label-width="110px"> <el-form size="small" :inline="true" label-width="110px">
<el-form-item label="是否肿瘤学阅片" v-if="config.configType === 1"> <!-- 是否肿瘤学阅片 -->
<el-form-item :label="$t('dictionary:template:oncologyConfig:isOncologyReading')" v-if="config.configType === 1">
<el-radio-group v-model="form.IsOncologyReading"> <el-radio-group v-model="form.IsOncologyReading">
<el-radio v-for="item of $d.YesOrNo" :key="'form.IsOncologyReading' + item.value" :label="item.value">{{ item.label }}</el-radio> <el-radio v-for="item of $d.YesOrNo" :key="'form.IsOncologyReading' + item.value" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="肿瘤学阅片结果" style="width: 100%" v-if="config.configType === 2"> <!-- 肿瘤学阅片结果 -->
<el-form-item :label="$t('dictionary:template:oncologyConfig:reviewResult')" style="width: 100%" v-if="config.configType === 2">
</el-form-item> </el-form-item>
<el-table <el-table
v-if="config.configType === 2" v-if="config.configType === 2"
@@ -80,15 +91,17 @@
type="selection" type="selection"
width="55"> width="55">
</el-table-column> </el-table-column>
<!-- 中文值 -->
<el-table-column <el-table-column
prop="ValueCN" prop="ValueCN"
label="中文值" :label="$t('dictionary:template:globalConfig:valueCN')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
<!-- 英文值 -->
<el-table-column <el-table-column
prop="Value" prop="Value"
label="英文值" :label="$t('dictionary:template:globalConfig:value')"
show-overflow-tooltip show-overflow-tooltip
> >
</el-table-column> </el-table-column>
@@ -96,8 +109,12 @@
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
<el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">取消</el-button> <el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">
<el-button size="small" type="primary" :loading="loading" @click="handleSave">保存</el-button> {{ $t('common:button:cancel') }}
</el-button>
<el-button size="small" type="primary" :loading="loading" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</template> </template>
</base-model> </base-model>
</div> </div>
@@ -129,8 +146,7 @@ export default {
rowData: {}, rowData: {},
activeName: '0', activeName: '0',
addOrEdit: { visible: false, title: '' }, addOrEdit: { visible: false, title: '' },
preview: { visible: false, title: 'eCRF预览' }, config: { visible: false, title: this.$t('dictionary:template:oncologyConfig:reviewResult'), appendToBody: true, width: '600px', configType: 0 },
config: { visible: false, title: '肿瘤学阅片结果', appendToBody: true, width: '600px', configType: 0 },
selectedList: [], selectedList: [],
OncologyAssessType: [], OncologyAssessType: [],
IsOncologyReading: true IsOncologyReading: true
@@ -177,10 +193,10 @@ export default {
handleAdd(n) { handleAdd(n) {
this.config.configType = n this.config.configType = n
if (n === 1) { if (n === 1) {
this.config.title = '是否肿瘤学阅片' this.config.title = this.$t('dictionary:template:oncologyConfig:isOncologyReading')
this.config.visible = true this.config.visible = true
} else { } else {
this.config.title = '肿瘤学阅片结果' this.config.title = this.$t('dictionary:template:oncologyConfig:reviewResult')
this.config.visible = true this.config.visible = true
this.$nextTick(() => { this.$nextTick(() => {
var a = this.OncologyAssessType.filter(v => { var a = this.OncologyAssessType.filter(v => {
@@ -221,9 +237,3 @@ export default {
} }
} }
</script> </script>
<style scoped>
/deep/ .el-form-item__content{
width: calc(100% - 110px);
}
</style>
@@ -8,7 +8,8 @@
:rules="rules" :rules="rules"
> >
<div class="base-dialog-body"> <div class="base-dialog-body">
<el-form-item label="病灶类型" prop="LesionType"> <!-- 病灶类型 -->
<el-form-item :label="$t('dictionary:template:basicData:lesionType')" prop="LesionType">
<el-select v-model="form.LesionType"> <el-select v-model="form.LesionType">
<el-option <el-option
v-for="item of CriterionDictionaryList.LesionType" v-for="item of CriterionDictionaryList.LesionType"
@@ -18,7 +19,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="器官类型" prop="OrganType"> <!-- 器官类型 -->
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:organType')" prop="OrganType">
<el-select v-model="form.OrganType"> <el-select v-model="form.OrganType">
<el-option <el-option
v-for="item of CriterionDictionaryOrganTypeList.OrganType" v-for="item of CriterionDictionaryOrganTypeList.OrganType"
@@ -43,28 +43,30 @@
height="100" height="100"
> >
<el-table-column type="index" width="90" /> <el-table-column type="index" width="90" />
<!-- 病灶类型 -->
<el-table-column <el-table-column
prop="LesionType" prop="LesionType"
label="病灶类型" :label="$t('dictionary:template:basicData:lesionType')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd('LesionType',scope.row.LesionType) }} {{ $fd('LesionType',scope.row.LesionType) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 器官类型 -->
<el-table-column <el-table-column
prop="OrganType" prop="OrganType"
label="器官类型" :label="$t('trials:readingUnit:baseDataCfg:title:organType')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd('OrganType',scope.row.OrganType) }} {{ $fd('OrganType',scope.row.OrganType) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 创建时间 -->
<el-table-column <el-table-column
prop="CreateTime" prop="CreateTime"
label="创建时间" :label="$t('dictionary:template:basicData:createTime')"
show-overflow-tooltip show-overflow-tooltip
/> />
<el-table-column <el-table-column
@@ -76,13 +78,13 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
circle circle
title="编辑" :title="$t('common:button:edit')"
icon="el-icon-edit-outline" icon="el-icon-edit-outline"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
/> />
<el-button <el-button
circle circle
title="删除" :title="$t('common:button:delete')"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
/> />
@@ -163,18 +165,18 @@ export default {
// //
handleAdd() { handleAdd() {
this.rowData = { CriterionId: this.criterionId } this.rowData = { CriterionId: this.criterionId }
this.editDialog.title = '新增' this.editDialog.title = this.$t('common:button:new')
this.editDialog.visible = true this.editDialog.visible = true
}, },
// //
handleEdit(row) { handleEdit(row) {
this.rowData = { ...row } this.rowData = { ...row }
this.editDialog.title = '编辑' this.editDialog.title = this.$t('common:button:edit')
this.editDialog.visible = true this.editDialog.visible = true
}, },
// //
handleDelete(row) { handleDelete(row) {
this.$confirm('是否确认删除', { this.$confirm(this.$t('trials:readingUnit:baseDataCfg:message:deleteConfirm'), {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true distinguishCancelAndClose: true
}) })
@@ -185,7 +187,7 @@ export default {
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.getList() this.getList()
this.$message.success('删除成功!') this.$message.success(this.$t('common:message:deletedSuccessfully'))
} }
}).catch(() => { this.loading = false }) }).catch(() => { this.loading = false })
}) })
@@ -3,13 +3,13 @@
ref="organForm" ref="organForm"
v-loading="loading" v-loading="loading"
:model="form" :model="form"
label-width="100px" label-width="120px"
size="small" size="small"
:rules="rules" :rules="rules"
> >
<div class="base-dialog-body"> <div class="base-dialog-body">
<!-- 类型 --> <!-- 类型 -->
<el-form-item label="器官类型" prop="OrganType"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:organType')" prop="OrganType">
<el-select <el-select
v-model="form.OrganType" v-model="form.OrganType"
> >
@@ -21,35 +21,37 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="分类" prop="Classification"> <!-- 分类 -->
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:classification')" prop="Classification">
<el-input v-model="form.Classification" /> <el-input v-model="form.Classification" />
</el-form-item> </el-form-item>
<el-form-item label="分类(英文)"> <!-- 分类英文 -->
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:classificationEn')">
<el-input v-model="form.ClassificationEN" /> <el-input v-model="form.ClassificationEN" />
</el-form-item> </el-form-item>
<!-- 部位 --> <!-- 部位 -->
<el-form-item label="部位" prop="Part"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:bodyPart')" prop="Part">
<el-input v-model="form.Part" /> <el-input v-model="form.Part" />
</el-form-item> </el-form-item>
<el-form-item label="部位(英文)"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:bodyPartEn')">
<el-input v-model="form.PartEN" /> <el-input v-model="form.PartEN" />
</el-form-item> </el-form-item>
<!-- TULOC --> <!-- 器官 -->
<el-form-item label="器官" prop="TULOC"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:organ')" prop="TULOC">
<el-input v-model="form.TULOC" /> <el-input v-model="form.TULOC" />
</el-form-item> </el-form-item>
<el-form-item label="器官(英文)" prop="TULOCEN"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:TULOCEN')" prop="TULOCEN">
<el-input v-model="form.TULOCEN" /> <el-input v-model="form.TULOCEN" />
</el-form-item> </el-form-item>
<!-- TULAT --> <!-- 位置 -->
<el-form-item label="位置"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:TULAT')">
<el-input v-model="form.TULAT" /> <el-input v-model="form.TULAT" />
</el-form-item> </el-form-item>
<el-form-item label="位置(英文)"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:TULATEn')">
<el-input v-model="form.TULATEN" /> <el-input v-model="form.TULATEN" />
</el-form-item> </el-form-item>
<!-- 是否淋巴结 --> <!-- 是否淋巴结 -->
<el-form-item label="是否淋巴结" prop="IsLymphNodes"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:isLymphNodes')" prop="IsLymphNodes">
<el-radio-group v-model="form.IsLymphNodes"> <el-radio-group v-model="form.IsLymphNodes">
<el-radio <el-radio
v-for="item of $d.ReadingYesOrNo" v-for="item of $d.ReadingYesOrNo"
@@ -60,7 +62,7 @@
</el-form-item> </el-form-item>
<!-- 是否可以编辑 --> <!-- 是否可以编辑 -->
<el-form-item label="是否可以编辑" prop="IsCanEditPosition"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:isCanEditPosition')" prop="IsCanEditPosition">
<el-radio-group v-model="form.IsCanEditPosition"> <el-radio-group v-model="form.IsCanEditPosition">
<el-radio <el-radio
v-for="item of $d.YesOrNo" v-for="item of $d.YesOrNo"
@@ -69,11 +71,11 @@
>{{ item.label }}</el-radio> >{{ item.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="序号" prop="ShowOrder"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:showOrder')" prop="ShowOrder">
<el-input v-model="form.ShowOrder" type="number" /> <el-input v-model="form.ShowOrder" type="number" />
</el-form-item> </el-form-item>
<!-- 描述 --> <!-- 描述 -->
<el-form-item label="描述" prop="Remark"> <el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:remark')" prop="Remark">
<el-input <el-input
v-model="form.Remark" v-model="form.Remark"
type="textarea" type="textarea"
@@ -3,18 +3,22 @@
<!-- 搜索框 --> <!-- 搜索框 -->
<template slot="search-container"> <template slot="search-container">
<el-form :inline="true" size="mini"> <el-form :inline="true" size="mini">
<el-form-item label="器官类型"> <!-- 器官类型 -->
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:organType')">
<el-select v-model="searchData.OrganType" clearable style="width:130px;"> <el-select v-model="searchData.OrganType" clearable style="width:130px;">
<el-option v-for="item of CriterionDictionaryOrganTypeList && CriterionDictionaryOrganTypeList.OrganType" :key="item.Id" :value="parseInt(item.Code)" :label="item.ValueCN" /> <el-option v-for="item of CriterionDictionaryOrganTypeList && CriterionDictionaryOrganTypeList.OrganType" :key="item.Id" :value="parseInt(item.Code)" :label="item.ValueCN" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="部位"> <!-- 部位 -->
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:bodyPart')">
<el-input v-model="searchData.Part" clearable style="width:130px;" /> <el-input v-model="searchData.Part" clearable style="width:130px;" />
</el-form-item> </el-form-item>
<el-form-item label="器官"> <!-- 器官 -->
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:organ')">
<el-input v-model="searchData.TULOC" clearable style="width:130px;" /> <el-input v-model="searchData.TULOC" clearable style="width:130px;" />
</el-form-item> </el-form-item>
<el-form-item label="是否淋巴结"> <!-- 是否淋巴结 -->
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:isLymphNodes')">
<el-select v-model="searchData.IsLymphNodes" clearable style="width:130px;"> <el-select v-model="searchData.IsLymphNodes" clearable style="width:130px;">
<el-option v-for="item of $d.ReadingYesOrNo" :key="item.id" :value="item.value" :label="item.label" /> <el-option v-for="item of $d.ReadingYesOrNo" :key="item.id" :value="item.value" :label="item.label" />
</el-select> </el-select>
@@ -54,7 +58,7 @@
size="mini" size="mini"
@click="lesionType.visible = true" @click="lesionType.visible = true"
> >
病灶关联配置 {{ this.$t('dictionary:template:basicData:config') }}
</el-button> </el-button>
<!-- <el-button--> <!-- <el-button-->
<!-- v-if="!isCompleteConfig"--> <!-- v-if="!isCompleteConfig"-->
@@ -91,7 +95,7 @@
<!-- 类型 --> <!-- 类型 -->
<el-table-column <el-table-column
prop="OrganType" prop="OrganType"
label="器官类型" :label="$t('trials:readingUnit:baseDataCfg:title:organType')"
min-width="120" min-width="120"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
@@ -103,13 +107,13 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
prop="Classification" prop="Classification"
label="分类" :label="$t('trials:readingUnit:baseDataCfg:title:classification')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
prop="ClassificationEN" prop="ClassificationEN"
label="分类(英文)" :label="$t('trials:readingUnit:baseDataCfg:title:classificationEn')"
min-width="140" min-width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
@@ -117,46 +121,49 @@
<!-- 部位 --> <!-- 部位 -->
<el-table-column <el-table-column
prop="Part" prop="Part"
label="部位" :label="$t('trials:readingUnit:baseDataCfg:title:bodyPart')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
prop="PartEN" prop="PartEN"
label="部位(英文)" :label="$t('trials:readingUnit:baseDataCfg:title:bodyPartEn')"
min-width="140" min-width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<!-- 器官 -->
<el-table-column <el-table-column
prop="TULOC" prop="TULOC"
label="器官" :label="$t('trials:readingUnit:baseDataCfg:title:organ')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
prop="TULOCEN" prop="TULOCEN"
label="器官(英文)" :label="$t('trials:readingUnit:baseDataCfg:title:TULOCEN')"
min-width="140" min-width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<!-- 位置 -->
<el-table-column <el-table-column
prop="TULAT" prop="TULAT"
label="位置" :label="$t('trials:readingUnit:baseDataCfg:title:TULAT')"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
prop="TULATEN" prop="TULATEN"
label="位置(英文)" :label="$t('trials:readingUnit:baseDataCfg:title:TULATEn')"
min-width="140" min-width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<!-- 是否淋巴结 -->
<el-table-column <el-table-column
prop="IsLymphNodes" prop="IsLymphNodes"
label="是否淋巴结" :label="$t('trials:readingUnit:baseDataCfg:title:isLymphNodes')"
min-width="160" min-width="160"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
@@ -168,9 +175,10 @@
<el-tag v-else type="primary">{{ $fd('ReadingYesOrNo', scope.row.IsLymphNodes) }}</el-tag> <el-tag v-else type="primary">{{ $fd('ReadingYesOrNo', scope.row.IsLymphNodes) }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否可以编辑 -->
<el-table-column <el-table-column
prop="IsCanEditPosition" prop="IsCanEditPosition"
label="是否可以编辑" :label="$t('trials:readingUnit:baseDataCfg:title:isCanEditPosition')"
min-width="160" min-width="160"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
@@ -182,15 +190,17 @@
<el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsCanEditPosition) }}</el-tag> <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsCanEditPosition) }}</el-tag>
</template> </template>
</el-table-column> </el-table-column>
<!-- 序号 -->
<el-table-column <el-table-column
prop="ShowOrder" prop="ShowOrder"
label="序号" :label="$t('trials:readingUnit:baseDataCfg:title:showOrder')"
show-overflow-tooltip show-overflow-tooltip
min-width="80" min-width="80"
/> />
<!-- 备注 -->
<el-table-column <el-table-column
prop="Remark" prop="Remark"
label="备注" :label="$t('trials:readingUnit:baseDataCfg:title:remark')"
show-overflow-tooltip show-overflow-tooltip
/> />
@@ -203,13 +213,13 @@
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
circle circle
title="编辑" :title="$t('common:button:edit')"
icon="el-icon-edit-outline" icon="el-icon-edit-outline"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
/> />
<el-button <el-button
circle circle
title="删除" :title="$t('common:button:delete')"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
/> />
@@ -227,7 +237,7 @@
:visible.sync="editDialog.visible" :visible.sync="editDialog.visible"
:close-on-click-modal="false" :close-on-click-modal="false"
:title="editDialog.title" :title="editDialog.title"
width="500px" width="600px"
custom-class="base-dialog-wrapper" custom-class="base-dialog-wrapper"
append-to-body append-to-body
> >
@@ -273,9 +283,9 @@
size="small" size="small"
> >
<div class="base-dialog-body"> <div class="base-dialog-body">
<!-- 类型 --> <!-- 标准 -->
<el-form-item <el-form-item
label="标准" :label="$t('trials:auditRecord:table:criterion')"
prop="CriterionId" prop="CriterionId"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] }, { required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
@@ -345,9 +355,8 @@ export default {
total: 0, total: 0,
rowData: {}, rowData: {},
editDialog: { title: '', visible: false }, editDialog: { title: '', visible: false },
lesionType: { title: '病灶器官关联关系', visible: false }, lesionType: { title: this.$t('dictionary:template:basicData:title1'), visible: false },//
// lesionTypes: [], criterion: { title: this.$t('dictionary:template:basicData:title2'), visible: false },//
criterion: { title: '默认数据配置', visible: false },
formLoading: false, formLoading: false,
form: { CriterionId: '' }, form: { CriterionId: '' },
criterions: [], criterions: [],
@@ -382,7 +391,7 @@ export default {
TrialReadingCriterionId: this.criterionId TrialReadingCriterionId: this.criterionId
}).then(res => { }).then(res => {
this.loading = false this.loading = false
this.$message.success('同步成功') this.$message.success(this.$t('dictionary:template:basicData:message1'))
}).catch(() => { }).catch(() => {
this.loading = false this.loading = false
}) })
@@ -411,18 +420,18 @@ export default {
// //
handleAdd() { handleAdd() {
this.rowData = { SystemCriterionId: this.criterionId } this.rowData = { SystemCriterionId: this.criterionId }
this.editDialog.title = '新增' this.editDialog.title = this.$t('common:button:new')
this.editDialog.visible = true this.editDialog.visible = true
}, },
// //
handleEdit(row) { handleEdit(row) {
this.rowData = { ...row } this.rowData = { ...row }
this.editDialog.title = '编辑' this.editDialog.title = this.$t('common:button:edit')
this.editDialog.visible = true this.editDialog.visible = true
}, },
// //
handleDelete(row) { handleDelete(row) {
this.$confirm('是否确认删除', { this.$confirm(this.$t('trials:readingUnit:baseDataCfg:message:deleteConfirm'), {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true distinguishCancelAndClose: true
}) })
@@ -433,7 +442,7 @@ export default {
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.getList() this.getList()
this.$message.success('删除成功!') this.$message.success(this.$t('common:message:deletedSuccessfully'))
} }
}).catch(() => { this.loading = false }) }).catch(() => { this.loading = false })
}) })
@@ -9,7 +9,8 @@
label-width="130px" label-width="130px"
size="small" size="small"
> >
<el-form-item label="问题名称" prop="QuestionName"> <!-- 问题名称 -->
<el-form-item :label="$t('trials:qcCfg:table:questionName')" prop="QuestionName">
<el-input v-model="form.QuestionName" /> <el-input v-model="form.QuestionName" />
</el-form-item> </el-form-item>
<el-form-item <el-form-item
@@ -27,24 +28,28 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="类型"> <!-- 类型 -->
<el-form-item :label="$t('trials:qcCfg:table:type')">
<el-select v-model="form.Type" @change="((val)=>{typeChange(val, form)})"> <el-select v-model="form.Type" @change="((val)=>{typeChange(val, form)})">
<el-option value="select" label="下拉框" /> <el-option
<el-option value="input" label="单行文本框" /> v-for="item of $d.QcType"
<el-option value="textarea" label="多行文本框" /> :key="item.value"
<el-option value="radio" label="单选框" /> :value="item.value"
:label="item.label"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 选项 -->
<el-form-item <el-form-item
v-if="form.Type === 'select' || form.Type === 'radio'" v-if="form.Type === 'select' || form.Type === 'radio'"
label="选项: " :label="$t('trials:qcCfg:table:typeValue')"
prop="TypeValue" prop="TypeValue"
> >
<el-input v-model="form.TypeValue" placeholder="选项请用‘|’分割多个选项" /> <el-input v-model="form.TypeValue" :placeholder="$t('trials:qcCfg:message:typeValue')" />
</el-form-item> </el-form-item>
<!-- 父问题 --> <!-- 父问题 -->
<el-form-item <el-form-item
label="父问题" :label="$t('trials:qcCfg:table:parentQs')"
> >
<el-select <el-select
v-model="form.ParentId" v-model="form.ParentId"
@@ -62,7 +67,7 @@
<!-- 父问题触发值 --> <!-- 父问题触发值 -->
<el-form-item <el-form-item
v-if="form.ParentId" v-if="form.ParentId"
label="父问题触发值" :label="$t('trials:qcCfg:table:parentTriggerValue')"
prop="ParentTriggerValue" prop="ParentTriggerValue"
> >
<el-select <el-select
@@ -76,27 +81,47 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="是否必填"> <!-- 是否必填 -->
<el-radio-group v-model="form.IsRequired"> <el-form-item :label="$t('trials:qcCfg:table:isRequired')">
<el-radio :label="true"></el-radio> <el-radio-group
<el-radio :label="false"></el-radio> v-model="form.IsRequired"
>
<el-radio
v-for="item of $d.YesOrNo"
:key="`IsRequired${item.value}`"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="启用状态"> <!-- 启用状态 -->
<el-radio-group v-model="form.IsEnable"> <el-form-item :label="$t('trials:qcCfg:table:isEnable')">
<el-radio :label="true">启用</el-radio> <el-radio-group
<el-radio :label="false">停用</el-radio> v-model="form.IsEnable"
>
<el-radio
v-for="item of $d.YesOrNo"
:key="item.value"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="序号" prop="ShowOrder"> <el-form-item :label="$t('trials:qcCfg:table:order')" prop="ShowOrder">
<el-input-number v-model="form.ShowOrder" controls-position="right" :min="0" /> <el-input-number v-model="form.ShowOrder" controls-position="right" :min="0" />
</el-form-item> </el-form-item>
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">Cancel</el-button> <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">Save</el-button> {{ $t('common:button:cancel') }}
</el-button>
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
{{ $t('common:button:save') }}
</el-button>
</template> </template>
</base-model> </base-model>
</template> </template>
@@ -128,7 +153,8 @@ export default {
} else { } else {
var arr = value.split('|') var arr = value.split('|')
if (new Set(arr).size !== arr.length) { if (new Set(arr).size !== arr.length) {
callback(new Error('选项不允许存在相同值')) // ''
callback(new Error(this.$t('trials:qcCfg:message:msg1')))
} else { } else {
callback() callback()
} }
@@ -138,13 +164,13 @@ export default {
btnLoading: false, btnLoading: false,
form: formDataDefault(), form: formDataDefault(),
rules: { rules: {
QuestionName: [{ required: true, message: 'Please specify', trigger: 'blur' }, QuestionName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: 300, message: 'The maximum length is 300' }], { max: 300, message: `${this.$t('common:ruleMessage:maxLength')} 300` }],
TypeValue: [{ required: true, message: 'Please specify', trigger: 'blur' }, TypeValue: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ validator: validateTypeVal, trigger: 'blur' }, { validator: validateTypeVal, trigger: 'blur' },
{ max: 200, message: 'The maximum length is 200' }], { max: 200, message: `${this.$t('common:ruleMessage:maxLength')} 200` }],
ParentTriggerValue: [{ required: true, message: 'Please select', trigger: 'blur' }], ParentTriggerValue: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
LanguageType: [{ required: true, message: 'Please select', trigger: 'blur' }] LanguageType: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }]
}, },
model_cfg: { visible: false, showClose: true, width: '600px', title: '' }, model_cfg: { visible: false, showClose: true, width: '600px', title: '' },
parentOptions: [], parentOptions: [],
@@ -185,7 +211,7 @@ export default {
this.btnLoading = true this.btnLoading = true
addOrUpdateQCQuestionConfigure(this.form).then(res => { addOrUpdateQCQuestionConfigure(this.form).then(res => {
this.btnLoading = false this.btnLoading = false
this.$message.success('Saved successfully!') this.$message.success(this.$t('common:message:savedSuccessfully'))
// this.$refs['qcQuestionForm'].resetFields() // this.$refs['qcQuestionForm'].resetFields()
this.model_cfg.visible = false this.model_cfg.visible = false
this.$emit('getList') this.$emit('getList')
@@ -3,7 +3,8 @@
<!-- 搜索框 --> <!-- 搜索框 -->
<div class="search"> <div class="search">
<el-form :inline="true" size="mini" class="base-search-form"> <el-form :inline="true" size="mini" class="base-search-form">
<el-form-item label="问题名称:"> <!-- 问题名称 -->
<el-form-item :label="$t('trials:qcCfg:table:questionName')">
<el-input v-model="searchData.QuestionName" clearable style="width:120px;" /> <el-input v-model="searchData.QuestionName" clearable style="width:120px;" />
</el-form-item> </el-form-item>
<!-- 语言类型 --> <!-- 语言类型 -->
@@ -22,7 +23,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="类型:"> <el-form-item :label="$t('trials:qcCfg:table:type')">
<el-input v-model="searchData.Type" clearable style="width:120px;" /> <el-input v-model="searchData.Type" clearable style="width:120px;" />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@@ -45,9 +46,9 @@
type="primary" type="primary"
@click="preview.visible = true" @click="preview.visible = true"
> >
Preview {{$t('common:button:preview')}}
</el-button> </el-button>
<el-button type="primary" size="mini" @click="handleAdd">New</el-button> <el-button type="primary" size="mini" @click="handleAdd">{{$t('common:button:new')}}</el-button>
</span> </span>
</div> </div>
@@ -59,14 +60,16 @@
size="small" size="small"
height="100" height="100"
> >
<!-- 序号 -->
<el-table-column <el-table-column
prop="ShowOrder" prop="ShowOrder"
label="序号" :label="$t('trials:qcCfg:table:order')"
min-width="70" min-width="70"
/> />
<!-- 问题名称 -->
<el-table-column <el-table-column
prop="QuestionName" prop="QuestionName"
label="问题名称" :label="$t('trials:qcCfg:table:questionName')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 审核问题 --> <!-- 审核问题 -->
@@ -79,68 +82,73 @@
{{ $fd('LanguageType', scope.row.LanguageType) }} {{ $fd('LanguageType', scope.row.LanguageType) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 类型 -->
<el-table-column <el-table-column
prop="Type" prop="Type"
label="类型" :label="$t('trials:qcCfg:table:type')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.Type=== 'radio'?'单选框':scope.row.Type=== 'select'?'下拉框':scope.row.Type=== 'input'?'文本框':scope.row.Type=== 'textarea'?'多行文本框':'' }} {{ $fd('QcType', scope.row.Type) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 选项 -->
<el-table-column <el-table-column
prop="TypeValue" prop="TypeValue"
label="选项" :label="$t('trials:qcCfg:table:typeValue')"
show-overflow-tooltip show-overflow-tooltip
min-width="110" min-width="110"
/> />
<!-- 父问题 -->
<el-table-column <el-table-column
prop="ParentShowOrder" prop="ParentShowOrder"
label="父问题" :label="$t('trials:qcCfg:table:parentQs')"
show-overflow-tooltip show-overflow-tooltip
min-width="110" min-width="110"
/> />
<!-- 父问题触发值 -->
<el-table-column <el-table-column
prop="ParentTriggerValue" prop="ParentTriggerValue"
label="父问题触发值" :label="$t('trials:qcCfg:table:parentTriggerValue')"
show-overflow-tooltip show-overflow-tooltip
min-width="110" min-width="110"
/> />
<!-- 是否必填 -->
<el-table-column <el-table-column
prop="IsRequired" prop="IsRequired"
label="是否必填" :label="$t('trials:qcCfg:table:isRequired')"
min-width="90" min-width="90"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.IsRequired?'是':'否' }} {{ $fd('YesOrNo', scope.row.IsRequired) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 启用状态 -->
<el-table-column <el-table-column
prop="IsEnable" prop="IsEnable"
label="启用状态" :label="$t('trials:qcCfg:table:isEnable')"
min-width="120" min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.IsEnable?'启用':'停用' }} {{ $fd('YesOrNo', scope.row.IsEnable) }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="Action" width="200" fixed="right"> <el-table-column :label="$t('common:action:action')" width="200" fixed="right">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
type="primary" type="primary"
size="mini" size="mini"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
> >
Edit {{ $t('common:button:edit') }}
</el-button> </el-button>
<el-button <el-button
type="danger" type="danger"
size="mini" size="mini"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
> >
Delete {{ $t('common:button:delete') }}
</el-button> </el-button>
</template> </template>
@@ -10,7 +10,8 @@
> >
<div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;"> <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
<div style="height: 150px;"> <div style="height: 150px;">
<el-form-item label="类型" prop="Type"> <!-- 类型 -->
<el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
<el-select <el-select
v-model="form.Type" v-model="form.Type"
@change="((val)=>{qsTypeChange(val, form)})" @change="((val)=>{qsTypeChange(val, form)})"
@@ -24,9 +25,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 问题名称 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group'" v-if="form.Type !== 'group'"
label="问题名称" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
prop="QuestionName" prop="QuestionName"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
@@ -37,9 +39,10 @@
v-model="form.QuestionName" v-model="form.QuestionName"
/> />
</el-form-item> </el-form-item>
<!-- 问题名称EN -->
<el-form-item <el-form-item
v-if="form.Type !== 'group'" v-if="form.Type !== 'group'"
label="问题名称(EN" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
prop="QuestionEnName" prop="QuestionEnName"
:rules="[ :rules="[
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` } { max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
@@ -51,8 +54,10 @@
</el-form-item> </el-form-item>
</div> </div>
<div style="flex: 1;overflow-y:auto;"> <div style="flex: 1;overflow-y:auto;">
<el-divider content-position="left">公有属性</el-divider> <!-- 公有属性 -->
<el-form-item v-if="form.Type !== 'group'" label="是否显示" prop="ShowQuestion"> <el-divider content-position="left">{{$t('trials:readingUnit:title:publicProperties')}}</el-divider>
<!-- 是否显示 -->
<el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:isShow')" prop="ShowQuestion">
<el-radio-group <el-radio-group
v-model="form.ShowQuestion" v-model="form.ShowQuestion"
@change="((val)=>{isShowQuestionChange(val, form)})" @change="((val)=>{isShowQuestionChange(val, form)})"
@@ -70,7 +75,7 @@
<!-- 显示时依赖父问题 --> <!-- 显示时依赖父问题 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group' && form.ShowQuestion===1" v-if="form.Type !== 'group' && form.ShowQuestion===1"
label="显示依赖父问题" :label="$t('trials:readingUnit:qsList:title:parentId')"
prop="ParentId" prop="ParentId"
> >
<el-select <el-select
@@ -87,7 +92,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 显示时依赖父问题触发值 --> <!-- 显示时依赖父问题触发值 -->
<el-form-item v-if="form.ParentId && form.ShowQuestion===1" label="显示触发值" prop="ParentTriggerValueList"> <el-form-item v-if="form.ParentId && form.ShowQuestion===1" :label="$t('trials:readingUnit:qsList:title:parentTriggerValueList')" prop="ParentTriggerValueList">
<el-select v-model="form.ParentTriggerValueList" clearable multiple> <el-select v-model="form.ParentTriggerValueList" clearable multiple>
<el-option <el-option
v-for="item of parentTriggerValOptions" v-for="item of parentTriggerValOptions"
@@ -97,7 +102,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'" label="是否必填" prop="IsRequired"> <!-- 是否必填 -->
<el-form-item v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'" :label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired">
<el-radio-group <el-radio-group
v-model="form.IsRequired" v-model="form.IsRequired"
:disabled="form.IsJudgeQuestion===true || form.ShowQuestion===2" :disabled="form.IsJudgeQuestion===true || form.ShowQuestion===2"
@@ -112,10 +118,10 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 父问题 --> <!-- 必填依赖父问题 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group' && form.IsRequired === 1" v-if="form.Type !== 'group' && form.IsRequired === 1"
label="必填依赖父问题" :label="$t('trials:readingUnit:qsList:title:relevanceId')"
prop="RelevanceId" prop="RelevanceId"
> >
<el-select <el-select
@@ -131,10 +137,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 必填依赖的父问题触发值 --> <!-- 必填触发值 -->
<el-form-item <el-form-item
v-if="form.RelevanceId && form.IsRequired === 1" v-if="form.RelevanceId && form.IsRequired === 1"
label="必填触发值" :label="$t('trials:readingUnit:qsList:title:relevanceValueList')"
prop="RelevanceValueList" prop="RelevanceValueList"
> >
<el-select v-model="form.RelevanceValueList" clearable multiple> <el-select v-model="form.RelevanceValueList" clearable multiple>
@@ -182,8 +188,9 @@
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 限制编辑 -->
<el-form-item <el-form-item
label="限制编辑" :label="$t('trials:readingUnit:qsList:title:limitEdit')"
v-if="form.Type !== 'summary'" v-if="form.Type !== 'summary'"
prop="LimitEdit" prop="LimitEdit"
:rules="[ :rules="[
@@ -194,9 +201,10 @@
<el-radio v-for="item of $d.LimitEdit" :key="item.value" :label="item.value">{{ item.label }}</el-radio> <el-radio v-for="item of $d.LimitEdit" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 问题标识 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group' && form.Type !== 'summary'" v-if="form.Type !== 'group' && form.Type !== 'summary'"
label="问题标识" :label="$t('dictionary:template:criterionConfig:table:questionMark')"
prop="QuestionMark" prop="QuestionMark"
> >
<el-select <el-select
@@ -211,14 +219,16 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 注释 -->
<el-form-item <el-form-item
label="注释" :label="$t('trials:readingUnit:qsList:title:Remark')"
prop="Remark" prop="Remark"
> >
<el-input v-model="form.Remark" /> <el-input v-model="form.Remark" />
</el-form-item> </el-form-item>
<!-- 序号 -->
<el-form-item <el-form-item
label="序号" :label="$t('trials:readingUnit:qsList:title:order')"
prop="ShowOrder" prop="ShowOrder"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
@@ -230,7 +240,8 @@
:min="0" :min="0"
/> />
</el-form-item> </el-form-item>
<el-form-item label="重复出现最大次数" v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'"> <!-- 重复出现最大次数 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:maxRowCount')" v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'">
<el-input-number <el-input-number
v-model="form.MaxRowCount" v-model="form.MaxRowCount"
controls-position="right" controls-position="right"
@@ -238,7 +249,8 @@
:max="10" :max="10"
/> />
</el-form-item> </el-form-item>
<el-form-item label="问题分类" v-if="criterionType === 2"> <!-- 问题分类 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:questionClassify')" v-if="criterionType === 2">
<el-select v-model="form.QuestionClassify" clearable> <el-select v-model="form.QuestionClassify" clearable>
<el-option <el-option
v-for="item of $d.QuestionClassify" v-for="item of $d.QuestionClassify"
@@ -248,15 +260,15 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 私有属性 -->
<el-divider content-position="left">私有属性</el-divider> <el-divider content-position="left">{{$t('trials:readingUnit:title:privateProperties')}}</el-divider>
<!-- 选项类型 --> <!-- 选项类型 -->
<el-form-item <el-form-item
v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'" v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'"
label="选项类型" :label="$t('trials:readingUnit:label:QuestionGenre')"
prop="TableQuestionType" prop="TableQuestionType"
:rules="[ :rules="[
{ required: form.Type !== 'input', message: '请选择'} { required: form.Type !== 'input', message: this.$t('common:ruleMessage:select')}
]" ]"
> >
<el-radio-group <el-radio-group
@@ -273,21 +285,22 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 选项 -->
<el-form-item <el-form-item
v-if="form.TableQuestionType === 0 || form.Type === 'class'" v-if="form.TableQuestionType === 0 || form.Type === 'class'"
label="选项" :label="$t('trials:qcCfg:table:typeValue')"
prop="TypeValue" prop="TypeValue"
> >
<el-input <el-input
v-model="form.TypeValue" v-model="form.TypeValue"
placeholder="选项请用‘|’分割多个选项" :placeholder="$t('trials:qcCfg:message:typeValue')"
@change="typeValueChange" @change="typeValueChange"
/> />
</el-form-item> </el-form-item>
<!-- 关联问题 -->
<el-form-item <el-form-item
v-if="form.TableQuestionType === 2" v-if="form.TableQuestionType === 2"
label="关联问题" :label="$t('dictionary:template:criterionConfig:table:dependParentId')"
prop="DependParentId" prop="DependParentId"
> >
<el-select <el-select
@@ -301,9 +314,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 关联字段 -->
<el-form-item <el-form-item
v-if="form.TableQuestionType === 1 || !!form.DependParentId" v-if="form.TableQuestionType === 1 || !!form.DependParentId"
label="关联字段" :label="$t('dictionary:template:criterionConfig:table:dataTableColumn')"
prop="DataTableColumn" prop="DataTableColumn"
> >
<el-select v-model="form.DataTableColumn"> <el-select v-model="form.DataTableColumn">
@@ -315,9 +329,10 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 关联字典 -->
<el-form-item <el-form-item
v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2" v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2"
label="关联字典" :label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')"
prop="DictionaryCode" prop="DictionaryCode"
:rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]" :rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]"
> >
@@ -330,7 +345,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="form.TableQuestionType === 3" label="默认值"> <!-- 默认值 -->
<el-form-item v-if="form.TableQuestionType === 3" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
<el-select v-model="form.DefaultValue" clearable> <el-select v-model="form.DefaultValue" clearable>
<!-- <el-option <!-- <el-option
v-for="item of form.DictionaryCode ? $d[form.DictionaryCode] : []" v-for="item of form.DictionaryCode ? $d[form.DictionaryCode] : []"
@@ -346,7 +362,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="form.TableQuestionType === 0" label="默认值"> <!-- 默认值 -->
<el-form-item v-if="form.TableQuestionType === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
<el-select v-model="form.DefaultValue" clearable> <el-select v-model="form.DefaultValue" clearable>
<el-option <el-option
v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" v-for="item of form.TypeValue ? form.TypeValue.split('|') : []"
@@ -356,7 +373,8 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item v-if="form.Type === 'select' || form.Type === 'radio'" label="高亮标记值" prop="HighlightAnswerList"> <!-- 高亮标记值 -->
<el-form-item v-if="form.Type === 'select' || form.Type === 'radio'" :label="$t('trials:readingUnit:qsList:title:highlightAnswers')" prop="HighlightAnswerList">
<el-select v-model="form.HighlightAnswerList" clearable multiple> <el-select v-model="form.HighlightAnswerList" clearable multiple>
<template v-if="form.TypeValue"> <template v-if="form.TypeValue">
<el-option <el-option
@@ -382,9 +400,10 @@
</template> </template>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 最大长度 -->
<el-form-item <el-form-item
v-if="form.Type === 'input' || form.Type === 'textarea'" v-if="form.Type === 'input' || form.Type === 'textarea'"
label="最大长度" :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
prop="MaxAnswerLength" prop="MaxAnswerLength"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
@@ -408,10 +427,10 @@
<!-- 数值类型 --> <!-- 数值类型 -->
<el-form-item <el-form-item
v-if="form.Type === 'number' || form.Type === 'calculation'" v-if="form.Type === 'number' || form.Type === 'calculation'"
label="数值类型" :label="$t('trials:readingUnit:qsList:title:valueType')"
prop="ValueType" prop="ValueType"
:rules="[ :rules="[
{ required: true, message: '请选择'} { required: true, message: this.$t('common:ruleMessage:select') }
]" ]"
> >
<el-radio-group <el-radio-group
@@ -427,10 +446,10 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 数值单位 --> <!-- 单位 -->
<el-form-item <el-form-item
v-if="form.Type === 'number' || form.Type === 'calculation'" v-if="form.Type === 'number' || form.Type === 'calculation'"
label="单位" :label="$t('trials:readingUnit:qsList:title:unit')"
prop="Unit" prop="Unit"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
@@ -448,9 +467,10 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 最大上传个数 -->
<el-form-item <el-form-item
v-if="form.Type === 'upload'" v-if="form.Type === 'upload'"
label="最大上传个数" :label="$t('trials:readingUnit:qsList:title:imageCount')"
prop="ImageCount" prop="ImageCount"
> >
<el-input-number <el-input-number
@@ -463,7 +483,7 @@
<!-- 文件类型 --> <!-- 文件类型 -->
<el-form-item <el-form-item
v-if="form.Type === 'upload'" v-if="form.Type === 'upload'"
label="文件类型" :label="$t('trials:readingUnit:qsList:title:FileType')"
prop="FileType" prop="FileType"
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]" :rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
> >
@@ -487,9 +507,10 @@
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<!-- 分类 --> <!-- 分类 -->
<!-- 分类数据来源 -->
<el-form-item <el-form-item
v-if="form.Type === 'class'" v-if="form.Type === 'class'"
label="分类数据来源" :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
prop="ClassifyTableQuestionId" prop="ClassifyTableQuestionId"
> >
<el-select v-model="form.ClassifyTableQuestionId" clearable> <el-select v-model="form.ClassifyTableQuestionId" clearable>
@@ -497,9 +518,10 @@
:value="item.Id"/> :value="item.Id"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分类算法 -->
<el-form-item <el-form-item
v-if="form.Type === 'class'" v-if="form.Type === 'class'"
label="分类算法" :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
prop="ClassifyAlgorithms" prop="ClassifyAlgorithms"
> >
<div> <div>
@@ -598,7 +620,7 @@ export default {
} else { } else {
var arr = value.split('|') var arr = value.split('|')
if (new Set(arr).size !== arr.length) { if (new Set(arr).size !== arr.length) {
callback(new Error('选项不允许存在相同值')) callback(new Error(this.$t('trials:readingUnit:qsList:message:msg0')))
} else { } else {
callback() callback()
} }
@@ -649,26 +671,26 @@ export default {
}, },
rules: { rules: {
Type: [ Type: [
{ required: true, message: '请选择', trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
], ],
// QuestionName: [{ required: true, message: '', trigger: 'blur' }, // QuestionName: [{ required: true, message: '', trigger: 'blur' },
// { max: 300, message: ' 300' }], // { max: 300, message: ' 300' }],
TypeValue: [{ required: true, message: '请注明', trigger: 'blur' }, TypeValue: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ validator: validateTypeVal, trigger: 'blur' }, { validator: validateTypeVal, trigger: 'blur' },
{ max: 200, message: '最大长度为 200' }], { max: 200, message: `${this.$t('common:ruleMessage:maxLength')} 200` }],
ShowQuestion: [{ required: true, message: '请选择', trigger: 'blur' }], ShowQuestion: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
IsRequired: [{ required: true, message: '请选择', trigger: 'blur' }], IsRequired: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
ParentId: [{ required: true, message: '请选择', trigger: 'blur' }], ParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
ParentTriggerValueList: [ ParentTriggerValueList: [
{ required: true, message: '请选择', trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
], ],
RelevanceId: [{ required: true, message: '请选择', trigger: 'blur' }], RelevanceId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
RelevanceValueList: [{ required: true, message: '请选择', trigger: 'blur' }], RelevanceValueList: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
DataTableName: [{ required: true, message: '请选择', trigger: 'blur' }], DataTableName: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
DataTableColumn: [{ required: true, message: '请选择', trigger: 'blur' }], DataTableColumn: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
// DictionaryCode: [{ required: true, message: '', trigger: 'blur' }], // DictionaryCode: [{ required: true, message: '', trigger: 'blur' }],
DependParentId: [{ required: true, message: '请选择', trigger: 'blur' }], DependParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
// ExportIdentification: [ // ExportIdentification: [
// { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }, // { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
// ], // ],
@@ -10,7 +10,7 @@
type="primary" type="primary"
@click="handleAdd" @click="handleAdd"
> >
新增 {{$t('common:button:new')}}
</el-button> </el-button>
</div> </div>
@@ -20,24 +20,28 @@
size="small" size="small"
height="500" height="500"
> >
<!-- 序号 -->
<el-table-column <el-table-column
prop="ShowOrder" prop="ShowOrder"
label="序号" :label="$t('trials:qcCfg:table:order')"
min-width="70" min-width="70"
/> />
<!-- 问题名称 -->
<el-table-column <el-table-column
prop="QuestionName" prop="QuestionName"
label="问题名称" :label="$t('trials:readingUnit:qsList:title:qsName')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 问题名称(EN) -->
<el-table-column <el-table-column
prop="QuestionEnName" prop="QuestionEnName"
label="问题名称(EN)" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
show-overflow-tooltip show-overflow-tooltip
/> />
<!-- 类型 -->
<el-table-column <el-table-column
prop="Type" prop="Type"
label="类型" :label="$t('trials:readingUnit:qsList:title:type')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -61,9 +65,10 @@
min-width="110" min-width="110"
/> />
--> -->
<!-- 是否显示 -->
<el-table-column <el-table-column
prop="ShowQuestion" prop="ShowQuestion"
label="是否显示" :label="$t('trials:readingUnit:qsList:title:isShow')"
min-width="90" min-width="90"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -71,9 +76,10 @@
{{ $fd('ShowQuestion',scope.row.ShowQuestion) }} {{ $fd('ShowQuestion',scope.row.ShowQuestion) }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 是否必填 -->
<el-table-column <el-table-column
prop="IsRequired" prop="IsRequired"
label="是否必填" :label="$t('trials:readingUnit:qsList:title:isRequired')"
min-width="90" min-width="90"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -125,7 +131,7 @@
<!-- 问题标识 --> <!-- 问题标识 -->
<el-table-column <el-table-column
prop="QuestionMark" prop="QuestionMark"
label="问题标识" :label="$t('dictionary:template:criterionConfig:table:questionMark')"
width="140" width="140"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -178,9 +184,10 @@
</template> </template>
</el-table-column> </el-table-column>
--> -->
<!-- 最大行数 -->
<el-table-column <el-table-column
prop="MaxRowCount" prop="MaxRowCount"
label="最大行数" :label="$t('trials:readingUnit:qsList:title:MaxRowCount')"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -190,7 +197,7 @@
<el-table-column <el-table-column
prop="" prop=""
label="操作" :label="$t('common:action:action')"
width="150" width="150"
show-overflow-tooltip show-overflow-tooltip
> >
@@ -201,7 +208,7 @@
size="mini" size="mini"
@click="handleLook(scope.row)" @click="handleLook(scope.row)"
> >
查看 {{ $t('trials:readingPeriod:button:view') }}
</el-button> </el-button>
<el-button <el-button
v-if="!isCompleteConfig" v-if="!isCompleteConfig"
@@ -209,7 +216,7 @@
size="mini" size="mini"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
> >
编辑 {{ $t('common:button:edit') }}
</el-button> </el-button>
<el-button <el-button
v-if="!isCompleteConfig" v-if="!isCompleteConfig"
@@ -217,7 +224,7 @@
size="mini" size="mini"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
> >
删除 {{ $t('common:button:delete') }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
@@ -295,7 +302,7 @@ export default {
handleLook(row) { handleLook(row) {
this.type = 'look' this.type = 'look'
this.rowData = { ...row } this.rowData = { ...row }
this.addOrEdit.title = '编辑' this.addOrEdit.title = this.$t('common:button:edit')
this.addOrEdit.visible = true this.addOrEdit.visible = true
}, },
getList() { getList() {
@@ -308,13 +315,13 @@ export default {
handleAdd() { handleAdd() {
this.type = 'add' this.type = 'add'
this.rowData = {} this.rowData = {}
this.addOrEdit.title = '添加' this.addOrEdit.title = this.$t('common:button:new')
this.addOrEdit.visible = true this.addOrEdit.visible = true
}, },
handleEdit(row) { handleEdit(row) {
this.type = 'edit' this.type = 'edit'
this.rowData = { ...row } this.rowData = { ...row }
this.addOrEdit.title = '编辑' this.addOrEdit.title = this.$t('common:button:edit')
this.addOrEdit.visible = true this.addOrEdit.visible = true
}, },
handleDelete(row) { handleDelete(row) {
@@ -329,7 +336,7 @@ export default {
this.loading = false this.loading = false
if (res.IsSuccess) { if (res.IsSuccess) {
this.getList() this.getList()
this.$message.success('删除成功!') this.$message.success(this.$t('common:message:deletedSuccessfully'))
} }
}).catch(() => { this.loading = false }) }).catch(() => { this.loading = false })
}) })
@@ -450,11 +450,11 @@
flex-wrap: wrap; flex-wrap: wrap;
" "
> >
<div> <div style="min-width: 50%">
<h3>邮件内容模版CN</h3> <h3>邮件内容模版CN</h3>
<div v-html="previewHTML"></div> <div v-html="previewHTML"></div>
</div> </div>
<div> <div style="min-width: 50%">
<h3>邮件内容模版EN</h3> <h3>邮件内容模版EN</h3>
<div v-html="previewHTMLEN"></div> <div v-html="previewHTMLEN"></div>
</div> </div>
+18 -9
View File
@@ -1,31 +1,40 @@
<template> <template>
<div class="question-wrapper"> <div class="question-wrapper">
<el-tabs v-model="activeTab" @tab-click="clickTab"> <el-tabs v-model="activeTab" @tab-click="clickTab">
<el-tab-pane label="QC问题配置" name="qc"> <!-- QC问题配置 -->
<el-tab-pane :label="$t('dictionary:template:tab:qcConfig')" name="qc">
<qc-questions v-if="activeTab == 'qc'" /> <qc-questions v-if="activeTab == 'qc'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="阅片标准配置" name="criterions"> <!-- 阅片标准配置 -->
<el-tab-pane :label="$t('dictionary:template:tab:criterionsConfig')" name="criterions">
<criterions-tmp v-if="activeTab == 'criterions'" /> <criterions-tmp v-if="activeTab == 'criterions'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="临床数据配置" name="clinicalData"> <!-- 临床数据配置 -->
<el-tab-pane :label="$t('dictionary:template:tab:clinicalDataConfig')" name="clinicalData">
<clinical-data v-if="activeTab == 'clinicalData'" /> <clinical-data v-if="activeTab == 'clinicalData'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="医学审核问题配置" name="medicalAudit"> <!-- 医学审核问题配置 -->
<el-tab-pane :label="$t('dictionary:template:tab:medicalConfig')" name="medicalAudit">
<medical-audit v-if="activeTab == 'medicalAudit'" /> <medical-audit v-if="activeTab == 'medicalAudit'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="DICOM字段匿名化配置" name="anonymization"> <!-- DICOM字段匿名化配置 -->
<el-tab-pane :label="$t('dictionary:template:tab:dicomTagConfig')" name="anonymization">
<Anonymization v-if="activeTab == 'anonymization'" /> <Anonymization v-if="activeTab == 'anonymization'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="DICOM字段新增配置" name="increasefields"> <!-- DICOM字段新增配置 -->
<el-tab-pane :label="$t('dictionary:template:tab:dicomTagAddConfig')" name="increasefields">
<IncreaseFields v-if="activeTab == 'increasefields'" /> <IncreaseFields v-if="activeTab == 'increasefields'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="邮件管理" name="email"> <!-- 邮件管理 -->
<el-tab-pane :label="$t('dictionary:template:tab:emailConfig')" name="email">
<Email v-if="activeTab == 'email'" /> <Email v-if="activeTab == 'email'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="签名管理" name="sign"> <!-- 签名管理 -->
<el-tab-pane :label="$t('dictionary:template:tab:signConfig')" name="sign">
<Sign v-if="activeTab == 'sign'" /> <Sign v-if="activeTab == 'sign'" />
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="浏览器推荐" name="browser"> <!-- 浏览器推荐 -->
<el-tab-pane :label="$t('dictionary:template:tab:browserConfig')" name="browser">
<Browser v-if="activeTab == 'browser'" /> <Browser v-if="activeTab == 'browser'" />
</el-tab-pane> </el-tab-pane>
</el-tabs> </el-tabs>
@@ -171,7 +171,11 @@
:label="$t('curriculumVitae:info:form:email')" :label="$t('curriculumVitae:info:form:email')"
prop="EMail" prop="EMail"
> >
<el-input v-model="form.EMail" clearable disabled></el-input> <el-input
v-model="form.EMail"
clearable
:disabled="DATA.IsHaveAccount"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <el-col :span="12">
@@ -8,7 +8,10 @@
size="small" size="small"
:rules="rules" :rules="rules"
> >
<el-form-item label="国际化类型" prop="InternationalizationType"> <el-form-item
:label="$t('system:l18n:search:InternationalizationType')"
prop="InternationalizationType"
>
<el-radio-group v-model="form.InternationalizationType"> <el-radio-group v-model="form.InternationalizationType">
<el-radio <el-radio
v-for="item of $d.InternationalizationType" v-for="item of $d.InternationalizationType"
@@ -18,7 +21,7 @@
> >
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="State"> <el-form-item :label="$t('system:l18n:search:State')" prop="State">
<el-radio-group v-model="form.State"> <el-radio-group v-model="form.State">
<el-radio <el-radio
v-for="item of $d.InternationalizationKeyState" v-for="item of $d.InternationalizationKeyState"
@@ -28,7 +31,10 @@
> >
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="迭代" prop="PublishLogId"> <el-form-item
:label="$t('system:l18n:search:PublishVersion')"
prop="PublishLogId"
>
<el-select v-model="form.PublishLogId" clearable filterable> <el-select v-model="form.PublishLogId" clearable filterable>
<el-option <el-option
v-for="item in PublishVersionList" v-for="item in PublishVersionList"
@@ -39,7 +45,7 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-table :data="form.AddList" style="width: 100%" height="300"> <el-table :data="form.AddList" style="width: 100%" height="300">
<el-table-column prop="" label="功能模块/服务名"> <el-table-column prop="" :label="$t('system:l18n:search:Module')">
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
label="" label=""
@@ -61,7 +67,7 @@
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="" label="标识"> <el-table-column prop="" :label="$t('system:l18n:search:Code')">
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
label="" label=""
@@ -87,7 +93,7 @@
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="" label="中文值"> <el-table-column prop="" :label="$t('system:l18n:search:ValueCN')">
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
label="" label=""
@@ -113,7 +119,7 @@
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="" label="英文值"> <el-table-column prop="" :label="$t('system:l18n:search:Value')">
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
label="" label=""
@@ -139,7 +145,10 @@
</el-form-item> </el-form-item>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column prop="" label="说明"> <el-table-column
prop=""
:label="$t('system:l18n:search:Description')"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-form-item <el-form-item
label="" label=""
@@ -169,7 +178,7 @@
type="primary" type="primary"
icon="el-icon-plus" icon="el-icon-plus"
@click="handleAdd" @click="handleAdd"
>{{ $t("common:button:new") }}</el-button >{{ $t('common:button:new') }}</el-button
> >
</template> </template>
<template slot-scope="scope"> <template slot-scope="scope">
@@ -179,7 +188,7 @@
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.$index)" @click="handleDelete(scope.$index)"
>{{ $t("common:button:delete") }}</el-button >{{ $t('common:button:delete') }}</el-button
> >
</template> </template>
</el-table-column> </el-table-column>
@@ -187,28 +196,28 @@
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle" <el-button size="small" type="primary" @click="handleCancle">{{
>取消</el-button $t('common:button:cancel')
> }}</el-button>
<el-button size="small" type="primary" @click="handleSave" <el-button size="small" type="primary" @click="handleSave">{{
>保存</el-button $t('common:button:save')
> }}</el-button>
</template> </template>
</base-model> </base-model>
</template> </template>
<script> <script>
import { batchAddInternationalization } from "@/api/admin"; import { batchAddInternationalization } from '@/api/admin'
import BaseModel from "@/components/BaseModel"; import BaseModel from '@/components/BaseModel'
const formDataDefault = () => { const formDataDefault = () => {
return { return {
State: 0, State: 0,
InternationalizationType: 1, InternationalizationType: 1,
PublishLogId: null, PublishLogId: null,
AddList: [], AddList: [],
}; }
}; }
export default { export default {
name: "BatcnAddForm", name: 'BatcnAddForm',
components: { BaseModel }, components: { BaseModel },
data() { data() {
return { return {
@@ -217,59 +226,65 @@ export default {
model_cfg: { model_cfg: {
visible: false, visible: false,
showClose: true, showClose: true,
width: "800px", width: '800px',
title: "", title: '',
appendToBody: true, appendToBody: true,
}, },
rules: { rules: {
PublishLogId: [{ required: true, message: "请选择", trigger: "blur" }], PublishLogId: [
{
required: true,
message: this.$t('system:l18n:rule:selectPublishLogId'),
trigger: 'blur',
},
],
}, },
PublishVersionList: [], PublishVersionList: [],
}; }
}, },
mounted() {}, mounted() {},
methods: { methods: {
openDialog(title, data, options = []) { openDialog(title, data, options = []) {
this.PublishVersionList = options; this.PublishVersionList = options
this.model_cfg.visible = true; this.model_cfg.visible = true
this.model_cfg.title = title; this.model_cfg.title = title
this.form = formDataDefault(); this.form = formDataDefault()
}, },
handleSave() { handleSave() {
this.$refs.batcnAddForm.validate((valid) => { this.$refs.batcnAddForm.validate((valid) => {
if (!valid) return; if (!valid) return
this.loading = true; this.loading = true
batchAddInternationalization(this.form) batchAddInternationalization(this.form)
.then((res) => { .then((res) => {
this.loading = false; this.loading = false
this.$message.success(this.$t("common:message:savedSuccessfully")); this.$message.success(this.$t('common:message:savedSuccessfully'))
this.model_cfg.visible = false; this.model_cfg.visible = false
this.$emit("getList"); this.$emit('getList')
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false
}); })
}); })
}, },
handleCancle() { handleCancle() {
this.model_cfg.visible = false; this.model_cfg.visible = false
}, },
handleAdd() { handleAdd() {
this.form.AddList.push({ this.form.AddList.push({
Description: "", Description: '',
Code: "", Code: '',
ValueCN: "", ValueCN: '',
Value: "", Value: '',
}); })
}, },
handleDelete(index) { handleDelete(index) {
this.$confirm("是否确认删除?", { this.$confirm(this.$t('system:l18n:confirm:delete'), {
type: "warning", type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
}).then(() => { }).then(() => {
this.form.AddList.splice(index, 1); this.form.AddList.splice(index, 1)
}); })
}, },
}, },
}; }
</script> </script>
+102 -55
View File
@@ -10,7 +10,7 @@
size="small" size="small"
> >
<el-form-item <el-form-item
label="国际化类型" :label="$t('system:l18n:search:InternationalizationType')"
prop="InternationalizationType" prop="InternationalizationType"
v-if="status !== 'batch'" v-if="status !== 'batch'"
> >
@@ -24,7 +24,7 @@
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item <el-form-item
label="功能模块/服务名" :label="$t('system:l18n:search:Module')"
prop="Module" prop="Module"
v-if="status !== 'batch'" v-if="status !== 'batch'"
> >
@@ -35,7 +35,11 @@
:autosize="{ minRows: 2, maxRows: 4 }" :autosize="{ minRows: 2, maxRows: 4 }"
/> />
</el-form-item> </el-form-item>
<el-form-item label="标识" prop="Code" v-if="status !== 'batch'"> <el-form-item
:label="$t('system:l18n:search:Code')"
prop="Code"
v-if="status !== 'batch'"
>
<el-input <el-input
v-model="form.Code" v-model="form.Code"
type="textarea" type="textarea"
@@ -43,7 +47,11 @@
:autosize="{ minRows: 2, maxRows: 4 }" :autosize="{ minRows: 2, maxRows: 4 }"
/> />
</el-form-item> </el-form-item>
<el-form-item label="中文值" prop="ValueCN" v-if="status !== 'batch'"> <el-form-item
:label="$t('system:l18n:search:ValueCN')"
prop="ValueCN"
v-if="status !== 'batch'"
>
<el-input <el-input
v-model="form.ValueCN" v-model="form.ValueCN"
type="textarea" type="textarea"
@@ -51,7 +59,11 @@
:autosize="{ minRows: 2, maxRows: 4 }" :autosize="{ minRows: 2, maxRows: 4 }"
/> />
</el-form-item> </el-form-item>
<el-form-item label="英文值" prop="Value" v-if="status !== 'batch'"> <el-form-item
:label="$t('system:l18n:search:Value')"
prop="Value"
v-if="status !== 'batch'"
>
<el-input <el-input
v-model="form.Value" v-model="form.Value"
type="textarea" type="textarea"
@@ -59,7 +71,7 @@
:autosize="{ minRows: 2, maxRows: 4 }" :autosize="{ minRows: 2, maxRows: 4 }"
/> />
</el-form-item> </el-form-item>
<el-form-item label="状态" prop="State"> <el-form-item :label="$t('system:l18n:search:State')" prop="State">
<el-radio-group v-model="form.State"> <el-radio-group v-model="form.State">
<el-radio <el-radio
v-for="item of $d.InternationalizationKeyState" v-for="item of $d.InternationalizationKeyState"
@@ -69,7 +81,11 @@
> >
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="说明" prop="Description" v-if="status !== 'batch'"> <el-form-item
:label="$t('system:l18n:search:Description')"
prop="Description"
v-if="status !== 'batch'"
>
<el-input <el-input
v-model="form.Description" v-model="form.Description"
type="textarea" type="textarea"
@@ -77,7 +93,10 @@
:autosize="{ minRows: 2, maxRows: 4 }" :autosize="{ minRows: 2, maxRows: 4 }"
/> />
</el-form-item> </el-form-item>
<el-form-item label="迭代" prop="PublishLogId"> <el-form-item
:label="$t('system:l18n:search:PublishVersion')"
prop="PublishLogId"
>
<el-select v-model="form.PublishLogId" clearable filterable> <el-select v-model="form.PublishLogId" clearable filterable>
<el-option <el-option
v-for="item in PublishVersionList" v-for="item in PublishVersionList"
@@ -90,18 +109,18 @@
</el-form> </el-form>
</template> </template>
<template slot="dialog-footer"> <template slot="dialog-footer">
<el-button size="small" type="primary" @click="handleCancle" <el-button size="small" type="primary" @click="handleCancle">{{
>取消</el-button $t('common:button:cancel')
> }}</el-button>
<el-button size="small" type="primary" @click="handleSave" <el-button size="small" type="primary" @click="handleSave">{{
>保存</el-button $t('common:button:save')
> }}</el-button>
</template> </template>
</base-model> </base-model>
</template> </template>
<script> <script>
import { addOrUpdateInternationalization } from "@/api/admin"; import { addOrUpdateInternationalization } from '@/api/admin'
import BaseModel from "@/components/BaseModel"; import BaseModel from '@/components/BaseModel'
const formDataDefault = () => { const formDataDefault = () => {
return { return {
Id: null, Id: null,
@@ -113,110 +132,138 @@ const formDataDefault = () => {
ValueCN: null, ValueCN: null,
InternationalizationType: 1, InternationalizationType: 1,
PublishLogId: null, PublishLogId: null,
}; }
}; }
export default { export default {
name: "I18nForm", name: 'I18nForm',
components: { BaseModel }, components: { BaseModel },
data() { data() {
return { return {
status: "add", // add update batch status: 'add', // add update batch
loading: false, loading: false,
form: formDataDefault(), form: formDataDefault(),
rules: { rules: {
State: [{ required: true, message: "请选择", trigger: "blur" }], State: [
{
required: true,
message: this.$t('system:l18n:rule:selectState'),
trigger: 'blur',
},
],
Module: [ Module: [
{ {
max: 200, max: 200,
message: `${this.$t("common:ruleMessage:maxLength")} 200`, message: `${this.$t('common:ruleMessage:maxLength')} 200`,
trigger: "blur", trigger: 'blur',
}, },
], ],
Description: [ Description: [
{ {
max: 200, max: 200,
message: `${this.$t("common:ruleMessage:maxLength")} 200`, message: `${this.$t('common:ruleMessage:maxLength')} 200`,
trigger: "blur", trigger: 'blur',
}, },
], ],
Code: [ Code: [
{ required: true, message: "请注明", trigger: "blur" }, {
required: true,
message: this.$t('system:l18n:rule:inputCode'),
trigger: 'blur',
},
{ {
max: 200, max: 200,
message: `${this.$t("common:ruleMessage:maxLength")} 200`, message: `${this.$t('common:ruleMessage:maxLength')} 200`,
}, },
], ],
Value: [ Value: [
{ required: true, message: "请注明", trigger: "blur" }, {
required: true,
message: this.$t('system:l18n:rule:inputValue'),
trigger: 'blur',
},
{ {
max: 1000, max: 1000,
message: `${this.$t("common:ruleMessage:maxLength")} 1000`, message: `${this.$t('common:ruleMessage:maxLength')} 1000`,
}, },
], ],
ValueCN: [ ValueCN: [
{ required: true, message: "请注明", trigger: "blur" }, {
required: true,
message: this.$t('system:l18n:rule:inputValueCN'),
trigger: 'blur',
},
{ {
max: 1000, max: 1000,
message: `${this.$t("common:ruleMessage:maxLength")} 1000`, message: `${this.$t('common:ruleMessage:maxLength')} 1000`,
}, },
], ],
InternationalizationType: [ InternationalizationType: [
{ required: true, message: "请选择", trigger: "blur" }, {
required: true,
message: this.$t('system:l18n:rule:selectInternationalizationType'),
trigger: 'blur',
},
],
PublishLogId: [
{
required: true,
message: this.$t('system:l18n:rule:selectPublishLogId'),
trigger: 'blur',
},
], ],
PublishLogId: [{ required: true, message: "请选择", trigger: "blur" }],
}, },
model_cfg: { model_cfg: {
visible: false, visible: false,
showClose: true, showClose: true,
width: "600px", width: '600px',
title: "", title: '',
appendToBody: true, appendToBody: true,
}, },
PublishVersionList: [], PublishVersionList: [],
}; }
}, },
mounted() {}, mounted() {},
methods: { methods: {
openDialog(title, data, options = [], status) { openDialog(title, data, options = [], status) {
this.PublishVersionList = options; this.PublishVersionList = options
this.loading = false this.loading = false
this.status = status; this.status = status
this.model_cfg.visible = true; this.model_cfg.visible = true
this.model_cfg.title = title; this.model_cfg.title = title
if (Object.keys(data).length > 0) { if (Object.keys(data).length > 0) {
for (const k in this.form) { for (const k in this.form) {
if (data.hasOwnProperty(k)) { if (data.hasOwnProperty(k)) {
this.form[k] = data[k]; this.form[k] = data[k]
} }
} }
} else { } else {
this.form = formDataDefault(); this.form = formDataDefault()
} }
}, },
handleSave() { handleSave() {
this.$refs.i18nForm.validate((valid) => { this.$refs.i18nForm.validate((valid) => {
if (!valid) return; if (!valid) return
this.loading = true; this.loading = true
if (this.status === "batch") { if (this.status === 'batch') {
return this.$emit("batch", this.form); return this.$emit('batch', this.form)
} }
addOrUpdateInternationalization(this.form) addOrUpdateInternationalization(this.form)
.then((res) => { .then((res) => {
this.loading = false; this.loading = false
this.$message.success(this.$t("common:message:savedSuccessfully")); this.$message.success(this.$t('common:message:savedSuccessfully'))
this.model_cfg.visible = false; this.model_cfg.visible = false
this.$emit("getList"); this.$emit('getList')
}) })
.catch(() => { .catch(() => {
this.loading = false; this.loading = false
}); })
}); })
}, },
handleCancle() { handleCancle() {
this.model_cfg.visible = false; this.model_cfg.visible = false
}, },
}, },
}; }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
::v-deep .el-select { ::v-deep .el-select {
+33 -31
View File
@@ -2,7 +2,9 @@
<div class="log"> <div class="log">
<div ref="leftContainer" class="left"> <div ref="leftContainer" class="left">
<el-form :inline="true"> <el-form :inline="true">
<el-form-item label="国际化类型"> <el-form-item
:label="$t('system:l18n:search:InternationalizationType')"
>
<el-select <el-select
v-model="searchData.InternationalizationType" v-model="searchData.InternationalizationType"
clearable clearable
@@ -17,7 +19,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="功能模块/服务名"> <el-form-item :label="$t('system:l18n:search:Module')">
<el-input <el-input
v-model="searchData.Module" v-model="searchData.Module"
size="small" size="small"
@@ -25,7 +27,7 @@
style="width: 130px" style="width: 130px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="标识"> <el-form-item :label="$t('system:l18n:search:Code')">
<el-input <el-input
v-model="searchData.Code" v-model="searchData.Code"
size="small" size="small"
@@ -33,7 +35,7 @@
style="width: 130px" style="width: 130px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="中文值"> <el-form-item :label="$t('system:l18n:search:ValueCN')">
<el-input <el-input
v-model="searchData.ValueCN" v-model="searchData.ValueCN"
size="small" size="small"
@@ -41,7 +43,7 @@
style="width: 130px" style="width: 130px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="英文值"> <el-form-item :label="$t('system:l18n:search:Value')">
<el-input <el-input
v-model="searchData.Value" v-model="searchData.Value"
size="small" size="small"
@@ -49,7 +51,7 @@
clearable clearable
/> />
</el-form-item> </el-form-item>
<el-form-item label="状态"> <el-form-item :label="$t('system:l18n:search:State')">
<el-select <el-select
v-model="searchData.State" v-model="searchData.State"
clearable clearable
@@ -64,7 +66,7 @@
/> />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="说明"> <el-form-item :label="$t('system:l18n:search:Description')">
<el-input <el-input
v-model="searchData.Description" v-model="searchData.Description"
size="small" size="small"
@@ -72,7 +74,7 @@
style="width: 130px" style="width: 130px"
/> />
</el-form-item> </el-form-item>
<el-form-item label="迭代"> <el-form-item :label="$t('system:l18n:search:PublishVersion')">
<el-select <el-select
v-model="searchData.PublishLogId" v-model="searchData.PublishLogId"
clearable clearable
@@ -118,7 +120,7 @@
size="mini" size="mini"
@click="getList" @click="getList"
> >
查询 {{ $t('common:button:search') }}
</el-button> </el-button>
<!-- 重置 --> <!-- 重置 -->
<el-button <el-button
@@ -135,7 +137,7 @@
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
> >
新增 {{ $t('common:button:new') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@@ -143,7 +145,7 @@
size="mini" size="mini"
@click="handleBatchAdd" @click="handleBatchAdd"
> >
批量新增 {{ $t('system:l18n:button:batchAdd') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@@ -152,7 +154,7 @@
:disabled="selectTableList.length <= 0" :disabled="selectTableList.length <= 0"
@click="handleBatchUpdate" @click="handleBatchUpdate"
> >
批量更新 {{ $t('system:l18n:button:batchUpdate') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@@ -161,7 +163,7 @@
:disabled="selectTableList.length <= 0" :disabled="selectTableList.length <= 0"
@click="handleBatchUpdateToChange" @click="handleBatchUpdateToChange"
> >
批量编辑 {{ $t('system:l18n:button:batchEdit') }}
</el-button> </el-button>
<el-button <el-button
size="mini" size="mini"
@@ -184,7 +186,7 @@
><el-table-column type="selection" width="50" /> ><el-table-column type="selection" width="50" />
<el-table-column type="index" width="50" /> <el-table-column type="index" width="50" />
<el-table-column <el-table-column
label="国际化类型" :label="$t('system:l18n:search:InternationalizationType')"
prop="InternationalizationType" prop="InternationalizationType"
width="120" width="120"
show-overflow-tooltip show-overflow-tooltip
@@ -224,35 +226,35 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="功能模块/服务名" :label="$t('system:l18n:search:Module')"
prop="Module" prop="Module"
min-width="140" min-width="140"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="标识" :label="$t('system:l18n:search:Code')"
prop="Code" prop="Code"
min-width="150" min-width="150"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="中文值" :label="$t('system:l18n:search:ValueCN')"
prop="ValueCN" prop="ValueCN"
min-width="150" min-width="150"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="英文值" :label="$t('system:l18n:search:Value')"
prop="Value" prop="Value"
min-width="150" min-width="150"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="状态" :label="$t('system:l18n:search:State')"
prop="State" prop="State"
width="100" width="100"
show-overflow-tooltip show-overflow-tooltip
@@ -271,35 +273,35 @@
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
label="说明" :label="$t('system:l18n:search:Description')"
prop="Description" prop="Description"
min-width="100" min-width="100"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="迭代" :label="$t('system:l18n:search:PublishVersion')"
prop="Version" prop="Version"
min-width="100" min-width="100"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="更新时间" :label="$t('system:l18n:form:uploadTime')"
prop="UpdateTime" prop="UpdateTime"
width="150" width="150"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="创建时间" :label="$t('system:l18n:form:createTime')"
prop="CreateTime" prop="CreateTime"
width="150" width="150"
show-overflow-tooltip show-overflow-tooltip
sortable="custom" sortable="custom"
/> />
<el-table-column <el-table-column
label="操作" :label="$t('common:action:action')"
fixed="right" fixed="right"
prop="" prop=""
min-width="120" min-width="120"
@@ -312,7 +314,7 @@
icon="el-icon-edit-outline" icon="el-icon-edit-outline"
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
> >
编辑 {{ $t('common:button:edit') }}
</el-button> </el-button>
<el-button <el-button
:disabled="scope.row.State === 1" :disabled="scope.row.State === 1"
@@ -321,7 +323,7 @@
icon="el-icon-delete" icon="el-icon-delete"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
> >
删除 {{ $t('common:button:delete') }}
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
@@ -421,7 +423,7 @@ export default {
handleBatchUpdate() { handleBatchUpdate() {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['i18nForm'].openDialog( this.$refs['i18nForm'].openDialog(
'批量更新', this.$t('system:l18n:button:batchUpdate'),
{}, {},
this.PublishVersionList, this.PublishVersionList,
'batch' 'batch'
@@ -455,7 +457,7 @@ export default {
handleAdd() { handleAdd() {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['i18nForm'].openDialog( this.$refs['i18nForm'].openDialog(
'新增', this.$t("system:l18n:button:add"),
{}, {},
this.PublishVersionList, this.PublishVersionList,
'add' 'add'
@@ -465,7 +467,7 @@ export default {
handleBatchAdd() { handleBatchAdd() {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['batcnAddForm'].openDialog( this.$refs['batcnAddForm'].openDialog(
'批量新增', this.$t("system:l18n:button:batchAdd"),
{}, {},
this.PublishVersionList this.PublishVersionList
) )
@@ -474,7 +476,7 @@ export default {
handleEdit(row) { handleEdit(row) {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs['i18nForm'].openDialog( this.$refs['i18nForm'].openDialog(
'编辑', this.$t("system:l18n:button:edit"),
row, row,
this.PublishVersionList, this.PublishVersionList,
'update' 'update'
@@ -490,7 +492,7 @@ export default {
}, },
// //
handleDelete(row) { handleDelete(row) {
this.$confirm('是否确认删除?', { this.$confirm(this.$t("system:l18n:confirm:delete"), {
type: 'warning', type: 'warning',
distinguishCancelAndClose: true, distinguishCancelAndClose: true,
}).then(() => { }).then(() => {
+6 -3
View File
@@ -8,7 +8,10 @@
<el-form-item :label="$t('system:log:table:versionUS')" prop="Version"> <el-form-item :label="$t('system:log:table:versionUS')" prop="Version">
<el-input v-model="searchData.Version_US" size="small" clearable /> <el-input v-model="searchData.Version_US" size="small" clearable />
</el-form-item> </el-form-item>
<el-form-item label="更新功能" prop="UpdateContent"> <el-form-item
:label="$t('system:log:table:UpdateContent')"
prop="UpdateContent"
>
<el-input v-model="searchData.UpdateContent" size="small" clearable /> <el-input v-model="searchData.UpdateContent" size="small" clearable />
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@@ -18,7 +21,7 @@
size="mini" size="mini"
@click="getList" @click="getList"
> >
查询 {{ $t('common:button:search') }}
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
@@ -26,7 +29,7 @@
size="mini" size="mini"
@click="handleAdd" @click="handleAdd"
> >
新增 {{ $t('common:button:new') }}
</el-button> </el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
@@ -231,6 +231,7 @@ export default {
this.$store this.$store
.dispatch('user/loginByRole', { userRoleId: this.userRoleId }) .dispatch('user/loginByRole', { userRoleId: this.userRoleId })
.then((res) => { .then((res) => {
zzSessionStorage.removeItem('lastWorkbench')
window.location.reload() window.location.reload()
}) })
.catch(() => { .catch(() => {
@@ -1780,7 +1780,18 @@ export default {
if (seriesIdx > -1) { if (seriesIdx > -1) {
var series = studyList[studyIdx].SeriesList[seriesIdx] var series = studyList[studyIdx].SeriesList[seriesIdx]
const frame = this.visitTaskList[index].MeasureData[idx].MeasureData.frame const frame = this.visitTaskList[index].MeasureData[idx].MeasureData.frame
const filterStr = series.isExistMutiFrames ? `frame=${frame}&instanceId=${instanceId}` : `instanceId=${instanceId}` // const filterStr = series.isExistMutiFrames ? `frame=${frame}&instanceId=${instanceId}` : `instanceId=${instanceId}`
let n = series.instanceInfoList.findIndex(k=>k.Id === instanceId)
let filterStr = ''
if (n > -1 && series.isExistMutiFrames) {
if (series.instanceInfoList[n].NumberOfFrames > 0) {
filterStr = `frame=${frame}&instanceId=${instanceId}`
} else {
filterStr = `instanceId=${instanceId}`
}
} else {
filterStr = `instanceId=${instanceId}`
}
var instanceIdx = series.imageIds.findIndex(imageId => imageId.includes(filterStr)) var instanceIdx = series.imageIds.findIndex(imageId => imageId.includes(filterStr))
if (instanceIdx > -1) { if (instanceIdx > -1) {
series.imageIdIndex = instanceIdx series.imageIdIndex = instanceIdx
@@ -0,0 +1,106 @@
<template>
<div v-loading="loading" class="ecrf-wrapper">
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;">
评估说明
</h4>
<el-form
ref="questions"
size="small"
:model="questionForm"
>
<el-form-item
label="访视点备注"
prop="note"
:rules="[
{ required: true,
message:$t('common:ruleMessage:specify'), trigger: ['blur', 'change']},
]"
>
<el-input
v-model="questionForm.note"
:disabled="readingTaskState >= 2"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
maxlength="500"
/>
</el-form-item>
<el-form-item v-if="readingTaskState < 2">
<div style="text-align:right">
<el-button size="mini" @click="handleSave">{{ $t('common:button:save') }}</el-button>
</div>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
name: 'ECRF',
data() {
return {
loading: false,
questionForm: {
note: ''
},
readingTaskState: 1,
isBaseLineTask: false,
visitTaskId: ''
}
},
mounted() {
this.trialId = this.$route.query.trialId
this.visitTaskId = this.$route.query.visitTaskId
},
beforeDestroy() {
},
methods: {
handleSave() {
this.$refs['questions'].validate((valid) => {
if (!valid) return
})
},
}
}
</script>
<style lang="scss" scoped>
.ecrf-wrapper{
/deep/ .el-form-item__label{
color: #c3c3c3;
text-align: left;
}
/deep/ .el-input__inner{
background-color: transparent;
color: #ddd;
border: 1px solid #5e5e5e;
}
/deep/ .el-textarea__inner{
background-color: transparent;
color: #ddd;
border: 1px solid #5e5e5e;
}
/deep/ .el-form-item{
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
/deep/ .el-form-item__content{
flex: 1;
}
/deep/ .el-button--mini, .el-button--mini.is-round {
padding: 7px 10px;
}
.el-form-item__content
.el-select{
width: 100%;
}
}
</style>
@@ -0,0 +1,148 @@
<template>
<div v-loading="loading" class="ecrf-wrapper">
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;">
影像质量
</h4>
<el-form
ref="questions"
size="small"
:model="questionForm"
>
<el-form-item
label="影像质量"
prop="imageQuality"
:rules="[
{ required: true,
message:$t('common:ruleMessage:select'), trigger: ['blur', 'change']},
]"
>
<el-radio-group v-model="questionForm.imageQuality">
<el-radio
v-for="item of $d.ImageQualityEvaluation"
:key="item.id"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
v-if="questionForm.imageQuality === 2"
label="影像质量问题"
prop="imageQualityIssues"
:rules="[
{ required: true,
message:$t('common:ruleMessage:select'), trigger: ['blur', 'change']},
]"
>
<el-select
v-model="questionForm.imageQualityIssues"
:disabled="readingTaskState >= 2"
clearable
>
<el-option
v-for="item of $d.ImageQualityIssues"
:key="item.id"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item
v-if="questionForm.imageQualityIssues === 5"
label="影像质量备注"
prop="note"
:rules="[
{ required: true,
message:$t('common:ruleMessage:specify'), trigger: ['blur', 'change']},
]"
>
<el-input
v-model="questionForm.note"
:disabled="readingTaskState >= 2"
type="textarea"
:autosize="{ minRows: 2, maxRows: 4}"
maxlength="500"
/>
</el-form-item>
<el-form-item v-if="readingTaskState < 2">
<div style="text-align:right">
<el-button size="mini" @click="handleSave">{{ $t('common:button:save') }}</el-button>
</div>
</el-form-item>
</el-form>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
name: 'ECRF',
data() {
return {
loading: false,
questionForm: {
imageQuality: null,
imageQualityIssues: null,
note: ''
},
readingTaskState: 1,
isBaseLineTask: false,
visitTaskId: ''
}
},
mounted() {
this.trialId = this.$route.query.trialId
},
beforeDestroy() {
},
methods: {
handleSave() {
this.$refs['questions'].validate((valid) => {
if (!valid) return
})
},
}
}
</script>
<style lang="scss" scoped>
.ecrf-wrapper{
/deep/ .el-form-item__label{
color: #c3c3c3;
text-align: left;
}
/deep/ .el-input__inner{
background-color: transparent;
color: #ddd;
border: 1px solid #5e5e5e;
}
/deep/ .el-textarea__inner{
background-color: transparent;
color: #ddd;
border: 1px solid #5e5e5e;
}
/deep/ .el-form-item{
display: flex;
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
}
/deep/ .el-form-item__content{
flex: 1;
}
/deep/ .el-button--mini, .el-button--mini.is-round {
padding: 7px 10px;
}
.el-form-item__content
.el-select{
width: 100%;
}
}
</style>
@@ -0,0 +1,354 @@
<template>
<div class="measurement-wrapper">
<div class="container">
<h4 style="color: #ddd;padding: 5px 0px;margin: 0;">
核医学评估
</h4>
<div class="lesion_list">
<div class="flex-row" style="margin:3px 0;">
<div class="title">盆腔淋巴结</div>
</div>
<el-table
:data="questions"
style="width: 100%"
row-key="rowIndex"
:expand-row-keys="expands"
@expand-change="expandSelect"
size="mini"
>
<el-table-column type="expand">
<template slot-scope="props">
<el-form :ref="props.row.rowIndex" size="small" :model="props.row" label-width="80px" style="padding-right: 10px">
<el-form-item label="部位">
<el-input
v-model="props.row.part"
disabled
/>
</el-form-item>
<el-form-item
label="转移灶"
prop="distraction"
:rules="[
{ required: true,
message:$t('common:ruleMessage:select'), trigger: ['blur', 'change']},
]"
>
<el-select v-model="props.row.distraction" style="width:100%;">
<el-option label="阴性" :value="1"></el-option>
<el-option label="阳性" :value="2"></el-option>
</el-select>
</el-form-item>
<el-form-item label="SUVmax">
<el-input
v-model="props.row.suvMax"
disabled
/>
</el-form-item>
<el-form-item >
<div style="text-align:right">
<el-button v-if="props.row.annotation" size="mini" @click="clearAnnotation(props.row)">{{ $t('trials:reading:button:removeMark') }}</el-button>
<el-button size="mini" @click="handleSave(props.row)">{{ $t('common:button:save') }}</el-button>
</div>
</el-form-item>
</el-form>
</template>
</el-table-column>
<el-table-column
label="部位"
prop="part">
</el-table-column>
<el-table-column
label="转移灶"
prop="distraction">
<template slot-scope="scope">
{{scope.row.distraction === 1 ? '阴性' : scope.row.distraction === 2 ? '阳性' : ''}}
</template>
</el-table-column>
<el-table-column
label="SUVmax"
prop="suvMax">
</el-table-column>
</el-table>
</div>
</div>
</div>
</template>
<script>
import { mapGetters } from 'vuex'
import FusionEvent from './../FusionEvent'
export default {
name: 'TableQuestionList',
components: {
},
data() {
return {
height: window.innerHeight - 140,
questions: [
{
rowIndex: '001',
part: '髂内',
distraction: '',
suvMax: null,
saveTypeEnum: 1,
annotation: null
},
{
rowIndex: '002',
part: '髂外',
distraction: '',
suvMax: null,
saveTypeEnum: 1,
annotation: null
},
{
rowIndex: '003',
part: '髂总',
distraction: '',
suvMax: null,
saveTypeEnum: 1,
annotation: null
},
{
rowIndex: '004',
part: '闭孔',
distraction: '',
suvMax: null,
saveTypeEnum: 1,
annotation: null
}
],
visitTaskId: '',
isCurrentTask: false,
loading: false,
readingTaskState: 1,
isBaseLineTask: false,
taskBlindName: '',
expands:[]
}
},
mounted() {
},
beforeDestroy() {
},
methods: {
expandSelect(row, expandedRows) {
this.expands = []
if (expandedRows.length > 0) {
row ? this.expands.push(row.rowIndex) : ''
}
if (this.expands.length > 0 && row.annotation) {
FusionEvent.$emit('imageLocation', { annotation: row.annotation })
}
},
async clearAnnotation(row) {
//
const confirm = await this.$confirm(
this.$t('trials:reading:warnning:msg47'),
{
type: 'warning',
distinguishCancelAndClose: true
}
)
if (confirm !== 'confirm') return
let i = this.questions.findIndex(i=>i.rowIndex === row.rowIndex)
FusionEvent.$emit('removeAnnotation', { annotation: this.questions[i].annotation })
this.questions[i].annotation = null
this.questions[i].suvMax = null
},
async handleSave(row) {
let loading = null
try {
let valid = await this.$refs[row.rowIndex].validate()
if (!valid) return
loading = this.$loading({ fullscreen: true })
setTimeout(() => {
//
loading.close()
this.$message.success(this.$t('common:message:savedSuccessfully'))
//
}, 2000);
} catch(e) {
if (loading) {
loading.close()
}
}
},
setActiveCollapse(annotationUID) {
for (let i = 0; i < this.questions.length; i++) {
let obj = this.questions[i]
if (obj.annotation && obj.annotation.data && obj.annotation.data.annotationUID === annotationUID) {
this.expands = [this.questions[i].rowIndex]
break
}
}
},
isCanActiveTool(toolName) {
if (this.expands.length > 0) {
let isExist = this.isExistMeasureData(this.expands[0])
return { isCanActiveTool: isExist, reason: '' }
} else {
return { isCanActiveTool: false, reason: '' }
}
},
isExistMeasureData(rowIndex) {
let i = this.questions.findIndex(i=>i.rowIndex === rowIndex)
if (this.questions[i].annotation) {
return false
} else {
return true
}
},
// modifyMeasuredData(measureObj) {
// if (measureObj.questionInfo) {
// this.activeItem.activeCollapseId = measureObj.questionInfo.QuestionId
// this.activeItem.activeRowIndex = String(measureObj.questionInfo.RowIndex)
// this.activeName = `${this.activeItem.activeCollapseId}_${this.activeItem.activeRowIndex}`
// const refName = `${this.activeItem.activeCollapseId}_${this.activeItem.activeRowIndex}`
// if (this.$refs[refName]) {
// this.$refs[refName][0].setMeasureData(measureObj.measureData)
// }
// }
// },
//
setMeasuredData(measureData) {
if (measureData.data && measureData.data.data && measureData.data.data.remark ) {
//
//
let remark = measureData.data.data.remark
let i = this.questions.findIndex(i=>i.part === remark)
this.questions[i].suvMax = measureData.suvMax
this.questions[i].annotation = measureData
this.expands = [this.questions[i].rowIndex]
} else {
if (this.expands.length > 0) {
let i = this.questions.findIndex(i=>i.rowIndex === this.expands[0])
if (measureData.data && measureData.data.data) {
measureData.data.data.remark = this.questions[i].part
}
this.questions[i].annotation = measureData
}
}
},
}
}
</script>
<style lang="scss" scoped>
.measurement-wrapper{
// .container{
// padding: 10px;
// }
.title{
padding: 5px;
font-weight: bold;
color: #ddd;
font-size: 15px;
}
.add-icon{
padding: 5px;
font-weight: bold;
color: #ddd;
font-size: 15px;
border: 1px solid #938b8b;
margin-bottom: 2px;
cursor: pointer;
}
.add-icon:hover{
background-color: #607d8b;
}
.flex-row{
display: flex;
flex-direction: row;
justify-content: space-between;
background-color: #424242;
}
.lesion_list{
position: relative;
/deep/ .el-table, .el-table__expanded-cell {
background-color: #000;
color: #fff;
border-color:#444444;
.el-form-item__label {
color: #fff;
}
.el-input__inner {
background-color: rgba(0, 0, 0, .1);
border-color: #606266;
color: #fff;
}
.el-input.is-disabled .el-input__inner {
background-color: #303133;
border-color: #444444;
color: #c0c4cc;
cursor: not-allowed;
}
}
/deep/ .el-table th, .el-table tr {
background-color: #000;
color: #fff;
border-color:#444444;
}
/deep/ .el-table__body tr > td{
background-color:#000 !important;
color: #fff;
border-color:#444444;
}
// /deep/ .el-table__body tr:hover > td{
// background-color:#858282 !important;
// color: #fff;
// border-color:#444444;
// }
/deep/ .el-table--border th.gutter:last-of-type{
border: none;
}
/deep/ .el-card__header{
border: none;
padding: 10px;
}
}
.el-collapse{
border-bottom:none;
border-top:none;
/deep/ .el-collapse-item{
background-color: #000!important;
color: #ddd;
}
/deep/ .el-collapse-item__header{
background-color: #000!important;
color: #ddd;
border-bottom-color:#5a5a5a;
padding-left: 5px;
height: 35px;
line-height: 35px;
}
/deep/ .el-collapse-item__wrap{
background-color: #000!important;
color: #ddd;
}
/deep/ .el-collapse-item__content{
width:260px;
position: absolute;
top: 0px;
right: 0px;
// border: 1px solid #ffeb3b;
border: 1px solid #fff;
z-index: 1;
color: #ddd;
padding: 5px;
background-color:#1e1e1e;
}
}
}
</style>
@@ -0,0 +1,687 @@
<template>
<div
class="viewport_container"
:class="['item',activeIndex === index?'item_active':'']"
@mouseup="sliderMouseup"
>
<div :id="`viewport${index}`" ref="viewportCanvas" style="height: 100%;width:100%" />
<!-- 序列信息 -->
<div
v-if="seriesInfo.taskBlindName"
class="seriesInfo_wrapper"
:style="{color:index%2 == 1 ? '#ddd' : '#666'}"
>
<h2 v-if="isReadingShowSubjectInfo" class="taskInfo_container">
{{ subjectCode }} {{ seriesInfo.taskBlindName }}
</h2>
<div v-if="index === 1 || index === 2">
Series: #{{ seriesInfo.seriesNumber }}
</div>
<div v-if="index !== 4">Image: #{{ `${seriesInfo.imageIdIndex + 1} / ${seriesInfo.imageMaxLength}` }}</div>
<div v-if="index === 1 || index === 2">{{ seriesInfo.modality }}</div>
</div>
<!-- 描述信息 -->
<div
v-if="seriesInfo.description && (index === 1 || index === 2)"
class="descInfo_wrapper"
:style="{color:index%2 == 1 ? '#ddd' : '#666'}"
>
<div>{{ seriesInfo.description }}</div>
</div>
<!-- 图像信息 -->
<div
v-if="seriesInfo.description && (index === 1 || index === 2 || index === 3)"
class="imageInfo_wrapper_l"
:style="{color:index%2 == 1 ? '#ddd' : '#666'}"
>
<div v-show="mousePosition.index.length > 0">
Pos: {{ mousePosition.index[0] }}, {{ mousePosition.index[1] }}, {{ mousePosition.index[2] }}
</div>
<div v-if="(seriesInfo.modality === 'CT' || seriesInfo.modality === 'DR' || seriesInfo.modality === 'CR') && mousePosition.value">
HU: {{ mousePosition.value }}
</div>
<div v-else-if="(seriesInfo.modality === 'PT' && mousePosition.value)">
SUVbw(g/ml): {{ digitPlaces === -1 ?mousePosition.value.toFixed(3) :mousePosition.value.toFixed(digitPlaces) }}
</div>
<div v-else-if="mousePosition.value">
Density: {{ mousePosition.value }}
</div>
<div v-if="index === 1 || index === 2">
W*H: {{ imageInfo.size }}
</div>
<!-- <div v-if="index === 1 || index === 2">Zoom: {{ imageInfo.zoom }}</div> -->
</div>
<div
v-if="seriesInfo.description && (index === 1 || index === 2 || index === 3)"
class="imageInfo_wrapper_r"
:style="{color:index%2 == 1 ? '#ddd' : '#666'}"
>
<div v-show="imageInfo.location && index !== 3 ">Location: {{ `${imageInfo.location} mm` }}</div>
<div v-show="seriesInfo.sliceThickness && index !== 3">Slice Thickness: {{ `${Number(seriesInfo.sliceThickness).toFixed(2)} mm` }}</div>
<div v-show="imageInfo.wwwc ">WW/WL: {{ imageInfo.wwwc }}</div>
</div>
<div v-if="index !== 4" ref="sliderBox" class="slider_box" :style="{background: index === 2?'#ddd':'#333'}" @click.stop="goViewer($event)">
<div :style="{top: sliderBoxHeight + '%'}" class="box" @click.stop.prevent="() => {return}" @mousedown.stop="sliderMousedown($event)" />
</div>
<div style="position: absolute;left: 50%;top: 30px;color: #f44336;transform: translateX(-50%);">
{{ markers.top }}
</div>
<div style="position: absolute;top: 50%;right: 15px;color: #f44336;transform: translateY(-50%);">
{{ markers.right }}
</div>
<div style="position: absolute;left: 50%;bottom: 30px;color: #f44336;transform: translateX(-50%);">
{{ markers.bottom }}
</div>
<div style="position: absolute;top: 50%;left: 15px;color: #f44336;transform: translateY(-50%);">
{{ markers.left }}
</div>
<div v-if="presetName" class="color_bar">
<canvas id="colorBar_Canvas" />
</div>
<div v-if="index === 4" id="rotateBar" ref="rotateBar" class="rotate_slider_box" @click.stop="clickRotate($event)">
<div id="rotateSlider" :style="{left: rotateBarLeft + 'px'}" class="box" @click.stop.prevent="() => {return}" @mousedown.stop="rotateBarMousedown($event)" />
</div>
</div>
</template>
<script>
import {
getRenderingEngine,
metaData,
utilities,
// getOrCreateCanvas,
Enums } from '@cornerstonejs/core'
import {
utilities as toolsUtilities,
annotation,
Enums as toolsEnums
// cursors
} from '@cornerstonejs/tools'
import vtkColorMaps from '@kitware/vtk.js/Rendering/Core/ColorTransferFunction/ColorMaps'
import { vec3, mat4 } from 'gl-matrix'
import html2canvas from 'html2canvas'
const { getColormap } = utilities.colormap
const {
VOLUME_NEW_IMAGE
// VOLUME_LOADED,
// IMAGE_VOLUME_MODIFIED,
// VOLUME_VIEWPORT_NEW_VOLUME
} = Enums.Events
var renderingEngine
var viewport
export default {
name: 'Viewport',
props: {
activeIndex: {
type: Number,
default: 0
},
index: {
// 1:ct 2:pet 3:fusion 4:mip
type: Number,
required: true
},
isReadingShowSubjectInfo: {
type: Boolean,
default: false
},
seriesInfo: {
type: Object,
default() {
return {}
}
},
renderingEngineId: {
type: String,
required: true
},
viewportId: {
type: String,
required: true
},
volume: {
type: Object,
default() {
return {}
}
},
measureDatas: {
type: Array,
default() {
return []
}
}
},
data() {
return {
subjectCode: '',
mousePosition: { index: [], value: null, modalityUnit: '', world: [], ctVal: null, ptVal: null },
digitPlaces: -1,
imageInfo: {
zoom: null,
size: null,
location: null,
sliceThickness: null,
wwwc: null
},
sliderBoxHeight: 0,
sliderInfo: {
oldB: null,
oldM: null,
isMove: false
},
rotateAngle: 0,
rotateBarLeft: 0,
rotateBarInfo: {
initX: null,
initLeft: null,
isMove: false
},
isFirstRender: true,
defaultWindowLevel: {},
presetName: '',
orientationMarkers: [],
originalMarkers: [],
markers: { top: '', right: '', bottom: '', left: '' }
}
},
watch: {
activeIndex: {
handler(v) {
console.log('activeIndex ', v)
}
}
},
mounted() {
const digitPlaces = parseInt(this.$route.query.digitPlaces)
this.digitPlaces = digitPlaces === -1 ? 2 : digitPlaces
// console.log(toolsUtilities)
this.subjectCode = this.$route.query.subjectCode
var element = document.getElementById(`viewport${this.index}`)
element.addEventListener(VOLUME_NEW_IMAGE, this.handleVolumeNewImage)
element.addEventListener(Enums.Events.CAMERA_MODIFIED, this.handleCameraModified)
element.addEventListener(Enums.Events.VOI_MODIFIED, this.handleVOIModified)
element.addEventListener(toolsEnums.Events.MOUSE_WHEEL, this.handletoolsMouseWheel)
element.addEventListener('CORNERSTONE_TOOLS_MOUSE_MOVE', this.handleMouseMove)
element.addEventListener('mouseleave', this.handleMouseLeave)
document.addEventListener('mouseup', () => {
this.sliderMouseup()
if (this.index === 4) {
this.rotateBarMouseup()
}
})
document.addEventListener('mousemove', (e) => {
this.sliderMousemove(e)
if (this.index === 4) {
this.rotateBarMousemove(e)
}
})
},
methods: {
handleVolumeNewImage(e) {
const { imageIndex } = e.detail
if (this.viewportId === e.detail.viewportId && this.index !== 4) {
this.seriesInfo.imageIdIndex = imageIndex
}
renderingEngine = getRenderingEngine(this.renderingEngineId)
viewport = renderingEngine.getViewport(this.viewportId)
if (viewport) {
var zoom = viewport.getZoom()
if (zoom) {
this.imageInfo.zoom = zoom.toFixed(4)
}
var imageId = viewport.getCurrentImageId()
if (imageId) {
const imagePlaneModule = metaData.get('imagePlaneModule', imageId)
this.imageInfo.size = `${imagePlaneModule.columns}*${imagePlaneModule.rows}`
this.imageInfo.location = imagePlaneModule.sliceLocation
this.getOrientationMarker()
this.sliderBoxHeight = imageIndex * 100 / (this.seriesInfo.imageMaxLength - 1)
}
var properties = viewport.getProperties()
if (properties && properties.voiRange) {
var { lower, upper } = properties.voiRange
const windowWidth = upper - lower
const windowCenter = (upper + lower) / 2
this.defaultWindowLevel.windowWidth = windowWidth
this.defaultWindowLevel.windowCenter = windowCenter
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
}
if (this.presetName) {
this.renderColorBar(this.presetName)
}
}
},
getOrientationMarker() {
// eslint-disable-next-line no-unused-vars
const { viewUp, viewPlaneNormal } = viewport.getCamera()
const viewRight = vec3.create()
vec3.cross(viewRight, viewUp, viewPlaneNormal)
const columnCosines = [-viewUp[0], -viewUp[1], -viewUp[2]]
const rowCosines = viewRight
const rowString = toolsUtilities.orientation.getOrientationStringLPS(rowCosines)
const columnString = toolsUtilities.orientation.getOrientationStringLPS(columnCosines)
const oppositeRowString = toolsUtilities.orientation.invertOrientationStringLPS(rowString)
const oppositeColumnString = toolsUtilities.orientation.invertOrientationStringLPS(columnString)
this.markers.top = oppositeColumnString
this.markers.right = rowString
this.markers.bottom = columnString
this.markers.left = oppositeRowString
this.orientationMarkers = [oppositeColumnString, rowString, columnString, oppositeRowString]
if (this.originalMarkers.length === 0) {
this.originalMarkers = [...this.orientationMarkers]
}
},
rotateMarkers(type) {
var markers = [...this.orientationMarkers]
if (type === 4) {
// 90
this.orientationMarkers = markers.slice(1, 4).concat(markers[0])
} else if (type === 5) {
// 90
this.orientationMarkers = [markers[3]].concat(markers.slice(0, 3))
}
this.setMarkers()
},
resetMarks() {
this.orientationMarkers = [...this.originalMarkers]
this.setMarkers()
},
setMarkers() {
var markers = [...this.orientationMarkers]
for (const key in this.markers) {
var v = markers.shift(0)
this.markers[key] = v
}
},
handleCameraModified(e) {
renderingEngine = getRenderingEngine(this.renderingEngineId)
viewport = renderingEngine.getViewport(this.viewportId)
if (!viewport) return
var zoom = viewport.getZoom()
if (!zoom) return
this.imageInfo.zoom = zoom.toFixed(4)
// console.log(e)
},
handleVOIModified(e) {
renderingEngine = getRenderingEngine(this.renderingEngineId)
viewport = renderingEngine.getViewport(this.viewportId)
if (!viewport) return
var properties = viewport.getProperties()
if (properties && properties.voiRange) {
var { lower, upper } = properties.voiRange
const { windowWidth, windowCenter } = utilities.windowLevel.toWindowLevel(
lower,
upper
)
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
}
},
handleMouseMove(e) {
if (this.index !== 4) {
const { currentPoints } = e.detail
const worldPoint = currentPoints.world
const { imageData } = this.volume
const index = imageData.worldToIndex(worldPoint)
index[0] = Math.floor(index[0])
index[1] = Math.floor(index[1])
index[2] = Math.floor(index[2])
this.mousePosition.index = index
this.mousePosition.value = this.getValue(this.volume, worldPoint)
}
},
getValue(volume, worldPos) {
const { dimensions, scalarData, imageData } = volume
const index = imageData.worldToIndex(worldPos)
index[0] = Math.floor(index[0])
index[1] = Math.floor(index[1])
index[2] = Math.floor(index[2])
if (!utilities.indexWithinDimensions(index, dimensions)) {
return
}
const yMultiple = dimensions[0]
const zMultiple = dimensions[0] * dimensions[1]
const value = scalarData[index[2] * zMultiple + index[1] * yMultiple + index[0]]
return value
},
handleMouseLeave(e) {
this.mousePosition.index = []
this.mousePosition.value = null
},
goViewer(e) {
var height = e.offsetY * 100 / this.$refs['sliderBox'].clientHeight
this.sliderBoxHeight = height
var index = Math.trunc(this.seriesInfo.imageMaxLength * this.sliderBoxHeight / 100)
if (this.seriesInfo.imageIdIndex !== index) {
this.scroll(index)
}
},
sliderMousedown(e) {
var boxHeight = this.$refs['sliderBox'].clientHeight
this.sliderInfo.oldB = parseInt(e.srcElement.style.top) * boxHeight / 100
this.sliderInfo.oldM = e.clientY
this.sliderInfo.isMove = true
e.stopImmediatePropagation()
e.stopPropagation()
e.preventDefault()
},
sliderMousemove(e) {
if (!this.sliderInfo.isMove) return
var PX = this.sliderInfo.oldB - (this.sliderInfo.oldM - e.clientY)
var boxHeight = this.$refs['sliderBox'].clientHeight
//
if (PX < 0) return
if (PX > boxHeight) return
const height = PX * 100 / boxHeight
var index = Math.trunc(this.seriesInfo.imageMaxLength * height / 100)
index = index > this.seriesInfo.imageMaxLength ? this.seriesInfo.imageMaxLength : index < 0 ? 0 : index
this.sliderBoxHeight = height
if (this.seriesInfo.imageIdIndex !== index) {
this.scroll(index)
}
},
handletoolsMouseWheel(e) {
const { viewportId, wheel } = e.detail
if (viewportId === 'PET_MIP_CORONAL') {
const container = document.getElementById('rotateBar')
const slider = document.getElementById('rotateSlider')
const containerWidth = container.offsetWidth
const sliderWidth = slider.offsetWidth
const maxX = containerWidth - sliderWidth
const { direction } = wheel
var x = Math.trunc(30 * ((containerWidth - sliderWidth) / 360))
if (direction > 0 && (this.rotateBarLeft + x) > maxX) {
this.rotateBarLeft = x - (containerWidth - sliderWidth - this.rotateBarLeft)
} else if (direction < 0 && (this.rotateBarLeft < x)) {
this.rotateBarLeft = containerWidth - (x - this.rotateBarLeft + sliderWidth)
} else {
this.rotateBarLeft = x * direction + this.rotateBarLeft
}
}
},
rotateBarMousemove(e) {
//
if (!this.rotateBarInfo.isMove) return
const container = document.getElementById('rotateBar')
const slider = document.getElementById('rotateSlider')
const containerWidth = container.offsetWidth
const sliderWidth = slider.offsetWidth
let x = Math.trunc(e.clientX - this.rotateBarInfo.initX + this.rotateBarInfo.initLeft)
if (x < 0) x = 0
if (x > containerWidth - sliderWidth) x = containerWidth - sliderWidth
const deltaX = x - this.rotateBarLeft
const angle = Math.sin((deltaX * (360 / (containerWidth - sliderWidth))) * Math.PI / 180)
this.rotate(angle)
this.rotateBarLeft = x
},
rotateBarMousedown(e) {
console.log('rotateBarMousedown')
this.rotateBarInfo.initLeft = e.srcElement.offsetLeft
this.rotateBarInfo.initX = e.clientX
this.rotateBarInfo.isMove = true
e.stopImmediatePropagation()
e.stopPropagation()
e.preventDefault()
},
rotate(angle) {
renderingEngine = getRenderingEngine(this.renderingEngineId)
viewport = renderingEngine.getViewport(this.viewportId)
const camera = viewport.getCamera()
const { viewUp, position, focalPoint } = camera
const [cx, cy, cz] = focalPoint
const [ax, ay, az] = [0, 0, 1]
const newPosition = [0, 0, 0]
const newFocalPoint = [0, 0, 0]
const newViewUp = [0, 0, 0]
const transform = mat4.identity(new Float32Array(16))
mat4.translate(transform, transform, [cx, cy, cz])
mat4.rotate(transform, transform, angle, [ax, ay, az])
mat4.translate(transform, transform, [-cx, -cy, -cz])
vec3.transformMat4(newPosition, position, transform)
vec3.transformMat4(newFocalPoint, focalPoint, transform)
mat4.identity(transform)
mat4.rotate(transform, transform, angle, [ax, ay, az])
vec3.transformMat4(newViewUp, viewUp, transform)
viewport.setCamera({
position: newPosition,
viewUp: newViewUp,
focalPoint: newFocalPoint
})
viewport.render()
},
clickRotate(e) {
// console.log('clickRotate')
const container = document.getElementById('rotateBar')
const containerWidth = container.offsetWidth
const slider = document.getElementById('rotateSlider')
const sliderWidth = slider.offsetWidth
const x = Math.trunc(e.offsetX)
const deltaX = x - this.rotateBarLeft
const angle = Math.sin((deltaX * (360 / (containerWidth - sliderWidth))) * Math.PI / 180)
this.rotate(angle)
this.rotateBarLeft = x
},
scroll(index) {
renderingEngine = getRenderingEngine(this.renderingEngineId)
viewport = renderingEngine.getViewport(this.viewportId)
const actorEntries = viewport.getActors()
if (!actorEntries) {
return
}
const delta = index - this.seriesInfo.imageIdIndex
toolsUtilities.scroll(viewport, {
delta,
volumeId: actorEntries.uid
})
renderingEngine.render()
},
rotateBarMouseup(e) {
this.rotateBarInfo.isMove = false
},
sliderMouseup(e) {
this.sliderInfo.isMove = false
},
setAnnotation(imageId, element) {
this.measureDatas.forEach(item => {
if (item.OtherMeasureData) {
var { metadata, annotationUID } = item.OtherMeasureData
var { referencedImageId } = metadata
console.log(annotationUID, annotation.state.getAnnotation(annotationUID))
if (!annotation.state.getAnnotation(annotationUID) && referencedImageId === imageId) {
annotation.state.addAnnotation(item.OtherMeasureData, element)
}
}
})
},
setPreset(presetName) {
this.presetName = presetName
},
renderColorBar(presetName) {
var colorMap = null
if (presetName === 'hsv') {
colorMap = vtkColorMaps.getPresetByName(presetName)
} else {
colorMap = getColormap(presetName)
}
const rgbPoints = colorMap.RGBPoints
const canvas = document.getElementById('colorBar_Canvas')
const ctx = canvas.getContext('2d')
const canvasWidth = 160
const canvasHeight = 5
const rectWidth = 160
const rectHeight = canvasHeight
canvas.width = canvasWidth
canvas.height = canvasHeight
const gradient = ctx.createLinearGradient(0, 0, rectWidth, 0)
for (let i = 0; i < rgbPoints.length; i += 4) {
let position = 0
if (rgbPoints[0] === -1) {
position = (rgbPoints[i] + 1) / 2
} else {
position = rgbPoints[i]
}
const color = `rgb(${parseInt(rgbPoints[i + 1] * 255)}, ${parseInt(rgbPoints[i + 2] * 255)}, ${parseInt(rgbPoints[i + 3] * 255)})`
gradient.addColorStop(position, color)
}
ctx.fillStyle = gradient
ctx.fillRect(0, 0, rectWidth, rectHeight)
},
setWwWc() {
var properties = viewport.getProperties()
if (properties && properties.voiRange) {
var { lower, upper } = properties.voiRange
const windowWidth = upper - lower
const windowCenter = (upper + lower) / 2
this.imageInfo.wwwc = `${Math.round(windowWidth)}/${Math.round(windowCenter)}`
}
},
async getScreenshots() {
const divForDownloadViewport = document.querySelector(
`div[data-viewport-uid="FUSION_AXIAL"]`
)
// const divForDownloadViewport = document.querySelector(
// '.viewport_container'
// )
var canvas = await html2canvas(divForDownloadViewport)
var pictureBaseStr = canvas.toDataURL('image/png', 1)
return pictureBaseStr
}
}
}
</script>
<style lang="scss" scoped>
.viewport_container{
width:100%;
height: 100%;
.seriesInfo_wrapper {
position: absolute;
left: 10px;
top: 10px;
text-align: left;
font-size: 12px;
z-index: 1;
.taskInfo_container{
color:#f44336;
padding: 5px 0px;
margin: 0;
}
}
.descInfo_wrapper{
position: absolute;
right: 20px;
top: 10px;
text-align: right;
font-size: 12px;
z-index: 1;
}
.imageInfo_wrapper_l{
position: absolute;
left: 10px;
bottom: 5px;
text-align: left;
font-size: 12px;
z-index: 1;
}
.imageInfo_wrapper_r{
position: absolute;
right: 40px;
bottom: 5px;
text-align: right;
font-size: 12px;
z-index: 1;
}
.slider_box{
position: absolute;
right: 1px;
height: calc(100% - 120px);
transform: translateY(-50%);
top: calc(50% - 30px);
width: 10px;
background: #333;
cursor: pointer;
.box{
z-index:10;
background: #9e9e9e;
height: 20px;
width: 100%;
position: absolute;
top: 0;
cursor: move
}
}
.color_bar{
position: absolute;
// transform:translateY(-50%);
transform: rotate(-90deg);
transform-origin: right;
left: -150px;
top: 30%;
// transform-origin: top left;
z-index: 1;
// background: #f44336;
}
.rotate_slider_box{
position: absolute;
width: 380px;
height: 10px;
bottom: 5px;
left: 50%;
transform: translateX(-50%);
background: #333;
cursor: pointer;
.box{
z-index:10;
background: #9e9e9e;
height: 100%;
width: 20px;
position: absolute;
top: 0;
cursor: move
}
}
// .my_slider_box:after{
// content: '';
// position: absolute;
// bottom: -20px;
// left: 0;
// height: 20px;
// width: 100%;
// background: #333;
// }
}
</style>
File diff suppressed because it is too large Load Diff
@@ -20,7 +20,7 @@
<el-form-item v-if="readingTaskState < 2 && !isFirstChangeTask"> <el-form-item v-if="readingTaskState < 2 && !isFirstChangeTask">
<div class="ecrf-footer"> <div class="ecrf-footer">
<i v-if="groupClassify === null || groupClassify === 1" class="el-icon-question feedback-icon" @click="openFeedBackTable" /> <i v-if="groupClassify === null || groupClassify === 1" class="el-icon-warning feedback-icon" @click="openFeedBackTable" :style="{color: isExistUnprocessedFeedback ? '#ffeb3b' : '#fff'}"/>
<el-button size="mini" :disabled="!questionFormChangeState || (!formChanged && groupClassify > 0)" :type="questionFormChangeState || (!formChanged && groupClassify > 0) ? 'primary' : null" @click="handleSave">{{ $t('common:button:save') }}</el-button> <el-button size="mini" :disabled="!questionFormChangeState || (!formChanged && groupClassify > 0)" :type="questionFormChangeState || (!formChanged && groupClassify > 0) ? 'primary' : null" @click="handleSave">{{ $t('common:button:save') }}</el-button>
</div> </div>
</el-form-item> </el-form-item>
@@ -88,7 +88,8 @@ export default {
spleenInfo: null, spleenInfo: null,
calculateSpleenStatus: '', calculateSpleenStatus: '',
formChanged: false, formChanged: false,
digitPlaces: 2 digitPlaces: 2,
isExistUnprocessedFeedback: false
} }
}, },
computed: { computed: {
@@ -117,6 +118,7 @@ export default {
var 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.criterionType = parseInt(localStorage.getItem('CriterionType')) this.criterionType = parseInt(localStorage.getItem('CriterionType'))
this.isExistUnprocessedFeedback = localStorage.getItem('IsExistUnprocessedFeedback')
DicomEvent.$on('setReadingState', readingTaskState => { DicomEvent.$on('setReadingState', readingTaskState => {
this.readingTaskState = readingTaskState this.readingTaskState = readingTaskState
}) })
@@ -496,7 +496,18 @@ export default {
var series = studyList[studyIdx].SeriesList[seriesIdx] var series = studyList[studyIdx].SeriesList[seriesIdx]
// var instanceIdx = series.instanceList.findIndex(imageId => !!~imageId.indexOf(instanceId)) // var instanceIdx = series.instanceList.findIndex(imageId => !!~imageId.indexOf(instanceId))
const frame = this.visitTaskList[index].MeasureData[idx].MeasureData.frame const frame = this.visitTaskList[index].MeasureData[idx].MeasureData.frame
const filterStr = series.isExistMutiFrames ? `frame=${frame}&instanceId=${instanceId}` : `instanceId=${instanceId}` // const filterStr = series.isExistMutiFrames ? `frame=${frame}&instanceId=${instanceId}` : `instanceId=${instanceId}`
let n = series.instanceInfoList.findIndex(k=>k.Id === instanceId)
let filterStr = ''
if (n > -1 && series.isExistMutiFrames) {
if (series.instanceInfoList[n].NumberOfFrames > 0) {
filterStr = `frame=${frame}&instanceId=${instanceId}`
} else {
filterStr = `instanceId=${instanceId}`
}
} else {
filterStr = `instanceId=${instanceId}`
}
var instanceIdx = series.imageIds.findIndex(imageId => imageId.includes(filterStr)) var instanceIdx = series.imageIds.findIndex(imageId => imageId.includes(filterStr))
if (instanceIdx > -1) { if (instanceIdx > -1) {
series.imageIdIndex = instanceIdx series.imageIdIndex = instanceIdx
@@ -477,7 +477,18 @@ export default {
const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[i].SeriesId) const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[i].SeriesId)
// const instanceList = seriesList[srIdx].instanceList // const instanceList = seriesList[srIdx].instanceList
const imageIds = seriesList[srIdx].imageIds const imageIds = seriesList[srIdx].imageIds
const filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}` : `instanceId=${measureDatas[i].InstanceId}` // const filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}` : `instanceId=${measureDatas[i].InstanceId}`
let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k=>k.Id === measureDatas[i].InstanceId)
let filterStr = ''
if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
filterStr = `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}`
} else {
filterStr = `instanceId=${measureDatas[i].InstanceId}`
}
} else {
filterStr = `instanceId=${measureDatas[i].InstanceId}`
}
const isIdx = imageIds.findIndex(is => is.includes(filterStr)) const isIdx = imageIds.findIndex(is => is.includes(filterStr))
const series = seriesList[srIdx] const series = seriesList[srIdx]
series.imageIdIndex = isIdx series.imageIdIndex = isIdx
@@ -550,7 +561,18 @@ export default {
const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[mIdx].SeriesId) const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[mIdx].SeriesId)
// const instanceList = seriesList[srIdx].imageIds // const instanceList = seriesList[srIdx].imageIds
const imageIds = seriesList[srIdx].imageIds const imageIds = seriesList[srIdx].imageIds
const filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[mIdx].MeasureData.frame}&instanceId=${measureDatas[mIdx].InstanceId}` : `instanceId=${measureDatas[mIdx].InstanceId}` // const filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[mIdx].MeasureData.frame}&instanceId=${measureDatas[mIdx].InstanceId}` : `instanceId=${measureDatas[mIdx].InstanceId}`
let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i=>i.Id === measureDatas[mIdx].InstanceId)
let filterStr = ''
if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
filterStr = `frame=${measureDatas[mIdx].MeasureData.frame}&instanceId=${measureDatas[mIdx].InstanceId}`
} else {
filterStr = `instanceId=${measureDatas[mIdx].InstanceId}`
}
} else {
filterStr = `instanceId=${measureDatas[mIdx].InstanceId}`
}
const isIdx = imageIds.findIndex(is => is.includes(filterStr)) const isIdx = imageIds.findIndex(is => is.includes(filterStr))
const series = seriesList[srIdx] const series = seriesList[srIdx]
series.imageIdIndex = isIdx series.imageIdIndex = isIdx
@@ -1736,9 +1736,20 @@ export default {
var series = studyList[studyIdx].SeriesList[seriesIdx] var series = studyList[studyIdx].SeriesList[seriesIdx]
let frame = let frame =
this.visitTaskList[index].MeasureData[idx].MeasureData.frame this.visitTaskList[index].MeasureData[idx].MeasureData.frame
let filterStr = series.isExistMutiFrames // let filterStr = series.isExistMutiFrames
? `frame=${frame}&instanceId=${instanceId}` // ? `frame=${frame}&instanceId=${instanceId}`
: `instanceId=${instanceId}` // : `instanceId=${instanceId}`
let filterStr = ''
let n = series.instanceInfoList.findIndex(k=>k.Id === instanceId)
if (n > -1 && series.isExistMutiFrames) {
if (series.instanceInfoList[n].NumberOfFrames > 0) {
filterStr = `frame=${frame}&instanceId=${instanceId}`
} else {
filterStr = `instanceId=${instanceId}`
}
} else {
filterStr = `instanceId=${instanceId}`
}
var instanceIdx = series.imageIds.findIndex((imageId) => var instanceIdx = series.imageIds.findIndex((imageId) =>
imageId.includes(filterStr) imageId.includes(filterStr)
) )
@@ -24,7 +24,7 @@
</QuestionsPreview> </QuestionsPreview>
</div> </div>
<div class="questions-footer"> <div class="questions-footer">
<i class="el-icon-question feedback-icon" @click="openFeedBackTable" /> <i class="el-icon-warning feedback-icon" @click="openFeedBackTable" :style="{color: isExistUnprocessedFeedback ? '#ffeb3b' : '#fff'}"/>
<el-button v-if="readingTaskState<2" style="margin-right: 10px" type="primary" size="small" @click="handleSave(true)"> <el-button v-if="readingTaskState<2" style="margin-right: 10px" type="primary" size="small" @click="handleSave(true)">
{{$t('common:button:save')}} {{$t('common:button:save')}}
</el-button> </el-button>
@@ -135,7 +135,8 @@ export default {
ecrfShow: false, ecrfShow: false,
signCode: null, signCode: null,
signVisible: false, signVisible: false,
readingTaskState: null readingTaskState: null,
isExistUnprocessedFeedback: false
} }
}, },
computed: { computed: {
@@ -164,6 +165,7 @@ export default {
this.subjectCode = localStorage.getItem('subjectCode') this.subjectCode = localStorage.getItem('subjectCode')
this.CriterionType = parseInt(localStorage.getItem('CriterionType')) this.CriterionType = parseInt(localStorage.getItem('CriterionType'))
this.TrialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId this.TrialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
this.isExistUnprocessedFeedback = localStorage.getItem('IsExistUnprocessedFeedback')
DicomEvent.$on('getCustomTableQuestionAnswer', (visitTaskId) => { DicomEvent.$on('getCustomTableQuestionAnswer', (visitTaskId) => {
this.$refs['QuestionsPreview'].getCustomTableQuestionAnswer(visitTaskId) this.$refs['QuestionsPreview'].getCustomTableQuestionAnswer(visitTaskId)
}) })
@@ -635,7 +635,18 @@ export default {
// (imageId) => !!~imageId.indexOf(instanceId) // (imageId) => !!~imageId.indexOf(instanceId)
// ); // );
let frame = this.visitTaskList[index].MeasureData[idx].MeasureData.frame let frame = this.visitTaskList[index].MeasureData[idx].MeasureData.frame
let filterStr = series.isExistMutiFrames ? `frame=${frame}&instanceId=${instanceId}` : `instanceId=${instanceId}` // let filterStr = series.isExistMutiFrames ? `frame=${frame}&instanceId=${instanceId}` : `instanceId=${instanceId}`
let n = series.instanceInfoList.findIndex(k=>k.Id === instanceId)
let filterStr = ''
if (n > -1 && series.isExistMutiFrames) {
if (series.instanceInfoList[n].NumberOfFrames > 0) {
filterStr = `frame=${frame}&instanceId=${instanceId}`
} else {
filterStr = `instanceId=${instanceId}`
}
} else {
filterStr = `instanceId=${instanceId}`
}
var instanceIdx = series.imageIds.findIndex(imageId => imageId.includes(filterStr)) var instanceIdx = series.imageIds.findIndex(imageId => imageId.includes(filterStr))
if (instanceIdx > -1) { if (instanceIdx > -1) {
series.imageIdIndex = instanceIdx; series.imageIdIndex = instanceIdx;
@@ -451,7 +451,18 @@ export default {
// const instanceList = seriesList[srIdx].instanceList // const instanceList = seriesList[srIdx].instanceList
// const isIdx = instanceList.findIndex(is => is.includes(measureDatas[i].InstanceId)) // const isIdx = instanceList.findIndex(is => is.includes(measureDatas[i].InstanceId))
const imageIds = seriesList[srIdx].imageIds const imageIds = seriesList[srIdx].imageIds
let filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}` : `instanceId=${measureDatas[i].InstanceId}` // let filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}` : `instanceId=${measureDatas[i].InstanceId}`
let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(k=>k.Id === measureDatas[i].InstanceId)
let filterStr = ''
if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
filterStr = `frame=${measureDatas[i].MeasureData.frame}&instanceId=${measureDatas[i].InstanceId}`
} else {
filterStr = `instanceId=${measureDatas[i].InstanceId}`
}
} else {
filterStr = `instanceId=${measureDatas[i].InstanceId}`
}
const isIdx = imageIds.findIndex(is => is.includes(filterStr)) const isIdx = imageIds.findIndex(is => is.includes(filterStr))
const series = seriesList[srIdx] const series = seriesList[srIdx]
series.imageIdIndex = isIdx series.imageIdIndex = isIdx
@@ -523,9 +534,20 @@ export default {
const seriesList = studyList[sdIndx].SeriesList const seriesList = studyList[sdIndx].SeriesList
const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[mIdx].SeriesId) const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[mIdx].SeriesId)
// const instanceList = seriesList[srIdx].instanceList // const instanceList = seriesList[srIdx].instanceList
// const isIdx = instanceList.findIndex(is => is.includes(measureDatas[mIdx].InstanceId)) // const isIdx = instanceList.findIndex(is => is.includes(measureDatas[mIdx].InstanceId))
const imageIds = seriesList[srIdx].imageIds const imageIds = seriesList[srIdx].imageIds
let filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[mIdx].MeasureData.frame}&instanceId=${measureDatas[mIdx].InstanceId}` : `instanceId=${measureDatas[mIdx].InstanceId}` let instanceIndex = seriesList[srIdx].instanceInfoList.findIndex(i=>i.Id === measureDatas[mIdx].InstanceId)
let filterStr = ''
if (instanceIndex > -1 && seriesList[srIdx].isExistMutiFrames) {
if (seriesList[srIdx].instanceInfoList[instanceIndex].NumberOfFrames > 0) {
filterStr = `frame=${measureDatas[mIdx].MeasureData.frame}&instanceId=${measureDatas[mIdx].InstanceId}`
} else {
filterStr = `instanceId=${measureDatas[mIdx].InstanceId}`
}
} else {
filterStr = `instanceId=${measureDatas[mIdx].InstanceId}`
}
// let filterStr = seriesList[srIdx].isExistMutiFrames ? `frame=${measureDatas[mIdx].MeasureData.frame}&instanceId=${measureDatas[mIdx].InstanceId}` : `instanceId=${measureDatas[mIdx].InstanceId}`
const isIdx = imageIds.findIndex(is => is.includes(filterStr)) const isIdx = imageIds.findIndex(is => is.includes(filterStr))
const series = seriesList[srIdx] const series = seriesList[srIdx]
series.imageIdIndex = isIdx series.imageIdIndex = isIdx
@@ -338,6 +338,7 @@ export default {
localStorage.setItem('isReadingTaskViewInOrder', this.isReadingTaskViewInOrder) localStorage.setItem('isReadingTaskViewInOrder', this.isReadingTaskViewInOrder)
localStorage.setItem('CriterionType', res.Result.CriterionType) localStorage.setItem('CriterionType', res.Result.CriterionType)
localStorage.setItem('digitPlaces', res.Result.DigitPlaces) localStorage.setItem('digitPlaces', res.Result.DigitPlaces)
localStorage.setItem('IsExistUnprocessedFeedback', res.Result.IsExistUnprocessedFeedback)
this.readingCategory = res.Result.ReadingCategory this.readingCategory = res.Result.ReadingCategory
this.questionFormChangeState = false this.questionFormChangeState = false
this.questionFormChangeNum = 0 this.questionFormChangeNum = 0
@@ -70,6 +70,19 @@
min-width="100" min-width="100"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<el-tooltip
class="item"
effect="dark"
:content="$t('trials:pendingReadingTasks:table:feedbackmsg')"
placement="bottom"
v-if="scope.row.IsExistUnprocessedFeedback"
>
<i
v-if="scope.row.IsExistUnprocessedFeedback"
class="el-icon-warning"
style="color: #f44336; font-size: 16px"
/>
</el-tooltip>
<el-tag <el-tag
:type=" :type="
scope.row.UrgentColor === 1 scope.row.UrgentColor === 1
@@ -424,7 +437,11 @@ export default {
var token = getToken() var token = getToken()
var path = '' var path = ''
if (this.readingTool === 0) { if (this.readingTool === 0) {
path = `/readingDicoms?TrialReadingCriterionId=${this.TrialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&isReadingTaskViewInOrder=${this.isReadingTaskViewInOrder}&criterionType=${this.criterionType}&readingTool=${this.readingTool}&TokenKey=${token}` if (this.criterionType === 0 && this.trialId === '08dd28b3-6843-fc05-0242-ac1301000000') {
path = `/fusion?TrialReadingCriterionId=${this.TrialReadingCriterionId}&trialId=${this.trialId}&studyId=62b3dfc4-1e04-4180-910d-fe595f398361&ctseriesId=1bd24f53-d419-32e5-92d4-2b04640aaa65&ptseriesId=2b7b128d-8c3f-8357-ad14-e38f3acbbdff&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&TokenKey=${token}&lang=${this.$i18n.locale}`
} else {
path = `/readingDicoms?TrialReadingCriterionId=${this.TrialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&isReadingTaskViewInOrder=${this.isReadingTaskViewInOrder}&criterionType=${this.criterionType}&readingTool=${this.readingTool}&TokenKey=${token}`
}
} else { } else {
path = `/noneDicomReading?TrialReadingCriterionId=${this.TrialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&isReadingTaskViewInOrder=${this.isReadingTaskViewInOrder}&criterionType=${this.criterionType}&readingTool=${this.readingTool}&TokenKey=${token}` path = `/noneDicomReading?TrialReadingCriterionId=${this.TrialReadingCriterionId}&trialId=${this.trialId}&subjectCode=${row.SubjectCode}&subjectId=${row.SubjectId}&isReadingTaskViewInOrder=${this.isReadingTaskViewInOrder}&criterionType=${this.criterionType}&readingTool=${this.readingTool}&TokenKey=${token}`
} }
@@ -194,6 +194,7 @@
</el-table-column> </el-table-column>
<!-- DICOM AE --> <!-- DICOM AE -->
<el-table-column <el-table-column
v-if="isPACSConnect"
prop="CallingAEList" prop="CallingAEList"
:label="$t('trials:sitesList:table:AE')" :label="$t('trials:sitesList:table:AE')"
show-overflow-tooltip show-overflow-tooltip
@@ -254,6 +255,7 @@
@click="handleEdit(scope.row)" @click="handleEdit(scope.row)"
/> />
<el-button <el-button
v-if="isPACSConnect"
circle circle
:title="$t('common:button:config')" :title="$t('common:button:config')"
icon="el-icon-setting" icon="el-icon-setting"
@@ -635,6 +637,7 @@ export default {
}, },
trialId: '', trialId: '',
TrialSiteSelectList: [], TrialSiteSelectList: [],
isPACSConnect: false
} }
}, },
mounted() { mounted() {
@@ -709,6 +712,7 @@ export default {
this.listLoading = false this.listLoading = false
this.list = res.Result.CurrentPageData this.list = res.Result.CurrentPageData
this.total = res.Result.TotalCount this.total = res.Result.TotalCount
this.isPACSConnect = res.OtherInfo.IsPACSConnectAndIsTrialPACSConfirmed
}) })
.catch(() => { .catch(() => {
this.listLoading = false this.listLoading = false
@@ -23,11 +23,11 @@
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-collapse v-model="activeNames"> <el-collapse v-model="activeNames" style="border-top:none;">
<el-collapse-item <el-collapse-item
v-for="(item, index) of QuestionList" v-for="(item, index) of QuestionList"
:key="item.ReadingQuestionTrialId" :key="item.ReadingQuestionTrialId"
style="position: relative" style="position: relative;padding:0 10px;"
:name="item.ReadingQuestionTrialId" :name="item.ReadingQuestionTrialId"
> >
<div slot="title"> <div slot="title">
@@ -145,6 +145,37 @@
</el-upload> </el-upload>
</div> </div>
</el-form-item> </el-form-item>
<!-- 英文模板 -->
<el-form-item
v-if="form.ClinicalUploadType === 1"
:label="$t('trials:processCfg:title:enModule')"
>
<div class="upload-container">
<el-upload
class="upload-demo"
action
accept=".doc,.docx"
:before-upload="beforeUploadEnFile"
:http-request="handleUploadEnFile"
:on-preview="handlePreview"
:on-remove="handleRemoveEnFile"
:show-file-list="true"
:file-list="enFileList"
:limit="1"
:on-exceed="handleExceed"
:disabled="form.Type === ''"
>
<!-- 选择 -->
<el-button size="small" type="primary">{{
$t('trials:processCfg:button:select')
}}</el-button>
<span slot="tip" style="margin-left: 10px" class="el-upload__tip">
<!-- (必须是doc/docx格式) -->
{{ $t('system:tip:file:docx') }}
</span>
</el-upload>
</div>
</el-form-item>
</div> </div>
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px"> <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item> <el-form-item>
@@ -204,6 +235,8 @@ export default {
UploadRole: null, UploadRole: null,
FileName: '', FileName: '',
Path: '', Path: '',
EnFileName: '',
EnPath: '',
TrialCriterionIdList: [], TrialCriterionIdList: [],
}, },
rules: { rules: {
@@ -253,6 +286,7 @@ export default {
loading: false, loading: false,
btnLoading: false, btnLoading: false,
fileList: [], fileList: [],
enFileList: [],
trialCriterionSelectList: [], trialCriterionSelectList: [],
criterionList: [], criterionList: [],
} }
@@ -287,13 +321,22 @@ export default {
this.form[k] = this.data[k] this.form[k] = this.data[k]
} }
} }
if (!this.data.Path) return if (this.data.Path) {
this.fileList = [ this.fileList = [
{ {
name: this.data.FileName, name: this.data.FileName,
path: this.data.Path, path: this.data.Path,
}, },
] ]
}
if (this.data.EnPath) {
this.enFileList = [
{
name: this.data.EnFileName,
path: this.data.EnPath,
},
]
}
} }
}, },
save() { save() {
@@ -356,6 +399,40 @@ export default {
handleExceed(files, fileList) { handleExceed(files, fileList) {
this.$message.warning(this.$t('trials:processCfg:title:onlyOneFile')) // `` this.$message.warning(this.$t('trials:processCfg:title:onlyOneFile')) // ``
}, },
async handleUploadEnFile(param) {
this.loading = true
const file = await this.fileToBlob(param.file)
const res = await this.OSSclient.put(
`/TrialConfig/${this.trialId}/ClinicalData/${param.file.name}`,
file
)
// console.log(res)
const file1 = {
name: param.file.name,
path: this.form.Path,
url: this.$getObjectName(res.url),
}
this.enFileList.push(file1)
this.form.EnPath = this.$getObjectName(res.url)
this.form.EnFileName = param.file.name
this.loading = false
},
beforeUploadEnFile(file) {
//
if (this.checkFileSuffix(file.name)) {
this.enFileList = []
return true
} else {
this.$alert(this.$t('trials:processCfg:title:docFormat')) // '(doc/docx)'
return false
}
},
handleRemoveEnFile() {
this.enFileList = []
this.form.EnPath = ''
this.form.EnFileName = ''
},
checkFileSuffix(fileName) { checkFileSuffix(fileName) {
var typeArr = ['doc', 'docx'] var typeArr = ['doc', 'docx']
var extendName = fileName var extendName = fileName
@@ -769,11 +769,18 @@
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 下载 --> <!-- 下载 -->
<el-button <el-button
v-if="scope.row.FileName && scope.row.ClinicalUploadType" v-if="scope.row.FileName && scope.row.ClinicalUploadType && $i18n.locale === 'zh'"
circle circle
:title="$t('common:button:download')" :title="$t('common:button:download')"
icon="el-icon-download" icon="el-icon-download"
@click="handleDownloadTpl(scope.row)" @click="handleDownloadTpl(scope.row.Path)"
>
</el-button>
<el-button
v-if="scope.row.FileName && scope.row.ClinicalUploadType && $i18n.locale === 'en'"
circle
icon="el-icon-download"
@click="handleDownloadTpl(scope.row.EnPath)"
> >
</el-button> </el-button>
<el-button <el-button
@@ -1713,8 +1720,8 @@ export default {
}) })
}) })
}, },
handleDownloadTpl(row) { handleDownloadTpl(path) {
window.open(this.OSSclientConfig.basePath + row.Path) window.open(this.OSSclientConfig.basePath + path)
// this.listLoading = true // this.listLoading = true
// DownloadTrialClinicalFile(row.Id).then(data => { // DownloadTrialClinicalFile(row.Id).then(data => {
// this.listLoading = false // this.listLoading = false
@@ -5,7 +5,6 @@
:model="form" :model="form"
size="small" size="small"
:rules="rules" :rules="rules"
label-width="110px"
:inline="true" :inline="true"
> >
<div class="base-dialog-body"> <div class="base-dialog-body">
@@ -39,7 +38,6 @@
</el-col> </el-col>
</el-form-item> </el-form-item>
<!-- 数据内容:label="$t('trials:readingPeriod:cd:form:data')" --> <!-- 数据内容:label="$t('trials:readingPeriod:cd:form:data')" -->
<el-form-item>
<!-- 多文件上传 --> <!-- 多文件上传 -->
<form id="inputForm" ref="uploadForm"> <form id="inputForm" ref="uploadForm">
<div class="form-group"> <div class="form-group">
@@ -52,7 +50,7 @@
display: inline-block; display: inline-block;
" "
> >
<el-button type="primary" style="width: 56px" size="small"> <el-button type="primary" size="small">
{{ $t('trials:uploadClinicalData:button:selectFile') }} {{ $t('trials:uploadClinicalData:button:selectFile') }}
</el-button> </el-button>
<input <input
@@ -83,7 +81,7 @@
:data="fileList" :data="fileList"
class="dicomFiles-table" class="dicomFiles-table"
height="300" height="300"
style="width: 100%" style="width: 100%;margin-top:5px;"
border border
> >
<el-table-column type="index" width="40" /> <el-table-column type="index" width="40" />
@@ -108,7 +106,7 @@
}}</span> }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column :label="$t('common:action:action')" width="100"> <el-table-column :label="$t('common:action:action')">
<template slot-scope="scope"> <template slot-scope="scope">
<!-- 删除 --> <!-- 删除 -->
<el-button <el-button
@@ -128,7 +126,6 @@
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</el-form-item>
</div> </div>
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px"> <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item> <el-form-item>
@@ -93,11 +93,13 @@
<el-table-column <el-table-column
prop="ClinicalDataSetName" prop="ClinicalDataSetName"
:label="$t('trials:readingPeriod:cd:table:clinicalDataName')" :label="$t('trials:readingPeriod:cd:table:clinicalDataName')"
min-width="100"
/> />
<el-table-column <el-table-column
prop="UploadRole" prop="UploadRole"
:label="$t('trials:studyList:table:uploader')" :label="$t('trials:studyList:table:uploader')"
show-overflow-tooltip show-overflow-tooltip
min-width="100"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd("ClinicalDataUploadRole", scope.row.UploadRole) }} {{ $fd("ClinicalDataUploadRole", scope.row.UploadRole) }}
@@ -107,6 +109,7 @@
<el-table-column <el-table-column
prop="ClinicalDataLevel" prop="ClinicalDataLevel"
:label="$t('trials:readingPeriod:cd:table:dataLevel')" :label="$t('trials:readingPeriod:cd:table:dataLevel')"
min-width="100"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd("ClinicalLevel", scope.row.ClinicalDataLevel) }} {{ $fd("ClinicalLevel", scope.row.ClinicalDataLevel) }}
@@ -116,6 +119,7 @@
<el-table-column <el-table-column
prop="ClinicalUploadType" prop="ClinicalUploadType"
:label="$t('trials:readingPeriod:cd:table:transferType')" :label="$t('trials:readingPeriod:cd:table:transferType')"
min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ $fd("ClinicalUploadType", scope.row.ClinicalUploadType) }} {{ $fd("ClinicalUploadType", scope.row.ClinicalUploadType) }}
@@ -125,6 +129,7 @@
<el-table-column <el-table-column
prop="FileCount" prop="FileCount"
:label="$t('trials:readingPeriod:cd:table:fileCount')" :label="$t('trials:readingPeriod:cd:table:fileCount')"
min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
{{ {{
@@ -247,7 +252,7 @@
:visible.sync="addOrUpdateCD.visible" :visible.sync="addOrUpdateCD.visible"
:close-on-click-modal="false" :close-on-click-modal="false"
:title="addOrUpdateCD.title" :title="addOrUpdateCD.title"
width="500px" width="600px"
append-to-body append-to-body
custom-class="base-dialog-wrapper" custom-class="base-dialog-wrapper"
> >
@@ -503,7 +508,7 @@
:visible.sync="addOrUpdateCD.visible" :visible.sync="addOrUpdateCD.visible"
:close-on-click-modal="false" :close-on-click-modal="false"
:title="addOrUpdateCD.title" :title="addOrUpdateCD.title"
width="500px" width="600px"
append-to-body append-to-body
custom-class="base-dialog-wrapper" custom-class="base-dialog-wrapper"
> >
@@ -623,7 +628,8 @@ export default {
}, },
mounted() { mounted() {
if (!(this.data.IsVisit || this.data.IsBaseLine)) { if (!(this.data.IsVisit || this.data.IsBaseLine)) {
this.clinicalType = this.$d.GetClinicalType[0].value.toString(); // this.clinicalType = this.$d.GetClinicalType[0].value.toString();
this.clinicalType = '1';
} else { } else {
this.getList(true); this.getList(true);
} }
@@ -136,7 +136,6 @@
:prop="`Plan${i-1}`" :prop="`Plan${i-1}`"
label="" label=""
width="240" width="240"
show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">
<div v-if="i<=scope.row.Data.length"> <div v-if="i<=scope.row.Data.length">
@@ -162,7 +161,7 @@
</div> </div>
<div style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px"> <div style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
<div>{{ $fd('ModuleTypeEnum',scope.row.Data[i-1].ModuleType) }}</div> <div>{{ $fd('ModuleTypeEnum',scope.row.Data[i-1].ModuleType) }}</div>
<div style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 110px;text-align: right;"> <div style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 110px;text-align: right;" :title="$fd('ReadModuleEnum',scope.row.Data[i-1].ReadingStatus)">
{{ $fd('ReadModuleEnum',scope.row.Data[i-1].ReadingStatus) }} {{ $fd('ReadModuleEnum',scope.row.Data[i-1].ReadingStatus) }}
</div> </div>
</div> </div>
@@ -322,6 +321,7 @@
:visible.sync="clinicalDataVisible" :visible.sync="clinicalDataVisible"
:close-on-click-modal="false" :close-on-click-modal="false"
append-to-body append-to-body
width="70%"
> >
<ClinicalData :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="currentData" @getList="getList"/> <ClinicalData :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="currentData" @getList="getList"/>
</el-dialog> </el-dialog>
@@ -28,7 +28,7 @@
style="width: 120px" style="width: 120px"
/> />
</el-form-item> </el-form-item>
<el-form-item <!-- <el-form-item
:label="$t('trials:loginLog:table:incorrectUserName')" :label="$t('trials:loginLog:table:incorrectUserName')"
prop="LoginFaildName" prop="LoginFaildName"
v-if="!isMine" v-if="!isMine"
@@ -39,17 +39,31 @@
clearable clearable
style="width: 120px" style="width: 120px"
/> />
</el-form-item> </el-form-item> -->
<el-form-item <el-form-item
:label="$t('trials:loginLog:table:userName')" :label="$t('trials:loginLog:table:userName')"
prop="LoginUserName" prop="LoginUserName"
v-if="!isMine" v-if="!isMine"
> >
<el-select v-model="searchData.UserId" clearable style="width: 120px"> <el-select v-model="searchData.IdentityUserId" clearable style="width: 120px">
<el-option <el-option
v-for="item of trialUserList" v-for="item of trialUserList"
:key="item.UserId" :key="item.IdentityUserId"
:value="item.UserId" :value="item.IdentityUserId"
:label="item.UserName"
/>
</el-select>
</el-form-item>
<el-form-item
:label="$t('trials:loginLog:table:optUserName')"
prop="TargetIdentityUserId"
v-if="!isMine"
>
<el-select v-model="searchData.TargetIdentityUserId" clearable style="width: 120px">
<el-option
v-for="item of trialUserList"
:key="item.IdentityUserId"
:value="item.IdentityUserId"
:label="item.UserName" :label="item.UserName"
/> />
</el-select> </el-select>
@@ -60,7 +74,7 @@
v-if="!isMine" v-if="!isMine"
> >
<el-select <el-select
v-model="searchData.LoginUserTypeEnum" v-model="searchData.LoginUserType"
clearable clearable
style="width: 120px" style="width: 120px"
> >
@@ -68,7 +82,7 @@
v-for="item of $d.UserType" v-for="item of $d.UserType"
v-show="item.value !== 7 && item.value !== 8" v-show="item.value !== 7 && item.value !== 8"
:key="'UserType' + item.label" :key="'UserType' + item.label"
:value="item.value" :value="item.label"
:label="item.label" :label="item.label"
/> />
</el-select> </el-select>
@@ -236,7 +250,7 @@ const searchDataDefault = () => {
Ip: '', Ip: '',
LoginFaildName: '', LoginFaildName: '',
LoginUserName: '', LoginUserName: '',
LoginUserTypeEnum: null, LoginUserType: null,
BeginDate: '', BeginDate: '',
EndDate: '', EndDate: '',
Asc: false, Asc: false,
@@ -244,6 +258,7 @@ const searchDataDefault = () => {
PageIndex: 1, PageIndex: 1,
PageSize: 20, PageSize: 20,
UserId: '', UserId: '',
TargetIdentityUserId: ''
} }
} }
export default { export default {
@@ -154,21 +154,23 @@
v-else-if="scope.row.CheckChallengeState === 1" v-else-if="scope.row.CheckChallengeState === 1"
type="danger" type="danger"
> >
{{ {{ $fd('CheckChallengeState', 1) }}
<!-- {{
userTypeEnumInt === 2 userTypeEnumInt === 2
? $fd('CheckChallengeState', 1) ? $fd('CheckChallengeState', 1)
: $fd('CheckChallengeState', 2) : $fd('CheckChallengeState', 2)
}} }} -->
</el-tag> </el-tag>
<el-tag <el-tag
v-else-if="scope.row.CheckChallengeState === 2" v-else-if="scope.row.CheckChallengeState === 2"
type="danger" type="danger"
> >
{{ {{ $fd('CheckChallengeState', 2) }}
<!-- {{
userTypeEnumInt === 2 userTypeEnumInt === 2
? $fd('CheckChallengeState', 2) ? $fd('CheckChallengeState', 2)
: $fd('CheckChallengeState', 1) : $fd('CheckChallengeState', 1)
}} }} -->
</el-tag> </el-tag>
<el-tag v-else-if="scope.row.CheckChallengeState === 3">{{ <el-tag v-else-if="scope.row.CheckChallengeState === 3">{{
$fd('CheckChallengeState', scope.row.CheckChallengeState) $fd('CheckChallengeState', scope.row.CheckChallengeState)
@@ -1459,7 +1459,7 @@ export default {
</div>` </div>`
this.$alert( this.$alert(
content, content,
this.$t('trials:uploadDicomList:label:prompt'), '',
{ {
confirmButtonText: this.$t( confirmButtonText: this.$t(
'trials:uploadDicomList:label:confirm' 'trials:uploadDicomList:label:confirm'
@@ -322,12 +322,11 @@
>{{ $t('trials:crcUpload:label:dicom') }}: >{{ $t('trials:crcUpload:label:dicom') }}:
{{ scope.row.DicomStudyCount }}, {{ scope.row.DicomStudyCount }},
</span> </span>
<span <!-- v-if="
v-if="
scope.row.IsBaseLine && scope.row.IsBaseLine &&
otherInfo.ClinicalInformationTransmissionEnum > 0 otherInfo.ClinicalInformationTransmissionEnum > 0
" "-->
> <span>
<span <span
>{{ $t('trials:crcUpload:label:noneDicom') }}: >{{ $t('trials:crcUpload:label:noneDicom') }}:
{{ scope.row.NoneDicomStudyCount }}, {{ scope.row.NoneDicomStudyCount }},
@@ -337,10 +336,10 @@
{{ scope.row.IsHaveClinicalData ? 'w/' : 'w/o' }}</span {{ scope.row.IsHaveClinicalData ? 'w/' : 'w/o' }}</span
> >
</span> </span>
<span v-else <!-- <span v-else
>{{ $t('trials:crcUpload:label:noneDicom') }}: >{{ $t('trials:crcUpload:label:noneDicom') }}:
{{ scope.row.NoneDicomStudyCount }}</span {{ scope.row.NoneDicomStudyCount }}</span
> > -->
</div> </div>
<span> <span>
{{ {{
@@ -1682,7 +1681,7 @@ export default {
this.searchData.SubjectInfo = this.$route.query.subjectCode this.searchData.SubjectInfo = this.$route.query.subjectCode
changeURLStatic('subjectCode', '') changeURLStatic('subjectCode', '')
} }
if (this.$route.query.trialSiteId) { if (this.$route.query.trialSiteId) {
this.searchData.TrialSiteId = this.$route.query.trialSiteId this.searchData.TrialSiteId = this.$route.query.trialSiteId
changeURLStatic('trialSiteId', '') changeURLStatic('trialSiteId', '')