1

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

@@ -4,123 +4,63 @@
 <template>
   <el-form v-loading="loading">
     <!-- 仲裁对象 -->
-    <el-form-item
+    <el-form-item :label="$t('trials:adRules:title:arbitrationRule')" :label-width="'180px'">
-      :label="$t('trials:adRules:title:arbitrationRule')"
+      <el-radio-group v-model="JudgyInfo.ArbitrationRule" :disabled="OtherInfo.IsSign">
-      :label-width="'180px'"
+        <el-radio v-for="item of $d.ArbitrationRule" :key="item.id"
-    >
+          :disabled="!JudgyInfo.IsReadingTaskViewInOrder || true" :label="item.value" @change="changeArbitrationRule">
-      <el-radio-group
-        v-model="JudgyInfo.ArbitrationRule"
-        :disabled="OtherInfo.IsSign"
-      >
-        <el-radio
-          v-for="item of $d.ArbitrationRule"
-          :key="item.id"
-          :disabled="!JudgyInfo.IsReadingTaskViewInOrder || true"
-          :label="item.value"
-          @change="changeArbitrationRule"
-        >
           {{ item.label }}
         </el-radio>
       </el-radio-group>
     </el-form-item>
     <el-collapse v-model="activeNames" style="border-top:none;">
-      <el-collapse-item
+      <el-collapse-item v-for="(item, index) of QuestionList" :key="item.ReadingQuestionTrialId"
-        v-for="(item, index) of QuestionList"
+        style="position: relative;padding:0 10px;" :name="item.ReadingQuestionTrialId">
-        :key="item.ReadingQuestionTrialId"
-        style="position: relative;padding:0 10px;"
-        :name="item.ReadingQuestionTrialId"
-      >
         <div slot="title">
           {{ item.PageName }}Q{{ index + 1 }}：{{ item.QuestionName }}
         </div>
         <div style="position: relative">
-          <el-button
+          <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
-            v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+            style="position: absolute; right: 0; top: 0; z-index: 10" size="mini" type="primary"
-            style="position: absolute; right: 0; top: 0; z-index: 10"
+            :disabled="OtherInfo.IsSign" @click="apply(item.ReadingQuestionTrialId, index)">{{ $t('common:button:save')
-            size="mini"
+            }}</el-button>
-            type="primary"
+          <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
-            :disabled="OtherInfo.IsSign"
+            style="position: absolute; right: 60px; top: 0; z-index: 10" size="mini" type="primary"
-            @click="apply(item.ReadingQuestionTrialId, index)"
+            :disabled="OtherInfo.IsSign" @click="reset(item.ReadingQuestionTrialId, index)">{{ $t('common:button:reset')
-            >{{ $t('common:button:save') }}</el-button
+            }}</el-button>
-          >
-          <el-button
-            v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
-            style="position: absolute; right: 60px; top: 0; z-index: 10"
-            size="mini"
-            type="primary"
-            :disabled="OtherInfo.IsSign"
-            @click="reset(item.ReadingQuestionTrialId, index)"
-            >{{ $t('common:button:reset') }}</el-button
-          >
           <!-- 产生裁判阅片的条件 -->
-          <el-form-item
+          <el-form-item :label-width="'280px'" :label="$t('trials:adRules:title:judgeTypeEnum')" style="width: 95%">
-            :label-width="'280px'"
+            <el-radio-group v-model="QuestionList[index].JudgeType" @input="(val) => JudgeTypeChange(val, index)">
-            :label="$t('trials:adRules:title:judgeTypeEnum')"
-            style="width: 95%"
-          >
-            <el-radio-group
-              v-model="QuestionList[index].JudgeType"
-              @input="(val) => JudgeTypeChange(val, index)"
-            >
               <template v-for="item of $d.JudgeTypeEnum">
-                <el-radio
+                <el-radio style="margin-bottom: 5px" :key="item.id" :disabled="OtherInfo.IsSign ||
-                  style="margin-bottom: 5px"
-                  :key="item.id"
-                  :disabled="
-                    OtherInfo.IsSign ||
                   !hasPermi(['trials:trials-panel:setting:reading-unit:edit'])
-                  "
+                  " :label="item.value" v-if="
-                  :label="item.value"
-                  v-if="
                     item.value < 4 ||
                     (item.value > 3 &&
                       (QuestionList[index].Type === 'number' ||
                         QuestionList[index].Type === 'calculation'))
-                  "
+                  ">
-                >
                   {{ item.label }}
                 </el-radio>
               </template>
             </el-radio-group>
           </el-form-item>
         </div>
-        <div
+        <div v-if="QuestionList[index].JudgeType === 3" style="text-align: right; margin: 10px 0">
-          v-if="QuestionList[index].JudgeType === 3"
-          style="text-align: right; margin: 10px 0"
-        >
           <!-- 添加规则 -->
-          <el-button
+          <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" size="mini" type="primary"
-            v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+            :disabled="OtherInfo.IsSign" @click="addGroup(index, null)">{{ $t('trials:adRules:button:addRule')
-            size="mini"
+            }}</el-button>
-            type="primary"
-            :disabled="OtherInfo.IsSign"
-            @click="addGroup(index, null)"
-            >{{ $t('trials:adRules:button:addRule') }}</el-button
-          >
         </div>
-        <el-table
+        <el-table v-if="QuestionList[index].JudgeType === 3" v-loading="loading"
-          v-if="QuestionList[index].JudgeType === 3"
+          :data="QuestionList[index].AnswerGroupList" border stripe>
-          v-loading="loading"
-          :data="QuestionList[index].AnswerGroupList"
-          border
-          stripe
-        >
           <!-- 序号 -->
-          <el-table-column
+          <el-table-column prop="AnswerGroupA" :label="$t('trials:adRules:title:order')" width="160">
-            prop="AnswerGroupA"
-            :label="$t('trials:adRules:title:order')"
-            width="160"
-          >
             <template slot-scope="scope">
               {{ scope.$index + 1 }}
             </template>
           </el-table-column>
           <!-- 阅片人A -->
-          <el-table-column
+          <el-table-column prop="AnswerGroupA" :label="$t('trials:adRules:title:answerGroupA')" min-width="100">
-            prop="AnswerGroupA"
-            :label="$t('trials:adRules:title:answerGroupA')"
-            min-width="100"
-          >
             <template slot-scope="scope">
               {{
                 QuestionList[index].QuestionGenre === 3
@@ -132,11 +72,7 @@
             </template>
           </el-table-column>
           <!-- 阅片人B -->
-          <el-table-column
+          <el-table-column prop="AnswerGroupB" :label="$t('trials:adRules:title:answerGroupB')" min-width="100">
-            prop="AnswerGroupB"
-            :label="$t('trials:adRules:title:answerGroupB')"
-            min-width="100"
-          >
             <template slot-scope="scope">
               {{
                 QuestionList[index].QuestionGenre === 3
@@ -147,83 +83,48 @@
               }}
             </template>
           </el-table-column>
-          <el-table-column
+          <el-table-column prop="AnswerGroupB" :label="$t('common:action:action')" min-width="80">
-            prop="AnswerGroupB"
-            :label="$t('common:action:action')"
-            min-width="80"
-          >
             <template slot-scope="scope">
               <!-- 编辑 -->
-              <el-button
+              <el-button icon="el-icon-edit" circle :title="$t('common:button:edit')" size="mini"
-                icon="el-icon-edit"
+                :disabled="OtherInfo.IsSign" @click="addGroup(index, scope.$index)" />
-                circle
-                :title="$t('common:button:edit')"
-                size="mini"
-                :disabled="OtherInfo.IsSign"
-                @click="addGroup(index, scope.$index)"
-              />
               <!-- 删除 -->
-              <el-button
+              <el-button icon="el-icon-delete" circle :title="$t('common:button:delete')" size="mini"
-                icon="el-icon-delete"
+                :disabled="OtherInfo.IsSign" @click="tagClose(index, scope.$index)" />
-                circle
-                :title="$t('common:button:delete')"
-                size="mini"
-                :disabled="OtherInfo.IsSign"
-                @click="tagClose(index, scope.$index)"
-              />
             </template>
           </el-table-column>
         </el-table>
         <div v-if="QuestionList[index].JudgeType === 2">
-          <div
+          <div style="
-            style="
               background: #f6f6f6;
               border-radius: 20px;
               padding: 15px 20px;
               margin-top: 10px;
-            "
+            ">
-          >
+            <el-checkbox-group v-if="QuestionList[index].QuestionGenre === 3" v-model="QuestionList[index].grouping">
-            <el-checkbox-group
-              v-if="QuestionList[index].QuestionGenre === 3"
-              v-model="QuestionList[index].grouping"
-            >
               <template v-for="item of $d[QuestionList[index].DictionaryCode]">
-                <el-checkbox
+                <el-checkbox v-if="item.value !== -1" :key="item.id" :disabled="OtherInfo.IsSign" :label="item.value">{{
-                  v-if="item.value !== -1"
+                  item.label }}</el-checkbox>
-                  :key="item.id"
-                  :disabled="OtherInfo.IsSign"
-                  :label="item.value"
-                  >{{ item.label }}</el-checkbox
-                >
               </template>
             </el-checkbox-group>
             <el-checkbox-group v-else v-model="QuestionList[index].grouping">
-              <el-checkbox
+              <el-checkbox v-for="item of item.TypeValue.split('|')" :key="item" :disabled="OtherInfo.IsSign"
-                v-for="item of item.TypeValue.split('|')"
+                :label="item">{{
-                :key="item"
+                item }}</el-checkbox>
-                :disabled="OtherInfo.IsSign"
-                :label="item"
-                >{{ item }}</el-checkbox
-              >
             </el-checkbox-group>
             <div style="margin-top: 20px">
               <!-- 当前选择答案分组: -->
               {{ $t('trials:adRules:title:selectAnswerGroup') }}
-              <el-tag
+              <el-tag v-if="
-                v-if="
                 QuestionList[index].grouping.length > 0 &&
                 QuestionList[index].QuestionGenre !== 3
-                "
+              ">{{
-                >{{
                   QuestionList[index].grouping.toString().replaceAll(',', '|')
-                }}</el-tag
+                }}</el-tag>
-              >
+              <el-tag v-if="
-              <el-tag
-                v-if="
                 QuestionList[index].grouping.length > 0 &&
                 QuestionList[index].QuestionGenre === 3
-                "
+              ">{{
-                >{{
                   QuestionList[index].grouping
                     .map(
                       (v) =>
@@ -233,54 +134,31 @@
                     )
                     .toString()
                     .replaceAll(',', '|')
-                }}</el-tag
+                }}</el-tag>
-              >
+              <el-button size="mini" type="primary" :disabled="OtherInfo.IsSign" @click="addGroup2(index)">
-              <el-button
-                size="mini"
-                type="primary"
-                :disabled="OtherInfo.IsSign"
-                @click="addGroup2(index)"
-              >
                 <!-- 添加分组 -->
                 {{ $t('trials:adRules:title:addGroup') }}
               </el-button>
             </div>
           </div>
-          <div
+          <div v-if="QuestionList[index].QuestionGenre !== 3" style="margin-top: 20px">
-            v-if="QuestionList[index].QuestionGenre !== 3"
-            style="margin-top: 20px"
-          >
             {{ $t('trials:adRules:title:group') }}
-            <el-tag
+            <el-tag v-for="itemA of QuestionList[index].AnswerGroup2List" :key="itemA" closable
-              v-for="itemA of QuestionList[index].AnswerGroup2List"
+              style="margin-right: 10px" @close="
-              :key="itemA"
-              closable
-              style="margin-right: 10px"
-              @close="
                 () => {
                   return tagClose2(index, indexA)
                 }
-              "
+              ">{{ itemA }}</el-tag>
-              >{{ itemA }}</el-tag
-            >
           </div>
-          <div
+          <div v-if="QuestionList[index].QuestionGenre === 3" style="margin-top: 20px">
-            v-if="QuestionList[index].QuestionGenre === 3"
-            style="margin-top: 20px"
-          >
             <!-- 分组: -->
             {{ $t('trials:adRules:title:group') }}
-            <el-tag
+            <el-tag v-for="itemA of QuestionList[index].AnswerGroup2List" :key="itemA" closable
-              v-for="itemA of QuestionList[index].AnswerGroup2List"
+              style="margin-right: 10px" @close="
-              :key="itemA"
-              closable
-              style="margin-right: 10px"
-              @close="
                 () => {
                   return tagClose2(index, indexA)
                 }
-              "
+              ">
-            >
               {{
                 itemA
                   .split('|')
@@ -292,58 +170,31 @@
             </el-tag>
           </div>
         </div>
-        <div
+        <div v-if="
-          v-if="
           QuestionList[index].JudgeType === 4 ||
           QuestionList[index].JudgeType === 5
-          "
+        ">
-        >
+          <el-form :inline="true" :model="QuestionList[index]" class="demo-form-inline" :ref="'JudgeDifferenceValue' + QuestionList[index].JudgeType + index
-          <el-form
+            " :rules="JudgeDifferenceValueQRules">
-            :inline="true"
+            <el-form-item :label="$t(
-            :model="QuestionList[index]"
-            class="demo-form-inline"
-            :ref="
-              'JudgeDifferenceValue' + QuestionList[index].JudgeType + index
-            "
-            :rules="JudgeDifferenceValueQRules"
-          >
-            <el-form-item
-              :label="
-                $t(
               `trials:trials-panel:setting:reading-unit:JudgeDifferenceType`
             )
-              "
+              " prop="JudgeDifferenceType">
-              prop="JudgeDifferenceType"
+              <el-select v-model="QuestionList[index].JudgeDifferenceType" placeholder="请选择"
-            >
+                :disabled="OtherInfo.IsSign">
-              <el-select
+                <el-option v-for="item of $d.JudgeDifferenceType" :key="item.id" :label="item.label"
-                v-model="QuestionList[index].JudgeDifferenceType"
+                  :value="item.value">
-                placeholder="请选择"
-                :disabled="OtherInfo.IsSign"
-              >
-                <el-option
-                  v-for="item of $d.JudgeDifferenceType"
-                  :key="item.id"
-                  :label="item.label"
-                  :value="item.value"
-                >
                 </el-option>
               </el-select>
             </el-form-item>
-            <el-form-item
+            <el-form-item :label="$t(
-              :label="
-                $t(
               `trials:trials-panel:setting:reading-unit:JudgeDifferenceValue${QuestionList[index].JudgeType}`
             )
-              "
+              " prop="JudgeDifferenceValue">
-              prop="JudgeDifferenceValue"
-            >
               <div style="display: flex">
-                <el-input
+                <el-input v-model="QuestionList[index].JudgeDifferenceValue" clearable
-                  v-model="QuestionList[index].JudgeDifferenceValue"
+                  :disabled="OtherInfo.IsSign"></el-input>
-                  clearable
+                <span style="margin-left: 10px" v-if="QuestionList[index].JudgeType !== 5">{{
-                  :disabled="OtherInfo.IsSign"
-                ></el-input>
-                <span style="margin-left: 10px">{{
                   $fd('ValueUnit', QuestionList[index].Unit)
                 }}</span>
               </div>
@@ -355,124 +206,62 @@
     <!--      </el-tab-pane>-->
     <!--    </el-tabs>-->
     <!-- 选择答案 -->
-    <el-dialog
+    <el-dialog v-if="QuestionVisible" :title="$t('trials:adRules:title:selectAnswer')" :visible.sync="QuestionVisible"
-      v-if="QuestionVisible"
+      width="800px" :close-on-click-modal="false" custom-class="base-dialog-wrapper" append-to-body>
-      :title="$t('trials:adRules:title:selectAnswer')"
-      :visible.sync="QuestionVisible"
-      width="800px"
-      :close-on-click-modal="false"
-      custom-class="base-dialog-wrapper"
-      append-to-body
-    >
       <div class="base-dialog-body">
         <!-- 阅片人A -->
-        <el-form-item
+        <el-form-item label-width="110px" :label="$t('trials:adRules:title:answerGroupA')">
-          label-width="110px"
-          :label="$t('trials:adRules:title:answerGroupA')"
-        >
           <el-checkbox-group v-model="QuestionList[selectIndex].groupingA">
-            <template
+            <template v-for="item of QuestionList[selectIndex].TypeValue.split('|')">
-              v-for="item of QuestionList[selectIndex].TypeValue.split('|')"
+              <el-checkbox v-if="QuestionList[selectIndex].QuestionGenre !== 3" :key="item" :label="item" :disabled="QuestionList[selectIndex].groupingB.length
-            >
-              <el-checkbox
-                v-if="QuestionList[selectIndex].QuestionGenre !== 3"
-                :key="item"
-                :label="item"
-                :disabled="
-                  QuestionList[selectIndex].groupingB.length
                   ? ~QuestionList[selectIndex].groupingB.indexOf(item)
                   : false
-                "
+                ">{{ item }}</el-checkbox>
-                >{{ item }}</el-checkbox
-              >
             </template>
-            <template
+            <template v-for="item of $d[QuestionList[selectIndex].DictionaryCode]">
-              v-for="item of $d[QuestionList[selectIndex].DictionaryCode]"
+              <el-checkbox v-if="
-            >
-              <el-checkbox
-                v-if="
                 QuestionList[selectIndex].QuestionGenre === 3 &&
                 item.value !== -1
-                "
+              " :key="item.id" :label="item.value" :disabled="QuestionList[selectIndex].groupingB.length
-                :key="item.id"
-                :label="item.value"
-                :disabled="
-                  QuestionList[selectIndex].groupingB.length
                     ? ~QuestionList[selectIndex].groupingB.indexOf(item.value)
                     : false
-                "
+                  ">{{ item.label }}</el-checkbox>
-                >{{ item.label }}</el-checkbox
-              >
             </template>
           </el-checkbox-group>
         </el-form-item>
         <!-- 阅片人B -->
-        <el-form-item
+        <el-form-item label-width="110px" :label="$t('trials:adRules:title:answerGroupB')">
-          label-width="110px"
-          :label="$t('trials:adRules:title:answerGroupB')"
-        >
           <el-checkbox-group v-model="QuestionList[selectIndex].groupingB">
-            <template
+            <template v-for="item of QuestionList[selectIndex].TypeValue.split('|')">
-              v-for="item of QuestionList[selectIndex].TypeValue.split('|')"
+              <el-checkbox v-if="QuestionList[selectIndex].QuestionGenre !== 3" :key="item" :label="item" :disabled="QuestionList[selectIndex].groupingA.length
-            >
-              <el-checkbox
-                v-if="QuestionList[selectIndex].QuestionGenre !== 3"
-                :key="item"
-                :label="item"
-                :disabled="
-                  QuestionList[selectIndex].groupingA.length
                   ? ~QuestionList[selectIndex].groupingA.indexOf(item)
                   : false
-                "
+                ">{{ item }}</el-checkbox>
-                >{{ item }}</el-checkbox
-              >
             </template>
-            <template
+            <template v-for="item of $d[QuestionList[selectIndex].DictionaryCode]">
-              v-for="item of $d[QuestionList[selectIndex].DictionaryCode]"
+              <el-checkbox v-if="
-            >
-              <el-checkbox
-                v-if="
                 QuestionList[selectIndex].QuestionGenre === 3 &&
                 item.value !== -1
-                "
+              " :key="item.id" :label="item.value" :disabled="QuestionList[selectIndex].groupingA.length
-                :key="item.id"
-                :label="item.value"
-                :disabled="
-                  QuestionList[selectIndex].groupingA.length
                     ? ~QuestionList[selectIndex].groupingA.indexOf(item.value)
                     : false
-                "
+                  ">{{ item.label }}</el-checkbox>
-                >{{ item.label }}</el-checkbox
-              >
             </template>
           </el-checkbox-group>
         </el-form-item>
       </div>
-      <div
+      <div class="base-dialog-footer" style="text-align: right; margin-top: 10px">
-        class="base-dialog-footer"
-        style="text-align: right; margin-top: 10px"
-      >
         <!-- 取消 -->
-        <el-button
+        <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" :disabled="btnLoading" size="small"
-          v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+          type="primary" @click="
-          :disabled="btnLoading"
-          size="small"
-          type="primary"
-          @click="
             QuestionVisible = false
           $set(QuestionList[selectIndex], 'groupingA', [])
           $set(QuestionList[selectIndex], 'groupingB', [])
-          "
+            ">
-        >
           {{ $t('common:button:cancel') }}
         </el-button>
-        <el-button
+        <el-button v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']" :disabled="btnLoading" size="small"
-          v-hasPermi="['trials:trials-panel:setting:reading-unit:edit']"
+          type="primary" @click="save">
-          :disabled="btnLoading"
-          size="small"
-          type="primary"
-          @click="save"
-        >
           {{ $t('common:button:save') }}
         </el-button>
       </div>