XCKJ
/
irc_web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

阅片图表展示配置
continuous-integration/drone/push Build is passing Details

main
wangxiaoshuang 2025-11-20 10:49:22 +08:00
parent e5d86abf92
commit ca44352b9e
4 changed files with 401 additions and 943 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

690
src/views/dictionary/template/components/CriterionQuestionForm.vue
View File

@ -1,251 +1,143 @@
<template> <template>
<el-form <el-form ref="clinicalDataForm" v-loading="loading" :model="form" size="small" :rules="rules"
ref="clinicalDataForm" :disabled="type === 'look'" label-width="220px">
v-loading="loading"
:model="form"
size="small"
:rules="rules"
:disabled="type === 'look'"
label-width="220px"
>
<div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;"> <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
<div style="height: 150px;"> <div style="height: 150px;">
<!-- 类型 --> <!-- 类型 -->
<el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type"> <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
<el-select <el-select v-model="form.Type" clearable @change="
v-model="form.Type"
clearable
@change="
(val) => { (val) => {
typeChange(val, form) typeChange(val, form)
} }
" ">
> <el-option v-for="item of $d.Criterion_Question_Type" v-show="item.value !== 'class'" :key="item.value"
<el-option :value="item.value" :label="item.label" />
v-for="item of $d.Criterion_Question_Type"
v-show="item.value !== 'class'"
:key="item.value"
:value="item.value"
:label="item.label"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分组名称 --> <!-- 分组名称 -->
<el-form-item <el-form-item v-if="form.Type === 'group'" :label="$t('trials:readingUnit:qsList:title:groupName')"
v-if="form.Type === 'group'" prop="GroupName">
:label="$t('trials:readingUnit:qsList:title:groupName')"
prop="GroupName"
>
<el-input v-model="form.GroupName" /> <el-input v-model="form.GroupName" />
</el-form-item> </el-form-item>
<!-- 分组名称（EN） --> <!-- 分组名称（EN） -->
<el-form-item <el-form-item v-if="form.Type === 'group'" :label="$t('dictionary:template:criterionConfig:title:groupNameEn')"
v-if="form.Type === 'group'" prop="GroupEnName">
:label="$t('dictionary:template:criterionConfig:title:groupNameEn')"
prop="GroupEnName"
>
<el-input v-model="form.GroupEnName" /> <el-input v-model="form.GroupEnName" />
</el-form-item> </el-form-item>
<!-- 问题名称 --> <!-- 问题名称 -->
<el-form-item <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:qsName')"
v-if="form.Type !== 'group'" prop="QuestionName" :rules="[
:label="$t('trials:readingUnit:qsList:title:qsName')"
prop="QuestionName"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` } { max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
]" ]">
>
<el-input v-model="form.QuestionName" /> <el-input v-model="form.QuestionName" />
</el-form-item> </el-form-item>
<!-- 问题名称（EN） --> <!-- 问题名称（EN） -->
<el-form-item <el-form-item v-if="form.Type !== 'group'" :label="$t('dictionary:template:criterionConfig:title:qsNameEn')"
v-if="form.Type !== 'group'" prop="QuestionEnName" :rules="[
:label="$t('dictionary:template:criterionConfig:title:qsNameEn')"
prop="QuestionEnName"
:rules="[
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` } { max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
]" ]">
>
<el-input v-model="form.QuestionEnName" /> <el-input v-model="form.QuestionEnName" />
</el-form-item> </el-form-item>
</div> </div>
<div style="flex: 1;overflow-y:auto;"> <div style="flex: 1;overflow-y:auto;">
<!-- 公有属性 --> <!-- 公有属性 -->
<el-divider content-position="left">{{$t('trials:readingUnit:title:publicProperties')}}</el-divider> <el-divider content-position="left">{{ $t('trials:readingUnit:title:publicProperties') }}</el-divider>
<!-- 问题分组 --> <!-- 问题分组 -->
<el-form-item <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:qsGroupName')" :rules="[
v-if="form.Type !== 'group'"
:label="$t('trials:readingUnit:qsList:title:qsGroupName')"
:rules="[
{ required: form.ShowQuestion === 1 ? false : true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: form.ShowQuestion === 1 ? false : true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
> <el-select v-model="form.GroupId" clearable :disabled="isParentExistGroup">
<el-select <el-option v-for="group of groupOptions" :key="group.GroupId" :label="group.GroupName"
v-model="form.GroupId" :value="group.GroupId" />
clearable
:disabled="isParentExistGroup"
>
<el-option
v-for="group of groupOptions"
:key="group.GroupId"
:label="group.GroupName"
:value="group.GroupId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否显示 --> <!-- 是否显示 -->
<el-form-item <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:isShow')"
v-if="form.Type !== 'group'" prop="ShowQuestion">
:label="$t('trials:readingUnit:qsList:title:isShow')" <el-radio-group v-model="form.ShowQuestion" @change="
prop="ShowQuestion"
>
<el-radio-group
v-model="form.ShowQuestion"
@change="
(val) => { (val) => {
isShowQuestionChange(val, form) isShowQuestionChange(val, form)
} }
" ">
> <el-radio v-for="item of $d.ShowQuestion" :key="`ShowQuestion${item.value}`" :label="item.value">
<el-radio
v-for="item of $d.ShowQuestion"
:key="`ShowQuestion${item.value}`"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 显示时依赖父问题 --> <!-- 显示时依赖父问题 -->
<el-form-item <el-form-item v-if="form.Type !== 'group' && form.ShowQuestion === 1"
v-if="form.Type !== 'group' && form.ShowQuestion === 1" :label="$t('trials:readingUnit:qsList:title:parentId')" prop="ParentId">
:label="$t('trials:readingUnit:qsList:title:parentId')" <el-select v-model="form.ParentId" clearable @change="
prop="ParentId"
>
<el-select
v-model="form.ParentId"
clearable
@change="
(val) => { (val) => {
parentQuestionChange(val, form) parentQuestionChange(val, form)
} }
" ">
> <el-option v-for="item of parentOptions" :key="`ParentId${item.QuestionId}`" :label="item.QuestionName"
<el-option :value="item.QuestionId" />
v-for="item of parentOptions"
:key="`ParentId${item.QuestionId}`"
:label="item.QuestionName"
:value="item.QuestionId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 显示时依赖父问题触发值 --> <!-- 显示时依赖父问题触发值 -->
<el-form-item <el-form-item v-if="form.ParentId && form.ShowQuestion === 1"
v-if="form.ParentId && form.ShowQuestion === 1" :label="$t('trials:readingUnit:qsList:title:parentTriggerValueList')" prop="ParentTriggerValueList">
:label="$t('trials:readingUnit:qsList:title:parentTriggerValueList')"
prop="ParentTriggerValueList"
>
<el-select v-model="form.ParentTriggerValueList" clearable multiple> <el-select v-model="form.ParentTriggerValueList" clearable multiple>
<el-option <el-option v-for="item of parentTriggerValOptions" :key="item.value" :label="item.label"
v-for="item of parentTriggerValOptions" :value="item.value + ''" />
:key="item.value"
:label="item.label"
:value="item.value + ''"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否必填 --> <!-- 是否必填 -->
<el-form-item <el-form-item
v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'" v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'"
:label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired" :label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired">
> <el-radio-group v-model="form.IsRequired" :disabled="form.IsJudgeQuestion === true || form.ShowQuestion === 2"
<el-radio-group
v-model="form.IsRequired"
:disabled="form.IsJudgeQuestion === true || form.ShowQuestion === 2"
@change=" @change="
(val) => { (val) => {
isRequiredChange(val, form) isRequiredChange(val, form)
} }
" ">
> <el-radio v-for="item of $d.QuestionRequired" :key="`QuestionRequired${item.value}`" :label="item.value">
<el-radio
v-for="item of $d.QuestionRequired"
:key="`QuestionRequired${item.value}`"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 必填依赖父问题 --> <!-- 必填依赖父问题 -->
<el-form-item <el-form-item v-if="form.Type !== 'group' && form.IsRequired === 1"
v-if="form.Type !== 'group' && form.IsRequired === 1" :label="$t('trials:readingUnit:qsList:title:relevanceId')" prop="RelevanceId">
:label="$t('trials:readingUnit:qsList:title:relevanceId')" <el-select v-model="form.RelevanceId" clearable @change="
prop="RelevanceId"
>
<el-select
v-model="form.RelevanceId"
clearable
@change="
(val) => { (val) => {
relevanceQuestionChange(val, form) relevanceQuestionChange(val, form)
} }
" ">
> <el-option v-for="item of parentOptions" :key="`RelevanceId${item.QuestionId}`" :label="item.QuestionName"
<el-option :value="item.QuestionId" />
v-for="item of parentOptions"
:key="`RelevanceId${item.QuestionId}`"
:label="item.QuestionName"
:value="item.QuestionId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 必填触发值 --> <!-- 必填触发值 -->
<el-form-item <el-form-item v-if="form.RelevanceId && form.IsRequired === 1"
v-if="form.RelevanceId && form.IsRequired === 1" :label="$t('trials:readingUnit:qsList:title:relevanceValueList')" prop="RelevanceValueList">
:label="$t('trials:readingUnit:qsList:title:relevanceValueList')"
prop="RelevanceValueList"
>
<el-select v-model="form.RelevanceValueList" clearable multiple> <el-select v-model="form.RelevanceValueList" clearable multiple>
<el-option <el-option v-for="item of reParentTriggerValOptions" :key="item.id" :label="item.label"
v-for="item of reParentTriggerValOptions" :value="item.value + ''" />
:key="item.id"
:label="item.label"
:value="item.value + ''"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否裁判问题 --> <!-- 是否裁判问题 -->
<el-form-item <el-form-item v-if="
v-if="
form.Type === 'select' || form.Type === 'select' ||
form.Type === 'radio' || form.Type === 'radio' ||
form.Type === 'calculation' || form.Type === 'calculation' ||
form.Type === 'number' form.Type === 'number'
" " :label="$t('trials:readingUnit:qsList:title:isJudgeQuestion')" prop="IsJudgeQuestion" :rules="[
:label="$t('trials:readingUnit:qsList:title:isJudgeQuestion')"
prop="IsJudgeQuestion"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
> <el-radio-group v-model="form.IsJudgeQuestion" @change="
<el-radio-group
v-model="form.IsJudgeQuestion"
@change="
(val) => { (val) => {
isJudgeQuestionChange(val, form) isJudgeQuestionChange(val, form)
} }
" ">
> <el-radio v-for="item of $d.YesOrNo" :key="`YesOrNo${item.value}`" :label="item.value">{{ item.label
<el-radio }}</el-radio>
v-for="item of $d.YesOrNo"
:key="`YesOrNo${item.value}`"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- <el-form-item label="导出标识" <!-- <el-form-item label="导出标识"
@ -269,471 +161,274 @@
</el-radio-group> </el-radio-group>
</el-form-item> --> </el-form-item> -->
<!-- 导出结果 --> <!-- 导出结果 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:ExportResult')"
:label="$t('trials:readingUnit:qsList:title:ExportResult')" v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'">
v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'"
>
<el-select v-model="form.ExportResult" multiple> <el-select v-model="form.ExportResult" multiple>
<el-option <el-option v-for="item in CriterionDictionaryList.ExportResult" :key="item.Id" :value="parseInt(item.Code)"
v-for="item in CriterionDictionaryList.ExportResult" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value">
:key="item.Id"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 限制编辑 --> <!-- 限制编辑 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:limitEdit')"
:label="$t('trials:readingUnit:qsList:title:limitEdit')"
v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'upload' || form.Type === 'number' || form.Type === 'screenshot'" v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'upload' || form.Type === 'number' || form.Type === 'screenshot'"
prop="LimitEdit" prop="LimitEdit" :rules="[
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
>
<el-radio-group v-model="form.LimitEdit"> <el-radio-group v-model="form.LimitEdit">
<el-radio <el-radio v-for="item of $d.LimitEdit" :key="`LimitEdit${item.value}`" :label="item.value">{{ item.label
v-for="item of $d.LimitEdit" }}</el-radio>
:key="`LimitEdit${item.value}`"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 全局阅片是否显示 --> <!-- 全局阅片是否显示 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:globalReadingShowType')" prop="GlobalReadingShowType"
:label="$t('trials:readingUnit:qsList:title:globalReadingShowType')"
prop="GlobalReadingShowType"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
>
<el-radio-group v-model="form.GlobalReadingShowType"> <el-radio-group v-model="form.GlobalReadingShowType">
<el-radio <el-radio v-for="item of $d.GlobalReadingShowType" :key="item.id" :label="item.value">{{ item.label
v-for="item of $d.GlobalReadingShowType" }}</el-radio>
:key="item.id"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 问题标识 --> <!-- 问题标识 -->
<el-form-item <el-form-item :label="$t('dictionary:template:criterionConfig:table:questionType')"
:label="$t('dictionary:template:criterionConfig:table:questionType')" v-if="form.Type !== 'group' && form.Type !== 'summary'" prop="QuestionType">
v-if="form.Type !== 'group' && form.Type !== 'summary'"
prop="QuestionType"
>
<el-select v-model="form.QuestionType" clearable> <el-select v-model="form.QuestionType" clearable>
<el-option <el-option v-for="item of CriterionDictionaryList.QuestionType" :key="item.Id" :value="parseInt(item.Code)"
v-for="item of CriterionDictionaryList.QuestionType" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" />
:key="item.Id"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否在阅片页面显示 --> <!-- 是否在阅片页面显示 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:isShowInDicom')" prop="IsShowInDicom" :rules="[
:label="$t('trials:readingUnit:qsList:title:isShowInDicom')"
prop="IsShowInDicom"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
>
<el-radio-group v-model="form.IsShowInDicom"> <el-radio-group v-model="form.IsShowInDicom">
<el-radio <el-radio v-for="item of $d.YesOrNo" :key="`YesOrNo${item.value}`" :label="item.value">{{ item.label
v-for="item of $d.YesOrNo" }}</el-radio>
:key="`YesOrNo${item.value}`"
:label="item.value"
>{{ item.label }}</el-radio
>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 注释 --> <!-- 注释 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:Remark')" prop="Remark">
:label="$t('trials:readingUnit:qsList:title:Remark')"
prop="Remark"
>
<el-input v-model="form.Remark" /> <el-input v-model="form.Remark" />
</el-form-item> </el-form-item>
<!-- 序号 --> <!-- 序号 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:order')" prop="ShowOrder" :rules="[
:label="$t('trials:readingUnit:qsList:title:order')"
prop="ShowOrder"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
> <el-input-number v-model="form.ShowOrder" controls-position="right" :min="0" />
<el-input-number </el-form-item>
v-model="form.ShowOrder" <!-- 图表展示-->
controls-position="right" <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
:min="0" :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
/> <el-radio-group v-model="form.ShowChartTypeEnum">
<el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item> </el-form-item>
<!-- 适用于Lugano 2014标准 --> <!-- 适用于Lugano 2014标准 -->
<!-- 问题分类 --> <!-- 问题分类 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:questionClassify')" v-if="form.Type !== 'group' && criterionType === 2"> <el-form-item :label="$t('dictionary:template:criterionConfig:table:questionClassify')"
v-if="form.Type !== 'group' && criterionType === 2">
<el-select v-model="form.QuestionClassify" clearable> <el-select v-model="form.QuestionClassify" clearable>
<el-option <el-option v-for="item of $d.QuestionClassify" :key="item.id" :label="item.label" :value="item.value" />
v-for="item of $d.QuestionClassify"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 适用于iRECST标准 --> <!-- 适用于iRECST标准 -->
<!-- 转化显示类型 --> <!-- 转化显示类型 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:convertType')" prop="ConvertShowType" v-if="criterionType === 3"> <el-form-item :label="$t('dictionary:template:criterionConfig:table:convertType')" prop="ConvertShowType"
v-if="criterionType === 3">
<el-radio-group v-model="form.ConvertShowType"> <el-radio-group v-model="form.ConvertShowType">
<el-radio <el-radio v-for="item of $d.ConvertShowType" :key="item.id" :label="item.value">
v-for="item of $d.ConvertShowType"
:key="item.id"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 私有属性 --> <!-- 私有属性 -->
<el-divider content-position="left">{{$t('trials:readingUnit:title:privateProperties')}}</el-divider> <el-divider content-position="left">{{ $t('trials:readingUnit:title:privateProperties') }}</el-divider>
<!-- 选项类型 --> <!-- 选项类型 -->
<el-form-item <el-form-item v-if="
v-if="
form.Type === 'select' || form.Type === 'select' ||
form.Type === 'radio' || form.Type === 'radio' ||
form.Type === 'calculation' form.Type === 'calculation'
" " :label="$t('trials:readingUnit:label:QuestionGenre')" prop="QuestionGenre"
:label="$t('trials:readingUnit:label:QuestionGenre')" :rules="[{ required: form.Type !== 'calculation', message: this.$t('common:ruleMessage:select') }]">
prop="QuestionGenre" <el-radio-group v-model="form.QuestionGenre" @change="
:rules="[{ required: form.Type !== 'calculation', message: this.$t('common:ruleMessage:select') }]"
>
<el-radio-group
v-model="form.QuestionGenre"
@change="
(val) => { (val) => {
questionGenreChange(val, form) questionGenreChange(val, form)
} }
" ">
>
<el-radio :label="-1"> {{ this.$t('common:title:none') }} </el-radio> <el-radio :label="-1"> {{ this.$t('common:title:none') }} </el-radio>
<el-radio <el-radio v-for="item of $d.TableQuestionType" v-show="item.value === 0 || item.value === 3" :key="item.id"
v-for="item of $d.TableQuestionType" :label="item.value">
v-show="item.value === 0 || item.value === 3"
:key="item.id"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 选项 --> <!-- 选项 -->
<el-form-item <el-form-item v-if="form.QuestionGenre === 0 || form.Type === 'class'"
v-if="form.QuestionGenre === 0 || form.Type === 'class'" :label="$t('trials:qcCfg:table:typeValue')" prop="TypeValue">
:label="$t('trials:qcCfg:table:typeValue')" <el-input v-model="form.TypeValue" :placeholder="$t('trials:qcCfg:message:typeValue')"
prop="TypeValue" @change="typeValueChange" />
>
<el-input
v-model="form.TypeValue"
:placeholder="$t('trials:qcCfg:message:typeValue')"
@change="typeValueChange"
/>
</el-form-item> </el-form-item>
<!-- 关联字典 --> <!-- 关联字典 -->
<el-form-item <el-form-item v-if="form.QuestionGenre === 3" :label="$t('trials:readingUnit:label:DictionaryCode')"
v-if="form.QuestionGenre === 3" prop="DictionaryCode">
:label="$t('trials:readingUnit:label:DictionaryCode')" <el-select v-model="form.DictionaryCode" clearable @change="
prop="DictionaryCode"
>
<el-select
v-model="form.DictionaryCode"
clearable
@change="
() => { () => {
form.DefaultValue = null form.DefaultValue = null
} }
" ">
> <el-option v-for="item of dicList" :key="item.Id" :label="item.Code" :value="item.Code" />
<el-option
v-for="item of dicList"
:key="item.Id"
:label="item.Code"
:value="item.Code"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 默认值 --> <!-- 默认值 -->
<el-form-item v-if="form.QuestionGenre === 3" :label="$t('trials:readingUnit:qsList:title:defaultValue')"> <el-form-item v-if="form.QuestionGenre === 3" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
<el-select v-model="form.DefaultValue" clearable> <el-select v-model="form.DefaultValue" clearable>
<el-option <el-option v-for="item of highlightAnswers" :key="item.Id"
v-for="item of highlightAnswers" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" :value="item.Code" />
:key="item.Id"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
:value="item.Code"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 默认值 --> <!-- 默认值 -->
<el-form-item v-if="form.QuestionGenre === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')"> <el-form-item v-if="form.QuestionGenre === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
<el-select v-model="form.DefaultValue" clearable> <el-select v-model="form.DefaultValue" clearable>
<el-option <el-option v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" :key="item" :label="item"
v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" :value="item" />
:key="item"
:label="item"
:value="item"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 高亮标记值 --> <!-- 高亮标记值 -->
<el-form-item <el-form-item v-if="form.Type === 'select' || form.Type === 'radio'"
v-if="form.Type === 'select' || form.Type === 'radio'" :label="$t('trials:readingUnit:qsList:title:highlightAnswers')" prop="HighlightAnswerList">
:label="$t('trials:readingUnit:qsList:title:highlightAnswers')"
prop="HighlightAnswerList"
>
<el-select v-model="form.HighlightAnswerList" clearable multiple> <el-select v-model="form.HighlightAnswerList" clearable multiple>
<template v-if="form.TypeValue"> <template v-if="form.TypeValue">
<el-option <el-option v-for="item of form.TypeValue.split('|')" :key="item" :label="item" :value="item" />
v-for="item of form.TypeValue.split('|')"
:key="item"
:label="item"
:value="item"
/>
</template> </template>
<template v-else-if="form.DictionaryCode"> <template v-else-if="form.DictionaryCode">
<el-option <el-option v-for="item of highlightAnswers" :key="item.Id"
v-for="item of highlightAnswers" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" :value="item.Code" />
:key="item.Id"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
:value="item.Code"
/>
</template> </template>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分组标识 --> <!-- 分组标识 -->
<el-form-item <el-form-item :label="$t('dictionary:template:criterionConfig:table:groupClassify')"
:label="$t('dictionary:template:criterionConfig:table:groupClassify')" v-if="form.Type === 'group'" prop="GroupClassify">
v-if="form.Type === 'group'"
prop="GroupClassify"
>
<el-select v-model="form.GroupClassify" clearable> <el-select v-model="form.GroupClassify" clearable>
<el-option <el-option v-for="item of groupClassifyList" :key="item.Id" :value="parseInt(item.Code)"
v-for="item of groupClassifyList" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" />
:key="item.Id"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 最大长度 --> <!-- 最大长度 -->
<el-form-item <el-form-item v-if="form.Type === 'input' || form.Type === 'textarea'"
v-if="form.Type === 'input' || form.Type === 'textarea'" :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')" prop="MaxAnswerLength" :rules="[
:label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
prop="MaxAnswerLength"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
]" ]">
>
<el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number> <el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number>
</el-form-item> </el-form-item>
<!-- 最大行数 --> <!-- 最大行数 -->
<el-form-item <el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'"
v-if="form.Type === 'table' || form.Type === 'basicTable'" :label="$t('trials:readingUnit:qsList:title:maxQuestionCount')" prop="MaxQuestionCount" :rules="[
:label="$t('trials:readingUnit:qsList:title:maxQuestionCount')"
prop="MaxQuestionCount"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
]" ]">
> <el-input-number v-model="form.MaxQuestionCount" controls-position="right" :min="0" :max="10" />
<el-input-number
v-model="form.MaxQuestionCount"
controls-position="right"
:min="0"
:max="10"
/>
</el-form-item> </el-form-item>
<el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'" :label="$t('trials:readingUnit:qsList:title:orderMark')"> <el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'"
:label="$t('trials:readingUnit:qsList:title:orderMark')">
<el-input v-model="form.OrderMark" /> <el-input v-model="form.OrderMark" />
</el-form-item> </el-form-item>
<!-- 数值类型 --> <!-- 数值类型 -->
<el-form-item <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
v-if="form.Type === 'number' || form.Type === 'calculation'" :label="$t('trials:readingUnit:qsList:title:valueType')" prop="ValueType"
:label="$t('trials:readingUnit:qsList:title:valueType')" :rules="[{ required: true, message: this.$t('common:ruleMessage:select') }]">
prop="ValueType"
:rules="[{ required: true, message: this.$t('common:ruleMessage:select') }]"
>
<el-radio-group v-model="form.ValueType"> <el-radio-group v-model="form.ValueType">
<el-radio <el-radio v-for="item of $d.ValueType" :key="item.id" :label="item.value">
v-for="item of $d.ValueType"
:key="item.id"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 单位 --> <!-- 单位 -->
<el-form-item <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
v-if="form.Type === 'number' || form.Type === 'calculation'" :label="$t('trials:readingUnit:qsList:title:unit')" prop="Unit" :rules="[
:label="$t('trials:readingUnit:qsList:title:unit')"
prop="Unit"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
>
<el-radio-group v-model="form.Unit"> <el-radio-group v-model="form.Unit">
<el-radio <el-radio v-for="item of $d.ValueUnit" :key="item.id" :label="item.value">
v-for="item of $d.ValueUnit"
:key="item.id"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 表格类型标识 --> <!-- 表格类型标识 -->
<el-form-item <el-form-item v-if="form.Type === 'table'" :label="$t('dictionary:template:criterionConfig:table:tableType')"
v-if="form.Type === 'table'" prop="LesionType">
:label="$t('dictionary:template:criterionConfig:table:tableType')"
prop="LesionType"
>
<el-select v-model="form.LesionType" clearable> <el-select v-model="form.LesionType" clearable>
<el-option <el-option v-for="item of lesionTypes" :key="item.Code" :value="parseInt(item.Code)"
v-for="item of lesionTypes" :label="$fd('LesionType', parseInt(item.Code))" />
:key="item.Code"
:value="parseInt(item.Code)"
:label="$fd('LesionType', parseInt(item.Code))"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 表格类型标识 --> <!-- 表格类型标识 -->
<el-form-item <el-form-item v-if="form.Type === 'basicTable'"
v-if="form.Type === 'basicTable'" :label="$t('dictionary:template:criterionConfig:table:tableType')" prop="LesionType">
:label="$t('dictionary:template:criterionConfig:table:tableType')"
prop="LesionType"
>
<el-select v-model="form.LesionType" clearable> <el-select v-model="form.LesionType" clearable>
<el-option <el-option v-for="item of lesionTypeList" :key="item.Id" :value="parseInt(item.Code)"
v-for="item of lesionTypeList" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" />
:key="item.Id"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 关联字典 --> <!-- 关联字典 -->
<el-form-item <el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'"
v-if="form.Type === 'table' || form.Type === 'basicTable'" :label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')">
:label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')" <el-select v-model="form.DictionaryCode" clearable @change="
>
<el-select
v-model="form.DictionaryCode"
clearable
@change="
() => { () => {
form.DefaultValue = null form.DefaultValue = null
} }
" ">
> <el-option v-for="item of dicList" :key="item.Id" :label="item.Code" :value="item.Code" />
<el-option
v-for="item of dicList"
:key="item.Id"
:label="item.Code"
:value="item.Code"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 最大上传个数 --> <!-- 最大上传个数 -->
<el-form-item <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:imageCount')">
v-if="form.Type === 'upload'" <el-input-number v-model="form.ImageCount" controls-position="right" :min="0" :max="10" />
:label="$t('trials:readingUnit:qsList:title:imageCount')"
>
<el-input-number
v-model="form.ImageCount"
controls-position="right"
:min="0"
:max="10"
/>
</el-form-item> </el-form-item>
<!-- 文件类型 --> <!-- 文件类型 -->
<el-form-item <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:FileType')"
v-if="form.Type === 'upload'"
:label="$t('trials:readingUnit:qsList:title:FileType')"
prop="FileType" prop="FileType"
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]" :rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['change'] }]">
> <el-checkbox-group v-model="form.FileType" @change="(v) => {
<el-checkbox-group
v-model="form.FileType"
@change="(v) => {
if (v && v.includes('-1')) { if (v && v.includes('-1')) {
form.FileType = ['-1'] form.FileType = ['-1']
} }
}" }">
> <el-checkbox v-for="item of $d.fileType" :key="`fileType${item.value}`" :value="item.value + ''"
<el-checkbox :label="item.value" :disabled="form.FileType && form.FileType.includes('-1') && item.value !== '-1'">
v-for="item of $d.fileType"
:key="`fileType${item.value}`"
:value="item.value + ''"
:label="item.value"
:disabled="form.FileType && form.FileType.includes('-1') && item.value !== '-1'"
>
{{ item.label }} {{ item.label }}
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<!-- 分类数据来源 --> <!-- 分类数据来源 -->
<el-form-item <el-form-item v-if="form.Type === 'class'"
v-if="form.Type === 'class'" :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')" prop="ClassifyQuestionId">
:label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
prop="ClassifyQuestionId"
>
<el-select v-model="form.ClassifyQuestionId" clearable> <el-select v-model="form.ClassifyQuestionId" clearable>
<el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName" <el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName" :value="item.Id" />
:value="item.Id"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分类算法 --> <!-- 分类算法 -->
<el-form-item <el-form-item v-if="form.Type === 'class'"
v-if="form.Type === 'class'" :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')" prop="ClassifyAlgorithms">
:label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
prop="ClassifyAlgorithms"
>
<div> <div>
<el-table <el-table ref="CalculateTable" :data="ClassifyAlgorithmsList" style="margin: 10px;width: 100%" size="small">
ref="CalculateTable"
:data="ClassifyAlgorithmsList"
style="margin: 10px;width: 100%"
size="small"
>
<!-- 运算类型 --> <!-- 运算类型 -->
<el-table-column <el-table-column :label="$t('trials:readingUnit:label:label')" show-overflow-tooltip min-width="70">
:label="$t('trials:readingUnit:label:label')"
show-overflow-tooltip
min-width="70"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.label }} {{ scope.row.label }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 运算类型 --> <!-- 运算类型 -->
<el-table-column <el-table-column :label="$t('trials:readingUnit:label:gt')" show-overflow-tooltip min-width="128">
:label="$t('trials:readingUnit:label:gt')"
show-overflow-tooltip
min-width="128"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input-number v-model="scope.row.gt"></el-input-number> <el-input-number v-model="scope.row.gt"></el-input-number>
</template> </template>
</el-table-column> </el-table-column>
<!-- 运算类型 --> <!-- 运算类型 -->
<el-table-column <el-table-column :label="$t('trials:readingUnit:label:lt')" show-overflow-tooltip min-width="128">
:label="$t('trials:readingUnit:label:lt')"
show-overflow-tooltip
min-width="128"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input-number v-model="scope.row.lt"></el-input-number> <el-input-number v-model="scope.row.lt"></el-input-number>
</template> </template>
@ -747,21 +442,11 @@
<div class="base-dialog-footer" style="text-align: right; margin-top: 10px"> <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
<el-form-item> <el-form-item>
<!-- 取消 --> <!-- 取消 -->
<el-button <el-button :disabled="btnLoading" size="small" type="primary" @click="close">
:disabled="btnLoading"
size="small"
type="primary"
@click="close"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<!-- 保存 --> <!-- 保存 -->
<el-button <el-button size="small" type="primary" :loading="btnLoading" @click="save">
size="small"
type="primary"
:loading="btnLoading"
@click="save"
>
{{ $t('common:button:save') }} {{ $t('common:button:save') }}
</el-button> </el-button>
</el-form-item> </el-form-item>
@ -863,6 +548,7 @@ export default {
FileType: [], FileType: [],
ClassifyQuestionId: null, ClassifyQuestionId: null,
ClassifyAlgorithms: null, ClassifyAlgorithms: null,
ShowChartTypeEnum: 0
}, },
rules: { rules: {
Type: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }], Type: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
@ -1010,7 +696,7 @@ export default {
if (this.data.hasOwnProperty(k)) { if (this.data.hasOwnProperty(k)) {
if (k === 'ClassifyAlgorithms' && this.data[k] !== undefined && this.data[k] !== '') { if (k === 'ClassifyAlgorithms' && this.data[k] !== undefined && this.data[k] !== '') {
this.ClassifyAlgorithmsList = JSON.parse(this.data[k]) this.ClassifyAlgorithmsList = JSON.parse(this.data[k])
} else if(k === 'FileType'){ } else if (k === 'FileType') {
this.form[k] = this.data[k].split(',') this.form[k] = this.data[k].split(',')
} else { } else {
this.form[k] = this.data[k] this.form[k] = this.data[k]
@ -1033,10 +719,10 @@ export default {
// this.parentTriggerValOptions = // this.parentTriggerValOptions =
// this.$d[this.parentOptions[index].DictionaryCode] // this.$d[this.parentOptions[index].DictionaryCode]
let dicCode = this.parentOptions[index].DictionaryCode let dicCode = this.parentOptions[index].DictionaryCode
let res = await getCriterionDictionary({ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId,DictionaryCode: dicCode}) let res = await getCriterionDictionary({ ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId, DictionaryCode: dicCode })
this.parentTriggerValOptions = res.Result[dicCode].map(i=>{ this.parentTriggerValOptions = res.Result[dicCode].map(i => {
return {id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code} return { id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code }
}) })
} else { } else {
@ -1059,9 +745,9 @@ export default {
// this.reParentTriggerValOptions = // this.reParentTriggerValOptions =
// this.$d[this.parentOptions[index].DictionaryCode] // this.$d[this.parentOptions[index].DictionaryCode]
let dicCode = this.parentOptions[index].DictionaryCode let dicCode = this.parentOptions[index].DictionaryCode
let res = await getCriterionDictionary({ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId,DictionaryCode: dicCode}) let res = await getCriterionDictionary({ ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId, DictionaryCode: dicCode })
this.reParentTriggerValOptions = res.Result[dicCode].map(i=>{ this.reParentTriggerValOptions = res.Result[dicCode].map(i => {
return {id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code} return { id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code }
}) })
} else { } else {
const options = [] const options = []
@ -1189,6 +875,7 @@ export default {
data.HighlightAnswerList = [] data.HighlightAnswerList = []
// data.ExportIdentification = 0 // data.ExportIdentification = 0
data.ExportResult = [] data.ExportResult = []
data.ShowChartTypeEnum = 0
data.FileType = [] data.FileType = []
data.ClassifyQuestionId = null data.ClassifyQuestionId = null
data.ClassifyAlgorithms = null data.ClassifyAlgorithms = null
@ -1263,10 +950,10 @@ export default {
// this.reParentTriggerValOptions = // this.reParentTriggerValOptions =
// this.$d[this.parentOptions[index].DictionaryCode] // this.$d[this.parentOptions[index].DictionaryCode]
let dicCode = this.parentOptions[index].DictionaryCode let dicCode = this.parentOptions[index].DictionaryCode
let res = await getCriterionDictionary({ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId,DictionaryCode: dicCode}) let res = await getCriterionDictionary({ ReadingCriterionId: this.data.ReadingQuestionCriterionSystemId, DictionaryCode: dicCode })
this.reParentTriggerValOptions = res.Result[dicCode].map(i=>{ this.reParentTriggerValOptions = res.Result[dicCode].map(i => {
return {id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code} return { id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code }
}) })
} else { } else {
var options = [] var options = []
@ -1310,5 +997,4 @@ export default {
}, },
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

536
src/views/dictionary/template/components/TableQsForm.vue
View File

@ -1,155 +1,86 @@
<template> <template>
<el-form <el-form ref="tableQsForm" v-loading="loading" :model="form" size="small" :disabled="type === 'look'" :rules="rules"
ref="tableQsForm" label-width="130px">
v-loading="loading"
:model="form"
size="small"
:disabled="type === 'look'"
:rules="rules"
label-width="130px"
>
<div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;"> <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
<div style="height: 150px;"> <div style="height: 150px;">
<!-- 类型 --> <!-- 类型 -->
<el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type"> <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
<el-select <el-select v-model="form.Type" @change="((val) => { qsTypeChange(val, form) })">
v-model="form.Type" <el-option v-for="item of $d.Criterion_Question_Type"
@change="((val)=>{qsTypeChange(val, form)})"
>
<el-option
v-for="item of $d.Criterion_Question_Type"
v-show="item.value !== 'class' && item.value !== 'group' && item.value !== 'table' && item.value !== 'basicTable'" v-show="item.value !== 'class' && item.value !== 'group' && item.value !== 'table' && item.value !== 'basicTable'"
:key="item.value" :key="item.value" :value="item.value" :label="item.label" />
:value="item.value"
:label="item.label"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 问题名称 --> <!-- 问题名称 -->
<el-form-item <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
v-if="form.Type !== 'group'" prop="QuestionName" :rules="[
:label="$t('trials:readingUnit:qsList:title:qsNameEn')"
prop="QuestionName"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` } { max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
]" ]">
> <el-input v-model="form.QuestionName" />
<el-input
v-model="form.QuestionName"
/>
</el-form-item> </el-form-item>
<!-- 问题名称（EN） --> <!-- 问题名称（EN） -->
<el-form-item <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
v-if="form.Type !== 'group'" prop="QuestionEnName" :rules="[
: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}` } { max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
]" ]">
> <el-input v-model="form.QuestionEnName" />
<el-input
v-model="form.QuestionEnName"
/>
</el-form-item> </el-form-item>
</div> </div>
<div style="flex: 1;overflow-y:auto;"> <div style="flex: 1;overflow-y:auto;">
<!-- 公有属性 --> <!-- 公有属性 -->
<el-divider content-position="left">{{$t('trials:readingUnit:title:publicProperties')}}</el-divider> <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-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:isShow')"
<el-radio-group prop="ShowQuestion">
v-model="form.ShowQuestion" <el-radio-group v-model="form.ShowQuestion" @change="((val) => { isShowQuestionChange(val, form) })">
@change="((val)=>{isShowQuestionChange(val, form)})" <el-radio v-for="item of $d.ShowQuestion" :key="`ShowQuestion${item.value}`" :label="item.value">
>
<el-radio
v-for="item of $d.ShowQuestion"
:key="`ShowQuestion${item.value}`"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 显示时依赖父问题 --> <!-- 显示时依赖父问题 -->
<el-form-item <el-form-item v-if="form.Type !== 'group' && form.ShowQuestion === 1"
v-if="form.Type !== 'group' && form.ShowQuestion===1" :label="$t('trials:readingUnit:qsList:title:parentId')" prop="ParentId">
:label="$t('trials:readingUnit:qsList:title:parentId')" <el-select v-model="form.ParentId" clearable @change="((val) => { parentQuestionChange(val, form) })">
prop="ParentId" <el-option v-for="item of parentOptions" :key="`ParentId${item.QuestionId}`" :label="item.QuestionName"
> :value="item.QuestionId" />
<el-select
v-model="form.ParentId"
clearable
@change="((val)=>{parentQuestionChange(val, form)})"
>
<el-option
v-for="item of parentOptions"
:key="`ParentId${item.QuestionId}`"
:label="item.QuestionName"
:value="item.QuestionId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 显示时依赖父问题触发值 --> <!-- 显示时依赖父问题触发值 -->
<el-form-item v-if="form.ParentId && form.ShowQuestion===1" :label="$t('trials:readingUnit:qsList:title:parentTriggerValueList')" prop="ParentTriggerValueList"> <el-form-item v-if="form.ParentId && form.ShowQuestion === 1"
:label="$t('trials:readingUnit:qsList:title:parentTriggerValueList')" prop="ParentTriggerValueList">
<el-select v-model="form.ParentTriggerValueList" clearable multiple> <el-select v-model="form.ParentTriggerValueList" clearable multiple>
<el-option <el-option v-for="item of parentTriggerValOptions" :key="item.id" :label="item.label"
v-for="item of parentTriggerValOptions" :value="String(item.value)" />
:key="item.id"
:label="item.label"
:value="String(item.value)"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 是否必填 --> <!-- 是否必填 -->
<el-form-item v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'" :label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired"> <el-form-item
<el-radio-group v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'"
v-model="form.IsRequired" :label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired">
:disabled="form.IsJudgeQuestion===true || form.ShowQuestion===2" <el-radio-group v-model="form.IsRequired" :disabled="form.IsJudgeQuestion === true || form.ShowQuestion === 2"
@change="((val)=>{isRequiredChange(val, form)})" @change="((val) => { isRequiredChange(val, form) })">
> <el-radio v-for="item of $d.QuestionRequired" :key="`QuestionRequired${item.value}`" :label="item.value">
<el-radio
v-for="item of $d.QuestionRequired"
:key="`QuestionRequired${item.value}`"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 必填依赖父问题 --> <!-- 必填依赖父问题 -->
<el-form-item <el-form-item v-if="form.Type !== 'group' && form.IsRequired === 1"
v-if="form.Type !== 'group' && form.IsRequired === 1" :label="$t('trials:readingUnit:qsList:title:relevanceId')" prop="RelevanceId">
:label="$t('trials:readingUnit:qsList:title:relevanceId')" <el-select v-model="form.RelevanceId" clearable @change="((val) => { relevanceQuestionChange(val, form) })">
prop="RelevanceId" <el-option v-for="item of parentOptions" :key="`RelevanceId${item.QuestionId}`" :label="item.QuestionName"
> :value="item.QuestionId" />
<el-select
v-model="form.RelevanceId"
clearable
@change="((val)=>{relevanceQuestionChange(val, form)})"
>
<el-option
v-for="item of parentOptions"
:key="`RelevanceId${item.QuestionId}`"
:label="item.QuestionName"
:value="item.QuestionId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 必填触发值 --> <!-- 必填触发值 -->
<el-form-item <el-form-item v-if="form.RelevanceId && form.IsRequired === 1"
v-if="form.RelevanceId && form.IsRequired === 1" :label="$t('trials:readingUnit:qsList:title:relevanceValueList')" prop="RelevanceValueList">
:label="$t('trials:readingUnit:qsList:title:relevanceValueList')"
prop="RelevanceValueList"
>
<el-select v-model="form.RelevanceValueList" clearable multiple> <el-select v-model="form.RelevanceValueList" clearable multiple>
<el-option <el-option v-for="item of reParentTriggerValOptions" :key="item.id" :label="item.label"
v-for="item of reParentTriggerValOptions" :value="String(item.value)" />
:key="item.id"
:label="item.label"
:value="String(item.value)"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 导出标识 --> <!-- 导出标识 -->
@ -174,175 +105,102 @@
</el-radio-group> </el-radio-group>
</el-form-item> --> </el-form-item> -->
<!-- 导出结果 --> <!-- 导出结果 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:ExportResult')"
:label="$t('trials:readingUnit:qsList:title:ExportResult')" v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'">
v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'"
>
<el-select v-model="form.ExportResult" multiple> <el-select v-model="form.ExportResult" multiple>
<el-option <el-option v-for="item in CriterionDictionaryList.ExportResult" :key="`ExportResult${item.value}`"
v-for="item in CriterionDictionaryList.ExportResult" :value="parseInt(item.Code)" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value">
:key="`ExportResult${item.value}`"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 限制编辑 --> <!-- 限制编辑 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:limitEdit')" v-if="form.Type !== 'summary'"
:label="$t('trials:readingUnit:qsList:title:limitEdit')" prop="LimitEdit" :rules="[
v-if="form.Type !== 'summary'"
prop="LimitEdit"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
>
<el-radio-group v-model="form.LimitEdit"> <el-radio-group v-model="form.LimitEdit">
<el-radio v-for="item of $d.LimitEdit" :key="item.value" :label="item.value">{{ item.label }}</el-radio> <el-radio v-for="item of $d.LimitEdit" :key="item.value" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 问题标识 --> <!-- 问题标识 -->
<el-form-item <el-form-item v-if="form.Type !== 'group' && form.Type !== 'summary'"
v-if="form.Type !== 'group' && form.Type !== 'summary'" :label="$t('dictionary:template:criterionConfig:table:questionMark')" prop="QuestionMark">
:label="$t('dictionary:template:criterionConfig:table:questionMark')" <el-select v-model="form.QuestionMark" clearable>
prop="QuestionMark" <el-option v-for="item of CriterionDictionaryList.QuestionMark" :key="item.Id" :value="parseInt(item.Code)"
> :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" />
<el-select
v-model="form.QuestionMark"
clearable
>
<el-option
v-for="item of CriterionDictionaryList.QuestionMark"
:key="item.Id"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 注释 --> <!-- 注释 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:Remark')" prop="Remark">
:label="$t('trials:readingUnit:qsList:title:Remark')"
prop="Remark"
>
<el-input v-model="form.Remark" /> <el-input v-model="form.Remark" />
</el-form-item> </el-form-item>
<!-- 序号 --> <!-- 序号 -->
<el-form-item <el-form-item :label="$t('trials:readingUnit:qsList:title:order')" prop="ShowOrder" :rules="[
:label="$t('trials:readingUnit:qsList:title:order')"
prop="ShowOrder"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
> <el-input-number v-model="form.ShowOrder" controls-position="right" :min="0" />
<el-input-number </el-form-item>
v-model="form.ShowOrder" <!-- 图表展示-->
controls-position="right" <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
:min="0" :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
/> <el-radio-group v-model="form.ShowChartTypeEnum">
<el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>
</el-radio-group>
</el-form-item> </el-form-item>
<!-- 重复出现最大次数 --> <!-- 重复出现最大次数 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:maxRowCount')" v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'"> <el-form-item :label="$t('dictionary:template:criterionConfig:table:maxRowCount')"
<el-input-number v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'">
v-model="form.MaxRowCount" <el-input-number v-model="form.MaxRowCount" controls-position="right" :min="0" :max="10" />
controls-position="right"
:min="0"
:max="10"
/>
</el-form-item> </el-form-item>
<!-- 问题分类 --> <!-- 问题分类 -->
<el-form-item :label="$t('dictionary:template:criterionConfig:table:questionClassify')" v-if="criterionType === 2"> <el-form-item :label="$t('dictionary:template:criterionConfig:table:questionClassify')"
v-if="criterionType === 2">
<el-select v-model="form.QuestionClassify" clearable> <el-select v-model="form.QuestionClassify" clearable>
<el-option <el-option v-for="item of $d.QuestionClassify" :key="item.id" :label="item.label" :value="item.value" />
v-for="item of $d.QuestionClassify"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 私有属性 --> <!-- 私有属性 -->
<el-divider content-position="left">{{$t('trials:readingUnit:title:privateProperties')}}</el-divider> <el-divider content-position="left">{{ $t('trials:readingUnit:title:privateProperties') }}</el-divider>
<!-- 选项类型 --> <!-- 选项类型 -->
<el-form-item <el-form-item v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'"
v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'" :label="$t('trials:readingUnit:label:QuestionGenre')" prop="TableQuestionType" :rules="[
:label="$t('trials:readingUnit:label:QuestionGenre')" { required: form.Type !== 'input', message: this.$t('common:ruleMessage:select') }
prop="TableQuestionType" ]">
:rules="[ <el-radio-group v-model="form.TableQuestionType" @change="((val) => { tableQuestionTypeChange(val, form) })">
{ required: form.Type !== 'input', message: this.$t('common:ruleMessage:select')} <el-radio v-for="item of $d.TableQuestionType" :key="item.id" :label="item.value"
]" :disabled="(form.Type === 'radio' && (item.value === 1 || item.value === 2)) || (form.Type === 'input' && (item.value === 0 || item.value === 3))">
>
<el-radio-group
v-model="form.TableQuestionType"
@change="((val)=>{tableQuestionTypeChange(val, form)})"
>
<el-radio
v-for="item of $d.TableQuestionType"
:key="item.id"
:label="item.value"
:disabled="(form.Type === 'radio' && (item.value===1 || item.value===2)) || (form.Type === 'input' && (item.value===0 || item.value===3))"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 选项 --> <!-- 选项 -->
<el-form-item <el-form-item v-if="form.TableQuestionType === 0 || form.Type === 'class'"
v-if="form.TableQuestionType === 0 || form.Type === 'class'" :label="$t('trials:qcCfg:table:typeValue')" prop="TypeValue">
:label="$t('trials:qcCfg:table:typeValue')" <el-input v-model="form.TypeValue" :placeholder="$t('trials:qcCfg:message:typeValue')"
prop="TypeValue" @change="typeValueChange" />
>
<el-input
v-model="form.TypeValue"
:placeholder="$t('trials:qcCfg:message:typeValue')"
@change="typeValueChange"
/>
</el-form-item> </el-form-item>
<!-- 关联问题 --> <!-- 关联问题 -->
<el-form-item <el-form-item v-if="form.TableQuestionType === 2"
v-if="form.TableQuestionType === 2" :label="$t('dictionary:template:criterionConfig:table:dependParentId')" prop="DependParentId">
:label="$t('dictionary:template:criterionConfig:table:dependParentId')" <el-select v-model="form.DependParentId">
prop="DependParentId" <el-option v-for="item of parentOptions" :key="`DependParentId${item.QuestionId}`"
> :label="item.QuestionName" :value="item.QuestionId" />
<el-select
v-model="form.DependParentId"
>
<el-option
v-for="item of parentOptions"
:key="`DependParentId${item.QuestionId}`"
:label="item.QuestionName"
:value="item.QuestionId"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 关联字段 --> <!-- 关联字段 -->
<el-form-item <el-form-item v-if="form.TableQuestionType === 1 || !!form.DependParentId"
v-if="form.TableQuestionType === 1 || !!form.DependParentId" :label="$t('dictionary:template:criterionConfig:table:dataTableColumn')" prop="DataTableColumn">
:label="$t('dictionary:template:criterionConfig:table:dataTableColumn')"
prop="DataTableColumn"
>
<el-select v-model="form.DataTableColumn"> <el-select v-model="form.DataTableColumn">
<el-option <el-option v-for="item of CriterionDictionaryList.OrganColumn" :key="item.Id"
v-for="item of CriterionDictionaryList.OrganColumn" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" :value="item.Code" />
:key="item.Id"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
:value="item.Code"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 关联字典 --> <!-- 关联字典 -->
<el-form-item <el-form-item v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2"
v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2" :label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')" prop="DictionaryCode"
:label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')" :rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]">
prop="DictionaryCode"
:rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]"
>
<el-select v-model="form.DictionaryCode"> <el-select v-model="form.DictionaryCode">
<el-option <el-option v-for="item of dicList" :key="item.Id" :label="item.Code" :value="item.Code" />
v-for="item of dicList"
:key="item.Id"
:label="item.Code"
:value="item.Code"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 默认值 --> <!-- 默认值 -->
@ -354,35 +212,23 @@
:label="item.label" :label="item.label"
:value="item.value.toString()" :value="item.value.toString()"
/> --> /> -->
<el-option <el-option v-for="item of highlightAnswers" :key="item.Id"
v-for="item of highlightAnswers" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" :value="item.Code" />
:key="item.Id"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
:value="item.Code"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 默认值 --> <!-- 默认值 -->
<el-form-item v-if="form.TableQuestionType === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')"> <el-form-item v-if="form.TableQuestionType === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
<el-select v-model="form.DefaultValue" clearable> <el-select v-model="form.DefaultValue" clearable>
<el-option <el-option v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" :key="item" :label="item"
v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" :value="item" />
:key="item"
:label="item"
:value="item"
/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 高亮标记值 --> <!-- 高亮标记值 -->
<el-form-item v-if="form.Type === 'select' || form.Type === 'radio'" :label="$t('trials:readingUnit:qsList:title:highlightAnswers')" prop="HighlightAnswerList"> <el-form-item v-if="form.Type === 'select' || form.Type === 'radio'"
:label="$t('trials:readingUnit:qsList:title:highlightAnswers')" prop="HighlightAnswerList">
<el-select v-model="form.HighlightAnswerList" clearable multiple> <el-select v-model="form.HighlightAnswerList" clearable multiple>
<template v-if="form.TypeValue"> <template v-if="form.TypeValue">
<el-option <el-option v-for="item of form.TypeValue.split('|')" :key="item" :label="item" :value="item" />
v-for="item of form.TypeValue.split('|')"
:key="item"
:label="item"
:value="item"
/>
</template> </template>
<template v-else-if="form.DictionaryCode"> <template v-else-if="form.DictionaryCode">
<!-- <el-option <!-- <el-option
@ -391,24 +237,16 @@
:label="item.label" :label="item.label"
:value="item.value.toString()" :value="item.value.toString()"
/> --> /> -->
<el-option <el-option v-for="item of highlightAnswers" :key="item.Id"
v-for="item of highlightAnswers" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" :value="item.Code" />
:key="item.Id"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
:value="item.Code"
/>
</template> </template>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 最大长度 --> <!-- 最大长度 -->
<el-form-item <el-form-item v-if="form.Type === 'input' || form.Type === 'textarea'"
v-if="form.Type === 'input' || form.Type === 'textarea'" :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')" prop="MaxAnswerLength" :rules="[
:label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
prop="MaxAnswerLength"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
]" ]">
>
<el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number> <el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number>
</el-form-item> </el-form-item>
<!-- 是否复制前值 --> <!-- 是否复制前值 -->
@ -425,138 +263,75 @@
/> />
</el-form-item> --> </el-form-item> -->
<!-- 数值类型 --> <!-- 数值类型 -->
<el-form-item <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
v-if="form.Type === 'number' || form.Type === 'calculation'" :label="$t('trials:readingUnit:qsList:title:valueType')" prop="ValueType" :rules="[
:label="$t('trials:readingUnit:qsList:title:valueType')"
prop="ValueType"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select') } { required: true, message: this.$t('common:ruleMessage:select') }
]" ]">
> <el-radio-group v-model="form.ValueType">
<el-radio-group <el-radio v-for="item of $d.ValueType" :key="item.id" :label="item.value">
v-model="form.ValueType"
>
<el-radio
v-for="item of $d.ValueType"
:key="item.id"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 单位 --> <!-- 单位 -->
<el-form-item <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
v-if="form.Type === 'number' || form.Type === 'calculation'" :label="$t('trials:readingUnit:qsList:title:unit')" prop="Unit" :rules="[
:label="$t('trials:readingUnit:qsList:title:unit')"
prop="Unit"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]" ]">
> <el-radio-group v-model="form.Unit">
<el-radio-group <el-radio v-for="item of $d.ValueUnit" :key="item.id" :label="item.value">
v-model="form.Unit"
>
<el-radio
v-for="item of $d.ValueUnit"
:key="item.id"
:label="item.value"
>
{{ item.label }} {{ item.label }}
</el-radio> </el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<!-- 最大上传个数 --> <!-- 最大上传个数 -->
<el-form-item <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:imageCount')"
v-if="form.Type === 'upload'" prop="ImageCount">
:label="$t('trials:readingUnit:qsList:title:imageCount')" <el-input-number v-model="form.ImageCount" controls-position="right" :min="0" :max="10" />
prop="ImageCount"
>
<el-input-number
v-model="form.ImageCount"
controls-position="right"
:min="0"
:max="10"
/>
</el-form-item> </el-form-item>
<!-- 文件类型 --> <!-- 文件类型 -->
<el-form-item <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:FileType')"
v-if="form.Type === 'upload'"
:label="$t('trials:readingUnit:qsList:title:FileType')"
prop="FileType" prop="FileType"
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]" :rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: ['change'] }]">
> <el-checkbox-group v-model="form.FileType" @change="(v) => {
<el-checkbox-group
v-model="form.FileType"
@change="(v) => {
if (v && v.includes('-1')) { if (v && v.includes('-1')) {
form.FileType = ['-1'] form.FileType = ['-1']
} }
}" }">
> <el-checkbox v-for="item of $d.fileType" :key="`fileType${item.value}`" :value="item.value + ''"
<el-checkbox :label="item.value" :disabled="form.FileType && form.FileType.includes('-1') && item.value !== '-1'">
v-for="item of $d.fileType"
:key="`fileType${item.value}`"
:value="item.value + ''"
:label="item.value"
:disabled="form.FileType && form.FileType.includes('-1') && item.value !== '-1'"
>
{{ item.label }} {{ item.label }}
</el-checkbox> </el-checkbox>
</el-checkbox-group> </el-checkbox-group>
</el-form-item> </el-form-item>
<!-- 分类 --> <!-- 分类 -->
<!-- 分类数据来源 --> <!-- 分类数据来源 -->
<el-form-item <el-form-item v-if="form.Type === 'class'"
v-if="form.Type === 'class'" :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')" prop="ClassifyTableQuestionId">
:label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
prop="ClassifyTableQuestionId"
>
<el-select v-model="form.ClassifyTableQuestionId" clearable> <el-select v-model="form.ClassifyTableQuestionId" clearable>
<el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName" <el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName" :value="item.Id" />
:value="item.Id"/>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分类算法 --> <!-- 分类算法 -->
<el-form-item <el-form-item v-if="form.Type === 'class'"
v-if="form.Type === 'class'" :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')" prop="ClassifyAlgorithms">
:label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
prop="ClassifyAlgorithms"
>
<div> <div>
<el-table <el-table ref="CalculateTable" :data="ClassifyAlgorithmsList" style="margin: 10px;width: 100%" size="small">
ref="CalculateTable"
:data="ClassifyAlgorithmsList"
style="margin: 10px;width: 100%"
size="small"
>
<!-- 运算类型 --> <!-- 运算类型 -->
<el-table-column <el-table-column :label="$t('trials:readingUnit:label:label')" show-overflow-tooltip min-width="70">
:label="$t('trials:readingUnit:label:label')"
show-overflow-tooltip
min-width="70"
>
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.label }} {{ scope.row.label }}
</template> </template>
</el-table-column> </el-table-column>
<!-- 运算类型 --> <!-- 运算类型 -->
<el-table-column <el-table-column :label="$t('trials:readingUnit:label:gt')" show-overflow-tooltip min-width="128">
:label="$t('trials:readingUnit:label:gt')"
show-overflow-tooltip
min-width="128"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input-number v-model="scope.row.gt"></el-input-number> <el-input-number v-model="scope.row.gt"></el-input-number>
</template> </template>
</el-table-column> </el-table-column>
<!-- 运算类型 --> <!-- 运算类型 -->
<el-table-column <el-table-column :label="$t('trials:readingUnit:label:lt')" show-overflow-tooltip min-width="128">
:label="$t('trials:readingUnit:label:lt')"
show-overflow-tooltip
min-width="128"
>
<template slot-scope="scope"> <template slot-scope="scope">
<el-input-number v-model="scope.row.lt"></el-input-number> <el-input-number v-model="scope.row.lt"></el-input-number>
</template> </template>
@ -569,11 +344,7 @@
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;"> <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item> <el-form-item>
<!-- 取消 --> <!-- 取消 -->
<el-button <el-button size="small" type="primary" @click="close">
size="small"
type="primary"
@click="close"
>
{{ $t('common:button:cancel') }} {{ $t('common:button:cancel') }}
</el-button> </el-button>
<!-- 保存 --> <!-- 保存 -->
@ -666,7 +437,8 @@ export default {
ClassifyAlgorithms: null, ClassifyAlgorithms: null,
// ExportIdentification: 0, // ExportIdentification: 0,
ExportResult: [], ExportResult: [],
DefaultValue:null DefaultValue: null,
ShowChartTypeEnum: 0
// IsEnable: true // IsEnable: true
}, },
rules: { rules: {
@ -776,7 +548,7 @@ export default {
if (this.data.hasOwnProperty(k)) { if (this.data.hasOwnProperty(k)) {
if (k === 'ClassifyAlgorithms' && this.data[k] !== undefined && this.data[k] !== '') { if (k === 'ClassifyAlgorithms' && this.data[k] !== undefined && this.data[k] !== '') {
this.ClassifyAlgorithmsList = JSON.parse(this.data[k]) this.ClassifyAlgorithmsList = JSON.parse(this.data[k])
} else if(k === 'FileType'){ } else if (k === 'FileType') {
this.form[k] = this.data[k].split(',') this.form[k] = this.data[k].split(',')
} else { } else {
this.form[k] = this.data[k] this.form[k] = this.data[k]
@ -792,10 +564,10 @@ export default {
if (this.parentOptions[index].QuestionGenre === 3) { if (this.parentOptions[index].QuestionGenre === 3) {
// this.parentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode] // this.parentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode]
let dicCode = this.parentOptions[index].DictionaryCode let dicCode = this.parentOptions[index].DictionaryCode
let res = await getCriterionDictionary({ReadingCriterionId: this.criterionId, DictionaryCode: dicCode}) let res = await getCriterionDictionary({ ReadingCriterionId: this.criterionId, DictionaryCode: dicCode })
this.parentTriggerValOptions = res.Result[dicCode].map(i=>{ this.parentTriggerValOptions = res.Result[dicCode].map(i => {
return {id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code} return { id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code }
}) })
} else { } else {
const options = [] const options = []
@ -814,9 +586,9 @@ export default {
if (this.parentOptions[i].QuestionGenre === 3) { if (this.parentOptions[i].QuestionGenre === 3) {
// this.reParentTriggerValOptions = this.$d[this.parentOptions[i].DictionaryCode] // this.reParentTriggerValOptions = this.$d[this.parentOptions[i].DictionaryCode]
let dicCode = this.parentOptions[i].DictionaryCode let dicCode = this.parentOptions[i].DictionaryCode
let res = await getCriterionDictionary({ReadingCriterionId: this.criterionId, DictionaryCode: dicCode}) let res = await getCriterionDictionary({ ReadingCriterionId: this.criterionId, DictionaryCode: dicCode })
this.reParentTriggerValOptions = res.Result[dicCode].map(i=>{ this.reParentTriggerValOptions = res.Result[dicCode].map(i => {
return {id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code} return { id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code }
}) })
} else { } else {
const options = [] const options = []
@ -904,10 +676,10 @@ export default {
if (this.parentOptions[index].QuestionGenre === 3) { if (this.parentOptions[index].QuestionGenre === 3) {
// this.parentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode] // this.parentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode]
let dicCode = this.parentOptions[index].DictionaryCode let dicCode = this.parentOptions[index].DictionaryCode
let res = await getCriterionDictionary({ReadingCriterionId: this.criterionId, DictionaryCode: dicCode}) let res = await getCriterionDictionary({ ReadingCriterionId: this.criterionId, DictionaryCode: dicCode })
this.parentTriggerValOptions = res.Result[dicCode].map(i=>{ this.parentTriggerValOptions = res.Result[dicCode].map(i => {
return {id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code} return { id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code }
}) })
} else { } else {
const options = [] const options = []
@ -929,10 +701,10 @@ export default {
if (this.parentOptions[index].QuestionGenre === 3) { if (this.parentOptions[index].QuestionGenre === 3) {
// this.reParentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode] // this.reParentTriggerValOptions = this.$d[this.parentOptions[index].DictionaryCode]
let dicCode = this.parentOptions[index].DictionaryCode let dicCode = this.parentOptions[index].DictionaryCode
let res = await getCriterionDictionary({ReadingCriterionId: this.criterionId, DictionaryCode: dicCode}) let res = await getCriterionDictionary({ ReadingCriterionId: this.criterionId, DictionaryCode: dicCode })
this.reParentTriggerValOptions = res.Result[dicCode].map(i=>{ this.reParentTriggerValOptions = res.Result[dicCode].map(i => {
return {id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code} return { id: i.Id, label: this.$i18n.locale === 'zh' ? i.ValueCN : i.Value, value: i.Code }
}) })
} else { } else {
const options = [] const options = []
@ -993,6 +765,7 @@ export default {
// form.ExportIdentification = 0 // form.ExportIdentification = 0
form.ExportResult = [] form.ExportResult = []
form.DefaultValue = null form.DefaultValue = null
form.ShowChartTypeEnum = 0
}, },
close() { close() {
this.$emit('close') this.$emit('close')
@ -1001,5 +774,4 @@ export default {
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped></style>
</style>

2
src/views/trials/trials-panel/setting/reading-unit/components/QuestionsForm.vue
View File

@ -458,7 +458,7 @@
</div> </div>
</div> </div>
<!-- 图表展示--> <!-- 图表展示-->
<el-form-item v-if="form.Type === 'number' && !isFromSystem" <el-form-item v-if="(form.Type === 'number' || form.Type === 'calculation') && !isFromSystem"
:label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum"> :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
<el-radio-group v-model="form.ShowChartTypeEnum"> <el-radio-group v-model="form.ShowChartTypeEnum">
<el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio> <el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>

2
src/views/trials/trials-panel/setting/reading-unit/components/TableQsForm.vue
View File

@ -260,7 +260,7 @@
</div> </div>
</div> </div>
<!-- 图表展示--> <!-- 图表展示-->
<el-form-item v-if="form.Type === 'number' && !isFromSystem" <el-form-item v-if="(form.Type === 'number' || form.Type === 'calculation') && !isFromSystem"
:label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum"> :label="$t('trials:readingUnit:qsList:title:ShowChartTypeEnum')" prop="ShowChartTypeEnum">
<el-radio-group v-model="form.ShowChartTypeEnum"> <el-radio-group v-model="form.ShowChartTypeEnum">
<el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio> <el-radio v-for="item of $d.ShowChartType" :key="item.id" :label="item.value">{{ item.label }}</el-radio>