diff --git a/src/views/none-dicom-show/index.vue b/src/views/none-dicom-show/index.vue
index 370c7bfe..300c9fce 100644
--- a/src/views/none-dicom-show/index.vue
+++ b/src/views/none-dicom-show/index.vue
@@ -209,11 +209,11 @@ export default {
                 this.$message.success(
                   this.$t('common:message:savedSuccessfully')
                 )
-                this.getNoneDicomList()
+                file.IsReading = !file.IsReading
+                // this.getNoneDicomList()
               }
             })
             .catch(() => {
-              file.IsReading = !file.IsReading
               this.loading = false
             })
         })
@@ -254,15 +254,18 @@ export default {
                 this.$message.success(
                   this.$t('common:message:savedSuccessfully')
                 )
-                this.getNoneDicomList()
+                file.IsDeleted = !file.IsDeleted
+                // this.getNoneDicomList()
               }
             })
             .catch(() => {
-              file.IsDeleted = !file.IsDeleted
+              // file.IsDeleted = !file.IsDeleted
               this.loading = false
             })
         })
-        .catch(() => {})
+        .catch(() => {
+          // file.IsDeleted = !file.IsDeleted
+        })
     },
     getBodyPart(bodyPart) {
       if (!bodyPart) return ''
@@ -495,7 +498,7 @@ export default {
   min-height: 48px;
   height: auto;
 }
-::v-deep .el-collapse-item__content{
+::v-deep .el-collapse-item__content {
   padding-bottom: 0;
 }
 </style>
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>
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue
index 2da2a846..e21e26fc 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/fileRecord/index.vue
@@ -9,7 +9,7 @@
         v-if="isManage && hasEdit && !viewStatus"
       >
         <el-radio-group
-          v-model="rowData.IsConfirmRecord"
+          v-model="DATA.IsConfirmRecord"
           :disabled="rowBtnStatus === 'edit'"
         >
           <el-radio
@@ -25,7 +25,7 @@
         v-if="isManage && hasEdit && !viewStatus"
       >
         <el-radio-group
-          v-model="rowData.IsEnable"
+          v-model="DATA.IsEnable"
           :disabled="rowBtnStatus === 'edit'"
         >
           <el-radio
@@ -54,7 +54,7 @@
         </el-button>
       </el-form-item>
     </el-form>
-    <div class="line"></div>
+    <div class="line" v-if="!viewStatus"></div>
     <!-- 搜索框 -->
     <div class="search" style="position: relative">
       <el-form :inline="true" class="base-search-form">
@@ -421,6 +421,8 @@ export default {
       uploadPath: null,
       faccept: ['.pdf'],
       limitLength: 0,
+
+      DATA: {},
     }
   },
   methods: {
@@ -710,7 +712,7 @@ export default {
     async saveRowData() {
       try {
         this.rowBtnLoading = true
-        let res = await addOrUpdateTrialFileType(this.rowData)
+        let res = await addOrUpdateTrialFileType(this.DATA)
         this.rowBtnLoading = false
         if (res.IsSuccess) {
           this.rowBtnStatus = 'edit'
@@ -757,10 +759,17 @@ export default {
   watch: {
     Id: {
       handler() {
+        this.rowBtnStatus = 'edit'
         this.getList()
       },
       immediate: true,
     },
+    rowData: {
+      handler() {
+        this.DATA = Object.assign({}, this.rowData)
+      },
+      immediate: true,
+    },
   },
   created() {
     let typeArr = ['', 'Report', 'Doc', 'Record', 'Reviewer', 'Template']
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue
index 537588e4..8805ac5e 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/menu.vue
@@ -5,7 +5,7 @@
         <i class="el-icon-folder-opened"></i>
         <span>{{ $fd('ArchiveType', item.ArchiveTypeEnum) }}</span>
         <i
-          class="el-icon-circle-plus menuAdd" 
+          class="el-icon-circle-plus menuAdd"
           :title="$t('trials:trialDocument:menu:add')"
           @click.stop="addMenu(item.ArchiveTypeEnum)"
           v-if="isManage && hasAdd && !viewStatus && item.ArchiveTypeEnum !== 5"
@@ -18,7 +18,9 @@
         @click.stop="handleSelect(data, item.ArchiveTypeEnum)"
       >
         <i class="el-icon-s-order" style="margin-left: 5px"></i>
-        <span class="menuItem">{{ isEN ? data.Name : data.NameCN }}</span>
+        <span class="menuItem" :title="isEN ? data.Name : data.NameCN">{{
+          isEN ? data.Name : data.NameCN
+        }}</span>
         <div
           @click="NATIVE"
           class="menuBtnBox"
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue
index 1456f37c..d10532a1 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/report_doc/index.vue
@@ -9,7 +9,7 @@
       >
         <el-date-picker
           :disabled="!isManage || rowBtnStatus === 'edit'"
-          v-model="rowData.FirstFinalDate"
+          v-model="DATA.FirstFinalDate"
           type="date"
           value-format="yyyy-MM-dd"
           format="yyyy-MM-dd"
@@ -22,7 +22,7 @@
         v-if="isManage && hasEdit && !viewStatus"
       >
         <el-radio-group
-          v-model="rowData.IsConfirmRecord"
+          v-model="DATA.IsConfirmRecord"
           :disabled="rowBtnStatus === 'edit'"
         >
           <el-radio
@@ -38,7 +38,7 @@
         v-if="isManage && hasEdit && !viewStatus"
       >
         <el-radio-group
-          v-model="rowData.IsEnable"
+          v-model="DATA.IsEnable"
           :disabled="rowBtnStatus === 'edit'"
         >
           <el-radio
@@ -494,6 +494,7 @@ export default {
         upload: null,
       },
       selectData: {},
+      DATA: {},
     }
   },
   methods: {
@@ -736,7 +737,7 @@ export default {
     async saveRowData() {
       try {
         this.rowBtnLoading = true
-        let res = await addOrUpdateTrialFileType(this.rowData)
+        let res = await addOrUpdateTrialFileType(this.DATA)
         this.rowBtnLoading = false
         if (res.IsSuccess) {
           this.rowBtnStatus = 'edit'
@@ -764,10 +765,17 @@ export default {
   watch: {
     Id: {
       handler() {
+        this.rowBtnStatus = 'edit'
         this.getList()
       },
       immediate: true,
     },
+    rowData: {
+      handler() {
+        this.DATA = Object.assign({}, this.rowData)
+      },
+      immediate: true,
+    },
   },
   computed: {
     isEN() {
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue
index 57ef22a6..68b62b0f 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/template/index.vue
@@ -9,7 +9,7 @@
         v-if="isManage && hasEdit && !viewStatus"
       >
         <el-radio-group
-          v-model="rowData.IsEnable"
+          v-model="DATA.IsEnable"
           :disabled="rowBtnStatus === 'edit'"
         >
           <el-radio
@@ -243,7 +243,7 @@
         <template slot-scope="scope">
           <viewer
             :ref="scope.row.TrialFileRecord.FilePath"
-            style="margin: 0 10px;display: inline-block;"
+            style="margin: 0 10px; display: inline-block"
             :images="[
               `${OSSclientConfig.basePath}${scope.row.TrialFileRecord.FilePath}`,
             ]"
@@ -376,6 +376,8 @@ export default {
       uploadPath: null,
       faccept: ['.pdf'],
       limitLength: 0,
+
+      DATA: {},
     }
   },
   methods: {
@@ -654,7 +656,7 @@ export default {
     async saveRowData() {
       try {
         this.rowBtnLoading = true
-        let res = await addOrUpdateTrialFileType(this.rowData)
+        let res = await addOrUpdateTrialFileType(this.DATA)
         this.rowBtnLoading = false
         if (res.IsSuccess) {
           this.rowBtnStatus = 'edit'
@@ -715,10 +717,17 @@ export default {
   watch: {
     Id: {
       handler() {
+        this.rowBtnStatus = 'edit'
         this.getList()
       },
       immediate: true,
     },
+    rowData: {
+      handler() {
+        this.DATA = Object.assign({}, this.rowData)
+      },
+      immediate: true,
+    },
   },
   created() {
     let typeArr = ['', 'Report', 'Doc', 'Record', 'Reviewer', 'Template']
diff --git a/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue b/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue
index 0c2c2852..230d3304 100644
--- a/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue
+++ b/src/views/trials/trials-panel/trial-summary/trial-document/components/trainRecord/index.vue
@@ -9,7 +9,7 @@
         v-if="isManage && hasEdit && !viewStatus"
       >
         <el-radio-group
-          v-model="rowData.IsConfirmRecord"
+          v-model="DATA.IsConfirmRecord"
           :disabled="rowBtnStatus === 'edit'"
         >
           <el-radio
@@ -25,7 +25,7 @@
         v-if="isManage && hasEdit && !viewStatus"
       >
         <el-radio-group
-          v-model="rowData.IsEnable"
+          v-model="DATA.IsEnable"
           :disabled="rowBtnStatus === 'edit'"
         >
           <el-radio
@@ -54,7 +54,7 @@
         </el-button>
       </el-form-item>
     </el-form>
-    <div class="line"></div>
+    <div class="line" v-if="!viewStatus"></div>
     <!-- 搜索框 -->
     <div class="search" style="position: relative">
       <el-form :inline="true" class="base-search-form">
@@ -504,6 +504,7 @@ export default {
         status: 'add',
         upload: null,
       },
+      DATA: {},
     }
   },
   methods: {
@@ -802,7 +803,7 @@ export default {
     async saveRowData() {
       try {
         this.rowBtnLoading = true
-        let res = await addOrUpdateTrialFileType(this.rowData)
+        let res = await addOrUpdateTrialFileType(this.DATA)
         this.rowBtnLoading = false
         if (res.IsSuccess) {
           this.rowBtnStatus = 'edit'
@@ -852,10 +853,17 @@ export default {
   watch: {
     Id: {
       handler() {
+        this.rowBtnStatus = 'edit'
         this.getList()
       },
       immediate: true,
     },
+    rowData: {
+      handler() {
+        this.DATA = Object.assign({}, this.rowData)
+      },
+      immediate: true,
+    },
   },
   created() {
     let typeArr = ['', 'Report', 'Doc', 'Record', 'Reviewer', 'Template']
diff --git a/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue b/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
index c1f6c6dd..2f33b6a9 100644
--- a/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
+++ b/src/views/trials/trials-panel/visit/qc-check/components/qualityAssurance.vue
@@ -432,6 +432,16 @@
                 @click="getCRCUploadedStudyInfo('noneDicom')"
               >
                 {{ $t('trials:audit:button:downLoadAllNonDiocms') }}
+              </el-button>
+                            <!-- 预览 -->
+                            <el-button
+                size="small"
+                :disabled="noneDicomStudyList.length === 0"
+                type="primary"
+                style="margin-left: 10px"
+                @click="handleViewAllNoneDicoms(false)"
+              >
+                {{ $t('trials:audit:tip:nonDicomsPreviewAll') }}
               </el-button>
               <!-- 预览阅片 -->
               <el-button
@@ -443,16 +453,6 @@
               >
                 {{ $t('trials:audit:tip:nonDicomsPreviewAllReading') }}
               </el-button>
-              <!-- 预览 -->
-              <el-button
-                size="small"
-                :disabled="noneDicomStudyList.length === 0"
-                type="primary"
-                style="margin-left: 10px"
-                @click="handleViewAllNoneDicoms(false)"
-              >
-                {{ $t('trials:audit:tip:nonDicomsPreviewAll') }}
-              </el-button>
             </div>
             <el-table
               :data="noneDicomStudyList"