Browse Source

日志,帮助文件 sxm 2021-12-22

master
[li_she] 4 years ago
parent
commit
7333a9141b
  1. 4
      src/api/sysLanguage.js
  2. 9
      src/api/table.js
  3. 11
      src/views/modules/common/upload.vue
  4. 277
      src/views/modules/oss/oss.vue
  5. 9
      src/views/modules/sys/log.vue

4
src/api/sysLanguage.js

@ -35,6 +35,10 @@ export const saveSysLanguageOne = data => createAPI(`sysLanguagePack/saveSysLang
export const searchPageLanguageData = data => createAPI(`sysLanguagePack/searchPageLanguageData`,'post',data) export const searchPageLanguageData = data => createAPI(`sysLanguagePack/searchPageLanguageData`,'post',data)
// 删除 base 数据
export const removerLanguage = data => createAPI(`sysLanguagePack/removerLanguage`,'post',data)

9
src/api/table.js

@ -1,6 +1,5 @@
import { createAPI } from "@/utils/httpRequest.js"; import { createAPI } from "@/utils/httpRequest.js";
// 获取默认配置 // 获取默认配置
export const getTableDefault = data => createAPI(`gridTableDefault/getTableDefaultList`,'Post',data) 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 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 saveTableUser = data => createAPI(`gridTableUser/saveGridTableUserList`,'Post',data)
// 修改用户默认配置 // 修改用户默认配置
export const updateTableUser = data => createAPI(`gridTableUser/updateTableUser`,'Post',data) export const updateTableUser = data => createAPI(`gridTableUser/updateTableUser`,'Post',data)
// 删除
export const removerUser = data => createAPI(`gridTableDefault/removerUser`,'post',data)

11
src/views/modules/common/upload.vue

@ -2,13 +2,14 @@
<div> <div>
<!-- 弹窗, 上传文件 --> <!-- 弹窗, 上传文件 -->
<el-upload <el-upload
@close="closeHandle"
:action="url" :action="url"
:before-upload="beforeUploadHandle" :before-upload="beforeUploadHandle"
:on-success="successHandle" :on-success="successHandle"
multiple multiple
:show-file-list="false" :show-file-list="false"
style="text-align: center;"> style="text-align: center;">
<el-button size="small" type="primary">点击上传</el-button>
<el-button type="primary">点击上传</el-button>
</el-upload> </el-upload>
</div> </div>
</template> </template>
@ -27,7 +28,6 @@
methods: { methods: {
init(id) { init(id) {
this.url = this.$http.adornUrl(`/ftp/file/upload?token=${this.$cookie.get('token')}&folder=` + this.folder) this.url = this.$http.adornUrl(`/ftp/file/upload?token=${this.$cookie.get('token')}&folder=` + this.folder)
console.log(this.url)
this.visible = true this.visible = true
}, },
// //
@ -40,7 +40,6 @@
}, },
// //
successHandle(response, file, fileList) { successHandle(response, file, fileList) {
this.fileList = response.ossEntity this.fileList = response.ossEntity
this.childClick() this.childClick()
return response.ossEntity return response.ossEntity
@ -48,6 +47,12 @@
childClick() { childClick() {
// childByValueon // childByValueon
this.$emit('childByValue', this.fileList) this.$emit('childByValue', this.fileList)
this.$emit('refreshDataList')
},
//
closeHandle () {
this.fileList = []
this.$emit('refreshDataList')
} }
}, },
created() { created() {

277
src/views/modules/oss/oss.vue

@ -2,28 +2,49 @@
<div class="mod-oss"> <div class="mod-oss">
<el-form :inline="true" :model="dataForm"> <el-form :inline="true" :model="dataForm">
<el-form-item> <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-button type="danger" @click="deleteHandle()" :disabled="dataListSelections.length <= 0">批量删除</el-button>
</el-form-item> </el-form-item>
</el-form> </el-form>
<el-table <el-table
:data="dataList" :data="dataList"
border border
:height="tableHeight"
v-loading="dataListLoading" v-loading="dataListLoading"
@selection-change="selectionChangeHandle" @selection-change="selectionChangeHandle"
style="width: 100%;"> style="width: 100%;">
<el-table-column type="selection" header-align="center" align="center" width="50"></el-table-column> <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 <el-table-column
prop="url" prop="url"
header-align="center" header-align="center"
align="center"
align="left"
label="URL地址"> label="URL地址">
</el-table-column> </el-table-column>
<el-table-column
prop="createdBy"
header-align="center"
align="left"
width="180"
label="创建人">
</el-table-column>
<el-table-column <el-table-column
prop="createDate" prop="createDate"
header-align="center" header-align="center"
align="center"
align="left"
width="180" width="180"
label="创建时间"> label="创建时间">
</el-table-column> </el-table-column>
@ -34,8 +55,8 @@
width="150" width="150"
label="操作"> label="操作">
<template slot-scope="scope"> <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> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
@ -48,130 +69,156 @@
:total="totalPage" :total="totalPage"
layout="total, sizes, prev, pager, next, jumper"> layout="total, sizes, prev, pager, next, jumper">
</el-pagination> </el-pagination>
<!-- 弹窗, 云存储配置 -->
<config v-if="configVisible" ref="config"></config>
<!-- 弹窗, 上传文件 -->
<upload v-if="uploadVisible" ref="upload" @refreshDataList="getDataList"></upload>
</div> </div>
</template> </template>
<script> <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 // adownload
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() 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({ 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}) => { }).then(({data}) => {
if (data && data.code === 0) { 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 { } 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> </script>

9
src/views/modules/sys/log.vue

@ -95,7 +95,7 @@ let rolltimer = '' // 自动滚动的定时任务
}, },
dataList: [], dataList: [],
pageIndex: 1, pageIndex: 1,
pageSize: 20,
pageSize: 19,
totalPage: 0, totalPage: 0,
dataListLoading: false, dataListLoading: false,
selectionDataList: [], selectionDataList: [],
@ -112,7 +112,7 @@ let rolltimer = '' // 自动滚动的定时任务
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
this.tableHeight = window.innerHeight - 255;
this.tableHeight = window.innerHeight - 170;
//50 //50
}) })
}, },
@ -120,12 +120,12 @@ let rolltimer = '' // 自动滚动的定时任务
// //
mouseEnter(time) { mouseEnter(time) {
// //
this.autoRoll(true)
// this.autoRoll(true)
}, },
// //
mouseLeave() { mouseLeave() {
// //
this.autoRoll()
//this.autoRoll()
}, },
// //
autoRoll(stop) { autoRoll(stop) {
@ -133,7 +133,6 @@ let rolltimer = '' // 自动滚动的定时任务
clearInterval(rolltimer) clearInterval(rolltimer)
return return
} }
// DOM // DOM
const table = this.$refs.wt_table const table = this.$refs.wt_table
// div // div

Loading…
Cancel
Save