阅片分配-分配规则页面，只需要显示当前标准的阅片类型

src/views/trials/trials-panel/reading/read-task-allocation/index.vue

@@ -2,18 +2,15 @@
 <template>
   <BaseContainer class="read-task-allocation">
     <el-tabs type="border-card" v-model="TrialReadingCriterionId">
-      <el-tab-pane :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId" v-for="i of trialCriterionList" :key="i.TrialReadingCriterionId">
+      <el-tab-pane :label="i.TrialReadingCriterionName" :name="i.TrialReadingCriterionId"
+        v-for="i of trialCriterionList" :key="i.TrialReadingCriterionId">
         <div v-if="TrialReadingCriterionId === i.TrialReadingCriterionId">
           <div slot="search-container">
             <el-form :inline="true">
               <el-form-item :label="$t('trials:reviewAssign:table:siteCode')">
                 <el-select v-model="searchData.TrialSiteId" clearable filterable style="width:240px;">
-                  <el-option
+                  <el-option v-for="(item, index) of siteOptions" :key="'taskSearchData' + index"
-                    v-for="(item,index) of siteOptions"
+                    :label="item.TrialSiteCode" :value="item.TrialSiteId" />
-                    :key="'taskSearchData' + index"
-                    :label="item.TrialSiteCode"
-                    :value="item.TrialSiteId"
-                  />
                 </el-select>
               </el-form-item>
               <!-- 受试者编号 -->
@@ -23,20 +20,22 @@
               <!-- 阅片人 -->
               <el-form-item :label="$t('trials:reviewAssign:searchForm:reader')">
                 <el-select v-model="searchData.DoctorUserId" clearable style="width:240px;">
-                  <el-option v-for="item of DoctorUserList" :key="'taskSearchData' + item.DoctorUserId" :value="item.DoctorUserId" :label="`${item.UserName}(${item.FullName})`" />
+                  <el-option v-for="item of DoctorUserList" :key="'taskSearchData' + item.DoctorUserId"
+                    :value="item.DoctorUserId" :label="`${item.UserName}(${item.FullName})`" />
                 </el-select>
               </el-form-item>
-                <!-- 分配状态 -->
+              <!-- 分配状态 -->
               <el-form-item :label="$t('trials:reviewAssign:searchForm:status')">
                 <el-select v-model="searchData.SubjectAllocateState" clearable style="width:240px;">
-                  <el-option v-for="item of $d.SubjectAllocateState" :key=" item.id" :value="item.value" :label="item.label" />
+                  <el-option v-for="item of $d.SubjectAllocateState" :key="item.id" :value="item.value"
+                    :label="item.label" />
                 </el-select>
               </el-form-item>
-                <!-- 分配角色 -->
+              <!-- 分配角色 -->
               <el-form-item :label="$t('trials:reviewAssign:searchForm:role')">
                 <el-select v-model="searchData.ArmList" clearable style="width:240px;" multiple>
                   <template v-for="item of $d.ArmEnum">
-                    <el-option  :key="item.id" :value="item.value" :label="item.label" v-if="item.label!=='GR'"/>
+                    <el-option :key="item.id" :value="item.value" :label="item.label" v-if="item.label !== 'GR'" />
                   </template>
                 </el-select>
               </el-form-item>
@@ -50,11 +49,14 @@
                   {{ $t('common:button:reset') }}
                 </el-button>
                 <!-- 分配规则 -->
-                <el-button type="primary" icon="el-icon-edit-outline" v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']" @click="openAllocationConfigVisible">
+                <el-button type="primary" icon="el-icon-edit-outline"
+                  v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']"
+                  @click="openAllocationConfigVisible">
                   {{ $t('trials:reviewAssign:button:assignRules') }}
                 </el-button>
                 <!-- 手动分配 -->
-                <el-button type="primary" :loading="btnLoading" v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']" @click="manualAllocation()">
+                <el-button type="primary" :loading="btnLoading"
+                  v-hasPermi="['trials:trials-panel:reading:readTaskAllocation:edit']" @click="manualAllocation()">
                   {{ $t('trials:reviewAssign:button:manualAllocation') }}
                 </el-button>
                 <!-- 访视、全局、肿瘤学阅片任务 -->
@@ -63,320 +65,216 @@
                 </el-button>
                 <!-- 裁判阅片任务 -->
                 <el-button type="primary" :loading="btnLoading" @click="openAllocation('referee')">
-                  {{$t('trials:reviewAssign:button:adReadingTasks')}}
+                  {{ $t('trials:reviewAssign:button:adReadingTasks') }}
                 </el-button>
               </el-form-item>
             </el-form>
           </div>
           <div slot="main-container">
-            <el-table
+            <el-table :ref="TrialReadingCriterionId" v-loading="loading" v-adaptive="{ bottomOffset: 85 }" border
-              :ref="TrialReadingCriterionId"
+              :data="list" stripe height="100" @selection-change="handleSubjectAssignListSelectChange"
-              v-loading="loading"
+              @sort-change="handleSortChange">
-              v-adaptive="{bottomOffset:85}"
-              border
-              :data="list"
-              stripe
-              height="100"
-              @selection-change="handleSubjectAssignListSelectChange"
-              @sort-change="handleSortChange"
-            >
               <el-table-column type="selection" align="left" width="45" />
               <!-- 中心编号 -->
-              <el-table-column
+              <el-table-column prop="TrialSiteCode" :label="$t('trials:reviewAssign:table:siteCode')" width="140"
-                prop="TrialSiteCode"
+                show-overflow-tooltip sortable="custom" />
-                :label="$t('trials:reviewAssign:table:siteCode')"
-                width="140"
-                show-overflow-tooltip
-                sortable="custom"
-              />
               <!-- 受试者编号 -->
-              <el-table-column
+              <el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:subjectCode')" width="140"
-                prop="SubjectCode"
+                show-overflow-tooltip sortable="custom" />
-                :label="$t('trials:reviewAssign:table:subjectCode')"
-                width="140"
-                show-overflow-tooltip
-                sortable="custom"
-              />
               <!-- 访视 -->
-              <el-table-column
+              <el-table-column prop="VisitTaskTypeCount" :label="$t('trials:reviewAssign:table:visit')" width="140"
-                prop="VisitTaskTypeCount"
+                show-overflow-tooltip sortable="custom">
-                :label="$t('trials:reviewAssign:table:visit')"
-                width="140"
-                show-overflow-tooltip
-                sortable="custom"
-              >
                 <template slot-scope="scope">
-                  <span @click="openAllocation('task', 1, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.VisitTaskTypeCount}}</span>
+                  <span @click="openAllocation('task', 1, scope.row.SubjectCode)"
+                    style="color:#428bca;cursor: pointer">{{ scope.row.VisitTaskTypeCount }}</span>
                 </template>
               </el-table-column>
               <!-- 全局 -->
-              <el-table-column
+              <el-table-column prop="GlobalTaskTypeCount" :label="$t('trials:reviewAssign:table:global')" width="140"
-                prop="GlobalTaskTypeCount"
+                show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsGlobalReading" sortable="custom">
-                :label="$t('trials:reviewAssign:table:global')"
-                width="140"
-                show-overflow-tooltip
-                v-if="OtherInfo && OtherInfo.IsGlobalReading"
-                sortable="custom"
-              >
                 <template slot-scope="scope">
-                  <span @click="openAllocation('task', 2, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.GlobalTaskTypeCount}}</span>
+                  <span @click="openAllocation('task', 2, scope.row.SubjectCode)"
+                    style="color:#428bca;cursor: pointer">{{ scope.row.GlobalTaskTypeCount }}</span>
                 </template>
               </el-table-column>
               <!-- 裁判 -->
-              <el-table-column
+              <el-table-column prop="JudgeTaskTypeCount" :label="$t('trials:reviewAssign:table:ad')" width="140"
-                prop="JudgeTaskTypeCount"
+                show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2"
-                :label="$t('trials:reviewAssign:table:ad')"
+                sortable="custom">
-                width="140"
-                show-overflow-tooltip
-                v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2"
-                sortable="custom"
-              >
                 <template slot-scope="scope">
-                  <span @click="openAllocation('referee', 4, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.JudgeTaskTypeCount}}</span>
+                  <span @click="openAllocation('referee', 4, scope.row.SubjectCode)"
+                    style="color:#428bca;cursor: pointer">{{ scope.row.JudgeTaskTypeCount }}</span>
                 </template>
               </el-table-column>
               <!-- 肿瘤学 -->
-              <el-table-column
+              <el-table-column prop="OncologyTaskTypeCount" :label="$t('trials:reviewAssign:table:oncology')"
-                prop="OncologyTaskTypeCount"
+                width="140" show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsOncologyReading" sortable="custom">
-                :label="$t('trials:reviewAssign:table:oncology')"
-                width="140"
-                show-overflow-tooltip
-                v-if="OtherInfo && OtherInfo.IsOncologyReading"
-                sortable="custom"
-              >
                 <template slot-scope="scope">
-                  <span @click="openAllocation('task', 5, scope.row.SubjectCode)" style="color:#428bca;cursor: pointer">{{scope.row.OncologyTaskTypeCount}}</span>
+                  <span @click="openAllocation('task', 5, scope.row.SubjectCode)"
+                    style="color:#428bca;cursor: pointer">{{ scope.row.OncologyTaskTypeCount }}</span>
                 </template>
               </el-table-column>
               <!-- 阅片人（R1） -->
-              <el-table-column
+              <el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:r1')" min-width="100"
-                prop="SubjectCode"
+                show-overflow-tooltip v-if="ReadingType === 1">
-                :label="$t('trials:reviewAssign:table:r1')"
-                min-width="100"
-                show-overflow-tooltip
-                v-if="ReadingType === 1"
-              >
                 <template slot-scope="scope">
-                  <div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
+                  <div v-if="scope.row.NowDoctorUserList.length"
+                    style="display: flex;justify-content: left;align-items: center">
                     <el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser">
-                      {{ `${findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser.FullName})` }}
+                      {{ `${findDoctorUser(scope.row.NowDoctorUserList,
+                        0).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 0).DoctorUser.FullName})` }}
                     </el-tag>
                   </div>
                 </template>
               </el-table-column>
               <!-- 阅片人（R1） -->
-              <el-table-column
+              <el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:r1')" min-width="100"
-                prop="SubjectCode"
+                show-overflow-tooltip v-if="ReadingType === 2">
-                :label="$t('trials:reviewAssign:table:r1')"
-                min-width="100"
-                show-overflow-tooltip
-                v-if="ReadingType === 2"
-              >
                 <template slot-scope="scope">
-                  <div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
+                  <div v-if="scope.row.NowDoctorUserList.length"
+                    style="display: flex;justify-content: left;align-items: center">
                     <el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser">
-                      {{ `${findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser.FullName})` }}
+                      {{ `${findDoctorUser(scope.row.NowDoctorUserList,
+                        1).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 1).DoctorUser.FullName})` }}
                     </el-tag>
                   </div>
                 </template>
               </el-table-column>
               <!-- 阅片人（R2） -->
-              <el-table-column
+              <el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:r2')" min-width="100"
-                prop="SubjectCode"
+                show-overflow-tooltip v-if="ReadingType === 2">
-                :label="$t('trials:reviewAssign:table:r2')"
-                min-width="100"
-                show-overflow-tooltip
-                v-if="ReadingType === 2"
-              >
                 <template slot-scope="scope">
-                  <div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
+                  <div v-if="scope.row.NowDoctorUserList.length"
+                    style="display: flex;justify-content: left;align-items: center">
                     <el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser">
-                      {{ `${findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser.FullName})` }}
+                      {{ `${findDoctorUser(scope.row.NowDoctorUserList,
+                        2).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 2).DoctorUser.FullName})` }}
                     </el-tag>
                   </div>
                 </template>
               </el-table-column>
               <!-- 裁判(AD) -->
-              <el-table-column
+              <el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:ad')" min-width="100"
-                prop="SubjectCode"
+                show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2">
-                :label="$t('trials:reviewAssign:table:ad')"
-                min-width="100"
-                show-overflow-tooltip
-                v-if="OtherInfo && OtherInfo.IsArbitrationReading && ReadingType === 2"
-              >
                 <template slot-scope="scope">
-                  <div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
+                  <div v-if="scope.row.NowDoctorUserList.length"
+                    style="display: flex;justify-content: left;align-items: center">
                     <el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser">
-                      {{ `${findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser.FullName})` }}
+                      {{ `${findDoctorUser(scope.row.NowDoctorUserList,
+                        3).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 3).DoctorUser.FullName})` }}
                     </el-tag>
                   </div>
                 </template>
               </el-table-column>
               <!-- 肿瘤阅片人（O1） -->
-              <el-table-column
+              <el-table-column prop="SubjectCode" :label="$t('trials:reviewAssign:table:o1')" min-width="100"
-                prop="SubjectCode"
+                show-overflow-tooltip v-if="OtherInfo && OtherInfo.IsOncologyReading">
-                :label="$t('trials:reviewAssign:table:o1')"
-                min-width="100"
-                show-overflow-tooltip
-                v-if="OtherInfo && OtherInfo.IsOncologyReading"
-              >
                 <template slot-scope="scope">
-                  <div v-if="scope.row.NowDoctorUserList.length" style="display: flex;justify-content: left;align-items: center">
+                  <div v-if="scope.row.NowDoctorUserList.length"
+                    style="display: flex;justify-content: left;align-items: center">
                     <el-tag v-if="findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser">
-                      {{ `${findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser.FullName})` }}
+                      {{ `${findDoctorUser(scope.row.NowDoctorUserList,
+                        4).DoctorUser.UserName}(${findDoctorUser(scope.row.NowDoctorUserList, 4).DoctorUser.FullName})` }}
                     </el-tag>
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column
+              <el-table-column prop="" :label="$t('common:action:action')" width="180" show-overflow-tooltip
-                prop=""
+                v-if="hasPermi(['trials:trials-panel:reading:readTaskAllocation:edit'])">
-                :label="$t('common:action:action')"
-                width="180"
-                show-overflow-tooltip
-                v-if="hasPermi(['trials:trials-panel:reading:readTaskAllocation:edit'])"
-              >
                 <template slot-scope="scope">
                   <!-- 手动分配 -->
-                  <el-button
+                  <el-button circle :disabled="scope.row.NowDoctorUserList.length === 4" icon="el-icon-thumb"
-                    circle
-                    :disabled="scope.row.NowDoctorUserList.length === 4"
-                    icon="el-icon-thumb"
                     :title="$t('trials:reviewAssign:tableAction:manualAssignment')"
-                    @click="manualAllocation(scope.row)"
+                    @click="manualAllocation(scope.row)" />
-                  />
                   <!-- 清除阅片人 -->
-                  <el-button
+                  <el-button circle :disabled="scope.row.NowDoctorUserList.length === 0" icon="el-icon-close"
-                    circle
+                    :title="$t('trials:reviewAssign:tableAction:clearReaders')" @click="openClearAudience(scope.row)" />
-                    :disabled="scope.row.NowDoctorUserList.length === 0"
-                    icon="el-icon-close"
-                    :title="$t('trials:reviewAssign:tableAction:clearReaders')"
-                    @click="openClearAudience(scope.row)"
-                  />
                   <!-- 查看取消历史 -->
-                  <el-button
+                  <el-button circle icon="el-icon-document-copy"
-                    circle
-                    icon="el-icon-document-copy"
                     :title="$t('trials:reviewAssign:tableAction:viewHistory')"
-                    @click="openSubjectCancelDoctorHistoryList(scope.row)"
+                    @click="openSubjectCancelDoctorHistoryList(scope.row)" />
-                  />
                 </template>
               </el-table-column>
             </el-table>
-            <pagination style="text-align: right;margin-top: 10px;" class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+            <pagination style="text-align: right;margin-top: 10px;" class="page" :total="total"
+              :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
             <!-- 分配规则 -->
-            <el-dialog
+            <el-dialog :title="$t('trials:reviewAssign:dialog:allocationRules')" :visible.sync="AllocationConfigVisible"
-              :title="$t('trials:reviewAssign:dialog:allocationRules')"
+              width="1400px" :close-on-click-modal="false" custom-class="base-dialog-wrapper">
-              :visible.sync="AllocationConfigVisible"
-              width="1400px"
-              :close-on-click-modal="false"
-              custom-class="base-dialog-wrapper"
-            >
               <div class="base-dialog-body" style="position: relative;">
                 <!-- 阅片人列表 -->
                 <el-divider content-position="left" style="margin-bottom: 40px;">
-                  {{$t('trials:reviewAssign:allocationRules:title:readersList')}}
+                  {{ $t('trials:reviewAssign:allocationRules:title:readersList') }}
                 </el-divider>
-                <el-form
+                <el-form style="margin-top: 40px" ref="signForm" size="small" label-width="0px">
-                  style="margin-top: 40px"
-                  ref="signForm"
-                  size="small"
-                  label-width="0px"
-                >
                   <el-form-item>
-                    <el-table
+                    <el-table v-loading="loading" border :data="TaskAllocationRuleList" stripe>
-                      v-loading="loading"
+                      <!-- 阅片人 -->
-                      border
+                      <el-table-column prop="DoctorUser.UserName"
-                      :data="TaskAllocationRuleList"
+                        :label="$t('trials:reviewAssign:allocationRules:table:reader')" min-width="180"
-                      stripe
+                        show-overflow-tooltip>
-                    >
-                    <!-- 阅片人 -->
-                      <el-table-column
-                        prop="DoctorUser.UserName"
-                        :label="$t('trials:reviewAssign:allocationRules:table:reader')"
-                        min-width="180"
-                        show-overflow-tooltip
-                      >
                         <template slot-scope="scope">
                           {{ `${scope.row.DoctorUser.UserName}(${scope.row.DoctorUser.FullName})` }}
                         </template>
                       </el-table-column>
                       <!-- 计划受试者数量 -->
-                      <el-table-column
+                      <el-table-column prop="PlanSubjectCount"
-                        prop="PlanSubjectCount"
+                        :label="$t('trials:reviewAssign:allocationRules:table:plannedCount')" min-width="130"
-                        :label="$t('trials:reviewAssign:allocationRules:table:plannedCount')"
+                        show-overflow-tooltip />
-                        min-width="130"
-                        show-overflow-tooltip
-                      />
                       <!-- 阅片类型 -->
-                      <el-table-column
+                      <el-table-column prop="ReadingCategorys"
-                        prop="ReadingCategorys"
                         :label="$t('trials:reviewAssign:allocationRules:table:readingType')"
-                        :width="360 * TrialReadingCriterionList.length"
+                        :width="360 * TrialReadingCriterionList.length" show-overflow-tooltip>
-                        show-overflow-tooltip
+                        <template v-for="ite of TrialReadingCriterionList">
-                      >
+                          <el-table-column :label="ite.TrialReadingCriterionName" :key="ite.TrialReadingCriterionId"
-                        <el-table-column
+                            v-if="TrialReadingCriterionId === ite.TrialReadingCriterionId" width="260"
-                          v-for="ite of TrialReadingCriterionList"
+                            show-overflow-tooltip>
-                          :label="ite.TrialReadingCriterionName"
+                            <template slot-scope="scope">
-                          :key="ite.TrialReadingCriterionId"
+                              <span
-                          width="260"
+                                v-for="item of scope.row.CriterionCategoryList.find(v => { return v.TrialReadingCriterionId === ite.TrialReadingCriterionId }) ? scope.row.CriterionCategoryList.find(v => { return v.TrialReadingCriterionId === ite.TrialReadingCriterionId }).ReadingCategorys : []"
-                          show-overflow-tooltip
+                                :key="item">
-                        >
+                                <el-tag v-if="item === 1" type="primary">{{ $fd('ReadingCategory', item) + ' & ' +
-                          <template slot-scope="scope">
+                                  $fd('ReadingCategory', 2) }}</el-tag>
-                        <span v-for="item of scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}) ? scope.row.CriterionCategoryList.find(v => {return v.TrialReadingCriterionId === ite.TrialReadingCriterionId}).ReadingCategorys : []"  :key="item">
+                                <!--              <el-tag v-if="item === 2" type="info">{{ $fd('ReadingCategory', item) }}</el-tag>-->
-                          <el-tag v-if="item === 1" type="primary">{{ $fd('ReadingCategory', item) + ' & ' + $fd('ReadingCategory', 2) }}</el-tag>
+                                <el-tag v-if="item === 4" type="danger">{{ $fd('ReadingCategory', item) }}</el-tag>
-                          <!--              <el-tag v-if="item === 2" type="info">{{ $fd('ReadingCategory', item) }}</el-tag>-->
+                                <el-tag v-if="item === 5" type="warning">{{ $fd('ReadingCategory', item) }}</el-tag>
-                          <el-tag v-if="item === 4" type="danger">{{ $fd('ReadingCategory', item) }}</el-tag>
+                              </span>
-                          <el-tag v-if="item === 5" type="warning">{{ $fd('ReadingCategory', item) }}</el-tag>
+                            </template>
-                        </span>
+                          </el-table-column>
-                          </template>
+                        </template>
-                        </el-table-column>
                       </el-table-column>
                       <!-- 状态 -->
-                      <el-table-column
+                      <el-table-column prop="IsEnable" :label="$t('trials:reviewAssign:allocationRules:table:status')"
-                        prop="IsEnable"
+                        min-width="80" show-overflow-tooltip>
-                        :label="$t('trials:reviewAssign:allocationRules:table:status')"
-                        min-width="80"
-                        show-overflow-tooltip
-                      >
                         <template slot-scope="scope">
-                          <el-tag v-if="!scope.row.IsEnable" type="danger">{{ $fd('IsEnable', scope.row.IsEnable) }}</el-tag>
+                          <el-tag v-if="!scope.row.IsEnable" type="danger">{{ $fd('IsEnable', scope.row.IsEnable)
+                          }}</el-tag>
                           <el-tag v-else>{{ $fd('IsEnable', scope.row.IsEnable) }}</el-tag>
                         </template>
                       </el-table-column>
                       <!-- 备注 -->
-                      <el-table-column
+                      <el-table-column prop="Note" :label="$t('trials:reviewAssign:allocationRules:table:remark')"
-                        prop="Note"
+                        min-width="100" show-overflow-tooltip />
-                        :label="$t('trials:reviewAssign:allocationRules:table:remark')"
+                      <el-table-column fixed="right" :label="$t('common:action:action')" width="80">
-                        min-width="100"
-                        show-overflow-tooltip
-                      />
-                      <el-table-column
-                        fixed="right"
-                        :label="$t('common:action:action')"
-                        width="80"
-                      >
                         <template slot-scope="scope">
                           <!-- 编辑 -->
-                          <el-button
+                          <el-button circle icon="el-icon-edit-outline" :title="$t('common:button:edit')"
-                            circle
+                            @click="addOrEdit(scope.row)" />
-                            icon="el-icon-edit-outline"
-                            :title="$t('common:button:edit')"
-                            @click="addOrEdit(scope.row)"
-                          />
                         </template>
                       </el-table-column>
                     </el-table>
                   </el-form-item>
                   <!-- 后续分配规则 -->
                   <el-divider content-position="left">
-                    {{$t('trials:reviewAssign:allocationRules:title:subsequentAllocationRules')}}
+                    {{ $t('trials:reviewAssign:allocationRules:title:subsequentAllocationRules') }}
                   </el-divider>
                   <el-descriptions class="margin-top" :column="1">
                     <el-descriptions-item>
                       <template slot="label">
                         <el-checkbox v-model="TrialTaskInfo.IsFollowVisitAutoAssign" disabled>
                           <!-- 同一病例随访阅片任务自动分配（在拟分配的阅片人未标记为退出项目状态时）默认状态 -->
-                          {{$t('trials:reviewAssign:allocationRules:message1')}} {{$fd('AutoAssignDefaultState', TrialTaskInfo.FollowVisitAutoAssignDefaultState)}} </el-checkbox>
+                          {{ $t('trials:reviewAssign:allocationRules:message1') }} {{ $fd('AutoAssignDefaultState',
+                            TrialTaskInfo.FollowVisitAutoAssignDefaultState) }} </el-checkbox>
                       </template>
                       <div style="margin-left: 10px;">
                       </div>
@@ -386,7 +284,8 @@
                       <template slot="label">
                         <el-checkbox v-model="TrialTaskInfo.IsFollowGlobalVisitAutoAssign" disabled>
                           <!-- 同一病例全局任务自动分配（在拟分配的阅片人未标记为退出项目状态时 默认状态 -->
-                          {{$t('trials:reviewAssign:allocationRules:message3')}} {{$fd('AutoAssignDefaultState', TrialTaskInfo.FollowGlobalVisitAutoAssignDefaultState)}} </el-checkbox>
+                          {{ $t('trials:reviewAssign:allocationRules:message3') }} {{ $fd('AutoAssignDefaultState',
+                            TrialTaskInfo.FollowGlobalVisitAutoAssignDefaultState) }} </el-checkbox>
                       </template>
                       <div style="margin-left: 10px;">
 
@@ -396,7 +295,8 @@
                       <template slot="label">
                         <el-checkbox v-model="TrialTaskInfo.IsFollowJudgeTaskAutoAssign" disabled>
                           <!-- 同一病例第二次裁判任务自动分配（在拟分配的阅片人未标记为退出项目状态时）默认状态 -->
-                          {{$t('trials:reviewAssign:allocationRules:message4')}} {{$fd('AutoAssignDefaultState', TrialTaskInfo.FollowJudgeTaskAutoAssignDefaultState)}} </el-checkbox>
+                          {{ $t('trials:reviewAssign:allocationRules:message4') }} {{ $fd('AutoAssignDefaultState',
+                            TrialTaskInfo.FollowJudgeTaskAutoAssignDefaultState) }} </el-checkbox>
                       </template>
                       <div style="margin-left: 10px;" />
                     </el-descriptions-item>
@@ -405,12 +305,7 @@
               </div>
               <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
                 <!-- 取消 -->
-                <el-button
+                <el-button :disabled="btnLoading" size="small" type="primary" @click="handleCancel">
-                  :disabled="btnLoading"
-                  size="small"
-                  type="primary"
-                  @click="handleCancel"
-                >
                   {{ $t('common:button:cancel') }}
                 </el-button>
                 <!-- 保存 -->
@@ -419,72 +314,47 @@
                 </el-button>
               </div>
             </el-dialog>
-            <el-dialog
+            <el-dialog v-if="taskAllocationRuleVisible" :title="title" :visible.sync="taskAllocationRuleVisible"
-              v-if="taskAllocationRuleVisible"
+              width="600px" :close-on-click-modal="false">
-              :title="title"
+              <AddOrEditTaskAllocationRule :data="rowData" :TaskAllocationRuleList="TaskAllocationRuleList"
-              :visible.sync="taskAllocationRuleVisible"
+                :doctor-user-list="DoctorUserList" @close="() => { taskAllocationRuleVisible = false }"
-              width="600px"
+                @getList="openAllocationConfigVisible" />
-              :close-on-click-modal="false"
-            >
-              <AddOrEditTaskAllocationRule :data="rowData" :TaskAllocationRuleList="TaskAllocationRuleList" :doctor-user-list="DoctorUserList" @close="() => {taskAllocationRuleVisible = false}" @getList="openAllocationConfigVisible" />
             </el-dialog>
             <!--分配阅片人  -->
-            <el-dialog
+            <el-dialog v-if="manualAllocationVisible" :title="$t('trials:reviewAssign:dialog:assignReader')"
-              v-if="manualAllocationVisible"
+              :visible.sync="manualAllocationVisible" width="1320px" :close-on-click-modal="false">
-              :title="$t('trials:reviewAssign:dialog:assignReader')"
+              <ManualAllocationTable :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData"
-              :visible.sync="manualAllocationVisible"
+                :reading-type="ReadingType" :SubjectAssignSelectList="SubjectAssignSelectList"
-              width="1320px"
+                @close="() => { manualAllocationVisible = false }" @getList="getList"></ManualAllocationTable>
-              :close-on-click-modal="false"
-            >
-              <ManualAllocationTable :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData" :reading-type="ReadingType" :SubjectAssignSelectList="SubjectAssignSelectList" @close="() => {manualAllocationVisible = false}" @getList="getList"></ManualAllocationTable>
             </el-dialog>
             <!-- 清除阅片人 -->
-            <el-dialog
+            <el-dialog v-if="ClearAudienceVisible" :title="$t('trials:reviewAssign:dialog:clearReader')"
-              v-if="ClearAudienceVisible"
+              :visible.sync="ClearAudienceVisible" width="500px" :close-on-click-modal="false">
-              :title="$t('trials:reviewAssign:dialog:clearReader')"
+              <ClearAudienceList :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData"
-              :visible.sync="ClearAudienceVisible"
+                @close="() => { ClearAudienceVisible = false }" @getList="getList"></ClearAudienceList>
-              width="500px"
-              :close-on-click-modal="false"
-            >
-              <ClearAudienceList :TrialReadingCriterionId="TrialReadingCriterionId" :data="rowData"  @close="() => {ClearAudienceVisible = false}" @getList="getList"></ClearAudienceList>
             </el-dialog>
             <!-- 访视/全局/肿瘤学阅片任务 : 裁判阅片任务 -->
-            <el-dialog
+            <el-dialog v-if="AllocationVisible"
-              v-if="AllocationVisible"
               :title="AllocationType === 'task' ? $t('trials:reviewAssign:button:visitReadingTasks') : $t('trials:reviewAssign:button:adReadingTasks')"
-              :visible.sync="AllocationVisible"
+              :visible.sync="AllocationVisible" :fullscreen="true" :close-on-click-modal="false">
-              :fullscreen="true"
+              <taskAllacation :trialReadingCriterionId="TrialReadingCriterionId"
-              :close-on-click-modal="false"
+                :allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode"
-            >
+                v-if="AllocationType === 'task'"></taskAllacation>
-              <taskAllacation :trialReadingCriterionId="TrialReadingCriterionId" :allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode" v-if="AllocationType === 'task'"></taskAllacation>
+              <refereeAllacation :trialReadingCriterionId="TrialReadingCriterionId"
-              <refereeAllacation :trialReadingCriterionId="TrialReadingCriterionId" :allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode" v-else></refereeAllacation>
+                :allocationReadingCategory="AllocationReadingCategory" :allocationSubjectCode="AllocationSubjectCode"
+                v-else>
+              </refereeAllacation>
             </el-dialog>
             <!-- 取消历史 -->
-            <el-dialog
+            <el-dialog v-if="SubjectCancelDoctorHistoryVisible" :title="$t('trials:reviewAssign:dialog:cancelHistory')"
-              v-if="SubjectCancelDoctorHistoryVisible"
+              :visible.sync="SubjectCancelDoctorHistoryVisible" width="800px" :close-on-click-modal="false">
-              :title="$t('trials:reviewAssign:dialog:cancelHistory')"
+              <el-table border :data="SubjectCancelDoctorHistoryList" stripe>
-              :visible.sync="SubjectCancelDoctorHistoryVisible"
+                <!-- 取消时间 -->
-              width="800px"
+                <el-table-column prop="CreateTime" :label="$t('trials:reviewAssign:cancelHistory:table:cancelTime')"
-              :close-on-click-modal="false"
+                  width="180" show-overflow-tooltip />
-            >
-              <el-table
-                border
-                :data="SubjectCancelDoctorHistoryList"
-                stripe
-              >
-              <!-- 取消时间 -->
-                <el-table-column
-                  prop="CreateTime"
-                  :label="$t('trials:reviewAssign:cancelHistory:table:cancelTime')"
-                  width="180"
-                  show-overflow-tooltip
-                />
                 <!-- 原因 -->
-                <el-table-column
+                <el-table-column prop="Note" :label="$t('trials:reviewAssign:cancelHistory:table:cancelReason')"
-                  prop="Note"
+                  show-overflow-tooltip />
-                  :label="$t('trials:reviewAssign:cancelHistory:table:cancelReason')"
-                  show-overflow-tooltip
-                />
               </el-table>
             </el-dialog>
           </div>
@@ -517,8 +387,8 @@ const searchDataDefault = () => {
     IsHaveAssigned: null,
     IsAssignConfirmed: null,
     TrialReadingCriterionId: null,
-    SubjectAllocateState:null,
+    SubjectAllocateState: null,
-    ArmList:[]
+    ArmList: []
   }
 }
 const taskSearchDataDefault = () => {
@@ -539,8 +409,8 @@ const taskSearchDataDefault = () => {
     TaskAllocationState: null,
     BeginAllocateDate: null,
     EndAllocateDate: null,
-    SubjectAllocateState:null,
+    SubjectAllocateState: null,
-    ArmList:[]
+    ArmList: []
   }
 }
 export default {
@@ -607,7 +477,7 @@ export default {
     }
   },
   watch: {
-    TrialReadingCriterionId (v) {
+    TrialReadingCriterionId(v) {
       if (v) {
         this.getList()
       }
@@ -631,10 +501,10 @@ export default {
       getTrialCriterionList(this.trialId).then(res => {
         this.trialCriterionList = res.Result
         this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
-      }).catch(() => {})
+      }).catch(() => { })
     },
     openSubjectCancelDoctorHistoryList(row) {
-      getSubjectCancelDoctorHistoryList(row.SubjectId,this.TrialReadingCriterionId).then((res) => {
+      getSubjectCancelDoctorHistoryList(row.SubjectId, this.TrialReadingCriterionId).then((res) => {
         this.SubjectCancelDoctorHistoryVisible = true
         this.SubjectCancelDoctorHistoryList = res.Result
       })
@@ -646,7 +516,7 @@ export default {
       this.AllocationSubjectCode = SubjectCode
     },
     openClearAudience(row) {
-      this.rowData = {...row}
+      this.rowData = { ...row }
       this.ClearAudienceVisible = true
     },
     findDoctorUser(list, type) {
@@ -810,7 +680,7 @@ export default {
       if (this.TaskAllocationRuleSelectList.length !== num) {
         // 当前阅片模式为xxx，请选择正确阅片人数量
         var msg = this.$t('trials:reviewAssign:message:message08')
-        msg = msg.replaceAll('xxx',this.$fd('ReadingMethod', this.ReadingType))
+        msg = msg.replaceAll('xxx', this.$fd('ReadingMethod', this.ReadingType))
         this.$alert(msg)
         return
       }
@@ -902,7 +772,7 @@ export default {
     handleDelete(row) {
       // 确定要删除${row.DoctorUser.UserName}(${row.DoctorUser.FullName})的任务分配规则?
       var msg = this.$t('trials:reviewAssign:message:message11')
-        msg = msg.replaceAll('xxx',`${row.DoctorUser.UserName}(${row.DoctorUser.FullName})`)
+      msg = msg.replaceAll('xxx', `${row.DoctorUser.UserName}(${row.DoctorUser.FullName})`)
       this.$confirm(msg, {
         type: 'warning',
         distinguishCancelAndClose: true
@@ -947,7 +817,7 @@ export default {
       this.loading = true
       getTaskAllocationRuleList({
         TrialId: this.$route.query.trialId
-      }).then(async(res) => {
+      }).then(async (res) => {
         this.taskSearchData.TrialId = this.$route.query.trialId
         var params = Object.assign({}, this.taskSearchData)
         var SubjectAssignListRes = await getSubjectAssignList(params)
@@ -1013,30 +883,35 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
-  .read-task-allocation{
+.read-task-allocation {
-    ::v-deep.search {
+  ::v-deep.search {
-      padding: 0px !important;
+    padding: 0px !important;
-    }
-  }
-  ::v-deep .hidden-row{
-    display: none;
-  }
-  ::v-deep .el-dialog__body {
-    padding: 15px 20px;
   }
+}
 
-  ::v-deep .el-tag--danger.el-tag--dark {
+::v-deep .hidden-row {
-    // background-color: #f56c6c!important;
+  display: none;
-    border-color: none!important;
+}
-    // color: #fff!important;
+
-  }
+::v-deep .el-dialog__body {
-  ::v-deep #TaskAllocationRuleList thead .el-checkbox__inner{
+  padding: 15px 20px;
-    display: none;
+}
-  }
+
-  ::v-deep .el-descriptions-item__label.has-colon:after{
+::v-deep .el-tag--danger.el-tag--dark {
-    display: none;
+  // background-color: #f56c6c!important;
-  }
+  border-color: none !important;
-  ::v-deep .base-dialog-wrapper .base-dialog-body{
+  // color: #fff!important;
-    max-height: 1000px;
+}
-  }
+
+::v-deep #TaskAllocationRuleList thead .el-checkbox__inner {
+  display: none;
+}
+
+::v-deep .el-descriptions-item__label.has-colon:after {
+  display: none;
+}
+
+::v-deep .base-dialog-wrapper .base-dialog-body {
+  max-height: 1000px;
+}
 </style>