From 7333a9141be3ce8fc8222527ebfc5f31748fe99c Mon Sep 17 00:00:00 2001
From: "[li_she]" <[li.she@xujiesoft.com]>
Date: Wed, 22 Dec 2021 15:19:09 +0800
Subject: [PATCH] =?UTF-8?q?=E6=97=A5=E5=BF=97,=E5=B8=AE=E5=8A=A9=E6=96=87?=
 =?UTF-8?q?=E4=BB=B6=20sxm=202021-12-22?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/sysLanguage.js              |   4 +
 src/api/table.js                    |   9 +-
 src/views/modules/common/upload.vue |  11 +-
 src/views/modules/oss/oss.vue       | 277 ++++++++++++++++------------
 src/views/modules/sys/log.vue       |   9 +-
 5 files changed, 185 insertions(+), 125 deletions(-)

diff --git a/src/api/sysLanguage.js b/src/api/sysLanguage.js
index 57da32d..8417766 100644
--- a/src/api/sysLanguage.js
+++ b/src/api/sysLanguage.js
@@ -35,6 +35,10 @@ export const saveSysLanguageOne = data => createAPI(`sysLanguagePack/saveSysLang
 export const searchPageLanguageData = data => createAPI(`sysLanguagePack/searchPageLanguageData`,'post',data)
 
 
+// 删除 base 数据
+export const removerLanguage = data => createAPI(`sysLanguagePack/removerLanguage`,'post',data)
+
+
 
 
 
diff --git a/src/api/table.js b/src/api/table.js
index de3fc50..86c5d60 100644
--- a/src/api/table.js
+++ b/src/api/table.js
@@ -1,6 +1,5 @@
 import { createAPI } from "@/utils/httpRequest.js";
 
-
 // 获取默认配置
 export const getTableDefault = data => createAPI(`gridTableDefault/getTableDefaultList`,'Post',data)
 // 多语言配置
@@ -8,6 +7,8 @@ export const getTableDefaultListLanguage = data => createAPI(`gridTableDefault/g
 
 // 添加默认配置
 export const saveTableDefaultList = data => createAPI(`gridTableDefault/saveTableDefaultList`,'Post',data)
+// 删除
+export const removerDefault = data => createAPI(`gridTableDefault/removerDefault`,'post',data)
 
 
 // 获取默认配置
@@ -18,9 +19,13 @@ export const getTableUserListLanguage = data => createAPI(`gridTableUser/getTabl
 
 // 保存用户默认配置
 export const saveTableUser = data => createAPI(`gridTableUser/saveGridTableUserList`,'Post',data)
-
 // 修改用户默认配置
 export const updateTableUser = data => createAPI(`gridTableUser/updateTableUser`,'Post',data)
 
+// 删除
+export const removerUser = data => createAPI(`gridTableDefault/removerUser`,'post',data)
+
+
+
 
 
diff --git a/src/views/modules/common/upload.vue b/src/views/modules/common/upload.vue
index df7ff95..3b2c2d3 100644
--- a/src/views/modules/common/upload.vue
+++ b/src/views/modules/common/upload.vue
@@ -2,13 +2,14 @@
   <div>
     <!-- 弹窗, 上传文件 -->
     <el-upload
+      @close="closeHandle"
       :action="url"
       :before-upload="beforeUploadHandle"
       :on-success="successHandle"
       multiple
       :show-file-list="false"
       style="text-align: center;">
-      <el-button size="small" type="primary">点击上传</el-button>
+      <el-button  type="primary">点击上传</el-button>
     </el-upload>
   </div>
 </template>
@@ -27,7 +28,6 @@
     methods: {
       init(id) {
         this.url = this.$http.adornUrl(`/ftp/file/upload?token=${this.$cookie.get('token')}&folder=` + this.folder)
-        console.log(this.url)
         this.visible = true
       },
       // 上传之前
@@ -40,7 +40,6 @@
       },
       // 上传成功
       successHandle(response, file, fileList) {
-
         this.fileList = response.ossEntity
         this.childClick()
         return response.ossEntity
@@ -48,6 +47,12 @@
       childClick() {
         // childByValue是在父组件on监听的方法
         this.$emit('childByValue', this.fileList)
+        this.$emit('refreshDataList')
+      },
+      // 弹窗关闭时
+      closeHandle () {
+        this.fileList = []
+        this.$emit('refreshDataList')
       }
     },
     created() {
diff --git a/src/views/modules/oss/oss.vue b/src/views/modules/oss/oss.vue
index 11ee1cc..efd20fe 100644
--- a/src/views/modules/oss/oss.vue
+++ b/src/views/modules/oss/oss.vue
@@ -2,28 +2,49 @@
   <div class="mod-oss">
     <el-form :inline="true" :model="dataForm">
       <el-form-item>
-        <el-button type="primary" @click="configHandle()">云存储配置</el-button>
-        <el-button type="primary" @click="uploadHandle()">上传文件</el-button>
+        <el-input v-model="dataForm.fileName"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="getDataList()">查询</el-button>
+      </el-form-item>
+      <el-form-item>
+        <Upload  @refreshDataList="getDataList"></Upload>
+      </el-form-item>
+      <el-form-item>
         <el-button type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
       </el-form-item>
     </el-form>
     <el-table
       :data="dataList"
       border
+      :height="tableHeight"
       v-loading="dataListLoading"
       @selection-change="selectionChangeHandle"
       style="width: 100%;">
       <el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column>
+      <el-table-column
+        prop="fileName"
+        header-align="center"
+        align="left"
+        label="文件名">
+      </el-table-column>
       <el-table-column
         prop="url"
         header-align="center"
-        align="center"
+        align="left"
         label="URL地址">
       </el-table-column>
+      <el-table-column
+        prop="createdBy"
+        header-align="center"
+        align="left"
+        width="180"
+        label="创建人">
+      </el-table-column>
       <el-table-column
         prop="createDate"
         header-align="center"
-        align="center"
+        align="left"
         width="180"
         label="创建时间">
       </el-table-column>
@@ -34,8 +55,8 @@
         width="150"
         label="操作">
         <template slot-scope="scope">
-          <a type="text" size="small"  @click="deleteHandle(scope.row.id)">删除</a>
-          <a @click="downloadFile(scope.row.fileName, scope.row.url)" >下载</a>
+          <a type="text" size="small" @click="deleteHandle(scope.row.id)">删除</a>
+          <a @click="fileDownload(scope.row)">下载</a>
         </template>
       </el-table-column>
     </el-table>
@@ -48,130 +69,156 @@
       :total="totalPage"
       layout="total, sizes, prev, pager, next, jumper">
     </el-pagination>
-    <!-- 弹窗, 云存储配置 -->
-    <config v-if="configVisible" ref="config"></config>
-    <!-- 弹窗, 上传文件 -->
-    <upload v-if="uploadVisible" ref="upload" @refreshDataList="getDataList"></upload>
   </div>
 </template>
 
 <script>
-  import Config from './oss-config'
-  import Upload from './oss-upload'
-  export default {
-    data () {
-      return {
-        dataForm: {},
-        dataList: [],
-        pageIndex: 1,
-        pageSize: 20,
-        totalPage: 0,
-        dataListLoading: false,
-        dataListSelections: [],
-        configVisible: false,
-        uploadVisible: false
+
+import Upload from '../common/upload'
+import axios from "axios";
+import Vue from "vue";
+
+export default {
+  data() {
+    return {
+      tableHeight: 0,
+      dataForm: {
+        fileName: ''
+      },
+      dataList: [],
+      pageIndex: 1,
+      pageSize: 20,
+      totalPage: 0,
+      dataListLoading: false,
+      dataListSelections: [],
+      configVisible: false,
+      uploadVisible: false
+    }
+  },
+  components: {
+    Upload
+  },
+  activated() {
+    this.getDataList()
+
+  },
+  mounted() {
+    this.$nextTick(() => {
+      this.tableHeight = window.innerHeight - 166;
+    })
+  },
+  methods: {
+    // 文件下载
+    fileDownload(row) {
+      axios.get('/proxyApi/ftp/file/downFtpFile/' + row.id, {
+        responseType: 'blob',
+        headers: {
+          'Content-Type': 'application/json',
+          'token':Vue.cookie.get('token')
+        }
+      }).then(({data}) => {
+        // 不限制文件下载类型
+        const blob = new Blob([data], {type: "application/octet-stream"})
+        // 下载文件名称
+        const fileName = row.fileName
+        // a标签下载
+        const linkNode = document.createElement('a')
+        linkNode.download = fileName // a标签的download属性规定下载文件的名称
+        linkNode.style.display = 'none'
+        linkNode.href = URL.createObjectURL(blob) // 生成一个Blob URL
+        // if(val == 'Y'){
+        //   this.pdfVisible = true
+        //   this.pdfUrl = linkNode.href
+        // }else {
+        document.body.appendChild(linkNode)
+        linkNode.click() // 模拟在按钮上的一次鼠标单击
+        URL.revokeObjectURL(linkNode.href) // 释放URL 对象
+        document.body.removeChild(linkNode)
+        // }
+      })
+    },
+
+    downloadFile(fileName, data) {
+      if (!data) {
+        return;
       }
+      let url = window.URL.createObjectURL(new Blob([data]));
+      let link = document.createElement('a');
+      link.style.display = 'none';
+      link.href = url;
+      link.setAttribute('download', fileName);
+      document.body.appendChild(link);
+      link.click();
+    },
+
+    // 获取数据列表
+    getDataList() {
+      this.dataListLoading = true
+      this.$http({
+        url: this.$http.adornUrl('/sys/oss/list'),
+        method: 'get',
+        params: this.$http.adornParams({
+          'page': this.pageIndex,
+          'limit': this.pageSize,
+          'fileName': this.dataForm.fileName
+        })
+      }).then(({data}) => {
+        if (data && data.code === 0) {
+          this.dataList = data.page.list
+          this.totalPage = data.page.totalCount
+        } else {
+          this.dataList = []
+          this.totalPage = 0
+        }
+        this.dataListLoading = false
+      })
     },
-    components: {
-      Config,
-      Upload
+    // 每页数
+    sizeChangeHandle(val) {
+      this.pageSize = val
+      this.pageIndex = 1
+      this.getDataList()
     },
-    activated () {
+    // 当前页
+    currentChangeHandle(val) {
+      this.pageIndex = val
       this.getDataList()
     },
-    methods: {
-      downloadFile(fileName, data) {
-        if (!data) {
-          return;
-        }
-        let url = window.URL.createObjectURL(new Blob([data]));
-        let link = document.createElement('a');
-        link.style.display = 'none';
-        link.href = url;
-        link.setAttribute('download', fileName);
-        document.body.appendChild(link);
-        link.click();
-      },
-      // 获取数据列表
-      getDataList () {
-        this.dataListLoading = true
+    // 多选
+    selectionChangeHandle(val) {
+      this.dataListSelections = val
+    },
+    // 删除
+    deleteHandle(id) {
+      var ids = id ? [id] : this.dataListSelections.map(item => {
+        return item.id
+      })
+      this.$confirm(`确定进行删除操作?`, '提示', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning'
+      }).then(() => {
         this.$http({
-          url: this.$http.adornUrl('/sys/oss/list'),
-          method: 'get',
-          params: this.$http.adornParams({
-            'page': this.pageIndex,
-            'limit': this.pageSize
-          })
+          url: this.$http.adornUrl('/sys/oss/delete'),
+          method: 'post',
+          data: this.$http.adornData(ids, false)
         }).then(({data}) => {
           if (data && data.code === 0) {
-            this.dataList = data.page.list
-            this.totalPage = data.page.totalCount
+            this.$message({
+              message: '操作成功',
+              type: 'success',
+              duration: 1500,
+              onClose: () => {
+                this.getDataList()
+              }
+            })
           } else {
-            this.dataList = []
-            this.totalPage = 0
+            this.$message.error(data.msg)
           }
-          this.dataListLoading = false
         })
-      },
-      // 每页数
-      sizeChangeHandle (val) {
-        this.pageSize = val
-        this.pageIndex = 1
-        this.getDataList()
-      },
-      // 当前页
-      currentChangeHandle (val) {
-        this.pageIndex = val
-        this.getDataList()
-      },
-      // 多选
-      selectionChangeHandle (val) {
-        this.dataListSelections = val
-      },
-      // 云存储配置
-      configHandle () {
-        this.configVisible = true
-        this.$nextTick(() => {
-          this.$refs.config.init()
-        })
-      },
-      // 上传文件
-      uploadHandle () {
-        this.uploadVisible = true
-        this.$nextTick(() => {
-          this.$refs.upload.init()
-        })
-      },
-      // 删除
-      deleteHandle (id) {
-        var ids = id ? [id] : this.dataListSelections.map(item => {
-          return item.id
-        })
-        this.$confirm(`确定对[id=${ids.join(',')}]进行[${id ? '删除' : '批量删除'}]操作?`, '提示', {
-          confirmButtonText: '确定',
-          cancelButtonText: '取消',
-          type: 'warning'
-        }).then(() => {
-          this.$http({
-            url: this.$http.adornUrl('/sys/oss/delete'),
-            method: 'post',
-            data: this.$http.adornData(ids, false)
-          }).then(({data}) => {
-            if (data && data.code === 0) {
-              this.$message({
-                message: '操作成功',
-                type: 'success',
-                duration: 1500,
-                onClose: () => {
-                  this.getDataList()
-                }
-              })
-            } else {
-              this.$message.error(data.msg)
-            }
-          })
-        }).catch(() => {})
-      }
+      }).catch(() => {
+      })
     }
   }
+}
 </script>
diff --git a/src/views/modules/sys/log.vue b/src/views/modules/sys/log.vue
index 4d3bef7..6f7b2a7 100644
--- a/src/views/modules/sys/log.vue
+++ b/src/views/modules/sys/log.vue
@@ -95,7 +95,7 @@ let rolltimer = '' // 自动滚动的定时任务
         },
         dataList: [],
         pageIndex: 1,
-        pageSize: 20,
+        pageSize: 19,
         totalPage: 0,
         dataListLoading: false,
         selectionDataList: [],
@@ -112,7 +112,7 @@ let rolltimer = '' // 自动滚动的定时任务
     },
     mounted() {
       this.$nextTick(() => {
-        this.tableHeight = window.innerHeight - 255;
+        this.tableHeight = window.innerHeight - 170;
         //后面的50：根据需求空出的高度，自行调整
       })
     },
@@ -120,12 +120,12 @@ let rolltimer = '' // 自动滚动的定时任务
       // 鼠标进入
       mouseEnter(time) {
         // 鼠标进入停止滚动和切换的定时任务
-        this.autoRoll(true)
+       // this.autoRoll(true)
       },
       // 鼠标离开
       mouseLeave() {
         // 开启
-        this.autoRoll()
+        //this.autoRoll()
       },
       // 设置自动滚动
       autoRoll(stop) {
@@ -133,7 +133,6 @@ let rolltimer = '' // 自动滚动的定时任务
           clearInterval(rolltimer)
           return
         }
-
         // 拿到表格挂载后的真实DOM
         const table = this.$refs.wt_table
         // 拿到表格中承载数据的div元素