文件下载和版本控制

ruoyi-ui/src/views/system/company/index.vue

@@ -0,0 +1,204 @@
+<template>
+  <div class="app-container">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch">
+      <el-form-item label="企业名称" prop="repoName">
+        <el-input
+          v-model="queryParams.repoName"
+          placeholder="请输入企业名称"
+          clearable
+          @keyup.enter.native="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          plain
+          icon="el-icon-plus"
+          size="mini"
+          @click="handleAdd"
+          v-hasPermi="['system:repo:add']"
+        >新增
+        </el-button>
+      </el-col>
+    </el-row>
+
+    <el-table
+      v-if="refreshTable"
+      v-loading="loading"
+      :data="repoList"
+      row-key="repoId"
+    >
+      <el-table-column type="index" label="ID" :show-overflow-tooltip="true" width="60"></el-table-column>
+      <el-table-column prop="repoName" label="名称" :show-overflow-tooltip="true" width="160"></el-table-column>
+      <el-table-column prop="version" label="版本" :show-overflow-tooltip="true" width="160"></el-table-column>
+      <el-table-column prop="groupId" label="组名" :show-overflow-tooltip="true" width="160">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_repo_group" :value="scope.row.groupId"/>
+        </template>
+      </el-table-column>
+      <el-table-column prop="repoStatus" label="状态" width="160">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_repo_status" :value="scope.row.repoStatus"/>
+        </template>
+      </el-table-column>
+      <el-table-column prop="updateBy" label="更新人" :show-overflow-tooltip="true" width="160"></el-table-column>
+      <el-table-column prop="createTime" label="更新时间" align="center" width="160">
+        <template slot-scope="scope">
+          <span>{{ parseTime(scope.row.updateTime) }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="remark" label="备注" :show-overflow-tooltip="true" width="160"></el-table-column>
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+  </div>
+</template>
+
+
+<script>
+
+import {
+  addRepo,
+  delRepo,
+  fileDownload,
+  getRepo,
+  getVersion,
+  listRepo,
+  updateRepo,
+  updateVersion,
+  versionRollback
+} from '@/api/system/repo'
+import '@riophae/vue-treeselect/dist/vue-treeselect.css'
+import FileUpload from '@/components/FileUpload'
+
+export default {
+  name: 'Repo',
+  dicts: ['sys_repo_status', 'sys_repo_type', 'sys_repo_group'],
+  components: { FileUpload },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 显示搜索条件
+      showSearch: true,
+      // 总条数
+      total: 0,
+      // 角色表格数据
+      repoList: [],
+      // 弹出层标题
+      title: '',
+      // 是否显示弹出层
+      open: false,
+      // 重新渲染表格状态
+      refreshTable: true,
+      uploadUrl: '/common/upload',
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        repoName: undefined,
+      },
+      // 表单参数
+      form: {},
+      versionList: [],
+      // 表单校验
+      rules: {
+        repoName: [
+          { required: true, message: '文件名称不能为空', trigger: 'blur' }
+        ],
+      }
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    /** 查询菜单列表 */
+    getList() {
+      this.loading = true
+      listRepo(this.queryParams).then(response => {
+        this.repoList = response.data.rows
+        this.total = response.data.total
+        this.loading = false
+      })
+    },
+// 取消按钮
+    cancel() {
+      this.open = false
+      this.reset()
+    },
+// 表单重置
+    reset() {
+      this.form = {
+        repoId: undefined,
+        repoName: undefined,
+        version: undefined,
+        repoType: 'File',
+        repoStatus: 'Public',
+        description: undefined,
+        url: undefined,
+        groupId: undefined,
+        fileName: undefined
+      }
+      this.resetForm('form')
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.getList()
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm('queryForm')
+      this.handleQuery()
+    },
+    /** 新增按钮操作 */
+    handleAdd(row) {
+      this.reset()
+      if (row != null && row.repoId) {
+        this.form.parentId = row.repoId
+      } else {
+        this.form.parentId = 0
+      }
+      this.open = true
+      this.title = '添加菜单'
+      this.type = 0
+    },
+
+  }
+}
+</script>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

ruoyi-ui/src/views/system/repo/index.vue

@@ -9,10 +9,10 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item>
-      <el-form-item label="类型" prop="repoType">
-        <el-select v-model="queryParams.repoType" placeholder="类型" clearable>
+      <el-form-item label="组名" prop="groupId">
+        <el-select v-model="queryParams.groupId" placeholder="组名" clearable>
           <el-option
-            v-for="dict in dict.type.sys_repo_type"
+            v-for="dict in dict.type.sys_repo_group"
             :key="dict.value"
             :label="dict.label"
             :value="dict.value"
@@ -48,7 +48,11 @@
       <el-table-column type="index" label="ID" :show-overflow-tooltip="true" width="60"></el-table-column>
       <el-table-column prop="repoName" label="名称" :show-overflow-tooltip="true" width="160"></el-table-column>
       <el-table-column prop="version" label="版本" :show-overflow-tooltip="true" width="160"></el-table-column>
-      <el-table-column prop="groupId" label="组名" :show-overflow-tooltip="true" width="160"></el-table-column>
+      <el-table-column prop="groupId" label="组名" :show-overflow-tooltip="true" width="160">
+        <template slot-scope="scope">
+          <dict-tag :options="dict.type.sys_repo_group" :value="scope.row.groupId"/>
+        </template>
+      </el-table-column>
       <el-table-column prop="repoStatus" label="状态" width="160">
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_repo_status" :value="scope.row.repoStatus"/>
@@ -113,7 +117,14 @@
         <el-row>
           <el-col :span="12" :disabled="type == 1 || type == 2">
             <el-form-item label="组名" prop="groupId">
-              <el-input v-model="form.groupId" placeholder="请输入组名"/>
+              <el-select v-model="form.groupId" placeholder="组名" clearable>
+                <el-option
+                  v-for="dict in dict.type.sys_repo_group"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                />
+              </el-select>
             </el-form-item>
           </el-col>
         </el-row>
@@ -135,14 +146,14 @@
             <el-table :data="this.versionList" style="width: 100%" max-height="250">
               <el-table-column type="index" label="ID" :show-overflow-tooltip="true" width="60"></el-table-column>
               <el-table-column
-                prop="fileVersion"
+                prop="version"
                 label="版本号"
                 width="120"
                 :show-overflow-tooltip="true"
               >
               </el-table-column>
               <el-table-column
-                prop="repoId"
+                prop="fileName"
                 label="文件名"
                 width="150"
                 :show-overflow-tooltip="true"
@@ -155,10 +166,17 @@
                 :show-overflow-tooltip="true"
               >
               </el-table-column>
+              <el-table-column
+                prop="remark"
+                label="备注"
+                width="120"
+                :show-overflow-tooltip="true"
+              >
+              </el-table-column>
               <el-table-column fixed="right" label="操作" width="120">
-                <template slot-scope="scope">
-                  <el-button size="mini" type="text" icon="el-icon-bottom" @click="handleDownload(scope.row)">下载</el-button>
-                  <el-button size="mini" type="text" icon="el-icon-delete" @click="handleRollback(scope.row)">回滚</el-button>
+                <template slot-scope="scope2">
+                  <el-button size="mini" type="text" icon="el-icon-bottom" @click="handleDownload(scope2.row)">下载</el-button>
+                  <el-button size="mini" type="text" icon="el-icon-delete" @click="handleRollback(scope2.row)">回滚</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -190,13 +208,22 @@
 
 <script>
 
-import { addRepo, delRepo, getRepo, getVersion, listRepo, updateRepo, updateVersion } from '@/api/system/repo'
+import {
+  addRepo,
+  delRepo, fileDownload,
+  getRepo,
+  getVersion,
+  listRepo,
+  updateRepo,
+  updateVersion,
+  versionRollback
+} from '@/api/system/repo'
 import '@riophae/vue-treeselect/dist/vue-treeselect.css'
 import FileUpload from '@/components/FileUpload'
 
 export default {
   name: 'Repo',
-  dicts: ['sys_repo_status', 'sys_repo_type'],
+  dicts: ['sys_repo_status', 'sys_repo_type', 'sys_repo_group'],
   components: { FileUpload },
   data() {
     return {
@@ -224,7 +251,7 @@ export default {
         pageNum: 1,
         pageSize: 10,
         repoName: undefined,
-        repoType: undefined,
+        groupId: undefined,
         repoId: undefined,
       },
       // 表单参数
@@ -265,11 +292,12 @@ export default {
         repoId: undefined,
         repoName: undefined,
         version: undefined,
-        repoType: undefined,
+        repoType: 'File',
         repoStatus: 'Public',
-        description: undefined,
+        remark: undefined,
         url: undefined,
         groupId: undefined,
+        fileName: undefined,
       }
       this.resetForm('form')
     },
@@ -369,20 +397,48 @@ export default {
       }).catch(() => {
       })
     },
+    /** 文件上传 */
     handleFileUpload(updateFileList) {
       this.form.url = updateFileList
     },
+    /** 对比文件 */
     compareFile(){
-      this.reset()
       getRepo(this.form).then(response => {
         this.comparisonMade = true
       })
     },
-    handleDownload(){
-
+    /** 下载文件 */
+    handleDownload(row) {
+      this.reset();
+      fileDownload({ url: row.url, fileName: row.fileName }).then(response => {
+        // 创建一个指向该 Blob 对象的 URL
+        const url = window.URL.createObjectURL(new Blob([response.data]));
+        const link = document.createElement("a");
+        link.style.display = "none";
+        link.href = url;
+        // 使用 row.fileName 作为下载文件的名称
+        link.setAttribute("download", row.fileName);
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+        // 释放 URL 对象
+        window.URL.revokeObjectURL(url);
+        this.open = false;
+      }).catch(error => {
+        console.error("文件下载失败:", error);
+      });
     },
-    handleRollback(){
-
+    /** 回滚文件 */
+    handleRollback(row){
+      this.reset()
+      this.form.repoType = undefined
+      this.form.repoStatus = undefined
+      this.form.version = row.version
+      this.form.repoId = row.repoId
+      versionRollback(this.form).then(response => {
+        this.getList()
+        this.open = false
+      })
     }
   }
 }