下载脱机载体工具按钮增加

src/api/modules/backup/backupApi.js

@@ -0,0 +1,23 @@
+import {httpApi} from "../../request/httpApi";
+
+export default {
+  //下载脱机载体工具
+  async DownloadVersionInfo(form, msg = true) {
+    return httpApi({
+        url: '/api/blade-archive/archiveOfflineVersionInfo/getVersionInfo',
+        method: 'get',
+        params: form,
+     
+    }, msg);
+  },
+  //打包最新数据
+  async getpackData(form, msg = true) {
+    return httpApi({
+        url: '/api/blade-archive/archiveOfflineVersionInfo/packData',
+        method: 'get',
+        params: form,
+      
+    }, msg);
+  },
+ 
+}

src/views/custody/backup.vue

@@ -64,10 +64,15 @@
                         </div>
                         <div class="hc-backup-card-body" v-if="backupTabKey === 2">
                             <div class="hc-backup-card-btn">
-                                <el-button type="primary" hc-btn>
+                                <el-button type="primary" hc-btn @click="balenewDataClick" :loading="balenewDataClickLoading">
+                                   
+                                    <span>打包最新数据</span>
+                                </el-button>
+                                <el-button type="primary" hc-btn  @click="downUtilsClick" :loading="downUtilsClickLoading">
                                     <HcIcon name="download-2"/>
                                     <span>下载脱机载体工具</span>
                                 </el-button>
+                               
                             </div>
                             <HcTable :column="tableBasicColumn" :datas="tableBasicData" :isIndex="false" border/>
                             <div class="mt-5 hc-backup-table-box">
@@ -107,6 +112,9 @@
 <script setup>
 import {ref, onMounted} from "vue";
 import {useAppStore} from "~src/store";
+import backupApi from "~api/backup/backupApi.js";
+import {getArrValue, deepClone, downloadBlob} from "vue-utils-plus"
+import { Loading } from "element-plus/es/components/loading/src/service";
 
 //变量
 const useAppState = useAppStore()
@@ -116,7 +124,7 @@ const projectInfo = ref(useAppState.getProjectInfo);
 
 //渲染完成
 onMounted(() => {
-
+    getFileData()
 })
 
 //tab数据
@@ -128,16 +136,59 @@ const backupTabData = ref([
 const backupTabClick = (num) => {
     backupTabKey.value = num
 }
+//下载脱机载体工具
+const downUtilsClickLoading = ref(false)
+const downFileUrl=ref('')
+const getFileData=async()=>{
+      const { error,response,data, res} = await backupApi.DownloadVersionInfo({
+          projectId:projectId.value
+         
+    })
+    if (!error) {
+        downFileUrl.value=data.fileUrl
+        tableBasicData.value[0].size=data.fileSize
+        tableBasicData.value[0].num=data.fileSize
+        tableBasicData.value[0].baledate=data.uploadDate
+        
+    }else{
+        downUtilsClickLoading.value=false
+    }
+}
+const downUtilsClick = () => {
+    if (downFileUrl.value) {
+         window.open(downFileUrl.value, '_blank')
+    }
+ 
+   
+}
+
+//打包最新数据
+const balenewDataClickLoading = ref(false)
+const balenewDataClick = async() => {
+     balenewDataClickLoading.value=true
+      const { error,response, res,data} = await backupApi.getpackData({
+          projectId:projectId.value
+         
+    })
+    if (!error) {
+           window.$message?.success(data)
+         balenewDataClickLoading.value=false
+    }else{
+        balenewDataClickLoading.value=false
+    }
+    
+}
 
 //表格
 const tableBasicColumn = [
     {key:'name', name: '软件名称', align: 'center'},
     {key:'type', name: '软件打开方式', align: 'center'},
     {key:'size', name: '软件包大小', align: 'center'},
-    {key:'num', name: '目前存储量', align: 'center'}
+    {key:'num', name: '目前存储量', align: 'center'},
+    {key:'baledate', name: '打包日期', align: 'center'}
 ]
 const tableBasicData = ref([
-    {name:'工程档案离线存储软件', type: '桌面、U盘、硬盘皆可支持安装存放', size: '2.3G', num: '331G'}
+    {name:'工程档案离线存储软件', type: '桌面、U盘、硬盘皆可支持安装存放', size: '2.3G', num: '331G',baledate:'2020.03.03'}
 ])
 
 </script>