表单样式更改
continuous-integration/drone/push Build is passing Details

uat_us
caiyiling 2024-10-23 14:09:11 +08:00
parent 917d32bf46
commit a3dcb7054a
7 changed files with 1859 additions and 1844 deletions

View File

@ -223,7 +223,7 @@
:visible.sync="addOrEdit.visible" :visible.sync="addOrEdit.visible"
:close-on-click-modal="false" :close-on-click-modal="false"
:title="`${addOrEdit.title}`" :title="`${addOrEdit.title}`"
width="600px" width="650px"
append-to-body append-to-body
custom-class="base-dialog-wrapper" custom-class="base-dialog-wrapper"
> >

View File

@ -8,501 +8,505 @@
:rules="rules" :rules="rules"
label-width="130px" label-width="130px"
> >
<div class="base-dialog-body"> <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
<el-form-item label="类型" prop="Type"> <div style="height: 150px;">
<el-select <el-form-item label="类型" prop="Type">
v-model="form.Type" <el-select
@change="((val)=>{qsTypeChange(val, form)})" v-model="form.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'"
:key="item.value"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-form-item>
<el-form-item
v-if="form.Type !== 'group'"
label="问题名称"
prop="QuestionName"
:rules="[
{ 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}` }
]"
>
<el-input
v-model="form.QuestionName"
/>
</el-form-item>
<el-form-item
v-if="form.Type !== 'group'"
label="问题名称EN"
prop="QuestionEnName"
:rules="[
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
]"
>
<el-input
v-model="form.QuestionEnName"
/>
</el-form-item>
<el-divider content-position="left">公有属性</el-divider>
<el-form-item v-if="form.Type !== 'group'" label="是否显示" prop="ShowQuestion">
<el-radio-group
v-model="form.ShowQuestion"
@change="((val)=>{isShowQuestionChange(val, form)})"
>
<el-radio
v-for="item of $d.ShowQuestion"
:key="`ShowQuestion${item.value}`"
:label="item.value"
> >
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 显示时依赖父问题 -->
<el-form-item
v-if="form.Type !== 'group' && form.ShowQuestion===1"
label="显示依赖父问题"
prop="ParentId"
>
<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-form-item>
<!-- 显示时依赖父问题触发值 -->
<el-form-item v-if="form.ParentId && form.ShowQuestion===1" label="显示触发值" prop="ParentTriggerValueList">
<el-select v-model="form.ParentTriggerValueList" clearable multiple>
<el-option
v-for="item of parentTriggerValOptions"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</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-radio-group
v-model="form.IsRequired"
:disabled="form.IsJudgeQuestion===true || form.ShowQuestion===2"
@change="((val)=>{isRequiredChange(val, form)})"
>
<el-radio
v-for="item of $d.QuestionRequired"
:key="`QuestionRequired${item.value}`"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 父问题 -->
<el-form-item
v-if="form.Type !== 'group' && form.IsRequired === 1"
label="必填依赖父问题"
prop="RelevanceId"
>
<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-form-item>
<!-- 必填依赖的父问题触发值 -->
<el-form-item
v-if="form.RelevanceId && form.IsRequired === 1"
label="必填触发值"
prop="RelevanceValueList"
>
<el-select v-model="form.RelevanceValueList" clearable multiple>
<el-option
v-for="item of reParentTriggerValOptions"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- 导出标识 -->
<el-form-item
:label="$t('trials:readingUnit:qsList:title:ExportIdentification')" prop="ExportIdentification"
v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'"
>
<el-radio-group
v-model="form.ExportIdentification"
@change="
(val) => {
form.ExportResult = []
}
"
>
<el-radio
v-for="item of $d.ExportIdentification"
:key="`ExportIdentification${item.value}`"
:label="item.value"
>{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 导出结果 -->
<el-form-item :label="$t('trials:readingUnit:qsList:title:ExportResult')" v-if="form.ExportIdentification" prop="ExportResult">
<el-select v-model="form.ExportResult" multiple>
<el-option
v-for="item in CriterionDictionaryList.ExportResult"
:key="`ExportResult${item.value}`"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="限制编辑"
v-if="form.Type !== 'summary'"
prop="LimitEdit"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]"
>
<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-group>
</el-form-item>
<el-form-item
v-if="form.Type !== 'group' && form.Type !== 'summary'"
label="问题标识"
prop="QuestionMark"
>
<el-select
v-model="form.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>
</el-form-item>
<el-form-item
label="注释"
prop="Remark"
>
<el-input v-model="form.Remark" />
</el-form-item>
<el-form-item
label="序号"
prop="ShowOrder"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]"
>
<el-input-number
v-model="form.ShowOrder"
controls-position="right"
:min="0"
/>
</el-form-item>
<el-form-item label="重复出现最大次数" v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'">
<el-input-number
v-model="form.MaxRowCount"
controls-position="right"
:min="0"
:max="10"
/>
</el-form-item>
<el-form-item label="问题分类" v-if="criterionType === 2">
<el-select v-model="form.QuestionClassify" clearable>
<el-option
v-for="item of $d.QuestionClassify"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<el-divider content-position="left">私有属性</el-divider>
<!-- 选项类型 -->
<el-form-item
v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'"
label="选项类型"
prop="TableQuestionType"
:rules="[
{ required: form.Type !== 'input', message: '请选择'}
]"
>
<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 }}
</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item
v-if="form.TableQuestionType === 0 || form.Type === 'class'"
label="选项"
prop="TypeValue"
>
<el-input
v-model="form.TypeValue"
placeholder="选项请用‘|’分割多个选项"
@change="typeValueChange"
/>
</el-form-item>
<el-form-item
v-if="form.TableQuestionType === 2"
label="关联问题"
prop="DependParentId"
>
<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-form-item>
<el-form-item
v-if="form.TableQuestionType === 1 || !!form.DependParentId"
label="关联字段"
prop="DataTableColumn"
>
<el-select v-model="form.DataTableColumn">
<el-option
v-for="item of CriterionDictionaryList.OrganColumn"
:key="item.Id"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
:value="item.Code"
/>
</el-select>
</el-form-item>
<el-form-item
v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2"
label="关联字典"
prop="DictionaryCode"
:rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]"
>
<el-select v-model="form.DictionaryCode">
<el-option
v-for="item of dicList"
:key="item.Id"
:label="item.Code"
:value="item.Code"
/>
</el-select>
</el-form-item>
<el-form-item v-if="form.Type === 'select' || form.Type === 'radio'" label="高亮标记值" prop="HighlightAnswerList">
<el-select v-model="form.HighlightAnswerList" clearable multiple>
<template v-if="form.TypeValue">
<el-option <el-option
v-for="item of form.TypeValue.split('|')" v-for="item of $d.Criterion_Question_Type"
:key="item" v-show="item.value !== 'class' && item.value !== 'group' && item.value !== 'table' && item.value !== 'basicTable'"
:label="item" :key="item.value"
:value="item" :value="item.value"
:label="item.label"
/> />
</template> </el-select>
<template v-else-if="form.DictionaryCode"> </el-form-item>
<el-form-item
v-if="form.Type !== 'group'"
label="问题名称"
prop="QuestionName"
:rules="[
{ 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}` }
]"
>
<el-input
v-model="form.QuestionName"
/>
</el-form-item>
<el-form-item
v-if="form.Type !== 'group'"
label="问题名称EN"
prop="QuestionEnName"
:rules="[
{ max: form.Type === 'summary' ? 300 : 100, message: `${this.$t('common:ruleMessage:maxLength')} ${form.Type === 'summary' ? 300 : 100}` }
]"
>
<el-input
v-model="form.QuestionEnName"
/>
</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-radio-group
v-model="form.ShowQuestion"
@change="((val)=>{isShowQuestionChange(val, form)})"
>
<el-radio
v-for="item of $d.ShowQuestion"
:key="`ShowQuestion${item.value}`"
:label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 显示时依赖父问题 -->
<el-form-item
v-if="form.Type !== 'group' && form.ShowQuestion===1"
label="显示依赖父问题"
prop="ParentId"
>
<el-select
v-model="form.ParentId"
clearable
@change="((val)=>{parentQuestionChange(val, form)})"
>
<el-option <el-option
v-for="item of $d[form.DictionaryCode]" v-for="item of parentOptions"
:key="`ParentId${item.QuestionId}`"
:label="item.QuestionName"
:value="item.QuestionId"
/>
</el-select>
</el-form-item>
<!-- 显示时依赖父问题触发值 -->
<el-form-item v-if="form.ParentId && form.ShowQuestion===1" label="显示触发值" prop="ParentTriggerValueList">
<el-select v-model="form.ParentTriggerValueList" clearable multiple>
<el-option
v-for="item of parentTriggerValOptions"
:key="item.id" :key="item.id"
:label="item.label" :label="item.label"
:value="item.value.toString()" :value="item.value"
/> />
</template> </el-select>
</el-select> </el-form-item>
</el-form-item> <el-form-item v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'" label="是否必填" prop="IsRequired">
<el-form-item <el-radio-group
v-if="form.Type === 'input' || form.Type === 'textarea'" v-model="form.IsRequired"
label="最大长度" :disabled="form.IsJudgeQuestion===true || form.ShowQuestion===2"
prop="MaxAnswerLength" @change="((val)=>{isRequiredChange(val, form)})"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
]"
>
<el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number>
</el-form-item>
<!-- 是否复制前值 -->
<!-- <el-form-item
label="是否复制前值"
v-if="form.Type !== 'summary'"
prop="IsCopy"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]"
>
<el-switch
v-model="form.IsCopy"
/>
</el-form-item> -->
<!-- 数值类型 -->
<el-form-item
v-if="form.Type === 'number' || form.Type === 'calculation'"
label="数值类型"
prop="ValueType"
:rules="[
{ required: true, message: '请选择'}
]"
>
<el-radio-group
v-model="form.ValueType"
>
<el-radio
v-for="item of $d.ValueType"
:key="item.id"
:label="item.value"
> >
{{ item.label }} <el-radio
</el-radio> v-for="item of $d.QuestionRequired"
</el-radio-group> :key="`QuestionRequired${item.value}`"
</el-form-item> :label="item.value"
>
{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 父问题 -->
<el-form-item
v-if="form.Type !== 'group' && form.IsRequired === 1"
label="必填依赖父问题"
prop="RelevanceId"
>
<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-form-item>
<!-- 必填依赖的父问题触发值 -->
<el-form-item
v-if="form.RelevanceId && form.IsRequired === 1"
label="必填触发值"
prop="RelevanceValueList"
>
<el-select v-model="form.RelevanceValueList" clearable multiple>
<el-option
v-for="item of reParentTriggerValOptions"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- 导出标识 -->
<el-form-item
:label="$t('trials:readingUnit:qsList:title:ExportIdentification')" prop="ExportIdentification"
v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'"
>
<el-radio-group
v-model="form.ExportIdentification"
@change="
(val) => {
form.ExportResult = []
}
"
>
<el-radio
v-for="item of $d.ExportIdentification"
:key="`ExportIdentification${item.value}`"
:label="item.value"
>{{ item.label }}
</el-radio>
</el-radio-group>
</el-form-item>
<!-- 导出结果 -->
<el-form-item :label="$t('trials:readingUnit:qsList:title:ExportResult')" v-if="form.ExportIdentification" prop="ExportResult">
<el-select v-model="form.ExportResult" multiple>
<el-option
v-for="item in CriterionDictionaryList.ExportResult"
:key="`ExportResult${item.value}`"
:value="parseInt(item.Code)"
:label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
>
</el-option>
</el-select>
</el-form-item>
<el-form-item
label="限制编辑"
v-if="form.Type !== 'summary'"
prop="LimitEdit"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]"
>
<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-group>
</el-form-item>
<el-form-item
v-if="form.Type !== 'group' && form.Type !== 'summary'"
label="问题标识"
prop="QuestionMark"
>
<el-select
v-model="form.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>
</el-form-item>
<el-form-item
label="注释"
prop="Remark"
>
<el-input v-model="form.Remark" />
</el-form-item>
<el-form-item
label="序号"
prop="ShowOrder"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]"
>
<el-input-number
v-model="form.ShowOrder"
controls-position="right"
:min="0"
/>
</el-form-item>
<el-form-item label="重复出现最大次数" v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'">
<el-input-number
v-model="form.MaxRowCount"
controls-position="right"
:min="0"
:max="10"
/>
</el-form-item>
<el-form-item label="问题分类" v-if="criterionType === 2">
<el-select v-model="form.QuestionClassify" clearable>
<el-option
v-for="item of $d.QuestionClassify"
:key="item.id"
:label="item.label"
:value="item.value"
/>
</el-select>
</el-form-item>
<!-- 数值单位 --> <el-divider content-position="left">私有属性</el-divider>
<el-form-item <!-- 选项类型 -->
v-if="form.Type === 'number' || form.Type === 'calculation'" <el-form-item
label="单位" v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'"
prop="Unit" label="选项类型"
:rules="[ prop="TableQuestionType"
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' } :rules="[
]" { required: form.Type !== 'input', message: '请选择'}
> ]"
<el-radio-group
v-model="form.Unit"
> >
<el-radio <el-radio-group
v-for="item of $d.ValueUnit" v-model="form.TableQuestionType"
:key="item.id" @change="((val)=>{tableQuestionTypeChange(val, form)})"
:label="item.value"
> >
{{ item.label }} <el-radio
</el-radio> v-for="item of $d.TableQuestionType"
</el-radio-group> :key="item.id"
</el-form-item> :label="item.value"
<el-form-item :disabled="(form.Type === 'radio' && (item.value===1 || item.value===2)) || (form.Type === 'input' && (item.value===0 || item.value===3))"
v-if="form.Type === 'upload'" >
label="最大上传个数" {{ item.label }}
prop="ImageCount" </el-radio>
> </el-radio-group>
<el-input-number </el-form-item>
v-model="form.ImageCount"
controls-position="right" <el-form-item
:min="0" v-if="form.TableQuestionType === 0 || form.Type === 'class'"
:max="10" label="选项"
/> prop="TypeValue"
</el-form-item>
<!-- 文件类型 -->
<el-form-item
v-if="form.Type === 'upload'"
label="文件类型"
prop="FileType"
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
>
<el-checkbox-group
v-model="form.FileType"
@change="(v) => {
if (v && v.includes('-1')) {
form.FileType = ['-1']
}
}"
> >
<el-checkbox <el-input
v-for="item of $d.fileType" v-model="form.TypeValue"
:key="`fileType${item.value}`" placeholder="选项请用‘|’分割多个选项"
:value="item.value + ''" @change="typeValueChange"
:label="item.value" />
:disabled="form.FileType && form.FileType.includes('-1') && item.value !== '-1'" </el-form-item>
<el-form-item
v-if="form.TableQuestionType === 2"
label="关联问题"
prop="DependParentId"
>
<el-select
v-model="form.DependParentId"
> >
{{ item.label }} <el-option
</el-checkbox> v-for="item of parentOptions"
</el-checkbox-group> :key="`DependParentId${item.QuestionId}`"
</el-form-item> :label="item.QuestionName"
<!-- 分类 --> :value="item.QuestionId"
<el-form-item />
v-if="form.Type === 'class'" </el-select>
label="分类数据来源" </el-form-item>
prop="ClassifyTableQuestionId" <el-form-item
> v-if="form.TableQuestionType === 1 || !!form.DependParentId"
<el-select v-model="form.ClassifyTableQuestionId" clearable> label="关联字段"
<el-option v-for="item of Questions" :key="item.QuestionId" :label="item.QuestionName" prop="DataTableColumn"
:value="item.QuestionId"/> >
</el-select> <el-select v-model="form.DataTableColumn">
</el-form-item> <el-option
<el-form-item v-for="item of CriterionDictionaryList.OrganColumn"
v-if="form.Type === 'class'" :key="item.Id"
label="分类算法" :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
prop="ClassifyAlgorithms" :value="item.Code"
> />
<div> </el-select>
<el-table </el-form-item>
ref="CalculateTable" <el-form-item
:data="ClassifyAlgorithmsList" v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2"
style="margin: 10px;width: 100%" label="关联字典"
size="small" prop="DictionaryCode"
:rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]"
>
<el-select v-model="form.DictionaryCode">
<el-option
v-for="item of dicList"
:key="item.Id"
:label="item.Code"
:value="item.Code"
/>
</el-select>
</el-form-item>
<el-form-item v-if="form.Type === 'select' || form.Type === 'radio'" label="高亮标记值" prop="HighlightAnswerList">
<el-select v-model="form.HighlightAnswerList" clearable multiple>
<template v-if="form.TypeValue">
<el-option
v-for="item of form.TypeValue.split('|')"
:key="item"
:label="item"
:value="item"
/>
</template>
<template v-else-if="form.DictionaryCode">
<el-option
v-for="item of $d[form.DictionaryCode]"
:key="item.id"
:label="item.label"
:value="item.value.toString()"
/>
</template>
</el-select>
</el-form-item>
<el-form-item
v-if="form.Type === 'input' || form.Type === 'textarea'"
label="最大长度"
prop="MaxAnswerLength"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }
]"
>
<el-input-number v-model="form.MaxAnswerLength" :min="0"></el-input-number>
</el-form-item>
<!-- 是否复制前值 -->
<!-- <el-form-item
label="是否复制前值"
v-if="form.Type !== 'summary'"
prop="IsCopy"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]"
>
<el-switch
v-model="form.IsCopy"
/>
</el-form-item> -->
<!-- 数值类型 -->
<el-form-item
v-if="form.Type === 'number' || form.Type === 'calculation'"
label="数值类型"
prop="ValueType"
:rules="[
{ required: true, message: '请选择'}
]"
>
<el-radio-group
v-model="form.ValueType"
> >
<!-- 运算类型 --> <el-radio
<el-table-column v-for="item of $d.ValueType"
:label="$t('trials:readingUnit:label:label')" :key="item.id"
show-overflow-tooltip :label="item.value"
min-width="70"
> >
<template slot-scope="scope"> {{ item.label }}
{{ scope.row.label }} </el-radio>
</template> </el-radio-group>
</el-table-column> </el-form-item>
<!-- 运算类型 -->
<el-table-column <!-- 数值单位 -->
:label="$t('trials:readingUnit:label:gt')" <el-form-item
show-overflow-tooltip v-if="form.Type === 'number' || form.Type === 'calculation'"
min-width="128" label="单位"
prop="Unit"
:rules="[
{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
]"
>
<el-radio-group
v-model="form.Unit"
>
<el-radio
v-for="item of $d.ValueUnit"
:key="item.id"
:label="item.value"
> >
<template slot-scope="scope"> {{ item.label }}
<el-input-number v-model="scope.row.gt"></el-input-number> </el-radio>
</template> </el-radio-group>
</el-table-column> </el-form-item>
<!-- 运算类型 --> <el-form-item
<el-table-column v-if="form.Type === 'upload'"
:label="$t('trials:readingUnit:label:lt')" label="最大上传个数"
show-overflow-tooltip prop="ImageCount"
min-width="128" >
<el-input-number
v-model="form.ImageCount"
controls-position="right"
:min="0"
:max="10"
/>
</el-form-item>
<!-- 文件类型 -->
<el-form-item
v-if="form.Type === 'upload'"
label="文件类型"
prop="FileType"
:rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
>
<el-checkbox-group
v-model="form.FileType"
@change="(v) => {
if (v && v.includes('-1')) {
form.FileType = ['-1']
}
}"
>
<el-checkbox
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'"
> >
<template slot-scope="scope"> {{ item.label }}
<el-input-number v-model="scope.row.lt"></el-input-number> </el-checkbox>
</template> </el-checkbox-group>
</el-table-column> </el-form-item>
</el-table> <!-- 分类 -->
</div> <el-form-item
</el-form-item> v-if="form.Type === 'class'"
label="分类数据来源"
prop="ClassifyTableQuestionId"
>
<el-select v-model="form.ClassifyTableQuestionId" clearable>
<el-option v-for="item of Questions" :key="item.QuestionId" :label="item.QuestionName"
:value="item.QuestionId"/>
</el-select>
</el-form-item>
<el-form-item
v-if="form.Type === 'class'"
label="分类算法"
prop="ClassifyAlgorithms"
>
<div>
<el-table
ref="CalculateTable"
:data="ClassifyAlgorithmsList"
style="margin: 10px;width: 100%"
size="small"
>
<!-- 运算类型 -->
<el-table-column
:label="$t('trials:readingUnit:label:label')"
show-overflow-tooltip
min-width="70"
>
<template slot-scope="scope">
{{ scope.row.label }}
</template>
</el-table-column>
<!-- 运算类型 -->
<el-table-column
:label="$t('trials:readingUnit:label:gt')"
show-overflow-tooltip
min-width="128"
>
<template slot-scope="scope">
<el-input-number v-model="scope.row.gt"></el-input-number>
</template>
</el-table-column>
<!-- 运算类型 -->
<el-table-column
:label="$t('trials:readingUnit:label:lt')"
show-overflow-tooltip
min-width="128"
>
<template slot-scope="scope">
<el-input-number v-model="scope.row.lt"></el-input-number>
</template>
</el-table-column>
</el-table>
</div>
</el-form-item>
</div>
</div> </div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;"> <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item> <el-form-item>

View File

@ -217,7 +217,7 @@
:visible.sync="addOrEdit.visible" :visible.sync="addOrEdit.visible"
:close-on-click-modal="false" :close-on-click-modal="false"
:title="addOrEdit.title" :title="addOrEdit.title"
width="600px" width="650px"
append-to-body append-to-body
custom-class="base-dialog-wrapper" custom-class="base-dialog-wrapper"
> >

View File

@ -8,83 +8,86 @@
label-width="280px" label-width="280px"
:disabled="isLook" :disabled="isLook"
> >
<div class="base-dialog-body"> <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
<!-- 题型 --> <div style="height: 100px;">
<el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type"> <!-- 题型 -->
<el-select <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
v-model="form.Type" <el-select
clearable v-model="form.Type"
@change="((val)=>{qsTypeChange(val, form)})" clearable
> @change="((val)=>{qsTypeChange(val, form)})"
<template v-if="isFromSystem"> >
<el-option <template v-if="isFromSystem">
v-for="item of $d.Criterion_Question_Type" <el-option
:key="item.value" v-for="item of $d.Criterion_Question_Type"
:value="item.value" :key="item.value"
:label="item.label" :value="item.value"
/> :label="item.label"
</template> />
<template v-else> </template>
<el-option <template v-else>
v-for="item of $d.Criterion_Question_Type" <el-option
v-show="item.value !== 'calculation' && item.value !== 'increment' && item.value !== 'table'" v-for="item of $d.Criterion_Question_Type"
:key="item.value" v-show="item.value !== 'calculation' && item.value !== 'increment' && item.value !== 'table'"
:value="item.value" :key="item.value"
:label="item.label" :value="item.value"
/> :label="item.label"
</template> />
</template>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- 分组名称 --> <!-- 分组名称 -->
<el-form-item <el-form-item
v-if="(form.Type === 'group' && $i18n.locale !== 'en')" v-if="(form.Type === 'group' && $i18n.locale !== 'en')"
:label="$t('trials:readingUnit:qsList:title:groupName')" :label="$t('trials:readingUnit:qsList:title:groupName')"
prop="GroupName" prop="GroupName"
> >
<el-input <el-input
v-model="form.GroupName" v-model="form.GroupName"
/> />
</el-form-item> </el-form-item>
<!-- 分组名称(En) --> <!-- 分组名称(En) -->
<el-form-item <el-form-item
v-if="(form.Type === 'group' && $i18n.locale !== 'zh')" v-if="(form.Type === 'group' && $i18n.locale !== 'zh')"
:label="$t('trials:readingUnit:qsList:title:groupNameEn')" :label="$t('trials:readingUnit:qsList:title:groupNameEn')"
prop="GroupEnName" prop="GroupEnName"
> >
<el-input <el-input
v-model="form.GroupEnName" v-model="form.GroupEnName"
/> />
</el-form-item> </el-form-item>
<!-- 问题名称 --> <!-- 问题名称 -->
<el-form-item <el-form-item
v-if="(form.Type !== 'group' && $i18n.locale !== 'en' )" v-if="(form.Type !== 'group' && $i18n.locale !== 'en' )"
:label="$t('trials:readingUnit:qsList:title:qsName')" :label="$t('trials:readingUnit:qsList:title:qsName')"
prop="QuestionName" prop="QuestionName"
:rules="[ :rules="[
{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }, { required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' },
{ 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 <el-input
v-model="form.QuestionName" v-model="form.QuestionName"
/> />
</el-form-item> </el-form-item>
<!-- 问题名称(En) --> <!-- 问题名称(En) -->
<el-form-item <el-form-item
v-if="(form.Type !== 'group' && $i18n.locale !== 'zh')" v-if="(form.Type !== 'group' && $i18n.locale !== 'zh')"
:label="$t('trials:readingUnit:qsList:title:qsNameEn')" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
prop="QuestionEnName" prop="QuestionEnName"
:rules="[ :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 <el-input
v-model="form.QuestionEnName" v-model="form.QuestionEnName"
/> />
</el-form-item> </el-form-item>
<!-- 公有属性 --> </div>
<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
@ -820,6 +823,7 @@
</el-table> </el-table>
</div> </div>
</el-form-item> </el-form-item>
</div>
</div> </div>
<div class="base-dialog-footer" style="text-align:right;margin-top:10px;"> <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
<el-form-item v-if="!isLook"> <el-form-item v-if="!isLook">

View File

@ -151,7 +151,7 @@
<el-table-column <el-table-column
prop="" prop=""
:label="$t('common:action:action')" :label="$t('common:action:action')"
width="150" width="200"
show-overflow-tooltip show-overflow-tooltip
> >
<template slot-scope="scope"> <template slot-scope="scope">