From cd581041b9f79d5c1b0bdaaa08d94d391bab7d57 Mon Sep 17 00:00:00 2001
From: "DESKTOP-6C3NK6N\\WXS" <815034831@qq.com>
Date: Mon, 12 Aug 2024 18:02:15 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E5=88=97=E8=A1=A8=E3=80=81?=
 =?UTF-8?q?=E5=9F=B9=E8=AE=AD=E5=88=97=E8=A1=A8=E3=80=81=E5=BD=B1=E5=83=8F?=
 =?UTF-8?q?=E8=B4=A8=E6=8E=A7=E5=88=97=E8=A1=A8=E5=AF=BC=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/export.js                             |   27 +
 src/views/trials/trials-list/index.vue        |  626 ++++++----
 .../attachment-management/index.vue           |  256 ++--
 .../trials-panel/visit/qc-check/index.vue     | 1071 +++++++++++------
 4 files changed, 1270 insertions(+), 710 deletions(-)

diff --git a/src/api/export.js b/src/api/export.js
index 5ff69d85..74317182 100644
--- a/src/api/export.js
+++ b/src/api/export.js
@@ -160,3 +160,30 @@ export function getSubjectProgress_Export(param) {
     data: param
   })
 }
+// 导出项目列表
+export function getTrialList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/getTrialList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出培训记录
+export function pMTrainingRecordList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/pMTrainingRecordList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
+// 导出影像指控
+export function qCVisitList_Export(data) {
+  return requestDownload({
+    url: `/ExcelExport/qCVisitList_Export`,
+    responseType: 'blob',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/views/trials/trials-list/index.vue b/src/views/trials/trials-list/index.vue
index 879191ce..ea114ee7 100644
--- a/src/views/trials/trials-list/index.vue
+++ b/src/views/trials/trials-list/index.vue
@@ -5,17 +5,13 @@
       <el-form :inline="true">
         <!-- 项目编号 -->
         <el-form-item :label="$t('trials:trials-list:table:trialId')">
-          <el-input
-            v-model="searchData.Code"
-            style="width:100px;"
-            clearable
-          />
+          <el-input v-model="searchData.Code" style="width: 100px" clearable />
         </el-form-item>
         <!-- 研究方案号 -->
         <el-form-item :label="$t('trials:trials-list:table:researchNumber')">
           <el-input
             v-model="searchData.ResearchProgramNo"
-            style="width:100px;"
+            style="width: 100px"
             clearable
           />
         </el-form-item>
@@ -23,7 +19,7 @@
         <el-form-item :label="$t('trials:trials-list:table:experimentName')">
           <el-input
             v-model="searchData.ExperimentName"
-            style="width:100px;"
+            style="width: 100px"
             clearable
           />
         </el-form-item>
@@ -32,11 +28,11 @@
         <el-form-item :label="$t('trials:trials-list:table:sponsor')">
           <el-select
             v-model="searchData.SponsorId"
-            style="width:150px;"
+            style="width: 150px"
             clearable
           >
             <el-option
-              v-for="(item) in sponsorList"
+              v-for="item in sponsorList"
               :key="item.Id"
               :label="item.SponsorName"
               :value="item.Id"
@@ -44,14 +40,17 @@
           </el-select>
         </el-form-item>
         <!-- 阅片标准 -->
-        <el-form-item :label="$t('trials:trials-list:table:IR_ReadingCriterionList')" v-if="hasPermi(['role:ir'])">
+        <el-form-item
+          :label="$t('trials:trials-list:table:IR_ReadingCriterionList')"
+          v-if="hasPermi(['role:ir'])"
+        >
           <el-select
             v-model="searchData.CriterionType"
-            style="width:150px;"
+            style="width: 150px"
             clearable
           >
             <el-option
-              v-for="(item) in $d.CriterionType"
+              v-for="item in $d.CriterionType"
               :key="item.id"
               :label="item.label"
               :value="item.value"
@@ -59,10 +58,13 @@
           </el-select>
         </el-form-item>
         <!-- 联系人 -->
-        <el-form-item :label="$t('trials:trials-list:table:IR_PMEmailList')" v-if="hasPermi(['role:ir'])">
-           <el-input
+        <el-form-item
+          :label="$t('trials:trials-list:table:IR_PMEmailList')"
+          v-if="hasPermi(['role:ir'])"
+        >
+          <el-input
             v-model="searchData.PM_EMail"
-            style="width:100px;"
+            style="width: 100px"
             clearable
           />
         </el-form-item>
@@ -70,26 +72,29 @@
           <!-- <el-button type="text" @click="isShow = !isShow">More</el-button> -->
           <!-- Search -->
           <el-button type="primary" icon="el-icon-search" @click="handleSearch">
-            {{ $t('common:button:search') }}
+            {{ $t("common:button:search") }}
           </el-button>
           <!-- Reset -->
-          <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>
           <!-- Export -->
           <el-button
             v-hasPermi="['trials:trials-list:export']"
             type="primary"
             icon="el-icon-download"
-            :disabled="!(selectArr.length>0)"
+            :loading="exportLoading"
             @click="handleExportTrial"
           >
-            {{ $t('common:button:export') }}
+            {{ $t("common:button:export") }}
           </el-button>
-
         </el-form-item>
       </el-form>
-      <span style="margin-left:auto;">
+      <span style="margin-left: auto">
         <!-- New -->
         <el-button
           v-hasPermi="['trials:trials-list:new']"
@@ -97,24 +102,20 @@
           type="primary"
           @click="handleNew"
         >
-          {{ $t('common:button:new') }}
+          {{ $t("common:button:new") }}
         </el-button>
       </span>
     </template>
 
     <!-- 更多搜索条件 -->
-    <el-drawer
-      :visible.sync="isShow"
-      :with-header="false"
-      size="390px"
-    >
-      <div style="padding:10px;">
+    <el-drawer :visible.sync="isShow" :with-header="false" size="390px">
+      <div style="padding: 10px">
         <el-form label-width="140px">
           <el-form-item label="Trial ID">
             <el-input
               v-model="searchData.Code"
               placeholder="Trial ID"
-              style="width:100%;"
+              style="width: 100%"
               clearable
             />
           </el-form-item>
@@ -122,7 +123,7 @@
             <el-input
               v-model="searchData.Indication"
               placeholder="Indication"
-              style="width:100%;"
+              style="width: 100%"
               clearable
             />
           </el-form-item>
@@ -130,7 +131,7 @@
             <el-select
               v-model="searchData.CriterionIds"
               placeholder="Assessment Criteria"
-              style="width:100%;"
+              style="width: 100%"
               clearable
               multiple
             >
@@ -152,11 +153,11 @@
             <el-select
               v-model="searchData.SponsorId"
               placeholder="Sponsor"
-              style="width:100%;"
+              style="width: 100%"
               clearable
             >
               <el-option
-                v-for="(item) in sponsorList"
+                v-for="item in sponsorList"
                 :key="item.Id"
                 :label="item.SponsorName"
                 :value="item.Id"
@@ -164,9 +165,14 @@
             </el-select>
           </el-form-item>
           <el-form-item label="CRO">
-            <el-select v-model="searchData.CROId" placeholder="CRO" style="width:100%;" clearable>
+            <el-select
+              v-model="searchData.CROId"
+              placeholder="CRO"
+              style="width: 100%"
+              clearable
+            >
               <el-option
-                v-for="(item) of croList"
+                v-for="item of croList"
                 :key="item.Id"
                 :label="item.CROName"
                 :value="item.Id"
@@ -177,7 +183,7 @@
             <el-select
               v-model="searchData.Phase"
               placeholder="Phase"
-              style="width:100%;"
+              style="width: 100%"
               clearable
             >
               <el-option
@@ -193,7 +199,7 @@
             <el-select
               v-model="searchData.ReviewTypeIds"
               placeholder="ReviewType"
-              style="width:100%;"
+              style="width: 100%"
               clearable
               multiple
             >
@@ -216,7 +222,7 @@
               v-model="searchData.ModalityIds"
               multiple
               placeholder="Modality"
-              style="width:100%;"
+              style="width: 100%"
               clearable
             >
               <!-- <el-option
@@ -234,7 +240,12 @@
             </el-select>
           </el-form-item>
           <el-form-item label="Expedited: ">
-            <el-select v-model="searchData.Expedited" value-key="value" clearable style="width:100%;">
+            <el-select
+              v-model="searchData.Expedited"
+              value-key="value"
+              clearable
+              style="width: 100%"
+            >
               <el-option
                 v-for="item in expeditedOption"
                 :key="item.value"
@@ -251,7 +262,7 @@
               type="date"
               :picker-options="beginPickerOption"
               :clearable="false"
-              style="width:100%;"
+              style="width: 100%"
             />
           </el-form-item>
           <el-form-item label="EndDate: ">
@@ -262,7 +273,7 @@
               type="date"
               :picker-options="endpickerOption"
               :clearable="false"
-              style="width:100%;"
+              style="width: 100%"
             />
           </el-form-item>
 
@@ -270,16 +281,23 @@
             <el-select
               v-model="searchData.AttendedReviewerType"
               placeholder="Attended Reviewer Type"
-              style="width:100%;"
+              style="width: 100%"
               clearable
             >
-              <el-option v-for="item of $d.AttendedReviewerType" :key="item.value" :label="item.label" :value="item.value" />
+              <el-option
+                v-for="item of $d.AttendedReviewerType"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
             </el-select>
           </el-form-item>
           <el-form-item>
-            <el-button type="primary" @click="handleSelectSearch">Search</el-button>
+            <el-button type="primary" @click="handleSelectSearch"
+              >Search</el-button
+            >
             <el-button type="primary" @click="handleReset">Reset</el-button>
-            <el-button type="primary" @click="isShow=false">Back</el-button>
+            <el-button type="primary" @click="isShow = false">Back</el-button>
           </el-form-item>
         </el-form>
       </div>
@@ -288,7 +306,7 @@
     <!-- 项目列表 -->
     <template slot="main-container">
       <el-table
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         v-loading="listLoading"
         :data="list"
         stripe
@@ -336,10 +354,26 @@
           min-width="120"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.TrialStatusStr === 'Initializing'" type="info">{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag>
-            <el-tag v-if="scope.row.TrialStatusStr === 'Ongoing'" type="primary">{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag>
-            <el-tag v-if="scope.row.TrialStatusStr === 'Completed'" type="warning">{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag>
-            <el-tag v-if="scope.row.TrialStatusStr === 'Stopped'" type="danger">{{ $fd('TrialStatusEnum', scope.row.TrialStatusStr) }}</el-tag>
+            <el-tag
+              v-if="scope.row.TrialStatusStr === 'Initializing'"
+              type="info"
+              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
+            >
+            <el-tag
+              v-if="scope.row.TrialStatusStr === 'Ongoing'"
+              type="primary"
+              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
+            >
+            <el-tag
+              v-if="scope.row.TrialStatusStr === 'Completed'"
+              type="warning"
+              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
+            >
+            <el-tag
+              v-if="scope.row.TrialStatusStr === 'Stopped'"
+              type="danger"
+              >{{ $fd("TrialStatusEnum", scope.row.TrialStatusStr) }}</el-tag
+            >
           </template>
         </el-table-column>
         <el-table-column
@@ -406,7 +440,7 @@
           min-width="160"
         >
           <template slot-scope="scope">
-            {{scope.row.IR_ReadingCriterionList.join(', ')}}
+            {{ scope.row.IR_ReadingCriterionList.join(", ") }}
           </template>
         </el-table-column>
         <el-table-column
@@ -441,7 +475,7 @@
           min-width="170"
         >
           <template slot-scope="scope">
-            {{scope.row.IR_PMEmailList.join(', ')}}
+            {{ scope.row.IR_PMEmailList.join(", ") }}
           </template>
         </el-table-column>
         <el-table-column
@@ -519,7 +553,9 @@
         <el-table-column
           v-if="hasPermi(['role:spm', 'role:cpm'])"
           prop="SPM_ReviewerSelectApprovalCount"
-          :label="$t('trials:trials-list:table:SPM_ReviewerSelectApprovalCount')"
+          :label="
+            $t('trials:trials-list:table:SPM_ReviewerSelectApprovalCount')
+          "
           show-overflow-tooltip
           sortable="custom"
           min-width="160"
@@ -543,7 +579,11 @@
               v-hasPermi="['trials:trials-list:panel']"
               circle
               icon="el-icon-info"
-              :disabled="(scope.row.TrialStatusStr === 'Initializing' && !hasPermi(['role:pm'])) || scope.row.IsDeleted"
+              :disabled="
+                (scope.row.TrialStatusStr === 'Initializing' &&
+                  !hasPermi(['role:pm'])) ||
+                scope.row.IsDeleted
+              "
               :title="$t('trials:trials-list:action:panel')"
               @click.stop="handleDetail(scope.row)"
             />
@@ -570,19 +610,22 @@
               v-hasPermi="['trials:trials-list:abolish']"
               circle
               icon="el-icon-delete"
-              :disabled="scope.row.IsDeleted || scope.row.TrialStatusStr !== 'Initializing'"
+              :disabled="
+                scope.row.IsDeleted ||
+                scope.row.TrialStatusStr !== 'Initializing'
+              "
               :title="$t('trials:trials-list:action:abolition')"
               @click.stop="handleAbandon(scope.row)"
             />
-<!--             代办详情-->
-<!--            <el-button-->
-<!--              v-hasPermi="['trials:trials-list:abolish']"-->
-<!--              circle-->
-<!--              icon="el-icon-receiving"-->
-<!--              :disabled="scope.row.TrialStatusStr === 'Initializing'"-->
-<!--              :title="$t('trials:trials-list:action:commission')"-->
-<!--              @click.stop="handleCommission(scope.row)"-->
-<!--            />-->
+            <!--             代办详情-->
+            <!--            <el-button-->
+            <!--              v-hasPermi="['trials:trials-list:abolish']"-->
+            <!--              circle-->
+            <!--              icon="el-icon-receiving"-->
+            <!--              :disabled="scope.row.TrialStatusStr === 'Initializing'"-->
+            <!--              :title="$t('trials:trials-list:action:commission')"-->
+            <!--              @click.stop="handleCommission(scope.row)"-->
+            <!--            />-->
           </template>
         </el-table-column>
       </el-table>
@@ -606,7 +649,11 @@
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <TrialForm :trial-id="currentId" @getList="getList" @closeDialog="closeDialog" />
+      <TrialForm
+        :trial-id="currentId"
+        @getList="getList"
+        @closeDialog="closeDialog"
+      />
     </el-dialog>
 
     <!-- 修改项目状态 -->
@@ -619,7 +666,11 @@
       custom-class="base-dialog-wrapper"
       append-to-body
     >
-      <TrialStatusForm :data="currentRow" @closeDialog="closeStatusDialog" @getList="getList" />
+      <TrialStatusForm
+        :data="currentRow"
+        @closeDialog="closeStatusDialog"
+        @getList="getList"
+      />
     </el-dialog>
 
     <el-dialog
@@ -630,51 +681,66 @@
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <DoneList :trial-id="currentId" @getList="getList" @closeDialog="doneDialogVisible = false" />
+      <DoneList
+        :trial-id="currentId"
+        @getList="getList"
+        @closeDialog="doneDialogVisible = false"
+      />
     </el-dialog>
   </BaseContainer>
 </template>
 <script>
-import { abandonTrial, ifTrialCanOngoing, getTrialToBeDoneList } from '@/api/trials'
-import store from '@/store'
-import { mapGetters } from 'vuex'
-import Excel from 'exceljs'
-import BaseContainer from '@/components/BaseContainer'
-import Pagination from '@/components/Pagination'
-import TrialForm from './components/TrialForm'
-import TrialStatusForm from './components/TrialStatusForm'
-import DoneList from './components/DoneList'
+import {
+  abandonTrial,
+  ifTrialCanOngoing,
+  getTrialToBeDoneList,
+} from "@/api/trials";
+import { getTrialList_Export } from "@/api/export";
+import store from "@/store";
+import { mapGetters } from "vuex";
+import BaseContainer from "@/components/BaseContainer";
+import Pagination from "@/components/Pagination";
+import TrialForm from "./components/TrialForm";
+import TrialStatusForm from "./components/TrialStatusForm";
+import DoneList from "./components/DoneList";
 const searchDataDefault = () => {
   return {
-    Code: '',
+    Code: "",
     CriterionIds: [],
-    SponsorId: '',
+    SponsorId: "",
     ReviewTypeIds: [],
-    CROId: '',
-    Expedited: '',
-    Indication: '',
-    Phase: '',
+    CROId: "",
+    Expedited: "",
+    Indication: "",
+    Phase: "",
     ModalityIds: [],
-    BeginDate: '',
-    EndDate: '',
-    AttendedReviewerType: '',
-    ResearchProgramNo: '',
-    ExperimentName: '',
+    BeginDate: "",
+    EndDate: "",
+    AttendedReviewerType: "",
+    ResearchProgramNo: "",
+    ExperimentName: "",
     PageIndex: 1,
     PageSize: 20,
     Asc: false,
-    SortField: '',
-    CriterionType:null,
-    PM_EMail:null,
-  }
-}
+    SortField: "",
+    CriterionType: null,
+    PM_EMail: null,
+  };
+};
 export default {
-  name: 'Trials',
-  components: { Pagination, BaseContainer, TrialForm, TrialStatusForm, DoneList },
-  dicts: ['ReadingStandard', 'ReviewType', 'ReadingType'],
+  name: "Trials",
+  components: {
+    Pagination,
+    BaseContainer,
+    TrialForm,
+    TrialStatusForm,
+    DoneList,
+  },
+  dicts: ["ReadingStandard", "ReviewType", "ReadingType"],
   data() {
     return {
-      userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
+      exportLoading: false,
+      userTypeEnumInt: zzSessionStorage.getItem("userTypeEnumInt") * 1,
       doneDialogVisible: false,
       doneTitle: null,
       selectArr: [],
@@ -684,192 +750,224 @@ export default {
       total: 0,
       isShow: false,
       dialogVisible: false,
-      title: '',
-      currentId: '',
+      title: "",
+      currentId: "",
       statusVisible: false,
       currentRow: {},
-      currentUser: zzSessionStorage.getItem('userName'),
+      currentUser: zzSessionStorage.getItem("userName"),
       phaseOptions: [
-        { value: 'I' },
-        { value: 'II' },
-        { value: 'III' },
-        { value: 'IV' }
+        { value: "I" },
+        { value: "II" },
+        { value: "III" },
+        { value: "IV" },
       ],
       expeditedOption: this.$d.TrialExpeditedState,
       beginPickerOption: {
-        disabledDate: time => {
+        disabledDate: (time) => {
           if (this.searchData.EndDate) {
-            return time.getTime() > new Date(this.searchData.EndDate).getTime()
+            return time.getTime() > new Date(this.searchData.EndDate).getTime();
           } else {
-            return time.getTime() > Date.now()
+            return time.getTime() > Date.now();
           }
-        }
+        },
       },
       endpickerOption: {
-        disabledDate: time => {
+        disabledDate: (time) => {
           if (this.searchData.BeginDate) {
-            return time.getTime() > Date.now() || time.getTime() <= new Date(this.searchData.BeginDate).getTime()
+            return (
+              time.getTime() > Date.now() ||
+              time.getTime() <= new Date(this.searchData.BeginDate).getTime()
+            );
           } else {
-            return time.getTime() > Date.now()
+            return time.getTime() > Date.now();
           }
-        }
-      }
-    }
+        },
+      },
+    };
   },
   computed: {
-    ...mapGetters(['sponsorList', 'croList'])
+    ...mapGetters(["sponsorList", "croList"]),
   },
   created() {
-    this.initPage()
+    this.initPage();
   },
   methods: {
     initPage() {
-      this.getList()
-      store.dispatch('global/getSponsorList')
-      store.dispatch('global/getCROList')
+      this.getList();
+      store.dispatch("global/getSponsorList");
+      store.dispatch("global/getCROList");
     },
     // 获取项目列表信息
     getList() {
-      this.listLoading = true
+      this.listLoading = true;
       getTrialToBeDoneList(this.searchData)
-        .then(res => {
-          this.list = res.Result.CurrentPageData
-          this.total = res.Result.TotalCount
-          this.listLoading = false
+        .then((res) => {
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+          this.listLoading = false;
         })
         .catch(() => {
-          this.listLoading = false
-        })
+          this.listLoading = false;
+        });
     },
 
     // 查询
     handleSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 查询
     handleSelectSearch() {
-      this.searchData.PageIndex = 1
-      this.getList()
-      this.isShow = false
+      this.searchData.PageIndex = 1;
+      this.getList();
+      this.isShow = false;
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
     },
     // 新增项目
     handleNew() {
       // this.$router.push({ name: 'CreateTrial' })
-      this.title = this.$t('trials:trials-list:dialogTitle:new')
-      this.currentId = ''
-      this.dialogVisible = true
+      this.title = this.$t("trials:trials-list:dialogTitle:new");
+      this.currentId = "";
+      this.dialogVisible = true;
     },
     // 编辑项目
     handleEdit(row) {
-      this.title = this.$t('trials:trials-list:dialogTitle:edit')
-      this.currentId = row.Id
-      this.dialogVisible = true
+      this.title = this.$t("trials:trials-list:dialogTitle:edit");
+      this.currentId = row.Id;
+      this.dialogVisible = true;
     },
     handleCommission(row) {
-      this.doneTitle = this.$t('trials:trials-list:dialogTitle:doneTitle')
-      this.currentId = row.Id
-      this.doneDialogVisible = true
+      this.doneTitle = this.$t("trials:trials-list:dialogTitle:doneTitle");
+      this.currentId = row.Id;
+      this.doneDialogVisible = true;
     },
     closeDialog() {
-      this.dialogVisible = false
+      this.dialogVisible = false;
     },
     // 状态
     handleStatus(row) {
-      if (row.TrialStatusStr === 'Initializing') {
-        this.listLoading = true
-        ifTrialCanOngoing(row.Id).then(res => {
-          this.listLoading = false
-          if (res.Result) {
-            this.currentRow = { ...row }
-            this.statusVisible = true
-          } else {
-            this.$confirm(res.ErrorMessage, {
-              type: 'warning',
-              showCancelButton: false,
-              callback: action => {}
-            })
-          }
-        }).catch(() => { this.listLoading = false })
+      if (row.TrialStatusStr === "Initializing") {
+        this.listLoading = true;
+        ifTrialCanOngoing(row.Id)
+          .then((res) => {
+            this.listLoading = false;
+            if (res.Result) {
+              this.currentRow = { ...row };
+              this.statusVisible = true;
+            } else {
+              this.$confirm(res.ErrorMessage, {
+                type: "warning",
+                showCancelButton: false,
+                callback: (action) => {},
+              });
+            }
+          })
+          .catch(() => {
+            this.listLoading = false;
+          });
       } else {
-        this.currentRow = { ...row }
-        this.statusVisible = true
+        this.currentRow = { ...row };
+        this.statusVisible = true;
       }
     },
     closeStatusDialog() {
-      this.statusVisible = false
+      this.statusVisible = false;
     },
     // 废除
     handleAbandon(row) {
-      this.$confirm(this.$t('trials:trials-list:message:abolition'), {
-        type: 'warning',
-        distinguishCancelAndClose: true
-      }).then(() => {
-        this.currentRow = { ...row }
-        this.abandonTrial()
-      }).catch(() => {})
+      this.$confirm(this.$t("trials:trials-list:message:abolition"), {
+        type: "warning",
+        distinguishCancelAndClose: true,
+      })
+        .then(() => {
+          this.currentRow = { ...row };
+          this.abandonTrial();
+        })
+        .catch(() => {});
     },
     // 废除项目
     abandonTrial() {
-      this.listLoading = true
+      this.listLoading = true;
       abandonTrial(this.currentRow.Id, true)
-        .then(res => {
-          this.listLoading = false
+        .then((res) => {
+          this.listLoading = false;
           if (res.IsSuccess) {
-            this.getList()
-            this.$message.success(this.$t('trials:trials-list:message:abolitionSuccessfully'))
+            this.getList();
+            this.$message.success(
+              this.$t("trials:trials-list:message:abolitionSuccessfully")
+            );
           }
-        }).catch(() => { this.listLoading = false })
+        })
+        .catch(() => {
+          this.listLoading = false;
+        });
     },
     rowClick(row, col) {
-      if (row.TrialStatusStr === 'Initializing' && !this.hasPermi(['role:pm']) || row.IsDeleted) return
-      this.$router.push({ path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}` })
+      if (
+        (row.TrialStatusStr === "Initializing" &&
+          !this.hasPermi(["role:pm"])) ||
+        row.IsDeleted
+      )
+        return;
+      this.$router.push({
+        path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
+      });
     },
     // panel
     handleDetail(row) {
-      this.$router.push({ path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}` })
+      this.$router.push({
+        path: `/trials/trials-panel?trialId=${row.Id}&trialCode=${row.TrialCode}&researchProgramNo=${row.ResearchProgramNo}`,
+      });
     },
     // 获取已勾选行数据
     handleSelectChange(val) {
-      const arr = []
+      const arr = [];
       for (let index = 0; index < val.length; index++) {
-        arr.push(val[index])
+        arr.push(val[index]);
       }
-      this.selectArr = arr
+      this.selectArr = arr;
     },
     // 排序
     handleSortChange(column) {
-      if (column.order === 'ascending') {
-        this.searchData.Asc = true
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
       } else {
-        this.searchData.Asc = false
-      } if (column.prop === 'Criterion') {
-        this.searchData.SortField = 'CriterionId'
-      } else {
-        this.searchData.SortField = column.prop
+        this.searchData.Asc = false;
       }
-      this.searchData.PageIndex = 1
-      this.getList()
+      if (column.prop === "Criterion") {
+        this.searchData.SortField = "CriterionId";
+      } else {
+        this.searchData.SortField = column.prop;
+      }
+      this.searchData.PageIndex = 1;
+      this.getList();
     },
     // 导出Excel表格
     handleExportTrial() {
+      this.exportLoading = true;
+      return getTrialList_Export(this.searchData)
+        .then((res) => {
+          this.exportLoading = false;
+        })
+        .catch(() => {
+          this.exportLoading = false;
+        });
       this.selectArr.forEach((element, index) => {
         // element.ExpeditedStr = element.Expedited === 0 ? 'No' : element.Expedited === 1 ? '24H' : '48H'
         // element.ModalityListStr = element.ModalityList.join(', ')
         // element.CreateTimeStr = element.CreateTime
         // element.Criterion = element.CriterionList.join(', ')
-        element.Deleted = element.IsDeleted ? 'Yes' : 'No'
-        element.Index = (index + 1)
-      })
-      var workbook = new Excel.Workbook()
-      var sheet = workbook.addWorksheet('Trials')
+        element.Deleted = element.IsDeleted ? "Yes" : "No";
+        element.Index = index + 1;
+      });
+      var workbook = new Excel.Workbook();
+      var sheet = workbook.addWorksheet("Trials");
 
-      sheet.properties.defaultRowHeight = 22
+      sheet.properties.defaultRowHeight = 22;
       // sheet.columns = [
       //   { key: 'Index', width: 5 },
       //   { key: 'Code', width: 15 },
@@ -885,102 +983,96 @@ export default {
       //   { key: 'CreateTimeStr', width: 18 }
       // ]
       sheet.columns = [
-        { key: 'Index', width: 5 },
-        { key: 'TrialCode', width: 25 },
-        { key: 'ExperimentName', width: 25 },
-        { key: 'ResearchProgramNo', width: 25 },
-        { key: 'Sponsor', width: 25 },
-        { key: 'Deleted', width: 10 },
-        { key: 'CreateTime', width: 25 }
-      ]
+        { key: "Index", width: 5 },
+        { key: "TrialCode", width: 25 },
+        { key: "ExperimentName", width: 25 },
+        { key: "ResearchProgramNo", width: 25 },
+        { key: "Sponsor", width: 25 },
+        { key: "Deleted", width: 10 },
+        { key: "CreateTime", width: 25 },
+      ];
 
       // 处理标题
-      sheet.mergeCells('A1', 'G2')
-      sheet.getCell('A1').value = 'Trials'
-      sheet.getCell('A1').alignment = {
-        vertical: 'middle',
-        horizontal: 'center'
-      }
-      sheet.getCell('A1').font = {
-        name: 'SimSun',
+      sheet.mergeCells("A1", "G2");
+      sheet.getCell("A1").value = "Trials";
+      sheet.getCell("A1").alignment = {
+        vertical: "middle",
+        horizontal: "center",
+      };
+      sheet.getCell("A1").font = {
+        name: "SimSun",
         family: 4,
         size: 13,
-        bold: true
-      }
-      sheet.mergeCells('A3', 'G3')
-      var now = new Date()
-      sheet.getCell('A3').value = now.toLocaleDateString()
-      sheet.getCell('A3').alignment = {
-        vertical: 'middle',
-        horizontal: 'right'
-      }
+        bold: true,
+      };
+      sheet.mergeCells("A3", "G3");
+      var now = new Date();
+      sheet.getCell("A3").value = now.toLocaleDateString();
+      sheet.getCell("A3").alignment = {
+        vertical: "middle",
+        horizontal: "right",
+      };
 
       sheet.getRow(4).values = [
-        'NO.',
-        'Trial ID',
-        '试验名称',
-        '研究方案号',
-        '申办方',
-        '是否废除',
-        'Date Created'
-      ]
+        "NO.",
+        "Trial ID",
+        "试验名称",
+        "研究方案号",
+        "申办方",
+        "是否废除",
+        "Date Created",
+      ];
       sheet.getRow(4).font = {
-        name: 'SimSun',
+        name: "SimSun",
         family: 4,
         size: 11,
-        bold: true
-      }
-      sheet.getRow(4).alignment = { vertical: 'middle', horizontal: 'left' }
+        bold: true,
+      };
+      sheet.getRow(4).alignment = { vertical: "middle", horizontal: "left" };
 
-      sheet.addRows(this.selectArr)
+      sheet.addRows(this.selectArr);
 
       sheet.eachRow((row, number) => {
         if (number > 3) {
           row.eachCell((cell, rowNumber) => {
-            cell.alignment = { vertical: 'center', horizontal: 'left' }
+            cell.alignment = { vertical: "center", horizontal: "left" };
             cell.border = {
-              top: { style: 'thin' },
-              left: { style: 'thin' },
-              bottom: { style: 'thin' },
-              right: { style: 'thin' }
-            }
-          })
+              top: { style: "thin" },
+              left: { style: "thin" },
+              bottom: { style: "thin" },
+              right: { style: "thin" },
+            };
+          });
         }
-      })
+      });
 
       workbook.xlsx
         .writeBuffer({
-          base64: true
+          base64: true,
         })
-        .then(function(xls64) {
+        .then(function (xls64) {
           var data = new Blob([xls64], {
-            type:
-              'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
-          })
+            type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+          });
 
-          if ('msSaveOrOpenBlob' in navigator) {
+          if ("msSaveOrOpenBlob" in navigator) {
             // ie使用的下载方式
-            window.navigator.msSaveOrOpenBlob(
-              data,
-              'Trials' + '.xlsx'
-            )
+            window.navigator.msSaveOrOpenBlob(data, "Trials" + ".xlsx");
           } else {
-            var a = document.createElement('a')
+            var a = document.createElement("a");
 
-            var url = URL.createObjectURL(data)
-            a.href = url
-            a.download =
-                'Trials' + '.xlsx'
-            document.body.appendChild(a)
-            a.click()
-            setTimeout(function() {
-              document.body.removeChild(a)
-              window.URL.revokeObjectURL(url)
-            }, 0)
+            var url = URL.createObjectURL(data);
+            a.href = url;
+            a.download = "Trials" + ".xlsx";
+            document.body.appendChild(a);
+            a.click();
+            setTimeout(function () {
+              document.body.removeChild(a);
+              window.URL.revokeObjectURL(url);
+            }, 0);
           }
-        })
-    }
-
-  }
-}
+        });
+    },
+  },
+};
 </script>
diff --git a/src/views/trials/trials-panel/attachments/attachment-management/index.vue b/src/views/trials/trials-panel/attachments/attachment-management/index.vue
index 6039250c..2f4be8d8 100644
--- a/src/views/trials/trials-panel/attachments/attachment-management/index.vue
+++ b/src/views/trials/trials-panel/attachments/attachment-management/index.vue
@@ -5,10 +5,7 @@
       <el-form :inline="true">
         <!-- 文件类型 -->
         <el-form-item :label="$t('trials:signRecords:table:fileType')">
-          <el-select
-            v-model="searchData.FileTypeId"
-            style="width:150px;"
-          >
+          <el-select v-model="searchData.FileTypeId" style="width: 150px">
             <el-option
               v-for="item of typeOptions"
               :key="item.FileTypeId"
@@ -19,19 +16,31 @@
         </el-form-item>
         <!-- 文件名称 -->
         <el-form-item :label="$t('trials:signRecords:table:fileName')">
-          <el-input v-model="searchData.Name" style="width:120px;" />
+          <el-input v-model="searchData.Name" style="width: 120px" />
         </el-form-item>
         <!-- 签署人 -->
         <el-form-item :label="$t('trials:signRecords:table:user')">
-          <el-select v-model="searchData.UserId" clearable filterable style="width:140px;">
+          <el-select
+            v-model="searchData.UserId"
+            clearable
+            filterable
+            style="width: 140px"
+          >
             <el-option
-              v-for="(item) of userOptions"
+              v-for="item of userOptions"
               :key="item.UserId"
               :label="item.RealName"
               :value="item.UserId"
             >
               <span style="float: left">{{ item.RealName }}</span>
-              <span style="float: right; color: #8492a6; font-size: 13px;margin-left:5px;">
+              <span
+                style="
+                  float: right;
+                  color: #8492a6;
+                  font-size: 13px;
+                  margin-left: 5px;
+                "
+              >
                 {{ item.UserName }}
               </span>
             </el-option>
@@ -43,7 +52,7 @@
             v-model="searchData.UserTypeId"
             clearable
             filterable
-            style="width:120px;"
+            style="width: 120px"
           >
             <el-option
               v-for="item of userTypeOptions"
@@ -57,23 +66,54 @@
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('trials:signRecords:table:isSign')">
-          <el-select v-model="searchData.IsConfirmed" clearable style="width:120px;">
-            <el-option v-for="i of $d.YesOrNo" :key="'IsConfirmed' + i.label" :value="i.value" :label="i.label" />
+          <el-select
+            v-model="searchData.IsConfirmed"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="i of $d.YesOrNo"
+              :key="'IsConfirmed' + i.label"
+              :value="i.value"
+              :label="i.label"
+            />
           </el-select>
         </el-form-item>
         <el-form-item :label="$t('trials:signRecords:table:isDeleted')">
-          <el-select v-model="searchData.IsDeleted" clearable style="width:120px;">
-            <el-option v-for="i of $d.YesOrNo" :key="'IsDeleted' + i.label" :value="i.value" :label="i.label" />
+          <el-select
+            v-model="searchData.IsDeleted"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="i of $d.YesOrNo"
+              :key="'IsDeleted' + i.label"
+              :value="i.value"
+              :label="i.label"
+            />
           </el-select>
         </el-form-item>
         <el-form-item>
           <!-- 查询 -->
           <el-button icon="el-icon-search" type="primary" @click="handleSearch">
-            {{ $t('common:button:search') }}
+            {{ $t("common:button:search") }}
           </el-button>
           <!-- 重置 -->
-          <el-button icon="el-icon-refresh-left" type="primary" @click="handleReset">
-            {{ $t('common:button:reset') }}
+          <el-button
+            icon="el-icon-refresh-left"
+            type="primary"
+            @click="handleReset"
+          >
+            {{ $t("common:button:reset") }}
+          </el-button>
+          <!-- 导出 -->
+          <el-button
+            type="primary"
+            icon="el-icon-download"
+            :loading="exportLoading"
+            @click="handleExport"
+          >
+            {{ $t("common:button:export") }}
           </el-button>
         </el-form-item>
       </el-form>
@@ -84,7 +124,7 @@
       <el-table
         ref="AttachmentsManagement"
         v-loading="loading"
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 60 }"
         :data="list"
         stripe
         height="100"
@@ -115,8 +155,12 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsSystemDoc" type="primary">{{ $fd('IsSystemDoc', scope.row.IsSystemDoc) }}</el-tag>
-            <el-tag v-else type="warning">{{ $fd('IsSystemDoc', scope.row.IsSystemDoc) }}</el-tag>
+            <el-tag v-if="scope.row.IsSystemDoc" type="primary">{{
+              $fd("IsSystemDoc", scope.row.IsSystemDoc)
+            }}</el-tag>
+            <el-tag v-else type="warning">{{
+              $fd("IsSystemDoc", scope.row.IsSystemDoc)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 是否废除 -->
@@ -127,8 +171,12 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="scope.row.IsDeleted" type="danger">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag>
-            <el-tag v-else type="primary">{{ $fd('YesOrNo', scope.row.IsDeleted) }}</el-tag>
+            <el-tag v-if="scope.row.IsDeleted" type="danger">{{
+              $fd("YesOrNo", scope.row.IsDeleted)
+            }}</el-tag>
+            <el-tag v-else type="primary">{{
+              $fd("YesOrNo", scope.row.IsDeleted)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 上传时间 -->
@@ -147,8 +195,12 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-tag v-if="!scope.row.IsConfirmed" type="primary">{{ $fd('YesOrNo', scope.row.IsConfirmed) }}</el-tag>
-            <el-tag v-else type="danger">{{ $fd('YesOrNo', scope.row.IsConfirmed) }}</el-tag>
+            <el-tag v-if="!scope.row.IsConfirmed" type="primary">{{
+              $fd("YesOrNo", scope.row.IsConfirmed)
+            }}</el-tag>
+            <el-tag v-else type="danger">{{
+              $fd("YesOrNo", scope.row.IsConfirmed)
+            }}</el-tag>
           </template>
         </el-table-column>
         <!-- 签署人 -->
@@ -193,7 +245,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>
 
     <!-- 预览文件 -->
@@ -205,32 +263,45 @@
       append-to-body
       custom-class="base-dialog-wrapper"
     >
-      <div class="base-modal-body" style="border:2px solid #ccc;padding: 10px">
-        <PreviewFile v-if="previewVisible" :file-path="currentPath" :file-type="currentType" @getList="getList" />
+      <div
+        class="base-modal-body"
+        style="border: 2px solid #ccc; padding: 10px"
+      >
+        <PreviewFile
+          v-if="previewVisible"
+          :file-path="currentPath"
+          :file-type="currentType"
+          @getList="getList"
+        />
       </div>
     </el-dialog>
   </BaseContainer>
 </template>
 <script>
-import { getDocumentConfirmList, getTrialUserSelect, getTrialUserTypeList, getTrialDocAndSystemDocType } from '@/api/trials'
-import BaseContainer from '@/components/BaseContainer'
-import Pagination from '@/components/Pagination'
-import PreviewFile from '@/components/PreviewFile/index'
-import store from '@/store'
+import {
+  getDocumentConfirmList,
+  getTrialUserSelect,
+  getTrialUserTypeList,
+  getTrialDocAndSystemDocType,
+} from "@/api/trials";
+import { pMTrainingRecordList_Export } from "@/api/export";
+import BaseContainer from "@/components/BaseContainer";
+import Pagination from "@/components/Pagination";
+import PreviewFile from "@/components/PreviewFile/index";
 const searchDataDefault = () => {
   return {
-    FileTypeId: '',
-    Name: '',
-    UserId: '',
-    UserTypeId: '',
+    FileTypeId: "",
+    Name: "",
+    UserId: "",
+    UserTypeId: "",
     PageIndex: 1,
     PageSize: 20,
     IsConfirmed: null,
-    IsDeleted: null
-  }
-}
+    IsDeleted: null,
+  };
+};
 export default {
-  name: 'AttachmentsManagement',
+  name: "AttachmentsManagement",
   components: { BaseContainer, Pagination, PreviewFile },
   data() {
     return {
@@ -239,84 +310,99 @@ export default {
       list: [],
       total: 0,
       currentRow: {},
-      currentPath: '',
-      currentType: '',
+      currentPath: "",
+      currentType: "",
       previewVisible: false,
       userOptions: [],
       userTypeOptions: [],
-      currentUser: zzSessionStorage.getItem('userName'),
+      currentUser: zzSessionStorage.getItem("userName"),
       typeOptions: [],
-      trialId: this.$route.query.trialId
-    }
+      trialId: this.$route.query.trialId,
+      exportLoading: false,
+    };
   },
   mounted() {
-    this.getTypeOptions()
-    this.getUserSelect()
-    this.getUserType()
-    this.getList()
+    this.getTypeOptions();
+    this.getUserSelect();
+    this.getUserType();
+    this.getList();
   },
   methods: {
+    handleExport() {
+      this.exportLoading = true;
+      pMTrainingRecordList_Export(this.searchData)
+        .then(() => {
+          this.exportLoading = false;
+        })
+        .catch((err) => {
+          this.exportLoading = false;
+        });
+    },
     // 获取系统文件数据
     getList() {
-      this.loading = true
-      this.searchData.TrialId = this.trialId
-      getDocumentConfirmList(this.searchData).then(async res => {
-        this.loading = false
-        this.list = res.Result.CurrentPageData
-        this.total = res.Result.TotalCount
-        console.log(this.total)
-      }).catch(() => {
-        this.loading = false
-      })
+      this.loading = true;
+      this.searchData.TrialId = this.trialId;
+      getDocumentConfirmList(this.searchData)
+        .then(async (res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+          console.log(this.total);
+        })
+        .catch(() => {
+          this.loading = false;
+        });
     },
     // 获取文件类型下拉数据
     getTypeOptions() {
-      getTrialDocAndSystemDocType(this.trialId).then(res => {
-        this.typeOptions = res.Result
-      })
+      getTrialDocAndSystemDocType(this.trialId).then((res) => {
+        this.typeOptions = res.Result;
+      });
     },
     // 获取当前项目下参与者信息
     getUserSelect() {
-      getTrialUserSelect(this.trialId).then(res => {
-        this.userOptions = res.Result
-      })
+      getTrialUserSelect(this.trialId).then((res) => {
+        this.userOptions = res.Result;
+      });
     },
     // 获取用户类型下拉数据
     getUserType() {
-      getTrialUserTypeList().then(res => {
-        this.userTypeOptions = res.Result
-      })
+      getTrialUserTypeList().then((res) => {
+        this.userTypeOptions = res.Result;
+      });
     },
     // 预览
     handlePreview(row) {
-      this.currentRow = { ...row }
-      const { Name, FullFilePath } = row
-      this.currentPath = FullFilePath
-      this.currentType = row.Name ? Name.substring(Name.lastIndexOf('.') + 1).toLocaleLowerCase() : ''
-      this.previewVisible = true
+      this.currentRow = { ...row };
+      const { Name, FullFilePath } = row;
+      this.currentPath = FullFilePath;
+      this.currentType = row.Name
+        ? Name.substring(Name.lastIndexOf(".") + 1).toLocaleLowerCase()
+        : "";
+      this.previewVisible = true;
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.getList();
       this.$nextTick(() => {
-        this.$refs.AttachmentsManagement.clearSort()
-      })
+        this.$refs.AttachmentsManagement.clearSort();
+      });
     },
     // 查询
     handleSearch() {
-      this.getList()
+      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.getList()
-    }
-  }
-}
+      this.searchData.SortField = column.prop;
+      this.getList();
+    },
+  },
+};
 </script>
diff --git a/src/views/trials/trials-panel/visit/qc-check/index.vue b/src/views/trials/trials-panel/visit/qc-check/index.vue
index 3459aa8d..777cc4e9 100644
--- a/src/views/trials/trials-panel/visit/qc-check/index.vue
+++ b/src/views/trials/trials-panel/visit/qc-check/index.vue
@@ -5,15 +5,29 @@
       <el-form :inline="true">
         <!-- 是否加急 -->
         <el-form-item :label="$t('trials:qcCheck:table:isUrgent')">
-          <el-select v-model="searchData.IsUrgent" clearable style="width:120px">
-            <el-option v-for="item of $d.YesOrNo" :key="`IsUrgent${item.value}`" :value="item.value" :label="item.label" />
+          <el-select
+            v-model="searchData.IsUrgent"
+            clearable
+            style="width: 120px"
+          >
+            <el-option
+              v-for="item of $d.YesOrNo"
+              :key="`IsUrgent${item.value}`"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 中心编号 -->
         <el-form-item :label="$t('trials:qcCheck: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"
@@ -22,13 +36,16 @@
         </el-form-item>
         <!-- 受试者编号 -->
         <el-form-item :label="$t('trials:qcCheck: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:qcCheck:table:visitName')">
+        <el-form-item
+          class="my_multiple"
+          :label="$t('trials:qcCheck:table:visitName')"
+        >
           <el-select
             v-model="searchData.VisitPlanArray"
-            style="width:140px"
+            style="width: 140px"
             clearable
             multiple
           >
@@ -40,11 +57,7 @@
             >
               <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>
 
@@ -54,11 +67,35 @@
           :label="$t('trials:qcCheck:table:auditState')"
           class="my_multiple"
         >
-          <el-select v-if="OtherInfo.QCProcessEnum === 2" v-model="searchData.AuditStateArray" clearable multiple style="width:140px">
-            <el-option v-for="item of $d.AuditStateRC" v-show="item.value <= 8" :key="item.value" :value="item.value" :label="item.label" />
+          <el-select
+            v-if="OtherInfo.QCProcessEnum === 2"
+            v-model="searchData.AuditStateArray"
+            clearable
+            multiple
+            style="width: 140px"
+          >
+            <el-option
+              v-for="item of $d.AuditStateRC"
+              v-show="item.value <= 8"
+              :key="item.value"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
-          <el-select v-if="OtherInfo.QCProcessEnum === 1" v-model="searchData.AuditStateArray" clearable multiple style="width:140px">
-            <el-option v-for="item of $d.AuditStatePE" v-show="item.value <= 8" :key="item.value" :value="item.value" :label="item.label" />
+          <el-select
+            v-if="OtherInfo.QCProcessEnum === 1"
+            v-model="searchData.AuditStateArray"
+            clearable
+            multiple
+            style="width: 140px"
+          >
+            <el-option
+              v-for="item of $d.AuditStatePE"
+              v-show="item.value <= 8"
+              :key="item.value"
+              :value="item.value"
+              :label="item.label"
+            />
           </el-select>
         </el-form-item>
         <!-- 参与人 -->
@@ -66,15 +103,27 @@
           v-if="OtherInfo.QCProcessEnum !== 0"
           :label="$t('trials:qcCheck:table:participant')"
         >
-          <el-select v-model="searchData.HandleUserId" clearable filterable style="width:140px;">
+          <el-select
+            v-model="searchData.HandleUserId"
+            clearable
+            filterable
+            style="width: 140px"
+          >
             <el-option
-              v-for="(item,index) of participantOptions"
+              v-for="(item, index) of participantOptions"
               :key="index"
               :label="item.HandleUser"
               :value="item.HandleUserId"
             >
               <span style="float: left">{{ item.HandleUser }}</span>
-              <span style="float: right; color: #8492a6; font-size: 13px;margin-left:5px;">
+              <span
+                style="
+                  float: right;
+                  color: #8492a6;
+                  font-size: 13px;
+                  margin-left: 5px;
+                "
+              >
                 {{ item.HandleUserRealName }}
               </span>
             </el-option>
@@ -89,17 +138,30 @@
             type="datetimerange"
             :default-time="['00:00:00', '23:59:59']"
             @change="changeTimeList"
-            style="width:240px"
+            style="width: 240px"
           />
         </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"
+            :loading="exportLoading"
+            @click="handleExport"
+          >
+            {{ $t("common:button:export") }}
           </el-button>
         </el-form-item>
       </el-form>
@@ -110,7 +172,7 @@
       <el-table
         ref="qcCheckList"
         v-loading="loading"
-        v-adaptive="{bottomOffset:60}"
+        v-adaptive="{ bottomOffset: 110 }"
         :data="list"
         stripe
         height="100"
@@ -124,27 +186,27 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <span v-if="scope.row.ChallengeState*1 === 0">--</span>
+            <span v-if="scope.row.ChallengeState * 1 === 0">--</span>
 
             <el-button
-              v-else-if="scope.row.ChallengeState*1 === 1"
-              style="font-size:15px;"
+              v-else-if="scope.row.ChallengeState * 1 === 1"
+              style="font-size: 15px"
               size="mini"
               icon="el-icon-question"
               circle
               type="primary"
               :title="$t('trials:crcQuestion:label:isClosed')"
-              @click="handleChallengeState(scope.row.SubjectCode,1)"
+              @click="handleChallengeState(scope.row.SubjectCode, 1)"
             />
             <el-button
-              v-else-if="scope.row.ChallengeState*1 === 2"
-              style="font-size:15px;"
+              v-else-if="scope.row.ChallengeState * 1 === 2"
+              style="font-size: 15px"
               size="mini"
               icon="el-icon-question"
               circle
               type="danger"
               :title="$t('trials:crcQuestion:label:isNotClose')"
-              @click="handleChallengeState(scope.row.SubjectCode,2)"
+              @click="handleChallengeState(scope.row.SubjectCode, 2)"
             />
           </template>
         </el-table-column>
@@ -158,26 +220,36 @@
         >
           <template slot-scope="scope">
             <el-button
-              v-if="scope.row.IsUrgent && hasPermi(['trials:trials-panel:visit:qc-check:set-urgent'])"
+              v-if="
+                scope.row.IsUrgent &&
+                hasPermi(['trials:trials-panel:visit:qc-check:set-urgent'])
+              "
               type="danger"
               size="mini"
               :disabled="!(userTypeEnumInt === 1 || userTypeEnumInt === 3)"
               @click="handleUrgentStatus(scope.row)"
             >
-              {{ $fd('YesOrNo', scope.row.IsUrgent) }}
+              {{ $fd("YesOrNo", scope.row.IsUrgent) }}
             </el-button>
             <el-button
-              v-else-if="!scope.row.IsUrgent && hasPermi(['trials:trials-panel:visit:qc-check:set-urgent'])"
+              v-else-if="
+                !scope.row.IsUrgent &&
+                hasPermi(['trials:trials-panel:visit:qc-check:set-urgent'])
+              "
               size="mini"
               type="primary"
               :disabled="!(userTypeEnumInt === 1 || userTypeEnumInt === 3)"
               @click="handleUrgentStatus(scope.row)"
             >
-              {{ $fd('YesOrNo', scope.row.IsUrgent) }}
+              {{ $fd("YesOrNo", scope.row.IsUrgent) }}
             </el-button>
             <span v-else>
-              <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>
             </span>
           </template>
         </el-table-column>
@@ -206,7 +278,11 @@
           sortable="custom"
         >
           <template slot-scope="scope">
-            <el-button v-if="scope.row.VisitExecuted === 1" type="text" @click="handleViewStudyInfo(scope.row)">
+            <el-button
+              v-if="scope.row.VisitExecuted === 1"
+              type="text"
+              @click="handleViewStudyInfo(scope.row)"
+            >
               {{ scope.row.VisitName }}
             </el-button>
             <span v-else>
@@ -214,19 +290,22 @@
             </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>
@@ -240,15 +319,44 @@
           <template slot-scope="scope">
             <el-tooltip placement="bottom">
               <div slot="content">
-                <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>
@@ -262,7 +370,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>
         <!-- 最晚拍片日期 -->
@@ -274,7 +386,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>
         <!-- 提交时间 -->
@@ -302,22 +418,48 @@
           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 && scope.row.QCProcessEnum === 1" type="warning">
-              {{ $fd('AuditStatePE', scope.row.AuditState*1) }}
+            <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 && scope.row.QCProcessEnum === 1
+              "
+              type="warning"
+            >
+              {{ $fd("AuditStatePE", scope.row.AuditState * 1) }}
             </el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 4 && scope.row.QCProcessEnum === 2" type="warning">
-              {{ $fd('AuditStateRC', scope.row.AuditState*1) }}
+            <el-tag
+              v-else-if="
+                scope.row.AuditState * 1 === 4 && scope.row.QCProcessEnum === 2
+              "
+              type="warning"
+            >
+              {{ $fd("AuditStateRC", scope.row.AuditState * 1) }}
             </el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 5 && scope.row.QCProcessEnum === 2" type="warning">
-              {{ $fd('AuditStateRC', scope.row.AuditState*1) }}
+            <el-tag
+              v-else-if="
+                scope.row.AuditState * 1 === 5 && scope.row.QCProcessEnum === 2
+              "
+              type="warning"
+            >
+              {{ $fd("AuditStateRC", scope.row.AuditState * 1) }}
             </el-tag>
-            <el-tag v-else-if="scope.row.AuditState*1 === 6 && scope.row.QCProcessEnum === 2" type="warning">
-              {{ $fd('AuditStateRC', scope.row.AuditState*1) }}
+            <el-tag
+              v-else-if="
+                scope.row.AuditState * 1 === 6 && scope.row.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>
+            <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>
         <!-- 审核完成时间 -->
@@ -337,28 +479,48 @@
         >
           <template slot-scope="scope">
             <!-- <span>{{ scope.row.PreliminaryAuditUserName }}</span> -->
-            <el-button v-if="scope.row.PreliminaryAuditUserName && (!(hasPermi(['role:iqc']) && scope.row.AuditState<7&& userId !== scope.row.PreliminaryAuditUserId) || !hasPermi(['role:iqc']) || scope.row.AuditState >= 7)" type="text" @click="handleViewPrimaryQC(scope.row)">
+            <el-button
+              v-if="
+                scope.row.PreliminaryAuditUserName &&
+                (!(
+                  hasPermi(['role:iqc']) &&
+                  scope.row.AuditState < 7 &&
+                  userId !== scope.row.PreliminaryAuditUserId
+                ) ||
+                  !hasPermi(['role:iqc']) ||
+                  scope.row.AuditState >= 7)
+              "
+              type="text"
+              @click="handleViewPrimaryQC(scope.row)"
+            >
               {{ scope.row.PreliminaryAuditUserName }}
             </el-button>
             <span v-else>{{ scope.row.PreliminaryAuditUserName }}</span>
             <span
-              v-if="scope.row.PreliminaryAuditUserName && OtherInfo.QCProcessEnum === 2"
+              v-if="
+                scope.row.PreliminaryAuditUserName &&
+                OtherInfo.QCProcessEnum === 2
+              "
               class="status-primary-circle"
             >
-              {{ $t('trials:qcCheck:label:preliminary') }}
-            </span>
-            <span v-if="scope.row.ReviewAuditUserName">
-               ,
+              {{ $t("trials:qcCheck:label:preliminary") }}
             </span>
+            <span v-if="scope.row.ReviewAuditUserName"> , </span>
             <!-- <span>{{ scope.row.ReviewAuditUserName }}</span> -->
-            <el-button v-if="scope.row.ReviewAuditUserName" type="text" @click="handleViewReviewQC(scope.row)">
+            <el-button
+              v-if="scope.row.ReviewAuditUserName"
+              type="text"
+              @click="handleViewReviewQC(scope.row)"
+            >
               {{ scope.row.ReviewAuditUserName }}
             </el-button>
             <span
-              v-if="scope.row.ReviewAuditUserName && OtherInfo.QCProcessEnum === 2"
+              v-if="
+                scope.row.ReviewAuditUserName && OtherInfo.QCProcessEnum === 2
+              "
               class="status-primary-circle"
             >
-              {{ $t('trials:qcCheck:label:review') }}
+              {{ $t("trials:qcCheck:label:review") }}
             </span>
           </template>
         </el-table-column>
@@ -373,13 +535,20 @@
         />
 
         <el-table-column
-          v-if="OtherInfo.QCProcessEnum !== 0 && hasPermi(['trials:trials-panel:visit:qc-check:receive', 'trials:trials-panel:visit:qc-check:release','trials:trials-panel:visit:qc-check:audit'])"
+          v-if="
+            OtherInfo.QCProcessEnum !== 0 &&
+            hasPermi([
+              'trials:trials-panel:visit:qc-check:receive',
+              'trials:trials-panel:visit:qc-check:release',
+              'trials:trials-panel:visit:qc-check:audit',
+            ])
+          "
           :label="$t('common:action:action')"
           width="200"
           fixed="right"
         >
           <template slot-scope="scope">
-            <div v-if="scope.row.AuditState*1 >= 3">
+            <div v-if="scope.row.AuditState * 1 >= 3">
               <!-- 领取 -->
               <!-- ((scope.row.AuditState*1 === 3 || scope.row.AuditState*1 === 5)) ||(!scope.row.IsTake && (scope.row.AuditState*1 === 4 || scope.row.AuditState*1 === 6)) -->
               <el-button
@@ -387,8 +556,12 @@
                 :title="$t('trials:qcCheck:button:receive')"
                 circle
                 icon="el-icon-lock"
-                :disabled="scope.row.PreliminaryAuditUserId=== userId || scope.row.IsTake || scope.row.AuditState>6"
-                @click="handleReciveTask(scope.row,true)"
+                :disabled="
+                  scope.row.PreliminaryAuditUserId === userId ||
+                  scope.row.IsTake ||
+                  scope.row.AuditState > 6
+                "
+                @click="handleReciveTask(scope.row, true)"
               />
               <!-- 释放：当前领取人才能释放 -->
               <!-- v-if="(scope.row.IsTake && (scope.row.AuditState*1 === 4 || scope.row.AuditState*1 === 6))" -->
@@ -397,51 +570,80 @@
                 :title="$t('trials:qcCheck:button:release')"
                 circle
                 icon="el-icon-unlock"
-                :disabled="!( scope.row.CurrentActionUserId === userId) || !scope.row.IsTake || scope.row.AuditState*1 > 6"
-                @click="handleReciveTask(scope.row,false)"
+                :disabled="
+                  !(scope.row.CurrentActionUserId === userId) ||
+                  !scope.row.IsTake ||
+                  scope.row.AuditState * 1 > 6
+                "
+                @click="handleReciveTask(scope.row, false)"
               />
               <!-- 替换：1、针对同一访视质控，初审人不能替换复审人；2、当前领取人不能替换自己； -->
               <!-- v-if="(scope.row.IsTake && (scope.row.AuditState*1 === 4 || scope.row.AuditState*1 === 6))" -->
               <el-button
-
                 v-hasPermi="['trials:trials-panel:visit:qc-check:release']"
                 :title="$t('trials:crcQuestion:button:replaceTask')"
                 circle
                 icon="el-icon-refresh"
-                :disabled="( scope.row.CurrentActionUserId === userId) || scope.row.PreliminaryAuditUserId === userId || !scope.row.IsTake || scope.row.AuditState*1 > 6"
+                :disabled="
+                  scope.row.CurrentActionUserId === userId ||
+                  scope.row.PreliminaryAuditUserId === userId ||
+                  !scope.row.IsTake ||
+                  scope.row.AuditState * 1 > 6
+                "
                 @click="handleReplaceTask(scope.row)"
               />
               <!-- 审核 -->
               <!-- v-if="scope.row.QCProcessEnum === 1 && scope.row.AuditState*1 === 4 && scope.row.IsTake" -->
               <el-button
-                v-if="scope.row.QCProcessEnum === 1 "
+                v-if="scope.row.QCProcessEnum === 1"
                 v-hasPermi="['trials:trials-panel:visit:qc-check:audit']"
                 :title="$t('trials:qcCheck:button:audit')"
                 circle
                 icon="el-icon-edit-outline"
-                :disabled="(scope.row.CurrentActionUserId?scope.row.CurrentActionUserId !== userId:false) || !scope.row.IsTake || scope.row.AuditState*1 > 6"
+                :disabled="
+                  (scope.row.CurrentActionUserId
+                    ? scope.row.CurrentActionUserId !== userId
+                    : false) ||
+                  !scope.row.IsTake ||
+                  scope.row.AuditState * 1 > 6
+                "
                 @click="handlePrimaryQC(scope.row)"
               />
               <!-- 初审 -->
               <!-- v-if="scope.row.QCProcessEnum === 2 && scope.row.AuditState*1 === 4 && scope.row.IsTake" -->
               <el-button
-                v-if="scope.row.QCProcessEnum === 2 && scope.row.AuditState*1 < 6"
+                v-if="
+                  scope.row.QCProcessEnum === 2 && scope.row.AuditState * 1 < 6
+                "
                 v-hasPermi="['trials:trials-panel:visit:qc-check:audit']"
                 :title="$t('trials:qcCheck:button:preliminaryAudit')"
                 circle
                 icon="el-icon-edit-outline"
-                :disabled="(scope.row.CurrentActionUserId?scope.row.CurrentActionUserId !== userId:false) || !scope.row.IsTake || scope.row.AuditState*1 > 6"
+                :disabled="
+                  (scope.row.CurrentActionUserId
+                    ? scope.row.CurrentActionUserId !== userId
+                    : false) ||
+                  !scope.row.IsTake ||
+                  scope.row.AuditState * 1 > 6
+                "
                 @click="handlePrimaryQC(scope.row)"
               />
               <!-- 复审 -->
               <!-- v-if="scope.row.QCProcessEnum === 2 && scope.row.AuditState*1 === 6 && scope.row.IsTake && scope.row.PreliminaryAuditUserId!==userId" -->
               <el-button
-                v-if="scope.row.QCProcessEnum === 2 && scope.row.AuditState*1 >= 6"
+                v-if="
+                  scope.row.QCProcessEnum === 2 && scope.row.AuditState * 1 >= 6
+                "
                 v-hasPermi="['trials:trials-panel:visit:qc-check:audit']"
                 :title="$t('trials:qcCheck:button:review')"
                 circle
                 icon="el-icon-edit-outline"
-                :disabled="(scope.row.PreliminaryAuditUserId=== userId) || !scope.row.IsTake || scope.row.AuditState*1 > 6 || scope.row.CurrentActionUserId !== userId"
+                :disabled="
+                  scope.row.PreliminaryAuditUserId === userId ||
+                  !scope.row.IsTake ||
+                  scope.row.AuditState * 1 > 6 ||
+                  scope.row.CurrentActionUserId !== userId
+                "
                 @click="handleSecondaryQC(scope.row)"
               />
             </div>
@@ -450,37 +652,55 @@
       </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">
       <span class="status-primary-circle">
-        {{ $t('trials:crcUpload:label:finalVisit') }}
+        {{ $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>
 
-      <span v-if="OtherInfo.QCProcessEnum === 2" class="status-primary-circle" style="margin-left:10px;">
-        {{ $t('trials:qcCheck:label:preliminary') }}
+      <span
+        v-if="OtherInfo.QCProcessEnum === 2"
+        class="status-primary-circle"
+        style="margin-left: 10px"
+      >
+        {{ $t("trials:qcCheck:label:preliminary") }}
       </span>
-      <span v-if="OtherInfo.QCProcessEnum === 2">: {{ $t('trials:qcCheck:label:preliminaryAudit') }}</span>
+      <span v-if="OtherInfo.QCProcessEnum === 2"
+        >: {{ $t("trials:qcCheck:label:preliminaryAudit") }}</span
+      >
 
-      <span v-if="OtherInfo.QCProcessEnum === 2" class="status-primary-circle" style="margin-left:10px;">
-        {{ $t('trials:qcCheck:label:review') }}
+      <span
+        v-if="OtherInfo.QCProcessEnum === 2"
+        class="status-primary-circle"
+        style="margin-left: 10px"
+      >
+        {{ $t("trials:qcCheck:label:review") }}
       </span>
-      <span v-if="OtherInfo.QCProcessEnum === 2">: {{ $t('trials:qcCheck:label:reviewAudit') }}</span>
+      <span v-if="OtherInfo.QCProcessEnum === 2"
+        >: {{ $t("trials:qcCheck:label:reviewAudit") }}</span
+      >
     </div>
     <!-- 指控 -->
     <el-dialog
@@ -492,9 +712,15 @@
     >
       <span slot="title">
         <el-breadcrumb separator="/">
-          <el-breadcrumb-item v-if="trialCode">{{ trialCode }}</el-breadcrumb-item>
-          <el-breadcrumb-item v-if="rowData.TrialSiteCode">{{ rowData.TrialSiteCode }}</el-breadcrumb-item>
-          <el-breadcrumb-item v-if="rowData.SubjectCode">{{ rowData.SubjectCode }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-if="trialCode">{{
+            trialCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-if="rowData.TrialSiteCode">{{
+            rowData.TrialSiteCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-if="rowData.SubjectCode">{{
+            rowData.SubjectCode
+          }}</el-breadcrumb-item>
           <el-breadcrumb-item v-if="rowData.VisitName">
             {{ `${rowData.VisitName} (${rowData.VisitNum})` }}
           </el-breadcrumb-item>
@@ -504,8 +730,8 @@
         <quality-assurance
           v-if="qcVisible"
           :data="rowData"
-          :disabled="rowData.disabled?rowData.disabled:false"
-          :q-type="rowData.qcType?rowData.qcType:1"
+          :disabled="rowData.disabled ? rowData.disabled : false"
+          :q-type="rowData.qcType ? rowData.qcType : 1"
           @getList="getList"
           @nextTask="nextTask"
           @openManuals="openManuals"
@@ -517,19 +743,31 @@
     <el-dialog
       v-if="manualsDialog.visible"
       :visible.sync="manualsDialog.visible"
-      :custom-class="isFullscreen?'manuals-full-dialog-container':'manuals-dialog-container'"
+      :custom-class="
+        isFullscreen
+          ? 'manuals-full-dialog-container'
+          : 'manuals-dialog-container'
+      "
       :show-close="false"
       :close-on-click-modal="false"
       :fullscreen="isFullscreen"
     >
       <span slot="title" class="dialog-footer">
-        <span>{{$t('trials:reading:button:handbooks')}}</span>
-        <span style="position: absolute;right: 20px;">
-          <svg-icon :icon-class="isFullscreen?'exit-fullscreen':'fullscreen'" style="margin-right:10px;cursor: pointer;font-size: 20px;" @click="isFullscreen=!isFullscreen" />
-          <svg-icon icon-class="dClose" style="cursor: pointer;font-size: 24px;" @click="manualsDialog.visible = false" />
+        <span>{{ $t("trials:reading:button:handbooks") }}</span>
+        <span style="position: absolute; right: 20px">
+          <svg-icon
+            :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'"
+            style="margin-right: 10px; cursor: pointer; font-size: 20px"
+            @click="isFullscreen = !isFullscreen"
+          />
+          <svg-icon
+            icon-class="dClose"
+            style="cursor: pointer; font-size: 24px"
+            @click="manualsDialog.visible = false"
+          />
         </span>
       </span>
-      <div style="height: 100%;margin:0;">
+      <div style="height: 100%; margin: 0">
         <Manuals :trial-id="trialId" />
       </div>
     </el-dialog>
@@ -543,14 +781,22 @@
     >
       <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.SiteCode">{{ 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-item v-show="searchData.TrialCode">{{
+            searchData.TrialCode
+          }}</el-breadcrumb-item>
+          <el-breadcrumb-item v-show="rowData.SiteCode">{{
+            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 :inline="true" class="base-search-form" style="padding: 10px">
           <!-- 访视基准日期 -->
           <el-form-item
             v-show="rowData.IsBaseLine && OtherInfo.IsHaveFirstGiveMedicineDate"
@@ -566,11 +812,18 @@
           </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" :key="`IsEnrollmentConfirm${item.value}`" :label="item.value">{{ item.label }}</el-radio>
+              <el-radio
+                v-for="item of $d.YesOrNo"
+                :key="`IsEnrollmentConfirm${item.value}`"
+                :label="item.value"
+                >{{ item.label }}</el-radio
+              >
             </el-radio-group>
           </el-form-item>
           <!-- 疾病进展确认评估 -->
@@ -579,13 +832,18 @@
             :label="$t('trials:crcUpload:form:pd')"
           >
             <el-radio-group v-model="rowData.PDState" disabled>
-              <el-radio v-for="item of $d.YesOrNoForInt" :key="`PDState${item.value}`" :label="item.value">{{ item.label }}</el-radio>
+              <el-radio
+                v-for="item of $d.YesOrNoForInt"
+                :key="`PDState${item.value}`"
+                :label="item.value"
+                >{{ item.label }}</el-radio
+              >
             </el-radio-group>
           </el-form-item>
         </el-form>
         <div>
           <!-- DICOM影像 -->
-          <h4 class="box-title">{{ $t('trials:audit:tab:dicoms') }}</h4>
+          <h4 class="box-title">{{ $t("trials:audit:tab:dicoms") }}</h4>
           <el-card class="box-card">
             <DicomFiles v-if="rowData.Id" :data="rowData" />
           </el-card>
@@ -593,20 +851,36 @@
 
         <div>
           <!-- 非DICOM影像 -->
-          <h4 class="box-title" style="margin-top:10px;">{{ $t('trials:audit:tab:nonDicoms') }}</h4>
+          <h4 class="box-title" style="margin-top: 10px">
+            {{ $t("trials:audit:tab:nonDicoms") }}
+          </h4>
           <el-card class="box-card">
-            <UploadNonDicomFiles v-if="rowData.Id" :body-parts="OtherInfo.BodyPartTypes" :modalities="OtherInfo.Modalitys" :data="rowData" :allow-add-or-edit="false" :subject-visit-id="rowData.Id" />
+            <UploadNonDicomFiles
+              v-if="rowData.Id"
+              :body-parts="OtherInfo.BodyPartTypes"
+              :modalities="OtherInfo.Modalitys"
+              :data="rowData"
+              :allow-add-or-edit="false"
+              :subject-visit-id="rowData.Id"
+            />
           </el-card>
         </div>
 
         <div>
           <!-- 临床数据 -->
-          <h4 class="box-title" style="margin-top:10px;">{{ $t('trials:audit:tab:clinicalData') }}</h4>
-          <el-card  class="box-card">
-            <UploadClinicalData v-if="rowData.Id" :enum-type="OtherInfo.ClinicalInformationTransmissionEnum" :data="rowData" :subject-visit-id="rowData.Id" :allow-add-or-edit="false" />
+          <h4 class="box-title" style="margin-top: 10px">
+            {{ $t("trials:audit:tab:clinicalData") }}
+          </h4>
+          <el-card class="box-card">
+            <UploadClinicalData
+              v-if="rowData.Id"
+              :enum-type="OtherInfo.ClinicalInformationTransmissionEnum"
+              :data="rowData"
+              :subject-visit-id="rowData.Id"
+              :allow-add-or-edit="false"
+            />
           </el-card>
         </div>
-
       </div>
     </el-dialog>
 
@@ -617,7 +891,7 @@
       :close-on-click-modal="false"
       :title="$t('trials:qcCheck:dialogTitle:setUrgent')"
       width="400px"
-      style="height:500px"
+      style="height: 500px"
       custom-class="base-dialog-wrapper"
     >
       <el-form :model="urgentForm" size="mini">
@@ -625,19 +899,37 @@
           <!-- 是否加急 -->
           <el-form-item :label="$t('trials:qcCheck:table:isUrgent')">
             <el-radio-group v-model="urgentForm.IsUrgent">
-              <el-radio v-for="item of $d.YesOrNo" :key="`formIsUrgent${item.value}`" :label="item.value">{{ item.label }}</el-radio>
+              <el-radio
+                v-for="item of $d.YesOrNo"
+                :key="`formIsUrgent${item.value}`"
+                :label="item.value"
+                >{{ 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 :disabled="loading" size="small" type="primary" @click="urgentVisible = false">
-              {{ $t('common:button:cancel') }}
+            <el-button
+              :disabled="loading"
+              size="small"
+              type="primary"
+              @click="urgentVisible = false"
+            >
+              {{ $t("common:button:cancel") }}
             </el-button>
             <!-- 保存 -->
-            <el-button size="small" type="primary" :loading="loading" @click="setUrgentStatus">
-              {{ $t('common:button:save') }}
+            <el-button
+              size="small"
+              type="primary"
+              :loading="loading"
+              @click="setUrgentStatus"
+            >
+              {{ $t("common:button:save") }}
             </el-button>
           </el-form-item>
         </div>
@@ -646,41 +938,58 @@
   </BaseContainer>
 </template>
 <script>
-import { getQCVisitList, getTrialSiteSelect, getTrialVisitStageSelect, getQCParticipantList, replaceQCTaskActionUser, takeOrReleaseQCTask, setSubjectVisitUrgent, isQCCanOpt, getNextQCInfo } from '@/api/trials'
-
-import BaseContainer from '@/components/BaseContainer'
-import QualityAssurance from './components/qualityAssurance'
-import Manuals from './components/manuals'
-import DicomFiles from './components/dicomFiles'
-import UploadNonDicomFiles from '@/views/trials/trials-panel/visit/crc-upload/components/uploadNonDicomFiles'
-import UploadClinicalData from '@/views/trials/trials-panel/visit/crc-upload/components/uploadClinicalData'
-
-import Pagination from '@/components/Pagination'
-import moment from 'moment'
-import { changeURLStatic } from '@/utils/history.js'
-import { getToken } from '@/utils/auth'
+import {
+  getQCVisitList,
+  getTrialSiteSelect,
+  getTrialVisitStageSelect,
+  getQCParticipantList,
+  replaceQCTaskActionUser,
+  takeOrReleaseQCTask,
+  setSubjectVisitUrgent,
+  isQCCanOpt,
+  getNextQCInfo,
+} from "@/api/trials";
+import { qCVisitList_Export } from "@/api/export";
+import BaseContainer from "@/components/BaseContainer";
+import QualityAssurance from "./components/qualityAssurance";
+import Manuals from "./components/manuals";
+import DicomFiles from "./components/dicomFiles";
+import UploadNonDicomFiles from "@/views/trials/trials-panel/visit/crc-upload/components/uploadNonDicomFiles";
+import UploadClinicalData from "@/views/trials/trials-panel/visit/crc-upload/components/uploadClinicalData";
 
+import Pagination from "@/components/Pagination";
+import moment from "moment";
+import { changeURLStatic } from "@/utils/history.js";
+import { getToken } from "@/utils/auth";
 
 const searchDataDefault = () => {
   return {
-    TrialId: '',
-    TrialSiteId: '',
-    SubjectInfo: '',
+    TrialId: "",
+    TrialSiteId: "",
+    SubjectInfo: "",
     VisitPlanArray: [],
     IsUrgent: null,
     AuditStateArray: [],
-    HandleUserId: '',
+    HandleUserId: "",
     BeginAuditTime: null,
     EndAuditTime: null,
     PageIndex: 1,
-    PageSize: 20
+    PageSize: 20,
     // SortField: '',
     // Asc: false
-  }
-}
+  };
+};
 export default {
-  name: 'QcCheck',
-  components: { BaseContainer, Pagination, QualityAssurance, DicomFiles, UploadNonDicomFiles, UploadClinicalData, Manuals },
+  name: "QcCheck",
+  components: {
+    BaseContainer,
+    Pagination,
+    QualityAssurance,
+    DicomFiles,
+    UploadNonDicomFiles,
+    UploadClinicalData,
+    Manuals,
+  },
   data() {
     return {
       searchData: searchDataDefault(),
@@ -688,9 +997,14 @@ export default {
       list: [],
       loading: false,
       qcVisible: false,
-      rowData: { TrialSiteCode: '', SubjectCode: '', VisitName: '', VisitNum: '' },
-      userTypeEnumInt: zzSessionStorage.getItem('userTypeEnumInt') * 1,
-      userId: zzSessionStorage.getItem('userId'),
+      rowData: {
+        TrialSiteCode: "",
+        SubjectCode: "",
+        VisitName: "",
+        VisitNum: "",
+      },
+      userTypeEnumInt: zzSessionStorage.getItem("userTypeEnumInt") * 1,
+      userId: zzSessionStorage.getItem("userId"),
       moment,
       siteOptions: [],
       visitPlanOptions: [],
@@ -698,361 +1012,402 @@ export default {
       participantOptions: [],
       studyVisible: false,
       urgentVisible: false,
-      urgentForm: { id: '', isUrgent: null },
+      urgentForm: { id: "", isUrgent: null },
       trialId: this.$route.query.trialId,
       trialCode: this.$route.query.trialCode,
       query: null,
       manualsDialog: { visible: false },
       isFullscreen: false,
-      timeList: []
-    }
+      timeList: [],
+      exportLoading: false,
+    };
   },
   watch: {
     list(val) {
-      this.doLayout()
-    }
+      this.doLayout();
+    },
   },
   mounted() {
-    this.query = this.$route.query
+    this.query = this.$route.query;
     if (this.$route.query.subjectCode) {
-      this.searchData.SubjectInfo = this.$route.query.subjectCode
+      this.searchData.SubjectInfo = this.$route.query.subjectCode;
     }
-    changeURLStatic('subjectCode', '')
-    this.getList()
-    this.getSite()
-    this.getParticipantList()
-    this.getVisitPlanOptions()
+    changeURLStatic("subjectCode", "");
+    this.getList();
+    this.getSite();
+    this.getParticipantList();
+    this.getVisitPlanOptions();
   },
   methods: {
+    handleExport() {
+      this.exportLoading = true;
+      qCVisitList_Export(this.searchData)
+        .then(() => {
+          this.exportLoading = false;
+        })
+        .catch((err) => {
+          this.exportLoading = false;
+        });
+    },
     // 获取qc审核列表
     getList() {
-      this.loading = true
-      this.searchData.TrialId = this.trialId
-      getQCVisitList(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;
+      getQCVisitList(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;
+        });
     },
     doLayout() {
-      const scope = this
+      const scope = this;
       this.$nextTick(() => {
-        scope.$refs.qcCheckList.doLayout()
-      })
+        scope.$refs.qcCheckList.doLayout();
+      });
     },
     // 领取任务
     handleReciveTask(row, state) {
-      let message = ''
+      let message = "";
       if (state) {
         // 是否确认领取？
-        message = this.$t('trials:qcCheck:message:receive')
+        message = this.$t("trials:qcCheck:message:receive");
       } else {
         // 是否确认释放？
-        message = this.$t('trials:qcCheck:message:release')
+        message = this.$t("trials:qcCheck:message:release");
       }
       this.$confirm(message, {
-        type: 'warning',
-        distinguishCancelAndClose: true
+        type: "warning",
+        distinguishCancelAndClose: true,
       })
         .then(() => {
-          this.loading = true
+          this.loading = true;
           takeOrReleaseQCTask(row.TrialId, row.Id, state)
-            .then(res => {
-              this.loading = false
+            .then((res) => {
+              this.loading = false;
               if (res.IsSuccess) {
-                this.getList()
+                this.getList();
                 if (state) {
                   // 领取成功
-                  this.$message.success(this.$t('trials:qcCheck:message:receivedSuccessfully'))
+                  this.$message.success(
+                    this.$t("trials:qcCheck:message:receivedSuccessfully")
+                  );
                 } else {
                   // 释放成功
-                  this.$message.success(this.$t('trials:qcCheck:message:releasedSuccessfully'))
+                  this.$message.success(
+                    this.$t("trials:qcCheck:message:releasedSuccessfully")
+                  );
                 }
               }
-            }).catch((res) => {
-              this.loading = false
+            })
+            .catch((res) => {
+              this.loading = false;
               if (res.Code === 5 && res.ErrorMessage) {
                 this.$confirm(res.ErrorMessage, {
-                  type: 'warning',
+                  type: "warning",
                   showCancelButton: false,
-                  callback: action => {}
-                })
-                this.getList()
+                  callback: (action) => {},
+                });
+                this.getList();
               }
-            })
-        }).catch(() => {})
+            });
+        })
+        .catch(() => {});
     },
     // 初审
     handlePrimaryQC(row) {
-      this.loading = true
-      isQCCanOpt(row.Id).then(res => {
-        this.loading = false
-        if (res.IsSuccess) {
-          this.rowData = { ...row }
-          this.qcVisible = true
-        }
-      }).catch((res) => {
-        this.loading = false
-        if (res.Code === 2) {
-          this.getList()
-        }
-      })
+      this.loading = true;
+      isQCCanOpt(row.Id)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess) {
+            this.rowData = { ...row };
+            this.qcVisible = true;
+          }
+        })
+        .catch((res) => {
+          this.loading = false;
+          if (res.Code === 2) {
+            this.getList();
+          }
+        });
     },
     // 复审
     handleSecondaryQC(row) {
-      this.loading = true
-      isQCCanOpt(row.Id).then(res => {
-        this.loading = false
-        if (res.IsSuccess) {
-          this.rowData = { ...row }
-          this.qcVisible = true
-        }
-      }).catch((res) => {
-        this.loading = false
-        if (res.Code === 2) {
-          this.getList()
-        }
-      })
+      this.loading = true;
+      isQCCanOpt(row.Id)
+        .then((res) => {
+          this.loading = false;
+          if (res.IsSuccess) {
+            this.rowData = { ...row };
+            this.qcVisible = true;
+          }
+        })
+        .catch((res) => {
+          this.loading = false;
+          if (res.Code === 2) {
+            this.getList();
+          }
+        });
     },
     handleViewPrimaryQC(row) {
-      this.rowData = { ...row }
-      this.rowData.disabled = true
-      this.rowData.qcType = 1
-      this.qcVisible = true
+      this.rowData = { ...row };
+      this.rowData.disabled = true;
+      this.rowData.qcType = 1;
+      this.qcVisible = true;
     },
     handleViewReviewQC(row) {
-      this.rowData = { ...row }
-      this.rowData.disabled = true
-      this.rowData.qcType = 2
-      this.qcVisible = true
+      this.rowData = { ...row };
+      this.rowData.disabled = true;
+      this.rowData.qcType = 2;
+      this.qcVisible = true;
     },
     // 预览影像
     handleViewImages() {
-      var tokenKey = getToken()
+      var tokenKey = getToken();
       const routeData = this.$router.resolve({
-        path: `/showvisitdicoms?trialId=${this.rowData.TrialId}&visitInfo=${this.rowData.VisitName}(${this.rowData.VisitNum})&subjectVisitId=${this.rowData.Id}&TokenKey=${tokenKey}`
-      })
-      window.open(routeData.href, '_blank')
+        path: `/showvisitdicoms?trialId=${this.rowData.TrialId}&visitInfo=${this.rowData.VisitName}(${this.rowData.VisitNum})&subjectVisitId=${this.rowData.Id}&TokenKey=${tokenKey}`,
+      });
+      window.open(routeData.href, "_blank");
     },
     // 查看检查信息
     handleViewStudyInfo(row) {
-      this.studyVisible = true
-      this.rowData = { ...row }
+      this.studyVisible = true;
+      this.rowData = { ...row };
     },
     // 重置
     handleReset() {
-      this.searchData = searchDataDefault()
-      this.timeList = []
-      this.getList()
+      this.searchData = searchDataDefault();
+      this.timeList = [];
+      this.getList();
       this.$nextTick(() => {
-        this.$refs.qcCheckList.clearSort()
-      })
+        this.$refs.qcCheckList.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();
     },
     // 获取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
-      })
+        this.visitPlanOptions = res.Result;
+      });
     },
     // 获取质询参与者下拉框数据
     getParticipantList() {
       getQCParticipantList(this.trialId).then((res) => {
-        this.participantOptions = res.Result
-      })
+        this.participantOptions = res.Result;
+      });
     },
     // 打开设置紧急状态弹窗
     handleUrgentStatus(row) {
-      this.urgentForm = Object.assign({}, { ...row })
-      this.urgentVisible = true
+      this.urgentForm = Object.assign({}, { ...row });
+      this.urgentVisible = true;
     },
     // 设置访视加急/不加急
     setUrgentStatus() {
       // 是否确认将当前访视设置为加急？
       // 是否确认将当前访视设置为不加急？
-      var message = this.urgentForm.IsUrgent ? this.$t('trials:qcCheck:message:isUrgent') : this.$t('trials:qcCheck:message:isNotUrgent')
+      var message = this.urgentForm.IsUrgent
+        ? this.$t("trials:qcCheck:message:isUrgent")
+        : this.$t("trials:qcCheck:message:isNotUrgent");
       this.$confirm(message, {
-        type: 'warning',
-        distinguishCancelAndClose: true
-      })
-        .then(() => {
-          this.loading = true
+        type: "warning",
+        distinguishCancelAndClose: true,
+      }).then(() => {
+        this.loading = true;
 
-          setSubjectVisitUrgent(this.urgentForm.TrialId, this.urgentForm.Id, this.urgentForm.IsUrgent)
-            .then(res => {
-              this.loading = false
-              if (res.IsSuccess) {
-                this.urgentVisible = false
-                this.getList()
-                this.$message.success(this.$t('common:message:savedSuccessfully'))
-              }
-            }).catch(() => { this.loading = false })
-        })
+        setSubjectVisitUrgent(
+          this.urgentForm.TrialId,
+          this.urgentForm.Id,
+          this.urgentForm.IsUrgent
+        )
+          .then((res) => {
+            this.loading = false;
+            if (res.IsSuccess) {
+              this.urgentVisible = false;
+              this.getList();
+              this.$message.success(
+                this.$t("common:message:savedSuccessfully")
+              );
+            }
+          })
+          .catch(() => {
+            this.loading = false;
+          });
+      });
     },
     handleChallengeState(subjectCode, state) {
-      this.$router.push({ path: `/trials/trials-panel/visit/qc-question?trialId=${this.trialId}&trialCode=${this.query.trialCode}&researchProgramNo=${this.query.researchProgramNo}&subjectCode=${subjectCode}&challengeState=${state}` })
+      this.$router.push({
+        path: `/trials/trials-panel/visit/qc-question?trialId=${this.trialId}&trialCode=${this.query.trialCode}&researchProgramNo=${this.query.researchProgramNo}&subjectCode=${subjectCode}&challengeState=${state}`,
+      });
     },
     // 替换
     handleReplaceTask(row) {
-      var message = this.$t('trials:crcQuestion:message:replaceTask')
-      message = message.replace('xxx', row.CurrentActionUserName)
+      var message = this.$t("trials:crcQuestion:message:replaceTask");
+      message = message.replace("xxx", row.CurrentActionUserName);
       this.$confirm(message, {
-        type: 'warning',
-        distinguishCancelAndClose: true
+        type: "warning",
+        distinguishCancelAndClose: true,
       })
         .then(() => {
           // 替换并刷新列表
-          this.loading = true
+          this.loading = true;
           replaceQCTaskActionUser(row.TrialId, row.Id)
-            .then(res => {
-              this.loading = false
+            .then((res) => {
+              this.loading = false;
               if (res.IsSuccess) {
                 // 替换成功
-                this.$message.success(this.$t('trials:crcQuestion:message:replaceTaskSuccessfully'))
-                this.getList()
-              }
-            }).catch((res) => {
-              this.loading = false
-              this.getList()
-              if (res.ErrorMessage) {
-                this.$confirm(res.ErrorMessage, {
-                  type: 'warning',
-                  showCancelButton: false,
-                  callback: action => {}
-                })
+                this.$message.success(
+                  this.$t("trials:crcQuestion:message:replaceTaskSuccessfully")
+                );
+                this.getList();
               }
             })
-        }).catch(() => {})
+            .catch((res) => {
+              this.loading = false;
+              this.getList();
+              if (res.ErrorMessage) {
+                this.$confirm(res.ErrorMessage, {
+                  type: "warning",
+                  showCancelButton: false,
+                  callback: (action) => {},
+                });
+              }
+            });
+        })
+        .catch(() => {});
     },
     nextTask(visitId = null) {
-      this.loading = true
+      this.loading = true;
       let obj = {
-        trialId: this.trialId
-      }
-      if(visitId){
+        trialId: this.trialId,
+      };
+      if (visitId) {
         obj.visitId = visitId;
       }
-      getNextQCInfo(obj).then(res => {
-        this.loading = false
-        this.qcVisible = false
-        if (res.Result) {
-          this.$nextTick(() => {
-            this.rowData = { ...res.Result }
-            this.qcVisible = true
-          })
-        } else {
-          this.$message.success(this.$t('trials:qcQuality:title:title3')) // '当前领取的质控任务已全部完成！'
-          this.qcVisible = false
-        }
-      }).catch(() => {
-        this.loading = false
-        this.qcVisible = false
-      })
+      getNextQCInfo(obj)
+        .then((res) => {
+          this.loading = false;
+          this.qcVisible = false;
+          if (res.Result) {
+            this.$nextTick(() => {
+              this.rowData = { ...res.Result };
+              this.qcVisible = true;
+            });
+          } else {
+            this.$message.success(this.$t("trials:qcQuality:title:title3")); // '当前领取的质控任务已全部完成！'
+            this.qcVisible = false;
+          }
+        })
+        .catch(() => {
+          this.loading = false;
+          this.qcVisible = false;
+        });
     },
     changeTimeList() {
       if (this.timeList) {
-        this.searchData.BeginAuditTime = this.timeList[0]
-        this.searchData.EndAuditTime = this.timeList[1]
+        this.searchData.BeginAuditTime = this.timeList[0];
+        this.searchData.EndAuditTime = this.timeList[1];
       } else {
-        this.searchData.BeginAuditTime = null
-        this.searchData.EndAuditTime = null
+        this.searchData.BeginAuditTime = null;
+        this.searchData.EndAuditTime = null;
       }
     },
     openManuals() {
-      this.manualsDialog.visible = true
-    }
-
-  }
-}
+      this.manualsDialog.visible = true;
+    },
+  },
+};
 </script>
 <style lang="scss">
-.qc-check-wrapper{
+.qc-check-wrapper {
   position: relative;
-  .remark{
+  .remark {
     position: absolute;
     left: 5px;
     bottom: 7px;
     font-size: 12px;
   }
   height: 100%;
-  .qc-dialog{
-    .el-dialog__headerbtn{
-      top:10px;
+  .qc-dialog {
+    .el-dialog__headerbtn {
+      top: 10px;
       font-size: 30px;
     }
-    .el-dialog__body{
+    .el-dialog__body {
       height: calc(100% - 70px);
       padding: 0 10px;
-      .qc-dialog-body{
+      .qc-dialog-body {
         padding: 10px 20px;
         height: 100%;
         overflow-y: auto;
       }
     }
-    .link-breadcrumb{
+    .link-breadcrumb {
       cursor: pointer;
       color: #428bca;
     }
   }
-  .box-title{
-      padding: 12px;
-      margin-bottom: 10px;
-      background-color: #dcdfe6;
-    }
-  .status-primary-circle{
+  .box-title {
+    padding: 12px;
+    margin-bottom: 10px;
+    background-color: #dcdfe6;
+  }
+  .status-primary-circle {
     display: inline-block;
-    width:20px;
-    height:20px;
+    width: 20px;
+    height: 20px;
     text-align: center;
     line-height: 18px;
     border-radius: 50%;
     border: 1px solid #f56c6c;
-    color:#f56c6c;
+    color: #f56c6c;
     font-size: 10px;
   }
-  .manuals-dialog-container{
+  .manuals-dialog-container {
     margin-top: 50px !important;
-    width:75%;
-    height:80%;
-    .el-dialog__body{
+    width: 75%;
+    height: 80%;
+    .el-dialog__body {
       padding: 10px;
       height: calc(100% - 50px) !important;
     }
-    .el-dialog__header{
+    .el-dialog__header {
       position: relative;
     }
   }
-  .manuals-full-dialog-container{
-    .el-dialog__body{
+  .manuals-full-dialog-container {
+    .el-dialog__body {
       padding: 10px;
       height: calc(100% - 50px) !important;
     }
-    .el-dialog__header{
+    .el-dialog__header {
       position: relative;
     }
   }
 }
-
 </style>