阅片图表展示配置

src/views/dictionary/template/components/CriterionQuestionForm.vue

@@ -1,72 +1,42 @@
 <template>
-  <el-form
-    ref="clinicalDataForm"
-    v-loading="loading"
-    :model="form"
-    size="small"
-    :rules="rules"
-    :disabled="type === 'look'"
-    label-width="220px"
-  >
+  <el-form ref="clinicalDataForm" 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 style="height: 150px;">
         <!-- 类型 -->
         <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
-          <el-select
-            v-model="form.Type"
-            clearable
-            @change="
+          <el-select v-model="form.Type" clearable @change="
             (val) => {
               typeChange(val, form)
             }
-            "
-          >
-            <el-option
-              v-for="item of $d.Criterion_Question_Type"
-              v-show="item.value !== 'class'"
-              :key="item.value"
-              :value="item.value"
-              :label="item.label"
-            />
+          ">
+            <el-option 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-form-item>
         <!-- 分组名称 -->
-        <el-form-item
-          v-if="form.Type === 'group'"
-          :label="$t('trials:readingUnit:qsList:title:groupName')"
-          prop="GroupName"
-        >
+        <el-form-item v-if="form.Type === 'group'" :label="$t('trials:readingUnit:qsList:title:groupName')"
+          prop="GroupName">
           <el-input v-model="form.GroupName" />
         </el-form-item>
         <!-- 分组名称（EN） -->
-        <el-form-item
-          v-if="form.Type === 'group'"
-          :label="$t('dictionary:template:criterionConfig:title:groupNameEn')"
-          prop="GroupEnName"
-        >
+        <el-form-item v-if="form.Type === 'group'" :label="$t('dictionary:template:criterionConfig:title:groupNameEn')"
+          prop="GroupEnName">
           <el-input v-model="form.GroupEnName" />
         </el-form-item>
         <!-- 问题名称 -->
-        <el-form-item
-          v-if="form.Type !== 'group'"
-          :label="$t('trials:readingUnit:qsList:title:qsName')"
-          prop="QuestionName"
-          :rules="[
+        <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:qsName')"
+          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>
         <!-- 问题名称（EN） -->
-        <el-form-item
-          v-if="form.Type !== 'group'"
-          :label="$t('dictionary:template:criterionConfig:title:qsNameEn')"
-          prop="QuestionEnName"
-          :rules="[
+        <el-form-item v-if="form.Type !== 'group'" :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}` }
-          ]"
-        >
+          ]">
           <el-input v-model="form.QuestionEnName" />
         </el-form-item>
       </div>
@@ -74,178 +44,100 @@
         <!-- 公有属性 -->
         <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:qsGroupName')"
-          :rules="[
+        <el-form-item 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' }
-          ]"
-        >
-          <el-select
-            v-model="form.GroupId"
-            clearable
-            :disabled="isParentExistGroup"
-          >
-            <el-option
-              v-for="group of groupOptions"
-              :key="group.GroupId"
-              :label="group.GroupName"
-              :value="group.GroupId"
-            />
+        ]">
+          <el-select v-model="form.GroupId" clearable :disabled="isParentExistGroup">
+            <el-option v-for="group of groupOptions" :key="group.GroupId" :label="group.GroupName"
+              :value="group.GroupId" />
           </el-select>
         </el-form-item>
         <!-- 是否显示 -->
-        <el-form-item
-          v-if="form.Type !== 'group'"
-          :label="$t('trials:readingUnit:qsList:title:isShow')"
-          prop="ShowQuestion"
-        >
-          <el-radio-group
-            v-model="form.ShowQuestion"
-            @change="
+        <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:isShow')"
+          prop="ShowQuestion">
+          <el-radio-group v-model="form.ShowQuestion" @change="
             (val) => {
               isShowQuestionChange(val, form)
             }
-            "
-          >
-            <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 }}
             </el-radio>
           </el-radio-group>
         </el-form-item>
 
         <!-- 显示时依赖父问题 -->
-        <el-form-item
-          v-if="form.Type !== 'group' && form.ShowQuestion === 1"
-          :label="$t('trials:readingUnit:qsList:title:parentId')"
-          prop="ParentId"
-        >
-          <el-select
-            v-model="form.ParentId"
-            clearable
-            @change="
+        <el-form-item v-if="form.Type !== 'group' && form.ShowQuestion === 1"
+          :label="$t('trials:readingUnit:qsList:title:parentId')" 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-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="$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-option
-              v-for="item of parentTriggerValOptions"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value + ''"
-            />
+            <el-option v-for="item of parentTriggerValOptions" :key="item.value" :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="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired"
-        >
-          <el-radio-group
-            v-model="form.IsRequired"
-            :disabled="form.IsJudgeQuestion === true || form.ShowQuestion === 2"
+          :label="$t('trials:readingUnit:qsList:title:isRequired')" 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"
-            >
+            ">
+            <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="$t('trials:readingUnit:qsList:title:relevanceId')"
-          prop="RelevanceId"
-        >
-          <el-select
-            v-model="form.RelevanceId"
-            clearable
-            @change="
+        <el-form-item v-if="form.Type !== 'group' && form.IsRequired === 1"
+          :label="$t('trials:readingUnit:qsList:title:relevanceId')" 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-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="$t('trials:readingUnit:qsList:title:relevanceValueList')"
-          prop="RelevanceValueList"
-        >
+        <el-form-item v-if="form.RelevanceId && form.IsRequired === 1"
+          :label="$t('trials:readingUnit:qsList:title:relevanceValueList')" 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-option v-for="item of reParentTriggerValOptions" :key="item.id" :label="item.label"
+              :value="item.value + ''" />
           </el-select>
         </el-form-item>
         <!-- 是否裁判问题 -->
-        <el-form-item
-          v-if="
+        <el-form-item v-if="
           form.Type === 'select' ||
           form.Type === 'radio' ||
           form.Type === 'calculation' ||
           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' }
-          ]"
-        >
-          <el-radio-group
-            v-model="form.IsJudgeQuestion"
-            @change="
+        ]">
+          <el-radio-group v-model="form.IsJudgeQuestion" @change="
             (val) => {
               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-form-item>
         <!-- <el-form-item label="导出标识" 
@@ -269,129 +161,83 @@
           </el-radio-group>
         </el-form-item> -->
         <!-- 导出结果 -->
-        <el-form-item 
-          :label="$t('trials:readingUnit:qsList:title:ExportResult')"
-           v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'"
-        >
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:ExportResult')"
+          v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'">
           <el-select v-model="form.ExportResult" multiple>
-            <el-option
-              v-for="item in CriterionDictionaryList.ExportResult"
-              :key="item.Id"
-              :value="parseInt(item.Code)"
-              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-            >
+            <el-option v-for="item in CriterionDictionaryList.ExportResult" :key="item.Id" :value="parseInt(item.Code)"
+              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value">
             </el-option>
           </el-select>
         </el-form-item>
         <!-- 限制编辑 -->
-        <el-form-item 
-          :label="$t('trials:readingUnit:qsList:title:limitEdit')" 
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:limitEdit')"
           v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'upload' || form.Type === 'number' || form.Type === 'screenshot'"
-          prop="LimitEdit"
-          :rules="[
+          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="`LimitEdit${item.value}`"
-              :label="item.value"
-              >{{ item.label }}</el-radio
-            >
+            <el-radio v-for="item of $d.LimitEdit" :key="`LimitEdit${item.value}`" :label="item.value">{{ item.label
+            }}</el-radio>
           </el-radio-group>
         </el-form-item>
         <!-- 全局阅片是否显示 -->
-        <el-form-item 
-          :label="$t('trials:readingUnit:qsList:title:globalReadingShowType')"
-          prop="GlobalReadingShowType"
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:globalReadingShowType')" prop="GlobalReadingShowType"
           :rules="[
             { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
-          ]"
-        >
+          ]">
           <el-radio-group v-model="form.GlobalReadingShowType">
-            <el-radio
-              v-for="item of $d.GlobalReadingShowType"
-              :key="item.id"
-              :label="item.value"
-              >{{ item.label }}</el-radio
-            >
+            <el-radio v-for="item of $d.GlobalReadingShowType" :key="item.id" :label="item.value">{{ item.label
+            }}</el-radio>
           </el-radio-group>
         </el-form-item>
         <!-- 问题标识 -->
-        <el-form-item
-          :label="$t('dictionary:template:criterionConfig:table:questionType')"
-          v-if="form.Type !== 'group' && form.Type !== 'summary'"
-          prop="QuestionType"
-        >
+        <el-form-item :label="$t('dictionary:template:criterionConfig:table:questionType')"
+          v-if="form.Type !== 'group' && form.Type !== 'summary'" prop="QuestionType">
           <el-select v-model="form.QuestionType" clearable>
-            <el-option
-              v-for="item of CriterionDictionaryList.QuestionType"
-              :key="item.Id"
-              :value="parseInt(item.Code)"
-              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-            />
+            <el-option v-for="item of CriterionDictionaryList.QuestionType" :key="item.Id" :value="parseInt(item.Code)"
+              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" />
           </el-select>
         </el-form-item>
         <!-- 是否在阅片页面显示 -->
-        <el-form-item 
-          :label="$t('trials:readingUnit:qsList:title:isShowInDicom')"
-          prop="IsShowInDicom"
-          :rules="[
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:isShowInDicom')" prop="IsShowInDicom" :rules="[
           { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
-          ]"
-        >
+        ]">
           <el-radio-group v-model="form.IsShowInDicom">
-            <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-form-item>
         <!-- 注释 -->
-        <el-form-item
-          :label="$t('trials:readingUnit:qsList:title:Remark')"
-          prop="Remark"
-        >
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:Remark')" prop="Remark">
           <el-input v-model="form.Remark" />
         </el-form-item>
         <!-- 序号 -->
-        <el-form-item 
-          :label="$t('trials:readingUnit:qsList:title:order')" 
-          prop="ShowOrder"
-          :rules="[
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:order')" 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-input-number v-model="form.ShowOrder" controls-position="right" :min="0" />
+        </el-form-item>
+        <!-- 图表展示-->
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :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>
         <!-- 适用于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-option
-              v-for="item of $d.QuestionClassify"
-              :key="item.id"
-              :label="item.label"
-              :value="item.value"
-            />
+            <el-option v-for="item of $d.QuestionClassify" :key="item.id" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <!-- 适用于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
-              v-for="item of $d.ConvertShowType"
-              :key="item.id"
-              :label="item.value"
-            >
+            <el-radio v-for="item of $d.ConvertShowType" :key="item.id" :label="item.value">
               {{ item.label }}
             </el-radio>
           </el-radio-group>
@@ -399,341 +245,190 @@
         <!-- 私有属性 -->
         <el-divider content-position="left">{{ $t('trials:readingUnit:title:privateProperties') }}</el-divider>
         <!-- 选项类型 -->
-        <el-form-item
-          v-if="
+        <el-form-item v-if="
           form.Type === 'select' ||
           form.Type === 'radio' ||
           form.Type === 'calculation'
-          "
-          :label="$t('trials:readingUnit:label:QuestionGenre')"
-          prop="QuestionGenre"
-          :rules="[{ required: form.Type !== 'calculation', message: this.$t('common:ruleMessage:select') }]"
-        >
-          <el-radio-group
-            v-model="form.QuestionGenre"
-            @change="
+        " :label="$t('trials:readingUnit:label:QuestionGenre')" prop="QuestionGenre"
+          :rules="[{ required: form.Type !== 'calculation', message: this.$t('common:ruleMessage:select') }]">
+          <el-radio-group v-model="form.QuestionGenre" @change="
             (val) => {
               questionGenreChange(val, form)
             }
-            "
-          >
+          ">
             <el-radio :label="-1"> {{ this.$t('common:title:none') }} </el-radio>
-            <el-radio
-              v-for="item of $d.TableQuestionType"
-              v-show="item.value === 0 || item.value === 3"
-              :key="item.id"
-              :label="item.value"
-            >
+            <el-radio v-for="item of $d.TableQuestionType" v-show="item.value === 0 || item.value === 3" :key="item.id"
+              :label="item.value">
               {{ item.label }}
             </el-radio>
           </el-radio-group>
         </el-form-item>
         <!-- 选项 -->
-        <el-form-item
-          v-if="form.QuestionGenre === 0 || form.Type === 'class'"
-          :label="$t('trials:qcCfg:table:typeValue')"
-          prop="TypeValue"
-        >
-          <el-input
-            v-model="form.TypeValue"
-            :placeholder="$t('trials:qcCfg:message:typeValue')"
-            @change="typeValueChange"
-          />
+        <el-form-item v-if="form.QuestionGenre === 0 || form.Type === 'class'"
+          :label="$t('trials:qcCfg:table:typeValue')" prop="TypeValue">
+          <el-input v-model="form.TypeValue" :placeholder="$t('trials:qcCfg:message:typeValue')"
+            @change="typeValueChange" />
         </el-form-item>
 
         <!-- 关联字典 -->
-        <el-form-item
-          v-if="form.QuestionGenre === 3"
-          :label="$t('trials:readingUnit:label:DictionaryCode')"
-          prop="DictionaryCode"
-        >
-          <el-select
-            v-model="form.DictionaryCode"
-            clearable
-            @change="
+        <el-form-item v-if="form.QuestionGenre === 3" :label="$t('trials:readingUnit:label:DictionaryCode')"
+          prop="DictionaryCode">
+          <el-select v-model="form.DictionaryCode" clearable @change="
             () => {
               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-form-item>
         <!-- 默认值 -->
         <el-form-item v-if="form.QuestionGenre === 3" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
           <el-select v-model="form.DefaultValue" clearable>
-            <el-option
-              v-for="item of highlightAnswers"
-              :key="item.Id"
-              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-              :value="item.Code"
-            />
+            <el-option v-for="item of highlightAnswers" :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.QuestionGenre === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
           <el-select v-model="form.DefaultValue" clearable>
-            <el-option
-              v-for="item of form.TypeValue ? form.TypeValue.split('|') : []"
-              :key="item"
-              :label="item"
-              :value="item"
-            />
+            <el-option v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" :key="item" :label="item"
+              :value="item" />
           </el-select>
         </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>
             <template v-if="form.TypeValue">
-              <el-option
-                v-for="item of form.TypeValue.split('|')"
-                :key="item"
-                :label="item"
-                :value="item"
-              />
+              <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 highlightAnswers"
-                :key="item.Id"
-                :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-                :value="item.Code"
-              />
+              <el-option v-for="item of highlightAnswers" :key="item.Id"
+                :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" :value="item.Code" />
             </template>
           </el-select>
         </el-form-item>
         <!-- 分组标识 -->
-        <el-form-item
-          :label="$t('dictionary:template:criterionConfig:table:groupClassify')"
-          v-if="form.Type === 'group'"
-          prop="GroupClassify"
-        >
+        <el-form-item :label="$t('dictionary:template:criterionConfig:table:groupClassify')"
+          v-if="form.Type === 'group'" prop="GroupClassify">
           <el-select v-model="form.GroupClassify" clearable>
-            <el-option
-              v-for="item of groupClassifyList"
-              :key="item.Id"
-              :value="parseInt(item.Code)"
-              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-            />
+            <el-option v-for="item of groupClassifyList" :key="item.Id" :value="parseInt(item.Code)"
+              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" />
           </el-select>
         </el-form-item>
         <!-- 最大长度 -->
-        <el-form-item 
-          v-if="form.Type === 'input' || form.Type === 'textarea'"
-          :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
-          prop="MaxAnswerLength"
-          :rules="[
+        <el-form-item v-if="form.Type === 'input' || form.Type === 'textarea'"
+          :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')" 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 
-          v-if="form.Type === 'table' || form.Type === 'basicTable'" 
-          :label="$t('trials:readingUnit:qsList:title:maxQuestionCount')"
-          prop="MaxQuestionCount"
-          :rules="[
+        <el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'"
+          :label="$t('trials:readingUnit:qsList:title:maxQuestionCount')" prop="MaxQuestionCount" :rules="[
             { 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 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-form-item>
 
         <!-- 数值类型 -->
-        <el-form-item
-          v-if="form.Type === 'number' || form.Type === 'calculation'"
-          :label="$t('trials:readingUnit:qsList:title:valueType')"
-          prop="ValueType"
-          :rules="[{ required: true, message: this.$t('common:ruleMessage:select') }]"
-        >
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :label="$t('trials:readingUnit:qsList:title:valueType')" prop="ValueType"
+          :rules="[{ required: true, message: this.$t('common:ruleMessage:select') }]">
           <el-radio-group v-model="form.ValueType">
-            <el-radio
-              v-for="item of $d.ValueType"
-              :key="item.id"
-              :label="item.value"
-            >
+            <el-radio v-for="item of $d.ValueType" :key="item.id" :label="item.value">
               {{ item.label }}
             </el-radio>
           </el-radio-group>
         </el-form-item>
 
         <!-- 单位 -->
-        <el-form-item
-          v-if="form.Type === 'number' || form.Type === 'calculation'"
-          :label="$t('trials:readingUnit:qsList:title:unit')"
-          prop="Unit"
-          :rules="[
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :label="$t('trials:readingUnit:qsList:title:unit')" 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"
-            >
+            <el-radio v-for="item of $d.ValueUnit" :key="item.id" :label="item.value">
               {{ item.label }}
             </el-radio>
           </el-radio-group>
         </el-form-item>
         <!-- 表格类型标识 -->
-        <el-form-item
-          v-if="form.Type === 'table'"
-          :label="$t('dictionary:template:criterionConfig:table:tableType')"
-          prop="LesionType"
-        >
+        <el-form-item v-if="form.Type === 'table'" :label="$t('dictionary:template:criterionConfig:table:tableType')"
+          prop="LesionType">
           <el-select v-model="form.LesionType" clearable>
-            <el-option
-              v-for="item of lesionTypes"
-              :key="item.Code"
-              :value="parseInt(item.Code)"
-              :label="$fd('LesionType', parseInt(item.Code))"
-            />
+            <el-option v-for="item of lesionTypes" :key="item.Code" :value="parseInt(item.Code)"
+              :label="$fd('LesionType', parseInt(item.Code))" />
           </el-select>
         </el-form-item>
         <!-- 表格类型标识 -->
-        <el-form-item
-          v-if="form.Type === 'basicTable'"
-          :label="$t('dictionary:template:criterionConfig:table:tableType')"
-          prop="LesionType"
-        >
+        <el-form-item v-if="form.Type === 'basicTable'"
+          :label="$t('dictionary:template:criterionConfig:table:tableType')" prop="LesionType">
           <el-select v-model="form.LesionType" clearable>
-            <el-option
-              v-for="item of lesionTypeList"
-              :key="item.Id"
-              :value="parseInt(item.Code)"
-              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-            />
+            <el-option v-for="item of lesionTypeList" :key="item.Id" :value="parseInt(item.Code)"
+              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" />
           </el-select>
         </el-form-item>
         <!-- 关联字典 -->
-        <el-form-item
-          v-if="form.Type === 'table' || form.Type === 'basicTable'"
-          :label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')"
-        >
-          <el-select
-            v-model="form.DictionaryCode"
-            clearable
-            @change="
+        <el-form-item v-if="form.Type === 'table' || form.Type === 'basicTable'"
+          :label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')">
+          <el-select v-model="form.DictionaryCode" clearable @change="
             () => {
               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-form-item>
         <!-- 最大上传个数 -->
-        <el-form-item 
-          v-if="form.Type === 'upload'" 
-          :label="$t('trials:readingUnit:qsList:title:imageCount')"
-        >
-          <el-input-number
-            v-model="form.ImageCount"
-            controls-position="right"
-            :min="0"
-            :max="10"
-          />
+        <el-form-item v-if="form.Type === 'upload'" :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 
-          v-if="form.Type === 'upload'" 
-          :label="$t('trials:readingUnit:qsList:title:FileType')"
+        <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:FileType')"
           prop="FileType"
-          :rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
-        >
-          <el-checkbox-group
-            v-model="form.FileType"
-            @change="(v) => {
+          :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'"
-            >
+          }">
+            <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'">
               {{ item.label }}
             </el-checkbox>
           </el-checkbox-group>
         </el-form-item>
         <!-- 分类数据来源 -->
-        <el-form-item
-          v-if="form.Type === 'class'"
-          :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
-          prop="ClassifyQuestionId"
-        >
+        <el-form-item v-if="form.Type === 'class'"
+          :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')" prop="ClassifyQuestionId">
           <el-select v-model="form.ClassifyQuestionId" clearable>
-            <el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName"
-                      :value="item.Id"/>
+            <el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName" :value="item.Id" />
           </el-select>
         </el-form-item>
         <!-- 分类算法 -->
-        <el-form-item
-          v-if="form.Type === 'class'"
-          :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
-          prop="ClassifyAlgorithms"
-        >
+        <el-form-item v-if="form.Type === 'class'"
+          :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')" prop="ClassifyAlgorithms">
           <div>
-            <el-table
-              ref="CalculateTable"
-              :data="ClassifyAlgorithmsList"
-              style="margin: 10px;width: 100%"
-              size="small"
-            >
+            <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"
-              >
+              <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"
-              >
+              <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"
-              >
+              <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>
@@ -747,21 +442,11 @@
     <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
       <el-form-item>
         <!-- 取消 -->
-        <el-button
-          :disabled="btnLoading"
-          size="small"
-          type="primary"
-          @click="close"
-        >
+        <el-button :disabled="btnLoading" size="small" type="primary" @click="close">
           {{ $t('common:button:cancel') }}
         </el-button>
         <!-- 保存 -->
-        <el-button
-          size="small"
-          type="primary"
-          :loading="btnLoading"
-          @click="save"
-        >
+        <el-button size="small" type="primary" :loading="btnLoading" @click="save">
           {{ $t('common:button:save') }}
         </el-button>
       </el-form-item>
@@ -863,6 +548,7 @@ export default {
         FileType: [],
         ClassifyQuestionId: null,
         ClassifyAlgorithms: null,
+        ShowChartTypeEnum: 0
       },
       rules: {
         Type: [{ required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }],
@@ -1189,6 +875,7 @@ export default {
       data.HighlightAnswerList = []
       // data.ExportIdentification = 0
       data.ExportResult = []
+      data.ShowChartTypeEnum = 0
       data.FileType = []
       data.ClassifyQuestionId = null
       data.ClassifyAlgorithms = null
@@ -1310,5 +997,4 @@ export default {
   },
 }
 </script>
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

src/views/dictionary/template/components/TableQsForm.vue

@@ -1,155 +1,86 @@
 <template>
-  <el-form
-    ref="tableQsForm"
-    v-loading="loading"
-    :model="form"
-    size="small"
-    :disabled="type === 'look'"
-    :rules="rules"
-    label-width="130px"
-  >
+  <el-form ref="tableQsForm" 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 style="height: 150px;">
         <!-- 类型 -->
         <el-form-item :label="$t('trials:readingUnit:qsList:title:type')" prop="Type">
-          <el-select
-            v-model="form.Type"
-            @change="((val)=>{qsTypeChange(val, form)})"
-          >
-            <el-option
-              v-for="item of $d.Criterion_Question_Type"
+          <el-select 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"
-            />
+              :key="item.value" :value="item.value" :label="item.label" />
           </el-select>
         </el-form-item>
         <!-- 问题名称 -->
-        <el-form-item
-          v-if="form.Type !== 'group'"
-          :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
-          prop="QuestionName"
-          :rules="[
+        <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
+          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-input v-model="form.QuestionName" />
         </el-form-item>
         <!-- 问题名称（EN） -->
-        <el-form-item
-          v-if="form.Type !== 'group'"
-          :label="$t('trials:readingUnit:qsList:title:qsNameEn')"
-          prop="QuestionEnName"
-          :rules="[
+        <el-form-item v-if="form.Type !== 'group'" :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}` }
-          ]"
-        >
-          <el-input
-            v-model="form.QuestionEnName"
-          />
+          ]">
+          <el-input v-model="form.QuestionEnName" />
         </el-form-item>
       </div>
       <div style="flex: 1;overflow-y:auto;">
         <!-- 公有属性 -->
         <el-divider content-position="left">{{ $t('trials:readingUnit:title:publicProperties') }}</el-divider>
         <!-- 是否显示 -->
-        <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:isShow')" prop="ShowQuestion">
-          <el-radio-group
-            v-model="form.ShowQuestion"
-            @change="((val)=>{isShowQuestionChange(val, form)})"
-          >
-            <el-radio
-              v-for="item of $d.ShowQuestion"
-              :key="`ShowQuestion${item.value}`"
-              :label="item.value"
-            >
+        <el-form-item v-if="form.Type !== 'group'" :label="$t('trials:readingUnit:qsList:title:isShow')"
+          prop="ShowQuestion">
+          <el-radio-group v-model="form.ShowQuestion" @change="((val) => { isShowQuestionChange(val, form) })">
+            <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="$t('trials:readingUnit:qsList:title:parentId')"
-          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-form-item v-if="form.Type !== 'group' && form.ShowQuestion === 1"
+          :label="$t('trials:readingUnit:qsList:title:parentId')" 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="$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-option
-              v-for="item of parentTriggerValOptions"
-              :key="item.id"
-              :label="item.label"
-              :value="String(item.value)"
-            />
+            <el-option v-for="item of parentTriggerValOptions" :key="item.id" :label="item.label"
+              :value="String(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="$t('trials:readingUnit:qsList:title:isRequired')" 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"
-            >
+        <el-form-item
+          v-if="form.Type !== 'group' && form.Type !== 'table' && form.Type !== 'basicTable' && form.Type !== 'summary'"
+          :label="$t('trials:readingUnit:qsList:title:isRequired')" prop="IsRequired">
+          <el-radio-group v-model="form.IsRequired" :disabled="form.IsJudgeQuestion === true || form.ShowQuestion === 2"
+            @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="$t('trials:readingUnit:qsList:title:relevanceId')"
-          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-form-item v-if="form.Type !== 'group' && form.IsRequired === 1"
+          :label="$t('trials:readingUnit:qsList:title:relevanceId')" 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="$t('trials:readingUnit:qsList:title:relevanceValueList')"
-          prop="RelevanceValueList"
-        >
+        <el-form-item v-if="form.RelevanceId && form.IsRequired === 1"
+          :label="$t('trials:readingUnit:qsList:title:relevanceValueList')" prop="RelevanceValueList">
           <el-select v-model="form.RelevanceValueList" clearable multiple>
-            <el-option
-              v-for="item of reParentTriggerValOptions"
-              :key="item.id"
-              :label="item.label"
-              :value="String(item.value)"
-            />
+            <el-option v-for="item of reParentTriggerValOptions" :key="item.id" :label="item.label"
+              :value="String(item.value)" />
           </el-select>
         </el-form-item>
         <!-- 导出标识 -->
@@ -174,175 +105,102 @@
           </el-radio-group>
         </el-form-item> -->
         <!-- 导出结果 -->
-        <el-form-item 
-          :label="$t('trials:readingUnit:qsList:title:ExportResult')"
-          v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'"
-        >
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:ExportResult')"
+          v-if="form.Type === 'radio' || form.Type === 'select' || form.Type === 'input' || form.Type === 'textarea' || form.Type === 'number' || form.Type === 'class' || form.Type === 'calculation'">
           <el-select v-model="form.ExportResult" multiple>
-            <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 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="$t('trials:readingUnit:qsList:title:limitEdit')" 
-          v-if="form.Type !== 'summary'"
-          prop="LimitEdit"
-          :rules="[
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:limitEdit')" 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="$t('dictionary:template:criterionConfig:table:questionMark')"
-          prop="QuestionMark"
-        >
-          <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-form-item v-if="form.Type !== 'group' && form.Type !== 'summary'"
+          :label="$t('dictionary:template:criterionConfig:table:questionMark')" prop="QuestionMark">
+          <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-form-item>
         <!-- 注释 -->
-        <el-form-item
-          :label="$t('trials:readingUnit:qsList:title:Remark')"
-          prop="Remark"
-        >
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:Remark')" prop="Remark">
           <el-input v-model="form.Remark" />
         </el-form-item>
         <!-- 序号 -->
-        <el-form-item 
-          :label="$t('trials:readingUnit:qsList:title:order')" 
-          prop="ShowOrder"
-          :rules="[
+        <el-form-item :label="$t('trials:readingUnit:qsList:title:order')" 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-input-number v-model="form.ShowOrder" controls-position="right" :min="0" />
+        </el-form-item>
+        <!-- 图表展示-->
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :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 :label="$t('dictionary:template:criterionConfig:table:maxRowCount')" v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'">
-          <el-input-number
-            v-model="form.MaxRowCount"
-            controls-position="right"
-            :min="0"
-            :max="10"
-          />
+        <el-form-item :label="$t('dictionary:template:criterionConfig:table:maxRowCount')"
+          v-if="form.Type !== 'summary' && form.Type !== 'screenshot' && form.Type !== 'upload'">
+          <el-input-number v-model="form.MaxRowCount" controls-position="right" :min="0" :max="10" />
         </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-option
-              v-for="item of $d.QuestionClassify"
-              :key="item.id"
-              :label="item.label"
-              :value="item.value"
-            />
+            <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">{{ $t('trials:readingUnit:title:privateProperties') }}</el-divider>
         <!-- 选项类型 -->
-        <el-form-item
-          v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'"
-          :label="$t('trials:readingUnit:label:QuestionGenre')"
-          prop="TableQuestionType"
-          :rules="[
+        <el-form-item v-if="form.Type === 'select' || form.Type === 'radio' || form.Type === 'input'"
+          :label="$t('trials:readingUnit:label:QuestionGenre')" prop="TableQuestionType" :rules="[
             { required: form.Type !== 'input', message: this.$t('common:ruleMessage:select') }
-          ]"
-        >
-          <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))"
-            >
+          ]">
+          <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="$t('trials:qcCfg:table:typeValue')"
-          prop="TypeValue"
-        >
-          <el-input
-            v-model="form.TypeValue"
-            :placeholder="$t('trials:qcCfg:message:typeValue')"
-            @change="typeValueChange"
-          />
+        <el-form-item v-if="form.TableQuestionType === 0 || form.Type === 'class'"
+          :label="$t('trials:qcCfg:table:typeValue')" prop="TypeValue">
+          <el-input v-model="form.TypeValue" :placeholder="$t('trials:qcCfg:message:typeValue')"
+            @change="typeValueChange" />
         </el-form-item>
         <!-- 关联问题 -->
-        <el-form-item
-          v-if="form.TableQuestionType === 2"
-          :label="$t('dictionary:template:criterionConfig:table:dependParentId')"
-          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-form-item v-if="form.TableQuestionType === 2"
+          :label="$t('dictionary:template:criterionConfig:table:dependParentId')" 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="$t('dictionary:template:criterionConfig:table:dataTableColumn')"
-          prop="DataTableColumn"
-        >
+        <el-form-item v-if="form.TableQuestionType === 1 || !!form.DependParentId"
+          :label="$t('dictionary:template:criterionConfig:table:dataTableColumn')" 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-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="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')"
-          prop="DictionaryCode"
-          :rules="[{ required: form.TableQuestionType === 3, message: '请选择', trigger: 'blur' }]"
-        >
+        <el-form-item v-if="form.TableQuestionType === 3 || form.TableQuestionType === 2"
+          :label="$t('dictionary:template:criterionConfig:table:relatedDictionaryCode')" 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-option v-for="item of dicList" :key="item.Id" :label="item.Code" :value="item.Code" />
           </el-select>
         </el-form-item>
         <!-- 默认值 -->
@@ -354,35 +212,23 @@
               :label="item.label"
               :value="item.value.toString()"
             /> -->
-            <el-option
-              v-for="item of highlightAnswers"
-              :key="item.Id"
-              :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-              :value="item.Code"
-            />
+            <el-option v-for="item of highlightAnswers" :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 === 0" :label="$t('trials:readingUnit:qsList:title:defaultValue')">
           <el-select v-model="form.DefaultValue" clearable>
-            <el-option
-              v-for="item of form.TypeValue ? form.TypeValue.split('|') : []"
-              :key="item"
-              :label="item"
-              :value="item"
-            />
+            <el-option v-for="item of form.TypeValue ? form.TypeValue.split('|') : []" :key="item" :label="item"
+              :value="item" />
           </el-select>
         </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>
             <template v-if="form.TypeValue">
-              <el-option
-                v-for="item of form.TypeValue.split('|')"
-                :key="item"
-                :label="item"
-                :value="item"
-              />
+              <el-option v-for="item of form.TypeValue.split('|')" :key="item" :label="item" :value="item" />
             </template>
             <template v-else-if="form.DictionaryCode">
               <!-- <el-option
@@ -391,24 +237,16 @@
                 :label="item.label"
                 :value="item.value.toString()"
               /> -->
-              <el-option
-                v-for="item of highlightAnswers"
-                :key="item.Id"
-                :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value"
-                :value="item.Code"
-              />
+              <el-option v-for="item of highlightAnswers" :key="item.Id"
+                :label="$i18n.locale === 'zh' ? item.ValueCN : item.Value" :value="item.Code" />
             </template>
           </el-select>
         </el-form-item>
         <!-- 最大长度 -->
-        <el-form-item 
-          v-if="form.Type === 'input' || form.Type === 'textarea'"
-          :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')"
-          prop="MaxAnswerLength"
-          :rules="[
+        <el-form-item v-if="form.Type === 'input' || form.Type === 'textarea'"
+          :label="$t('trials:readingUnit:qsList:title:MaxAnswerLength')" 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>
         <!-- 是否复制前值 -->
@@ -425,138 +263,75 @@
           />
         </el-form-item> -->
         <!-- 数值类型 -->
-        <el-form-item
-          v-if="form.Type === 'number' || form.Type === 'calculation'"
-          :label="$t('trials:readingUnit:qsList:title:valueType')"
-          prop="ValueType"
-          :rules="[
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :label="$t('trials:readingUnit:qsList:title:valueType')" prop="ValueType" :rules="[
             { required: true, message: this.$t('common:ruleMessage:select') }
-          ]"
-        >
-          <el-radio-group
-            v-model="form.ValueType"
-          >
-            <el-radio
-              v-for="item of $d.ValueType"
-              :key="item.id"
-              :label="item.value"
-            >
+          ]">
+          <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-group>
         </el-form-item>
 
         <!-- 单位 -->
-        <el-form-item
-          v-if="form.Type === 'number' || form.Type === 'calculation'"
-          :label="$t('trials:readingUnit:qsList:title:unit')"
-          prop="Unit"
-          :rules="[
+        <el-form-item v-if="form.Type === 'number' || form.Type === 'calculation'"
+          :label="$t('trials:readingUnit:qsList:title:unit')" 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"
-            >
+          ]">
+          <el-radio-group v-model="form.Unit">
+            <el-radio v-for="item of $d.ValueUnit" :key="item.id" :label="item.value">
               {{ item.label }}
             </el-radio>
           </el-radio-group>
         </el-form-item>
         <!-- 最大上传个数 -->
-        <el-form-item 
-          v-if="form.Type === 'upload'" 
-          :label="$t('trials:readingUnit:qsList:title:imageCount')"
-          prop="ImageCount"
-        >
-          <el-input-number
-            v-model="form.ImageCount"
-            controls-position="right"
-            :min="0"
-            :max="10"
-          />
+        <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:imageCount')"
+          prop="ImageCount">
+          <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="$t('trials:readingUnit:qsList:title:FileType')"
+        <el-form-item v-if="form.Type === 'upload'" :label="$t('trials:readingUnit:qsList:title:FileType')"
           prop="FileType"
-          :rules="[{ type: 'array', required: true, message: this.$t('common:ruleMessage:specify'), trigger: [ 'change'] }]"
-        >
-          <el-checkbox-group
-            v-model="form.FileType"
-            @change="(v) => {
+          :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'"
-            >
+          }">
+            <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'">
               {{ item.label }}
             </el-checkbox>
           </el-checkbox-group>
         </el-form-item>
         <!-- 分类 -->
         <!-- 分类数据来源 -->
-        <el-form-item
-          v-if="form.Type === 'class'"
-          :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')"
-          prop="ClassifyTableQuestionId"
-        >
+        <el-form-item v-if="form.Type === 'class'"
+          :label="$t('dictionary:template:criterionConfig:table:classifyQuestion')" prop="ClassifyTableQuestionId">
           <el-select v-model="form.ClassifyTableQuestionId" clearable>
-            <el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName"
-                      :value="item.Id"/>
+            <el-option v-for="item of Questions" :key="item.Id" :label="item.QuestionName" :value="item.Id" />
           </el-select>
         </el-form-item>
         <!-- 分类算法 -->
-        <el-form-item
-          v-if="form.Type === 'class'"
-          :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')"
-          prop="ClassifyAlgorithms"
-        >
+        <el-form-item v-if="form.Type === 'class'"
+          :label="$t('dictionary:template:criterionConfig:table:classifyAlgorithms')" prop="ClassifyAlgorithms">
           <div>
-            <el-table
-              ref="CalculateTable"
-              :data="ClassifyAlgorithmsList"
-              style="margin: 10px;width: 100%"
-              size="small"
-            >
+            <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"
-              >
+              <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"
-              >
+              <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"
-              >
+              <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>
@@ -569,11 +344,7 @@
     <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
       <el-form-item>
         <!-- 取消 -->
-        <el-button
-          size="small"
-          type="primary"
-          @click="close"
-        >
+        <el-button size="small" type="primary" @click="close">
           {{ $t('common:button:cancel') }}
         </el-button>
         <!-- 保存 -->
@@ -666,7 +437,8 @@ export default {
         ClassifyAlgorithms: null,
         // ExportIdentification: 0,
         ExportResult: [],
-        DefaultValue:null
+        DefaultValue: null,
+        ShowChartTypeEnum: 0
         // IsEnable: true
       },
       rules: {
@@ -993,6 +765,7 @@ export default {
       // form.ExportIdentification = 0
       form.ExportResult = []
       form.DefaultValue = null
+      form.ShowChartTypeEnum = 0
     },
     close() {
       this.$emit('close')
@@ -1001,5 +774,4 @@ export default {
   }
 }
 </script>
-<style lang="scss" scoped>
-</style>
+<style lang="scss" scoped></style>

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

@@ -458,7 +458,7 @@
           </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">
           <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>

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

@@ -260,7 +260,7 @@
           </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">
           <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>