From 91c8148a9d2fc0f4498c505674a1499b03c6ff8d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B4=BE=E8=82=83?= <15833576927@163.com>
Date: Wed, 29 May 2024 16:30:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E5=9B=A0=E5=9E=8B=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/empty-image.png             | Bin 0 -> 11139 bytes
 src/components/LeftDrawer/index.vue           |   8 ++-
 src/components/fileUploader/index.vue         |   7 +--
 src/utils/ruoyi.js                            |  23 +++++++-
 src/views/genoTypeData/genoManage/index.vue   |  24 ++++-----
 .../genoTypeData/genoManage/uploadGeno.vue    |  49 +++++++++++++++---
 6 files changed, 84 insertions(+), 27 deletions(-)
 create mode 100644 src/assets/images/empty-image.png

diff --git a/src/assets/images/empty-image.png b/src/assets/images/empty-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..fe56170d88742c07220cb0d37f8f0dc8af7ab4a9
GIT binary patch
literal 11139
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
VVVb)p<z)Z>002ovPDHLkV1k!Zw@Ls2

literal 0
HcmV?d00001

diff --git a/src/components/LeftDrawer/index.vue b/src/components/LeftDrawer/index.vue
index f217762..06eae67 100644
--- a/src/components/LeftDrawer/index.vue
+++ b/src/components/LeftDrawer/index.vue
@@ -14,6 +14,10 @@ let props = defineProps({
   zIndex: {
     type: Number,
     default: 165
+  },
+  allowClose: {
+    type:Boolean,
+    default:true
   }
 });
 const drawerWidth= computed(()=>appStore.device === 'mobile'?'100%':props.width)
@@ -25,12 +29,12 @@ const close = () => {
 
 <template>
   <el-drawer :size="drawerWidth" v-model="showDrawer" direction="ltr" append-to-body class="drawer" modal-class="drawer-modal" :z-index="zIndex"
-             :with-header="false">
+             :with-header="false" :close-on-click-modal="allowClose">
     <div>
       <div v-if="!!title" class="drawer-title">
         {{title}}
       </div>
-      <div class="close-icon" @click="close">
+      <div class="close-icon" @click="close" v-if="allowClose">
         <el-icon size="20">
           <Close/>
         </el-icon>
diff --git a/src/components/fileUploader/index.vue b/src/components/fileUploader/index.vue
index 008a4f0..b9a8a13 100644
--- a/src/components/fileUploader/index.vue
+++ b/src/components/fileUploader/index.vue
@@ -19,7 +19,7 @@ const props = defineProps({
 // 初始化分片大小
 const initChunkSize = 5 * 1024 * 1024
 // 文件上传分块任务的队列（用于移除文件时，停止该文件的上传队列） key：fileUid value： queue object
-const fileUploadChunkQueue = ref({}).value
+const fileUploadChunkQueue = reactive({})
 const mergeParams = ref({})
 /**
  * 获取一个上传任务，没有则初始化一个
@@ -221,11 +221,12 @@ const handleRemoveFile = (uploadFile, uploadFiles) => {
       queueObject.stop()
       fileUploadChunkQueue[uploadFile.file.uid] = undefined
     }
-    modelValue.value = modelValue.value.filter(item => item.file.uid!==uploadFile.file.uid)
+    modelValue.value = modelValue.value.filter(item => {
+      return item.file ? item.file.uid !== uploadFile.file.uid : true;
+    })
   }else{
     modelValue.value = modelValue.value.filter(item => item.id!==uploadFile.id)
   }
-
 }
 const settingsStore = useSettingsStore()
 const theme = computed(() => settingsStore.theme);
diff --git a/src/utils/ruoyi.js b/src/utils/ruoyi.js
index 667c1b1..db8452a 100644
--- a/src/utils/ruoyi.js
+++ b/src/utils/ruoyi.js
@@ -2,6 +2,7 @@
  * 通用js方法封装处理
  * Copyright (c) 2019 ruoyi
  */
+import {ElLoading} from "element-plus";
 
 // 日期格式化
 export function parseTime(time, pattern) {
@@ -360,7 +361,7 @@ export function calculateCenter(lnglatarr) {
  * @returns {*[]}
  */
 export function drawGridLines(polygon, grid = 10) {
-    let gridSize =  0.00001 * grid
+    let gridSize = 0.00001 * grid
     let minLng = Infinity;
     let maxLng = -Infinity;
     let minLat = Infinity;
@@ -383,6 +384,7 @@ export function drawGridLines(polygon, grid = 10) {
     }
     return gridLines
 }
+
 /**
  * 将文件转为blob预览地址
  * @param file
@@ -403,6 +405,7 @@ export function fileToBlobURL(file) {
         }
     })
 }
+
 // 千分显示并保留两位小数
 export function processDot(num, precision) {
     return (+(Math.round(+(num + "e" + precision)) + "e" + -precision)).toFixed(
@@ -414,6 +417,7 @@ export function formatNumber(num) {
     const result = processDot(num, 2);
     return result.replace(/\d(?=(\d{3})+\.)/g, "$&,");
 }
+
 /**
  * 上传文件将对象转换为FormData
  * @param values
@@ -441,4 +445,21 @@ export function getFormData(values, formData) {
         })
     }
     return formData
+}
+
+/**
+ * 调用浏览器下载
+ */
+export function downloadWithUrl(url, fileName, loading = ElLoading.service({lock: true, text: '正在下载文件····',})) {
+    //下载文件
+    const element = document.createElement('a')
+    element.setAttribute('href', url);
+    element.setAttribute('download', fileName);
+
+    // 触发点击
+    document.body.appendChild(element);
+    element.click();
+    loading.close()
+    URL.revokeObjectURL(element) // 释放内存
+
 }
\ No newline at end of file
diff --git a/src/views/genoTypeData/genoManage/index.vue b/src/views/genoTypeData/genoManage/index.vue
index b4d184f..90f0b16 100644
--- a/src/views/genoTypeData/genoManage/index.vue
+++ b/src/views/genoTypeData/genoManage/index.vue
@@ -89,7 +89,7 @@
         />
       </el-col>
     </el-row>
-    <left-drawer v-model="showView" title="上传基因型数据" width="40%">
+    <left-drawer v-model="showView" title="查看基因型数据" width="40%">
       <div>
         <title-divider title="基本信息"/>
         <el-form :model="formData" ref="formRef" :rules="rules" label-width="90px">
@@ -106,29 +106,26 @@
           </el-form-item>
           <el-form-item label="物种图片" prop="thumbnailUrl">
             <div class="avatar-uploader-image">
-              <el-image :src="formData.thumbnailUrl" style="width: 130px;height: 130px"></el-image>
+              <el-image preview-teleported :src="formData.thumbnailUrl" style="width: 130px;height: 130px" :preview-src-list="[formData.thumbnailUrl]"></el-image>
             </div>
           </el-form-item>
         </el-form>
         <el-tabs v-model="currentTabs">
-          <el-tab-pane label="Genome" :name="1">
-          </el-tab-pane>
-          <el-tab-pane label="Annotation" :name="2">
-          </el-tab-pane>
-          <el-tab-pane label="Molecular maker" :name="3">
-          </el-tab-pane>
-          <el-tab-pane label="Gene Expression Level (FPKM) Data" :name="4">
-          </el-tab-pane>
+          <el-tab-pane label="Genome" :name="1"/>
+          <el-tab-pane label="Annotation" :name="2"/>
+          <el-tab-pane label="Molecular maker" :name="3"/>
+          <el-tab-pane label="Gene Expression Level (FPKM) Data" :name="4"/>
         </el-tabs>
+        <upload-geno v-model="formData.tFiles" :gene-file-type="currentTabs" is-view></upload-geno>
       </div>
       <template #footer>
         <el-button @click="showView = false">关闭</el-button>
       </template>
     </left-drawer>
-    <left-drawer v-model="showGenoForm" title="上传基因型数据" width="40%">
+    <left-drawer v-model="showGenoForm" title="上传基因型数据" width="40%" :allow-close="!submitLoading">
       <div>
         <title-divider title="基本信息"/>
-        <el-form :model="formData" ref="formRef" :rules="rules">
+        <el-form :model="formData" ref="formRef" :rules="rules" v-loading="submitLoading" :element-loading-text="'文件上传中，请耐心等待，整个过程预计需要几分钟'">
           <el-form-item label="物种名称" prop="speciesName">
             <el-input placeholder="请输入物种名称" v-model="formData.speciesName"></el-input>
           </el-form-item>
@@ -174,7 +171,7 @@
       </div>
       <template #footer>
         <el-button type="primary" :loading="submitLoading" @click="saveGeno">保存</el-button>
-        <el-button @click="showGenoForm = false">取消</el-button>
+        <el-button @click="showGenoForm = false" v-if="!submitLoading">取消</el-button>
       </template>
     </left-drawer>
   </div>
@@ -194,7 +191,6 @@ import {
   selPhylumInfo
 } from "@/api/basicData/genoManageApi.js";
 import {ElMessageBox} from "element-plus";
-import EventBus from "@/utils/EventBus.js";
 import {isArray} from "@/utils/validate.js";
 
 const router = useRouter();
diff --git a/src/views/genoTypeData/genoManage/uploadGeno.vue b/src/views/genoTypeData/genoManage/uploadGeno.vue
index d83d72c..b9291ea 100644
--- a/src/views/genoTypeData/genoManage/uploadGeno.vue
+++ b/src/views/genoTypeData/genoManage/uploadGeno.vue
@@ -1,14 +1,16 @@
 <script setup>
-import {formatNumber, processDot} from "@/utils/ruoyi.js";
+import {downloadWithUrl, formatNumber, processDot} from "@/utils/ruoyi.js";
 import FileUploader from "@/components/fileUploader/index.vue";
-import EventBus from "@/utils/EventBus.js";
 import {isArray} from "@/utils/validate.js";
+import { saveAs } from 'file-saver'
+import {ElLoading} from "element-plus";
 
 const props = defineProps({
   // 基因文件类型，1=Gnome 2=Annotation  3=Molecular maker  4=Gene Expression Level(FPKM)
   geneFileType: Number,
-  formData:Object
+  formData:Object,
 })
+const loading = ref(false)
 const emit = defineEmits(['delFile','uploadSuccess'])
 const modelValue = defineModel({type: Array})
 const formatFileSize = (fileSize)=>{
@@ -23,6 +25,7 @@ const delFile = (item,index) => {
 const uploadRef = ref(null)
 const uploadFile = (data) => {
   if (modelValue.value.length>0){
+    loading.value = true
     uploadRef.value.startUpload({
       // 关联主键id
       tableId:data.id,
@@ -38,6 +41,7 @@ const uploadFile = (data) => {
   }
 }
 const uploadSuccess = () => {
+  loading.value = false
   emit('uploadSuccess')
 }
 defineExpose({
@@ -60,11 +64,16 @@ const beforeUpload = (options) => {
   })
   return false
 }
+const downloadFile = (item) => {
+  let service = ElLoading.service({ text: "正在下载数据，请稍候", });
+  saveAs(item.url,item.fileName);
+  service.close()
+}
 </script>
 
 <template>
   <div>
-    <file-uploader @upload-success="uploadSuccess" ref="uploadRef" v-model="modelValue" @beforeUpload="beforeUpload"/>
+    <file-uploader v-if="!props.isView" @upload-success="uploadSuccess" ref="uploadRef" v-model="modelValue" @beforeUpload="beforeUpload"/>
     <div v-for="(item, index) in showFileList" style="margin-top: 10px">
       <div class="file-list-item">
         <div class="file-list-title">
@@ -72,21 +81,41 @@ const beforeUpload = (options) => {
             <svg-icon class-name="annex-icon" icon-class="annex"></svg-icon> {{ item.fileName }}
           </div>
           <div class="file-size">
-            {{formatFileSize(item.fileSize)}} KB <i-close-one theme="outline" size="24" fill="#d73833" class="file-close-icon" @click="delFile(item,index)"/>
+            {{formatFileSize(item.fileSize)}} KB
+            <i-close-one v-if="!props.isView && !loading" theme="outline" size="24" fill="#d73833" class="file-close-icon" @click="delFile(item,index)"/>
+            <i-download-one v-if="props.isView" theme="outline" size="24" fill="#939393" class="file-close-icon" @click="downloadFile(item,index)"/>
           </div>
         </div>
         <div class="file-remark">
-          <el-input placeholder="请输入文件说明" v-model="item.fileMemo"></el-input>
+          <el-input :placeholder="props.isView?'--':'请输入文件说明'" v-model="item.fileMemo" :readonly="props.isView"></el-input>
           <el-progress
-              v-if="item.startUpload"
+              v-if="item.startUpload && !item.indeterminate"
               striped
               striped-flowx
               :indeterminate="item.indeterminate"
               :percentage="item.percent"
           />
+          <el-progress
+              v-if="item.indeterminate"
+              :format="()=>'计算MD5'"
+              indeterminate
+              :percentage="50"
+          />
         </div>
       </div>
     </div>
+    <div v-if="showFileList.length === 0 && isView">
+      <el-result class="empty-file">
+        <template #icon>
+          <img src="@/assets/images/empty-image.png" height="94" width="199"/>
+        </template>
+        <template #extra>
+          <div>
+            暂无数据
+          </div>
+        </template>
+      </el-result>
+    </div>
   </div>
 </template>
 
@@ -109,6 +138,7 @@ const beforeUpload = (options) => {
   border-radius: 10px;
 }
 .file-list-item{
+  color: rgba(0,0,0,0.65);
   margin: 10px 0;
   border-bottom: 1px solid #e6e6e6;
   .annex-icon{
@@ -147,4 +177,9 @@ const beforeUpload = (options) => {
   height: 48px;
   width: 48px;
 }
+.empty-file{
+  color: rgba(0,0,0,0.65);
+  font-size: 14px;
+  margin-top: 30px;
+}
 </style>
\ No newline at end of file