表单样式更改

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

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

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

@@ -8,501 +8,505 @@
     :rules="rules"
     label-width="130px"
   >
-    <div class="base-dialog-body">
-      <el-form-item label="类型" prop="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"
-          />
-        </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"
+    <div class="base-dialog-body" style="height: 550px; display:flex;flex-direction: column;">
+      <div style="height: 150px;">
+        <el-form-item label="类型" prop="Type">
+          <el-select
+            v-model="form.Type"
+            @change="((val)=>{qsTypeChange(val, form)})"
           >
-            {{ 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
-              v-for="item of form.TypeValue.split('|')"
-              :key="item"
-              :label="item"
-              :value="item"
+              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"
             />
-          </template>
-          <template v-else-if="form.DictionaryCode">
+          </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>
+      </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
-              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"
               :label="item.label"
-              :value="item.value.toString()"
+              :value="item.value"
             />
-          </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
-            v-for="item of $d.ValueType"
-            :key="item.id"
-            :label="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)})"
           >
-            {{ item.label }}
-          </el-radio>
-        </el-radio-group>
-      </el-form-item>
+            <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.Type === 'number' || form.Type === 'calculation'"
-        label="单位"
-        prop="Unit"
-        :rules="[
-          { required: true, message: this.$t('common:ruleMessage:select'), trigger: 'blur' }
-        ]"
-      >
-        <el-radio-group
-          v-model="form.Unit"
+        <el-form-item
+          v-if="form.TableQuestionType === 0  || form.Type === 'class'"
+          label="选项"
+          prop="TypeValue"
         >
-          <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="最大上传个数"
-        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="文件类型"
-        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-input
+            v-model="form.TypeValue"
+            placeholder="选项请用‘|’分割多个选项"
+            @change="typeValueChange"
+          />
+        </el-form-item>
+        <el-form-item
+          v-if="form.TableQuestionType === 2"
+          label="关联问题"
+          prop="DependParentId"
         >
-          <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-select
+            v-model="form.DependParentId"
           >
-            {{ item.label }}
-          </el-checkbox>
-        </el-checkbox-group>
-      </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-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
+                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-table-column
-              :label="$t('trials:readingUnit:label:label')"
-              show-overflow-tooltip
-              min-width="70"
+            <el-radio
+              v-for="item of $d.ValueType"
+              :key="item.id"
+              :label="item.value"
             >
-              <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"
+              {{ item.label }}
+            </el-radio>
+          </el-radio-group>
+        </el-form-item>
+
+        <!-- 数值单位 -->
+        <el-form-item
+          v-if="form.Type === 'number' || form.Type === 'calculation'"
+          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">
-                <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"
+              {{ item.label }}
+            </el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item 
+          v-if="form.Type === 'upload'" 
+          label="最大上传个数"
+          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="文件类型"
+          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">
-                <el-input-number v-model="scope.row.lt"></el-input-number>
-              </template>
-            </el-table-column>
-          </el-table>
-        </div>
-      </el-form-item>
+              {{ item.label }}
+            </el-checkbox>
+          </el-checkbox-group>
+        </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 class="base-dialog-footer" style="text-align:right;margin-top:10px;">
       <el-form-item>

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

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

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

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

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

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