From f5c4b49e6f8965d3900a613a7d5ff6dc9157c5a1 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Wed, 21 Aug 2024 13:46:46 +0800
Subject: [PATCH] =?UTF-8?q?=E6=84=8F=E8=A7=81=E5=8F=8D=E9=A6=88=E5=BD=B1?=
 =?UTF-8?q?=E5=83=8F=E4=B8=8A=E4=BC=A0=E3=80=81=E5=BD=B1=E5=83=8F=E8=B4=A8?=
 =?UTF-8?q?=E7=96=91=E3=80=81=E4=B8=80=E8=87=B4=E6=80=A7=E6=A0=B8=E6=9F=A5?=
 =?UTF-8?q?=E7=BB=91=E5=AE=9A=E8=AE=BF=E8=A7=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/feedBack/fun.js                |    4 +-
 src/components/feedBack/index.vue             |   14 +-
 src/store/modules/trials.js                   |    3 +-
 src/styles/index.scss                         |    3 +
 .../trials-layout/components/feedBack.vue     |    1 +
 .../visit/consistency-check/index.vue         |  809 ++++---
 .../trials-panel/visit/crc-question/index.vue |  349 ++-
 .../trials-panel/visit/crc-upload/index.vue   | 1883 +++++++++++------
 8 files changed, 1990 insertions(+), 1076 deletions(-)

diff --git a/src/components/feedBack/fun.js b/src/components/feedBack/fun.js
index a9dc546d..53ca553a 100644
--- a/src/components/feedBack/fun.js
+++ b/src/components/feedBack/fun.js
@@ -3,7 +3,7 @@ import FEEDBACKCOMP from "./index.vue";
 const FBConstructor = Vue.extend(FEEDBACKCOMP);
 
 const FB = options => {
-    const { type, callBack, cancelBack, trialId = null, Id = null, visitTaskId = null } = options;
+    const { type, callBack, cancelBack, trialId = null, Id = null, visitTaskId = null, SubjectVisitId = null } = options;
     if (!type) throw `type is requred.but ${type}`
     const id = `FB${new Date().getTime()}`;
     const instance = new FBConstructor();
@@ -12,7 +12,7 @@ const FB = options => {
     if (instance.vm.visible) return;
     document.body.appendChild(instance.vm.$el);
     console.log(type);
-    instance.vm.open({ type, trialId, Id, visitTaskId });
+    instance.vm.open({ type, trialId, Id, visitTaskId, SubjectVisitId });
     instance.vm.$on("success", (Id) => {
         if (callBack) callBack();
 
diff --git a/src/components/feedBack/index.vue b/src/components/feedBack/index.vue
index d123e5c8..2077ce06 100644
--- a/src/components/feedBack/index.vue
+++ b/src/components/feedBack/index.vue
@@ -14,7 +14,7 @@
         {{ title }}
       </div>
       <!-- 项目详情 -->
-      <div class="trialsBox" v-if="visitTaskId">
+      <div class="trialsBox" v-if="visitTaskId || SubjectVisitId">
         <el-form
           label-position="right"
           :model="form"
@@ -187,6 +187,7 @@ export default {
         TrialSiteId: null,
         TrialId: null,
         VisitTaskId: null,
+        SubjectVisitId: null,
         ScreenshotList: [],
         ScreenshotListStr: null,
       },
@@ -251,16 +252,15 @@ export default {
   },
   methods: {
     open(data) {
-      let { type, trialId, Id, visitTaskId } = data;
+      let { type, trialId, Id, visitTaskId, SubjectVisitId } = data;
       this.type = type;
       this.trialId = trialId;
       this.Id = Id;
       this.visitTaskId = visitTaskId;
-      console.log(visitTaskId, "visitTaskId");
+      this.SubjectVisitId = SubjectVisitId;
       if (visitTaskId) {
         this.isImgfail = true;
       }
-      console.log(this.isImgfail, "isImgfail");
       this.setTypeOption();
       if (!Id) {
         this.title = this.setTitle();
@@ -284,6 +284,9 @@ export default {
         if (this.visitTaskId) {
           this.form.VisitTaskId = this.visitTaskId;
         }
+        if (this.SubjectVisitId) {
+          this.form.SubjectVisitId = this.SubjectVisitId;
+        }
         if (this.Id) {
           this.form.Id = this.Id;
         }
@@ -336,6 +339,9 @@ export default {
           if (res.Result.VisitTaskId) {
             this.visitTaskId = res.Result.VisitTaskId;
           }
+          if (res.Result.SubjectVisitId) {
+            this.SubjectVisitId = res.Result.SubjectVisitId;
+          }
           let code = this.$fd("UserType", res.Result.UserTypeEnum);
           this.title = this.setTitle(code, res.Result.FeedBackFullName);
           if (visitTaskId) {
diff --git a/src/store/modules/trials.js b/src/store/modules/trials.js
index 33a1e7d4..b66e3bd5 100644
--- a/src/store/modules/trials.js
+++ b/src/store/modules/trials.js
@@ -11,7 +11,8 @@ const getDefaultState = () => {
     config: {},
     uploadTip: null,
     timer: null,
-    whiteList: []
+    whiteList: [],
+    checkTaskId: null
   }
 }
 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 8d473c9f..9700fe12 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -346,4 +346,7 @@ body .el-table th.gutter {
   opacity: .5;
   background: #000;
   z-index: 3999;
+}
+.el-message-box__wrapper{
+  z-index: 9999 !important;
 }
\ No newline at end of file
diff --git a/src/views/trials/trials-layout/components/feedBack.vue b/src/views/trials/trials-layout/components/feedBack.vue
index 65a10d59..31a8bc5e 100644
--- a/src/views/trials/trials-layout/components/feedBack.vue
+++ b/src/views/trials/trials-layout/components/feedBack.vue
@@ -58,6 +58,7 @@ export default {
       this.$FB({
         type: "feedback",
         trialId: this.$route.query.trialId,
+        SubjectVisitId: this.$store.state.trials.checkTaskId,
       });
     },
     // 打开反馈列表
diff --git a/src/views/trials/trials-panel/visit/consistency-check/index.vue b/src/views/trials/trials-panel/visit/consistency-check/index.vue
index 6b571bb8..2b818826 100644
--- a/src/views/trials/trials-panel/visit/consistency-check/index.vue
+++ b/src/views/trials/trials-panel/visit/consistency-check/index.vue
@@ -5,9 +5,14 @@
       <el-form :inline="true">
         <!-- 中心编号 -->
         <el-form-item :label="$t('trials:consistencyCheck:table:siteId')">
-          <el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
+          <el-select
+            v-model="searchData.TrialSiteId"
+            clearable
+            filterable
+            style="width: 120px"
+          >
             <el-option
-              v-for="(item,index) of siteOptions"
+              v-for="(item, index) of siteOptions"
               :key="index"
               :label="item.TrialSiteCode"
               :value="item.TrialSiteId"
@@ -16,13 +21,16 @@
         </el-form-item>
         <!-- 受试者编号 -->
         <el-form-item :label="$t('trials:consistencyCheck:table:subjectId')">
-          <el-input v-model="searchData.SubjectInfo" style="width:100px;" />
+          <el-input v-model="searchData.SubjectInfo" style="width: 100px" />
         </el-form-item>
         <!-- 访视名称 -->
-        <el-form-item class="my_multiple" :label="$t('trials:consistencyCheck:table:visitName')">
+        <el-form-item
+          class="my_multiple"
+          :label="$t('trials:consistencyCheck:table:visitName')"
+        >
           <el-select
             v-model="searchData.VisitPlanArray"
-            style="width:140px"
+            style="width: 140px"
             clearable
             multiple
           >
@@ -34,34 +42,51 @@
             >
               <span style="float: left">{{ item.VisitName }}</span>
             </el-option>
-            <el-option
-              key="Other"
-              label="Out of Plan"
-              value="1.11"
-            />
+            <el-option key="Other" label="Out of Plan" value="1.11" />
           </el-select>
         </el-form-item>
         <!-- 核查状态 -->
         <el-form-item :label="$t('trials:consistencyCheck:table:checkState')">
-          <el-select v-model="searchData.CheckState" clearable style="width:120px">
-            <el-option v-for="item of $d.CheckState" :key="item.value" :value="item.value" :label="item.label" />
+          <el-select
+            v-model="searchData.CheckState"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.CheckState"
+              :key="item.value"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 查询 -->
         <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-          {{ $t('common:button:search') }}
+          {{ $t("common:button:search") }}
         </el-button>
         <!-- 重置 -->
-        <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-          {{ $t('common:button:reset') }}
+        <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="handleExport(1)">
-          {{ $t('trials:consistencyCheck:button:export1') }}
+        <el-button
+          type="primary"
+          icon="el-icon-download"
+          @click="handleExport(1)"
+        >
+          {{ $t("trials:consistencyCheck:button:export1") }}
         </el-button>
         <!-- 导出一致性核查记录表 -->
-        <el-button type="primary" icon="el-icon-download" @click="handleExport(2)">
-          {{ $t('trials:consistencyCheck:button:export2') }}
+        <el-button
+          type="primary"
+          icon="el-icon-download"
+          @click="handleExport(2)"
+        >
+          {{ $t("trials:consistencyCheck:button:export2") }}
         </el-button>
         <!-- 下载模板 -->
         <el-button
@@ -70,21 +95,20 @@
           icon="el-icon-download"
           @click="handleDownload"
         >
-          {{ $t('trials:consistencyCheck:button:download') }}
+          {{ $t("trials:consistencyCheck:button:download") }}
         </el-button>
       </el-form>
       <!-- 上传 -->
-      <span style="margin-left:auto;">
+      <span style="margin-left: auto">
         <el-button
           v-hasPermi="['trials:trials-panel:visit:consistency-check:upload']"
           type="primary"
           icon="el-icon-upload2"
           @click="handleOpenUploadDialog"
         >
-          {{ $t('trials:consistencyCheck:button:upload') }}
+          {{ $t("trials:consistencyCheck:button:upload") }}
         </el-button>
       </span>
-      
     </template>
 
     <!-- 一致性核查列表 -->
@@ -92,7 +116,7 @@
       <el-table
         ref="consistencyTable"
         v-loading="loading"
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         :data="list"
         stripe
         height="100"
@@ -108,8 +132,12 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsUrgent" type="danger">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
-            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
+            <el-tag v-if="scope.row.IsUrgent" type="danger">{{
+              $fd("YesOrNo", scope.row.IsUrgent)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd("YesOrNo", scope.row.IsUrgent)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 核查质疑状态 -->
@@ -122,13 +150,29 @@
         >
           <template slot-scope="scope">
             <span v-if="scope.row.CheckChallengeState === 0"> -- </span>
-            <el-tag v-else-if="scope.row.CheckChallengeState === 1" type="danger">
-              {{ userTypeEnumInt === 2? $fd('CheckChallengeState', 1) : $fd('CheckChallengeState', 2) }}
+            <el-tag
+              v-else-if="scope.row.CheckChallengeState === 1"
+              type="danger"
+            >
+              {{
+                userTypeEnumInt === 2
+                  ? $fd("CheckChallengeState", 1)
+                  : $fd("CheckChallengeState", 2)
+              }}
             </el-tag>
-            <el-tag v-else-if="scope.row.CheckChallengeState === 2" type="danger">
-              {{ userTypeEnumInt === 2?$fd('CheckChallengeState', 2) : $fd('CheckChallengeState', 1) }}
+            <el-tag
+              v-else-if="scope.row.CheckChallengeState === 2"
+              type="danger"
+            >
+              {{
+                userTypeEnumInt === 2
+                  ? $fd("CheckChallengeState", 2)
+                  : $fd("CheckChallengeState", 1)
+              }}
             </el-tag>
-            <el-tag v-else-if="scope.row.CheckChallengeState === 3">{{ $fd('CheckChallengeState', scope.row.CheckChallengeState) }}</el-tag>
+            <el-tag v-else-if="scope.row.CheckChallengeState === 3">{{
+              $fd("CheckChallengeState", scope.row.CheckChallengeState)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 中心编号 -->
@@ -157,7 +201,9 @@
         >
           <template slot-scope="scope">
             <span>{{ scope.row.VisitName }}</span>
-            <span v-if="scope.row.IsCheckBack" class="status-primary-circle">{{$t('trials:consistencyCheck:table:back')}}</span>
+            <span v-if="scope.row.IsCheckBack" class="status-primary-circle">{{
+              $t("trials:consistencyCheck:table:back")
+            }}</span>
           </template>
         </el-table-column>
 
@@ -182,7 +228,7 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <span>{{ scope.row.LatestScanDate.split(' ')[0] }}</span>
+            <span>{{ scope.row.LatestScanDate.split(" ")[0] }}</span>
           </template>
         </el-table-column>
 
@@ -223,9 +269,15 @@
         >
           <template slot-scope="scope">
             <span v-if="scope.row.CheckState === 0"> -- </span>
-            <el-tag v-else-if="scope.row.CheckState === 9" type="danger">{{ $fd('CheckState', scope.row.CheckState) }}</el-tag>
-            <el-tag v-else-if="scope.row.CheckState === 10" type="danger">{{ $fd('CheckState', scope.row.CheckState) }}</el-tag>
-            <el-tag v-else-if="scope.row.CheckState === 11">{{ $fd('CheckState', scope.row.CheckState) }}</el-tag>
+            <el-tag v-else-if="scope.row.CheckState === 9" type="danger">{{
+              $fd("CheckState", scope.row.CheckState)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.CheckState === 10" type="danger">{{
+              $fd("CheckState", scope.row.CheckState)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.CheckState === 11">{{
+              $fd("CheckState", scope.row.CheckState)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 核查时间 -->
@@ -259,14 +311,38 @@
           min-width="120"
         >
           <template slot-scope="scope">
-            <span v-if="scope.row.RequestBackState*1 === 0">{{ $fd('RequestBackState', scope.row.RequestBackState*1) }}</span>
-            <el-tag v-else-if="scope.row.RequestBackState*1 === 1">{{ $fd('RequestBackState', scope.row.RequestBackState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.RequestBackState*1 === 2" type="warning">{{ $fd('RequestBackState', scope.row.RequestBackState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.RequestBackState*1 === 3" type="danger">{{ $fd('RequestBackState', scope.row.RequestBackState*1) }}</el-tag>
+            <span v-if="scope.row.RequestBackState * 1 === 0">{{
+              $fd("RequestBackState", scope.row.RequestBackState * 1)
+            }}</span>
+            <el-tag v-else-if="scope.row.RequestBackState * 1 === 1">{{
+              $fd("RequestBackState", scope.row.RequestBackState * 1)
+            }}</el-tag>
+            <el-tag
+              v-else-if="scope.row.RequestBackState * 1 === 2"
+              type="warning"
+              >{{
+                $fd("RequestBackState", scope.row.RequestBackState * 1)
+              }}</el-tag
+            >
+            <el-tag
+              v-else-if="scope.row.RequestBackState * 1 === 3"
+              type="danger"
+              >{{
+                $fd("RequestBackState", scope.row.RequestBackState * 1)
+              }}</el-tag
+            >
           </template>
         </el-table-column>
         <el-table-column
-          v-if="hasPermi(['trials:trials-panel:visit:consistency-check:reply', 'trials:trials-panel:visit:consistency-check:apply-fallback','trials:trials-panel:visit:consistency-check:fallback','trials:trials-panel:visit:consistency-check:close','trials:trials-panel:visit:consistency-check:pass'])"
+          v-if="
+            hasPermi([
+              'trials:trials-panel:visit:consistency-check:reply',
+              'trials:trials-panel:visit:consistency-check:apply-fallback',
+              'trials:trials-panel:visit:consistency-check:fallback',
+              'trials:trials-panel:visit:consistency-check:close',
+              'trials:trials-panel:visit:consistency-check:pass',
+            ])
+          "
           :label="$t('common:action:action')"
           width="200"
           fixed="right"
@@ -285,7 +361,11 @@
               circle
               :title="$t('trials:consistencyCheck:action:close')"
               icon="el-icon-close"
-              :disabled="scope.row.CheckChallengeState === 0 || scope.row.CheckChallengeState === 3 || scope.row.RequestBackState === 1"
+              :disabled="
+                scope.row.CheckChallengeState === 0 ||
+                scope.row.CheckChallengeState === 3 ||
+                scope.row.RequestBackState === 1
+              "
               @click="handleOpenReason(scope.row, 'close')"
             />
             <!-- 通过 -->
@@ -294,7 +374,11 @@
               circle
               :title="$t('trials:consistencyCheck:action:pass')"
               icon="el-icon-circle-check"
-              :disabled="scope.row.CheckState === 11 || scope.row.CheckChallengeState === 1 || scope.row.CheckChallengeState === 2"
+              :disabled="
+                scope.row.CheckState === 11 ||
+                scope.row.CheckChallengeState === 1 ||
+                scope.row.CheckChallengeState === 2
+              "
               @click="handleOpenReason(scope.row, 'pass')"
             />
           </template>
@@ -302,13 +386,19 @@
       </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"
+      />
       <div class="remark">
         <span class="status-primary-circle">
-        <!-- 回退 -->
-        {{$t('trials:consistencyCheck:table:back')}}
-      </span>
-      <span>: {{$t('trials:consistencyCheck:title:back')}}</span>
+          <!-- 回退 -->
+          {{ $t("trials:consistencyCheck:table:back") }}
+        </span>
+        <span>: {{ $t("trials:consistencyCheck:title:back") }}</span>
       </div>
     </template>
 
@@ -317,10 +407,24 @@
       v-dialogDrag
       :visible.sync="chatVisible"
       :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :before-close="beforeClose"
       width="800px"
-      :title="$t('trials:consistencyCheck:dialogTitle:qsContent') + `(${currentRow.SubjectCode} ${currentRow.VisitName})`"
+      :title="
+        $t('trials:consistencyCheck:dialogTitle:qsContent') +
+        `(${currentRow.SubjectCode} ${currentRow.VisitName})`
+      "
     >
-      <ConsistencyCheckForm ref="chatForm" :data="currentRow" :is-reply="isReply" :dialog-list="currentDialogList" @close="chatVisible = false" @getDialogList="getDialogList" @handleApplyBack="handleApplyBack" @handleBack="handleBack" />
+      <ConsistencyCheckForm
+        ref="chatForm"
+        :data="currentRow"
+        :is-reply="isReply"
+        :dialog-list="currentDialogList"
+        @close="beforeClose"
+        @getDialogList="getDialogList"
+        @handleApplyBack="handleApplyBack"
+        @handleBack="handleBack"
+      />
     </el-dialog>
 
     <!-- 签名 -->
@@ -331,10 +435,17 @@
       width="600px"
     >
       <div slot="title">
-        <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
-        <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
+        <span style="font-size: 18px">{{ $t("common:dialogTitle:sign") }}</span>
+        <span style="font-size: 12px; margin-left: 5px">{{
+          `(${$t("common:label:sign")}${currentUser})`
+        }}</span>
       </div>
-      <SignForm ref="signForm" :sign-code-enum="signCode" :subject-visit-id="currentRow.Id" @closeDialog="closeSignDialog" />
+      <SignForm
+        ref="signForm"
+        :sign-code-enum="signCode"
+        :subject-visit-id="currentRow.Id"
+        @closeDialog="closeSignDialog"
+      />
     </el-dialog>
 
     <!-- 原因 -->
@@ -347,7 +458,14 @@
       :width="currentRow.type === 'pass' ? '750px' : '600px'"
       :title="ReasonTitle"
     >
-      <div style="padding:10px;border: 1px solid #e0e0e0;max-height:650px;overflow-y: auto;">
+      <div
+        style="
+          padding: 10px;
+          border: 1px solid #e0e0e0;
+          max-height: 650px;
+          overflow-y: auto;
+        "
+      >
         <el-form
           ref="reasonForm"
           :rules="rules"
@@ -360,26 +478,53 @@
             :label="$t(`trials:qcQuality:label:${currentRow.type}Reason`)"
             prop="Type"
             :rules="[
-              { required: true, message: $t('common:ruleMessage:select')},
+              { required: true, message: $t('common:ruleMessage:select') },
             ]"
           >
             <el-radio-group v-model="QuestionForm.Type" @change="typeChange">
               <!-- 问题已解决 -->
-              <el-radio :label="1" style="width: 400px;margin-bottom: 10px">{{ $t(`trials:check:radio:${currentRow.type}reason${1}`) }}</el-radio>
+              <el-radio :label="1" style="width: 400px; margin-bottom: 10px">{{
+                $t(`trials:check:radio:${currentRow.type}reason${1}`)
+              }}</el-radio>
               <!-- 问题无法解决强制关闭质疑 -->
-              <el-radio :label="2" style="width: 400px;margin-bottom: 10px">{{ $t(`trials:check:radio:${currentRow.type}reason${2}`) }}</el-radio>
+              <el-radio :label="2" style="width: 400px; margin-bottom: 10px">{{
+                $t(`trials:check:radio:${currentRow.type}reason${2}`)
+              }}</el-radio>
               <!-- 其他 -->
-              <el-radio style="width: 400px;margin-bottom: 10px" v-if="currentRow.type === 'pass'" :label="3">{{ $t(`trials:check:radio:${currentRow.type}reason${3}`) }}</el-radio>
+              <el-radio
+                style="width: 400px; margin-bottom: 10px"
+                v-if="currentRow.type === 'pass'"
+                :label="3"
+                >{{
+                  $t(`trials:check:radio:${currentRow.type}reason${3}`)
+                }}</el-radio
+              >
               <!-- 其他 -->
-              <el-radio style="width: 400px;margin-bottom: 10px" v-if="currentRow.type === 'pass'" :label="4">{{ $t(`trials:check:radio:${currentRow.type}reason${4}`) }}</el-radio>
+              <el-radio
+                style="width: 400px; margin-bottom: 10px"
+                v-if="currentRow.type === 'pass'"
+                :label="4"
+                >{{
+                  $t(`trials:check:radio:${currentRow.type}reason${4}`)
+                }}</el-radio
+              >
             </el-radio-group>
           </el-form-item>
           <!-- 原因 -->
-          <el-form-item v-if="(currentRow.type === 'pass' && QuestionForm.Type === 4) || (currentRow.type !== 'pass' && QuestionForm.Type === 2)" :label="$t(`trials:consistencyCheck:label:${currentRow.type}reason`)" prop="Remake">
+          <el-form-item
+            v-if="
+              (currentRow.type === 'pass' && QuestionForm.Type === 4) ||
+              (currentRow.type !== 'pass' && QuestionForm.Type === 2)
+            "
+            :label="
+              $t(`trials:consistencyCheck:label:${currentRow.type}reason`)
+            "
+            prop="Remake"
+          >
             <el-input
               v-model="QuestionForm.Remake"
               type="textarea"
-              :autosize="{ minRows: 2, maxRows: 4}"
+              :autosize="{ minRows: 2, maxRows: 4 }"
               :placeholder="$t('common:ruleMessage:specify')"
               maxlength="500"
               show-word-limit
@@ -389,12 +534,25 @@
       </div>
       <div slot="footer" class="dialog-footer">
         <!-- 取消 -->
-        <el-button :disabled="btnLoading" size="small" type="primary" @click="ReasonVisible = false;QuestionForm = { Type: null, Reason: null }">
-          {{ $t('common:button:cancel') }}
+        <el-button
+          :disabled="btnLoading"
+          size="small"
+          type="primary"
+          @click="
+            ReasonVisible = false;
+            QuestionForm = { Type: null, Reason: null };
+          "
+        >
+          {{ $t("common:button:cancel") }}
         </el-button>
         <!-- 保存 -->
-        <el-button :loading="btnLoading" size="small" type="primary" @click="passOrCloes">
-          {{ $t('common:button:save') }}
+        <el-button
+          :loading="btnLoading"
+          size="small"
+          type="primary"
+          @click="passOrCloes"
+        >
+          {{ $t("common:button:save") }}
         </el-button>
       </div>
     </el-dialog>
@@ -407,37 +565,54 @@
   </BaseContainer>
 </template>
 <script>
-import { getConsistencyVerificationList, getTrialSiteSelect, getTrialVisitStageSelect, cRCRequstCheckBack,
-  closeCheckChallenge, setCheckPass, getCheckChallengeDialogList } from '@/api/trials'
-import { DownloadCommonDoc } from '@/api/dictionary'
-import { getDicomAndNoneDicomStudyList_Export, getConsistencyVerificationList_Export } from '@/api/export'
-import { checkBack } from '@/api/trials/visit'
-import BaseContainer from '@/components/BaseContainer'
-import BaseModel from '@/components/BaseModel'
-import ConsistencyCheckForm from './components/consistencyCheckForm'
-import UploadExcel from './components/uploadExcel'
-import SignForm from '@/views/trials/components/newSignForm'
-import Pagination from '@/components/Pagination'
-import const_ from '@/const/sign-code'
+import {
+  getConsistencyVerificationList,
+  getTrialSiteSelect,
+  getTrialVisitStageSelect,
+  cRCRequstCheckBack,
+  closeCheckChallenge,
+  setCheckPass,
+  getCheckChallengeDialogList,
+} from "@/api/trials";
+import { DownloadCommonDoc } from "@/api/dictionary";
+import {
+  getDicomAndNoneDicomStudyList_Export,
+  getConsistencyVerificationList_Export,
+} from "@/api/export";
+import { checkBack } from "@/api/trials/visit";
+import BaseContainer from "@/components/BaseContainer";
+import BaseModel from "@/components/BaseModel";
+import ConsistencyCheckForm from "./components/consistencyCheckForm";
+import UploadExcel from "./components/uploadExcel";
+import SignForm from "@/views/trials/components/newSignForm";
+import Pagination from "@/components/Pagination";
+import const_ from "@/const/sign-code";
 const searchDataDefault = () => {
   return {
-    TrialSiteId: '',
-    SubjectInfo: '',
+    TrialSiteId: "",
+    SubjectInfo: "",
     VisitPlanArray: [],
     CheckState: null,
     PageIndex: 1,
-    PageSize: 20
-  }
-}
+    PageSize: 20,
+  };
+};
 export default {
-  name: 'ConsistencyCheck',
-  components: { BaseContainer, Pagination, ConsistencyCheckForm, UploadExcel, BaseModel, SignForm },
+  name: "ConsistencyCheck",
+  components: {
+    BaseContainer,
+    Pagination,
+    ConsistencyCheckForm,
+    UploadExcel,
+    BaseModel,
+    SignForm,
+  },
   data() {
     return {
       QuestionForm: {
         Type: null,
         Reason: null,
-        Remake: null
+        Remake: null,
       },
       searchData: searchDataDefault(),
       ReasonVisible: false,
@@ -450,112 +625,170 @@ export default {
       currentDialogList: [],
       siteOptions: [],
       visitPlanOptions: [],
-      userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
-      upload_cfg: { visible: false, title: this.$t('trials:consistencyCheck:button:upload'), width: '500px', showClose: true },
+      userTypeEnumInt: zzSessionStorage.getItem("userTypeEnumInt") * 1,
+      upload_cfg: {
+        visible: false,
+        title: this.$t("trials:consistencyCheck:button:upload"),
+        width: "500px",
+        showClose: true,
+      },
       rules: {
-        Type: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }],
-        Remake: [{ required: true, message: this.$t('common:ruleMessage:specify'), trigger: 'blur' }]
+        Type: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:specify"),
+            trigger: "blur",
+          },
+        ],
+        Remake: [
+          {
+            required: true,
+            message: this.$t("common:ruleMessage:specify"),
+            trigger: "blur",
+          },
+        ],
       },
       signVisible: false,
       signType: 0, // 0代表申请，1代表回退,2通过
-      currentUser: zzSessionStorage.getItem('userName'),
+      currentUser: zzSessionStorage.getItem("userName"),
       OtherInfo: {},
-      signCode: '',
+      signCode: "",
       trialId: this.$route.query.trialId,
       isReply: false,
-      ReasonTitle: null
-    }
+      ReasonTitle: null,
+    };
   },
   mounted() {
-    this.getList()
-    this.getSite()
-    this.getVisitPlanOptions()
+    this.getList();
+    this.getSite();
+    this.getVisitPlanOptions();
+  },
+  watch: {
+    chatVisible() {
+      if (!this.chatVisible) {
+        this.$store.state.trials.checkTaskId = null;
+      }
+    },
   },
   methods: {
+    beforeClose() {
+      this.chatVisible = false;
+      this.$store.state.trials.checkTaskId = null;
+    },
     handleExport(type) {
       if (type === 1) {
-        getDicomAndNoneDicomStudyList_Export(this.searchData).then(res => {
-        }).catch(() => { this.loading = false })
+        getDicomAndNoneDicomStudyList_Export(this.searchData)
+          .then((res) => {})
+          .catch(() => {
+            this.loading = false;
+          });
       } else {
-        getConsistencyVerificationList_Export(this.searchData).then(res => {
-        }).catch(() => { this.loading = false })
+        getConsistencyVerificationList_Export(this.searchData)
+          .then((res) => {})
+          .catch(() => {
+            this.loading = false;
+          });
       }
     },
     typeChange(v) {
-      if (v === (this.currentRow.type === 'pass' ? 4 : 2)) {
-        this.QuestionForm.Reason = null
-        this.QuestionForm.Remake = null
+      if (v === (this.currentRow.type === "pass" ? 4 : 2)) {
+        this.QuestionForm.Reason = null;
+        this.QuestionForm.Remake = null;
       } else {
-        this.QuestionForm.Reason = this.$t(`trials:check:radio:${this.currentRow.type}reason${v}`)
+        this.QuestionForm.Reason = this.$t(
+          `trials:check:radio:${this.currentRow.type}reason${v}`
+        );
       }
     },
     passOrCloes() {
-      if (this.currentRow.type === 'pass') {
-        this.pass()
+      if (this.currentRow.type === "pass") {
+        this.pass();
       } else {
-        this.handleClose(this.currentRow)
+        this.handleClose(this.currentRow);
       }
     },
     handleOpenReason(row, type) {
-      if (type === 'pass') {
+      if (type === "pass") {
         // 手动通过一次性核查原因
-        this.ReasonTitle = this.$t('trials:consistencyCheck:dialogTitle:xfpassManually')
+        this.ReasonTitle = this.$t(
+          "trials:consistencyCheck:dialogTitle:xfpassManually"
+        );
       } else {
         // 关闭一致性核查原因
-        this.ReasonTitle = this.$t('trials:consistencyCheck:dialogTitle:xfclose')
+        this.ReasonTitle = this.$t(
+          "trials:consistencyCheck:dialogTitle:xfclose"
+        );
       }
-      this.currentRow = { ...row, Reason: null }
-      this.currentRow.type = type
+      this.currentRow = { ...row, Reason: null };
+      this.currentRow.type = type;
       this.QuestionForm = {
         Type: null,
         Reason: null,
-        Remake: null
-      }
-      this.ReasonVisible = true
+        Remake: null,
+      };
+      this.ReasonVisible = true;
     },
     // 获取质疑列表
     getList() {
-      this.loading = true
-      this.searchData.TrialId = this.trialId
-      getConsistencyVerificationList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-        this.OtherInfo = res.OtherInfo
-      }).catch(() => { this.loading = false })
+      this.loading = true;
+      this.searchData.TrialId = this.trialId;
+      getConsistencyVerificationList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+          this.OtherInfo = res.OtherInfo;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 回复质疑
     handleReply(row) {
-      this.loading = true
-      getCheckChallengeDialogList(row.Id).then(res => {
-        this.loading = false
-        if (res.IsSuccess) {
-          Object.assign(row, res.Result.SubjectVisitCheck)
-          this.currentRow = { ...row }
-          this.currentDialogList = res.Result.DialogList
-          this.isReply = true
-          this.chatVisible = true
-        }
-      }).catch(() => { this.loading = false })
+      this.loading = true;
+      getCheckChallengeDialogList(row.Id)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess) {
+            Object.assign(row, res.Result.SubjectVisitCheck);
+            this.currentRow = { ...row };
+            this.$store.state.trials.checkTaskId = row.Id;
+            this.currentDialogList = res.Result.DialogList;
+            this.isReply = true;
+            this.chatVisible = true;
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     getDialogList() {
-      this.loading = true
-      this.$refs['chatForm'].loading = true
-      getCheckChallengeDialogList(this.currentRow.Id).then(res => {
-        this.loading = false
-        if (res.IsSuccess) {
-          var i = this.list.findIndex(item => item.Id === this.currentRow.Id)
-          if (i > -1) {
-            this.currentRow = Object.assign(this.list[i], res.Result.SubjectVisitCheck)
-            this.currentDialogList = res.Result.DialogList
-            this.$refs['chatForm'].addMessage(res.Result.DialogList[res.Result.DialogList.length - 1])
-            // this.$refs['chatForm'].getMessageList(res.Result.DialogList)
+      this.loading = true;
+      this.$refs["chatForm"].loading = true;
+      getCheckChallengeDialogList(this.currentRow.Id)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess) {
+            var i = this.list.findIndex(
+              (item) => item.Id === this.currentRow.Id
+            );
+            if (i > -1) {
+              this.currentRow = Object.assign(
+                this.list[i],
+                res.Result.SubjectVisitCheck
+              );
+              this.currentDialogList = res.Result.DialogList;
+              this.$refs["chatForm"].addMessage(
+                res.Result.DialogList[res.Result.DialogList.length - 1]
+              );
+              // this.$refs['chatForm'].getMessageList(res.Result.DialogList)
+            }
           }
-        }
-      }).catch(() => {
-        this.loading = false
-        this.$refs['chatForm'].loading = false
-      })
+        })
+        .catch(() => {
+          this.loading = false;
+          this.$refs["chatForm"].loading = false;
+        });
     },
     // 回退
     // handleBack(row) {
@@ -566,110 +799,127 @@ export default {
     //   this.signVisible = true
     // },
     handleBack() {
-      this.signType = 1
-      const { DataFallback } = const_.processSignature
-      this.signCode = DataFallback
-      this.signVisible = true
+      this.signType = 1;
+      const { DataFallback } = const_.processSignature;
+      this.signCode = DataFallback;
+      this.signVisible = true;
     },
     pass() {
       this.$refs.reasonForm.validate((valid) => {
-        if (!valid) return
-        this.btnLoading = true
+        if (!valid) return;
+        this.btnLoading = true;
         if (this.QuestionForm.Type === 4) {
           // 问题无法解决强制关闭质疑，已提醒中心下次注意
-          this.QuestionForm.Reason = `${this.QuestionForm.Remake}`
+          this.QuestionForm.Reason = `${this.QuestionForm.Remake}`;
         }
         var params = {
           Id: this.currentRow.Id,
-          ManualPassReason: this.QuestionForm.Reason
-        }
+          ManualPassReason: this.QuestionForm.Reason,
+        };
         setCheckPass(this.trialId, params)
-          .then(res => {
-            this.btnLoading = false
+          .then((res) => {
+            this.btnLoading = false;
             if (res.IsSuccess) {
-              this.getList()
-              this.QuestionForm.Type = null
-              this.ReasonVisible = false
-              this.$message.success(this.$t('common:message:savedSuccessfully'))
+              this.getList();
+              this.QuestionForm.Type = null;
+              this.ReasonVisible = false;
+              this.$message.success(
+                this.$t("common:message:savedSuccessfully")
+              );
             }
-          }).catch(() => {
-            this.btnLoading = false
           })
-      })
+          .catch(() => {
+            this.btnLoading = false;
+          });
+      });
     },
     back(signInfo) {
-      this.loading = true
+      this.loading = true;
       var params = {
         data: { id: this.currentRow.Id },
-        signInfo: signInfo
-      }
+        signInfo: signInfo,
+      };
       checkBack(params)
-        .then(res => {
-          this.loading = false
+        .then((res) => {
+          this.loading = false;
           if (signInfo) {
-            this.$refs['signForm'].btnLoading = false
-            this.signVisible = false
+            this.$refs["signForm"].btnLoading = false;
+            this.signVisible = false;
           }
           if (res.IsSuccess) {
-            this.getList()
+            this.getList();
             // this.getDialogList()
-            this.chatVisible = false
+            this.chatVisible = false;
             // 回退成功
-            this.$message.success(this.$t('trials:consistencyCheck:message:fallbackSuccessfully'))
-          }
-        }).catch(() => {
-          this.loading = false
-          if (signInfo) {
-            this.$refs['signForm'].btnLoading = false
+            this.$message.success(
+              this.$t("trials:consistencyCheck:message:fallbackSuccessfully")
+            );
           }
         })
+        .catch(() => {
+          this.loading = false;
+          if (signInfo) {
+            this.$refs["signForm"].btnLoading = false;
+          }
+        });
     },
     // 关闭质疑
     handleClose(row) {
       this.$refs.reasonForm.validate((valid) => {
-        if (!valid) return
-        var item = Object.assign({}, row)
-        item.CheckChallengeState = 3
-        this.btnLoading = true
+        if (!valid) return;
+        var item = Object.assign({}, row);
+        item.CheckChallengeState = 3;
+        this.btnLoading = true;
         if (this.QuestionForm.Type === 2) {
           // 问题无法解决强制关闭质疑，已提醒中心下次注意
-          this.QuestionForm.Reason = `${this.$t('trials:qcQuality:message:problemNotSolved')}<br/><br/>${this.$t('trials:consistencyCheck:title:note')}${this.QuestionForm.Remake}`
+          this.QuestionForm.Reason = `${this.$t(
+            "trials:qcQuality:message:problemNotSolved"
+          )}<br/><br/>${this.$t("trials:consistencyCheck:title:note")}${
+            this.QuestionForm.Remake
+          }`;
         }
         var params = {
           SubjectVisitId: row.Id,
-          CloseCheckChallenge: this.QuestionForm.Reason
-        }
+          CloseCheckChallenge: this.QuestionForm.Reason,
+        };
         closeCheckChallenge(this.trialId, params)
-          .then(res => {
-            this.btnLoading = false
+          .then((res) => {
+            this.btnLoading = false;
             if (res.IsSuccess) {
-              this.getList()
-              this.ReasonVisible = false
-              this.QuestionForm.Type = null
+              this.getList();
+              this.ReasonVisible = false;
+              this.QuestionForm.Type = null;
               // 关闭成功
-              this.$message.success(this.$t('trials:consistencyCheck:message:closedSuccessfully'))
+              this.$message.success(
+                this.$t("trials:consistencyCheck:message:closedSuccessfully")
+              );
             }
-          }).catch(() => {
-            this.btnLoading = false
           })
-      })
+          .catch(() => {
+            this.btnLoading = false;
+          });
+      });
     },
     handleDownload() {
-      this.loading = true
-      DownloadCommonDoc('VisitCheck_Template').then(data => {
-        this.loading = false
-      }).catch(() => { this.loading = false })
+      this.loading = true;
+      DownloadCommonDoc("VisitCheck_Template")
+        .then((data) => {
+          this.loading = false;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 打开上传excel弹窗
     handleOpenUploadDialog() {
-      this.upload_cfg.visible = true
-      this.upload_cfg.title = this.$t('common:button:upload')
+      this.upload_cfg.visible = true;
+      this.upload_cfg.title = this.$t("common:button:upload");
     },
     // 查看
     handleView(row) {
-      this.currentRow = { ...row }
-      this.isReply = false
-      this.chatVisible = true
+      this.currentRow = { ...row };
+      this.isReply = false;
+      this.chatVisible = true;
     },
     // crc申请回退
     // handleApplyBack(row) {
@@ -683,124 +933,125 @@ export default {
     //     }).catch(() => {})
     // },
     handleApplyBack() {
-      this.$confirm(this.$t('trials:consistencyCheck:message:apply'), {
-        type: 'warning',
-        distinguishCancelAndClose: true
+      this.$confirm(this.$t("trials:consistencyCheck:message:apply"), {
+        type: "warning",
+        distinguishCancelAndClose: true,
       })
         .then(() => {
-          this.apply()
-        }).catch(() => {})
+          this.apply();
+        })
+        .catch(() => {});
     },
     apply() {
-      this.loading = true
+      this.loading = true;
       cRCRequstCheckBack(this.trialId, this.currentRow.Id)
-        .then(res => {
-          this.loading = false
+        .then((res) => {
+          this.loading = false;
           if (res.IsSuccess) {
             // this.getList()
-            this.getDialogList()
+            this.getDialogList();
             // 申请成功
             // this.$message.success(this.$t('trials:consistencyCheck:message:appledSuccessfully'))
           }
-        }).catch(() => {
-          this.loading = false
         })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 关闭签名弹窗
     closeSignDialog(isRefresh, signInfo) {
       if (!isRefresh) {
-        this.signVisible = false
+        this.signVisible = false;
       } else {
         // 1代表回退,2通过
         if (this.signType === 1) {
-          this.back(signInfo)
+          this.back(signInfo);
         }
       }
     },
     // 通过一致性核查
     handlePassCheck(row) {
-      this.signType = 2
-      this.currentRow = { ...row }
-      const { ConsistencyCheckPassed } = const_.processSignature
-      this.signCode = ConsistencyCheckPassed
-      this.signVisible = true
+      this.signType = 2;
+      this.currentRow = { ...row };
+      const { ConsistencyCheckPassed } = const_.processSignature;
+      this.signCode = ConsistencyCheckPassed;
+      this.signVisible = true;
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
       this.$nextTick(() => {
-        this.$refs.consistencyTable.clearSort()
-      })
+        this.$refs.consistencyTable.clearSort();
+      });
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     refreshTable() {
-      this.upload_cfg.visible = false
-      this.getList()
+      this.upload_cfg.visible = false;
+      this.getList();
     },
     // 获取site下拉框数据
     getSite() {
-      getTrialSiteSelect(this.trialId).then(res => {
-        this.siteOptions = res.Result
-      })
+      getTrialSiteSelect(this.trialId).then((res) => {
+        this.siteOptions = res.Result;
+      });
     },
     // 获取访视下拉框数据
     getVisitPlanOptions() {
-      getTrialVisitStageSelect(this.trialId)
-        .then((res) => {
-          this.visitPlanOptions = res.Result
-        })
-    }
-  }
-}
+      getTrialVisitStageSelect(this.trialId).then((res) => {
+        this.visitPlanOptions = res.Result;
+      });
+    },
+  },
+};
 </script>
 <style lang="scss">
-.consistency-list{
+.consistency-list {
   position: relative;
-    .is-circle-urgent-red{
-      border-radius: 50%;
-      padding: 7px;
-      line-height: 1;
-      background-color: #f56c6c;
-      width: 28px;
-      color: #fff;
-      border: 1px solid #DCDFE6;
-    }
-    .is-circle-urgent{
-      border-radius: 50%;
-      padding: 7px;
-      line-height: 1;
-      width: 28px;
-      border: 1px solid #DCDFE6;
-      font-size: 12px;
-    }
-    .status-primary-circle{
-      display: inline-block;
-      width:20px;
-      height:20px;
-      text-align: center;
-      line-height: 20px;
-      border-radius: 50%;
-      background: #f56c6c;
-      color:#fff;
-      font-size: 10px;
+  .is-circle-urgent-red {
+    border-radius: 50%;
+    padding: 7px;
+    line-height: 1;
+    background-color: #f56c6c;
+    width: 28px;
+    color: #fff;
+    border: 1px solid #dcdfe6;
   }
-  .remark{
+  .is-circle-urgent {
+    border-radius: 50%;
+    padding: 7px;
+    line-height: 1;
+    width: 28px;
+    border: 1px solid #dcdfe6;
+    font-size: 12px;
+  }
+  .status-primary-circle {
+    display: inline-block;
+    width: 20px;
+    height: 20px;
+    text-align: center;
+    line-height: 20px;
+    border-radius: 50%;
+    background: #f56c6c;
+    color: #fff;
+    font-size: 10px;
+  }
+  .remark {
     position: absolute;
     left: 5px;
     bottom: 7px;
diff --git a/src/views/trials/trials-panel/visit/crc-question/index.vue b/src/views/trials/trials-panel/visit/crc-question/index.vue
index 200bd839..ddff08bb 100644
--- a/src/views/trials/trials-panel/visit/crc-question/index.vue
+++ b/src/views/trials/trials-panel/visit/crc-question/index.vue
@@ -1,13 +1,18 @@
 <template>
-  <BaseContainer style="height:100%;">
+  <BaseContainer style="height: 100%">
     <!-- 搜索框 -->
     <template slot="search-container">
       <el-form :inline="true">
         <!-- 中心编号 -->
         <el-form-item :label="$t('trials:crcQuestion:table:siteId')">
-          <el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
+          <el-select
+            v-model="searchData.TrialSiteId"
+            clearable
+            filterable
+            style="width: 120px"
+          >
             <el-option
-              v-for="(item,index) of siteOptions"
+              v-for="(item, index) of siteOptions"
               :key="index"
               :label="item.TrialSiteCode"
               :value="item.TrialSiteId"
@@ -16,13 +21,16 @@
         </el-form-item>
         <!-- 受试者编号 -->
         <el-form-item :label="$t('trials:crcQuestion:table:subjectId')">
-          <el-input v-model="searchData.SubjectCode" style="width:100px;" />
+          <el-input v-model="searchData.SubjectCode" style="width: 100px" />
         </el-form-item>
         <!-- 访视名称 -->
-        <el-form-item class="my_multiple" :label="$t('trials:crcQuestion:table:visitName')">
+        <el-form-item
+          class="my_multiple"
+          :label="$t('trials:crcQuestion:table:visitName')"
+        >
           <el-select
             v-model="searchData.VisitPlanArray"
-            style="width:140px"
+            style="width: 140px"
             clearable
             multiple
           >
@@ -34,39 +42,70 @@
             >
               <span style="float: left">{{ item.VisitName }}</span>
             </el-option>
-            <el-option
-              key="Other"
-              label="Out of Plan"
-              value="1.11"
-            />
+            <el-option key="Other" label="Out of Plan" value="1.11" />
           </el-select>
         </el-form-item>
         <!-- 是否超限 -->
         <el-form-item :label="$t('trials:crcQuestion:table:isOverTime')">
-          <el-select v-model="searchData.IsOverTime" clearable style="width:120px">
-            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id"/>
+          <el-select
+            v-model="searchData.IsOverTime"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.YesOrNo"
+              :value="item.value"
+              :label="item.label"
+              :key="item.id"
+            />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('trials:crcQuestion:table:isClose')">
-          <el-select v-model="searchData.IsClosed" clearable style="width:120px">
-            <el-option v-for="item of $d.YesOrNo" :value="item.value" :label="item.label" :key="item.id"/>
+          <el-select
+            v-model="searchData.IsClosed"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.YesOrNo"
+              :value="item.value"
+              :label="item.label"
+              :key="item.id"
+            />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('trials:crcQuestion:table:reuploadSatus')">
-          <el-select v-model="searchData.ReuploadEnum" clearable style="width:120px">
-            <el-option v-for="item of $d.ReuploadEnum" :value="item.value" :label="item.label" :key="item.id"/>
+          <el-select
+            v-model="searchData.ReuploadEnum"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.ReuploadEnum"
+              :value="item.value"
+              :label="item.label"
+              :key="item.id"
+            />
           </el-select>
         </el-form-item>
         <el-form-item>
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t('common:button:search') }}
+            {{ $t("common:button:search") }}
           </el-button>
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-            {{ $t('common:button:reset') }}
+          <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="handleExport">
-            {{ $t('common:button:export') }}
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            @click="handleExport"
+          >
+            {{ $t("common:button:export") }}
           </el-button>
         </el-form-item>
       </el-form>
@@ -76,7 +115,7 @@
     <template slot="main-container">
       <el-table
         v-loading="loading"
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         :data="list"
         stripe
         height="100"
@@ -93,7 +132,7 @@
           <template slot-scope="scope">
             <el-button
               type="text"
-              :style="{color:scope.row.IsClosed?'':'red'}"
+              :style="{ color: scope.row.IsClosed ? '' : 'red' }"
               @click="handleReplay(scope.row)"
             >
               {{ scope.row.ChallengeCode }}
@@ -132,16 +171,23 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-
             <div v-if="otherInfo.QCProcessEnum === 1">
               <!-- {{ scope.row.CurrentQCEnum === 1?'审核':'--' }} -->
-              <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{ $fd('CurrentQCType', 0) }}</el-tag>
+              <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{
+                $fd("CurrentQCType", 0)
+              }}</el-tag>
               <span v-else>--</span>
             </div>
             <div v-else-if="otherInfo.QCProcessEnum === 2">
               <!-- {{ scope.row.CurrentQCEnum === 1?'初审':scope.row.CurrentQCEnum === 2?'复审':'--' }} -->
-              <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{ $fd('CurrentQCType', scope.row.CurrentQCEnum) }}</el-tag>
-              <el-tag v-else-if="scope.row.CurrentQCEnum === 2" type="warning">{{ $fd('CurrentQCType', scope.row.CurrentQCEnum) }}</el-tag>
+              <el-tag v-if="scope.row.CurrentQCEnum === 1" type="primary">{{
+                $fd("CurrentQCType", scope.row.CurrentQCEnum)
+              }}</el-tag>
+              <el-tag
+                v-else-if="scope.row.CurrentQCEnum === 2"
+                type="warning"
+                >{{ $fd("CurrentQCType", scope.row.CurrentQCEnum) }}</el-tag
+              >
               <span v-else>--</span>
             </div>
           </template>
@@ -170,8 +216,10 @@
           width="140"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsOverTime" type="danger">{{ $fd('YesOrNo', scope.row.IsOverTime) }}</el-tag>
-            <el-tag v-else>{{ $fd('YesOrNo', scope.row.IsOverTime) }}</el-tag>
+            <el-tag v-if="scope.row.IsOverTime" type="danger">{{
+              $fd("YesOrNo", scope.row.IsOverTime)
+            }}</el-tag>
+            <el-tag v-else>{{ $fd("YesOrNo", scope.row.IsOverTime) }}</el-tag>
           </template>
         </el-table-column>
         <!-- 最新回复时间 -->
@@ -191,8 +239,12 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsClosed">{{ $fd('YesOrNo', scope.row.IsClosed) }}</el-tag>
-            <el-tag v-else type="danger">{{ $fd('YesOrNo', scope.row.IsClosed) }}</el-tag>
+            <el-tag v-if="scope.row.IsClosed">{{
+              $fd("YesOrNo", scope.row.IsClosed)
+            }}</el-tag>
+            <el-tag v-else type="danger">{{
+              $fd("YesOrNo", scope.row.IsClosed)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 关闭时间 -->
@@ -213,9 +265,15 @@
         >
           <template slot-scope="scope">
             <span v-if="scope.row.ReuploadEnum === 0">--</span>
-            <el-tag v-else-if="scope.row.ReuploadEnum === 1" type="danger">{{ $fd('ReuploadEnum', scope.row.ReuploadEnum) }}</el-tag>
-            <el-tag v-else-if="scope.row.ReuploadEnum === 2" type="warning">{{ $fd('ReuploadEnum', scope.row.ReuploadEnum) }}</el-tag>
-            <el-tag v-else-if="scope.row.ReuploadEnum === 3" type="primary">{{ $fd('ReuploadEnum', scope.row.ReuploadEnum) }}</el-tag>
+            <el-tag v-else-if="scope.row.ReuploadEnum === 1" type="danger">{{
+              $fd("ReuploadEnum", scope.row.ReuploadEnum)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.ReuploadEnum === 2" type="warning">{{
+              $fd("ReuploadEnum", scope.row.ReuploadEnum)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.ReuploadEnum === 3" type="primary">{{
+              $fd("ReuploadEnum", scope.row.ReuploadEnum)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 重传完成时间 -->
@@ -247,7 +305,13 @@
       </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"
+      />
     </template>
 
     <!-- 回复质疑 -->
@@ -255,32 +319,54 @@
       v-if="chatVisible"
       :visible.sync="chatVisible"
       :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :before-close="beforeClose"
       width="800px"
-      :title="$t('trials:crcQuestion:dialogTitle:message1') + `(${currentQCRow.SubjectCode} ${currentQCRow.VisitName})`"
+      :title="
+        $t('trials:crcQuestion:dialogTitle:message1') +
+        `(${currentQCRow.SubjectCode} ${currentQCRow.VisitName})`
+      "
     >
-      <chat-form ref="chatForm" :data="currentQCRow" user-type="crc" :body-parts="otherInfo.BodyPartTypes" :modalities="otherInfo.Modalitys" :subject-visit-id="currentQCRow.Id" :clinical-enum="otherInfo.ClinicalInformationTransmissionEnum" @close="close" @getDialogList="getDialogList" @getNextTask="getNextTask"/>
+      <chat-form
+        ref="chatForm"
+        :data="currentQCRow"
+        user-type="crc"
+        :body-parts="otherInfo.BodyPartTypes"
+        :modalities="otherInfo.Modalitys"
+        :subject-visit-id="currentQCRow.Id"
+        :clinical-enum="otherInfo.ClinicalInformationTransmissionEnum"
+        @close="beforeClose"
+        @getDialogList="getDialogList"
+        @getNextTask="getNextTask"
+      />
     </el-dialog>
   </BaseContainer>
 </template>
 <script>
-import { getCRCChallengeList, getTrialSiteSelect, getTrialVisitStageSelect, getQCChallengeDialogList, getNextCRCChallenge } from '@/api/trials'
-import { getQCChallengeList_Export } from '@/api/export'
-import ChatForm from './components/chatForm'
-import BaseContainer from '@/components/BaseContainer'
-import Pagination from '@/components/Pagination'
+import {
+  getCRCChallengeList,
+  getTrialSiteSelect,
+  getTrialVisitStageSelect,
+  getQCChallengeDialogList,
+  getNextCRCChallenge,
+} from "@/api/trials";
+import { getQCChallengeList_Export } from "@/api/export";
+import ChatForm from "./components/chatForm";
+import BaseContainer from "@/components/BaseContainer";
+import Pagination from "@/components/Pagination";
 const searchDataDefault = () => {
   return {
     IsOverTime: null,
-    SubjectCode: '',
-    TrialSiteId: '',
+    SubjectCode: "",
+    TrialSiteId: "",
     VisitPlanArray: [],
     IsClosed: null,
     PageIndex: 1,
-    PageSize: 20
-  }
-}
+    PageSize: 20,
+  };
+};
 export default {
-  name: 'CrcQusetion',
+  name: "CrcQusetion",
   components: { BaseContainer, Pagination, ChatForm },
   data() {
     return {
@@ -293,115 +379,144 @@ export default {
       siteOptions: [],
       visitPlanOptions: [],
       otherInfo: {},
-      trialId: this.$route.query.trialId
-    }
+      trialId: this.$route.query.trialId,
+    };
   },
   mounted() {
-    this.getList()
-    this.getSite()
-    this.getVisitPlanOptions()
+    this.getList();
+    this.getSite();
+    this.getVisitPlanOptions();
+  },
+  watch: {
+    chatVisible() {
+      if (!this.chatVisible) {
+        this.$store.state.trials.checkTaskId = null;
+      }
+    },
   },
   methods: {
+    beforeClose() {
+      this.chatVisible = false;
+      this.$store.state.trials.checkTaskId = null;
+    },
     handleExport() {
-      getQCChallengeList_Export(this.searchData).then(res => {
-      }).catch(() => { this.loading = false })
+      getQCChallengeList_Export(this.searchData)
+        .then((res) => {})
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 获取质疑列表
     getList() {
-      this.loading = true
-      this.searchData.TrialId = this.trialId
-      getCRCChallengeList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-        this.otherInfo = res.OtherInfo
-      }).catch(() => { this.loading = false })
+      this.loading = true;
+      this.searchData.TrialId = this.trialId;
+      getCRCChallengeList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+          this.otherInfo = res.OtherInfo;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 回复质疑
     handleReplay(row) {
-      this.loading = true
-      getQCChallengeDialogList(row.Id).then(res => {
-        this.loading = false
-        if (res.IsSuccess) {
-          if (res.Result.length > 0) { Object.assign(row, res.Result[0]) }
-          this.currentQCRow = { ...row }
-          this.chatVisible = true
-        }
-      }).catch(() => { this.loading = false })
-    },
-    close() {
-      this.chatVisible = false
+      this.loading = true;
+      getQCChallengeDialogList(row.Id)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess) {
+            if (res.Result.length > 0) {
+              Object.assign(row, res.Result[0]);
+            }
+            this.currentQCRow = { ...row };
+            this.$store.state.trials.checkTaskId = row.SubjectVisitId;
+            this.chatVisible = true;
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     async getNextTask(qcChallengeId) {
       try {
         const params = {
           trialId: this.trialId,
-          qcChallengeId: qcChallengeId
-        }
-        const res = await getNextCRCChallenge(params)
+          qcChallengeId: qcChallengeId,
+        };
+        const res = await getNextCRCChallenge(params);
         if (res.IsSuccess) {
-          const res2 =  await getQCChallengeDialogList(res.Result.Id)
+          const res2 = await getQCChallengeDialogList(res.Result.Id);
           if (res2.IsSuccess) {
-            Object.assign(res.Result, res2.Result[0])
-            this.chatVisible = false
-            this.currentQCRow = res.Result
+            Object.assign(res.Result, res2.Result[0]);
+            this.chatVisible = false;
+            this.currentQCRow = res.Result;
             this.$nextTick(() => {
-              this.chatVisible = true
-            })
+              this.chatVisible = true;
+            });
           }
         }
       } catch (e) {
-        this.chatVisible = false
-        console.log(e)
+        this.chatVisible = false;
+        console.log(e);
       }
     },
     getDialogList() {
-      this.loading = true
-      getQCChallengeDialogList(this.currentQCRow.Id).then(res => {
-        this.loading = false
-        if (res.IsSuccess && res.Result.length > 0) {
-          var i = this.list.findIndex(item => item.Id === this.currentQCRow.Id)
-          if (i > -1) {
-            this.currentQCRow = Object.assign(this.list[i], res.Result[0])
-            this.$refs['chatForm'].addMessage(res.Result[0].DialogList[res.Result[0].DialogList.length - 1])
+      this.loading = true;
+      getQCChallengeDialogList(this.currentQCRow.Id)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess && res.Result.length > 0) {
+            var i = this.list.findIndex(
+              (item) => item.Id === this.currentQCRow.Id
+            );
+            if (i > -1) {
+              this.currentQCRow = Object.assign(this.list[i], res.Result[0]);
+              this.$refs["chatForm"].addMessage(
+                res.Result[0].DialogList[res.Result[0].DialogList.length - 1]
+              );
+            }
           }
-        }
-      }).catch(() => { this.loading = false })
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 获取site下拉框数据
     getSite() {
-      getTrialSiteSelect(this.trialId).then(res => {
-        this.siteOptions = res.Result
-      })
+      getTrialSiteSelect(this.trialId).then((res) => {
+        this.siteOptions = res.Result;
+      });
     },
     // 获取访视下拉框数据
     getVisitPlanOptions() {
-      getTrialVisitStageSelect(this.trialId)
-        .then((res) => {
-          this.visitPlanOptions = res.Result
-        })
-    }
-  }
-}
+      getTrialVisitStageSelect(this.trialId).then((res) => {
+        this.visitPlanOptions = res.Result;
+      });
+    },
+  },
+};
 </script>
diff --git a/src/views/trials/trials-panel/visit/crc-upload/index.vue b/src/views/trials/trials-panel/visit/crc-upload/index.vue
index 2ac10d32..adfbcf59 100644
--- a/src/views/trials/trials-panel/visit/crc-upload/index.vue
+++ b/src/views/trials/trials-panel/visit/crc-upload/index.vue
@@ -3,17 +3,37 @@
     <!-- 搜索框 -->
     <template slot="search-container">
       <el-form :inline="true" class="base-search-form">
-         <!-- 质疑状态 -->
-        <el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:challengeState')">
-          <el-select v-model="searchData.ChallengeState" clearable style="width:120px">
-            <el-option v-for="item of $d.CheckIsClosedEnum" :value="item.value" :key="item.label" :label="item.label" />
+        <!-- 质疑状态 -->
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:crcUpload:table:challengeState')"
+        >
+          <el-select
+            v-model="searchData.ChallengeState"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.CheckIsClosedEnum"
+              :value="item.value"
+              :key="item.label"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 中心编号 -->
-        <el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:siteId')">
-          <el-select v-model="searchData.TrialSiteId" clearable filterable style="width:120px;">
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:crcUpload:table:siteId')"
+        >
+          <el-select
+            v-model="searchData.TrialSiteId"
+            clearable
+            filterable
+            style="width: 120px"
+          >
             <el-option
-              v-for="(item,index) of siteOptions"
+              v-for="(item, index) of siteOptions"
               :key="index"
               :label="item.TrialSiteCode"
               :value="item.TrialSiteId"
@@ -21,16 +41,23 @@
           </el-select>
         </el-form-item>
         <!-- 受试者编号 -->
-        <el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:subjectId')">
-          <el-input v-model="searchData.SubjectInfo" style="width:100px;" />
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:crcUpload:table:subjectId')"
+        >
+          <el-input v-model="searchData.SubjectInfo" style="width: 100px" />
         </el-form-item>
         <!-- 访视名称 -->
-        <el-form-item style="margin-bottom: 10px" class="my_multiple" :label="$t('trials:crcUpload:table:visitName')">
+        <el-form-item
+          style="margin-bottom: 10px"
+          class="my_multiple"
+          :label="$t('trials:crcUpload:table:visitName')"
+        >
           <el-select
             v-model="searchData.VisitPlanArray"
             clearable
             multiple
-            style="width:140px"
+            style="width: 140px"
           >
             <el-option
               v-for="(item, index) of visitPlanOptions"
@@ -40,41 +67,83 @@
             >
               <span style="float: left">{{ item.VisitName }}</span>
             </el-option>
+            <el-option key="Other" label="Out of Plan" value="1.11" />
+          </el-select>
+        </el-form-item>
+
+        <!-- 提交状态 -->
+        <el-form-item
+          style="margin-bottom: 10px"
+          :label="$t('trials:crcUpload:table:submitState')"
+        >
+          <el-select
+            v-model="searchData.SubmitState"
+            clearable
+            style="width: 120px"
+          >
             <el-option
-              key="Other"
-              label="Out of Plan"
-              value="1.11"
+              v-for="item of $d.SubmitState"
+              :value="item.value"
+              :label="item.label"
+              :key="item.label"
             />
           </el-select>
         </el-form-item>
-       
-        <!-- 提交状态 -->
-        <el-form-item style="margin-bottom: 10px" :label="$t('trials:crcUpload:table:submitState')">
-          <el-select v-model="searchData.SubmitState" clearable style="width:120px">
-            <el-option v-for="item of $d.SubmitState" :value="item.value" :label="item.label" :key="item.label"/>
-          </el-select>
-        </el-form-item>
         <!-- 审核状态 -->
-        <el-form-item style="margin-bottom: 10px" v-if="otherInfo.QCProcessEnum !== 0" :label="$t('trials:crcUpload:table:auditState')">
-          <el-select v-if="otherInfo.QCProcessEnum === 2" v-model="searchData.AuditStateArray" style="width:120px" multiple>
-            <el-option v-for="(item, index) of $d.AuditStateRC" v-show="item.value <= 8" :value="item.value" :label="item.label"  :key="`AuditStateRC${item.label}${index}`"/>
+        <el-form-item
+          style="margin-bottom: 10px"
+          v-if="otherInfo.QCProcessEnum !== 0"
+          :label="$t('trials:crcUpload:table:auditState')"
+        >
+          <el-select
+            v-if="otherInfo.QCProcessEnum === 2"
+            v-model="searchData.AuditStateArray"
+            style="width: 120px"
+            multiple
+          >
+            <el-option
+              v-for="(item, index) of $d.AuditStateRC"
+              v-show="item.value <= 8"
+              :value="item.value"
+              :label="item.label"
+              :key="`AuditStateRC${item.label}${index}`"
+            />
           </el-select>
-          <el-select v-if="otherInfo.QCProcessEnum === 1" v-model="searchData.AuditStateArray" style="width:120px" multiple>
-            <el-option v-for="(item, index) of $d.AuditStatePE" v-show="item.value <= 8" :key="`AuditStatePE${item.label}${index}`" :value="item.value" :label="item.label" />
+          <el-select
+            v-if="otherInfo.QCProcessEnum === 1"
+            v-model="searchData.AuditStateArray"
+            style="width: 120px"
+            multiple
+          >
+            <el-option
+              v-for="(item, index) of $d.AuditStatePE"
+              v-show="item.value <= 8"
+              :key="`AuditStatePE${item.label}${index}`"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <el-form-item>
           <!-- 查询 -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t('common:button:search') }}
+            {{ $t("common:button:search") }}
           </el-button>
           <!-- 重置 -->
-          <el-button type="primary" icon="el-icon-refresh-left" @click="handleReset">
-            {{ $t('common:button:reset') }}
+          <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="handleExport">
-            {{ $t('common:button:export') }}
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            @click="handleExport"
+          >
+            {{ $t("common:button:export") }}
           </el-button>
           <!-- 批量提交 -->
           <el-button
@@ -84,7 +153,7 @@
             :disabled="selectArr.length === 0"
             @click="handleBulkSubmit"
           >
-            {{ $t('trials:crcUpload:button:submit') }}
+            {{ $t("trials:crcUpload:button:submit") }}
           </el-button>
           <!-- 计划外访视 -->
           <el-button
@@ -93,11 +162,11 @@
             icon="el-icon-plus"
             @click="handleAdd"
           >
-            {{ $t('trials:crcUpload:button:add') }}
+            {{ $t("trials:crcUpload:button:add") }}
           </el-button>
-<!--          <el-button v-hasPermi="['trials:trials-panel:visit:crc-upload:submit']" type="primary" @click="handleUpload">-->
-<!--            临床数据-->
-<!--          </el-button>-->
+          <!--          <el-button v-hasPermi="['trials:trials-panel:visit:crc-upload:submit']" type="primary" @click="handleUpload">-->
+          <!--            临床数据-->
+          <!--          </el-button>-->
         </el-form-item>
       </el-form>
     </template>
@@ -107,14 +176,19 @@
       <el-table
         ref="visitList"
         v-loading="loading"
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         :data="list"
         stripe
         height="100"
         @sort-change="handleSortByColumn"
         @selection-change="handleSelectionChange"
       >
-        <el-table-column type="selection" align="left" width="45" :selectable="handleSelectTable" />
+        <el-table-column
+          type="selection"
+          align="left"
+          width="45"
+          :selectable="handleSelectTable"
+        />
         <!-- 质疑状态 -->
         <el-table-column
           prop="ChallengeState"
@@ -128,7 +202,7 @@
             <!-- 有质疑，且关闭 -->
             <span v-else-if="scope.row.ChallengeState === 1">
               <el-button
-                style="font-size:15px"
+                style="font-size: 15px"
                 size="mini"
                 icon="el-icon-question"
                 circle
@@ -141,7 +215,7 @@
             <span v-else-if="scope.row.ChallengeState === 2">
               <el-button
                 type="danger"
-                style="font-size:15px;"
+                style="font-size: 15px"
                 size="mini"
                 icon="el-icon-question"
                 circle
@@ -160,8 +234,12 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsUrgent" type="danger">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
-            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsUrgent) }}</el-tag>
+            <el-tag v-if="scope.row.IsUrgent" type="danger">{{
+              $fd("YesOrNo", scope.row.IsUrgent)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd("YesOrNo", scope.row.IsUrgent)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 中心 -->
@@ -183,8 +261,11 @@
           <template slot-scope="scope">
             <span style="margin: 0 4px">{{ scope.row.SubjectCode }}</span>
             <!-- 基 -->
-            <span v-if="scope.row.SubjectFirstGiveMedicineTime" class="status-primary-circle">
-              {{ $t('trials:crcUpload:label:firstGiveMedicineTime') }}
+            <span
+              v-if="scope.row.SubjectFirstGiveMedicineTime"
+              class="status-primary-circle"
+            >
+              {{ $t("trials:crcUpload:label:firstGiveMedicineTime") }}
             </span>
           </template>
         </el-table-column>
@@ -197,25 +278,32 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-button v-if="scope.row.VisitExecuted === 1" type="text" @click="handleOpenStudyDialog(scope.row)">
+            <el-button
+              v-if="scope.row.VisitExecuted === 1"
+              type="text"
+              @click="handleOpenStudyDialog(scope.row)"
+            >
               <span>{{ scope.row.VisitName }}</span>
             </el-button>
             <span v-else>{{ scope.row.VisitName }}</span>
             <!-- PD -->
             <span v-if="scope.row.PDState" class="status-primary-circle">
-              {{ $t('trials:crcUpload:label:pd') }}
+              {{ $t("trials:crcUpload:label:pd") }}
             </span>
             <!-- 失 -->
             <span v-if="scope.row.IsLostVisit" class="status-primary-circle">
-              {{ $t('trials:crcUpload:label:lostVisit') }}
+              {{ $t("trials:crcUpload:label:lostVisit") }}
             </span>
             <!-- 末 -->
             <span v-if="scope.row.IsFinalVisit" class="status-primary-circle">
-              {{ $t('trials:crcUpload:label:finalVisit') }}
+              {{ $t("trials:crcUpload:label:finalVisit") }}
             </span>
             <!-- 入 -->
-            <span v-if="scope.row.IsEnrollmentConfirm" class="status-primary-circle">
-              {{ $t('trials:crcUpload:label:enrollmentConfirm') }}
+            <span
+              v-if="scope.row.IsEnrollmentConfirm"
+              class="status-primary-circle"
+            >
+              {{ $t("trials:crcUpload:label:enrollmentConfirm") }}
             </span>
           </template>
         </el-table-column>
@@ -230,15 +318,44 @@
             <el-tooltip placement="bottom">
               <div slot="content">
                 <!-- DICOM/Non-DICOM/Clinical data -->
-                <span>{{ $t('trials:crcUpload:label:dicom') }}: {{ scope.row.DicomStudyCount }}, </span>
-                <span v-if="scope.row.IsBaseLine && otherInfo.ClinicalInformationTransmissionEnum > 0">
-                  <span>{{ $t('trials:crcUpload:label:noneDicom') }}: {{ scope.row.NoneDicomStudyCount }}, </span>
-                  <span>{{ $t('trials:crcUpload:label:clinicalData') }}: {{ scope.row.IsHaveClinicalData?'w/':'w/o' }}</span>
+                <span
+                  >{{ $t("trials:crcUpload:label:dicom") }}:
+                  {{ scope.row.DicomStudyCount }},
                 </span>
-                <span v-else>{{ $t('trials:crcUpload:label:noneDicom') }}: {{ scope.row.NoneDicomStudyCount }}</span>
+                <span
+                  v-if="
+                    scope.row.IsBaseLine &&
+                    otherInfo.ClinicalInformationTransmissionEnum > 0
+                  "
+                >
+                  <span
+                    >{{ $t("trials:crcUpload:label:noneDicom") }}:
+                    {{ scope.row.NoneDicomStudyCount }},
+                  </span>
+                  <span
+                    >{{ $t("trials:crcUpload:label:clinicalData") }}:
+                    {{ scope.row.IsHaveClinicalData ? "w/" : "w/o" }}</span
+                  >
+                </span>
+                <span v-else
+                  >{{ $t("trials:crcUpload:label:noneDicom") }}:
+                  {{ scope.row.NoneDicomStudyCount }}</span
+                >
               </div>
               <span>
-                {{ scope.row.IsBaseLine && otherInfo.ClinicalInformationTransmissionEnum > 0?[scope.row.DicomStudyCount,scope.row.NoneDicomStudyCount,scope.row.IsHaveClinicalData?'w/':'w/o'].join(', '):[scope.row.DicomStudyCount,scope.row.NoneDicomStudyCount].join(', ') }}
+                {{
+                  scope.row.IsBaseLine &&
+                  otherInfo.ClinicalInformationTransmissionEnum > 0
+                    ? [
+                        scope.row.DicomStudyCount,
+                        scope.row.NoneDicomStudyCount,
+                        scope.row.IsHaveClinicalData ? "w/" : "w/o",
+                      ].join(", ")
+                    : [
+                        scope.row.DicomStudyCount,
+                        scope.row.NoneDicomStudyCount,
+                      ].join(", ")
+                }}
               </span>
             </el-tooltip>
           </template>
@@ -252,7 +369,11 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            {{ scope.row.EarliestScanDate?moment(scope.row.EarliestScanDate).format('YYYY-MM-DD'):'' }}
+            {{
+              scope.row.EarliestScanDate
+                ? moment(scope.row.EarliestScanDate).format("YYYY-MM-DD")
+                : ""
+            }}
           </template>
         </el-table-column>
         <!-- 最晚拍片日期 -->
@@ -264,7 +385,11 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            {{ scope.row.LatestScanDate?moment(scope.row.LatestScanDate).format('YYYY-MM-DD'):'' }}
+            {{
+              scope.row.LatestScanDate
+                ? moment(scope.row.LatestScanDate).format("YYYY-MM-DD")
+                : ""
+            }}
           </template>
         </el-table-column>
         <!-- 提交状态 -->
@@ -276,9 +401,15 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.SubmitState*1 === 0" type="warning">{{ $fd('SubmitState', scope.row.SubmitState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.SubmitState*1 === 1" type="danger">{{ $fd('SubmitState', scope.row.SubmitState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.SubmitState*1 === 2">{{ $fd('SubmitState', scope.row.SubmitState*1) }}</el-tag>
+            <el-tag v-if="scope.row.SubmitState * 1 === 0" type="warning">{{
+              $fd("SubmitState", scope.row.SubmitState * 1)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.SubmitState * 1 === 1" type="danger">{{
+              $fd("SubmitState", scope.row.SubmitState * 1)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.SubmitState * 1 === 2">{{
+              $fd("SubmitState", scope.row.SubmitState * 1)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 提交时间 -->
@@ -298,14 +429,44 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <span v-if="scope.row.AuditState*1 === 0">--</span>
-            <el-tag v-else-if="scope.row.AuditState*1 === 3" type="warning">{{ $fd('AuditStatePE', scope.row.AuditState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 4 && otherInfo.QCProcessEnum === 1" type="warning">{{ $fd('AuditStatePE', scope.row.AuditState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 4 && otherInfo.QCProcessEnum === 2" type="warning">{{ $fd('AuditStateRC', scope.row.AuditState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 5 && otherInfo.QCProcessEnum === 2" type="warning">{{ $fd('AuditStateRC', scope.row.AuditState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 6 && otherInfo.QCProcessEnum === 2" type="warning">{{ $fd('AuditStateRC', scope.row.AuditState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 7" type="danger">{{ $fd('AuditStateRC', scope.row.AuditState*1) }}</el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 8" type="primary">{{ $fd('AuditStateRC', scope.row.AuditState*1) }}</el-tag>
+            <span v-if="scope.row.AuditState * 1 === 0">--</span>
+            <el-tag v-else-if="scope.row.AuditState * 1 === 3" type="warning">{{
+              $fd("AuditStatePE", scope.row.AuditState * 1)
+            }}</el-tag>
+            <el-tag
+              v-else-if="
+                scope.row.AuditState * 1 === 4 && otherInfo.QCProcessEnum === 1
+              "
+              type="warning"
+              >{{ $fd("AuditStatePE", scope.row.AuditState * 1) }}</el-tag
+            >
+            <el-tag
+              v-else-if="
+                scope.row.AuditState * 1 === 4 && otherInfo.QCProcessEnum === 2
+              "
+              type="warning"
+              >{{ $fd("AuditStateRC", scope.row.AuditState * 1) }}</el-tag
+            >
+            <el-tag
+              v-else-if="
+                scope.row.AuditState * 1 === 5 && otherInfo.QCProcessEnum === 2
+              "
+              type="warning"
+              >{{ $fd("AuditStateRC", scope.row.AuditState * 1) }}</el-tag
+            >
+            <el-tag
+              v-else-if="
+                scope.row.AuditState * 1 === 6 && otherInfo.QCProcessEnum === 2
+              "
+              type="warning"
+              >{{ $fd("AuditStateRC", scope.row.AuditState * 1) }}</el-tag
+            >
+            <el-tag v-else-if="scope.row.AuditState * 1 === 7" type="danger">{{
+              $fd("AuditStateRC", scope.row.AuditState * 1)
+            }}</el-tag>
+            <el-tag v-else-if="scope.row.AuditState * 1 === 8" type="primary">{{
+              $fd("AuditStateRC", scope.row.AuditState * 1)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 审核完成时间 -->
@@ -316,7 +477,17 @@
           width="170"
         />
         <el-table-column
-          v-if="hasPermi(['trials:trials-panel:visit:crc-upload:upload', 'trials:trials-panel:visit:crc-upload:submit','trials:trials-panel:visit:crc-upload:edit','trials:trials-panel:visit:crc-upload:delete'], '||')"
+          v-if="
+            hasPermi(
+              [
+                'trials:trials-panel:visit:crc-upload:upload',
+                'trials:trials-panel:visit:crc-upload:submit',
+                'trials:trials-panel:visit:crc-upload:edit',
+                'trials:trials-panel:visit:crc-upload:delete',
+              ],
+              '||'
+            )
+          "
           :label="$t('common:action:action')"
           width="250"
           fixed="right"
@@ -326,7 +497,11 @@
             <el-button
               v-hasPermi="['trials:trials-panel:visit:crc-upload:upload']"
               icon="el-icon-upload2"
-              :disabled="scope.row.SubmitState*1 === 2 || scope.row.VisitExecuted === 2 ||scope.row.IsLostVisit"
+              :disabled="
+                scope.row.SubmitState * 1 === 2 ||
+                scope.row.VisitExecuted === 2 ||
+                scope.row.IsLostVisit
+              "
               circle
               :title="$t('trials:crcUpload:action:upload')"
               @click="CRChandleUpload(scope.row)"
@@ -335,7 +510,11 @@
             <el-button
               icon="el-icon-upload2"
               v-hasPermi="['trials:trials-panel:visit:crc-upload:upload2']"
-              :disabled="scope.row.SubmitState*1 === 2 || scope.row.VisitExecuted === 2 ||scope.row.IsLostVisit"
+              :disabled="
+                scope.row.SubmitState * 1 === 2 ||
+                scope.row.VisitExecuted === 2 ||
+                scope.row.IsLostVisit
+              "
               circle
               :title="$t('trials:crcUpload:action:upload')"
               @click="CRChandleUpload2(scope.row)"
@@ -344,7 +523,12 @@
             <el-button
               v-hasPermi="['trials:trials-panel:visit:crc-upload:submit']"
               icon="el-icon-check"
-              :disabled="scope.row.AuditState*1 > 0 || scope.row.SubmitState*1 !== 1 || scope.row.VisitExecuted === 2 ||scope.row.IsLostVisit"
+              :disabled="
+                scope.row.AuditState * 1 > 0 ||
+                scope.row.SubmitState * 1 !== 1 ||
+                scope.row.VisitExecuted === 2 ||
+                scope.row.IsLostVisit
+              "
               circle
               :title="$t('trials:crcUpload:action:submit')"
               @click="handleSubmit(scope.row)"
@@ -353,7 +537,11 @@
             <el-button
               v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
               icon="el-icon-edit-outline"
-              :disabled="scope.row.VisitExecuted === 2 || (scope.row.SubmitState*1 === 2 && scope.row.IsBaseLine === true)"
+              :disabled="
+                scope.row.VisitExecuted === 2 ||
+                (scope.row.SubmitState * 1 === 2 &&
+                  scope.row.IsBaseLine === true)
+              "
               circle
               :title="$t('trials:crcUpload:action:edit')"
               @click="handleEdit(scope.row)"
@@ -362,7 +550,12 @@
             <el-button
               v-hasPermi="['trials:trials-panel:visit:crc-upload:delete']"
               icon="el-icon-delete"
-              :disabled="scope.row.SubmitState*1 !== 0 || scope.row.InPlan ||scope.row.IsLostVisit || scope.row.IsFinalVisit"
+              :disabled="
+                scope.row.SubmitState * 1 !== 0 ||
+                scope.row.InPlan ||
+                scope.row.IsLostVisit ||
+                scope.row.IsFinalVisit
+              "
               circle
               :title="$t('trials:crcUpload:action:delete')"
               @click="handleDelete(scope.row)"
@@ -372,34 +565,40 @@
       </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"
+      />
     </template>
     <div class="remark">
       <!-- {{ $t('trials:crcUpload:tips:remark') }} -->
       <!-- √：已设置访视基准日期；末：末次访视；失：失访；PD：PD进展；入：入组确认 -->
       <span class="status-primary-circle">
-        {{ $t('trials:crcUpload:label:firstGiveMedicineTime') }}
+        {{ $t("trials:crcUpload:label:firstGiveMedicineTime") }}
       </span>
-      <span>: {{ $t('trials:crcUpload:label:firstGiveMedicineTimeD') }}</span>
+      <span>: {{ $t("trials:crcUpload:label:firstGiveMedicineTimeD") }}</span>
 
-      <span class="status-primary-circle" style="margin-left:10px;">
-        {{ $t('trials:crcUpload:label:finalVisit') }}
+      <span class="status-primary-circle" style="margin-left: 10px">
+        {{ $t("trials:crcUpload:label:finalVisit") }}
       </span>
-      <span>: {{ $t('trials:crcUpload:label:finalVisitDetail') }}</span>
+      <span>: {{ $t("trials:crcUpload:label:finalVisitDetail") }}</span>
 
-      <span class="status-primary-circle" style="margin-left:10px;">
-        {{ $t('trials:crcUpload:label:lostVisit') }}
+      <span class="status-primary-circle" style="margin-left: 10px">
+        {{ $t("trials:crcUpload:label:lostVisit") }}
       </span>
-      <span>: {{ $t('trials:crcUpload:label:lostVisitDetail') }}</span>
+      <span>: {{ $t("trials:crcUpload:label:lostVisitDetail") }}</span>
 
-      <span class="status-primary-circle" style="margin-left:10px;">
-        {{ $t('trials:crcUpload:label:pd') }}
+      <span class="status-primary-circle" style="margin-left: 10px">
+        {{ $t("trials:crcUpload:label:pd") }}
       </span>
-      <span>: {{ $t('trials:crcUpload:label:pdDetail') }}</span>
-      <span class="status-primary-circle" style="margin-left:10px;">
-        {{ $t('trials:crcUpload:label:enrollmentConfirm') }}
+      <span>: {{ $t("trials:crcUpload:label:pdDetail") }}</span>
+      <span class="status-primary-circle" style="margin-left: 10px">
+        {{ $t("trials:crcUpload:label:enrollmentConfirm") }}
       </span>
-      <span>: {{ $t('trials:crcUpload:label:enrollmentConfirmDetail') }}</span>
+      <span>: {{ $t("trials:crcUpload:label:enrollmentConfirmDetail") }}</span>
     </div>
     <!-- 新增/编辑 -->
     <el-dialog
@@ -410,134 +609,58 @@
       width="600px"
       custom-class="base-dialog-wrapper"
     >
-      <VisitForm v-if="edit_cfg.visible" :data="rowData" :other-info="otherInfo" @getList="getList" @closeDialog="closeEditDialog" />
+      <VisitForm
+        v-if="edit_cfg.visible"
+        :data="rowData"
+        :other-info="otherInfo"
+        @getList="getList"
+        @closeDialog="closeEditDialog"
+      />
     </el-dialog>
 
     <!-- 上传Dicom/非Dicom文件 -->
-      <el-dialog
-        v-if="uploadVisible"
-        :visible.sync="uploadVisible"
-        :fullscreen="true"
-        :close-on-click-modal="false"
-        custom-class="upload-dialog"
-        :before-close="beforeCloseUploadDig"
-        :modal="false"
-      >
-        <span slot="title">
-          <el-breadcrumb separator-class="el-icon-arrow-right">
-            <label style="float: left;margin-right:10px;">Upload: </label>
-            <!-- <el-breadcrumb-item>Upload</el-breadcrumb-item> -->
-            <el-breadcrumb-item v-show="searchData.TrialCode">{{ searchData.TrialCode }}</el-breadcrumb-item>
-            <el-breadcrumb-item v-show="rowData.TrialSiteCode">{{ rowData.TrialSiteCode }}</el-breadcrumb-item>
-            <el-breadcrumb-item v-show="rowData.SubjectCode">{{ rowData.SubjectCode }}</el-breadcrumb-item>
-            <el-breadcrumb-item v-show="rowData.VisitName">{{ `${rowData.VisitName} (${rowData.VisitNum})` }}</el-breadcrumb-item>
-          </el-breadcrumb>
-        </span>
-        <div class="base-modal-body" style="display: flex;flex-direction: column;">
-          <el-form
-            v-show="(rowData.IsBaseLine && (otherInfo.IsHaveFirstGiveMedicineDate || otherInfo.IsEnrollementQualificationConfirm)) || (!rowData.IsBaseLine && otherInfo.IsPDProgressView)"
-            :inline="true"
-            class="base-search-form"
-            style="height: 60px;padding:10px;"
-          >
-            <!-- 访视基准日期 -->
-            <el-form-item
-              v-show="rowData.IsBaseLine && otherInfo.IsHaveFirstGiveMedicineDate"
-              :label="$t('trials:crcUpload:form:baseDateOfVisit')"
-            >
-              <el-date-picker
-                v-model="rowData.SubjectFirstGiveMedicineTime"
-                type="date"
-                :picker-options="pickerOption"
-                value-format="yyyy-MM-dd"
-                format="yyyy-MM-dd"
-                disabled
-              />
-            </el-form-item>
-            <!-- 入组确认评估 -->
-            <el-form-item
-              v-show="rowData.IsBaseLine && otherInfo.IsEnrollementQualificationConfirm"
-              :label="$t('trials:crcUpload:form:enrollmentConfirmation')"
-            >
-              <el-radio-group v-model="rowData.IsEnrollmentConfirm" disabled>
-                <el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsEnrollmentConfirm${item.label}`">{{ item.label }}</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <!-- 疾病进展确认评估 -->
-            <el-form-item
-              v-show="!rowData.IsBaseLine && otherInfo.IsPDProgressView"
-              :label="$t('trials:crcUpload:form:pd')"
-            >
-              <el-radio-group v-model="rowData.PDState" disabled>
-                <el-radio v-for="item of $d.YesOrNoForInt" :label="item.value" :key="`PDState${item.label}`">{{ item.label }}</el-radio>
-              </el-radio-group>
-            </el-form-item>
-            <el-form-item v-show="(rowData.IsBaseLine && (otherInfo.IsHaveFirstGiveMedicineDate || otherInfo.IsEnrollementQualificationConfirm)) || (!rowData.IsBaseLine && otherInfo.IsPDProgressView)">
-              <!-- 编辑 -->
-              <el-button
-                v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
-                type="primary"
-                icon="el-icon-edit"
-                style="margin-left:10px;"
-                @click="relationVisible = true"
-              >
-                {{ $t('common:button:edit') }}
-
-              </el-button>
-            </el-form-item>
-          </el-form>
-          <el-tabs v-model="activeName" type="border-card" style="flex:1;">
-            <!-- DICOM影像上传 -->
-            <el-tab-pane :label="$t('trials:uploadedDicoms:tab:uploadDicoms')" name="dicom">
-              <upload-dicom-files2  :data="rowData" :subject-id="rowData.SubjectId" :subject-visit-id="rowData.Id" @getList="getList" @close="closeUpload" :activeName.sync="activeName"/>
-              <!-- <upload-dicom-files  :data="rowData" :subject-id="rowData.SubjectId" :subject-visit-id="rowData.Id" @getList="getList" @close="closeUpload" @setOpenWindow="setOpenWindow"/> -->
-            </el-tab-pane>
-            <!-- 非DICOM影像上传 -->
-            <el-tab-pane
-              :label="$t('trials:uploadNonDicoms:tab:uploadNonDicoms')"
-              name="non-dicom"
-            >
-              <upload-non-dicom-files v-if="activeName==='non-dicom'" :data="rowData" :body-parts="otherInfo.BodyPartTypes" :modalities="otherInfo.Modalitys" :subject-visit-id="rowData.Id" :allow-add-or-edit="true" @getList="getList" />
-            </el-tab-pane>
-            <!-- 临床数据采集 -->
-            <el-tab-pane
-              v-if="rowData.IsBaseLine && (otherInfo.IsHaveSubjectClinicalData || otherInfo.IsHaveVisitClinicalData)"
-              :label="$t('trials:uploadClinicalData:tab:uploadClinicalData')"
-              name="clinical-data"
-            >
-              <upload-clinical-data v-if="activeName==='clinical-data'" :subject-visit-id="rowData.Id" :data="rowData" :enum-type="otherInfo.ClinicalInformationTransmissionEnum" :allow-add-or-edit="true" @getList="getList" />
-            </el-tab-pane>
-            <!-- 临床数据采集2 -->
-            <el-tab-pane
-              v-if="!rowData.IsBaseLine && otherInfo.IsHaveVisitClinicalData"
-              :label="$t('trials:uploadClinicalData:tab:uploadClinicalData')"
-              name="clinical-data"
-            >
-              <upload-clinical-data v-if="activeName==='clinical-data'" :subject-visit-id="rowData.Id" :data="rowData" :enum-type="otherInfo.ClinicalInformationTransmissionEnum" :allow-add-or-edit="true" @getList="getList" />
-            </el-tab-pane>
-          </el-tabs>
-        </div>
-      </el-dialog>
-
-
-    <!-- 检查列表 -->
     <el-dialog
-      v-if="studyVisible"
-      :visible.sync="studyVisible"
-      :close-on-click-modal="false"
+      v-if="uploadVisible"
+      :visible.sync="uploadVisible"
       :fullscreen="true"
-      :before-close="beforeCloseStudyDig"
+      :close-on-click-modal="false"
+      custom-class="upload-dialog"
+      :before-close="beforeCloseUploadDig"
+      :modal="false"
     >
       <span slot="title">
         <el-breadcrumb separator-class="el-icon-arrow-right">
-          <el-breadcrumb-item v-show="searchData.TrialCode">{{ searchData.TrialCode }}</el-breadcrumb-item>
-          <el-breadcrumb-item v-show="rowData.TrialSiteCode">{{ rowData.TrialSiteCode }}</el-breadcrumb-item>
-          <el-breadcrumb-item v-show="rowData.SubjectCode">{{ rowData.SubjectCode }}</el-breadcrumb-item>
-          <el-breadcrumb-item v-show="rowData.VisitName">{{ `${rowData.VisitName} (${rowData.VisitNum})` }}</el-breadcrumb-item>
+          <label style="float: left; margin-right: 10px">Upload: </label>
+          <!-- <el-breadcrumb-item>Upload</el-breadcrumb-item> -->
+          <el-breadcrumb-item v-show="searchData.TrialCode">{{
+            searchData.TrialCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="rowData.TrialSiteCode">{{
+            rowData.TrialSiteCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="rowData.SubjectCode">{{
+            rowData.SubjectCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="rowData.VisitName">{{
+            `${rowData.VisitName} (${rowData.VisitNum})`
+          }}</el-breadcrumb-item>
         </el-breadcrumb>
       </span>
-      <div class="base-modal-body">
-        <el-form :inline="true" class="base-search-form" style="padding:10px;">
+      <div
+        class="base-modal-body"
+        style="display: flex; flex-direction: column"
+      >
+        <el-form
+          v-show="
+            (rowData.IsBaseLine &&
+              (otherInfo.IsHaveFirstGiveMedicineDate ||
+                otherInfo.IsEnrollementQualificationConfirm)) ||
+            (!rowData.IsBaseLine && otherInfo.IsPDProgressView)
+          "
+          :inline="true"
+          class="base-search-form"
+          style="height: 60px; padding: 10px"
+        >
           <!-- 访视基准日期 -->
           <el-form-item
             v-show="rowData.IsBaseLine && otherInfo.IsHaveFirstGiveMedicineDate"
@@ -554,46 +677,273 @@
           </el-form-item>
           <!-- 入组确认评估 -->
           <el-form-item
-            v-show="rowData.IsBaseLine && otherInfo.IsEnrollementQualificationConfirm"
+            v-show="
+              rowData.IsBaseLine && otherInfo.IsEnrollementQualificationConfirm
+            "
             :label="$t('trials:crcUpload:form:enrollmentConfirmation')"
           >
             <el-radio-group v-model="rowData.IsEnrollmentConfirm" disabled>
-              <el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsEnrollmentConfirm${item.label}`">{{ item.label }}</el-radio>
+              <el-radio
+                v-for="item of $d.YesOrNo"
+                :label="item.value"
+                :key="`IsEnrollmentConfirm${item.label}`"
+                >{{ item.label }}</el-radio
+              >
             </el-radio-group>
           </el-form-item>
           <!-- 疾病进展确认评估 -->
           <el-form-item
-            v-show="!rowData.IsBaseLine && otherInfo.IsPDProgressView || rowData.PDState === 1"
+            v-show="!rowData.IsBaseLine && otherInfo.IsPDProgressView"
             :label="$t('trials:crcUpload:form:pd')"
           >
             <el-radio-group v-model="rowData.PDState" disabled>
-              <el-radio v-for="item of $d.YesOrNoForInt" :label="item.value" :key="`PDState${item.label}`">{{ item.label }}</el-radio>
+              <el-radio
+                v-for="item of $d.YesOrNoForInt"
+                :label="item.value"
+                :key="`PDState${item.label}`"
+                >{{ item.label }}</el-radio
+              >
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item
+            v-show="
+              (rowData.IsBaseLine &&
+                (otherInfo.IsHaveFirstGiveMedicineDate ||
+                  otherInfo.IsEnrollementQualificationConfirm)) ||
+              (!rowData.IsBaseLine && otherInfo.IsPDProgressView)
+            "
+          >
+            <!-- 编辑 -->
+            <el-button
+              v-hasPermi="['trials:trials-panel:visit:crc-upload:edit']"
+              type="primary"
+              icon="el-icon-edit"
+              style="margin-left: 10px"
+              @click="relationVisible = true"
+            >
+              {{ $t("common:button:edit") }}
+            </el-button>
+          </el-form-item>
+        </el-form>
+        <el-tabs v-model="activeName" type="border-card" style="flex: 1">
+          <!-- DICOM影像上传 -->
+          <el-tab-pane
+            :label="$t('trials:uploadedDicoms:tab:uploadDicoms')"
+            name="dicom"
+          >
+            <upload-dicom-files2
+              :data="rowData"
+              :subject-id="rowData.SubjectId"
+              :subject-visit-id="rowData.Id"
+              @getList="getList"
+              @close="closeUpload"
+              :activeName.sync="activeName"
+            />
+            <!-- <upload-dicom-files  :data="rowData" :subject-id="rowData.SubjectId" :subject-visit-id="rowData.Id" @getList="getList" @close="closeUpload" @setOpenWindow="setOpenWindow"/> -->
+          </el-tab-pane>
+          <!-- 非DICOM影像上传 -->
+          <el-tab-pane
+            :label="$t('trials:uploadNonDicoms:tab:uploadNonDicoms')"
+            name="non-dicom"
+          >
+            <upload-non-dicom-files
+              v-if="activeName === 'non-dicom'"
+              :data="rowData"
+              :body-parts="otherInfo.BodyPartTypes"
+              :modalities="otherInfo.Modalitys"
+              :subject-visit-id="rowData.Id"
+              :allow-add-or-edit="true"
+              @getList="getList"
+            />
+          </el-tab-pane>
+          <!-- 临床数据采集 -->
+          <el-tab-pane
+            v-if="
+              rowData.IsBaseLine &&
+              (otherInfo.IsHaveSubjectClinicalData ||
+                otherInfo.IsHaveVisitClinicalData)
+            "
+            :label="$t('trials:uploadClinicalData:tab:uploadClinicalData')"
+            name="clinical-data"
+          >
+            <upload-clinical-data
+              v-if="activeName === 'clinical-data'"
+              :subject-visit-id="rowData.Id"
+              :data="rowData"
+              :enum-type="otherInfo.ClinicalInformationTransmissionEnum"
+              :allow-add-or-edit="true"
+              @getList="getList"
+            />
+          </el-tab-pane>
+          <!-- 临床数据采集2 -->
+          <el-tab-pane
+            v-if="!rowData.IsBaseLine && otherInfo.IsHaveVisitClinicalData"
+            :label="$t('trials:uploadClinicalData:tab:uploadClinicalData')"
+            name="clinical-data"
+          >
+            <upload-clinical-data
+              v-if="activeName === 'clinical-data'"
+              :subject-visit-id="rowData.Id"
+              :data="rowData"
+              :enum-type="otherInfo.ClinicalInformationTransmissionEnum"
+              :allow-add-or-edit="true"
+              @getList="getList"
+            />
+          </el-tab-pane>
+        </el-tabs>
+      </div>
+    </el-dialog>
+
+    <!-- 检查列表 -->
+    <el-dialog
+      v-if="studyVisible"
+      :visible.sync="studyVisible"
+      :close-on-click-modal="false"
+      :fullscreen="true"
+      :before-close="beforeCloseStudyDig"
+    >
+      <span slot="title">
+        <el-breadcrumb separator-class="el-icon-arrow-right">
+          <el-breadcrumb-item v-show="searchData.TrialCode">{{
+            searchData.TrialCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="rowData.TrialSiteCode">{{
+            rowData.TrialSiteCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="rowData.SubjectCode">{{
+            rowData.SubjectCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="rowData.VisitName">{{
+            `${rowData.VisitName} (${rowData.VisitNum})`
+          }}</el-breadcrumb-item>
+        </el-breadcrumb>
+      </span>
+      <div class="base-modal-body">
+        <el-form :inline="true" class="base-search-form" style="padding: 10px">
+          <!-- 访视基准日期 -->
+          <el-form-item
+            v-show="rowData.IsBaseLine && otherInfo.IsHaveFirstGiveMedicineDate"
+            :label="$t('trials:crcUpload:form:baseDateOfVisit')"
+          >
+            <el-date-picker
+              v-model="rowData.SubjectFirstGiveMedicineTime"
+              type="date"
+              :picker-options="pickerOption"
+              value-format="yyyy-MM-dd"
+              format="yyyy-MM-dd"
+              disabled
+            />
+          </el-form-item>
+          <!-- 入组确认评估 -->
+          <el-form-item
+            v-show="
+              rowData.IsBaseLine && otherInfo.IsEnrollementQualificationConfirm
+            "
+            :label="$t('trials:crcUpload:form:enrollmentConfirmation')"
+          >
+            <el-radio-group v-model="rowData.IsEnrollmentConfirm" disabled>
+              <el-radio
+                v-for="item of $d.YesOrNo"
+                :label="item.value"
+                :key="`IsEnrollmentConfirm${item.label}`"
+                >{{ item.label }}</el-radio
+              >
+            </el-radio-group>
+          </el-form-item>
+          <!-- 疾病进展确认评估 -->
+          <el-form-item
+            v-show="
+              (!rowData.IsBaseLine && otherInfo.IsPDProgressView) ||
+              rowData.PDState === 1
+            "
+            :label="$t('trials:crcUpload:form:pd')"
+          >
+            <el-radio-group v-model="rowData.PDState" disabled>
+              <el-radio
+                v-for="item of $d.YesOrNoForInt"
+                :label="item.value"
+                :key="`PDState${item.label}`"
+                >{{ item.label }}</el-radio
+              >
             </el-radio-group>
           </el-form-item>
         </el-form>
         <!-- DICOM影像  -->
-        <h4 class="box-title">{{ $t('trials:crcUpload:label:dicom') }}</h4>
+        <h4 class="box-title">{{ $t("trials:crcUpload:label:dicom") }}</h4>
         <el-card class="box-card">
-          <StudyInfo  v-if="rowData.Id" :data="rowData" @getList="getList" @setOpenWindow="setOpenWindow" />
+          <StudyInfo
+            v-if="rowData.Id"
+            :data="rowData"
+            @getList="getList"
+            @setOpenWindow="setOpenWindow"
+          />
         </el-card>
         <!-- 非DICOM影像 -->
-        <h4 class="box-title" style="margin-top:10px;">{{ $t('trials:crcUpload:label:noneDicom') }}</h4>
+        <h4 class="box-title" style="margin-top: 10px">
+          {{ $t("trials:crcUpload:label:noneDicom") }}
+        </h4>
         <el-card class="box-card">
-          <UploadNonDicomFiles v-if="rowData.Id" :data="rowData" :subject-visit-id="rowData.Id" :body-parts="otherInfo.BodyPartTypes" :modalities="otherInfo.Modalitys" :allow-add-or-edit="false" @getList="getList"/>
+          <UploadNonDicomFiles
+            v-if="rowData.Id"
+            :data="rowData"
+            :subject-visit-id="rowData.Id"
+            :body-parts="otherInfo.BodyPartTypes"
+            :modalities="otherInfo.Modalitys"
+            :allow-add-or-edit="false"
+            @getList="getList"
+          />
         </el-card>
         <!-- 临床数据 -->
         <!-- 基线显示受试者级别和方式级别的临床数据 -->
-        <h4 v-if="rowData.IsBaseLine && otherInfo.ClinicalInformationTransmissionEnum > 0 && (otherInfo.IsHaveSubjectClinicalData || otherInfo.IsHaveVisitClinicalData)" class="box-title" style="margin-top:10px;">
-          {{ $t('trials:crcUpload:label:clinicalData') }}
+        <h4
+          v-if="
+            rowData.IsBaseLine &&
+            otherInfo.ClinicalInformationTransmissionEnum > 0 &&
+            (otherInfo.IsHaveSubjectClinicalData ||
+              otherInfo.IsHaveVisitClinicalData)
+          "
+          class="box-title"
+          style="margin-top: 10px"
+        >
+          {{ $t("trials:crcUpload:label:clinicalData") }}
         </h4>
-        <el-card v-if="rowData.IsBaseLine && otherInfo.ClinicalInformationTransmissionEnum > 0 && (otherInfo.IsHaveSubjectClinicalData || otherInfo.IsHaveVisitClinicalData)" class="box-card">
-          <UploadClinicalData v-if="rowData.Id && rowData.IsBaseLine" :enum-type="otherInfo.ClinicalInformationTransmissionEnum" :allow-add-or-edit="false" :data="rowData" :subject-visit-id="rowData.Id" @getList="getList" />
+        <el-card
+          v-if="
+            rowData.IsBaseLine &&
+            otherInfo.ClinicalInformationTransmissionEnum > 0 &&
+            (otherInfo.IsHaveSubjectClinicalData ||
+              otherInfo.IsHaveVisitClinicalData)
+          "
+          class="box-card"
+        >
+          <UploadClinicalData
+            v-if="rowData.Id && rowData.IsBaseLine"
+            :enum-type="otherInfo.ClinicalInformationTransmissionEnum"
+            :allow-add-or-edit="false"
+            :data="rowData"
+            :subject-visit-id="rowData.Id"
+            @getList="getList"
+          />
         </el-card>
-        <h4 v-if="!rowData.IsBaseLine &&  otherInfo.IsHaveVisitClinicalData" class="box-title" style="margin-top:10px;">
-          {{ $t('trials:crcUpload:label:clinicalData') }}
+        <h4
+          v-if="!rowData.IsBaseLine && otherInfo.IsHaveVisitClinicalData"
+          class="box-title"
+          style="margin-top: 10px"
+        >
+          {{ $t("trials:crcUpload:label:clinicalData") }}
         </h4>
-        <el-card v-if="!rowData.IsBaseLine  && otherInfo.IsHaveVisitClinicalData" class="box-card">
-          <UploadClinicalData v-if="rowData.Id" :enum-type="otherInfo.ClinicalInformationTransmissionEnum" :allow-add-or-edit="false" :data="rowData" :subject-visit-id="rowData.Id" @getList="getList" />
+        <el-card
+          v-if="!rowData.IsBaseLine && otherInfo.IsHaveVisitClinicalData"
+          class="box-card"
+        >
+          <UploadClinicalData
+            v-if="rowData.Id"
+            :enum-type="otherInfo.ClinicalInformationTransmissionEnum"
+            :allow-add-or-edit="false"
+            :data="rowData"
+            :subject-visit-id="rowData.Id"
+            @getList="getList"
+          />
         </el-card>
       </div>
     </el-dialog>
@@ -601,7 +951,15 @@
     <!-- 历史质疑 -->
     <base-model :config="chat_cfg">
       <template slot="dialog-body">
-        <HistoryChat v-if="rowData.Id" :otherInfo="otherInfo" :data="rowData" :body-parts="otherInfo.BodyPartTypes" :modalities="otherInfo.Modalitys" :clinical-enum="otherInfo.ClinicalInformationTransmissionEnum" @getList="getList" />
+        <HistoryChat
+          v-if="rowData.Id"
+          :otherInfo="otherInfo"
+          :data="rowData"
+          :body-parts="otherInfo.BodyPartTypes"
+          :modalities="otherInfo.Modalitys"
+          :clinical-enum="otherInfo.ClinicalInformationTransmissionEnum"
+          @getList="getList"
+        />
       </template>
     </base-model>
 
@@ -612,7 +970,7 @@
       :close-on-click-modal="false"
       :title="$t('trials:crcUpload:dialogTitle:edit')"
       width="500px"
-      style="height:600px"
+      style="height: 600px"
       custom-class="base-dialog-wrapper"
       append-to-body
     >
@@ -620,7 +978,7 @@
         <div class="base-dialog-body">
           <!-- 访视基准日期 -->
           <el-form-item
-            v-if="rowData.IsBaseLine&& otherInfo.IsHaveFirstGiveMedicineDate"
+            v-if="rowData.IsBaseLine && otherInfo.IsHaveFirstGiveMedicineDate"
             :label="$t('trials:crcUpload:form:baseDateOfVisit')"
           >
             <el-date-picker
@@ -633,11 +991,18 @@
           </el-form-item>
           <!-- 入组确认评估 -->
           <el-form-item
-            v-if="rowData.IsBaseLine && otherInfo.IsEnrollementQualificationConfirm"
+            v-if="
+              rowData.IsBaseLine && otherInfo.IsEnrollementQualificationConfirm
+            "
             :label="$t('trials:crcUpload:form:enrollmentConfirmation')"
           >
             <el-radio-group v-model="rowData.IsEnrollmentConfirm">
-              <el-radio v-for="item of $d.YesOrNo" :label="item.value" :key="`IsEnrollmentConfirm${item.label}`">{{ item.label }}</el-radio>
+              <el-radio
+                v-for="item of $d.YesOrNo"
+                :label="item.value"
+                :key="`IsEnrollmentConfirm${item.label}`"
+                >{{ item.label }}</el-radio
+              >
             </el-radio-group>
           </el-form-item>
           <!-- 疾病进展确认评估 -->
@@ -646,17 +1011,35 @@
             :label="$t('trials:crcUpload:form:pd')"
           >
             <el-radio-group v-model="rowData.PDState">
-              <el-radio v-for="item of $d.YesOrNoForInt" :label="item.value" :key="`PDState${item.label}`">{{ item.label }}</el-radio>
+              <el-radio
+                v-for="item of $d.YesOrNoForInt"
+                :label="item.value"
+                :key="`PDState${item.label}`"
+                >{{ item.label }}</el-radio
+              >
             </el-radio-group>
           </el-form-item>
         </div>
-        <div class="base-dialog-footer" style="text-align:right;margin-top:10px;">
+        <div
+          class="base-dialog-footer"
+          style="text-align: right; margin-top: 10px"
+        >
           <el-form-item>
-            <el-button size="small" type="primary" :disabled="btnLoading" @click="relationVisible = false">
-              {{ $t('common:button:cancel') }}
+            <el-button
+              size="small"
+              type="primary"
+              :disabled="btnLoading"
+              @click="relationVisible = false"
+            >
+              {{ $t("common:button:cancel") }}
             </el-button>
-            <el-button size="small" type="primary" :loading="btnLoading" @click="saveRelationInfo">
-              {{ $t('common:button:save') }}
+            <el-button
+              size="small"
+              type="primary"
+              :loading="btnLoading"
+              @click="saveRelationInfo"
+            >
+              {{ $t("common:button:save") }}
             </el-button>
           </el-form-item>
         </div>
@@ -673,10 +1056,17 @@
       custom-class="base-dialog-wrapper"
     >
       <div slot="title">
-        <span style="font-size:18px;">{{ $t('common:dialogTitle:sign') }}</span>
-        <span style="font-size:12px;margin-left:5px">{{ `(${$t('common:label:sign')}${ currentUser })` }}</span>
+        <span style="font-size: 18px">{{ $t("common:dialogTitle:sign") }}</span>
+        <span style="font-size: 12px; margin-left: 5px">{{
+          `(${$t("common:label:sign")}${currentUser})`
+        }}</span>
       </div>
-      <SignForm ref="signForm" :sign-code-enum="signCode" :subject-visit-id="rowData.Id" @closeDialog="closeSignDialog" />
+      <SignForm
+        ref="signForm"
+        :sign-code-enum="signCode"
+        :subject-visit-id="rowData.Id"
+        @closeDialog="closeSignDialog"
+      />
     </el-dialog>
     <el-dialog
       v-if="SubjectVisible"
@@ -687,14 +1077,22 @@
       custom-class="base-dialog-wrapper"
     >
       <div slot="title">
-        <span style="font-size:18px;">{{ $t('trials:crcUpload:dialogTitle:edit') }}</span>
+        <span style="font-size: 18px">{{
+          $t("trials:crcUpload:dialogTitle:edit")
+        }}</span>
       </div>
-      <div style="color:#f66;margin-bottom: 20px;margin-left: 40px;">
+      <div style="color: #f66; margin-bottom: 20px; margin-left: 40px">
         <!-- 该受试者访视基准日期未填写，请补充后，再提交访视影像。 -->
-        {{ $t('trials:crcUpload:message:baseDate') }}
+        {{ $t("trials:crcUpload:message:baseDate") }}
       </div>
       <!-- <SubjectsForm :data="SubjectInfo" :other-info="otherInfo" @submit="handleSubmit(rowData, true)" /> -->
-      <SubjectsForm v-if="SubjectVisible" :data="SubjectInfo" :other-info="otherInfo" @submitFirstGiveMedicineTime="submitFirstGiveMedicineTime" @close="closeSubjectVisible" />
+      <SubjectsForm
+        v-if="SubjectVisible"
+        :data="SubjectInfo"
+        :other-info="otherInfo"
+        @submitFirstGiveMedicineTime="submitFirstGiveMedicineTime"
+        @close="closeSubjectVisible"
+      />
     </el-dialog>
 
     <el-dialog
@@ -706,12 +1104,20 @@
       custom-class="base-dialog-wrapper"
       :fullscreen="true"
     >
-      <el-tabs style="height: 100%" type="border-card" :before-leave="() => {handleUpload(subjectRowData)}">
+      <el-tabs
+        style="height: 100%"
+        type="border-card"
+        :before-leave="
+          () => {
+            handleUpload(subjectRowData);
+          }
+        "
+      >
         <el-tab-pane :label="$t('trials:sysDocBeSigned:table:ToBeDealedCount')">
           <el-table
             :data="clinicalData"
             border
-            v-adaptive="{bottomOffset:75}"
+            v-adaptive="{ bottomOffset: 75 }"
             stripe
             height="100"
             v-loading="listLoading"
@@ -738,14 +1144,16 @@
               label="记录数"
               show-overflow-tooltip
             />
-            <el-table-column
-              :label="$t('common:action:action')"
-              width="150"
-            >
+            <el-table-column :label="$t('common:action:action')" width="150">
               <template slot-scope="scope">
                 <el-button
                   icon="el-icon-plus"
-                  :disabled="!(scope.row.UploadRole === 0 && [2, 3].includes(scope.row.ClinicalDataLevel)) && scope.row.ClinicalCount > 0"
+                  :disabled="
+                    !(
+                      scope.row.UploadRole === 0 &&
+                      [2, 3].includes(scope.row.ClinicalDataLevel)
+                    ) && scope.row.ClinicalCount > 0
+                  "
                   circle
                   title="添加"
                   @click="handleAdd2(scope.row)"
@@ -759,18 +1167,36 @@
               </template>
             </el-table-column>
           </el-table>
-          <div class="pagination" style="text-align: right;margin-top: 5px;">
-            <pagination :total="clinicalPageTotal" :page.sync="clinicalPage.PageIndex" :limit.sync="clinicalPage.PageSize" @pagination="() => {handleUpload(subjectRowData)
-}" />
+          <div class="pagination" style="text-align: right; margin-top: 5px">
+            <pagination
+              :total="clinicalPageTotal"
+              :page.sync="clinicalPage.PageIndex"
+              :limit.sync="clinicalPage.PageSize"
+              @pagination="
+                () => {
+                  handleUpload(subjectRowData);
+                }
+              "
+            />
           </div>
         </el-tab-pane>
         <el-tab-pane :label="$t('trials:sysDocBeSigned:table:ReadModuleCount')">
-          <el-tabs style="height: 100%"  v-adaptive="{bottomOffset:75}" v-model="TrialReadingCriterionId" type="border-card">
-            <el-tab-pane v-for="item of trialCriterionList" :key="item.TrialReadingCriterionId" :label="item.TrialReadingCriterionName" :name="item.TrialReadingCriterionId">
+          <el-tabs
+            style="height: 100%"
+            v-adaptive="{ bottomOffset: 75 }"
+            v-model="TrialReadingCriterionId"
+            type="border-card"
+          >
+            <el-tab-pane
+              v-for="item of trialCriterionList"
+              :key="item.TrialReadingCriterionId"
+              :label="item.TrialReadingCriterionName"
+              :name="item.TrialReadingCriterionId"
+            >
               <el-table
                 :data="confirmData"
                 v-loading="listLoading"
-                v-adaptive="{bottomOffset:275}"
+                v-adaptive="{ bottomOffset: 275 }"
                 stripe
                 height="100"
                 border
@@ -788,7 +1214,7 @@
                   show-overflow-tooltip
                 >
                   <template slot-scope="scope">
-                    {{scope.row.LatestScanDate.split(' ')[0]}}
+                    {{ scope.row.LatestScanDate.split(" ")[0] }}
                   </template>
                 </el-table-column>
                 <el-table-column
@@ -796,13 +1222,9 @@
                   label="记录数"
                   show-overflow-tooltip
                 />
-                <el-table-column
-                  prop=""
-                  label="是否确认"
-                  show-overflow-tooltip
-                >
+                <el-table-column prop="" label="是否确认" show-overflow-tooltip>
                   <template slot-scope="scope">
-                    {{$fd('YesOrNo', scope.row.IsCRCConfirm)}}
+                    {{ $fd("YesOrNo", scope.row.IsCRCConfirm) }}
                   </template>
                 </el-table-column>
                 <el-table-column
@@ -821,7 +1243,9 @@
                     />
                     <el-button
                       icon="el-icon-check"
-                      :disabled="scope.row.IsCRCConfirm || scope.row.FormCount === 0"
+                      :disabled="
+                        scope.row.IsCRCConfirm || scope.row.FormCount === 0
+                      "
                       circle
                       size="mini"
                       title="确认"
@@ -829,7 +1253,9 @@
                     />
                     <el-button
                       icon="el-icon-back"
-                      :disabled="!scope.row.IsCRCConfirm || scope.row.FormCount === 0"
+                      :disabled="
+                        !scope.row.IsCRCConfirm || scope.row.FormCount === 0
+                      "
                       circle
                       size="mini"
                       title="撤销确认"
@@ -838,9 +1264,20 @@
                   </template>
                 </el-table-column>
               </el-table>
-              <div class="pagination" style="text-align: right;margin-top: 5px;">
-                <pagination :total="confirmPageTotal" :page.sync="confirmPage.PageIndex" :limit.sync="confirmPage.PageSize" @pagination="() => {handleUpload(subjectRowData)
-}" />
+              <div
+                class="pagination"
+                style="text-align: right; margin-top: 5px"
+              >
+                <pagination
+                  :total="confirmPageTotal"
+                  :page.sync="confirmPage.PageIndex"
+                  :limit.sync="confirmPage.PageSize"
+                  @pagination="
+                    () => {
+                      handleUpload(subjectRowData);
+                    }
+                  "
+                />
               </div>
             </el-tab-pane>
           </el-tabs>
@@ -852,13 +1289,24 @@
       :visible.sync="confirmVisible"
       :close-on-click-modal="false"
       width="80%"
-      :title="`${confirmType === 'look' ? '查看临床数据' : confirmType === 'confirm' ? '确认临床数据' : '已确认临床数据'}(${TrialCode}|${rowData.SubjectCode}|${TrialReadingCriterionName})`"
+      :title="`${
+        confirmType === 'look'
+          ? '查看临床数据'
+          : confirmType === 'confirm'
+          ? '确认临床数据'
+          : '已确认临床数据'
+      }(${TrialCode}|${rowData.SubjectCode}|${TrialReadingCriterionName})`"
       custom-class="base-dialog-wrapper"
     >
       <div class="base-dialog-body">
         <div v-if="!IsHaveTableQuestion">
-          <div v-for="(item,index) of beConfirmList" :key="'beConfirmList' + index">
-            <el-divider content-position="left">{{ item.ClinicalDataSetName }}</el-divider>
+          <div
+            v-for="(item, index) of beConfirmList"
+            :key="'beConfirmList' + index"
+          >
+            <el-divider content-position="left">{{
+              item.ClinicalDataSetName
+            }}</el-divider>
             <el-table
               v-loading="listLoading"
               :data="item.AnswerList"
@@ -878,17 +1326,21 @@
         </div>
         <div v-else class="preview-wrapper">
           <div class="left-wrapper">
-            <div v-if="cdList.length>0" class="basic-content">
+            <div v-if="cdList.length > 0" class="basic-content">
               <div v-for="item in cdList" :key="item.Id" class="cd-wrapper">
-                <div class="cd-name-wrapper">{{ item.ClinicalDataSetName }}</div>
+                <div class="cd-name-wrapper">
+                  {{ item.ClinicalDataSetName }}
+                </div>
                 <div
                   v-for="date in item.DateList"
                   :key="date.Id"
                   class="cd-item"
-                  :class="{activeBtn:date.ClinicalFormId === selected.ClinicalFormId}"
+                  :class="{
+                    activeBtn: date.ClinicalFormId === selected.ClinicalFormId,
+                  }"
                   @click="selectCheckDate(date)"
                 >
-                  {{ date.CheckDate.split(' ')[0] }}
+                  {{ date.CheckDate.split(" ")[0] }}
                 </div>
               </div>
             </div>
@@ -910,18 +1362,18 @@
           </div>
         </div>
       </div>
-      <div class="base-dialog-footer" v-if="confirmType !== 'look'" style="text-align:right;margin-top:10px;">
+      <div
+        class="base-dialog-footer"
+        v-if="confirmType !== 'look'"
+        style="text-align: right; margin-top: 10px"
+      >
         <!-- 取消 -->
-        <el-button
-          size="small"
-          type="primary"
-          @click="confirmVisible = false"
-        >
-          {{ $t('common:button:cancel') }}
+        <el-button size="small" type="primary" @click="confirmVisible = false">
+          {{ $t("common:button:cancel") }}
         </el-button>
         <!-- 保存 -->
         <el-button size="small" type="primary" @click="confirmClinicalData">
-          {{ $t('common:button:confirm') }}
+          {{ $t("common:button:confirm") }}
         </el-button>
       </div>
     </el-dialog>
@@ -946,7 +1398,11 @@
         :open-type="openType"
         :clinical-upload-type="clinicalUploadType"
         :Clinical-data-level="rowData.ClinicalDataLevel"
-        @close="preview.visible = false;handleUpload(subjectRowData);handleView(formRow, true)"
+        @close="
+          preview.visible = false;
+          handleUpload(subjectRowData);
+          handleView(formRow, true);
+        "
       />
     </el-dialog>
     <el-dialog
@@ -1007,48 +1463,76 @@
 import {
   getCRCVisitList,
   getTrialSiteSelect,
-  getTrialVisitStageSelect, verifyCRCRequestToQC, deleteSubjectVisit, updateSubjectAndSVInfo, getImageClinicalDataToBeDoneList, getTrialCriterionList, getCRCSubjectClinicalList, deleteClinicalForm, getCRCConfirmList, getCRCBeConfirmList, cRCConfirmClinical, cRCCancelConfirmClinical, getClinicalTableList, getClinicalDateList } from '@/api/trials'
-import { cRCRequestToQC } from '@/api/trials/visit'
-import { cRCVisitList_Export } from '@/api/export'
-import BaseContainer from '@/components/BaseContainer'
-import Pagination from '@/components/Pagination'
-import VisitForm from './components/visitForm'
-import UploadDicomFiles from './components/uploadDicomFiles'
-import UploadDicomFiles2 from './components/uploadDicomFiles2'
-import UploadNonDicomFiles from './components/uploadNonDicomFiles'
-import UploadClinicalData from './components/uploadClinicalData'
-import HistoryChat from './components/historyChat'
-import StudyInfo from './components/studyInfo'
-import SubjectsForm from './components/SubjectsForm'
-import SignForm from '@/views/trials/components/newSignForm'
-import BaseModel from '@/components/BaseModel'
-import dicomStore from '@/utils/dicom-store'
-import { getClinicalQuestionFormList } from '@/api/dictionary'
-import moment from 'moment'
-import const_ from '@/const/sign-code'
-import { changeURLStatic } from '@/utils/history.js'
-import { getToken } from '@/utils/auth'
-import clinicalDataQuestions from '@/components/clinicalDataQuestions'
+  getTrialVisitStageSelect,
+  verifyCRCRequestToQC,
+  deleteSubjectVisit,
+  updateSubjectAndSVInfo,
+  getImageClinicalDataToBeDoneList,
+  getTrialCriterionList,
+  getCRCSubjectClinicalList,
+  deleteClinicalForm,
+  getCRCConfirmList,
+  getCRCBeConfirmList,
+  cRCConfirmClinical,
+  cRCCancelConfirmClinical,
+  getClinicalTableList,
+  getClinicalDateList,
+} from "@/api/trials";
+import { cRCRequestToQC } from "@/api/trials/visit";
+import { cRCVisitList_Export } from "@/api/export";
+import BaseContainer from "@/components/BaseContainer";
+import Pagination from "@/components/Pagination";
+import VisitForm from "./components/visitForm";
+import UploadDicomFiles from "./components/uploadDicomFiles";
+import UploadDicomFiles2 from "./components/uploadDicomFiles2";
+import UploadNonDicomFiles from "./components/uploadNonDicomFiles";
+import UploadClinicalData from "./components/uploadClinicalData";
+import HistoryChat from "./components/historyChat";
+import StudyInfo from "./components/studyInfo";
+import SubjectsForm from "./components/SubjectsForm";
+import SignForm from "@/views/trials/components/newSignForm";
+import BaseModel from "@/components/BaseModel";
+import dicomStore from "@/utils/dicom-store";
+import { getClinicalQuestionFormList } from "@/api/dictionary";
+import moment from "moment";
+import const_ from "@/const/sign-code";
+import { changeURLStatic } from "@/utils/history.js";
+import { getToken } from "@/utils/auth";
+import clinicalDataQuestions from "@/components/clinicalDataQuestions";
 const searchDataDefault = () => {
   return {
-    SubjectInfo: '',
-    TrialSiteId: '',
+    SubjectInfo: "",
+    TrialSiteId: "",
     PageIndex: 1,
     PageSize: 20,
     VisitPlanArray: [],
     AuditStateArray: [],
     SubmitState: null,
-    ChallengeState: null
+    ChallengeState: null,
     // SortField: '',
     // Asc: false
-  }
-}
+  };
+};
 export default {
-  name: 'VisitList',
-  components: { clinicalDataQuestions, BaseContainer, Pagination, BaseModel, SignForm, VisitForm, UploadDicomFiles, UploadNonDicomFiles, UploadClinicalData, HistoryChat, StudyInfo, SubjectsForm, UploadDicomFiles2 },
+  name: "VisitList",
+  components: {
+    clinicalDataQuestions,
+    BaseContainer,
+    Pagination,
+    BaseModel,
+    SignForm,
+    VisitForm,
+    UploadDicomFiles,
+    UploadNonDicomFiles,
+    UploadClinicalData,
+    HistoryChat,
+    StudyInfo,
+    SubjectsForm,
+    UploadDicomFiles2,
+  },
   data() {
     return {
-      edit_cfg: { visible: false, title: '', width: '600px', showClose: true },
+      edit_cfg: { visible: false, title: "", width: "600px", showClose: true },
       SubjectVisible: false,
       formRow: {},
       searchData: searchDataDefault(),
@@ -1061,35 +1545,34 @@ export default {
       visitPlanOptions: [],
       rowData: {},
       moment,
-      activeName: 'dicom',
+      activeName: "dicom",
       studyVisible: false,
       studyLoading: false,
       studyList: [],
       deleteArr: [],
-      currentVisitId: '',
+      currentVisitId: "",
       urgentForm: { isUrgent: null },
       btnLoading: false,
-      chat_cfg: { visible: false, title: '', width: '1000px', showClose: true },
+      chat_cfg: { visible: false, title: "", width: "1000px", showClose: true },
       relationVisible: false,
       otherInfo: {},
       SubjectInfo: {},
       selectArr: [],
       signVisible: false,
       signCode: null,
-      currentUser: zzSessionStorage.getItem('userName'),
+      currentUser: zzSessionStorage.getItem("userName"),
       pickerOption: {
-        disabledDate: time => {
-          return time.getTime() > Date.now()
-        }
+        disabledDate: (time) => {
+          return time.getTime() > Date.now();
+        },
       },
       trialId: this.$route.query.trialId,
       uploadVisible2: false,
-      openWindow:null,
+      openWindow: null,
       ReadingClinicalDataId: null,
       clinicalUploadType: null,
       isShow: false,
-      selected: {
-      },
+      selected: {},
       listLoading: false,
       configVisible: false,
       listQuery: searchDataDefault(),
@@ -1102,196 +1585,209 @@ export default {
       pos2: 0,
       spanArr2: 0,
       confirmData: [],
-      preview: { visible: false, title: '临床数据自定义问题' },
-      preview2: { visible: false, title: '已上传临床数据列表' },
-      openType: 'look',
+      preview: { visible: false, title: "临床数据自定义问题" },
+      preview2: { visible: false, title: "已上传临床数据列表" },
+      openType: "look",
       formListData: {},
       confirmVisible: false,
       subjectRowData: {},
       beConfirmList: [],
       cdList: [],
       trialCriterionList: [],
-      TrialReadingCriterionId: '0',
-      confirmType: 'look',
+      TrialReadingCriterionId: "0",
+      confirmType: "look",
       confirmPageTotal: 0,
       clinicalPageTotal: 0,
       clinicalPage: {
         PageIndex: 1,
-        PageSize: 20
+        PageSize: 20,
       },
       confirmPage: {
         PageIndex: 1,
-        PageSize: 20
+        PageSize: 20,
       },
       TrialReadingCriterionName: null,
-      TrialCode: null
-    }
+      TrialCode: null,
+    };
   },
   watch: {
     list() {
       this.$nextTick(() => {
-        this.$refs.visitList.doLayout()
-      })
+        this.$refs.visitList.doLayout();
+      });
     },
     TrialReadingCriterionId(v, old) {
-      if (v === '0') return
-      if (old === '0' || old === null) {
-        this.handleUpload2(this.subjectRowData, true)
+      if (v === "0") return;
+      if (old === "0" || old === null) {
+        this.handleUpload2(this.subjectRowData, true);
       } else {
-        this.handleUpload2(this.subjectRowData)
+        this.handleUpload2(this.subjectRowData);
       }
       // if (v === '0') return
-      this.TrialReadingCriterionName = this.trialCriterionList.find(o => v === o.TrialReadingCriterionId).TrialReadingCriterionName
+      this.TrialReadingCriterionName = this.trialCriterionList.find(
+        (o) => v === o.TrialReadingCriterionId
+      ).TrialReadingCriterionName;
       // this.handleUpload2(this.subjectRowData)
-    }
+    },
+    uploadVisible() {
+      if (!this.uploadVisible) {
+        this.$store.state.trials.checkTaskId = null;
+      }
+    },
   },
   mounted() {
-    this.getSite()
+    this.getSite();
     if (this.$route.query.subjectCode) {
-      this.searchData.SubjectInfo = this.$route.query.subjectCode
+      this.searchData.SubjectInfo = this.$route.query.subjectCode;
     }
-    changeURLStatic('subjectCode', '')
-    this.TrialCode = this.$route.query.trialCode
-    this.getList()
-    this.getVisitPlanOptions()
-    this.getTrialCriterionList()
+    changeURLStatic("subjectCode", "");
+    this.TrialCode = this.$route.query.trialCode;
+    this.getList();
+    this.getVisitPlanOptions();
+    this.getTrialCriterionList();
   },
   methods: {
     selectCheckDate(date) {
-      this.isShow = false
-      this.selected.ClinicalFormId = date.ClinicalFormId
-      this.selected.ClinicalDataTrialSetId = date.ClinicalDataTrialSetId
-      this.selected.TrialId = this.subjectRowData.TrialId
-      this.selected.SubjectId = this.subjectRowData.SubjectId
+      this.isShow = false;
+      this.selected.ClinicalFormId = date.ClinicalFormId;
+      this.selected.ClinicalDataTrialSetId = date.ClinicalDataTrialSetId;
+      this.selected.TrialId = this.subjectRowData.TrialId;
+      this.selected.SubjectId = this.subjectRowData.SubjectId;
       this.$nextTick(() => {
-        this.isShow = true
-      })
+        this.isShow = true;
+      });
     },
     getTrialCriterionList(row) {
-      this.TrialReadingCriterionId = '0'
-      getTrialCriterionList(this.trialId, false).then(async res => {
-        this.trialCriterionList = res.Result
-        this.TrialReadingCriterionId = this.trialCriterionList[0].TrialReadingCriterionId
-        // this.handleUpload2(this.subjectRowData)
-      }).catch(() => {
-      })
+      this.TrialReadingCriterionId = "0";
+      getTrialCriterionList(this.trialId, false)
+        .then(async (res) => {
+          this.trialCriterionList = res.Result;
+          this.TrialReadingCriterionId =
+            this.trialCriterionList[0].TrialReadingCriterionId;
+          // this.handleUpload2(this.subjectRowData)
+        })
+        .catch(() => {});
     },
     confirmClinicalData() {
       cRCConfirmClinical({
         TrialId: this.subjectRowData.TrialId,
         SubjectId: this.rowData.SubjectId,
         ReadModuleId: this.rowData.ReadModuleId,
-      }).then(res => {
-        this.$message.success('确认成功')
-        this.handleUpload2(this.subjectRowData)
-        this.confirmVisible = false
-      })
+      }).then((res) => {
+        this.$message.success("确认成功");
+        this.handleUpload2(this.subjectRowData);
+        this.confirmVisible = false;
+      });
     },
     handleUnConfirm(row) {
-      this.rowData = {...row}
-      this.$confirm('确定撤销确认吗？').then(res => {
+      this.rowData = { ...row };
+      this.$confirm("确定撤销确认吗？").then((res) => {
         cRCCancelConfirmClinical({
           TrialId: this.subjectRowData.TrialId,
           ReadModuleId: row.ReadModuleId,
-        }).then(res => {
-          this.$message.success('撤销成功')
-          this.handleUpload2(this.subjectRowData)
-        })
-      })
+        }).then((res) => {
+          this.$message.success("撤销成功");
+          this.handleUpload2(this.subjectRowData);
+        });
+      });
     },
     getCRCBeConfirmList(row, type) {
-      this.rowData = {...row}
-      this.confirmVisible = true
-      this.confirmType = type
-      this.IsHaveTableQuestion = this.rowData.IsHaveTableQuestion
+      this.rowData = { ...row };
+      this.confirmVisible = true;
+      this.confirmType = type;
+      this.IsHaveTableQuestion = this.rowData.IsHaveTableQuestion;
       if (!this.rowData.IsHaveTableQuestion) {
         getClinicalTableList({
           TrialId: this.subjectRowData.TrialId,
-          ReadModuleId: row.ReadModuleId
-        }).then(res => {
-          this.beConfirmList = res.Result
-        })
+          ReadModuleId: row.ReadModuleId,
+        }).then((res) => {
+          this.beConfirmList = res.Result;
+        });
       } else {
         getClinicalDateList({
           TrialId: this.subjectRowData.TrialId,
-          ReadModuleId: row.ReadModuleId
-        }).then(res => {
-          this.cdList = res.Result
-          this.selected.ClinicalFormId = this.cdList[0].DateList[0].ClinicalFormId
-          this.selected.ClinicalDataTrialSetId = this.cdList[0].DateList[0].ClinicalDataTrialSetId
-          this.selected.TrialId = this.subjectRowData.TrialId
-          this.selected.SubjectId = this.subjectRowData.SubjectId
-          this.isShow = true
-          console.log(res)
-        })
+          ReadModuleId: row.ReadModuleId,
+        }).then((res) => {
+          this.cdList = res.Result;
+          this.selected.ClinicalFormId =
+            this.cdList[0].DateList[0].ClinicalFormId;
+          this.selected.ClinicalDataTrialSetId =
+            this.cdList[0].DateList[0].ClinicalDataTrialSetId;
+          this.selected.TrialId = this.subjectRowData.TrialId;
+          this.selected.SubjectId = this.subjectRowData.SubjectId;
+          this.isShow = true;
+          console.log(res);
+        });
       }
     },
     handleView2(row) {
-      console.log(row)
-      this.rowData = {...row}
-      this.openType = 'look'
-      this.preview.visible = true
+      console.log(row);
+      this.rowData = { ...row };
+      this.openType = "look";
+      this.preview.visible = true;
     },
     handleEdit2(row) {
-      this.rowData = {...row}
-      this.openType = 'edit'
-      this.preview.visible = true
+      this.rowData = { ...row };
+      this.openType = "edit";
+      this.preview.visible = true;
     },
     handleDelete2(row) {
-      this.$confirm('确定删除该条临床数据记录吗？').then(() => {
-        this.listLoading = true
+      this.$confirm("确定删除该条临床数据记录吗？").then(() => {
+        this.listLoading = true;
         deleteClinicalForm({
-          ClinicalFormId: row.ClinicalFormId
-        }).then(res => {
-          this.$message.success('删除成功')
-          this.listLoading = false
-          this.handleView(row)
-        })
-      })
+          ClinicalFormId: row.ClinicalFormId,
+        }).then((res) => {
+          this.$message.success("删除成功");
+          this.listLoading = false;
+          this.handleView(row);
+        });
+      });
     },
     handleAdd2(row) {
-      this.rowData = {...row}
-      this.clinicalUploadType = this.rowData.ClinicalUploadType
-      this.ReadingClinicalDataId = this.rowData.ReadingClinicalDataId
-      this.preview.visible = true
-      this.preview.title = `录入临床数据(${this.subjectRowData.TrialCode}|${this.rowData.SubjectCode})`
-      this.openType = 'add'
+      this.rowData = { ...row };
+      this.clinicalUploadType = this.rowData.ClinicalUploadType;
+      this.ReadingClinicalDataId = this.rowData.ReadingClinicalDataId;
+      this.preview.visible = true;
+      this.preview.title = `录入临床数据(${this.subjectRowData.TrialCode}|${this.rowData.SubjectCode})`;
+      this.openType = "add";
     },
     goVisit(row) {
-      this.$router.push({path: `/trials/trials-panel/visit/crc-upload?trialId=${row.TrialId}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`})
+      this.$router.push({
+        path: `/trials/trials-panel/visit/crc-upload?trialId=${row.TrialId}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
+      });
     },
     handleView(row, isOpen) {
-      this.rowData = {...row}
-      this.formRow = {...row}
-      this.clinicalUploadType = this.rowData.ClinicalUploadType
-      this.listLoading = true
+      this.rowData = { ...row };
+      this.formRow = { ...row };
+      this.clinicalUploadType = this.rowData.ClinicalUploadType;
+      this.listLoading = true;
       getClinicalQuestionFormList({
         TrialId: row.TrialId,
         SubjectId: row.SubjectId,
-        ClinicalDataTrialSetId: row.ClinicalDataTrialSetId
-      }).then(res => {
+        ClinicalDataTrialSetId: row.ClinicalDataTrialSetId,
+      }).then((res) => {
         if (!isOpen) {
-          this.preview2.visible = true
-          this.preview2.title = `已上传临床数据列表(${this.TrialCode}|${this.rowData.SubjectCode})`
+          this.preview2.visible = true;
+          this.preview2.title = `已上传临床数据列表(${this.TrialCode}|${this.rowData.SubjectCode})`;
         }
-        this.listLoading = false
-        this.QuestionList = res.Result.QuestionList
-        this.AnswerList = res.Result.AnswerList
-      })
+        this.listLoading = false;
+        this.QuestionList = res.Result.QuestionList;
+        this.AnswerList = res.Result.AnswerList;
+      });
     },
     getSpanArr(data) {
       for (var i = 0; i < data.length; i++) {
         if (i === 0) {
-          this.spanArr.push(1)
-          this.pos = 0
+          this.spanArr.push(1);
+          this.pos = 0;
         } else {
           // 判断当前元素与上一个元素是否相同
           if (data[i].SubjectId === data[i - 1].SubjectId) {
-            this.spanArr[this.pos] += 1
-            this.spanArr.push(0)
+            this.spanArr[this.pos] += 1;
+            this.spanArr.push(0);
           } else {
-            this.spanArr.push(1)
-            this.pos = i
+            this.spanArr.push(1);
+            this.pos = i;
           }
         }
       }
@@ -1299,119 +1795,128 @@ export default {
     getSpanArr2(data) {
       for (var i = 0; i < data.length; i++) {
         if (i === 0) {
-          this.spanArr2.push(1)
-          this.pos2 = 0
+          this.spanArr2.push(1);
+          this.pos2 = 0;
         } else {
           // 判断当前元素与上一个元素是否相同
           if (data[i].SubjectId === data[i - 1].SubjectId) {
-            this.spanArr2[this.pos2] += 1
-            this.spanArr2.push(0)
+            this.spanArr2[this.pos2] += 1;
+            this.spanArr2.push(0);
           } else {
-            this.spanArr2.push(1)
-            this.pos2 = i
+            this.spanArr2.push(1);
+            this.pos2 = i;
           }
         }
       }
     },
     objectSpanMethod({ row, column, rowIndex, columnIndex }) {
       if (columnIndex === 0) {
-        const _row = this.spanArr[rowIndex]
-        const _col = _row > 0 ? 1 : 0
+        const _row = this.spanArr[rowIndex];
+        const _col = _row > 0 ? 1 : 0;
         return {
           rowspan: _row,
-          colspan: _col
-        }
+          colspan: _col,
+        };
       }
     },
-    handleUpload2(row,old) {
-      this.listLoading = true
-      this.rowData = {...row}
+    handleUpload2(row, old) {
+      this.listLoading = true;
+      this.rowData = { ...row };
       getCRCConfirmList({
         TrialId: this.trialId,
         IsPMConfirm: false,
         TrialReadingCriterionId: this.TrialReadingCriterionId,
         PageIndex: this.confirmPage.PageIndex,
-        PageSize: this.confirmPage.PageSize
-      }).then(res => {
-        this.spanArr2 = []
-        this.pos2 = 0
+        PageSize: this.confirmPage.PageSize,
+      }).then((res) => {
+        this.spanArr2 = [];
+        this.pos2 = 0;
         if (!old) {
-          this.configVisible = true
+          this.configVisible = true;
         }
-        this.confirmData = res.Result.CurrentPageData
-        this.confirmPageTotal = res.Result.TotalCount
-        this.getSpanArr2(this.confirmData)
-        this.listLoading = false
-      })
+        this.confirmData = res.Result.CurrentPageData;
+        this.confirmPageTotal = res.Result.TotalCount;
+        this.getSpanArr2(this.confirmData);
+        this.listLoading = false;
+      });
     },
     handleUpload(row) {
-      this.listLoading = true
-      this.rowData = {...row}
-      this.subjectRowData = {...row}
+      this.listLoading = true;
+      this.rowData = { ...row };
+      this.subjectRowData = { ...row };
       getCRCSubjectClinicalList({
         TrialId: this.trialId,
         PageIndex: this.clinicalPage.PageIndex,
-        PageSize: this.clinicalPage.PageSize
-      }).then(res => {
-        this.spanArr = []
-        this.pos = 0
-        this.configVisible = true
-        this.clinicalData = res.Result.CurrentPageData
-        this.clinicalPageTotal = res.Result.TotalCount
-        this.getSpanArr(this.clinicalData)
-        this.listLoading = false
-      })
-      this.getTrialCriterionList(row)
+        PageSize: this.clinicalPage.PageSize,
+      }).then((res) => {
+        this.spanArr = [];
+        this.pos = 0;
+        this.configVisible = true;
+        this.clinicalData = res.Result.CurrentPageData;
+        this.clinicalPageTotal = res.Result.TotalCount;
+        this.getSpanArr(this.clinicalData);
+        this.listLoading = false;
+      });
+      this.getTrialCriterionList(row);
     },
     handleExport() {
-      cRCVisitList_Export(this.searchData).then(res => {
-      }).catch(() => { this.loading = false })
+      cRCVisitList_Export(this.searchData)
+        .then((res) => {})
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 获取访视计划列表
     getList() {
-      this.loading = true
-      this.searchData.TrialId = this.trialId
-      getCRCVisitList(this.searchData).then(res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-        this.otherInfo = res.OtherInfo
-        console.log(this.otherInfo)
-      }).catch(() => { this.loading = false })
+      this.loading = true;
+      this.searchData.TrialId = this.trialId;
+      getCRCVisitList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+          this.otherInfo = res.OtherInfo;
+          console.log(this.otherInfo);
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 新建计划外的访视信息
     handleAdd() {
-      this.rowData = {}
-      this.edit_cfg.title = this.$t('trials:crcUpload:dialogTitle:new')
-      this.edit_cfg.visible = true
+      this.rowData = {};
+      this.edit_cfg.title = this.$t("trials:crcUpload:dialogTitle:new");
+      this.edit_cfg.visible = true;
     },
     // 编辑访视信息
     handleEdit(row) {
-      this.rowData = row
-      this.edit_cfg.title = this.$t('trials:crcUpload:dialogTitle:edit')
-      this.edit_cfg.visible = true
+      this.rowData = row;
+      this.edit_cfg.title = this.$t("trials:crcUpload:dialogTitle:edit");
+      this.edit_cfg.visible = true;
     },
     closeEditDialog() {
-      this.edit_cfg.visible = false
+      this.edit_cfg.visible = false;
     },
     // 上传Dicoms/非Dicoms文件
     CRChandleUpload(row) {
-      dicomStore.studyList = []
-      this.activeName = 'dicom'
-      this.rowData = { ...row }
-      this.uploadVisible = true
-      this.uploadVisible2 = false
+      dicomStore.studyList = [];
+      this.activeName = "dicom";
+      this.rowData = { ...row };
+      this.$store.state.trials.checkTaskId = row.Id;
+      this.uploadVisible = true;
+      this.uploadVisible2 = false;
     },
     CRChandleUpload2(row) {
-      dicomStore.studyList = []
-      this.activeName = 'dicom'
-      this.rowData = { ...row }
-      this.uploadVisible = true
-      this.uploadVisible2 = true
+      dicomStore.studyList = [];
+      this.activeName = "dicom";
+      this.rowData = { ...row };
+      this.$store.state.trials.checkTaskId = row.Id;
+      this.uploadVisible = true;
+      this.uploadVisible2 = true;
     },
     // 将影像提交给QC
     handleSubmit(row) {
-      this.rowData = { ...row }
+      this.rowData = { ...row };
       // if (row.IsBaseLine) {
       //   if (this.otherInfo.ClinicalInformationTransmissionEnum > 0) {
       //     const { ClinicalDataConfirmation } = const_.processSignature
@@ -1422,328 +1927,360 @@ export default {
       //   }
       // } else {
       // 校验是否可提交
-        this.verifyIsAllowSubmit()
+      this.verifyIsAllowSubmit();
       // }
     },
     verifyIsAllowSubmit() {
-      this.loading = true
+      this.loading = true;
       var param = {
         trialId: this.trialId,
-        subjectVisitIds: [this.rowData.Id]
-      }
-      verifyCRCRequestToQC(param).then(res => {
-        this.loading = false
-        if (res.IsSuccess) {
-          let text = this.$t('trials:crcUpload:message:submit')
-          if (this.rowData.IsHaveUploadFailed) {
-            text = `<div>${this.$t('trials:crcUpload:message:submit')}</div>`
-          }
-          this.$confirm(text, {
-            dangerouslyUseHTMLString: true,
-            type: 'warning',
-            distinguishCancelAndClose: true
-          })
-            .then(() => {
-              if (this.rowData.IsBaseLine) {
-                if (this.otherInfo.ClinicalInformationTransmissionEnum > 0) {
-                  const { ClinicalDataConfirmation } = const_.processSignature
-                  this.signCode = ClinicalDataConfirmation
-                  this.signVisible = true
+        subjectVisitIds: [this.rowData.Id],
+      };
+      verifyCRCRequestToQC(param)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess) {
+            let text = this.$t("trials:crcUpload:message:submit");
+            if (this.rowData.IsHaveUploadFailed) {
+              text = `<div>${this.$t("trials:crcUpload:message:submit")}</div>`;
+            }
+            this.$confirm(text, {
+              dangerouslyUseHTMLString: true,
+              type: "warning",
+              distinguishCancelAndClose: true,
+            })
+              .then(() => {
+                if (this.rowData.IsBaseLine) {
+                  if (this.otherInfo.ClinicalInformationTransmissionEnum > 0) {
+                    const { ClinicalDataConfirmation } =
+                      const_.processSignature;
+                    this.signCode = ClinicalDataConfirmation;
+                    this.signVisible = true;
+                  } else {
+                    this.submit();
+                  }
                 } else {
-                  this.submit()
+                  this.checkNeedSignAndSubmit();
                 }
-              } else {
-                this.checkNeedSignAndSubmit()
-              }
-            }).catch(() => {})
-        }
-      }).catch(res => {
-        this.loading = false
-        if (res.Result === 1) {
-          this.$confirm(res.ErrorMessage, {
-            showCancelButton: false,
-            showConfirmButton: false,
-            type: 'warning'
-          })
-        } else if (res.Result === 0) {
-          this.$confirm(res.ErrorMessage, {
-            distinguishCancelAndClose: true,
-            type: 'warning'
-          }).then(() => {
-            this.checkNeedSignAndSubmit()
-          }).catch(() => {})
-        }
-      })
+              })
+              .catch(() => {});
+          }
+        })
+        .catch((res) => {
+          this.loading = false;
+          if (res.Result === 1) {
+            this.$confirm(res.ErrorMessage, {
+              showCancelButton: false,
+              showConfirmButton: false,
+              type: "warning",
+            });
+          } else if (res.Result === 0) {
+            this.$confirm(res.ErrorMessage, {
+              distinguishCancelAndClose: true,
+              type: "warning",
+            })
+              .then(() => {
+                this.checkNeedSignAndSubmit();
+              })
+              .catch(() => {});
+          }
+        });
     },
     checkNeedSignAndSubmit() {
-      if (this.otherInfo.IsHaveFirstGiveMedicineDate && (this.rowData.SubjectFirstGiveMedicineTime === null || this.rowData.SubjectFirstGiveMedicineTime === '') && !this.rowData.IsBaseLine) {
-        var item = Object.assign({}, this.rowData)
-        item.Code = this.rowData.SubjectCode
-        item.Id = this.rowData.SubjectId
-        this.SubjectInfo = item
-        this.SubjectVisible = true
+      if (
+        this.otherInfo.IsHaveFirstGiveMedicineDate &&
+        (this.rowData.SubjectFirstGiveMedicineTime === null ||
+          this.rowData.SubjectFirstGiveMedicineTime === "") &&
+        !this.rowData.IsBaseLine
+      ) {
+        var item = Object.assign({}, this.rowData);
+        item.Code = this.rowData.SubjectCode;
+        item.Id = this.rowData.SubjectId;
+        this.SubjectInfo = item;
+        this.SubjectVisible = true;
       } else {
-        if (this.otherInfo.ClinicalInformationTransmissionEnum > 0 && this.rowData.IsBaseLine) {
-          const { ClinicalDataConfirmation } = const_.processSignature
-          this.signCode = ClinicalDataConfirmation
-          this.signVisible = true
+        if (
+          this.otherInfo.ClinicalInformationTransmissionEnum > 0 &&
+          this.rowData.IsBaseLine
+        ) {
+          const { ClinicalDataConfirmation } = const_.processSignature;
+          this.signCode = ClinicalDataConfirmation;
+          this.signVisible = true;
         } else {
-          this.submit()
+          this.submit();
         }
       }
     },
     submitFirstGiveMedicineTime(firstGiveMedicineTime) {
-      this.rowData.SubjectFirstGiveMedicineTime = firstGiveMedicineTime
-      this.SubjectVisible = false
-      this.checkNeedSignAndSubmit()
+      this.rowData.SubjectFirstGiveMedicineTime = firstGiveMedicineTime;
+      this.SubjectVisible = false;
+      this.checkNeedSignAndSubmit();
     },
     // 关闭签名框
     closeSignDialog(isSign, signInfo) {
       if (isSign) {
-        this.submit(signInfo)
+        this.submit(signInfo);
       } else {
-        this.signVisible = false
+        this.signVisible = false;
       }
     },
     submit(signInfo) {
-      this.loading = true
+      this.loading = true;
       var params = {
-        data: { trialId: this.trialId, subjectVisitIds: [this.rowData.Id] }
-      }
+        data: { trialId: this.trialId, subjectVisitIds: [this.rowData.Id] },
+      };
       if (signInfo) {
-        params.signInfo = signInfo
+        params.signInfo = signInfo;
       }
       cRCRequestToQC(params)
-        .then(res => {
-          this.loading = false
+        .then((res) => {
+          this.loading = false;
           if (res.IsSuccess) {
             if (signInfo) {
-              this.$refs['signForm'].btnLoading = false
-              this.signVisible = false
+              this.$refs["signForm"].btnLoading = false;
+              this.signVisible = false;
             }
-            this.getList()
-            this.$message.success(this.$t('trials:crcUpload:message:submittedSuccessfully'))
+            this.getList();
+            this.$message.success(
+              this.$t("trials:crcUpload:message:submittedSuccessfully")
+            );
           }
-        }).catch((res) => {
-          this.loading = false
+        })
+        .catch((res) => {
+          this.loading = false;
           if (res.Result === 3) {
-            this.getList()
-            this.signVisible = false
+            this.getList();
+            this.signVisible = false;
             this.$confirm(res.ErrorMessage, {
               showCancelButton: false,
               showConfirmButton: true,
-              type: 'warning'
-            })
+              type: "warning",
+            });
           } else {
             if (signInfo) {
-              this.$refs['signForm'].btnLoading = false
+              this.$refs["signForm"].btnLoading = false;
             }
           }
-        })
+        });
     },
     // 将影像批量提交给QC
     handleBulkSubmit() {
-      this.$confirm(this.$t('trials:crcUpload:message:bulkSubmit'), {
-        type: 'warning',
-        distinguishCancelAndClose: true
+      this.$confirm(this.$t("trials:crcUpload:message:bulkSubmit"), {
+        type: "warning",
+        distinguishCancelAndClose: true,
       })
         .then(() => {
-          this.loading = true
+          this.loading = true;
           var params = {
-            data: { trialId: this.trialId, subjectVisitIds: this.selectArr }
-          }
+            data: { trialId: this.trialId, subjectVisitIds: this.selectArr },
+          };
           cRCRequestToQC(params)
-            .then(res => {
+            .then((res) => {
               if (res.IsSuccess) {
-                this.getList()
-                this.$message.success(this.$t('trials:crcUpload:message:submittedSuccessfully'))
+                this.getList();
+                this.$message.success(
+                  this.$t("trials:crcUpload:message:submittedSuccessfully")
+                );
               }
-            }).catch((res) => {
-              this.loading = false
+            })
+            .catch((res) => {
+              this.loading = false;
               if (res.Result === 3) {
                 this.$confirm(res.ErrorMessage, {
                   showCancelButton: false,
                   showConfirmButton: true,
-                  type: 'warning'
-                })
+                  type: "warning",
+                });
               }
-              this.getList()
-            })
-        }).catch(() => {})
+              this.getList();
+            });
+        })
+        .catch(() => {});
     },
     // 获取某个访视下的检查信息
     handleOpenStudyDialog(row) {
-      this.studyVisible = true
-      this.currentVisitId = row.Id
-      this.rowData = { ...row }
+      this.studyVisible = true;
+      this.currentVisitId = row.Id;
+      this.rowData = { ...row };
     },
     // 关闭上传弹框
     closeUpload() {
-      this.uploadVisible = false
+      this.uploadVisible = false;
+      this.$store.state.trials.checkTaskId = null;
       if (this.openWindow) {
-        this.openWindow.close()
+        this.openWindow.close();
       }
     },
     // 打开历史质疑记录
     handleOpenHistoryChat(row) {
-      this.rowData = { ...row }
-      this.chat_cfg.title= `${this.$t('trials:crcUpload:dialogTitle:qsRecord')} (${row.SubjectCode} ${row.VisitName})`
-      this.chat_cfg.visible = true
+      this.rowData = { ...row };
+      this.chat_cfg.title = `${this.$t(
+        "trials:crcUpload:dialogTitle:qsRecord"
+      )} (${row.SubjectCode} ${row.VisitName})`;
+      this.chat_cfg.visible = true;
     },
     // 删除
     handleDelete(row) {
-      this.$confirm(this.$t('trials:crcUpload:message:deleteVisit'), {
-        type: 'warning',
-        distinguishCancelAndClose: true
-      })
-        .then(() => {
-          this.loading = true
-          deleteSubjectVisit(this.trialId, row.Id)
-            .then(res => {
-              if (res.IsSuccess) {
-                // this.list.splice(this.list.findIndex(item => item.Id === row.Id), 1)
-                this.getList()
-                this.$message.success(this.$t('trials:crcUpload:message:deleteVisitSuccessfully'))
-              }
-              this.loading = false
-            }).catch(() => { this.loading = false })
-        })
+      this.$confirm(this.$t("trials:crcUpload:message:deleteVisit"), {
+        type: "warning",
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        this.loading = true;
+        deleteSubjectVisit(this.trialId, row.Id)
+          .then((res) => {
+            if (res.IsSuccess) {
+              // this.list.splice(this.list.findIndex(item => item.Id === row.Id), 1)
+              this.getList();
+              this.$message.success(
+                this.$t("trials:crcUpload:message:deleteVisitSuccessfully")
+              );
+            }
+            this.loading = false;
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     closeSubjectVisible() {
-      this.SubjectVisible = false
+      this.SubjectVisible = false;
     },
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 排序
     handleSortByColumn(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
+        this.searchData.Asc = false;
       }
-      this.searchData.SortField = column.prop
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 获取site下拉框数据
     getSite() {
-      getTrialSiteSelect(this.trialId).then(res => {
-        this.siteOptions = res.Result
-      })
+      getTrialSiteSelect(this.trialId).then((res) => {
+        this.siteOptions = res.Result;
+      });
     },
     // 获取访视下拉框数据
     getVisitPlanOptions() {
-      getTrialVisitStageSelect(this.trialId)
-        .then((res) => {
-          this.visitPlanOptions = res.Result
-        })
+      getTrialVisitStageSelect(this.trialId).then((res) => {
+        this.visitPlanOptions = res.Result;
+      });
     },
     // 保存关联信息
     saveRelationInfo() {
-      this.btnLoading = true
+      this.btnLoading = true;
       const param = {
         subjectVisitId: this.rowData.Id,
         subjectId: this.rowData.SubjectId,
         pdState: this.rowData.PDState,
         isEnrollmentConfirm: this.rowData.IsEnrollmentConfirm,
-        subjectFirstGiveMedicineTime: this.rowData.SubjectFirstGiveMedicineTime
-      }
+        subjectFirstGiveMedicineTime: this.rowData.SubjectFirstGiveMedicineTime,
+      };
       updateSubjectAndSVInfo(this.trialId, param)
-        .then(res => {
-          this.btnLoading = false
-          this.$message.success(this.$t('common:message:savedSuccessfully'))
-          this.relationVisible = false
-          this.getList()
-        }).catch(() => { this.btnLoading = false })
+        .then((res) => {
+          this.btnLoading = false;
+          this.$message.success(this.$t("common:message:savedSuccessfully"));
+          this.relationVisible = false;
+          this.getList();
+        })
+        .catch(() => {
+          this.btnLoading = false;
+        });
     },
     // 通过提交状态决定该行的 CheckBox 是否可以勾选
     handleSelectTable(row) {
       if (this.otherInfo.ClinicalInformationTransmissionEnum > 0) {
-        return row.SubmitState === 1 && row.IsBaseLine === false && (row.PDState === 0)
+        return (
+          row.SubmitState === 1 && row.IsBaseLine === false && row.PDState === 0
+        );
       } else {
-        return row.SubmitState === 1 && (row.PDState === 1) // 待提交
+        return row.SubmitState === 1 && row.PDState === 1; // 待提交
       }
     },
     // 当选择项发生变化时会触发该事件
     handleSelectionChange(val) {
-      const arr = []
+      const arr = [];
       for (let index = 0; index < val.length; index++) {
-        arr.push(val[index].Id)
+        arr.push(val[index].Id);
       }
-      this.selectArr = arr
+      this.selectArr = arr;
     },
-    beforeCloseUploadDig(done){
+    beforeCloseUploadDig(done) {
+      this.$store.state.trials.checkTaskId = null;
       if (this.openWindow) {
-        this.openWindow.close()
+        this.openWindow.close();
       }
-      done()
+      done();
     },
-    beforeCloseStudyDig(done){
+    beforeCloseStudyDig(done) {
       if (this.openWindow) {
-        this.openWindow.close()
+        this.openWindow.close();
       }
-      done()
+      done();
     },
-    setOpenWindow(window){
+    setOpenWindow(window) {
       if (this.openWindow) {
-        this.openWindow.close()
+        this.openWindow.close();
       }
-      this.openWindow = window
-    }
-  }
-}
+      this.openWindow = window;
+    },
+  },
+};
 </script>
 <style lang="scss">
-.visit-list{
+.visit-list {
   position: relative;
-  .status-primary-circle{
+  .status-primary-circle {
     display: inline-block;
-    width:20px;
-    height:20px;
+    width: 20px;
+    height: 20px;
     text-align: center;
     line-height: 18px;
     border-radius: 50%;
     // background: #f56c6c;
     border: 1px solid #f56c6c;
-    color:#f56c6c;
+    color: #f56c6c;
     font-size: 10px;
   }
-  .remark{
+  .remark {
     position: absolute;
     left: 5px;
     bottom: 7px;
     font-size: 12px;
   }
-  .box-title{
+  .box-title {
     padding: 12px;
     margin-bottom: 10px;
     background-color: #dcdfe6;
   }
-  .is-circle-urgent-red{
+  .is-circle-urgent-red {
     border-radius: 50%;
     padding: 7px;
     line-height: 1;
     background-color: #f56c6c;
     width: 28px;
     color: #fff;
-    border: 1px solid #DCDFE6;
+    border: 1px solid #dcdfe6;
   }
-  .is-circle-urgent{
+  .is-circle-urgent {
     border-radius: 50%;
     padding: 7px;
     line-height: 1;
     width: 28px;
-    border: 1px solid #DCDFE6;
+    border: 1px solid #dcdfe6;
     font-size: 12px;
   }
-
 }
 </style>