forrest表单问题

src/views/trials/trials-panel/reading/visit-review/components/EcrfList.vue

@@ -1,36 +1,17 @@
 <template>
   <div v-loading="loading" class="ecrf-list-container">
-    <el-form
+    <el-form v-if="taskInfo" ref="questions" size="small" :model="questionForm" class="ecrf-form">
-      v-if="taskInfo"
+      <template v-if="taskInfo.CriterionType === 16">
-      ref="questions"
+        <FormItem v-for="question of questions" :key="question.Id" :question="question" :question-form="questionForm"
-      size="small"
+          :reading-task-state="readingTaskState" :visit-task-id="visitTaskId" :calculation-list="calculationList"
-      :model="questionForm"
+          @setFormItemData="setFormItemData" @resetFormItemData="resetFormItemData" />
-      class="ecrf-form"
+      </template>
-    >
+      <template v-else>
-      <!-- <FormItem
+        <QuestionFormItem v-for="question of questions" :key="question.Id" :visit-task-id="visitTaskId"
-        v-for="question of questions"
+          :question="question" :question-form="questionForm" :reading-task-state="readingTaskState"
-        :key="question.Id"
+          :criterion-id="criterionId" :calculation-list="calculationList" :is-baseline="isBaseline"
-        :question="question"
+          @resetFormItemData="resetFormItemData" @setFormItemData="setFormItemData" />
-        :question-form="questionForm"
+      </template>
-        :reading-task-state="readingTaskState"
-        :visit-task-id="visitTaskId"
-        :calculation-list="calculationList"
-        @setFormItemData="setFormItemData"
-        @resetFormItemData="resetFormItemData"
-      /> -->
-      <QuestionFormItem
-        v-for="question of questions"
-        :key="question.Id"
-        :visit-task-id="visitTaskId"
-        :question="question"
-        :question-form="questionForm"
-        :reading-task-state="readingTaskState"
-        :criterion-id="criterionId"
-        :calculation-list="calculationList"
-        :is-baseline="isBaseline"
-        @resetFormItemData="resetFormItemData"
-        @setFormItemData="setFormItemData"
-      />
 
       <el-form-item v-if="readingTaskState < 2">
         <div style="text-align:center;">
@@ -48,13 +29,8 @@
     </el-form>
 
     <!-- 签名框 -->
-    <el-dialog
+    <el-dialog v-if="signVisible" :visible.sync="signVisible" :close-on-click-modal="false" width="600px"
-      v-if="signVisible"
+      custom-class="base-dialog-wrapper">
-      :visible.sync="signVisible"
-      :close-on-click-modal="false"
-      width="600px"
-      custom-class="base-dialog-wrapper"
-    >
       <div slot="title">
         <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
         <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${currentUser})` }}</span>
@@ -72,14 +48,15 @@ import { setSkipReadingCache } from '@/api/reading'
 import const_ from '@/const/sign-code'
 import store from '@/store'
 import { mapGetters } from 'vuex'
-// import FormItem from './FormItem'
+import FormItem from './FormItem'
 import QuestionFormItem from '@/views/trials/trials-panel/reading/dicoms/customize/CustomizeQuestionFormItem'
 import SignForm from '@/views/trials/components/newSignForm'
 export default {
   name: 'EcrfList',
   components: {
     QuestionFormItem,
-    SignForm
+    SignForm,
+    FormItem
   },
   props: {
     visitTaskInfo: {
@@ -350,12 +327,14 @@ export default {
 .ecrf-list-container {
   min-height: 400px;
   color: #ddd;
+
   .ecrf-form {
     ::v-deep .el-form-item__label {
       color: #ddd;
     }
 
   }
+
   ::v-deep .el-table,
   .el-table__expanded-cell {
     background-color: #000;
@@ -369,34 +348,42 @@ export default {
     color: #fff;
     border-color: #444444;
   }
+
   ::v-deep .el-table__body tr>td {
     background-color: #000 !important;
     color: #fff;
     border-color: #444444;
   }
+
   ::v-deep .el-table__body tr:hover>td {
     background-color: #858282 !important;
     color: #fff;
     border-color: #444444;
   }
+
   ::v-deep .el-table--border th.gutter:last-of-type {
     border: none;
   }
+
   ::v-deep .el-dialog {
     background: #1e1e1e;
     border: 1px solid #ddd;
     color: #ddd;
+
     .el-dialog__title {
       color: #fff;
     }
+
     .el-input .el-input__inner {
       background-color: transparent;
       color: #ddd;
       border: 1px solid #5e5e5e;
     }
+
     .el-input.is-disabled .el-input__inner {
       background-color: #646464a1;
     }
+
     .el-form-item__label {
       color: #dfdfdf
     }