用户流量表表、license流量报表新增操作列,跳转到月度明细
This commit is contained in:
@@ -58,7 +58,7 @@ import waves from '@/directive/waves'
|
||||
import { licenseList } from '@/api/license'
|
||||
|
||||
export default {
|
||||
name: 'jobLog',
|
||||
name: 'licenseFlowMonthReport',
|
||||
directives: {
|
||||
waves
|
||||
},
|
||||
@@ -90,10 +90,13 @@ export default {
|
||||
activated() {
|
||||
this.getUserList()
|
||||
this.getLicenseList()
|
||||
if (this.$route.query.jobId) {
|
||||
this.listQuery.jobId = this.$route.query.jobId
|
||||
this.getList()
|
||||
if (this.$route.query.userId) {
|
||||
this.listQuery.userId = this.$route.query.userId
|
||||
}
|
||||
if (this.$route.query.licenseId) {
|
||||
this.listQuery.licenseId = this.$route.query.licenseId
|
||||
}
|
||||
this.getList()
|
||||
},
|
||||
methods: {
|
||||
getList() {
|
||||
|
||||
@@ -34,6 +34,11 @@
|
||||
<span>{{scope.row.totalFlowDesc}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" :label="$t('table.actions')" min-width="230" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" @click="handleFlowMonthReportClick(scope.row)">流量月度明细</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="pagination-container">
|
||||
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-pageInfo.sync="listQuery.current"
|
||||
@@ -49,7 +54,7 @@ import { userList } from '@/api/user'
|
||||
import waves from '@/directive/waves'
|
||||
|
||||
export default {
|
||||
name: 'jobLog',
|
||||
name: 'licenseFlowReport',
|
||||
directives: {
|
||||
waves
|
||||
},
|
||||
@@ -115,6 +120,9 @@ export default {
|
||||
handleLookOver(row) {
|
||||
this.selectRow = row
|
||||
this.dialogVisible = true
|
||||
},
|
||||
handleFlowMonthReportClick(row) {
|
||||
this.$router.push({ path: '/report/licenseFlowMonthReport', query: { userId: row.userId, licenseId: row.licenseId }})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -49,7 +49,7 @@ import { userList } from '@/api/user'
|
||||
import waves from '@/directive/waves' // 水波纹指令
|
||||
|
||||
export default {
|
||||
name: 'jobLog',
|
||||
name: 'userFlowMonthReport',
|
||||
directives: {
|
||||
waves
|
||||
},
|
||||
@@ -62,7 +62,7 @@ export default {
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
jobId: undefined
|
||||
userId: undefined
|
||||
},
|
||||
userList: [],
|
||||
dialogVisible: false,
|
||||
@@ -77,8 +77,8 @@ export default {
|
||||
},
|
||||
activated() {
|
||||
this.getUserList()
|
||||
if (this.$route.query.jobId) {
|
||||
this.listQuery.jobId = this.$route.query.jobId
|
||||
if (this.$route.query.userId) {
|
||||
this.listQuery.userId = this.$route.query.userId
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
|
||||
@@ -29,6 +29,12 @@
|
||||
<span>{{scope.row.totalFlowDesc}}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column align="center" :label="$t('table.actions')" min-width="230" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button size="mini" type="text" @click="handleFlowMonthReportClick(scope.row)">流量月度明细</el-button>
|
||||
<el-button size="mini" type="text" @click="handleLicenseFlowMonthReportClick(scope.row)">License流量月度明细</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<div class="pagination-container">
|
||||
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-pageInfo.sync="listQuery.current"
|
||||
@@ -44,7 +50,7 @@ import { userList } from '@/api/user'
|
||||
import waves from '@/directive/waves' // 水波纹指令
|
||||
|
||||
export default {
|
||||
name: 'jobLog',
|
||||
name: 'userFlowReport',
|
||||
directives: {
|
||||
waves
|
||||
},
|
||||
@@ -57,7 +63,7 @@ export default {
|
||||
listQuery: {
|
||||
current: 1,
|
||||
size: 10,
|
||||
jobId: undefined
|
||||
userId: undefined
|
||||
},
|
||||
userList: [],
|
||||
dialogVisible: false,
|
||||
@@ -72,8 +78,8 @@ export default {
|
||||
},
|
||||
activated() {
|
||||
this.getUserList()
|
||||
if (this.$route.query.jobId) {
|
||||
this.listQuery.jobId = this.$route.query.jobId
|
||||
if (this.$route.query.userId) {
|
||||
this.listQuery.userId = this.$route.query.userId
|
||||
this.getList()
|
||||
}
|
||||
},
|
||||
@@ -110,6 +116,12 @@ export default {
|
||||
handleLookOver(row) {
|
||||
this.selectRow = row
|
||||
this.dialogVisible = true
|
||||
},
|
||||
handleFlowMonthReportClick(row) {
|
||||
this.$router.push({ path: '/report/userFlowMonthReport', query: { userId: row.userId }})
|
||||
},
|
||||
handleLicenseFlowMonthReportClick(row) {
|
||||
this.$router.push({ path: '/report/licenseFlowMonthReport', query: { userId: row.userId }})
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user