122 lines
3.5 KiB
Vue
122 lines
3.5 KiB
Vue
<template>
|
||
<nz-bottom-data-list
|
||
:showTitle='showTitle'
|
||
:obj='obj'
|
||
:tableId="tableId"
|
||
id="sftpBottomTab"
|
||
:api="url"
|
||
:custom-table-title.sync="tools.customTableTitle"
|
||
:layout="['elementSet']"
|
||
:tabs="tabs"
|
||
:targetTab="targetTab"
|
||
:showPagination="false"
|
||
@changeTab="changeTab"
|
||
:title="'Session ID'"
|
||
>
|
||
<template v-slot:title><span :title="obj.uuid.substring(0, 8).toUpperCase()">{{obj.uuid.substring(0, 8).toUpperCase()}}</span></template>
|
||
<template v-slot>
|
||
<terminalLogSftpTable
|
||
ref="dataTable"
|
||
:orderByFa="'id'"
|
||
v-my-loading="tools.loading"
|
||
:loading="tools.loading"
|
||
:api="url"
|
||
:custom-table-title="tools.customTableTitle"
|
||
:height="subTableHeight"
|
||
:table-data="tableData"
|
||
:terminaLogTab="true"
|
||
@del="del"
|
||
@edit="edit"
|
||
@tableDataSort="tableDataSort"
|
||
@reload="getTableData"
|
||
@selectionChange="selectionChange"></terminalLogSftpTable>
|
||
</template>
|
||
</nz-bottom-data-list>
|
||
</template>
|
||
|
||
<script>
|
||
import dataListMixin from '@/components/common/mixin/dataList'
|
||
import subDataListMixin from '@/components/common/mixin/subDataList'
|
||
import nzBottomDataList from '@/components/common/bottomBox/nzBottomDataList'
|
||
import terminalLogSftpTable from '@/components/common/table/settings/terminalLogSftpTable'
|
||
import detailViewRightMixin from '@/components/common/mixin/detailViewRightMixin'
|
||
|
||
export default {
|
||
name: 'sftpBottomTab',
|
||
mixins: [dataListMixin, subDataListMixin, detailViewRightMixin],
|
||
components: {
|
||
nzBottomDataList,
|
||
terminalLogSftpTable
|
||
},
|
||
props: {
|
||
obj: Object,
|
||
showTitle: {
|
||
type: Boolean,
|
||
default: true
|
||
}
|
||
},
|
||
data () {
|
||
return {
|
||
url: '/terminal/sftp/log/',
|
||
tableId: 'sftpTable', // 需要分页的table的id，用于记录每页数量
|
||
detailType: 'list',
|
||
searchMsg: { // 给搜索框子组件传递的信息
|
||
zheze_none: true,
|
||
searchLabelList: []
|
||
},
|
||
searchLabel: {},
|
||
tableData: [],
|
||
orderBy: { order: 'ascending', prop: 'id' }
|
||
}
|
||
},
|
||
watch: {
|
||
obj: {
|
||
deep: true,
|
||
handler (n) {
|
||
if (n) {
|
||
this.getTableData()
|
||
}
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
async getTableData () {
|
||
this.$set(this.searchLabel, 'uuid', this.obj.uuid)
|
||
this.$set(this.searchLabel, 'pageNo', this.pageObj.pageNo)
|
||
this.$set(this.searchLabel, 'pageSize', -1)
|
||
this.tools.loading = true
|
||
this.$get(this.url, this.searchLabel).then(response => {
|
||
this.tools.loading = false
|
||
if (response.code === 200) {
|
||
// this.tableData = response.data.list
|
||
this.tableData = this.filterShowData(response.data.list, this.orderBy)
|
||
if (!this.scrollbarWrap && this.$refs.dataTable && this.$refs.dataTable.$refs.dataTable) {
|
||
this.$nextTick(() => {
|
||
this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper
|
||
this.toTopBtnHandler(this.scrollbarWrap)
|
||
})
|
||
}
|
||
}
|
||
})
|
||
},
|
||
// 数据排序
|
||
tableDataSort (item) {
|
||
this.orderBy = item
|
||
this.filterShowData(this.tableData, item)
|
||
},
|
||
filterShowData (source, ord) {
|
||
let orderBy = null
|
||
orderBy = ord
|
||
if (orderBy.order === 'ascending') {
|
||
source = source.sort(this.$tableSet.asce(orderBy.prop))
|
||
}
|
||
if (orderBy.order === 'descending') {
|
||
source = source.sort(this.$tableSet.desc(orderBy.prop))
|
||
}
|
||
return source
|
||
}
|
||
|
||
}
|
||
}
|
||
</script>
|