Compare commits
30 Commits
v1.9.0
...
bfe9817544
| Author | SHA1 | Date | |
|---|---|---|---|
| bfe9817544 | |||
| f5fd1252c9 | |||
| 596ea8f658 | |||
| b24548dd8b | |||
| 4a479258f2 | |||
| 29d0cc7653 | |||
| 6de9cd26a4 | |||
| caf3f41465 | |||
| 8896737a9e | |||
| 1be46686a3 | |||
| 0cd07b76f8 | |||
| d74c0028f6 | |||
| ab5645f28a | |||
| efb88b7ad1 | |||
| 129548031c | |||
| 5dbddbea57 | |||
| 689782bf36 | |||
| 89fe4e4c00 | |||
| a582daf686 | |||
| 3e680d0033 | |||
| af343d43d8 | |||
| 4b9216229c | |||
| 2952762ce7 | |||
| 361aed4a0c | |||
| 19b419c29e | |||
| 7e9a9b62f6 | |||
| 3921f369c3 | |||
| 0ffe7ff1a7 | |||
| 5ec969c2f9 | |||
| f1dee25987 |
+14
-10
@@ -40,7 +40,7 @@
|
||||
<el-form-item :label="$t('il8n:search:keyword')">
|
||||
<el-input v-model="key" @input="keyChange" />
|
||||
</el-form-item>
|
||||
<el-form-item :label="$t('il8n:search:state')" v-if="il8nExternal">
|
||||
<el-form-item :label="$t('il8n:search:state')">
|
||||
<el-select
|
||||
v-model="State"
|
||||
clearable
|
||||
@@ -105,11 +105,7 @@
|
||||
></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="ValueCN"
|
||||
:label="$t('il8n:table:state')"
|
||||
v-if="il8nExternal"
|
||||
>
|
||||
<el-table-column prop="ValueCN" :label="$t('il8n:table:state')">
|
||||
<template slot-scope="scope">
|
||||
<el-select
|
||||
v-model="scope.row.State"
|
||||
@@ -126,12 +122,16 @@
|
||||
</el-select>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="Version" :label="$t('il8n:table:Version')">
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div style="text-align: right; padding-top: 10px; padding-right: 10px">
|
||||
<el-button size="mini" @click="drawer = false">取消 </el-button>
|
||||
<el-button size="mini" type="primary" @click="handleSave"
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button size="mini" @click="drawer = false"
|
||||
>{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<el-button size="mini" type="primary" @click="handleSave">{{
|
||||
$t('common:button:save')
|
||||
}}</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
<feedBack v-if="$route.matched.length > 0" />
|
||||
@@ -246,6 +246,7 @@ export default {
|
||||
openI18n(ARRAY) {
|
||||
this.tableData = []
|
||||
this.il8nExternal = false
|
||||
this.State = null
|
||||
this.key = null
|
||||
this.drawer = true
|
||||
let arr = []
|
||||
@@ -266,6 +267,7 @@ export default {
|
||||
Value: item.Value,
|
||||
ValueCN: item.ValueCN,
|
||||
State: item.State,
|
||||
Version: item.Version,
|
||||
}
|
||||
})
|
||||
this.tableData = Object.assign([], tableData)
|
||||
@@ -296,6 +298,8 @@ export default {
|
||||
Description: null,
|
||||
Value: null,
|
||||
ValueCN: null,
|
||||
State: 0,
|
||||
Version: this.$version.Version,
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
@@ -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) {
|
||||
return request({
|
||||
url: `/QCList/getVisitQCStudyAndSeriesList/${subjectVisitId}`,
|
||||
|
||||
@@ -149,6 +149,7 @@ export default {
|
||||
return isShow
|
||||
},
|
||||
goBack() {
|
||||
zzSessionStorage.removeItem('lastWorkbench')
|
||||
this.$router.push({ path: '/trials/trials-list' })
|
||||
},
|
||||
selectTrials(v) {
|
||||
|
||||
@@ -92,6 +92,7 @@ export default {
|
||||
try {
|
||||
if (!this.form.userRoleId)
|
||||
return this.$message.warning(this.$t('toggleRole:ruleMessage:select'))
|
||||
zzSessionStorage.removeItem('lastWorkbench')
|
||||
this.$emit('save', this.form.userRoleId)
|
||||
} catch (err) {
|
||||
console.log(err)
|
||||
|
||||
+1
-1
@@ -174,7 +174,7 @@ var _vm
|
||||
async function VueInit() {
|
||||
var params
|
||||
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')
|
||||
res = await getBasicDataAllSelect(params)
|
||||
} else if (~window.location.href.indexOf('/ecrfPreview')) {
|
||||
|
||||
@@ -139,6 +139,12 @@ export const constantRoutes = [
|
||||
hidden: true,
|
||||
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',
|
||||
|
||||
@@ -52,10 +52,14 @@
|
||||
</div>
|
||||
<div v-if="item.isExistMutiFrames && item.instanceCount > 1">
|
||||
<el-popover
|
||||
placement="right"
|
||||
trigger="hover"
|
||||
v-model="item.isShowPopper"
|
||||
placement="right-start"
|
||||
trigger="manual"
|
||||
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
|
||||
v-for="(instance, idx) in item.instanceInfoList"
|
||||
@@ -66,11 +70,27 @@
|
||||
>
|
||||
<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>
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -138,13 +158,13 @@ import * as cornerstone from 'cornerstone-core'
|
||||
import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
|
||||
import dicomViewer from '@/components/Dicom/DicomViewer'
|
||||
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 store from '@/store'
|
||||
import { changeURLStatic } from '@/utils/history.js'
|
||||
import metaDataProvider from '@/utils/metaDataProvider'
|
||||
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
|
||||
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 })
|
||||
var config = {
|
||||
maxWebWorkers: 4,
|
||||
startWebWorkersOnDemand: true,
|
||||
@@ -296,7 +316,8 @@ export default {
|
||||
tpCode: this.tpCode,
|
||||
loadStatus: false,
|
||||
imageloadedArr: [],
|
||||
isExistMutiFrames: item.IsExistMutiFrames
|
||||
isExistMutiFrames: item.IsExistMutiFrames,
|
||||
isShowPopper: false
|
||||
})
|
||||
})
|
||||
this.seriesList = seriesList
|
||||
@@ -355,7 +376,8 @@ export default {
|
||||
tpCode: this.tpCode,
|
||||
loadStatus: false,
|
||||
imageloadedArr: [],
|
||||
isExistMutiFrames: item.IsExistMutiFrames
|
||||
isExistMutiFrames: item.IsExistMutiFrames,
|
||||
isShowPopper: false
|
||||
})
|
||||
})
|
||||
this.seriesList = seriesList
|
||||
@@ -384,8 +406,8 @@ export default {
|
||||
if (!res.Result || (res.Result && res.Result.length === 0)) return
|
||||
var seriesInstanceUid = res.Result[0].SeriesInstanceUid
|
||||
var sliceThickness = res.Result[0].SliceThickness
|
||||
var isReading = res.Result[0].IsReading
|
||||
var isDeleted = res.Result[0].IsDeleted
|
||||
var isReading = res.OtherInfo.IsReading
|
||||
var isDeleted = res.OtherInfo.IsDeleted
|
||||
var seriesList = []
|
||||
var imageIds = []
|
||||
let isExistMutiFrames = false
|
||||
@@ -403,7 +425,7 @@ export default {
|
||||
imageIds.push(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({
|
||||
trialId,
|
||||
@@ -424,7 +446,8 @@ export default {
|
||||
prefetchInstanceCount: 0,
|
||||
loadStatus: false,
|
||||
imageloadedArr: [],
|
||||
isExistMutiFrames: isExistMutiFrames
|
||||
isExistMutiFrames: isExistMutiFrames,
|
||||
isShowPopper: false
|
||||
})
|
||||
this.seriesList = seriesList
|
||||
if (this.seriesList.length > 0) {
|
||||
@@ -573,7 +596,8 @@ export default {
|
||||
hasLabel: seriesInfo.HasLabel,
|
||||
keySeries: seriesInfo.KeySeries,
|
||||
loadStatus: false,
|
||||
imageloadedArr: []
|
||||
imageloadedArr: [],
|
||||
isShowPopper: false
|
||||
})
|
||||
this.seriesList = seriesList
|
||||
if (this.seriesList.length > 0) {
|
||||
@@ -671,6 +695,81 @@ export default {
|
||||
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() {
|
||||
const seriesIndex = this.seriesList.findIndex(i => i.loadStatus === false)
|
||||
if (seriesIndex === -1) return
|
||||
@@ -948,8 +1047,8 @@ export default {
|
||||
background: #d0d0d0;
|
||||
}
|
||||
.frame_content{
|
||||
height: 50px;
|
||||
padding: 5px;
|
||||
/* height: 50px; */
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
color: #ddd;
|
||||
|
||||
@@ -59,34 +59,56 @@
|
||||
<div>#{{ series.seriesNumber }}</div>
|
||||
<div v-if="series.isExistMutiFrames && series.instanceCount > 1">
|
||||
<el-popover
|
||||
placement="right"
|
||||
trigger="hover"
|
||||
v-model="series.isShowPopper"
|
||||
placement="right-start"
|
||||
trigger="manual"
|
||||
popper-class="instance_frame_wrapper"
|
||||
>
|
||||
<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>
|
||||
|
||||
<div style="text-align: right;">
|
||||
<i class="el-icon-circle-close" style="font-size: 20px;cursor: pointer;color:#ddd;" @click="series.isShowPopper = false" />
|
||||
</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>
|
||||
</div>
|
||||
|
||||
@@ -143,7 +165,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</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">
|
||||
<el-collapse v-model="relationActiveName" @change="handelRelationActiveChange">
|
||||
<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-if="seriesItem.isExistMutiFrames && seriesItem.instanceCount > 1">
|
||||
<el-popover
|
||||
placement="right"
|
||||
trigger="hover"
|
||||
placement="right-start"
|
||||
trigger="click"
|
||||
popper-class="instance_frame_wrapper"
|
||||
>
|
||||
<div class="frame_list">
|
||||
@@ -260,13 +282,13 @@ import * as cornerstone from 'cornerstone-core'
|
||||
import * as cornerstoneWADOImageLoader from 'cornerstone-wado-image-loader'
|
||||
import dicomViewer from '@/components/Dicom/DicomViewer'
|
||||
import { getVisitStudyList, getAllRelationStudyList, getSeriesList } from '@/api/reading'
|
||||
import { setSeriesStatus } from '@/api/trials'
|
||||
import { setSeriesStatus, setInstanceStatus } from '@/api/trials'
|
||||
import { getTaskUploadedDicomStudyList } from '@/api/reading'
|
||||
import requestPoolManager from '@/utils/request-pool'
|
||||
import store from '@/store'
|
||||
import { changeURLStatic } from '@/utils/history.js'
|
||||
import metaDataProvider from '@/utils/metaDataProvider'
|
||||
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 });
|
||||
cornerstone.metaData.addProvider(metaDataProvider, { priority: 10 })
|
||||
// import * as cornerstoneTools from 'cornerstone-tools'
|
||||
var config = {
|
||||
maxWebWorkers: 4,
|
||||
@@ -348,7 +370,7 @@ export default {
|
||||
let res = null
|
||||
if (this.page === 'upload') {
|
||||
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)
|
||||
} else {
|
||||
res = await getVisitStudyList(this.trialId, this.subjectVisitId, this.isReading)
|
||||
@@ -399,7 +421,8 @@ export default {
|
||||
prefetchInstanceCount: 0,
|
||||
loadStatus: false,
|
||||
imageloadedArr: [],
|
||||
isExistMutiFrames: series.IsExistMutiFrames
|
||||
isExistMutiFrames: series.IsExistMutiFrames,
|
||||
isShowPopper: false
|
||||
})
|
||||
})
|
||||
data.SeriesList = seriesList
|
||||
@@ -595,6 +618,83 @@ export default {
|
||||
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时获取关联检查信息
|
||||
async handleTabClick(tab, event) {
|
||||
if (tab.name === 'relation-study' && this.relationStudyList.length <= 0) {
|
||||
@@ -671,7 +771,8 @@ export default {
|
||||
keySeries: item.KeySeries,
|
||||
loadStatus: false,
|
||||
imageloadedArr: [],
|
||||
isExistMutiFrames: item.IsExistMutiFrames
|
||||
isExistMutiFrames: item.IsExistMutiFrames,
|
||||
isShowPopper: false
|
||||
})
|
||||
})
|
||||
scope.relationStudyList[index].seriesCount = seriesList.length
|
||||
@@ -978,9 +1079,21 @@ export default {
|
||||
border: 1px solid #2c2c2c;
|
||||
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{
|
||||
height: 50px;
|
||||
padding: 5px;
|
||||
/* height: 50px; */
|
||||
padding: 10px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
color: #ddd;
|
||||
|
||||
@@ -73,13 +73,13 @@
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-edit-outline"
|
||||
title="编辑"
|
||||
:title="$t('common:button:edit')"
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-delete"
|
||||
title="删除"
|
||||
:title="$t('common:button:delete')"
|
||||
@click="handleDelete(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -113,13 +113,13 @@
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-edit-outline"
|
||||
title="编辑"
|
||||
:title="$t('common:button:edit')"
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
/>
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-delete"
|
||||
title="删除"
|
||||
:title="$t('common:button:delete')"
|
||||
@click="handleDelete(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -32,9 +32,9 @@
|
||||
<el-input v-model="form.AliasName" />
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="组织机构代码: ">
|
||||
<!-- <el-form-item label="组织机构代码: ">
|
||||
<el-input v-model="form.UniqueCode" />
|
||||
</el-form-item>
|
||||
</el-form-item> -->
|
||||
|
||||
<el-form-item label="Country: " prop="Country">
|
||||
<el-input v-model="form.Country" />
|
||||
|
||||
@@ -74,13 +74,13 @@
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
<!-- <el-table-column
|
||||
prop="UniqueCode"
|
||||
label="组织机构代码"
|
||||
min-width="130"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
/> -->
|
||||
<el-table-column
|
||||
prop="Country"
|
||||
label="Country"
|
||||
@@ -149,13 +149,13 @@
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-edit-outline"
|
||||
title="编辑"
|
||||
:title="$t('common:button:edit')"
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-delete"
|
||||
title="删除"
|
||||
:title="$t('common:button:delete')"
|
||||
@click="handleDelete(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -73,13 +73,13 @@
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-edit-outline"
|
||||
title="编辑"
|
||||
:title="$t('common:button:edit')"
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
circle
|
||||
icon="el-icon-delete"
|
||||
title="删除"
|
||||
:title="$t('common:button:delete')"
|
||||
@click="handleDelete(scope.row)"
|
||||
/>
|
||||
</template>
|
||||
|
||||
@@ -8,13 +8,14 @@
|
||||
:rules="rules"
|
||||
>
|
||||
<div class="base-dialog-body">
|
||||
<el-form-item label="标准名称" prop="CriterionName">
|
||||
<!-- 标准名称 -->
|
||||
<el-form-item :label="$t('trials:auditRecord:table:criterion')" prop="CriterionName">
|
||||
<el-input
|
||||
v-model="form.CriterionName"
|
||||
/>
|
||||
</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-option
|
||||
v-for="item of $d.CriterionType"
|
||||
@@ -24,7 +25,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
v-for="item of $d.CriterionGroup"
|
||||
@@ -34,23 +36,26 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-form-item>
|
||||
<el-form-item label="描述">
|
||||
<!-- 描述 -->
|
||||
<el-form-item :label="$t('dictionary:template:criterionConfig:table:description')">
|
||||
<el-input
|
||||
v-model="form.Description"
|
||||
/>
|
||||
</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-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-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-form-item>
|
||||
</div>
|
||||
|
||||
@@ -109,6 +109,15 @@
|
||||
{{ scope.row.FileName }}
|
||||
</template>
|
||||
</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
|
||||
prop="IsEnable"
|
||||
label="状态"
|
||||
@@ -136,10 +145,20 @@
|
||||
问题配置
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="$i18n.locale === 'zh'"
|
||||
type="primary"
|
||||
size="mini"
|
||||
: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>
|
||||
@@ -258,8 +277,8 @@ export default {
|
||||
}).catch(() => { this.loading = false })
|
||||
})
|
||||
},
|
||||
handleDownloadTpl(row) {
|
||||
window.open(this.OSSclientConfig.basePath + row.Path, '_blank')
|
||||
handleDownloadTpl(path) {
|
||||
window.open(this.OSSclientConfig.basePath + path, '_blank')
|
||||
},
|
||||
// 排序
|
||||
handleSortByColumn(column) {
|
||||
|
||||
@@ -113,6 +113,34 @@
|
||||
</div>
|
||||
</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-switch v-model="form.IsEnable" />
|
||||
</el-form-item>
|
||||
@@ -160,6 +188,8 @@ export default {
|
||||
UploadRole: null,
|
||||
FileName: '',
|
||||
Path: '',
|
||||
EnFileName: '',
|
||||
EnPath: '',
|
||||
IsEnable: true,
|
||||
CriterionEnumList: []
|
||||
},
|
||||
@@ -173,6 +203,7 @@ export default {
|
||||
loading: false,
|
||||
btnLoading: false,
|
||||
fileList: [],
|
||||
enFileList: [],
|
||||
systemCriterionSelectList: []
|
||||
}
|
||||
},
|
||||
@@ -195,6 +226,14 @@ export default {
|
||||
}
|
||||
]
|
||||
}
|
||||
if (this.data.EnPath) {
|
||||
this.enFileList = [
|
||||
{
|
||||
name: this.data.EnFileName,
|
||||
path: this.data.EnPath
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
save() {
|
||||
@@ -249,6 +288,32 @@ export default {
|
||||
handleExceed(files, fileList) {
|
||||
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) {
|
||||
var typeArr = ['doc', 'docx']
|
||||
var extendName = fileName.substring(fileName.lastIndexOf('.') + 1).toLocaleLowerCase()
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
:prop="question.Id"
|
||||
:rules="[
|
||||
{ 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':'']"
|
||||
>
|
||||
|
||||
@@ -11,7 +11,7 @@
|
||||
<div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
|
||||
<div style="height: 150px;">
|
||||
<!-- 类型 -->
|
||||
<el-form-item label="类型" prop="Type">
|
||||
<el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
|
||||
<el-select
|
||||
v-model="form.Type"
|
||||
clearable
|
||||
@@ -33,22 +33,23 @@
|
||||
<!-- 分组名称 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'group'"
|
||||
label="分组名称"
|
||||
:label="$t('trials:readingUnit:qsList:title:groupNameEn')"
|
||||
prop="GroupName"
|
||||
>
|
||||
<el-input v-model="form.GroupName" />
|
||||
</el-form-item>
|
||||
|
||||
<!-- 分组名称(EN) -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'group'"
|
||||
label="分组名称(EN)"
|
||||
:label="$t('trials:readingUnit:qsList:title:groupNameEn')"
|
||||
prop="GroupEnName"
|
||||
>
|
||||
<el-input v-model="form.GroupEnName" />
|
||||
</el-form-item>
|
||||
<!-- 问题名称 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group'"
|
||||
label="问题名称"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
|
||||
prop="QuestionName"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||||
@@ -57,10 +58,10 @@
|
||||
>
|
||||
<el-input v-model="form.QuestionName" />
|
||||
</el-form-item>
|
||||
|
||||
<!-- 问题名称(EN) -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group'"
|
||||
label="问题名称(EN)"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
|
||||
prop="QuestionEnName"
|
||||
:rules="[
|
||||
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
|
||||
@@ -70,10 +71,12 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
<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
|
||||
v-if="form.Type !== 'group'"
|
||||
label="问题分组"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsGroupName')"
|
||||
:rules="[
|
||||
{ required: form.ShowQuestion === 1 ? false : true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
]"
|
||||
@@ -91,9 +94,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 是否显示 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group'"
|
||||
label="是否显示"
|
||||
:label="$t('trials:readingUnit:qsList:title:isShow')"
|
||||
prop="ShowQuestion"
|
||||
>
|
||||
<el-radio-group
|
||||
@@ -117,7 +121,7 @@
|
||||
<!-- 显示时依赖父问题 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group' && form.ShowQuestion === 1"
|
||||
label="显示依赖父问题"
|
||||
:label="$t('trials:readingUnit:qsList:title:parentId')"
|
||||
prop="ParentId"
|
||||
>
|
||||
<el-select
|
||||
@@ -140,7 +144,7 @@
|
||||
<!-- 显示时依赖父问题触发值 -->
|
||||
<el-form-item
|
||||
v-if="form.ParentId && form.ShowQuestion === 1"
|
||||
label="显示触发值"
|
||||
:label="$t('trials:readingUnit:qsList:title:parentTriggerValueList')"
|
||||
prop="ParentTriggerValueList"
|
||||
>
|
||||
<el-select v-model="form.ParentTriggerValueList" clearable multiple>
|
||||
@@ -152,10 +156,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 是否必填 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'"
|
||||
label="是否必填"
|
||||
prop="IsRequired"
|
||||
:label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired"
|
||||
>
|
||||
<el-radio-group
|
||||
v-model="form.IsRequired"
|
||||
@@ -176,10 +180,10 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<!-- 父问题 -->
|
||||
<!-- 必填依赖父问题 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group' && form.IsRequired === 1"
|
||||
label="必填依赖父问题"
|
||||
:label="$t('trials:readingUnit:qsList:title:relevanceId')"
|
||||
prop="RelevanceId"
|
||||
>
|
||||
<el-select
|
||||
@@ -199,10 +203,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 必填依赖的父问题触发值 -->
|
||||
<!-- 必填触发值 -->
|
||||
<el-form-item
|
||||
v-if="form.RelevanceId && form.IsRequired === 1"
|
||||
label="必填触发值"
|
||||
:label="$t('trials:readingUnit:qsList:title:relevanceValueList')"
|
||||
prop="RelevanceValueList"
|
||||
>
|
||||
<el-select v-model="form.RelevanceValueList" clearable multiple>
|
||||
@@ -214,6 +218,7 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 是否裁判问题 -->
|
||||
<el-form-item
|
||||
v-if="
|
||||
form.Type === 'select' ||
|
||||
@@ -221,7 +226,7 @@
|
||||
form.Type === 'calculation' ||
|
||||
form.Type === 'number'
|
||||
"
|
||||
label="是否裁判问题"
|
||||
:label="$t('trials:readingUnit:qsList:title:isJudgeQuestion')"
|
||||
prop="IsJudgeQuestion"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
@@ -263,8 +268,9 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</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'"
|
||||
>
|
||||
<el-select v-model="form.ExportResult" multiple>
|
||||
@@ -277,9 +283,9 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</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'"
|
||||
prop="LimitEdit"
|
||||
:rules="[
|
||||
@@ -295,8 +301,9 @@
|
||||
>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 全局阅片是否显示 -->
|
||||
<el-form-item
|
||||
label="全局阅片是否显示"
|
||||
:label="$t('trials:readingUnit:qsList:title:globalReadingShowType')"
|
||||
prop="GlobalReadingShowType"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
@@ -311,8 +318,9 @@
|
||||
>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 问题标识 -->
|
||||
<el-form-item
|
||||
label="问题标识"
|
||||
:label="$t('dictionary:template:criterionConfig:table:questionType')"
|
||||
v-if="form.Type !== 'group' && form.Type !== 'summary'"
|
||||
prop="QuestionType"
|
||||
>
|
||||
@@ -325,8 +333,9 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 是否在阅片页面显示 -->
|
||||
<el-form-item
|
||||
label="是否在阅片页面显示"
|
||||
:label="$t('trials:readingUnit:qsList:title:isShowInDicom')"
|
||||
prop="IsShowInDicom"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
@@ -341,14 +350,16 @@
|
||||
>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 注释 -->
|
||||
<el-form-item
|
||||
label="注释"
|
||||
:label="$t('trials:readingUnit:qsList:title:Remark')"
|
||||
prop="Remark"
|
||||
>
|
||||
<el-input v-model="form.Remark" />
|
||||
</el-form-item>
|
||||
<!-- 序号 -->
|
||||
<el-form-item
|
||||
label="序号"
|
||||
:label="$t('trials:readingUnit:qsList:title:order')"
|
||||
prop="ShowOrder"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
@@ -361,7 +372,8 @@
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- 适用于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-option
|
||||
v-for="item of $d.QuestionClassify"
|
||||
@@ -372,7 +384,8 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 适用于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
|
||||
v-for="item of $d.ConvertShowType"
|
||||
@@ -383,16 +396,18 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</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
|
||||
v-if="
|
||||
form.Type === 'select' ||
|
||||
form.Type === 'radio' ||
|
||||
form.Type === 'calculation'
|
||||
"
|
||||
label="选项类型"
|
||||
:label="$t('trials:readingUnit:label:QuestionGenre')"
|
||||
prop="QuestionGenre"
|
||||
:rules="[{ required: form.Type !== 'calculation', message: '请选择' }]"
|
||||
:rules="[{ required: form.Type !== 'calculation', message: this.$t('common:ruleMessage:select') }]"
|
||||
>
|
||||
<el-radio-group
|
||||
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
|
||||
v-for="item of $d.TableQuestionType"
|
||||
v-show="item.value === 0 || item.value === 3"
|
||||
@@ -413,23 +428,23 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<!-- 选项 -->
|
||||
<el-form-item
|
||||
v-if="form.QuestionGenre === 0 || form.Type === 'class'"
|
||||
label="选项"
|
||||
:label="$t('trials:qcCfg:table:typeValue')"
|
||||
prop="TypeValue"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.TypeValue"
|
||||
placeholder="选项请用‘|’分割多个选项"
|
||||
:placeholder="$t('trials:qcCfg:message:typeValue')"
|
||||
@change="typeValueChange"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
|
||||
<!-- 关联字典 -->
|
||||
<el-form-item
|
||||
v-if="form.QuestionGenre === 3"
|
||||
label="关联字典"
|
||||
:label="$t('trials:readingUnit:label:DictionaryCode')"
|
||||
prop="DictionaryCode"
|
||||
>
|
||||
<el-select
|
||||
@@ -449,8 +464,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
v-for="item of highlightAnswers"
|
||||
@@ -460,7 +475,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
v-for="item of form.TypeValue ? form.TypeValue.split('|') : []"
|
||||
@@ -470,9 +486,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 高亮标记值 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'select' || form.Type === 'radio'"
|
||||
label="高亮标记值"
|
||||
:label="$t('trials:readingUnit:qsList:title:highlightAnswers')"
|
||||
prop="HighlightAnswerList"
|
||||
>
|
||||
<el-select v-model="form.HighlightAnswerList" clearable multiple>
|
||||
@@ -494,8 +511,9 @@
|
||||
</template>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 分组标识 -->
|
||||
<el-form-item
|
||||
label="分组标识"
|
||||
:label="$t('dictionary:template:criterionConfig:table:groupClassify')"
|
||||
v-if="form.Type === 'group'"
|
||||
prop="GroupClassify"
|
||||
>
|
||||
@@ -508,9 +526,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 最大长度 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'input' || form.Type === 'textarea'"
|
||||
label="最大长度"
|
||||
:label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
|
||||
prop="MaxAnswerLength"
|
||||
:rules="[
|
||||
{ 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-form-item>
|
||||
<!-- 最大行数 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'table' || form.Type === 'basicTable'"
|
||||
label="最大行数"
|
||||
:label="$t('trials:readingUnit:qsList:title:maxQuestionCount')"
|
||||
prop="MaxQuestionCount"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||
@@ -533,16 +553,16 @@
|
||||
:max="10"
|
||||
/>
|
||||
</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-form-item>
|
||||
|
||||
<!-- 数值类型 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'number' || form.Type === 'calculation'"
|
||||
label="数值类型"
|
||||
:label="$t('trials:readingUnit:qsList:title: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
|
||||
@@ -555,10 +575,10 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<!-- 数值单位 -->
|
||||
<!-- 单位 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'number' || form.Type === 'calculation'"
|
||||
label="单位"
|
||||
:label="$t('trials:readingUnit:qsList:title:unit')"
|
||||
prop="Unit"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
@@ -574,9 +594,10 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 表格类型标识 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'table'"
|
||||
label="表格类型标识"
|
||||
:label="$t('dictionary:template:criterionConfig:table:tableType')"
|
||||
prop="LesionType"
|
||||
>
|
||||
<el-select v-model="form.LesionType" clearable>
|
||||
@@ -588,9 +609,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 表格类型标识 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'basicTable'"
|
||||
label="表格类型标识"
|
||||
:label="$t('dictionary:template:criterionConfig:table:tableType')"
|
||||
prop="LesionType"
|
||||
>
|
||||
<el-select v-model="form.LesionType" clearable>
|
||||
@@ -602,9 +624,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 关联字典 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'table' || form.Type === 'basicTable'"
|
||||
label="关联字典"
|
||||
:label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')"
|
||||
>
|
||||
<el-select
|
||||
v-model="form.DictionaryCode"
|
||||
@@ -623,9 +646,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 最大上传个数 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'upload'"
|
||||
label="最大上传个数"
|
||||
:label="$t('trials:readingUnit:qsList:title:imageCount')"
|
||||
>
|
||||
<el-input-number
|
||||
v-model="form.ImageCount"
|
||||
@@ -637,7 +661,7 @@
|
||||
<!-- 文件类型 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'upload'"
|
||||
label="文件类型"
|
||||
:label="$t('trials:readingUnit:qsList:title:FileType')"
|
||||
prop="FileType"
|
||||
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
|
||||
>
|
||||
@@ -660,10 +684,10 @@
|
||||
</el-checkbox>
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<!-- 分类 -->
|
||||
<!-- 分类数据来源 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'class'"
|
||||
label="分类数据来源"
|
||||
:label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
|
||||
prop="ClassifyQuestionId"
|
||||
>
|
||||
<el-select v-model="form.ClassifyQuestionId" clearable>
|
||||
@@ -671,9 +695,10 @@
|
||||
:value="item.Id"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 分类算法 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'class'"
|
||||
label="分类算法"
|
||||
:label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
|
||||
prop="ClassifyAlgorithms"
|
||||
>
|
||||
<div>
|
||||
@@ -785,7 +810,7 @@ export default {
|
||||
} else {
|
||||
var arr = value.split('|')
|
||||
if (new Set(arr).size !== arr.length) {
|
||||
callback(new Error('选项不允许存在相同值'))
|
||||
callback(new Error(this.$t('trials:readingUnit:qsList:message:msg0')))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
@@ -840,34 +865,34 @@ export default {
|
||||
ClassifyAlgorithms: null,
|
||||
},
|
||||
rules: {
|
||||
Type: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
LesionType: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
Type: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
LesionType: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
// QuestionName: [
|
||||
// { required: true, message: '请注明', trigger: 'blur' },
|
||||
// { max: 300, message: '最大长度为 300' },
|
||||
// ],
|
||||
QuestionGenre: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
QuestionGenre: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
TypeValue: [
|
||||
{ required: true, message: '请注明', trigger: 'blur' },
|
||||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||||
{ validator: validateTypeVal, trigger: 'blur' },
|
||||
{ max: 500, message: '最大长度为 500' },
|
||||
{ max: 500, message: `${this.$t('common:ruleMessage:maxLength')} 500` },
|
||||
],
|
||||
DictionaryCode: [
|
||||
{ required: true, message: '请选择', trigger: 'blur' },
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
|
||||
],
|
||||
ShowQuestion: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
IsRequired: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
ParentId: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
ShowQuestion: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
IsRequired: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
ParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
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' },
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
|
||||
],
|
||||
GroupName: [
|
||||
{ required: true, message: '请注明', trigger: 'blur' },
|
||||
{ max: 50, message: '最大长度为 50' },
|
||||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||||
{ max: 50, message: `${this.$t('common:ruleMessage:maxLength')} 50` },
|
||||
],
|
||||
// ExportIdentification: [
|
||||
// { required: true, message: '请选择', trigger: 'blur' },
|
||||
|
||||
@@ -1,13 +1,15 @@
|
||||
<template>
|
||||
<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
|
||||
:criterion-id="criterionId"
|
||||
:is-complete-config="isCompleteConfig"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="疗效评估" name="efficacyAssessment">
|
||||
<!-- 疗效评估 -->
|
||||
<el-tab-pane :label="$t('dictionary:template:basicData:efficacyAssessment')" name="efficacyAssessment">
|
||||
<EfficacyAssessment
|
||||
v-if="tabs.includes('efficacyAssessment')"
|
||||
:criterion-id="criterionId"
|
||||
@@ -15,7 +17,8 @@
|
||||
:is-complete-config="isCompleteConfig"
|
||||
/>
|
||||
</el-tab-pane>
|
||||
<el-tab-pane label="标准字典" name="criterionDictionary">
|
||||
<!-- 标准字典 -->
|
||||
<el-tab-pane :label="$t('dictionary:template:basicData:criterionDictionary')" name="criterionDictionary">
|
||||
<CriterionDictionary
|
||||
v-if="tabs.includes('criterionDictionary')"
|
||||
:criterion-id="criterionId"
|
||||
|
||||
@@ -1,10 +1,12 @@
|
||||
<template>
|
||||
<div class="criterion-config">
|
||||
<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;">
|
||||
<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-form-item>
|
||||
<el-form-item>
|
||||
@@ -27,7 +29,7 @@
|
||||
type="primary"
|
||||
@click="handlePreview"
|
||||
>
|
||||
预览
|
||||
{{ $t('common:button:preview') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
|
||||
@@ -35,7 +37,7 @@
|
||||
type="primary"
|
||||
@click="handleAdd"
|
||||
>
|
||||
添加
|
||||
{{ $t('common:button:add') }}
|
||||
</el-button>
|
||||
</div>
|
||||
|
||||
@@ -49,61 +51,70 @@
|
||||
stripe
|
||||
@sort-change="handleSortByColumn"
|
||||
>
|
||||
<!-- 显示序号 -->
|
||||
<el-table-column
|
||||
prop="ShowOrder"
|
||||
label=""
|
||||
width="50"
|
||||
/>
|
||||
<!-- 分组 -->
|
||||
<el-table-column
|
||||
prop="GroupName"
|
||||
label="分组"
|
||||
:label="$t('trials:readingUnit:qsList:title:groupNameEn')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 分组(EN) -->
|
||||
<el-table-column
|
||||
prop="GroupEnName"
|
||||
label="分组(EN)"
|
||||
:label="$t('trials:readingUnit:qsList:title:groupNameEn')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 名称 -->
|
||||
<el-table-column
|
||||
prop="QuestionName"
|
||||
label="名称"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 名称(EN) -->
|
||||
<el-table-column
|
||||
prop="QuestionEnName"
|
||||
label="名称(EN)"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 题型 -->
|
||||
<el-table-column
|
||||
prop="Type"
|
||||
label="题型"
|
||||
:label="$t('trials:readingUnit:qsList:title:type')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('Criterion_Question_Type',scope.row.Type) }}
|
||||
</template>
|
||||
</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
|
||||
prop="ShowQuestion"
|
||||
label="是否显示"
|
||||
:label="$t('trials:readingUnit:qsList:title:isShow')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('ShowQuestion',scope.row.ShowQuestion) }}
|
||||
</template>
|
||||
</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
|
||||
prop="IsJudgeQuestion"
|
||||
label="是否裁判问题"
|
||||
:label="$t('trials:readingUnit:qsList:title:isJudgeQuestion')"
|
||||
width="120"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -111,9 +122,10 @@
|
||||
{{ $fd('YesOrNo', scope.row.IsJudgeQuestion) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 是否在阅片页面显示 -->
|
||||
<el-table-column
|
||||
prop="IsShowInDicom"
|
||||
label="是否在阅片页面显示"
|
||||
:label="$t('trials:readingUnit:qsList:title:isShowInDicom')"
|
||||
width="150"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -129,9 +141,10 @@
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column> -->
|
||||
<!-- 是否在全局阅片显示 -->
|
||||
<el-table-column
|
||||
prop="GlobalReadingShowType"
|
||||
label="是否在全局阅片显示"
|
||||
:label="$t('trials:readingUnit:qsList:title:globalReadingShowType')"
|
||||
width="160"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -153,7 +166,7 @@
|
||||
<!-- 问题标识 -->
|
||||
<el-table-column
|
||||
prop="QuestionType"
|
||||
label="问题标识"
|
||||
:label="$t('dictionary:template:criterionConfig:table:questionType')"
|
||||
width="140"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -185,7 +198,7 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop=""
|
||||
label="操作"
|
||||
:label="$t('common:action:action')"
|
||||
width="250"
|
||||
show-overflow-tooltip
|
||||
fixed="right"
|
||||
@@ -197,7 +210,7 @@
|
||||
size="mini"
|
||||
@click="handleEdit(scope.row)"
|
||||
>
|
||||
编辑
|
||||
{{ $t('trials:readingUnit:qsList:title:edit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-else
|
||||
@@ -205,7 +218,7 @@
|
||||
size="mini"
|
||||
@click="handleLook(scope.row)"
|
||||
>
|
||||
查看
|
||||
{{ $t('trials:readingUnit:qsList:title:view') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@@ -213,7 +226,7 @@
|
||||
:disabled="!(scope.row.Type === 'table' || scope.row.Type === 'basicTable')"
|
||||
@click="handleConfig(scope.row)"
|
||||
>
|
||||
表格问题
|
||||
{{ $t('trials:readingUnit:qsList:title:tableQs') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
|
||||
@@ -222,17 +235,19 @@
|
||||
:disabled="scope.row.IsEnable"
|
||||
@click="handleDelete(scope.row)"
|
||||
>
|
||||
删除
|
||||
{{ $t('trials:readingUnit:qsList:title:delete') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<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 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" />
|
||||
</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" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
@@ -361,19 +376,19 @@ export default {
|
||||
handleAdd() {
|
||||
this.rowData = { ReadingQuestionCriterionSystemId: this.criterionId, Id: ''}
|
||||
this.type = 'add'
|
||||
this.addOrEdit.title = '添加'
|
||||
this.addOrEdit.title = this.$t('common:button:new')
|
||||
this.addOrEdit.visible = true
|
||||
},
|
||||
},
|
||||
handleLook(row) {
|
||||
this.rowData = { ...row }
|
||||
this.type = 'look'
|
||||
this.addOrEdit.title = '查看'
|
||||
this.addOrEdit.title = this.$t('common:button:view')
|
||||
this.addOrEdit.visible = true
|
||||
},
|
||||
handleEdit(row) {
|
||||
this.rowData = { ...row }
|
||||
this.type = 'edit'
|
||||
this.addOrEdit.title = '编辑'
|
||||
this.addOrEdit.title = this.$t('common:button:edit')
|
||||
this.addOrEdit.visible = true
|
||||
},
|
||||
handleDelete(row) {
|
||||
@@ -388,7 +403,7 @@ export default {
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.getList()
|
||||
this.$message.success('删除成功!')
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
}
|
||||
}).catch(() => { this.loading = false })
|
||||
})
|
||||
|
||||
@@ -8,8 +8,9 @@
|
||||
>
|
||||
<el-input v-model="searchData.CriterionName" clearable style="width:120px;" />
|
||||
</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-option
|
||||
@@ -20,8 +21,9 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
@@ -32,8 +34,9 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
@@ -44,8 +47,9 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
@@ -70,7 +74,8 @@
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
@@ -85,16 +90,17 @@
|
||||
ref="criterionsTbl"
|
||||
>
|
||||
<el-table-column type="index" width="60" />
|
||||
|
||||
<!-- 标准名称 -->
|
||||
<el-table-column
|
||||
prop="CriterionName"
|
||||
label="标准名称"
|
||||
:label="$t('trials:auditRecord:table:criterion')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<!-- 标准类型 -->
|
||||
<el-table-column
|
||||
prop="CriterionType"
|
||||
label="标准类型"
|
||||
:label="$t('dictionary:template:criterionConfig:table:criterionType')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
>
|
||||
@@ -102,9 +108,10 @@
|
||||
{{ $fd('CriterionType',scope.row.CriterionType) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 标准分组 -->
|
||||
<el-table-column
|
||||
prop="CriterionGroup"
|
||||
label="标准分组"
|
||||
:label="$t('dictionary:template:criterionConfig:table:criterionGroup')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
>
|
||||
@@ -112,10 +119,10 @@
|
||||
{{ $fd('CriterionGroup',scope.row.CriterionGroup) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 是否配置完成 -->
|
||||
<el-table-column
|
||||
prop="IsCompleteConfig"
|
||||
label="是否配置完成"
|
||||
:label="$t('dictionary:template:criterionConfig:table:isCompleteConfig')"
|
||||
sortable="custom"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
@@ -128,29 +135,33 @@
|
||||
{{ $fd('YesOrNo', scope.row.IsCompleteConfig) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 描述 -->
|
||||
<el-table-column
|
||||
prop="Description"
|
||||
label="描述"
|
||||
:label="$t('dictionary:template:criterionConfig:table:description')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 是否启用 -->
|
||||
<el-table-column
|
||||
prop="IsEnable"
|
||||
label="是否启用"
|
||||
:label="$t('dictionary:template:criterionConfig:table:isEnable')"
|
||||
sortable="custom"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('YesOrNo', scope.row.IsEnable) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 显示序号 -->
|
||||
<el-table-column
|
||||
prop="ShowOrder"
|
||||
label="显示序号"
|
||||
:label="$t('dictionary:template:criterionConfig:table:showOrder')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<!-- eICRF仅展示阅片Tab -->
|
||||
<el-table-column
|
||||
prop="IseCRFShowInDicomReading"
|
||||
label="eICRF仅展示阅片Tab"
|
||||
:label="$t('dictionary:template:criterionConfig:table:isECRFShowInDicomReading')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
width="210"
|
||||
@@ -159,36 +170,40 @@
|
||||
{{ $fd('YesOrNo', scope.row.IseCRFShowInDicomReading) }}
|
||||
</template>
|
||||
</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">
|
||||
<!-- 编辑 -->
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
@click="handleEdit(scope.row)"
|
||||
>
|
||||
编辑
|
||||
{{ $t('common:button:edit') }}
|
||||
</el-button>
|
||||
<!-- eCRF -->
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
@click="handleConfig(scope.row)"
|
||||
>
|
||||
eCRF
|
||||
{{ $t('dictionary:template:criterionConfig:button:eCRF') }}
|
||||
</el-button>
|
||||
<!-- 基础数据 -->
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
@click="handleBaseDataConfig(scope.row)"
|
||||
>
|
||||
基础数据
|
||||
{{ $t('dictionary:template:criterionConfig:button:basicData') }}
|
||||
</el-button>
|
||||
<!-- 删除 -->
|
||||
<el-button
|
||||
type="danger"
|
||||
size="mini"
|
||||
:disabled="scope.row.IsCompleteConfig"
|
||||
@click="handleDelete(scope.row)"
|
||||
>
|
||||
删除
|
||||
{{ $t('common:button:delete') }}
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
@@ -227,7 +242,7 @@
|
||||
|
||||
<el-dialog
|
||||
v-if="configBaseDataVisible"
|
||||
:title="'基础数据配置' + `(${rowData.CriterionName})`"
|
||||
:title="`${this.$t('trials:readingUnit:readingCriterion:title:baseDataCfg')} (${rowData.CriterionName})`"
|
||||
:visible.sync="configBaseDataVisible"
|
||||
:close-on-click-modal="false"
|
||||
:fullscreen="true"
|
||||
@@ -292,17 +307,17 @@ export default {
|
||||
}).catch(() => { this.loading = false })
|
||||
},
|
||||
handleAdd() {
|
||||
this.addDialog.title = '添加'
|
||||
this.addDialog.title = this.$t('common:button:new')
|
||||
this.addDialog.visible = true
|
||||
this.rowData = {}
|
||||
},
|
||||
handleEdit(row) {
|
||||
this.addDialog.title = '编辑'
|
||||
this.addDialog.title = this.$t('common:button:edit')
|
||||
this.addDialog.visible = true
|
||||
this.rowData = { ...row }
|
||||
},
|
||||
handleDelete(row) {
|
||||
this.$confirm('是否确认删除', {
|
||||
this.$confirm(this.$t('trials:readingUnit:baseDataCfg:message:deleteConfirm'), {
|
||||
distinguishCancelAndClose: true,
|
||||
type: 'warning'
|
||||
}).then(() => {
|
||||
@@ -310,7 +325,7 @@ export default {
|
||||
deleteReadingQuestionCriterionSystem(row.Id).then(res => {
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
this.getList()
|
||||
}
|
||||
}).catch(() => { this.loading = false })
|
||||
@@ -319,10 +334,10 @@ export default {
|
||||
changeStatus(callback, row) {
|
||||
var message = ''
|
||||
if (callback) {
|
||||
message = '是否确认更改?'
|
||||
message = this.$t('trials:readingUnit:baseDataCfg:message:updateConfirm')
|
||||
row.IsCompleteConfig = false
|
||||
} else {
|
||||
message = '是否确认更改?'
|
||||
message = this.$t('trials:readingUnit:baseDataCfg:message:updateConfirm')
|
||||
row.IsCompleteConfig = true
|
||||
}
|
||||
this.$confirm(message, {
|
||||
|
||||
@@ -1,10 +1,13 @@
|
||||
<template>
|
||||
<div 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) }}
|
||||
</el-form-item>
|
||||
<!-- 配置 -->
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
@@ -12,11 +15,13 @@
|
||||
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
|
||||
@click="handleAdd(1)"
|
||||
>
|
||||
配置
|
||||
{{ $t('dictionary:template:globalConfig:config') }}
|
||||
</el-button>
|
||||
</el-form>
|
||||
<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
|
||||
size="mini"
|
||||
type="primary"
|
||||
@@ -24,9 +29,10 @@
|
||||
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
|
||||
@click="handleAdd(2)"
|
||||
>
|
||||
配置
|
||||
{{ $t('dictionary:template:globalConfig:config') }}
|
||||
</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-table
|
||||
v-loading="loading"
|
||||
@@ -34,30 +40,34 @@
|
||||
:data="list"
|
||||
stripe
|
||||
>
|
||||
<!-- 序号 -->
|
||||
<el-table-column
|
||||
prop=""
|
||||
label="序号"
|
||||
:label="$t('dictionary:template:globalConfig:order')"
|
||||
width="50"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{scope.$index + 1}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 中文值 -->
|
||||
<el-table-column
|
||||
prop="ValueCN"
|
||||
label="中文值"
|
||||
:label="$t('dictionary:template:globalConfig:valueCN')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- 英文值 -->
|
||||
<el-table-column
|
||||
prop="Value"
|
||||
label="英文值"
|
||||
:label="$t('dictionary:template:globalConfig:value')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- 是否基线评估 -->
|
||||
<el-table-column
|
||||
prop="IsBaseLineUse"
|
||||
label="是否基线评估"
|
||||
:label="$t('dictionary:template:globalConfig:isBaseLineUse')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
@@ -70,9 +80,10 @@
|
||||
<el-tag v-else type="danger">{{ $fd('YesOrNo', scope.row.IsBaseLineUse) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 是否随访评估 -->
|
||||
<el-table-column
|
||||
prop="IsFollowVisitUse"
|
||||
label="是否随访评估"
|
||||
:label="$t('dictionary:template:globalConfig:isFollowVisitUse')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
@@ -93,12 +104,14 @@
|
||||
>
|
||||
<template slot="dialog-body">
|
||||
<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 v-for="item of $d.YesOrNo" :key="'form.IsMustGlobalReading' + item.value" :label="item.value">{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</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-table
|
||||
v-if="config.configType === 2"
|
||||
@@ -112,21 +125,24 @@
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<!-- 中文值 -->
|
||||
<el-table-column
|
||||
prop="ValueCN"
|
||||
label="中文值"
|
||||
:label="$t('dictionary:template:globalConfig:valueCN')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- 英文值 -->
|
||||
<el-table-column
|
||||
prop="Value"
|
||||
label="英文值"
|
||||
:label="$t('dictionary:template:globalConfig:value')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- 是否基线评估 -->
|
||||
<el-table-column
|
||||
prop="IsBaseLineUse"
|
||||
label="是否基线评估"
|
||||
:label="$t('dictionary:template:globalConfig:isBaseLineUse')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
@@ -138,9 +154,10 @@
|
||||
<span>{{$fd('YesOrNo', scope.row.IsBaseLineUse)}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 是否随访评估 -->
|
||||
<el-table-column
|
||||
prop="IsFollowVisitUse"
|
||||
label="是否随访评估"
|
||||
:label="$t('dictionary:template:globalConfig:isFollowVisitUse')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
@@ -156,8 +173,12 @@
|
||||
</el-form>
|
||||
</template>
|
||||
<template slot="dialog-footer">
|
||||
<el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">取消</el-button>
|
||||
<el-button size="small" type="primary" :loading="loading" @click="handleSave">保存</el-button>
|
||||
<el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<el-button size="small" type="primary" :loading="loading" @click="handleSave">
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</base-model>
|
||||
</div>
|
||||
@@ -186,8 +207,8 @@ export default {
|
||||
rowData: {},
|
||||
activeName: '0',
|
||||
addOrEdit: { visible: false, title: '' },
|
||||
preview: { visible: false, title: 'eCRF预览' },
|
||||
config: { visible: false, title: '评估更新类型', appendToBody: true, width: '600px', configType: 0 },
|
||||
// preview: { visible: false, title: 'eCRF预览' },
|
||||
config: { visible: false, title: this.$t('dictionary:template:globalConfig:updateType'), appendToBody: true, width: '600px', configType: 0 },
|
||||
selectedList: [],
|
||||
IsMustGlobalReading: false,
|
||||
form: {
|
||||
@@ -269,10 +290,10 @@ export default {
|
||||
this.config.configType = n
|
||||
this.form.IsMustGlobalReading = this.IsMustGlobalReading
|
||||
if (n === 1) {
|
||||
this.config.title = '是否必须全局阅片'
|
||||
this.config.title = this.$t('dictionary:template:globalConfig:isMustGlobalReading')
|
||||
this.config.visible = true
|
||||
} else {
|
||||
this.config.title = '评估更新类型'
|
||||
this.config.title = this.$t('dictionary:template:globalConfig:updateType')
|
||||
this.config.visible = true
|
||||
this.$nextTick(() => {
|
||||
var a = this.$d.GlobalAssessType.filter(v => {
|
||||
@@ -322,8 +343,4 @@ export default {
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/deep/ .el-form-item__content{
|
||||
width: calc(100% - 130px);
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -1,10 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
<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)}}
|
||||
</el-form-item>
|
||||
<!-- 配置 -->
|
||||
<el-button
|
||||
size="mini"
|
||||
type="primary"
|
||||
@@ -12,11 +15,13 @@
|
||||
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
|
||||
@click="handleAdd(1)"
|
||||
>
|
||||
配置
|
||||
{{ $t('dictionary:template:globalConfig:config') }}
|
||||
</el-button>
|
||||
</el-form>
|
||||
<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
|
||||
size="mini"
|
||||
type="primary"
|
||||
@@ -24,9 +29,10 @@
|
||||
v-if="Object.keys(data).length > 0 && !(data.IsCompleteConfig || data.IsBeUsed)"
|
||||
@click="handleAdd(2)"
|
||||
>
|
||||
配置
|
||||
{{ $t('dictionary:template:globalConfig:config') }}
|
||||
</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>
|
||||
<el-table
|
||||
@@ -35,24 +41,27 @@
|
||||
:data="list"
|
||||
stripe
|
||||
>
|
||||
<!-- 序号 -->
|
||||
<el-table-column
|
||||
prop=""
|
||||
label="序号"
|
||||
:label="$t('dictionary:template:globalConfig:order')"
|
||||
width="50"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{scope.$index + 1}}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 中文值 -->
|
||||
<el-table-column
|
||||
prop="ValueCN"
|
||||
label="中文值"
|
||||
:label="$t('dictionary:template:globalConfig:valueCN')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- 英文值 -->
|
||||
<el-table-column
|
||||
prop="Value"
|
||||
label="英文值"
|
||||
:label="$t('dictionary:template:globalConfig:value')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
@@ -60,12 +69,14 @@
|
||||
<base-model :config="config">
|
||||
<template slot="dialog-body">
|
||||
<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 v-for="item of $d.YesOrNo" :key="'form.IsOncologyReading' + item.value" :label="item.value">{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</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-table
|
||||
v-if="config.configType === 2"
|
||||
@@ -80,15 +91,17 @@
|
||||
type="selection"
|
||||
width="55">
|
||||
</el-table-column>
|
||||
<!-- 中文值 -->
|
||||
<el-table-column
|
||||
prop="ValueCN"
|
||||
label="中文值"
|
||||
:label="$t('dictionary:template:globalConfig:valueCN')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
<!-- 英文值 -->
|
||||
<el-table-column
|
||||
prop="Value"
|
||||
label="英文值"
|
||||
:label="$t('dictionary:template:globalConfig:value')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
</el-table-column>
|
||||
@@ -96,8 +109,12 @@
|
||||
</el-form>
|
||||
</template>
|
||||
<template slot="dialog-footer">
|
||||
<el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">取消</el-button>
|
||||
<el-button size="small" type="primary" :loading="loading" @click="handleSave">保存</el-button>
|
||||
<el-button :disabled="loading" size="small" type="primary" @click="config.visible = false">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<el-button size="small" type="primary" :loading="loading" @click="handleSave">
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</base-model>
|
||||
</div>
|
||||
@@ -129,8 +146,7 @@ export default {
|
||||
rowData: {},
|
||||
activeName: '0',
|
||||
addOrEdit: { visible: false, title: '' },
|
||||
preview: { visible: false, title: 'eCRF预览' },
|
||||
config: { visible: false, title: '肿瘤学阅片结果', appendToBody: true, width: '600px', configType: 0 },
|
||||
config: { visible: false, title: this.$t('dictionary:template:oncologyConfig:reviewResult'), appendToBody: true, width: '600px', configType: 0 },
|
||||
selectedList: [],
|
||||
OncologyAssessType: [],
|
||||
IsOncologyReading: true
|
||||
@@ -177,10 +193,10 @@ export default {
|
||||
handleAdd(n) {
|
||||
this.config.configType = n
|
||||
if (n === 1) {
|
||||
this.config.title = '是否肿瘤学阅片'
|
||||
this.config.title = this.$t('dictionary:template:oncologyConfig:isOncologyReading')
|
||||
this.config.visible = true
|
||||
} else {
|
||||
this.config.title = '肿瘤学阅片结果'
|
||||
this.config.title = this.$t('dictionary:template:oncologyConfig:reviewResult')
|
||||
this.config.visible = true
|
||||
this.$nextTick(() => {
|
||||
var a = this.OncologyAssessType.filter(v => {
|
||||
@@ -221,9 +237,3 @@ export default {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
/deep/ .el-form-item__content{
|
||||
width: calc(100% - 110px);
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -8,7 +8,8 @@
|
||||
:rules="rules"
|
||||
>
|
||||
<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-option
|
||||
v-for="item of CriterionDictionaryList.LesionType"
|
||||
@@ -18,7 +19,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
v-for="item of CriterionDictionaryOrganTypeList.OrganType"
|
||||
|
||||
@@ -43,28 +43,30 @@
|
||||
height="100"
|
||||
>
|
||||
<el-table-column type="index" width="90" />
|
||||
<!-- 病灶类型 -->
|
||||
<el-table-column
|
||||
prop="LesionType"
|
||||
label="病灶类型"
|
||||
:label="$t('dictionary:template:basicData:lesionType')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('LesionType',scope.row.LesionType) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 器官类型 -->
|
||||
<el-table-column
|
||||
prop="OrganType"
|
||||
label="器官类型"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:organType')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd('OrganType',scope.row.OrganType) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<!-- 创建时间 -->
|
||||
<el-table-column
|
||||
prop="CreateTime"
|
||||
label="创建时间"
|
||||
:label="$t('dictionary:template:basicData:createTime')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<el-table-column
|
||||
@@ -76,13 +78,13 @@
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
circle
|
||||
title="编辑"
|
||||
:title="$t('common:button:edit')"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
circle
|
||||
title="删除"
|
||||
:title="$t('common:button:delete')"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
/>
|
||||
@@ -163,18 +165,18 @@ export default {
|
||||
// 新增
|
||||
handleAdd() {
|
||||
this.rowData = { CriterionId: this.criterionId }
|
||||
this.editDialog.title = '新增'
|
||||
this.editDialog.title = this.$t('common:button:new')
|
||||
this.editDialog.visible = true
|
||||
},
|
||||
// 编辑
|
||||
handleEdit(row) {
|
||||
this.rowData = { ...row }
|
||||
this.editDialog.title = '编辑'
|
||||
this.editDialog.title = this.$t('common:button:edit')
|
||||
this.editDialog.visible = true
|
||||
},
|
||||
// 删除
|
||||
handleDelete(row) {
|
||||
this.$confirm('是否确认删除', {
|
||||
this.$confirm(this.$t('trials:readingUnit:baseDataCfg:message:deleteConfirm'), {
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true
|
||||
})
|
||||
@@ -185,7 +187,7 @@ export default {
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.getList()
|
||||
this.$message.success('删除成功!')
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
}
|
||||
}).catch(() => { this.loading = false })
|
||||
})
|
||||
|
||||
@@ -3,13 +3,13 @@
|
||||
ref="organForm"
|
||||
v-loading="loading"
|
||||
:model="form"
|
||||
label-width="100px"
|
||||
label-width="120px"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
>
|
||||
<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
|
||||
v-model="form.OrganType"
|
||||
>
|
||||
@@ -21,35 +21,37 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-form-item>
|
||||
<el-form-item label="分类(英文)">
|
||||
<!-- 分类(英文) -->
|
||||
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:classificationEn')">
|
||||
<el-input v-model="form.ClassificationEN" />
|
||||
</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-form-item>
|
||||
<el-form-item label="部位(英文)">
|
||||
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:bodyPartEn')">
|
||||
<el-input v-model="form.PartEN" />
|
||||
</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-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-form-item>
|
||||
<!-- TULAT -->
|
||||
<el-form-item label="位置">
|
||||
<!-- 位置 -->
|
||||
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:TULAT')">
|
||||
<el-input v-model="form.TULAT" />
|
||||
</el-form-item>
|
||||
<el-form-item label="位置(英文)">
|
||||
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:TULATEn')">
|
||||
<el-input v-model="form.TULATEN" />
|
||||
</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
|
||||
v-for="item of $d.ReadingYesOrNo"
|
||||
@@ -60,7 +62,7 @@
|
||||
</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
|
||||
v-for="item of $d.YesOrNo"
|
||||
@@ -69,11 +71,11 @@
|
||||
>{{ item.label }}</el-radio>
|
||||
</el-radio-group>
|
||||
</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-form-item>
|
||||
<!-- 描述 -->
|
||||
<el-form-item label="描述" prop="Remark">
|
||||
<el-form-item :label="$t('trials:readingUnit:baseDataCfg:title:remark')" prop="Remark">
|
||||
<el-input
|
||||
v-model="form.Remark"
|
||||
type="textarea"
|
||||
|
||||
@@ -3,18 +3,22 @@
|
||||
<!-- 搜索框 -->
|
||||
<template slot="search-container">
|
||||
<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-option v-for="item of CriterionDictionaryOrganTypeList && CriterionDictionaryOrganTypeList.OrganType" :key="item.Id" :value="parseInt(item.Code)" :label="item.ValueCN" />
|
||||
</el-select>
|
||||
</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-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-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-option v-for="item of $d.ReadingYesOrNo" :key="item.id" :value="item.value" :label="item.label" />
|
||||
</el-select>
|
||||
@@ -54,7 +58,7 @@
|
||||
size="mini"
|
||||
@click="lesionType.visible = true"
|
||||
>
|
||||
病灶关联配置
|
||||
{{ this.$t('dictionary:template:basicData:config') }}
|
||||
</el-button>
|
||||
<!-- <el-button-->
|
||||
<!-- v-if="!isCompleteConfig"-->
|
||||
@@ -91,7 +95,7 @@
|
||||
<!-- 类型 -->
|
||||
<el-table-column
|
||||
prop="OrganType"
|
||||
label="器官类型"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:organType')"
|
||||
min-width="120"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
@@ -103,13 +107,13 @@
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
prop="Classification"
|
||||
label="分类"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:classification')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="ClassificationEN"
|
||||
label="分类(英文)"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:classificationEn')"
|
||||
min-width="140"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
@@ -117,46 +121,49 @@
|
||||
<!-- 部位 -->
|
||||
<el-table-column
|
||||
prop="Part"
|
||||
label="部位"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:bodyPart')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="PartEN"
|
||||
label="部位(英文)"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:bodyPartEn')"
|
||||
min-width="140"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<!-- 器官 -->
|
||||
<el-table-column
|
||||
prop="TULOC"
|
||||
label="器官"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:organ')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="TULOCEN"
|
||||
label="器官(英文)"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:TULOCEN')"
|
||||
min-width="140"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<!-- 位置 -->
|
||||
<el-table-column
|
||||
prop="TULAT"
|
||||
label="位置"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:TULAT')"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="TULATEN"
|
||||
label="位置(英文)"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:TULATEn')"
|
||||
min-width="140"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<!-- 是否淋巴结 -->
|
||||
<el-table-column
|
||||
prop="IsLymphNodes"
|
||||
label="是否淋巴结"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:isLymphNodes')"
|
||||
min-width="160"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
@@ -168,9 +175,10 @@
|
||||
<el-tag v-else type="primary">{{ $fd('ReadingYesOrNo', scope.row.IsLymphNodes) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 是否可以编辑 -->
|
||||
<el-table-column
|
||||
prop="IsCanEditPosition"
|
||||
label="是否可以编辑"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:isCanEditPosition')"
|
||||
min-width="160"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
@@ -182,15 +190,17 @@
|
||||
<el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsCanEditPosition) }}</el-tag>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 序号 -->
|
||||
<el-table-column
|
||||
prop="ShowOrder"
|
||||
label="序号"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:showOrder')"
|
||||
show-overflow-tooltip
|
||||
min-width="80"
|
||||
/>
|
||||
<!-- 备注 -->
|
||||
<el-table-column
|
||||
prop="Remark"
|
||||
label="备注"
|
||||
:label="$t('trials:readingUnit:baseDataCfg:title:remark')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
|
||||
@@ -203,13 +213,13 @@
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
circle
|
||||
title="编辑"
|
||||
:title="$t('common:button:edit')"
|
||||
icon="el-icon-edit-outline"
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
circle
|
||||
title="删除"
|
||||
:title="$t('common:button:delete')"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
/>
|
||||
@@ -227,7 +237,7 @@
|
||||
:visible.sync="editDialog.visible"
|
||||
:close-on-click-modal="false"
|
||||
:title="editDialog.title"
|
||||
width="500px"
|
||||
width="600px"
|
||||
custom-class="base-dialog-wrapper"
|
||||
append-to-body
|
||||
>
|
||||
@@ -273,9 +283,9 @@
|
||||
size="small"
|
||||
>
|
||||
<div class="base-dialog-body">
|
||||
<!-- 类型 -->
|
||||
<!-- 标准 -->
|
||||
<el-form-item
|
||||
label="标准"
|
||||
:label="$t('trials:auditRecord:table:criterion')"
|
||||
prop="CriterionId"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: ['blur'] },
|
||||
@@ -345,9 +355,8 @@ export default {
|
||||
total: 0,
|
||||
rowData: {},
|
||||
editDialog: { title: '', visible: false },
|
||||
lesionType: { title: '病灶器官关联关系', visible: false },
|
||||
// lesionTypes: [],
|
||||
criterion: { title: '默认数据配置', visible: false },
|
||||
lesionType: { title: this.$t('dictionary:template:basicData:title1'), visible: false },//病灶器官关联关系
|
||||
criterion: { title: this.$t('dictionary:template:basicData:title2'), visible: false },//默认数据配置
|
||||
formLoading: false,
|
||||
form: { CriterionId: '' },
|
||||
criterions: [],
|
||||
@@ -382,7 +391,7 @@ export default {
|
||||
TrialReadingCriterionId: this.criterionId
|
||||
}).then(res => {
|
||||
this.loading = false
|
||||
this.$message.success('同步成功')
|
||||
this.$message.success(this.$t('dictionary:template:basicData:message1'))
|
||||
}).catch(() => {
|
||||
this.loading = false
|
||||
})
|
||||
@@ -411,18 +420,18 @@ export default {
|
||||
// 新增
|
||||
handleAdd() {
|
||||
this.rowData = { SystemCriterionId: this.criterionId }
|
||||
this.editDialog.title = '新增'
|
||||
this.editDialog.title = this.$t('common:button:new')
|
||||
this.editDialog.visible = true
|
||||
},
|
||||
// 编辑
|
||||
handleEdit(row) {
|
||||
this.rowData = { ...row }
|
||||
this.editDialog.title = '编辑'
|
||||
this.editDialog.title = this.$t('common:button:edit')
|
||||
this.editDialog.visible = true
|
||||
},
|
||||
// 删除
|
||||
handleDelete(row) {
|
||||
this.$confirm('是否确认删除', {
|
||||
this.$confirm(this.$t('trials:readingUnit:baseDataCfg:message:deleteConfirm'), {
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true
|
||||
})
|
||||
@@ -433,7 +442,7 @@ export default {
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.getList()
|
||||
this.$message.success('删除成功!')
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
}
|
||||
}).catch(() => { this.loading = false })
|
||||
})
|
||||
|
||||
@@ -9,7 +9,8 @@
|
||||
label-width="130px"
|
||||
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-form-item>
|
||||
<el-form-item
|
||||
@@ -27,24 +28,28 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option value="select" label="下拉框" />
|
||||
<el-option value="input" label="单行文本框" />
|
||||
<el-option value="textarea" label="多行文本框" />
|
||||
<el-option value="radio" label="单选框" />
|
||||
<el-option
|
||||
v-for="item of $d.QcType"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 选项 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'select' || form.Type === 'radio'"
|
||||
label="选项: "
|
||||
:label="$t('trials:qcCfg:table: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
|
||||
label="父问题"
|
||||
:label="$t('trials:qcCfg:table:parentQs')"
|
||||
>
|
||||
<el-select
|
||||
v-model="form.ParentId"
|
||||
@@ -62,7 +67,7 @@
|
||||
<!-- 父问题触发值 -->
|
||||
<el-form-item
|
||||
v-if="form.ParentId"
|
||||
label="父问题触发值"
|
||||
:label="$t('trials:qcCfg:table:parentTriggerValue')"
|
||||
prop="ParentTriggerValue"
|
||||
>
|
||||
<el-select
|
||||
@@ -76,27 +81,47 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否必填">
|
||||
<el-radio-group v-model="form.IsRequired">
|
||||
<el-radio :label="true">是</el-radio>
|
||||
<el-radio :label="false">否</el-radio>
|
||||
<!-- 是否必填 -->
|
||||
<el-form-item :label="$t('trials:qcCfg:table:isRequired')">
|
||||
<el-radio-group
|
||||
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-form-item>
|
||||
<el-form-item label="启用状态">
|
||||
<el-radio-group v-model="form.IsEnable">
|
||||
<el-radio :label="true">启用</el-radio>
|
||||
<el-radio :label="false">停用</el-radio>
|
||||
<!-- 启用状态 -->
|
||||
<el-form-item :label="$t('trials:qcCfg:table:isEnable')">
|
||||
<el-radio-group
|
||||
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-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-form-item>
|
||||
</el-form>
|
||||
</template>
|
||||
<template slot="dialog-footer">
|
||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">Cancel</el-button>
|
||||
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">Save</el-button>
|
||||
<el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancle">
|
||||
{{ $t('common:button:cancel') }}
|
||||
</el-button>
|
||||
<el-button size="small" type="primary" :loading="btnLoading" @click="handleSave">
|
||||
{{ $t('common:button:save') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</base-model>
|
||||
</template>
|
||||
@@ -128,7 +153,8 @@ export default {
|
||||
} else {
|
||||
var arr = value.split('|')
|
||||
if (new Set(arr).size !== arr.length) {
|
||||
callback(new Error('选项不允许存在相同值'))
|
||||
// '选项不允许存在相同值'
|
||||
callback(new Error(this.$t('trials:qcCfg:message:msg1')))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
@@ -138,13 +164,13 @@ export default {
|
||||
btnLoading: false,
|
||||
form: formDataDefault(),
|
||||
rules: {
|
||||
QuestionName: [{ required: true, message: 'Please specify', trigger: 'blur' },
|
||||
{ max: 300, message: 'The maximum length is 300' }],
|
||||
TypeValue: [{ required: true, message: 'Please specify', trigger: 'blur' },
|
||||
QuestionName: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||||
{ max: 300, message: `${this.$t('common:ruleMessage:maxLength')} 300` }],
|
||||
TypeValue: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||||
{ validator: validateTypeVal, trigger: 'blur' },
|
||||
{ max: 200, message: 'The maximum length is 200' }],
|
||||
ParentTriggerValue: [{ required: true, message: 'Please select', trigger: 'blur' }],
|
||||
LanguageType: [{ required: true, message: 'Please select', trigger: 'blur' }]
|
||||
{ max: 200, message: `${this.$t('common:ruleMessage:maxLength')} 200` }],
|
||||
ParentTriggerValue: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
LanguageType: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }]
|
||||
},
|
||||
model_cfg: { visible: false, showClose: true, width: '600px', title: '' },
|
||||
parentOptions: [],
|
||||
@@ -185,7 +211,7 @@ export default {
|
||||
this.btnLoading = true
|
||||
addOrUpdateQCQuestionConfigure(this.form).then(res => {
|
||||
this.btnLoading = false
|
||||
this.$message.success('Saved successfully!')
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
// this.$refs['qcQuestionForm'].resetFields()
|
||||
this.model_cfg.visible = false
|
||||
this.$emit('getList')
|
||||
|
||||
@@ -3,7 +3,8 @@
|
||||
<!-- 搜索框 -->
|
||||
<div class="search">
|
||||
<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-form-item>
|
||||
<!-- 语言类型 -->
|
||||
@@ -22,7 +23,7 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-form-item>
|
||||
<el-form-item>
|
||||
@@ -45,9 +46,9 @@
|
||||
type="primary"
|
||||
@click="preview.visible = true"
|
||||
>
|
||||
Preview
|
||||
{{$t('common:button:preview')}}
|
||||
</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>
|
||||
</div>
|
||||
|
||||
@@ -59,14 +60,16 @@
|
||||
size="small"
|
||||
height="100"
|
||||
>
|
||||
<!-- 序号 -->
|
||||
<el-table-column
|
||||
prop="ShowOrder"
|
||||
label="序号"
|
||||
:label="$t('trials:qcCfg:table:order')"
|
||||
min-width="70"
|
||||
/>
|
||||
<!-- 问题名称 -->
|
||||
<el-table-column
|
||||
prop="QuestionName"
|
||||
label="问题名称"
|
||||
:label="$t('trials:qcCfg:table:questionName')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 审核问题 -->
|
||||
@@ -79,68 +82,73 @@
|
||||
{{ $fd('LanguageType', scope.row.LanguageType) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 类型 -->
|
||||
<el-table-column
|
||||
prop="Type"
|
||||
label="类型"
|
||||
:label="$t('trials:qcCfg:table:type')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<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>
|
||||
</el-table-column>
|
||||
<!-- 选项 -->
|
||||
<el-table-column
|
||||
prop="TypeValue"
|
||||
label="选项"
|
||||
:label="$t('trials:qcCfg:table:typeValue')"
|
||||
show-overflow-tooltip
|
||||
min-width="110"
|
||||
/>
|
||||
<!-- 父问题 -->
|
||||
<el-table-column
|
||||
prop="ParentShowOrder"
|
||||
label="父问题"
|
||||
:label="$t('trials:qcCfg:table:parentQs')"
|
||||
show-overflow-tooltip
|
||||
min-width="110"
|
||||
/>
|
||||
<!-- 父问题触发值 -->
|
||||
<el-table-column
|
||||
prop="ParentTriggerValue"
|
||||
label="父问题触发值"
|
||||
:label="$t('trials:qcCfg:table:parentTriggerValue')"
|
||||
show-overflow-tooltip
|
||||
min-width="110"
|
||||
/>
|
||||
|
||||
<!-- 是否必填 -->
|
||||
<el-table-column
|
||||
prop="IsRequired"
|
||||
label="是否必填"
|
||||
:label="$t('trials:qcCfg:table:isRequired')"
|
||||
min-width="90"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.IsRequired?'是':'否' }}
|
||||
{{ $fd('YesOrNo', scope.row.IsRequired) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 启用状态 -->
|
||||
<el-table-column
|
||||
prop="IsEnable"
|
||||
label="启用状态"
|
||||
:label="$t('trials:qcCfg:table:isEnable')"
|
||||
min-width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ scope.row.IsEnable?'启用':'停用' }}
|
||||
{{ $fd('YesOrNo', scope.row.IsEnable) }}
|
||||
</template>
|
||||
</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">
|
||||
<el-button
|
||||
type="primary"
|
||||
size="mini"
|
||||
@click="handleEdit(scope.row)"
|
||||
>
|
||||
Edit
|
||||
{{ $t('common:button:edit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
size="mini"
|
||||
@click="handleDelete(scope.row)"
|
||||
>
|
||||
Delete
|
||||
{{ $t('common:button:delete') }}
|
||||
</el-button>
|
||||
|
||||
</template>
|
||||
|
||||
@@ -10,7 +10,8 @@
|
||||
>
|
||||
<div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
|
||||
<div style="height: 150px;">
|
||||
<el-form-item label="类型" prop="Type">
|
||||
<!-- 类型 -->
|
||||
<el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
|
||||
<el-select
|
||||
v-model="form.Type"
|
||||
@change="((val)=>{qsTypeChange(val, form)})"
|
||||
@@ -24,9 +25,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 问题名称 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group'"
|
||||
label="问题名称"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
|
||||
prop="QuestionName"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
|
||||
@@ -37,9 +39,10 @@
|
||||
v-model="form.QuestionName"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- 问题名称(EN) -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group'"
|
||||
label="问题名称(EN)"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
|
||||
prop="QuestionEnName"
|
||||
:rules="[
|
||||
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
|
||||
@@ -51,8 +54,10 @@
|
||||
</el-form-item>
|
||||
</div>
|
||||
<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
|
||||
v-model="form.ShowQuestion"
|
||||
@change="((val)=>{isShowQuestionChange(val, form)})"
|
||||
@@ -70,7 +75,7 @@
|
||||
<!-- 显示时依赖父问题 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group' && form.ShowQuestion===1"
|
||||
label="显示依赖父问题"
|
||||
:label="$t('trials:readingUnit:qsList:title:parentId')"
|
||||
prop="ParentId"
|
||||
>
|
||||
<el-select
|
||||
@@ -87,7 +92,7 @@
|
||||
</el-select>
|
||||
</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-option
|
||||
v-for="item of parentTriggerValOptions"
|
||||
@@ -97,7 +102,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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
|
||||
v-model="form.IsRequired"
|
||||
:disabled="form.IsJudgeQuestion===true || form.ShowQuestion===2"
|
||||
@@ -112,10 +118,10 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 父问题 -->
|
||||
<!-- 必填依赖父问题 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group' && form.IsRequired === 1"
|
||||
label="必填依赖父问题"
|
||||
:label="$t('trials:readingUnit:qsList:title:relevanceId')"
|
||||
prop="RelevanceId"
|
||||
>
|
||||
<el-select
|
||||
@@ -131,10 +137,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 必填依赖的父问题触发值 -->
|
||||
<!-- 必填触发值 -->
|
||||
<el-form-item
|
||||
v-if="form.RelevanceId && form.IsRequired === 1"
|
||||
label="必填触发值"
|
||||
:label="$t('trials:readingUnit:qsList:title:relevanceValueList')"
|
||||
prop="RelevanceValueList"
|
||||
>
|
||||
<el-select v-model="form.RelevanceValueList" clearable multiple>
|
||||
@@ -182,8 +188,9 @@
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 限制编辑 -->
|
||||
<el-form-item
|
||||
label="限制编辑"
|
||||
:label="$t('trials:readingUnit:qsList:title:limitEdit')"
|
||||
v-if="form.Type !== 'summary'"
|
||||
prop="LimitEdit"
|
||||
: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-group>
|
||||
</el-form-item>
|
||||
<!-- 问题标识 -->
|
||||
<el-form-item
|
||||
v-if="form.Type !== 'group' && form.Type !== 'summary'"
|
||||
label="问题标识"
|
||||
:label="$t('dictionary:template:criterionConfig:table:questionMark')"
|
||||
prop="QuestionMark"
|
||||
>
|
||||
<el-select
|
||||
@@ -211,14 +219,16 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 注释 -->
|
||||
<el-form-item
|
||||
label="注释"
|
||||
:label="$t('trials:readingUnit:qsList:title:Remark')"
|
||||
prop="Remark"
|
||||
>
|
||||
<el-input v-model="form.Remark" />
|
||||
</el-form-item>
|
||||
<!-- 序号 -->
|
||||
<el-form-item
|
||||
label="序号"
|
||||
:label="$t('trials:readingUnit:qsList:title:order')"
|
||||
prop="ShowOrder"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
@@ -230,7 +240,8 @@
|
||||
:min="0"
|
||||
/>
|
||||
</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
|
||||
v-model="form.MaxRowCount"
|
||||
controls-position="right"
|
||||
@@ -238,7 +249,8 @@
|
||||
:max="10"
|
||||
/>
|
||||
</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-option
|
||||
v-for="item of $d.QuestionClassify"
|
||||
@@ -248,15 +260,15 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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
|
||||
v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'"
|
||||
label="选项类型"
|
||||
:label="$t('trials:readingUnit:label:QuestionGenre')"
|
||||
prop="TableQuestionType"
|
||||
:rules="[
|
||||
{ required: form.Type !== 'input', message: '请选择'}
|
||||
{ required: form.Type !== 'input', message: this.$t('common:ruleMessage:select')}
|
||||
]"
|
||||
>
|
||||
<el-radio-group
|
||||
@@ -273,21 +285,22 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<!-- 选项 -->
|
||||
<el-form-item
|
||||
v-if="form.TableQuestionType === 0 || form.Type === 'class'"
|
||||
label="选项"
|
||||
:label="$t('trials:qcCfg:table:typeValue')"
|
||||
prop="TypeValue"
|
||||
>
|
||||
<el-input
|
||||
v-model="form.TypeValue"
|
||||
placeholder="选项请用‘|’分割多个选项"
|
||||
:placeholder="$t('trials:qcCfg:message:typeValue')"
|
||||
@change="typeValueChange"
|
||||
/>
|
||||
</el-form-item>
|
||||
<!-- 关联问题 -->
|
||||
<el-form-item
|
||||
v-if="form.TableQuestionType === 2"
|
||||
label="关联问题"
|
||||
:label="$t('dictionary:template:criterionConfig:table:dependParentId')"
|
||||
prop="DependParentId"
|
||||
>
|
||||
<el-select
|
||||
@@ -301,9 +314,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 关联字段 -->
|
||||
<el-form-item
|
||||
v-if="form.TableQuestionType === 1 || !!form.DependParentId"
|
||||
label="关联字段"
|
||||
:label="$t('dictionary:template:criterionConfig:table:dataTableColumn')"
|
||||
prop="DataTableColumn"
|
||||
>
|
||||
<el-select v-model="form.DataTableColumn">
|
||||
@@ -315,9 +329,10 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 关联字典 -->
|
||||
<el-form-item
|
||||
v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2"
|
||||
label="关联字典"
|
||||
:label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')"
|
||||
prop="DictionaryCode"
|
||||
:rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]"
|
||||
>
|
||||
@@ -330,7 +345,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
v-for="item of form.DictionaryCode ? $d[form.DictionaryCode] : []"
|
||||
@@ -346,7 +362,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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-option
|
||||
v-for="item of form.TypeValue ? form.TypeValue.split('|') : []"
|
||||
@@ -356,7 +373,8 @@
|
||||
/>
|
||||
</el-select>
|
||||
</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>
|
||||
<template v-if="form.TypeValue">
|
||||
<el-option
|
||||
@@ -382,9 +400,10 @@
|
||||
</template>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 最大长度 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'input' || form.Type === 'textarea'"
|
||||
label="最大长度"
|
||||
:label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
|
||||
prop="MaxAnswerLength"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
|
||||
@@ -408,10 +427,10 @@
|
||||
<!-- 数值类型 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'number' || form.Type === 'calculation'"
|
||||
label="数值类型"
|
||||
:label="$t('trials:readingUnit:qsList:title:valueType')"
|
||||
prop="ValueType"
|
||||
:rules="[
|
||||
{ required: true, message: '请选择'}
|
||||
{ required: true, message: this.$t('common:ruleMessage:select') }
|
||||
]"
|
||||
>
|
||||
<el-radio-group
|
||||
@@ -427,10 +446,10 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
|
||||
<!-- 数值单位 -->
|
||||
<!-- 单位 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'number' || form.Type === 'calculation'"
|
||||
label="单位"
|
||||
:label="$t('trials:readingUnit:qsList:title:unit')"
|
||||
prop="Unit"
|
||||
:rules="[
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
@@ -448,9 +467,10 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<!-- 最大上传个数 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'upload'"
|
||||
label="最大上传个数"
|
||||
:label="$t('trials:readingUnit:qsList:title:imageCount')"
|
||||
prop="ImageCount"
|
||||
>
|
||||
<el-input-number
|
||||
@@ -463,7 +483,7 @@
|
||||
<!-- 文件类型 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'upload'"
|
||||
label="文件类型"
|
||||
:label="$t('trials:readingUnit:qsList:title:FileType')"
|
||||
prop="FileType"
|
||||
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
|
||||
>
|
||||
@@ -487,9 +507,10 @@
|
||||
</el-checkbox-group>
|
||||
</el-form-item>
|
||||
<!-- 分类 -->
|
||||
<!-- 分类数据来源 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'class'"
|
||||
label="分类数据来源"
|
||||
:label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
|
||||
prop="ClassifyTableQuestionId"
|
||||
>
|
||||
<el-select v-model="form.ClassifyTableQuestionId" clearable>
|
||||
@@ -497,9 +518,10 @@
|
||||
:value="item.Id"/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<!-- 分类算法 -->
|
||||
<el-form-item
|
||||
v-if="form.Type === 'class'"
|
||||
label="分类算法"
|
||||
:label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
|
||||
prop="ClassifyAlgorithms"
|
||||
>
|
||||
<div>
|
||||
@@ -598,7 +620,7 @@ export default {
|
||||
} else {
|
||||
var arr = value.split('|')
|
||||
if (new Set(arr).size !== arr.length) {
|
||||
callback(new Error('选项不允许存在相同值'))
|
||||
callback(new Error(this.$t('trials:readingUnit:qsList:message:msg0')))
|
||||
} else {
|
||||
callback()
|
||||
}
|
||||
@@ -649,26 +671,26 @@ export default {
|
||||
},
|
||||
rules: {
|
||||
Type: [
|
||||
{ required: true, message: '请选择', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
],
|
||||
// QuestionName: [{ required: true, message: '请注明', trigger: 'blur' },
|
||||
// { 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' },
|
||||
{ max: 200, message: '最大长度为 200' }],
|
||||
ShowQuestion: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
IsRequired: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
ParentId: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
{ max: 200, message: `${this.$t('common:ruleMessage:maxLength')} 200` }],
|
||||
ShowQuestion: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
IsRequired: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
ParentId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
ParentTriggerValueList: [
|
||||
{ required: true, message: '请选择', trigger: 'blur' }
|
||||
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
|
||||
],
|
||||
RelevanceId: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
RelevanceValueList: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
DataTableName: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
DataTableColumn: [{ required: true, message: '请选择', trigger: 'blur' }],
|
||||
RelevanceId: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
RelevanceValueList: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
DataTableName: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
|
||||
DataTableColumn: [{ required: true, message: this.$t('common:ruleMessage:select'), 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: [
|
||||
// { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' },
|
||||
// ],
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
type="primary"
|
||||
@click="handleAdd"
|
||||
>
|
||||
新增
|
||||
{{$t('common:button:new')}}
|
||||
</el-button>
|
||||
|
||||
</div>
|
||||
@@ -20,24 +20,28 @@
|
||||
size="small"
|
||||
height="500"
|
||||
>
|
||||
<!-- 序号 -->
|
||||
<el-table-column
|
||||
prop="ShowOrder"
|
||||
label="序号"
|
||||
:label="$t('trials:qcCfg:table:order')"
|
||||
min-width="70"
|
||||
/>
|
||||
<!-- 问题名称 -->
|
||||
<el-table-column
|
||||
prop="QuestionName"
|
||||
label="问题名称"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsName')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 问题名称(EN) -->
|
||||
<el-table-column
|
||||
prop="QuestionEnName"
|
||||
label="问题名称(EN)"
|
||||
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
|
||||
show-overflow-tooltip
|
||||
/>
|
||||
<!-- 类型 -->
|
||||
<el-table-column
|
||||
prop="Type"
|
||||
label="类型"
|
||||
:label="$t('trials:readingUnit:qsList:title:type')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
@@ -61,9 +65,10 @@
|
||||
min-width="110"
|
||||
/>
|
||||
-->
|
||||
<!-- 是否显示 -->
|
||||
<el-table-column
|
||||
prop="ShowQuestion"
|
||||
label="是否显示"
|
||||
:label="$t('trials:readingUnit:qsList:title:isShow')"
|
||||
min-width="90"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -71,9 +76,10 @@
|
||||
{{ $fd('ShowQuestion',scope.row.ShowQuestion) }}
|
||||
</template>
|
||||
</el-table-column>
|
||||
<!-- 是否必填 -->
|
||||
<el-table-column
|
||||
prop="IsRequired"
|
||||
label="是否必填"
|
||||
:label="$t('trials:readingUnit:qsList:title:isRequired')"
|
||||
min-width="90"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -125,7 +131,7 @@
|
||||
<!-- 问题标识 -->
|
||||
<el-table-column
|
||||
prop="QuestionMark"
|
||||
label="问题标识"
|
||||
:label="$t('dictionary:template:criterionConfig:table:questionMark')"
|
||||
width="140"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -178,9 +184,10 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
-->
|
||||
<!-- 最大行数 -->
|
||||
<el-table-column
|
||||
prop="MaxRowCount"
|
||||
label="最大行数"
|
||||
:label="$t('trials:readingUnit:qsList:title:MaxRowCount')"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
@@ -190,7 +197,7 @@
|
||||
|
||||
<el-table-column
|
||||
prop=""
|
||||
label="操作"
|
||||
:label="$t('common:action:action')"
|
||||
width="150"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
@@ -201,7 +208,7 @@
|
||||
size="mini"
|
||||
@click="handleLook(scope.row)"
|
||||
>
|
||||
查看
|
||||
{{ $t('trials:readingPeriod:button:view') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="!isCompleteConfig"
|
||||
@@ -209,7 +216,7 @@
|
||||
size="mini"
|
||||
@click="handleEdit(scope.row)"
|
||||
>
|
||||
编辑
|
||||
{{ $t('common:button:edit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
v-if="!isCompleteConfig"
|
||||
@@ -217,7 +224,7 @@
|
||||
size="mini"
|
||||
@click="handleDelete(scope.row)"
|
||||
>
|
||||
删除
|
||||
{{ $t('common:button:delete') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -295,7 +302,7 @@ export default {
|
||||
handleLook(row) {
|
||||
this.type = 'look'
|
||||
this.rowData = { ...row }
|
||||
this.addOrEdit.title = '编辑'
|
||||
this.addOrEdit.title = this.$t('common:button:edit')
|
||||
this.addOrEdit.visible = true
|
||||
},
|
||||
getList() {
|
||||
@@ -308,13 +315,13 @@ export default {
|
||||
handleAdd() {
|
||||
this.type = 'add'
|
||||
this.rowData = {}
|
||||
this.addOrEdit.title = '添加'
|
||||
this.addOrEdit.title = this.$t('common:button:new')
|
||||
this.addOrEdit.visible = true
|
||||
},
|
||||
handleEdit(row) {
|
||||
this.type = 'edit'
|
||||
this.rowData = { ...row }
|
||||
this.addOrEdit.title = '编辑'
|
||||
this.addOrEdit.title = this.$t('common:button:edit')
|
||||
this.addOrEdit.visible = true
|
||||
},
|
||||
handleDelete(row) {
|
||||
@@ -329,7 +336,7 @@ export default {
|
||||
this.loading = false
|
||||
if (res.IsSuccess) {
|
||||
this.getList()
|
||||
this.$message.success('删除成功!')
|
||||
this.$message.success(this.$t('common:message:deletedSuccessfully'))
|
||||
}
|
||||
}).catch(() => { this.loading = false })
|
||||
})
|
||||
|
||||
@@ -450,11 +450,11 @@
|
||||
flex-wrap: wrap;
|
||||
"
|
||||
>
|
||||
<div>
|
||||
<div style="min-width: 50%">
|
||||
<h3>邮件内容模版(CN)</h3>
|
||||
<div v-html="previewHTML"></div>
|
||||
</div>
|
||||
<div>
|
||||
<div style="min-width: 50%">
|
||||
<h3>邮件内容模版(EN)</h3>
|
||||
<div v-html="previewHTMLEN"></div>
|
||||
</div>
|
||||
|
||||
@@ -1,31 +1,40 @@
|
||||
<template>
|
||||
<div class="question-wrapper">
|
||||
<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'" />
|
||||
</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'" />
|
||||
</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'" />
|
||||
</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'" />
|
||||
</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'" />
|
||||
</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'" />
|
||||
</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'" />
|
||||
</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'" />
|
||||
</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'" />
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
@@ -171,7 +171,11 @@
|
||||
:label="$t('curriculumVitae:info:form: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-col>
|
||||
<el-col :span="12">
|
||||
|
||||
@@ -8,7 +8,10 @@
|
||||
size="small"
|
||||
: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
|
||||
v-for="item of $d.InternationalizationType"
|
||||
@@ -18,7 +21,7 @@
|
||||
>
|
||||
</el-radio-group>
|
||||
</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
|
||||
v-for="item of $d.InternationalizationKeyState"
|
||||
@@ -28,7 +31,10 @@
|
||||
>
|
||||
</el-radio-group>
|
||||
</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-option
|
||||
v-for="item in PublishVersionList"
|
||||
@@ -39,7 +45,7 @@
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<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">
|
||||
<el-form-item
|
||||
label=""
|
||||
@@ -61,7 +67,7 @@
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="标识">
|
||||
<el-table-column prop="" :label="$t('system:l18n:search:Code')">
|
||||
<template slot-scope="scope">
|
||||
<el-form-item
|
||||
label=""
|
||||
@@ -87,7 +93,7 @@
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="中文值">
|
||||
<el-table-column prop="" :label="$t('system:l18n:search:ValueCN')">
|
||||
<template slot-scope="scope">
|
||||
<el-form-item
|
||||
label=""
|
||||
@@ -113,7 +119,7 @@
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="英文值">
|
||||
<el-table-column prop="" :label="$t('system:l18n:search:Value')">
|
||||
<template slot-scope="scope">
|
||||
<el-form-item
|
||||
label=""
|
||||
@@ -139,7 +145,10 @@
|
||||
</el-form-item>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column prop="" label="说明">
|
||||
<el-table-column
|
||||
prop=""
|
||||
:label="$t('system:l18n:search:Description')"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<el-form-item
|
||||
label=""
|
||||
@@ -169,7 +178,7 @@
|
||||
type="primary"
|
||||
icon="el-icon-plus"
|
||||
@click="handleAdd"
|
||||
>{{ $t("common:button:new") }}</el-button
|
||||
>{{ $t('common:button:new') }}</el-button
|
||||
>
|
||||
</template>
|
||||
<template slot-scope="scope">
|
||||
@@ -179,7 +188,7 @@
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.$index)"
|
||||
>{{ $t("common:button:delete") }}</el-button
|
||||
>{{ $t('common:button:delete') }}</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -187,28 +196,28 @@
|
||||
</el-form>
|
||||
</template>
|
||||
<template slot="dialog-footer">
|
||||
<el-button size="small" type="primary" @click="handleCancle"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button size="small" type="primary" @click="handleSave"
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button size="small" type="primary" @click="handleCancle">{{
|
||||
$t('common:button:cancel')
|
||||
}}</el-button>
|
||||
<el-button size="small" type="primary" @click="handleSave">{{
|
||||
$t('common:button:save')
|
||||
}}</el-button>
|
||||
</template>
|
||||
</base-model>
|
||||
</template>
|
||||
<script>
|
||||
import { batchAddInternationalization } from "@/api/admin";
|
||||
import BaseModel from "@/components/BaseModel";
|
||||
import { batchAddInternationalization } from '@/api/admin'
|
||||
import BaseModel from '@/components/BaseModel'
|
||||
const formDataDefault = () => {
|
||||
return {
|
||||
State: 0,
|
||||
InternationalizationType: 1,
|
||||
PublishLogId: null,
|
||||
AddList: [],
|
||||
};
|
||||
};
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: "BatcnAddForm",
|
||||
name: 'BatcnAddForm',
|
||||
components: { BaseModel },
|
||||
data() {
|
||||
return {
|
||||
@@ -217,59 +226,65 @@ export default {
|
||||
model_cfg: {
|
||||
visible: false,
|
||||
showClose: true,
|
||||
width: "800px",
|
||||
title: "",
|
||||
width: '800px',
|
||||
title: '',
|
||||
appendToBody: true,
|
||||
},
|
||||
rules: {
|
||||
PublishLogId: [{ required: true, message: "请选择", trigger: "blur" }],
|
||||
PublishLogId: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('system:l18n:rule:selectPublishLogId'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
},
|
||||
PublishVersionList: [],
|
||||
};
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
openDialog(title, data, options = []) {
|
||||
this.PublishVersionList = options;
|
||||
this.model_cfg.visible = true;
|
||||
this.model_cfg.title = title;
|
||||
this.form = formDataDefault();
|
||||
this.PublishVersionList = options
|
||||
this.model_cfg.visible = true
|
||||
this.model_cfg.title = title
|
||||
this.form = formDataDefault()
|
||||
},
|
||||
handleSave() {
|
||||
this.$refs.batcnAddForm.validate((valid) => {
|
||||
if (!valid) return;
|
||||
this.loading = true;
|
||||
if (!valid) return
|
||||
this.loading = true
|
||||
batchAddInternationalization(this.form)
|
||||
.then((res) => {
|
||||
this.loading = false;
|
||||
this.$message.success(this.$t("common:message:savedSuccessfully"));
|
||||
this.model_cfg.visible = false;
|
||||
this.$emit("getList");
|
||||
this.loading = false
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
this.model_cfg.visible = false
|
||||
this.$emit('getList')
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
});
|
||||
this.loading = false
|
||||
})
|
||||
})
|
||||
},
|
||||
handleCancle() {
|
||||
this.model_cfg.visible = false;
|
||||
this.model_cfg.visible = false
|
||||
},
|
||||
handleAdd() {
|
||||
this.form.AddList.push({
|
||||
Description: "",
|
||||
Code: "",
|
||||
ValueCN: "",
|
||||
Value: "",
|
||||
});
|
||||
Description: '',
|
||||
Code: '',
|
||||
ValueCN: '',
|
||||
Value: '',
|
||||
})
|
||||
},
|
||||
handleDelete(index) {
|
||||
this.$confirm("是否确认删除?", {
|
||||
type: "warning",
|
||||
this.$confirm(this.$t('system:l18n:confirm:delete'), {
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true,
|
||||
}).then(() => {
|
||||
this.form.AddList.splice(index, 1);
|
||||
});
|
||||
this.form.AddList.splice(index, 1)
|
||||
})
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
</script>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
size="small"
|
||||
>
|
||||
<el-form-item
|
||||
label="国际化类型"
|
||||
:label="$t('system:l18n:search:InternationalizationType')"
|
||||
prop="InternationalizationType"
|
||||
v-if="status !== 'batch'"
|
||||
>
|
||||
@@ -24,7 +24,7 @@
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
label="功能模块/服务名"
|
||||
:label="$t('system:l18n:search:Module')"
|
||||
prop="Module"
|
||||
v-if="status !== 'batch'"
|
||||
>
|
||||
@@ -35,7 +35,11 @@
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
/>
|
||||
</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
|
||||
v-model="form.Code"
|
||||
type="textarea"
|
||||
@@ -43,7 +47,11 @@
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
/>
|
||||
</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
|
||||
v-model="form.ValueCN"
|
||||
type="textarea"
|
||||
@@ -51,7 +59,11 @@
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
/>
|
||||
</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
|
||||
v-model="form.Value"
|
||||
type="textarea"
|
||||
@@ -59,7 +71,7 @@
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
/>
|
||||
</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
|
||||
v-for="item of $d.InternationalizationKeyState"
|
||||
@@ -69,7 +81,11 @@
|
||||
>
|
||||
</el-radio-group>
|
||||
</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
|
||||
v-model="form.Description"
|
||||
type="textarea"
|
||||
@@ -77,7 +93,10 @@
|
||||
:autosize="{ minRows: 2, maxRows: 4 }"
|
||||
/>
|
||||
</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-option
|
||||
v-for="item in PublishVersionList"
|
||||
@@ -90,18 +109,18 @@
|
||||
</el-form>
|
||||
</template>
|
||||
<template slot="dialog-footer">
|
||||
<el-button size="small" type="primary" @click="handleCancle"
|
||||
>取消</el-button
|
||||
>
|
||||
<el-button size="small" type="primary" @click="handleSave"
|
||||
>保存</el-button
|
||||
>
|
||||
<el-button size="small" type="primary" @click="handleCancle">{{
|
||||
$t('common:button:cancel')
|
||||
}}</el-button>
|
||||
<el-button size="small" type="primary" @click="handleSave">{{
|
||||
$t('common:button:save')
|
||||
}}</el-button>
|
||||
</template>
|
||||
</base-model>
|
||||
</template>
|
||||
<script>
|
||||
import { addOrUpdateInternationalization } from "@/api/admin";
|
||||
import BaseModel from "@/components/BaseModel";
|
||||
import { addOrUpdateInternationalization } from '@/api/admin'
|
||||
import BaseModel from '@/components/BaseModel'
|
||||
const formDataDefault = () => {
|
||||
return {
|
||||
Id: null,
|
||||
@@ -113,110 +132,138 @@ const formDataDefault = () => {
|
||||
ValueCN: null,
|
||||
InternationalizationType: 1,
|
||||
PublishLogId: null,
|
||||
};
|
||||
};
|
||||
}
|
||||
}
|
||||
export default {
|
||||
name: "I18nForm",
|
||||
name: 'I18nForm',
|
||||
components: { BaseModel },
|
||||
data() {
|
||||
return {
|
||||
status: "add", // add update batch
|
||||
status: 'add', // add update batch
|
||||
loading: false,
|
||||
form: formDataDefault(),
|
||||
rules: {
|
||||
State: [{ required: true, message: "请选择", trigger: "blur" }],
|
||||
State: [
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('system:l18n:rule:selectState'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
Module: [
|
||||
{
|
||||
max: 200,
|
||||
message: `${this.$t("common:ruleMessage:maxLength")} 200`,
|
||||
trigger: "blur",
|
||||
message: `${this.$t('common:ruleMessage:maxLength')} 200`,
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
Description: [
|
||||
{
|
||||
max: 200,
|
||||
message: `${this.$t("common:ruleMessage:maxLength")} 200`,
|
||||
trigger: "blur",
|
||||
message: `${this.$t('common:ruleMessage:maxLength')} 200`,
|
||||
trigger: 'blur',
|
||||
},
|
||||
],
|
||||
Code: [
|
||||
{ required: true, message: "请注明", trigger: "blur" },
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('system:l18n:rule:inputCode'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
max: 200,
|
||||
message: `${this.$t("common:ruleMessage:maxLength")} 200`,
|
||||
message: `${this.$t('common:ruleMessage:maxLength')} 200`,
|
||||
},
|
||||
],
|
||||
Value: [
|
||||
{ required: true, message: "请注明", trigger: "blur" },
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('system:l18n:rule:inputValue'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
max: 1000,
|
||||
message: `${this.$t("common:ruleMessage:maxLength")} 1000`,
|
||||
message: `${this.$t('common:ruleMessage:maxLength')} 1000`,
|
||||
},
|
||||
],
|
||||
ValueCN: [
|
||||
{ required: true, message: "请注明", trigger: "blur" },
|
||||
{
|
||||
required: true,
|
||||
message: this.$t('system:l18n:rule:inputValueCN'),
|
||||
trigger: 'blur',
|
||||
},
|
||||
{
|
||||
max: 1000,
|
||||
message: `${this.$t("common:ruleMessage:maxLength")} 1000`,
|
||||
message: `${this.$t('common:ruleMessage:maxLength')} 1000`,
|
||||
},
|
||||
],
|
||||
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: {
|
||||
visible: false,
|
||||
showClose: true,
|
||||
width: "600px",
|
||||
title: "",
|
||||
width: '600px',
|
||||
title: '',
|
||||
appendToBody: true,
|
||||
},
|
||||
PublishVersionList: [],
|
||||
};
|
||||
}
|
||||
},
|
||||
mounted() {},
|
||||
methods: {
|
||||
openDialog(title, data, options = [], status) {
|
||||
this.PublishVersionList = options;
|
||||
this.PublishVersionList = options
|
||||
this.loading = false
|
||||
this.status = status;
|
||||
this.model_cfg.visible = true;
|
||||
this.model_cfg.title = title;
|
||||
this.status = status
|
||||
this.model_cfg.visible = true
|
||||
this.model_cfg.title = title
|
||||
if (Object.keys(data).length > 0) {
|
||||
for (const k in this.form) {
|
||||
if (data.hasOwnProperty(k)) {
|
||||
this.form[k] = data[k];
|
||||
this.form[k] = data[k]
|
||||
}
|
||||
}
|
||||
} else {
|
||||
this.form = formDataDefault();
|
||||
this.form = formDataDefault()
|
||||
}
|
||||
},
|
||||
handleSave() {
|
||||
this.$refs.i18nForm.validate((valid) => {
|
||||
if (!valid) return;
|
||||
this.loading = true;
|
||||
if (this.status === "batch") {
|
||||
return this.$emit("batch", this.form);
|
||||
if (!valid) return
|
||||
this.loading = true
|
||||
if (this.status === 'batch') {
|
||||
return this.$emit('batch', this.form)
|
||||
}
|
||||
addOrUpdateInternationalization(this.form)
|
||||
.then((res) => {
|
||||
this.loading = false;
|
||||
this.$message.success(this.$t("common:message:savedSuccessfully"));
|
||||
this.model_cfg.visible = false;
|
||||
this.$emit("getList");
|
||||
this.loading = false
|
||||
this.$message.success(this.$t('common:message:savedSuccessfully'))
|
||||
this.model_cfg.visible = false
|
||||
this.$emit('getList')
|
||||
})
|
||||
.catch(() => {
|
||||
this.loading = false;
|
||||
});
|
||||
});
|
||||
this.loading = false
|
||||
})
|
||||
})
|
||||
},
|
||||
handleCancle() {
|
||||
this.model_cfg.visible = false;
|
||||
this.model_cfg.visible = false
|
||||
},
|
||||
},
|
||||
};
|
||||
}
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
::v-deep .el-select {
|
||||
|
||||
@@ -2,7 +2,9 @@
|
||||
<div class="log">
|
||||
<div ref="leftContainer" class="left">
|
||||
<el-form :inline="true">
|
||||
<el-form-item label="国际化类型">
|
||||
<el-form-item
|
||||
:label="$t('system:l18n:search:InternationalizationType')"
|
||||
>
|
||||
<el-select
|
||||
v-model="searchData.InternationalizationType"
|
||||
clearable
|
||||
@@ -17,7 +19,7 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="功能模块/服务名">
|
||||
<el-form-item :label="$t('system:l18n:search:Module')">
|
||||
<el-input
|
||||
v-model="searchData.Module"
|
||||
size="small"
|
||||
@@ -25,7 +27,7 @@
|
||||
style="width: 130px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="标识">
|
||||
<el-form-item :label="$t('system:l18n:search:Code')">
|
||||
<el-input
|
||||
v-model="searchData.Code"
|
||||
size="small"
|
||||
@@ -33,7 +35,7 @@
|
||||
style="width: 130px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="中文值">
|
||||
<el-form-item :label="$t('system:l18n:search:ValueCN')">
|
||||
<el-input
|
||||
v-model="searchData.ValueCN"
|
||||
size="small"
|
||||
@@ -41,7 +43,7 @@
|
||||
style="width: 130px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="英文值">
|
||||
<el-form-item :label="$t('system:l18n:search:Value')">
|
||||
<el-input
|
||||
v-model="searchData.Value"
|
||||
size="small"
|
||||
@@ -49,7 +51,7 @@
|
||||
clearable
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="状态">
|
||||
<el-form-item :label="$t('system:l18n:search:State')">
|
||||
<el-select
|
||||
v-model="searchData.State"
|
||||
clearable
|
||||
@@ -64,7 +66,7 @@
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="说明">
|
||||
<el-form-item :label="$t('system:l18n:search:Description')">
|
||||
<el-input
|
||||
v-model="searchData.Description"
|
||||
size="small"
|
||||
@@ -72,7 +74,7 @@
|
||||
style="width: 130px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="迭代">
|
||||
<el-form-item :label="$t('system:l18n:search:PublishVersion')">
|
||||
<el-select
|
||||
v-model="searchData.PublishLogId"
|
||||
clearable
|
||||
@@ -118,7 +120,7 @@
|
||||
size="mini"
|
||||
@click="getList"
|
||||
>
|
||||
查询
|
||||
{{ $t('common:button:search') }}
|
||||
</el-button>
|
||||
<!-- 重置 -->
|
||||
<el-button
|
||||
@@ -135,7 +137,7 @@
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
>
|
||||
新增
|
||||
{{ $t('common:button:new') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@@ -143,7 +145,7 @@
|
||||
size="mini"
|
||||
@click="handleBatchAdd"
|
||||
>
|
||||
批量新增
|
||||
{{ $t('system:l18n:button:batchAdd') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@@ -152,7 +154,7 @@
|
||||
:disabled="selectTableList.length <= 0"
|
||||
@click="handleBatchUpdate"
|
||||
>
|
||||
批量更新
|
||||
{{ $t('system:l18n:button:batchUpdate') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@@ -161,7 +163,7 @@
|
||||
:disabled="selectTableList.length <= 0"
|
||||
@click="handleBatchUpdateToChange"
|
||||
>
|
||||
批量编辑
|
||||
{{ $t('system:l18n:button:batchEdit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
@@ -184,7 +186,7 @@
|
||||
><el-table-column type="selection" width="50" />
|
||||
<el-table-column type="index" width="50" />
|
||||
<el-table-column
|
||||
label="国际化类型"
|
||||
:label="$t('system:l18n:search:InternationalizationType')"
|
||||
prop="InternationalizationType"
|
||||
width="120"
|
||||
show-overflow-tooltip
|
||||
@@ -224,35 +226,35 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="功能模块/服务名"
|
||||
:label="$t('system:l18n:search:Module')"
|
||||
prop="Module"
|
||||
min-width="140"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="标识"
|
||||
:label="$t('system:l18n:search:Code')"
|
||||
prop="Code"
|
||||
min-width="150"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="中文值"
|
||||
:label="$t('system:l18n:search:ValueCN')"
|
||||
prop="ValueCN"
|
||||
min-width="150"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="英文值"
|
||||
:label="$t('system:l18n:search:Value')"
|
||||
prop="Value"
|
||||
min-width="150"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="状态"
|
||||
:label="$t('system:l18n:search:State')"
|
||||
prop="State"
|
||||
width="100"
|
||||
show-overflow-tooltip
|
||||
@@ -271,35 +273,35 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
label="说明"
|
||||
:label="$t('system:l18n:search:Description')"
|
||||
prop="Description"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="迭代"
|
||||
:label="$t('system:l18n:search:PublishVersion')"
|
||||
prop="Version"
|
||||
min-width="100"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="更新时间"
|
||||
:label="$t('system:l18n:form:uploadTime')"
|
||||
prop="UpdateTime"
|
||||
width="150"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="创建时间"
|
||||
:label="$t('system:l18n:form:createTime')"
|
||||
prop="CreateTime"
|
||||
width="150"
|
||||
show-overflow-tooltip
|
||||
sortable="custom"
|
||||
/>
|
||||
<el-table-column
|
||||
label="操作"
|
||||
:label="$t('common:action:action')"
|
||||
fixed="right"
|
||||
prop=""
|
||||
min-width="120"
|
||||
@@ -312,7 +314,7 @@
|
||||
icon="el-icon-edit-outline"
|
||||
@click="handleEdit(scope.row)"
|
||||
>
|
||||
编辑
|
||||
{{ $t('common:button:edit') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
:disabled="scope.row.State === 1"
|
||||
@@ -321,7 +323,7 @@
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>
|
||||
删除
|
||||
{{ $t('common:button:delete') }}
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
@@ -421,7 +423,7 @@ export default {
|
||||
handleBatchUpdate() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs['i18nForm'].openDialog(
|
||||
'批量更新',
|
||||
this.$t('system:l18n:button:batchUpdate'),
|
||||
{},
|
||||
this.PublishVersionList,
|
||||
'batch'
|
||||
@@ -455,7 +457,7 @@ export default {
|
||||
handleAdd() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs['i18nForm'].openDialog(
|
||||
'新增',
|
||||
this.$t("system:l18n:button:add"),
|
||||
{},
|
||||
this.PublishVersionList,
|
||||
'add'
|
||||
@@ -465,7 +467,7 @@ export default {
|
||||
handleBatchAdd() {
|
||||
this.$nextTick(() => {
|
||||
this.$refs['batcnAddForm'].openDialog(
|
||||
'批量新增',
|
||||
this.$t("system:l18n:button:batchAdd"),
|
||||
{},
|
||||
this.PublishVersionList
|
||||
)
|
||||
@@ -474,7 +476,7 @@ export default {
|
||||
handleEdit(row) {
|
||||
this.$nextTick(() => {
|
||||
this.$refs['i18nForm'].openDialog(
|
||||
'编辑',
|
||||
this.$t("system:l18n:button:edit"),
|
||||
row,
|
||||
this.PublishVersionList,
|
||||
'update'
|
||||
@@ -490,7 +492,7 @@ export default {
|
||||
},
|
||||
// 删除
|
||||
handleDelete(row) {
|
||||
this.$confirm('是否确认删除?', {
|
||||
this.$confirm(this.$t("system:l18n:confirm:delete"), {
|
||||
type: 'warning',
|
||||
distinguishCancelAndClose: true,
|
||||
}).then(() => {
|
||||
|
||||
@@ -8,7 +8,10 @@
|
||||
<el-form-item :label="$t('system:log:table:versionUS')" prop="Version">
|
||||
<el-input v-model="searchData.Version_US" size="small" clearable />
|
||||
</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-form-item>
|
||||
<el-form-item>
|
||||
@@ -18,7 +21,7 @@
|
||||
size="mini"
|
||||
@click="getList"
|
||||
>
|
||||
查询
|
||||
{{ $t('common:button:search') }}
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
@@ -26,7 +29,7 @@
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
>
|
||||
新增
|
||||
{{ $t('common:button:new') }}
|
||||
</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
@@ -231,6 +231,7 @@ export default {
|
||||
this.$store
|
||||
.dispatch('user/loginByRole', { userRoleId: this.userRoleId })
|
||||
.then((res) => {
|
||||
zzSessionStorage.removeItem('lastWorkbench')
|
||||
window.location.reload()
|
||||
})
|
||||
.catch(() => {
|
||||
|
||||
@@ -1780,7 +1780,18 @@ export default {
|
||||
if (seriesIdx > -1) {
|
||||
var series = studyList[studyIdx].SeriesList[seriesIdx]
|
||||
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))
|
||||
if (instanceIdx > -1) {
|
||||
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>
|
||||
|
||||
+354
@@ -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">
|
||||
<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>
|
||||
</div>
|
||||
</el-form-item>
|
||||
@@ -88,7 +88,8 @@ export default {
|
||||
spleenInfo: null,
|
||||
calculateSpleenStatus: '',
|
||||
formChanged: false,
|
||||
digitPlaces: 2
|
||||
digitPlaces: 2,
|
||||
isExistUnprocessedFeedback: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -117,6 +118,7 @@ export default {
|
||||
var digitPlaces = Number(localStorage.getItem('digitPlaces'))
|
||||
this.digitPlaces = digitPlaces === -1 ? this.digitPlaces : digitPlaces
|
||||
this.criterionType = parseInt(localStorage.getItem('CriterionType'))
|
||||
this.isExistUnprocessedFeedback = localStorage.getItem('IsExistUnprocessedFeedback')
|
||||
DicomEvent.$on('setReadingState', readingTaskState => {
|
||||
this.readingTaskState = readingTaskState
|
||||
})
|
||||
|
||||
@@ -496,7 +496,18 @@ export default {
|
||||
var series = studyList[studyIdx].SeriesList[seriesIdx]
|
||||
// var instanceIdx = series.instanceList.findIndex(imageId => !!~imageId.indexOf(instanceId))
|
||||
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))
|
||||
if (instanceIdx > -1) {
|
||||
series.imageIdIndex = instanceIdx
|
||||
|
||||
@@ -477,7 +477,18 @@ export default {
|
||||
const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[i].SeriesId)
|
||||
// const instanceList = seriesList[srIdx].instanceList
|
||||
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 series = seriesList[srIdx]
|
||||
series.imageIdIndex = isIdx
|
||||
@@ -550,7 +561,18 @@ export default {
|
||||
const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[mIdx].SeriesId)
|
||||
// const instanceList = 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 series = seriesList[srIdx]
|
||||
series.imageIdIndex = isIdx
|
||||
|
||||
@@ -1736,9 +1736,20 @@ export default {
|
||||
var series = studyList[studyIdx].SeriesList[seriesIdx]
|
||||
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 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) =>
|
||||
imageId.includes(filterStr)
|
||||
)
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
</QuestionsPreview>
|
||||
</div>
|
||||
<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)">
|
||||
{{$t('common:button:save')}}
|
||||
</el-button>
|
||||
@@ -135,7 +135,8 @@ export default {
|
||||
ecrfShow: false,
|
||||
signCode: null,
|
||||
signVisible: false,
|
||||
readingTaskState: null
|
||||
readingTaskState: null,
|
||||
isExistUnprocessedFeedback: false
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
@@ -164,6 +165,7 @@ export default {
|
||||
this.subjectCode = localStorage.getItem('subjectCode')
|
||||
this.CriterionType = parseInt(localStorage.getItem('CriterionType'))
|
||||
this.TrialReadingCriterionId = this.$router.currentRoute.query.TrialReadingCriterionId
|
||||
this.isExistUnprocessedFeedback = localStorage.getItem('IsExistUnprocessedFeedback')
|
||||
DicomEvent.$on('getCustomTableQuestionAnswer', (visitTaskId) => {
|
||||
this.$refs['QuestionsPreview'].getCustomTableQuestionAnswer(visitTaskId)
|
||||
})
|
||||
|
||||
@@ -635,7 +635,18 @@ export default {
|
||||
// (imageId) => !!~imageId.indexOf(instanceId)
|
||||
// );
|
||||
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))
|
||||
if (instanceIdx > -1) {
|
||||
series.imageIdIndex = instanceIdx;
|
||||
|
||||
@@ -451,7 +451,18 @@ export default {
|
||||
// const instanceList = seriesList[srIdx].instanceList
|
||||
// const isIdx = instanceList.findIndex(is => is.includes(measureDatas[i].InstanceId))
|
||||
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 series = seriesList[srIdx]
|
||||
series.imageIdIndex = isIdx
|
||||
@@ -523,9 +534,20 @@ export default {
|
||||
const seriesList = studyList[sdIndx].SeriesList
|
||||
const srIdx = seriesList.findIndex(sr => sr.seriesId === measureDatas[mIdx].SeriesId)
|
||||
// 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
|
||||
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 series = seriesList[srIdx]
|
||||
series.imageIdIndex = isIdx
|
||||
|
||||
@@ -338,6 +338,7 @@ export default {
|
||||
localStorage.setItem('isReadingTaskViewInOrder', this.isReadingTaskViewInOrder)
|
||||
localStorage.setItem('CriterionType', res.Result.CriterionType)
|
||||
localStorage.setItem('digitPlaces', res.Result.DigitPlaces)
|
||||
localStorage.setItem('IsExistUnprocessedFeedback', res.Result.IsExistUnprocessedFeedback)
|
||||
this.readingCategory = res.Result.ReadingCategory
|
||||
this.questionFormChangeState = false
|
||||
this.questionFormChangeNum = 0
|
||||
|
||||
@@ -70,6 +70,19 @@
|
||||
min-width="100"
|
||||
>
|
||||
<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
|
||||
:type="
|
||||
scope.row.UrgentColor === 1
|
||||
@@ -424,7 +437,11 @@ export default {
|
||||
var token = getToken()
|
||||
var path = ''
|
||||
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 {
|
||||
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>
|
||||
<!-- DICOM AE -->
|
||||
<el-table-column
|
||||
v-if="isPACSConnect"
|
||||
prop="CallingAEList"
|
||||
:label="$t('trials:sitesList:table:AE')"
|
||||
show-overflow-tooltip
|
||||
@@ -254,6 +255,7 @@
|
||||
@click="handleEdit(scope.row)"
|
||||
/>
|
||||
<el-button
|
||||
v-if="isPACSConnect"
|
||||
circle
|
||||
:title="$t('common:button:config')"
|
||||
icon="el-icon-setting"
|
||||
@@ -635,6 +637,7 @@ export default {
|
||||
},
|
||||
trialId: '',
|
||||
TrialSiteSelectList: [],
|
||||
isPACSConnect: false
|
||||
}
|
||||
},
|
||||
mounted() {
|
||||
@@ -709,6 +712,7 @@ export default {
|
||||
this.listLoading = false
|
||||
this.list = res.Result.CurrentPageData
|
||||
this.total = res.Result.TotalCount
|
||||
this.isPACSConnect = res.OtherInfo.IsPACSConnectAndIsTrialPACSConfirmed
|
||||
})
|
||||
.catch(() => {
|
||||
this.listLoading = false
|
||||
|
||||
@@ -23,11 +23,11 @@
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-collapse v-model="activeNames">
|
||||
<el-collapse v-model="activeNames" style="border-top:none;">
|
||||
<el-collapse-item
|
||||
v-for="(item, index) of QuestionList"
|
||||
:key="item.ReadingQuestionTrialId"
|
||||
style="position: relative"
|
||||
style="position: relative;padding:0 10px;"
|
||||
:name="item.ReadingQuestionTrialId"
|
||||
>
|
||||
<div slot="title">
|
||||
|
||||
@@ -145,6 +145,37 @@
|
||||
</el-upload>
|
||||
</div>
|
||||
</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 class="base-dialog-footer" style="text-align: right; margin-top: 10px">
|
||||
<el-form-item>
|
||||
@@ -204,6 +235,8 @@ export default {
|
||||
UploadRole: null,
|
||||
FileName: '',
|
||||
Path: '',
|
||||
EnFileName: '',
|
||||
EnPath: '',
|
||||
TrialCriterionIdList: [],
|
||||
},
|
||||
rules: {
|
||||
@@ -253,6 +286,7 @@ export default {
|
||||
loading: false,
|
||||
btnLoading: false,
|
||||
fileList: [],
|
||||
enFileList: [],
|
||||
trialCriterionSelectList: [],
|
||||
criterionList: [],
|
||||
}
|
||||
@@ -287,13 +321,22 @@ export default {
|
||||
this.form[k] = this.data[k]
|
||||
}
|
||||
}
|
||||
if (!this.data.Path) return
|
||||
this.fileList = [
|
||||
{
|
||||
name: this.data.FileName,
|
||||
path: this.data.Path,
|
||||
},
|
||||
]
|
||||
if (this.data.Path) {
|
||||
this.fileList = [
|
||||
{
|
||||
name: this.data.FileName,
|
||||
path: this.data.Path,
|
||||
},
|
||||
]
|
||||
}
|
||||
if (this.data.EnPath) {
|
||||
this.enFileList = [
|
||||
{
|
||||
name: this.data.EnFileName,
|
||||
path: this.data.EnPath,
|
||||
},
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
save() {
|
||||
@@ -356,6 +399,40 @@ export default {
|
||||
handleExceed(files, fileList) {
|
||||
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) {
|
||||
var typeArr = ['doc', 'docx']
|
||||
var extendName = fileName
|
||||
|
||||
@@ -769,11 +769,18 @@
|
||||
<template slot-scope="scope">
|
||||
<!-- 下载 -->
|
||||
<el-button
|
||||
v-if="scope.row.FileName && scope.row.ClinicalUploadType"
|
||||
v-if="scope.row.FileName && scope.row.ClinicalUploadType && $i18n.locale === 'zh'"
|
||||
circle
|
||||
:title="$t('common:button: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
|
||||
@@ -1713,8 +1720,8 @@ export default {
|
||||
})
|
||||
})
|
||||
},
|
||||
handleDownloadTpl(row) {
|
||||
window.open(this.OSSclientConfig.basePath + row.Path)
|
||||
handleDownloadTpl(path) {
|
||||
window.open(this.OSSclientConfig.basePath + path)
|
||||
// this.listLoading = true
|
||||
// DownloadTrialClinicalFile(row.Id).then(data => {
|
||||
// this.listLoading = false
|
||||
|
||||
@@ -5,7 +5,6 @@
|
||||
:model="form"
|
||||
size="small"
|
||||
:rules="rules"
|
||||
label-width="110px"
|
||||
:inline="true"
|
||||
>
|
||||
<div class="base-dialog-body">
|
||||
@@ -39,7 +38,6 @@
|
||||
</el-col>
|
||||
</el-form-item>
|
||||
<!-- 数据内容:label="$t('trials:readingPeriod:cd:form:data')" -->
|
||||
<el-form-item>
|
||||
<!-- 多文件上传 -->
|
||||
<form id="inputForm" ref="uploadForm">
|
||||
<div class="form-group">
|
||||
@@ -52,7 +50,7 @@
|
||||
display: inline-block;
|
||||
"
|
||||
>
|
||||
<el-button type="primary" style="width: 56px" size="small">
|
||||
<el-button type="primary" size="small">
|
||||
{{ $t('trials:uploadClinicalData:button:selectFile') }}
|
||||
</el-button>
|
||||
<input
|
||||
@@ -83,7 +81,7 @@
|
||||
:data="fileList"
|
||||
class="dicomFiles-table"
|
||||
height="300"
|
||||
style="width: 100%"
|
||||
style="width: 100%;margin-top:5px;"
|
||||
border
|
||||
>
|
||||
<el-table-column type="index" width="40" />
|
||||
@@ -108,7 +106,7 @@
|
||||
}}</span>
|
||||
</template>
|
||||
</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">
|
||||
<!-- 删除 -->
|
||||
<el-button
|
||||
@@ -128,7 +126,6 @@
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-form-item>
|
||||
</div>
|
||||
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
|
||||
<el-form-item>
|
||||
|
||||
@@ -93,11 +93,13 @@
|
||||
<el-table-column
|
||||
prop="ClinicalDataSetName"
|
||||
:label="$t('trials:readingPeriod:cd:table:clinicalDataName')"
|
||||
min-width="100"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="UploadRole"
|
||||
:label="$t('trials:studyList:table:uploader')"
|
||||
show-overflow-tooltip
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd("ClinicalDataUploadRole", scope.row.UploadRole) }}
|
||||
@@ -107,6 +109,7 @@
|
||||
<el-table-column
|
||||
prop="ClinicalDataLevel"
|
||||
:label="$t('trials:readingPeriod:cd:table:dataLevel')"
|
||||
min-width="100"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd("ClinicalLevel", scope.row.ClinicalDataLevel) }}
|
||||
@@ -116,6 +119,7 @@
|
||||
<el-table-column
|
||||
prop="ClinicalUploadType"
|
||||
:label="$t('trials:readingPeriod:cd:table:transferType')"
|
||||
min-width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{ $fd("ClinicalUploadType", scope.row.ClinicalUploadType) }}
|
||||
@@ -125,6 +129,7 @@
|
||||
<el-table-column
|
||||
prop="FileCount"
|
||||
:label="$t('trials:readingPeriod:cd:table:fileCount')"
|
||||
min-width="120"
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
{{
|
||||
@@ -247,7 +252,7 @@
|
||||
:visible.sync="addOrUpdateCD.visible"
|
||||
:close-on-click-modal="false"
|
||||
:title="addOrUpdateCD.title"
|
||||
width="500px"
|
||||
width="600px"
|
||||
append-to-body
|
||||
custom-class="base-dialog-wrapper"
|
||||
>
|
||||
@@ -503,7 +508,7 @@
|
||||
:visible.sync="addOrUpdateCD.visible"
|
||||
:close-on-click-modal="false"
|
||||
:title="addOrUpdateCD.title"
|
||||
width="500px"
|
||||
width="600px"
|
||||
append-to-body
|
||||
custom-class="base-dialog-wrapper"
|
||||
>
|
||||
@@ -623,7 +628,8 @@ export default {
|
||||
},
|
||||
mounted() {
|
||||
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 {
|
||||
this.getList(true);
|
||||
}
|
||||
|
||||
@@ -136,7 +136,6 @@
|
||||
:prop="`Plan${i-1}`"
|
||||
label=""
|
||||
width="240"
|
||||
show-overflow-tooltip
|
||||
>
|
||||
<template slot-scope="scope">
|
||||
<div v-if="i<=scope.row.Data.length">
|
||||
@@ -162,7 +161,7 @@
|
||||
</div>
|
||||
<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 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) }}
|
||||
</div>
|
||||
</div>
|
||||
@@ -322,6 +321,7 @@
|
||||
:visible.sync="clinicalDataVisible"
|
||||
:close-on-click-modal="false"
|
||||
append-to-body
|
||||
width="70%"
|
||||
>
|
||||
<ClinicalData :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="currentData" @getList="getList"/>
|
||||
</el-dialog>
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
style="width: 120px"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item
|
||||
<!-- <el-form-item
|
||||
:label="$t('trials:loginLog:table:incorrectUserName')"
|
||||
prop="LoginFaildName"
|
||||
v-if="!isMine"
|
||||
@@ -39,17 +39,31 @@
|
||||
clearable
|
||||
style="width: 120px"
|
||||
/>
|
||||
</el-form-item>
|
||||
</el-form-item> -->
|
||||
<el-form-item
|
||||
:label="$t('trials:loginLog:table:userName')"
|
||||
prop="LoginUserName"
|
||||
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
|
||||
v-for="item of trialUserList"
|
||||
:key="item.UserId"
|
||||
:value="item.UserId"
|
||||
:key="item.IdentityUserId"
|
||||
: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"
|
||||
/>
|
||||
</el-select>
|
||||
@@ -60,7 +74,7 @@
|
||||
v-if="!isMine"
|
||||
>
|
||||
<el-select
|
||||
v-model="searchData.LoginUserTypeEnum"
|
||||
v-model="searchData.LoginUserType"
|
||||
clearable
|
||||
style="width: 120px"
|
||||
>
|
||||
@@ -68,7 +82,7 @@
|
||||
v-for="item of $d.UserType"
|
||||
v-show="item.value !== 7 && item.value !== 8"
|
||||
:key="'UserType' + item.label"
|
||||
:value="item.value"
|
||||
:value="item.label"
|
||||
:label="item.label"
|
||||
/>
|
||||
</el-select>
|
||||
@@ -236,7 +250,7 @@ const searchDataDefault = () => {
|
||||
Ip: '',
|
||||
LoginFaildName: '',
|
||||
LoginUserName: '',
|
||||
LoginUserTypeEnum: null,
|
||||
LoginUserType: null,
|
||||
BeginDate: '',
|
||||
EndDate: '',
|
||||
Asc: false,
|
||||
@@ -244,6 +258,7 @@ const searchDataDefault = () => {
|
||||
PageIndex: 1,
|
||||
PageSize: 20,
|
||||
UserId: '',
|
||||
TargetIdentityUserId: ''
|
||||
}
|
||||
}
|
||||
export default {
|
||||
|
||||
@@ -154,21 +154,23 @@
|
||||
v-else-if="scope.row.CheckChallengeState === 1"
|
||||
type="danger"
|
||||
>
|
||||
{{
|
||||
{{ $fd('CheckChallengeState', 1) }}
|
||||
<!-- {{
|
||||
userTypeEnumInt === 2
|
||||
? $fd('CheckChallengeState', 1)
|
||||
: $fd('CheckChallengeState', 2)
|
||||
}}
|
||||
}} -->
|
||||
</el-tag>
|
||||
<el-tag
|
||||
v-else-if="scope.row.CheckChallengeState === 2"
|
||||
type="danger"
|
||||
>
|
||||
{{
|
||||
{{ $fd('CheckChallengeState', 2) }}
|
||||
<!-- {{
|
||||
userTypeEnumInt === 2
|
||||
? $fd('CheckChallengeState', 2)
|
||||
: $fd('CheckChallengeState', 1)
|
||||
}}
|
||||
}} -->
|
||||
</el-tag>
|
||||
<el-tag v-else-if="scope.row.CheckChallengeState === 3">{{
|
||||
$fd('CheckChallengeState', scope.row.CheckChallengeState)
|
||||
|
||||
@@ -1459,7 +1459,7 @@ export default {
|
||||
</div>`
|
||||
this.$alert(
|
||||
content,
|
||||
this.$t('trials:uploadDicomList:label:prompt'),
|
||||
'',
|
||||
{
|
||||
confirmButtonText: this.$t(
|
||||
'trials:uploadDicomList:label:confirm'
|
||||
|
||||
@@ -322,12 +322,11 @@
|
||||
>{{ $t('trials:crcUpload:label:dicom') }}:
|
||||
{{ scope.row.DicomStudyCount }},
|
||||
</span>
|
||||
<span
|
||||
v-if="
|
||||
<!-- v-if="
|
||||
scope.row.IsBaseLine &&
|
||||
otherInfo.ClinicalInformationTransmissionEnum > 0
|
||||
"
|
||||
>
|
||||
"-->
|
||||
<span>
|
||||
<span
|
||||
>{{ $t('trials:crcUpload:label:noneDicom') }}:
|
||||
{{ scope.row.NoneDicomStudyCount }},
|
||||
@@ -337,10 +336,10 @@
|
||||
{{ scope.row.IsHaveClinicalData ? 'w/' : 'w/o' }}</span
|
||||
>
|
||||
</span>
|
||||
<span v-else
|
||||
<!-- <span v-else
|
||||
>{{ $t('trials:crcUpload:label:noneDicom') }}:
|
||||
{{ scope.row.NoneDicomStudyCount }}</span
|
||||
>
|
||||
> -->
|
||||
</div>
|
||||
<span>
|
||||
{{
|
||||
@@ -1682,7 +1681,7 @@ export default {
|
||||
this.searchData.SubjectInfo = this.$route.query.subjectCode
|
||||
changeURLStatic('subjectCode', '')
|
||||
}
|
||||
|
||||
|
||||
if (this.$route.query.trialSiteId) {
|
||||
this.searchData.TrialSiteId = this.$route.query.trialSiteId
|
||||
changeURLStatic('trialSiteId', '')
|
||||
|
||||
Reference in New Issue
Block a user