导入修改

web/src/api/testtask/index.ts

@@ -55,4 +55,26 @@ export function selectTsNodesById(queryParams: any) {
         method: 'post',
         params: queryParams
     });
-} 
+} 
+export function exportTaskSql(queryParams: any) {
+    return request({
+        url: '/experimentalData/tstask/exportTaskSql',
+        method: 'post',
+        params: queryParams,
+        responseType: 'blob'
+    });
+} 
+export function getMaxTaskCode() {
+    return request({
+        url: '/experimentalData/tstask/getMaxTaskCode',
+        method: 'get',
+    });
+} 
+export function importTaskSql(queryParams: any) {
+    return request({
+        url: '/experimentalData/tstask/importTaskSql',
+        method: 'post',
+        data: queryParams,
+        headers: { 'Content-Type': 'multipart/form-data' }
+    });
+}

web/src/views/testdata/testtask/index.vue

@@ -8,7 +8,11 @@ export default {
 import { onMounted, ref } from "vue";
 import { ElMessage, ElMessageBox } from 'element-plus'
 import Page from '@/components/Pagination/page.vue'
-import { tstaskPage, addtsTask, updatetsTask, deleteTsTaskById, deleteTsTaskByIds, confirmDeleteTask, selectTsNodesById } from "@/api/testtask";
+import {
+    tstaskPage, addtsTask, updatetsTask, exportTaskSql, deleteTsTaskById,
+    deleteTsTaskByIds, confirmDeleteTask, selectTsNodesById, getMaxTaskCode,
+    importTaskSql
+} from "@/api/testtask";
 import { storagesBytype } from "@/api/storage";
 import { getDict } from '@/api/dict'
 ///////
@@ -39,6 +43,14 @@ const queryParams: any = ref({
     endDate: ''
 });
 const total = ref(0);
+const importDialog = ref(false)
+const importForm: any = ref({})
+const importRules: any = ref({
+    localStorageId: [{ required: true, message: "请选择本地存储空间", trigger: "change" }],
+    backupStorageId: [{ required: true, message: "请选择minio存储空间", trigger: "change" }],
+})
+const fileList = ref([])
+const importFormRef = ref()
 //转化时间格式
 function zhuandata(dateString: any) {
     // 创建Date对象
@@ -196,6 +208,57 @@ function delproject(row: any) {
             })
         })
 }
+function expproject(row: any) {
+    ElMessageBox.confirm(
+        '您确定要导出该任务吗?',
+        '提示',
+        {
+            confirmButtonText: '确定',
+            cancelButtonText: '取消',
+            type: 'warning',
+        }
+    )
+        .then(() => {
+            exportTaskSql({ taskId: row.id }).then((res: any) => {
+                console.log(res)
+                console.log('响应头:', res.headers);
+                if (res) {
+                    // 正确访问响应头
+                    //const disposition = res.headers['Content-Disposition'];
+
+                    const fileName = `${row.id}_data.sql.zip`; // 或从响应头中获取文件名
+
+                    // if (disposition) {
+                    //     const filenameMatch = disposition.match(/filename="?([^"]+)"?/);
+                    //     if (filenameMatch && filenameMatch[1]) {
+                    //         fileName = decodeURIComponent(filenameMatch[1]);
+                    //     }
+                    // }
+
+                    // 处理响应数据
+                    const blob = new Blob([res.data], { type: 'application/zip' });
+
+                    // 创建临时链接并触发下载
+                    const url = window.URL.createObjectURL(blob);
+                    const link = document.createElement('a');
+                    link.href = url;
+                    link.download = `${row.id}_data.sql.zip`;
+                    link.style.display = 'none';
+                    document.body.appendChild(link);
+                    link.click();
+                    document.body.removeChild(link);
+                    window.URL.revokeObjectURL(url);
+                    ElMessage({
+                        type: 'success',
+                        message: '导出成功',
+                    })
+                } else {
+                    ElMessage.error("导出失败")
+                    return
+                }
+            })
+        })
+}
 //表格多选
 const tableIdarr = ref([])
 function handleSelectionChange(val: any) {
@@ -406,6 +469,47 @@ function reset() {
     visible.vlaue = false
     getdata()
 }
+function importproject() {
+    getMaxTaskCode().then((res: any) => {
+        if (res.data) {
+            importForm.value.taskCode = res.data
+            importDialog.value = true
+        } else {
+            ElMessage.warning('查询编号失败')
+            return
+        }
+    })
+}
+function fileChange(uploadFile, uploadFiles) {
+    console.log(uploadFile, uploadFiles)
+    importForm.value.fileName = uploadFile.name
+    fileList.value = []
+    fileList.value = [uploadFile.raw]
+    console.log(fileList.value, 999)
+}
+function importSubmit(formEl: any) {
+    if (!formEl) return
+    formEl.validate((valid: any, fields: any) => {
+        if (valid) {
+            if (fileList.value.length == 0) {
+                return ElMessage.warning('请选择导入的文件！')
+            }
+            const formData = new FormData()
+            formData.append('file', fileList.value[0])
+            formData.append('taskCode', importForm.value.taskCode)
+            formData.append('localStorageId', importForm.value.localStorageId)
+            formData.append('backupStorageId', importForm.value.backupStorageId)
+            importTaskSql(formData).then((res: any) => {
+                if (res) {
+                    ElMessage.success('上传成功')
+                }
+            })
+        }
+    })
+}
+function importClose() {
+    importDialog.value = false
+}
 </script>
 
 <template>
@@ -459,6 +563,7 @@ function reset() {
                 <div>
                     <el-button type="primary" @click="addproject()">新增</el-button>
                     <el-button type="primary" @click="delprojectArr()" :disabled="tableIdarr.length == 0">删除</el-button>
+                    <el-button type="primary" @click="importproject()">导入</el-button>
                 </div>
             </div>
             <el-table v-loading="loading" :data="tableData" @selection-change="handleSelectionChange"
@@ -513,7 +618,7 @@ function reset() {
                         <span>{{ typeName1(minioarr, scope.row.backupStorageId) }}</span>
                     </template>
                 </el-table-column>
-                <el-table-column fixed="right" label="操作" width="80" align="center">
+                <el-table-column fixed="right" label="操作" width="100" align="center">
                     <template #default="scope">
                         <span
                             style="display: flex;display: -webkit-flex;justify-content: space-around;-webkit-justify-content: space-around; ">
@@ -521,6 +626,8 @@ function reset() {
                                 style="cursor: pointer;">
                             <img src="@/assets/MenuIcon/lbcz_sc.png" alt="" title="删除" @click="delproject(scope.row)"
                                 style="cursor: pointer;">
+                            <img src="@/assets/MenuIcon/lbcz_dc.png" alt="" title="导出" @click="expproject(scope.row)"
+                                style="cursor: pointer;">
                         </span>
                     </template>
                 </el-table-column>
@@ -654,6 +761,38 @@ function reset() {
                 </el-scrollbar>
             </div>
         </el-dialog>
+        <el-dialog title="导入试验任务参数设定" v-model="importDialog" width="30%" :before-close="importClose" top="30px"
+            :close-on-click-modal="false" destroy-on-close>
+            <!-- importForm -->
+            <el-form ref="importFormRef" style="max-width: 600px" :model="importForm" :rules="importRules"
+                label-width="auto">
+                <el-form-item label="新编号" prop="taskCode">
+                    <div>{{ importForm.taskCode }}</div>
+                </el-form-item>
+                <el-form-item label="本地存储空间" prop="localStorageId" style="width: 100%;">
+                    <el-select v-model="importForm.localStorageId" clearable placeholder="请选择本地存储空间">
+                        <el-option v-for="item in localarr" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item label="备份存储空间" prop="backupStorageId" style="width: 100%">
+                    <el-select v-model="importForm.backupStorageId" clearable placeholder="请选择备份存储空间">
+                        <el-option v-for="item in minioarr" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <div style="width: 100%;display: flex;align-items: center;">
+                        <el-input v-model="importForm.fileName" disabled style="margin-right: 15px;" />
+                        <el-upload v-model="fileList" :auto-upload="false" :show-file-list="false" class="upload-demo"
+                            action="" :on-change="fileChange">
+                            <el-button type="primary">导入</el-button>
+                        </el-upload>
+                    </div>
+                </el-form-item>
+            </el-form>
+            <div style="width: 100%;display: flex;justify-content: end;margin-top: 10px;">
+                <el-button type="primary" @click="importSubmit(importFormRef)">确定</el-button>
+            </div>
+        </el-dialog>
     </div>
 </template>