diff --git a/src/views/trials/trials-panel/subject/reading-period/index.vue b/src/views/trials/trials-panel/subject/reading-period/index.vue
index 79c11671..85c86e68 100644
--- a/src/views/trials/trials-panel/subject/reading-period/index.vue
+++ b/src/views/trials/trials-panel/subject/reading-period/index.vue
@@ -1,15 +1,27 @@
 <template>
   <BaseContainer class="reading-period">
     <el-tabs v-model="TrialReadingCriterionId" type="border-card">
-      <el-tab-pane v-for="criterion of trialCriterionList" :key="criterion.TrialReadingCriterionId" :label="criterion.TrialReadingCriterionName" :name="criterion.TrialReadingCriterionId">
-        <div v-if="TrialReadingCriterionId === criterion.TrialReadingCriterionId">
+      <el-tab-pane
+        v-for="criterion of trialCriterionList"
+        :key="criterion.TrialReadingCriterionId"
+        :label="criterion.TrialReadingCriterionName"
+        :name="criterion.TrialReadingCriterionId"
+      >
+        <div
+          v-if="TrialReadingCriterionId === criterion.TrialReadingCriterionId"
+        >
           <div slot="search-container">
             <el-form :inline="true">
               <el-form-item :label="$t('trials:readingPeriod:table:siteCode')">
                 <!-- 中心编号 -->
-                <el-select v-model="searchData.TrialSiteCode" clearable filterable style="width:120px;">
+                <el-select
+                  v-model="searchData.TrialSiteCode"
+                  clearable
+                  filterable
+                  style="width: 120px"
+                >
                   <el-option
-                    v-for="(site,index) of siteOptions"
+                    v-for="(site, index) of siteOptions"
                     :key="index"
                     :label="site.TrialSiteCode"
                     :value="site.TrialSiteCode"
@@ -17,16 +29,24 @@
                 </el-select>
               </el-form-item>
               <!-- 受试者编号 -->
-              <el-form-item :label="$t('trials:readingPeriod:table:subjectCode')">
+              <el-form-item
+                :label="$t('trials:readingPeriod:table:subjectCode')"
+              >
                 <el-input
                   v-model="searchData.SubjectCode"
-                  style="width:100px;"
+                  style="width: 100px"
                   clearable
                 />
               </el-form-item>
               <!-- 阅片类型 -->
-              <el-form-item :label="$t('trials:readingPeriod:table:readingType')">
-                <el-select v-model="searchData.ModuleType" clearable style="width:120px">
+              <el-form-item
+                :label="$t('trials:readingPeriod:table:readingType')"
+              >
+                <el-select
+                  v-model="searchData.ModuleType"
+                  clearable
+                  style="width: 120px"
+                >
                   <el-option
                     v-for="item of $d.ModuleTypeEnum"
                     :key="item.value"
@@ -36,8 +56,14 @@
                 </el-select>
               </el-form-item>
               <!-- 进度 -->
-              <el-form-item :label="$t('trials:readingPeriod:table:readingSchedule')">
-                <el-select v-model="searchData.ReadingStatus" clearable style="width:120px">
+              <el-form-item
+                :label="$t('trials:readingPeriod:table:readingSchedule')"
+              >
+                <el-select
+                  v-model="searchData.ReadingStatus"
+                  clearable
+                  style="width: 120px"
+                >
                   <el-option
                     v-for="item of $d.ReadModuleEnum"
                     :key="item.value"
@@ -47,16 +73,24 @@
                 </el-select>
               </el-form-item>
               <!-- 阅片名称 -->
-              <el-form-item :label="$t('trials:readingPeriod:table:readingName')">
+              <el-form-item
+                :label="$t('trials:readingPeriod:table:readingName')"
+              >
                 <el-input
                   v-model="searchData.Name"
-                  style="width:100px;"
+                  style="width: 100px"
                   clearable
                 />
               </el-form-item>
-              
-              <el-form-item :label="$t('trials:readingPeriod:table:completeClinicalData')">
-                <el-select v-model="searchData.CompleteClinicalData" clearable style="width:120px">
+
+              <el-form-item
+                :label="$t('trials:readingPeriod:table:completeClinicalData')"
+              >
+                <el-select
+                  v-model="searchData.CompleteClinicalData"
+                  clearable
+                  style="width: 120px"
+                >
                   <el-option
                     v-for="item of $d.CompleteClinicalDataEnum"
                     :key="item.value"
@@ -66,24 +100,45 @@
                 </el-select>
               </el-form-item>
               <el-form-item>
-                <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+                <el-button
+                  type="primary"
+                  icon="el-icon-search"
+                  @click="handleSearch"
+                >
                   {{ $t('common:button:search') }}
                 </el-button>
-                <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
+                <el-button
+                  type="primary"
+                  icon="el-icon-refresh-left"
+                  @click="handleReset"
+                >
                   {{ $t('common:button:reset') }}
                 </el-button>
                 <!--导出受试者进展表-->
-                <el-button type="primary" icon="el-icon-download" @click="handleExportSubject">
+                <el-button
+                  type="primary"
+                  icon="el-icon-download"
+                  @click="handleExportSubject"
+                >
                   {{ $t('trials:readingPeriod:buttton:exportSubjectTbl') }}
                 </el-button>
                 <!--导出阅片期信息表-->
-                <el-button type="primary" icon="el-icon-download" @click="handleExportPeriod">
+                <el-button
+                  type="primary"
+                  icon="el-icon-download"
+                  @click="handleExportPeriod"
+                >
                   {{ $t('trials:readingPeriod:buttton:exportPeriodTbl') }}
                 </el-button>
                 <!-- 阅片期管理 -->
                 <el-button
-                  v-if="ReadingInfoSignTime && (otherInfo.IsClinicalReading || otherInfo.IsReadingPeriod)"
-                  v-hasPermi="['trials:trials-panel:subject:readingPeriod:edit']"
+                  v-if="
+                    ReadingInfoSignTime &&
+                    (otherInfo.IsClinicalReading || otherInfo.IsReadingPeriod)
+                  "
+                  v-hasPermi="[
+                    'trials:trials-panel:subject:readingPeriod:edit',
+                  ]"
                   type="primary"
                   icon="el-icon-edit-outline"
                   @click="handleReadingPeriod"
@@ -96,7 +151,7 @@
           <div slot="main-container">
             <el-table
               ref="myTable"
-              v-adaptive="{bottomOffset:135}"
+              v-adaptive="{ bottomOffset: 135 }"
               v-loading="loading"
               :data="list"
               stripe
@@ -133,80 +188,229 @@
                 <el-table-column
                   v-for="i in maxLength"
                   :key="`${i}`"
-                  :prop="`Plan${i-1}`"
+                  :prop="`Plan${i - 1}`"
                   label=""
                   width="240"
                 >
                   <template slot-scope="scope">
-                    <div v-if="i<=scope.row.Data.length">
-<!--                      <div style="">-->
-                      <div style="border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px;display: flex;justify-content: space-between;">
-                        <div style="font-size: 16px;font-weight: 900">
-                          {{ scope.row.Data[i-1].Name }}
+                    <div v-if="i <= scope.row.Data.length">
+                      <!--                      <div style="">-->
+                      <div
+                        style="
+                          border-bottom: 1px solid #d9d9d9;
+                          margin-bottom: 8px;
+                          padding-bottom: 8px;
+                          display: flex;
+                          justify-content: space-between;
+                        "
+                      >
+                        <div style="font-size: 16px; font-weight: 900">
+                          {{ scope.row.Data[i - 1].Name }}
                         </div>
                         <div>
-                          <span v-if="scope.row.Data[i-1].IsEnrollmentConfirm">
+                          <span
+                            v-if="scope.row.Data[i - 1].IsEnrollmentConfirm"
+                          >
                             | {{ $t('trials:readingPeriod:table:enroll') }}
                           </span>
-                          <span v-if="scope.row.Data[i-1].PDState">
+                          <span v-if="scope.row.Data[i - 1].PDState">
                             | {{ $t('trials:readingPeriod:table:pd') }}
                           </span>
-                          <span v-if="scope.row.Data[i-1].IsUrgent">
+                          <span v-if="scope.row.Data[i - 1].IsUrgent">
                             | {{ $t('trials:readingPeriod:table:urgent') }}
                           </span>
-                          <span v-if="scope.row.Data[i-1].IsFinalVisit">
+                          <span v-if="scope.row.Data[i - 1].IsFinalVisit">
                             | {{ $t('trials:readingPeriod:table:finalVisit') }}
                           </span>
                         </div>
                       </div>
-                      <div style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
-                        <div>{{ $fd('ModuleTypeEnum',scope.row.Data[i-1].ModuleType) }}</div>
-                        <div style="white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 110px;text-align: right;" :title="$fd('ReadModuleEnum',scope.row.Data[i-1].ReadingStatus)">
-                          {{ $fd('ReadModuleEnum',scope.row.Data[i-1].ReadingStatus) }}
+                      <div
+                        style="
+                          display: flex;
+                          justify-content: space-between;
+                          border-bottom: 1px solid #d9d9d9;
+                          margin-bottom: 8px;
+                          padding-bottom: 8px;
+                        "
+                      >
+                        <div>
+                          {{
+                            $fd(
+                              'ModuleTypeEnum',
+                              scope.row.Data[i - 1].ModuleType
+                            )
+                          }}
+                        </div>
+                        <div
+                          style="
+                            white-space: nowrap;
+                            overflow: hidden;
+                            text-overflow: ellipsis;
+                            width: 110px;
+                            text-align: right;
+                          "
+                          :title="
+                            $fd(
+                              'ReadModuleEnum',
+                              scope.row.Data[i - 1].ReadingStatus
+                            )
+                          "
+                        >
+                          {{
+                            $fd(
+                              'ReadModuleEnum',
+                              scope.row.Data[i - 1].ReadingStatus
+                            )
+                          }}
                         </div>
                       </div>
-                      <div v-if="scope.row.Data[i-1].ModuleType === 1" style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
+                      <div
+                        v-if="scope.row.Data[i - 1].ModuleType === 1"
+                        style="
+                          display: flex;
+                          justify-content: space-between;
+                          border-bottom: 1px solid #d9d9d9;
+                          margin-bottom: 8px;
+                          padding-bottom: 8px;
+                        "
+                      >
                         <!-- 上一访视 -->
-                        <div>{{ $t('trials:readingPeriod:table:lastVisit') }}</div>
-                        <div>{{ scope.row.Data[i-1].OutPlanPreviousVisitName }} </div>
+                        <div>
+                          {{ $t('trials:readingPeriod:table:lastVisit') }}
+                        </div>
+                        <div>
+                          {{ scope.row.Data[i - 1].OutPlanPreviousVisitName }}
+                        </div>
                       </div>
-                      <div v-if="scope.row.Data[i-1].ModuleType === 2 || scope.row.Data[i-1].ModuleType ===3 || scope.row.Data[i-1].ModuleType ===5" style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
+                      <div
+                        v-if="
+                          scope.row.Data[i - 1].ModuleType === 2 ||
+                          scope.row.Data[i - 1].ModuleType === 3 ||
+                          scope.row.Data[i - 1].ModuleType === 5
+                        "
+                        style="
+                          display: flex;
+                          justify-content: space-between;
+                          border-bottom: 1px solid #d9d9d9;
+                          margin-bottom: 8px;
+                          padding-bottom: 8px;
+                        "
+                      >
                         <!-- 截止访视： -->
-                        <div>{{ $t('trials:readingPeriod:table:deadlineVisit') }}</div>
-                        <div>{{ scope.row.Data[i-1].CutOffVisitName }}</div>
+                        <div>
+                          {{ $t('trials:readingPeriod:table:deadlineVisit') }}
+                        </div>
+                        <div>{{ scope.row.Data[i - 1].CutOffVisitName }}</div>
                       </div>
-                      <div v-if="scope.row.Data[i-1].ModuleType ===4 " style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
+                      <div
+                        v-if="scope.row.Data[i - 1].ModuleType === 4"
+                        style="
+                          display: flex;
+                          justify-content: space-between;
+                          border-bottom: 1px solid #d9d9d9;
+                          margin-bottom: 8px;
+                          padding-bottom: 8px;
+                        "
+                      >
                         <!-- 对应阅片期： -->
-                        <div>{{ $t('trials:readingPeriod:table:correspondVisit2') }}</div>
-                        <div>{{ scope.row.Data[i-1].ReadModuleName }}</div>
+                        <div>
+                          {{
+                            $t('trials:readingPeriod:table:correspondVisit2')
+                          }}
+                        </div>
+                        <div>{{ scope.row.Data[i - 1].ReadModuleName }}</div>
                       </div>
-                      <div v-if="otherInfo.ExistClinicalData" style="display: flex;justify-content: space-between;border-bottom: 1px solid #d9d9d9;margin-bottom: 8px;padding-bottom: 8px">
-                        <div style="display: flex;justify-content: space-between;width: 100%">
+                      <div
+                        v-if="otherInfo.ExistClinicalData"
+                        style="
+                          display: flex;
+                          justify-content: space-between;
+                          border-bottom: 1px solid #d9d9d9;
+                          margin-bottom: 8px;
+                          padding-bottom: 8px;
+                        "
+                      >
+                        <div
+                          style="
+                            display: flex;
+                            justify-content: space-between;
+                            width: 100%;
+                          "
+                        >
                           <!-- 临床资料 -->
-                          <div> 
-                            <el-tooltip v-if="scope.row.Data[i-1].CompleteClinicalData===0" class="item" effect="dark" :content="$t('trials:readingPeriod:table:clinicalDataNotComplete')" placement="bottom">
-                              <i class="el-icon-warning" style="color:red" />
+                          <div>
+                            <el-tooltip
+                              v-if="
+                                scope.row.Data[i - 1].CompleteClinicalData === 0
+                              "
+                              class="item"
+                              effect="dark"
+                              :content="
+                                $t(
+                                  'trials:readingPeriod:table:clinicalDataNotComplete'
+                                )
+                              "
+                              placement="bottom"
+                            >
+                              <i class="el-icon-warning" style="color: red" />
                             </el-tooltip>
                             {{ $t('trials:readingPeriod:table:clinicalInfo2') }}
                           </div>
-                          <el-link type="danger" v-if="(scope.row.Data[i-1].IsVisit && otherInfo.IsExistsSubjectClinicalData && scope.row.Data[i-1].IsBaseLine) ||(scope.row.Data[i-1].IsVisit && otherInfo.IsExistsVisitClinicalData) || (scope.row.Data[i-1].IsVisit && otherInfo.IsExistsStudyClinicalData) || (!scope.row.Data[i-1].IsVisit && otherInfo.IsExistsReadingClinicalData && scope.row.Data[i-1].ModuleType === 3) || (!scope.row.Data[i-1].IsVisit && otherInfo.IsExistsOncologyReadClinicalData && scope.row.Data[i-1].ModuleType === 5)" @click="handleView(scope.row,scope.row.Data[i-1])">
+                          <el-link
+                            type="danger"
+                            v-if="
+                              (scope.row.Data[i - 1].IsVisit &&
+                                otherInfo.IsExistsSubjectClinicalData &&
+                                scope.row.Data[i - 1].IsBaseLine) ||
+                              (scope.row.Data[i - 1].IsVisit &&
+                                otherInfo.IsExistsVisitClinicalData) ||
+                              (scope.row.Data[i - 1].IsVisit &&
+                                otherInfo.IsExistsStudyClinicalData) ||
+                              (!scope.row.Data[i - 1].IsVisit &&
+                                otherInfo.IsExistsReadingClinicalData &&
+                                scope.row.Data[i - 1].ModuleType === 3) ||
+                              (!scope.row.Data[i - 1].IsVisit &&
+                                otherInfo.IsExistsOncologyReadClinicalData &&
+                                scope.row.Data[i - 1].ModuleType === 5)
+                            "
+                            @click="
+                              handleView(scope.row, scope.row.Data[i - 1])
+                            "
+                          >
                             {{ $t('trials:readingPeriod:button:view') }}
                           </el-link>
-                          <span v-else>{{ $t('trials:readingPeriod:table:noCD') }}</span>
+                          <span v-else>{{
+                            $t('trials:readingPeriod:table:noCD')
+                          }}</span>
                         </div>
                       </div>
                       <div>
-                        <el-link style="color:#428bca;margin-right: 5px" @click="handleDetail(scope.row,scope.row.Data[i-1])">
+                        <el-link
+                          style="color: #428bca; margin-right: 5px"
+                          @click="
+                            handleDetail(scope.row, scope.row.Data[i - 1])
+                          "
+                        >
                           {{ $t('trials:readingPeriod:button:detail') }}
                         </el-link>
-                        <el-link style="color:#428bca;margin-right: 5px" v-if="scope.row.Data[i - 1].IsCanChangeCutOffVisit" @click="handleEdit(scope.row,scope.row.Data[i-1])">
+                        <el-link
+                          style="color: #428bca; margin-right: 5px"
+                          v-if="scope.row.Data[i - 1].IsCanChangeCutOffVisit"
+                          @click="handleEdit(scope.row, scope.row.Data[i - 1])"
+                        >
                           {{ $t('common:button:edit') }}
                         </el-link>
                         <el-link
-                          style="color:#428bca;margin-right: 5px"
-                          v-if="(scope.row.Data[i-1].ModuleType === 3 || scope.row.Data[i-1].ModuleType === 5) && scope.row.Data[i-1].ReadingStatus < 4"
-                          v-hasPermi="['trials:trials-panel:subject:readingPeriod:edit']"
-                          @click="handleDelete(scope.row.Data[i-1])"
+                          style="color: #428bca; margin-right: 5px"
+                          v-if="
+                            (scope.row.Data[i - 1].ModuleType === 3 ||
+                              scope.row.Data[i - 1].ModuleType === 5) &&
+                            scope.row.Data[i - 1].ReadingStatus < 4
+                          "
+                          v-hasPermi="[
+                            'trials:trials-panel:subject:readingPeriod:edit',
+                          ]"
+                          @click="handleDelete(scope.row.Data[i - 1])"
                         >
                           {{ $t('trials:readingPeriod:button:delete') }}
                         </el-link>
@@ -216,31 +420,63 @@
                 </el-table-column>
               </el-table-column>
               <el-table-column
-                v-if="hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])"
-                :fixed="(otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) && ReadingInfoSignTime && hasPermi(['trials:trials-panel:subject:readingPeriod:edit']) ? 'right':false"
-                :label="(otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) && ReadingInfoSignTime && hasPermi(['trials:trials-panel:subject:readingPeriod:edit']) ? $t('common:action:action') : ''"
-                :width="(otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) && ReadingInfoSignTime && hasPermi(['trials:trials-panel:subject:readingPeriod:edit']) ? '150px' : '80px' "
+                v-if="
+                  hasPermi([
+                    'trials:trials-panel:subject:readingPeriod:edit',
+                  ]) && ReadingInfoSignTime
+                "
+                :fixed="
+                  (otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) &&
+                  ReadingInfoSignTime &&
+                  hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])
+                    ? 'right'
+                    : false
+                "
+                :label="
+                  (otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) &&
+                  ReadingInfoSignTime &&
+                  hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])
+                    ? $t('common:action:action')
+                    : ''
+                "
+                :width="
+                  (otherInfo.IsReadingPeriod || otherInfo.IsClinicalReading) &&
+                  ReadingInfoSignTime &&
+                  hasPermi(['trials:trials-panel:subject:readingPeriod:edit'])
+                    ? '150px'
+                    : '80px'
+                "
               >
                 <template slot-scope="scope">
                   <el-button
                     v-if="otherInfo.IsReadingPeriod"
                     circle
-                    :title="$t('trials:readingPeriod:buttton:addSubjectImageRP')"
+                    :title="
+                      $t('trials:readingPeriod:buttton:addSubjectImageRP')
+                    "
                     icon="el-icon-plus"
-                    @click="handleAdd(scope.row,0)"
+                    @click="handleAdd(scope.row, 0)"
                   />
                   <el-button
                     v-if="isClinicalReading"
                     circle
-                    :title="$t('trials:readingPeriod:buttton:addSubjectOncologyRP')"
+                    :title="
+                      $t('trials:readingPeriod:buttton:addSubjectOncologyRP')
+                    "
                     icon="el-icon-plus"
-                    @click="handleAdd(scope.row,1)"
+                    @click="handleAdd(scope.row, 1)"
                   />
                 </template>
               </el-table-column>
             </el-table>
             <!-- 分页组件 -->
-            <pagination class="page" :total="total" :page.sync="searchData.PageIndex" :limit.sync="searchData.PageSize" @pagination="getList" />
+            <pagination
+              class="page"
+              :total="total"
+              :page.sync="searchData.PageIndex"
+              :limit.sync="searchData.PageSize"
+              @pagination="getList"
+            />
             <!-- 详情 -->
             <el-dialog
               v-if="dialogVisible"
@@ -251,18 +487,24 @@
             >
               <el-descriptions :column="2" border>
                 <!-- 阅片期名称 -->
-                <el-descriptions-item :label="$t('trials:readingPeriod:table:readingName')">
+                <el-descriptions-item
+                  :label="$t('trials:readingPeriod:table:readingName')"
+                >
                   {{ currentData.Name }}
                 </el-descriptions-item>
                 <!-- 阅片期类型 -->
-                <el-descriptions-item :label="$t('trials:readingPeriod:table:readingType')">
-                  {{ $fd('ModuleTypeEnum',currentData.ModuleType) }}
+                <el-descriptions-item
+                  :label="$t('trials:readingPeriod:table:readingType')"
+                >
+                  {{ $fd('ModuleTypeEnum', currentData.ModuleType) }}
                 </el-descriptions-item>
                 <!-- 是否加急 -->
                 <!-- <el-descriptions-item label="是否加急"> <el-tag size="small">{{ $fd('YesOrNo',currentData.IsUrgent) }}</el-tag></el-descriptions-item> -->
                 <!-- 进度 -->
-                <el-descriptions-item :label="$t('trials:readingPeriod:table:readingSchedule')">
-                  {{ $fd('ReadModuleEnum',currentData.ReadingStatus) }}
+                <el-descriptions-item
+                  :label="$t('trials:readingPeriod:table:readingSchedule')"
+                >
+                  {{ $fd('ReadModuleEnum', currentData.ReadingStatus) }}
                 </el-descriptions-item>
                 <el-descriptions-item
                   v-if="currentData.CutOffVisitName"
@@ -283,16 +525,34 @@
                   {{ currentData.ReadModuleName }}
                 </el-descriptions-item>
                 <!-- 临床资料 -->
-                <el-descriptions-item v-if="otherInfo.ExistClinicalData" :label="$t('trials:readingPeriod:table:clinicalInfo')">
-                  <template v-if="(currentData.IsVisit && otherInfo.IsExistsSubjectClinicalData && currentData.IsBaseLine) ||(currentData.IsVisit && otherInfo.IsExistsVisitClinicalData) || (!currentData.IsVisit && otherInfo.IsExistsReadingClinicalData)">
-                    <el-link @click="view">{{ $t('trials:readingPeriod:button:view') }}</el-link>
+                <el-descriptions-item
+                  v-if="otherInfo.ExistClinicalData"
+                  :label="$t('trials:readingPeriod:table:clinicalInfo')"
+                >
+                  <template
+                    v-if="
+                      (currentData.IsVisit &&
+                        otherInfo.IsExistsSubjectClinicalData &&
+                        currentData.IsBaseLine) ||
+                      (currentData.IsVisit &&
+                        otherInfo.IsExistsVisitClinicalData) ||
+                      (!currentData.IsVisit &&
+                        otherInfo.IsExistsReadingClinicalData)
+                    "
+                  >
+                    <el-link @click="view">{{
+                      $t('trials:readingPeriod:button:view')
+                    }}</el-link>
                   </template>
                   <template v-else>
                     <span>{{ $t('trials:readingPeriod:table:noCD') }}</span>
                   </template>
                 </el-descriptions-item>
                 <!-- 当前干系人 -->
-                <el-descriptions-item :label="$t('trials:readingPeriod:table:stakeholder')" :span="2">
+                <el-descriptions-item
+                  :label="$t('trials:readingPeriod:table:stakeholder')"
+                  :span="2"
+                >
                   {{ currentData.Stakeholders }}
                 </el-descriptions-item>
               </el-descriptions>
@@ -318,13 +578,22 @@
             <!-- 临床资料 -->
             <el-dialog
               v-if="clinicalDataVisible"
-              :title="`${$t('trials:readingPeriod:dialogTitle:clinicalData')}（${currentData.SubjectCode}|${currentData.Name}|${currentData.CriterionName}）`"
+              :title="`${$t(
+                'trials:readingPeriod:dialogTitle:clinicalData'
+              )}（${currentData.SubjectCode}|${currentData.Name}|${
+                currentData.CriterionName
+              }）`"
               :visible.sync="clinicalDataVisible"
               :close-on-click-modal="false"
               append-to-body
               width="70%"
             >
-              <ClinicalData :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="currentData" @getList="getList"/>
+              <ClinicalData
+                :trial-reading-criterion-id="TrialReadingCriterionId"
+                :trial-id="trialId"
+                :data="currentData"
+                @getList="getList"
+              />
             </el-dialog>
             <!-- 添加受试者阅片期 -->
             <el-dialog
@@ -335,7 +604,13 @@
               custom-class="base-dialog-wrapper"
               :close-on-click-modal="false"
             >
-              <SubjectPR :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="param" @close="subjectPeriod.visible = false" @getList="getList" />
+              <SubjectPR
+                :trial-reading-criterion-id="TrialReadingCriterionId"
+                :trial-id="trialId"
+                :data="param"
+                @close="subjectPeriod.visible = false"
+                @getList="getList"
+              />
             </el-dialog>
             <!-- 编辑受试者阅片期 -->
             <el-dialog
@@ -346,7 +621,14 @@
               custom-class="base-dialog-wrapper"
               :close-on-click-modal="false"
             >
-              <SubjectPR :type="'edit'" :trial-reading-criterion-id="TrialReadingCriterionId" :trial-id="trialId" :data="param" @close="subjectPeriodEdit.visible = false" @getList="getList" />
+              <SubjectPR
+                :type="'edit'"
+                :trial-reading-criterion-id="TrialReadingCriterionId"
+                :trial-id="trialId"
+                :data="param"
+                @close="subjectPeriodEdit.visible = false"
+                @getList="getList"
+              />
             </el-dialog>
           </div>
         </div>
@@ -355,8 +637,17 @@
   </BaseContainer>
 </template>
 <script>
-import { getReadModuleList, deleteReadModule, getReadModule, getTrialSiteSelect, getTrialCriterionList } from '@/api/trials'
-import { getReadingPeriodList_Export, getSubjectProgress_Export } from '@/api/export'
+import {
+  getReadModuleList,
+  deleteReadModule,
+  getReadModule,
+  getTrialSiteSelect,
+  getTrialCriterionList,
+} from '@/api/trials'
+import {
+  getReadingPeriodList_Export,
+  getSubjectProgress_Export,
+} from '@/api/export'
 import BaseContainer from '@/components/BaseContainer'
 import Pagination from '@/components/Pagination'
 import ReadingPeriod from './components/RPList'
@@ -371,13 +662,19 @@ const searchDataDefault = () => {
     Name: '',
     CompleteClinicalData: '',
     PageIndex: 1,
-    PageSize: 20
+    PageSize: 20,
   }
 }
 const MinPlanCount = 10
 export default {
   name: 'TrialsNotice',
-  components: { BaseContainer, Pagination, ReadingPeriod, ClinicalData, SubjectPR },
+  components: {
+    BaseContainer,
+    Pagination,
+    ReadingPeriod,
+    ClinicalData,
+    SubjectPR,
+  },
   data() {
     return {
       searchData: searchDataDefault(),
@@ -388,8 +685,14 @@ export default {
       dialogVisible: false,
       readPeriodVisible: false,
       clinicalDataVisible: false,
-      subjectPeriod: { visible: false, title: this.$t('trials:readingPeriod:dialogTitle:addSubjectPR') },
-      subjectPeriodEdit: { visible: false, title: this.$t('trials:readingPeriod:dialogTitle:EditSubjectPR') },
+      subjectPeriod: {
+        visible: false,
+        title: this.$t('trials:readingPeriod:dialogTitle:addSubjectPR'),
+      },
+      subjectPeriodEdit: {
+        visible: false,
+        title: this.$t('trials:readingPeriod:dialogTitle:EditSubjectPR'),
+      },
       trialId: this.$route.query.trialId,
       currentData: {},
       param: {},
@@ -398,43 +701,49 @@ export default {
       otherInfo: {},
       trialCriterionList: [],
       TrialReadingCriterionId: '0',
-      ReadingInfoSignTime: null
+      ReadingInfoSignTime: null,
     }
   },
   watch: {
     TrialReadingCriterionId(v) {
       if (v) {
         this.getList()
-        this.ReadingInfoSignTime = this.trialCriterionList.find(v => {
+        this.ReadingInfoSignTime = this.trialCriterionList.find((v) => {
           return v.TrialReadingCriterionId === this.TrialReadingCriterionId
         }).ReadingInfoSignTime
       }
-    }
+    },
   },
   mounted() {
     this.getSite()
     this.getTrialCriterionList()
   },
   methods: {
-
     getList() {
       this.searchData.TrialId = this.$route.query.trialId
       this.searchData.TrialReadingCriterionId = this.TrialReadingCriterionId
       this.loading = true
-      getReadModuleList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-        this.maxLength = res.OtherInfo.MaxLength > MinPlanCount ? res.OtherInfo.MaxLength : MinPlanCount
-        this.isClinicalReading = res.OtherInfo.IsClinicalReading
-        this.otherInfo = res.OtherInfo
-        this.$nextTick(() => {
-          // myTable是表格的ref属性值
-          if (this.$refs.myTable && this.$refs.myTable.doLayout) {
-            this.$refs.myTable.doLayout()
-          }
+      getReadModuleList(this.searchData)
+        .then((res) => {
+          this.loading = false
+          this.list = res.Result.CurrentPageData
+          this.total = res.Result.TotalCount
+          this.maxLength =
+            res.OtherInfo.MaxLength > MinPlanCount
+              ? res.OtherInfo.MaxLength
+              : MinPlanCount
+          this.isClinicalReading = res.OtherInfo.IsClinicalReading
+          this.otherInfo = res.OtherInfo
+          this.$nextTick(() => {
+            // myTable是表格的ref属性值
+            if (this.$refs.myTable && this.$refs.myTable.doLayout) {
+              this.$refs.myTable.doLayout()
+            }
+          })
+        })
+        .catch(() => {
+          this.loading = false
         })
-      }).catch(() => { this.loading = false })
     },
     handleAdd(row, type) {
       this.param = {}
@@ -446,29 +755,36 @@ export default {
       this.param.IsClinicalReading = this.isClinicalReading
       this.param.ReadingSetType = type
       this.subjectPeriod.visible = true
-      this.subjectPeriod.title = type === 0 ? this.$t('trials:readingPeriod:dialogTitle:addSubjectPR') : this.$t('trials:readingPeriod:dialogTitle:addSubjectTumorPR')
+      this.subjectPeriod.title =
+        type === 0
+          ? this.$t('trials:readingPeriod:dialogTitle:addSubjectPR')
+          : this.$t('trials:readingPeriod:dialogTitle:addSubjectTumorPR')
     },
     handleEdit(row, type) {
-      this.param = {...type}
+      this.param = { ...type }
       this.param.VisitStageId = this.param.CutOffVisitId
       this.subjectPeriodEdit.visible = true
     },
     handleDelete(row) {
       this.$confirm(this.$t('trials:readingPeriod:message:sureToDelete'), {
         type: 'warning',
-        distinguishCancelAndClose: true
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        this.loading = true
+        deleteReadModule(row.Id)
+          .then((res) => {
+            this.loading = false
+            if (res.IsSuccess) {
+              this.getList()
+              this.$message.success(
+                this.$t('common:message:deletedSuccessfully')
+              )
+            }
+          })
+          .catch(() => {
+            this.loading = false
+          })
       })
-        .then(() => {
-          this.loading = true
-          deleteReadModule(row.Id)
-            .then(res => {
-              this.loading = false
-              if (res.IsSuccess) {
-                this.getList()
-                this.$message.success(this.$t('common:message:deletedSuccessfully'))
-              }
-            }).catch(() => { this.loading = false })
-        })
     },
     handleReadingPeriod() {
       this.readPeriodVisible = true
@@ -487,37 +803,46 @@ export default {
         id: ReadingPlan.Id,
         TrialReadingCriterionId: this.TrialReadingCriterionId,
         // subjectId: row.SubjectId
-        subjectId: ReadingPlan.SubjectId
+        subjectId: ReadingPlan.SubjectId,
       }
-      getReadModule(param).then(res => {
-        this.currentData = Object.assign({}, ReadingPlan)
-        // this.currentData.SubjectId = row.SubjectId
-        // this.currentData.SiteId = row.SiteId
-        // this.currentData.TrialId = this.trialId
-        this.currentData.Stakeholders = res.Result.StakeholderNames.join(', ')
-        this.dialogVisible = true
-        this.loading = false
-      }).catch(() => { this.loading = false })
+      getReadModule(param)
+        .then((res) => {
+          this.currentData = Object.assign({}, ReadingPlan)
+          // this.currentData.SubjectId = row.SubjectId
+          // this.currentData.SiteId = row.SiteId
+          // this.currentData.TrialId = this.trialId
+          this.currentData.Stakeholders = res.Result.StakeholderNames.join(', ')
+          this.dialogVisible = true
+          this.loading = false
+        })
+        .catch(() => {
+          this.loading = false
+        })
     },
     // 获取site下拉框数据
     getSite() {
-      getTrialSiteSelect(this.trialId).then(res => {
+      getTrialSiteSelect(this.trialId).then((res) => {
         this.siteOptions = res.Result
       })
     },
     handleExportSubject() {
-      getSubjectProgress_Export(this.searchData).then(res => {
-      }).catch(() => {})
+      getSubjectProgress_Export(this.searchData)
+        .then((res) => {})
+        .catch(() => {})
     },
     handleExportPeriod() {
-      getReadingPeriodList_Export(this.searchData).then(res => {
-      }).catch(() => {})
+      getReadingPeriodList_Export(this.searchData)
+        .then((res) => {})
+        .catch(() => {})
     },
     getTrialCriterionList() {
-      getTrialCriterionList(this.trialId, false).then(res => {
-        this.trialCriterionList = res.Result
-        this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
-      }).catch(() => {})
+      getTrialCriterionList(this.trialId, false)
+        .then((res) => {
+          this.trialCriterionList = res.Result
+          this.TrialReadingCriterionId =
+            this.trialCriterionList[0].TrialReadingCriterionId
+        })
+        .catch(() => {})
     },
     handleSearch() {
       this.searchData.PageIndex = 1
@@ -546,7 +871,11 @@ export default {
       }
     },
     cellStyle({ row, column, rowIndex, columnIndex }) {
-      if (columnIndex > 2 && (row.Data.length >= columnIndex - 2) && column.property) {
+      if (
+        columnIndex > 2 &&
+        row.Data.length >= columnIndex - 2 &&
+        column.property
+      ) {
         const index = column.property.substring(4) * 1
         // 0 计划内访视; 1 计划外访视; 2 阅片期; 3 全局阅片; 4 裁判; 5肿瘤学
         const type = row.Data[index].ModuleType
@@ -557,44 +886,59 @@ export default {
           return { 'vertical-align': 'top' }
         } else if ((type === 0 || type === 1) && status === 1) {
           // 计划访视 影像质控 （蓝色）
-          return { 'background-color': 'rgb(189,215,238)', 'vertical-align': 'top' }
+          return {
+            'background-color': 'rgb(189,215,238)',
+            'vertical-align': 'top',
+          }
         } else if ((type === 0 || type === 1) && status === 2) {
           // 计划访视 一致性核查 （黄色）
-          return { 'background-color': 'rgb(255,217,102)', 'vertical-align': 'top' }
+          return {
+            'background-color': 'rgb(255,217,102)',
+            'vertical-align': 'top',
+          }
         } else if ((type === 0 || type === 1) && status === 3) {
           // 计划访视 任务分配 （绿色）
-          return { 'background-color': 'rgb(169,208,142)', 'vertical-align': 'top' }
+          return {
+            'background-color': 'rgb(169,208,142)',
+            'vertical-align': 'top',
+          }
         } else if ((type === 0 || type === 1) && status === 4) {
           // 计划访视 影像阅片 （绿色）
-          return { 'background-color': 'rgb(169,208,142)', 'vertical-align': 'top' }
+          return {
+            'background-color': 'rgb(169,208,142)',
+            'vertical-align': 'top',
+          }
         } else if ((type === 0 || type === 1) && status === 5) {
           // 计划访视 阅片完成 （橙色）
-          return { 'background-color': 'rgb(244,176,132)', 'vertical-align': 'top' }
+          return {
+            'background-color': 'rgb(244,176,132)',
+            'vertical-align': 'top',
+          }
         }
       }
-    }
-  }
+    },
+  },
 }
 </script>
 <style lang="scss" scoped>
-  .reading-period{
-    ::v-deep.search {
-      padding: 0px !important;
-    }
-  }
-  ::v-deep .hidden-row{
-    display: none;
-  }
-  ::v-deep .el-dialog__body {
-    padding: 0px 20px;
-  }
-  ::v-deep .el-dialog__header {
-    padding: 10px 20px;
+.reading-period {
+  ::v-deep.search {
+    padding: 0px !important;
   }
+}
+::v-deep .hidden-row {
+  display: none;
+}
+::v-deep .el-dialog__body {
+  padding: 0px 20px;
+}
+::v-deep .el-dialog__header {
+  padding: 10px 20px;
+}
 
-  ::v-deep .el-tag--danger.el-tag--dark {
-    // background-color: #f56c6c!important;
-    border-color: none!important;
-    // color: #fff!important;
-  }
+::v-deep .el-tag--danger.el-tag--dark {
+  // background-color: #f56c6c!important;
+  border-color: none !important;
+  // color: #fff!important;
+}
 </style>