linquan
2 months ago
8 changed files with 270 additions and 40 deletions
@ -0,0 +1,147 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<el-drawer class="el-drawer" title="开启gm权限历史" v-model="isShowDialog" direction="ltr" size="50%"> |
||||||
|
<el-table :data="tableData.list" border> |
||||||
|
<el-table-column label="操作账号" width="180"> |
||||||
|
<template #default="scope"> |
||||||
|
<span>{{ scope.row.operName }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="发送玩家" width="180"> |
||||||
|
<template #default="scope"> |
||||||
|
<span>{{ scope.row.uids }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="服务器" width="180"> |
||||||
|
<template #default="scope"> |
||||||
|
<span>{{ scope.row.serverName }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="state" width="180"> |
||||||
|
<template #default="scope"> |
||||||
|
<div v-if="scope.row.state == 1">开启</div> |
||||||
|
<div v-if="scope.row.state == 0">关闭</div> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
<el-table-column label="时间" width="180"> |
||||||
|
<template #default="scope"> |
||||||
|
<span>{{ scope.row.operTime }}</span> |
||||||
|
</template> |
||||||
|
</el-table-column> |
||||||
|
</el-table> |
||||||
|
<el-row justify="space-evenly"> |
||||||
|
<el-pagination |
||||||
|
:hide-on-single-page="true" |
||||||
|
v-model:page-size="queryParams.pageSize" |
||||||
|
v-model:current-page="queryParams.pageNum" |
||||||
|
:pager-count="5" |
||||||
|
@current-change="getRecord" |
||||||
|
layout="total, prev, pager, next" |
||||||
|
:total="queryParams.total" |
||||||
|
/> |
||||||
|
</el-row> |
||||||
|
</el-drawer> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script lang="ts"> |
||||||
|
import { reactive, toRefs, defineComponent } from 'vue'; |
||||||
|
import { ElLoading } from 'element-plus'; |
||||||
|
import { getOperLog } from '/@/api/game'; |
||||||
|
import { allChannelList, serverList } from '/@/utils/game'; |
||||||
|
|
||||||
|
interface TableDataState { |
||||||
|
isShowDialog: boolean; |
||||||
|
queryParams: object; |
||||||
|
channels: object[]; |
||||||
|
servers: object[]; |
||||||
|
tableData: object[]; |
||||||
|
} |
||||||
|
|
||||||
|
export default defineComponent({ |
||||||
|
name: 'apiV1GameGmEdit', |
||||||
|
setup(prop, { emit }) { |
||||||
|
const state = reactive<TableDataState>({ |
||||||
|
isShowDialog: false, |
||||||
|
queryParams: { label: '/api/v1/game/mange/setclientgm', pageNum: 1, pageSize: 10, total: 0 }, |
||||||
|
channels: [], |
||||||
|
servers: [], |
||||||
|
tableData: { |
||||||
|
list: [], |
||||||
|
}, |
||||||
|
}); |
||||||
|
// 打开弹窗 |
||||||
|
const openDialog = (row: any | null) => { |
||||||
|
state.isShowDialog = true; |
||||||
|
state.queryParams = { label: '/api/v1/game/mange/setclientgm', pageNum: 1, pageSize: 10, total: 0 }; |
||||||
|
state.tableData = { |
||||||
|
list: [], |
||||||
|
}; |
||||||
|
console.log('openDialog: >>>>>>>>>>>', row); |
||||||
|
allChannelList().then((res) => { |
||||||
|
state.channels = res; |
||||||
|
}); |
||||||
|
serverList().then((res) => { |
||||||
|
state.servers = res; |
||||||
|
}); |
||||||
|
getRecord(); |
||||||
|
}; |
||||||
|
|
||||||
|
// 关闭弹窗 |
||||||
|
const closeDialog = () => { |
||||||
|
state.isShowDialog = false; |
||||||
|
}; |
||||||
|
// 取消 |
||||||
|
const onCancel = () => { |
||||||
|
closeDialog(); |
||||||
|
}; |
||||||
|
// 新增 |
||||||
|
const getRecord = () => { |
||||||
|
const loading = ElLoading.service({ |
||||||
|
lock: true, |
||||||
|
text: 'Loading', |
||||||
|
background: 'rgba(0, 0, 0, 0.7)', |
||||||
|
}); |
||||||
|
getOperLog(state.queryParams) |
||||||
|
.then((res) => { |
||||||
|
console.log(res); |
||||||
|
state.queryParams.total = res.data.total; |
||||||
|
state.tableData.list = res.data.list || []; |
||||||
|
state.tableData.list.forEach((item: any) => { |
||||||
|
item.serverName = item.serverId; |
||||||
|
if (state.servers.find((r) => r.id == item.serverId)) { |
||||||
|
item.serverName = state.servers.find((r) => r.id == item.serverId).name; |
||||||
|
} |
||||||
|
let param = item.operParam.split('&'); |
||||||
|
for (let i in param) { |
||||||
|
let data = param[i].split('='); |
||||||
|
if (data[0]) { |
||||||
|
item[data[0]] = data[1]; |
||||||
|
} |
||||||
|
} |
||||||
|
}); |
||||||
|
}) |
||||||
|
.catch((err) => { |
||||||
|
state.tableData.list = []; |
||||||
|
state.queryParams.total = 0; |
||||||
|
}) |
||||||
|
.finally(function () { |
||||||
|
loading.close(); |
||||||
|
}); |
||||||
|
}; |
||||||
|
return { |
||||||
|
openDialog, |
||||||
|
closeDialog, |
||||||
|
onCancel, |
||||||
|
getRecord, |
||||||
|
...toRefs(state), |
||||||
|
}; |
||||||
|
}, |
||||||
|
}); |
||||||
|
</script> |
||||||
|
|
||||||
|
<style scoped lang="scss"> |
||||||
|
::v-deep .el-drawer { |
||||||
|
background-color: rgba(253, 253, 253, 0.68); |
||||||
|
} |
||||||
|
</style> |
||||||
Loading…
Reference in new issue