影像质控问题配置未勾选问题提交会报错

src/views/trials/trials-panel/setting/qc-question/components/DefaultQS.vue

@@ -16,7 +16,8 @@
         <!-- 级别: -->
         <el-form-item :label="$t('trials:qcCfg:table:level')">
           <el-select v-model="searchData.IsDefeaultViewParent" style="width:120px;">
-            <el-option v-for="item of $d.IsDefeaultViewParentLevel" :key="item.id" :value="item.value" :label="item.label" />
+            <el-option v-for="item of $d.IsDefeaultViewParentLevel" :key="item.id" :value="item.value"
+              :label="item.label" />
           </el-select>
         </el-form-item>
         <el-form-item>
@@ -25,87 +26,50 @@
         </el-form-item>
       </el-form>
       <span style="margin-left:auto">
-        <el-button type="primary" size="mini" :disabled="selectArr.length<=0" @click="handleSubmit">
+        <el-button type="primary" size="mini" :disabled="selectArr.length <= 0" @click="handleSubmit">
           {{ $t('common:button:submit') }}
         </el-button>
       </span>
     </div>
 
-    <el-table
+    <el-table ref="qsList" :data="list" stripe size="small" height="400" @selection-change="handleSelectChange"
-      ref="qsList"
+      @select="handleselect" @select-all="handleselectAll">
-      :data="list"
-      stripe
-      size="small"
-      height="400"
-      @selection-change="handleSelectChange"
-      @select="handleselect"
-    >
       <el-table-column type="selection" align="left" width="45" :selectable="handleSelectTable" />
       <!-- 序号 -->
-      <el-table-column
+      <el-table-column prop="ShowOrder" :label="$t('trials:qcCfg:table:order')" width="60" />
-        prop="ShowOrder"
-        :label="$t('trials:qcCfg:table:order')"
-        width="60"
-      />
       <!-- 审核问题 -->
-      <el-table-column
+      <el-table-column prop="QuestionName" :label="$t('trials:qcCfg:table:questionName')" show-overflow-tooltip />
-        prop="QuestionName"
-        :label="$t('trials:qcCfg:table:questionName')"
-        show-overflow-tooltip
-      />
       <!-- 类型 -->
-      <el-table-column
+      <el-table-column prop="Type" :label="$t('trials:qcCfg:table:type')" show-overflow-tooltip>
-        prop="Type"
-        :label="$t('trials:qcCfg:table:type')"
-        show-overflow-tooltip
-      >
         <template slot-scope="scope">
           {{ $fd('QcType', scope.row.Type) }}
         </template>
       </el-table-column>
       <!-- 选项 -->
-      <el-table-column
+      <el-table-column prop="TypeValue" :label="$t('trials:qcCfg:table:typeValue')" show-overflow-tooltip
-        prop="TypeValue"
+        min-width="110" />
-        :label="$t('trials:qcCfg:table:typeValue')"
-        show-overflow-tooltip
-        min-width="110"
-      />
 
       <!-- 父问题 -->
-      <el-table-column
+      <el-table-column prop="ParentShowOrder" :label="$t('trials:qcCfg:table:parentQs')" show-overflow-tooltip
-        prop="ParentShowOrder"
+        width="120" />
-        :label="$t('trials:qcCfg:table:parentQs')"
-        show-overflow-tooltip
-        width="120"
-      />
       <!-- 父问题触发值 -->
-      <el-table-column
+      <el-table-column prop="ParentTriggerValue" :label="$t('trials:qcCfg:table:parentTriggerValue')"
-        prop="ParentTriggerValue"
+        show-overflow-tooltip />
-        :label="$t('trials:qcCfg:table:parentTriggerValue')"
-        show-overflow-tooltip
-      />
       <!-- 是否必填 -->
-      <el-table-column
+      <el-table-column prop="IsRequired" :label="$t('trials:qcCfg:table:isRequired')" min-width="90">
-        prop="IsRequired"
-        :label="$t('trials:qcCfg:table:isRequired')"
-        min-width="90"
-      >
         <template slot-scope="scope">
           {{ $fd('YesOrNo', scope.row.IsRequired) }}
         </template>
       </el-table-column>
       <!-- 启用状态 -->
-      <el-table-column
+      <el-table-column prop="IsEnable" :label="$t('trials:qcCfg:table:isEnable')" min-width="120">
-        prop="IsEnable"
-        :label="$t('trials:qcCfg:table:isEnable')"
-        min-width="120"
-      >
         <template slot-scope="scope">
           {{ $fd('YesOrNo', scope.row.IsEnable) }}
         </template>
       </el-table-column>
     </el-table>
-    <Pagination style="margin-top: 10px" class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+    <Pagination style="margin-top: 10px" class="page" :total="total" :page.sync="searchData.PageIndex"
+      :limit.sync="searchData.PageSize" @pagination="getList" />
   </box-content>
 </template>
 <script>
@@ -144,7 +108,7 @@ export default {
   computed: {
     ...mapGetters(['language'])
   },
-  created(){
+  created() {
     this.trialId = this.$route.query.trialId;
     this.getList();
   },
@@ -165,7 +129,13 @@ export default {
       }).catch(() => { this.loading = false })
     },
     handleSelectChange(val) {
-      this.selectArr = val
+      // this.selectArr = val
+    },
+    handleselectAll(selection) {
+      this.selectArr = []
+      if (selection.length > 0) {
+        this.selectArr = this.list
+      }
     },
     handleselect(selection, row) {
       const selected = selection.length && selection.indexOf(row) !== -1
@@ -175,6 +145,20 @@ export default {
       arr.map(item => {
         this.$refs.qsList.toggleRowSelection(item, selected)
       })
+      if (selected) {
+        arr.forEach(item => {
+          if (!this.selectArr.find(d => d.Id === item.Id)) {
+            this.selectArr.push(arr)
+          }
+        })
+      } else {
+        arr.forEach(item => {
+          let index = this.selectArr.indexOf(d => d.Id === item.Id)
+          if (!~index) {
+            this.selectArr.splice(index, 1)
+          }
+        })
+      }
     },
     handleSubmit() {
       this.loading = true