From 5bb0479f4503496bf9b99c5987057074f43a70c5 Mon Sep 17 00:00:00 2001
From: wangxiaoshuang <825034831@qq.com>
Date: Tue, 28 May 2024 11:15:52 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E6=80=BB=E8=A7=88=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E4=B8=8B=E8=BD=BD=E8=AE=B0=E5=BD=95=E5=88=97=E8=A1=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../trial-summary/download-record/index.vue   | 251 ++++++++++++++++++
 1 file changed, 251 insertions(+)
 create mode 100644 src/views/trials/trials-panel/trial-summary/download-record/index.vue

diff --git a/src/views/trials/trials-panel/trial-summary/download-record/index.vue b/src/views/trials/trials-panel/trial-summary/download-record/index.vue
new file mode 100644
index 0000000..2b5202c
--- /dev/null
+++ b/src/views/trials/trials-panel/trial-summary/download-record/index.vue
@@ -0,0 +1,251 @@
+<template>
+  <BaseContainer>
+    <template slot="search-container">
+      <el-form :inline="true">
+        <el-form-item
+          :label="$t('trials:downloadRecord:table:SubjectCode')"
+          prop="SubjectCode"
+        >
+          <el-input
+            v-model="searchData.SubjectCode"
+            size="small"
+            clearable
+            style="width: 120px"
+          />
+        </el-form-item>
+        <el-form-item :label="$t('trials:downloadRecord:table:IP')" prop="IP">
+          <el-input
+            v-model="searchData.IP"
+            size="small"
+            clearable
+            style="width: 120px"
+          />
+        </el-form-item>
+        <el-form-item
+          :label="$t('trials:downloadRecord:table:VisitName')"
+          prop="VisitName"
+        >
+          <el-input
+            v-model="searchData.VisitName"
+            size="small"
+            clearable
+            style="width: 120px"
+          />
+        </el-form-item>
+        <el-form-item
+          :label="$t('trials:downloadRecord:table:Name')"
+          prop="LoginUserName"
+        >
+          <el-input
+            v-model="searchData.Name"
+            size="small"
+            clearable
+            style="width: 120px"
+          />
+        </el-form-item>
+        <!-- 下载日期 -->
+        <el-form-item :label="$t('trials:downloadRecord:table:DownloadTime')">
+          <el-date-picker
+            v-model="dateValue"
+            type="datetimerange"
+            range-separator="至"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :default-time="['00:00:00', '23:59:59']"
+          >
+          </el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search" @click="handleSearch">
+            {{ $t("common:button:search") }}
+          </el-button>
+          <!-- 重置 -->
+          <el-button
+            type="primary"
+            icon="el-icon-refresh-left"
+            @click="handleReset"
+          >
+            {{ $t("common:button:reset") }}
+          </el-button>
+        </el-form-item>
+      </el-form>
+    </template>
+    <template slot="main-container">
+      <el-table
+        v-loading="loading"
+        v-adaptive="{ bottomOffset: 60 }"
+        height="100"
+        :data="list"
+        class="table"
+        @sort-change="handleSortByColumn"
+        :default-sort="{ prop: 'DownloadTime', order: 'descending' }"
+      >
+        <el-table-column type="index" width="50" />
+        <!--受试者-->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:SubjectCode')"
+          prop="SubjectCode"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+        </el-table-column>
+        <!--ip-->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:IP')"
+          prop="IP"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <!--访视名-->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:VisitName')"
+          prop="VisitName"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <!--下载用户名称-->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:DownloadUserName')"
+          prop="DownloadUserName"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+        </el-table-column>
+        <!--下载用户别名--->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:DownLoadUserFullName')"
+          prop="DownLoadUserFullName"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <!--下载图像数量--->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:VisitImageFileCount')"
+          prop="VisitImageFileCount"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+        <!--下载图像大小--->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:VisitImageFileSize')"
+          prop="VisitImageZipSize"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        >
+          <template slot-scope="scope">
+            <span>{{
+              scope.row.VisitImageZipSize && scope.row.VisitImageZipSize > 0
+                ? `${Math.ceil(scope.row.VisitImageZipSize / 1024 / 1024)}MB`
+                : 0
+            }}</span>
+          </template>
+        </el-table-column>
+        <!--下载时间--->
+        <el-table-column
+          :label="$t('trials:downloadRecord:table:DownloadTime')"
+          prop="DownloadTime"
+          min-width="90"
+          show-overflow-tooltip
+          sortable="custom"
+        />
+      </el-table>
+      <!-- 分页组件 -->
+      <pagination
+        class="page"
+        :total="total"
+        :page.sync="searchData.PageIndex"
+        :limit.sync="searchData.PageSize"
+        @pagination="getList"
+      />
+    </template>
+  </BaseContainer>
+</template>
+<script>
+import { getTrialSubjectVisitDownloadList } from "@/api/inspection";
+import BaseContainer from "@/components/BaseContainer";
+import Pagination from "@/components/Pagination";
+const searchDataDefault = () => {
+  return {
+    TrialId: "",
+    SubjectCode: null,
+    IP: "",
+    VisitName: "",
+    Name: "",
+    BeginDownloadTime: null,
+    EndDownloadTime: null,
+    Asc: false,
+    SortField: "DownloadTime",
+    PageIndex: 1,
+    PageSize: 20,
+  };
+};
+export default {
+  components: { BaseContainer, Pagination },
+  data() {
+    return {
+      searchData: searchDataDefault(),
+      list: [],
+      total: 0,
+      loading: false,
+      dateValue: [],
+    };
+  },
+  mounted() {
+    this.getList();
+  },
+  methods: {
+    getList() {
+      this.loading = true;
+      this.searchData.TrialId = this.$route.query.trialId;
+      if (this.dateValue && this.dateValue[0] && this.dateValue[1]) {
+        this.searchData.BeginDownloadTime = this.$moment(
+          this.dateValue[0]
+        ).format("YYYY-MM-DD HH:mm:ss");
+        this.searchData.EndDownloadTime = this.$moment(
+          this.dateValue[1]
+        ).format("YYYY-MM-DD HH:mm:ss");
+      } else {
+        this.searchData.BeginDownloadTime = null;
+        this.searchData.EndDownloadTime = null;
+      }
+      getTrialSubjectVisitDownloadList(this.searchData)
+        .then((res) => {
+          this.loading = false;
+          this.list = res.Result.CurrentPageData;
+          this.total = res.Result.TotalCount;
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    handleSearch() {
+      this.searchData.PageIndex = 1;
+      this.getList();
+    },
+    // 重置列表查询
+    handleReset() {
+      this.searchData = searchDataDefault();
+      this.dateValue = [];
+      this.getList();
+    },
+    // 排序
+    handleSortByColumn(column) {
+      if (column.order === "ascending") {
+        this.searchData.Asc = true;
+      } else {
+        this.searchData.Asc = false;
+      }
+      this.searchData.SortField = column.prop;
+      this.searchData.PageIndex = 1;
+      this.getList();
+    },
+  },
+};
+</script>