linquan
3 months ago
26 changed files with 2928 additions and 2923 deletions
@ -1,89 +1,92 @@
|
||||
export function contentReplace(str: string) { |
||||
if (str === "") { |
||||
return str; |
||||
} |
||||
str = str.replace(/\n/gi, '<br/>'); |
||||
str = str.replaceAll(/(\[color=.*?])/gi, replacer); |
||||
str = str.replace(/\[color=/gi, '<font color="'); |
||||
str = str.replace(/\[\/color\]/gi, "<\/font>"); |
||||
str = str.replaceAll(/(\[url=.*?])/gi, replacer); |
||||
str = str.replace(/\[url=/gi, '<a target="_blank" href="'); |
||||
str = str.replace(/\[\/url\]/gi, "<\/a>"); |
||||
str = str.replace(/]/gi, ">"); |
||||
str = str.replace(/\[/gi, "<"); |
||||
return str; |
||||
if (str === '') { |
||||
return str; |
||||
} |
||||
str = str.replace(/\n/gi, '<br/>'); |
||||
str = str.replaceAll(/(\[color=.*?])/gi, replacer); |
||||
str = str.replace(/\[color=/gi, '<font color="'); |
||||
str = str.replace(/\[\/color\]/gi, '</font>'); |
||||
str = str.replaceAll(/(\[url=.*?])/gi, replacer); |
||||
str = str.replace(/\[url=/gi, '<a target="_blank" href="'); |
||||
str = str.replace(/\[\/url\]/gi, '</a>'); |
||||
str = str.replace(/]/gi, '>'); |
||||
str = str.replace(/\[/gi, '<'); |
||||
return str; |
||||
} |
||||
|
||||
function replacer(match: any, p: any, offset: any, string: any) { |
||||
// p是颜色样式
|
||||
console.log("replacer: ", p); |
||||
return p.replace(/]/i, '">'); |
||||
// p是颜色样式
|
||||
console.log('replacer: ', p); |
||||
return p.replace(/]/i, '">'); |
||||
} |
||||
|
||||
export function random(len: number) { |
||||
return Math.floor(Math.random() * len); |
||||
return Math.floor(Math.random() * len); |
||||
} |
||||
|
||||
export function zeroFill(Date: any) { |
||||
Date = Number(Date); |
||||
return Date < 10 ? "0" + Date : Date + ""; |
||||
Date = Number(Date); |
||||
return Date < 10 ? '0' + Date : Date + ''; |
||||
} |
||||
|
||||
export function zero4Fill(Date: any) { |
||||
Date = Number(Date); |
||||
return Date < 1000 ? "0" + Date : Date + ""; |
||||
Date = Number(Date); |
||||
return Date < 1000 ? '0' + Date : Date + ''; |
||||
} |
||||
|
||||
|
||||
export function getDaysBetween(date1, date2) { |
||||
var startDate = Date.parse(date1); |
||||
var endDate = Date.parse(date2); |
||||
if (startDate > endDate) { |
||||
return 0; |
||||
} |
||||
if (startDate == endDate) { |
||||
return 1; |
||||
} |
||||
var days = (endDate - startDate) / 86400000 + 1; |
||||
return days; |
||||
var startDate = Date.parse(date1); |
||||
var endDate = Date.parse(date2); |
||||
if (startDate > endDate) { |
||||
return 0; |
||||
} |
||||
if (startDate == endDate) { |
||||
return 1; |
||||
} |
||||
var days = (endDate - startDate) / 86400000 + 1; |
||||
return days; |
||||
} |
||||
|
||||
export function getCookie(cookie, cname) { |
||||
var name = cname + "="; |
||||
var ca = cookie.split(';'); |
||||
for (var i = 0; i < ca.length; i++) { |
||||
var c = ca[i].trim(); |
||||
if (c.indexOf(name) == 0) return c.substring(name.length, c.length); |
||||
} |
||||
return ""; |
||||
var name = cname + '='; |
||||
var ca = cookie.split(';'); |
||||
for (var i = 0; i < ca.length; i++) { |
||||
var c = ca[i].trim(); |
||||
if (c.indexOf(name) == 0) return c.substring(name.length, c.length); |
||||
} |
||||
return ''; |
||||
} |
||||
|
||||
export function getServerName(item) { |
||||
return (item.platform == 1 ? 'ios ' : (item.platform == 2 ? 'an ' : item.platform == 3 ? '先行 ' : '')) + item.id + ' ' + item.name |
||||
return (item.platform == 1 ? 'ios ' : item.platform == 2 ? 'an ' : item.platform == 3 ? '先行 ' : '') + item.id + ' ' + item.remark; |
||||
} |
||||
|
||||
export function allGSwitchServer(serverSwitch, servers) { |
||||
switch (serverSwitch) { |
||||
case 1: |
||||
return servers.filter(r => (r.id > 1000 && r.id < 2000) || r.id == ""); |
||||
case 2: |
||||
return servers.filter(r => (r.id > 2000) || r.id == ""); |
||||
case 3: |
||||
return servers.filter(r => (r.id < 1000) || r.id == ""); |
||||
default: |
||||
return servers; |
||||
} |
||||
switch (serverSwitch) { |
||||
case 1: |
||||
return servers.filter((r) => (r.id > 1000 && r.id < 2000) || r.id == ''); |
||||
case 2: |
||||
return servers.filter((r) => (r.id > 2000 && r.channel.indexOf(';;') == -1) || r.id == ''); |
||||
case 3: |
||||
return servers.filter((r) => r.id < 1000 || r.id == ''); |
||||
case 4: |
||||
return servers.filter((r) => (r.id > 2000 && r.channel.indexOf(';;') != -1) || r.id == ''); |
||||
default: |
||||
return servers; |
||||
} |
||||
} |
||||
|
||||
export function gSwitchServer(serverSwitch, servers) { |
||||
switch (serverSwitch) { |
||||
case 1: |
||||
return servers.filter(r => r.id > 1000 && r.id < 2000); |
||||
case 2: |
||||
return servers.filter(r => r.id > 2000); |
||||
case 3: |
||||
return servers.filter(r => r.id < 1000); |
||||
default: |
||||
return servers; |
||||
} |
||||
} |
||||
switch (serverSwitch) { |
||||
case 1: |
||||
return servers.filter((r) => r.id > 1000 && r.id < 2000); |
||||
case 2: |
||||
return servers.filter((r) => r.id > 2000 && r.channel.indexOf(';;') == -1); |
||||
case 3: |
||||
return servers.filter((r) => r.id < 1000); |
||||
case 4: |
||||
return servers.filter((r) => r.id > 2000 && r.channel.indexOf(';;') != -1); |
||||
default: |
||||
return servers; |
||||
} |
||||
} |
||||
|
||||
@ -1,148 +1,159 @@
|
||||
<template> |
||||
<div> |
||||
<!-- <el-card shadow="hover" header="">--> |
||||
<!-- <div class="mb15">--> |
||||
<el-form class="flex-warp" label-position="right"> |
||||
<div> |
||||
<!-- <el-card shadow="hover" header="">--> |
||||
<!-- <div class="mb15">--> |
||||
<el-form class="flex-warp" label-position="right"> |
||||
<el-form-item> |
||||
<el-button type="success" class="ml10" @click="onOpenAddDic"> |
||||
<el-icon> |
||||
<ele-FolderAdd /> |
||||
</el-icon> |
||||
新增参数 |
||||
</el-button> |
||||
<el-button type="success" class="ml10" @click="reloadServer"> |
||||
<el-icon> |
||||
<ele-FolderAdd /> |
||||
</el-icon> |
||||
重载配置 |
||||
</el-button> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button type="success" class="ml10" @click="onOpenAddDic"> |
||||
<el-icon> |
||||
<ele-FolderAdd/> |
||||
</el-icon> |
||||
新增参数 |
||||
</el-button> |
||||
<el-button type="success" class="ml10" @click="reloadServer"> |
||||
<el-icon> |
||||
<ele-FolderAdd/> |
||||
</el-icon> |
||||
重载配置 |
||||
<el-button type="success" class="ml10" @click="countList"> |
||||
刷新列表 |
||||
</el-button> |
||||
</el-form-item> |
||||
<el-table :data="tableData.data" style="width: 100%" stripe border> |
||||
<el-table-column prop="id" label="ID" width="60"> |
||||
<template #default="scope"> |
||||
{{ scope.row.id }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="realmIp" label="realmIp" width="180"/> |
||||
<el-table-column prop="realmPort" label="realmPort" width="120"/> |
||||
<el-table-column prop="realmNum" label="realmNum" width="120"/> |
||||
<el-table-column prop="realmStep" label="realmStep" width="120"/> |
||||
<el-table-column prop="routerIp" label="routerIp" width="180"/> |
||||
<el-table-column prop="routerPort" label="routerPort" width="120"/> |
||||
<el-table-column prop="routerNum" label="routerNum" width="120"/> |
||||
<el-table-column prop="routerStep" label="routerStep" width="120"/> |
||||
<el-table-column> |
||||
<template #default="scope"> |
||||
<el-button size="small" type="success" @click="onOpenEditDic(scope.row)">修改</el-button> |
||||
<!-- <el-button size="small" type="danger" @click="delLoginUrl(scope.row.id)">删除</el-button>--> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-row justify="space-evenly"> |
||||
<el-pagination :hide-on-single-page="true" v-model:page-size="tableData.params.pageSize" :pager-count="5" |
||||
v-model:current-page="tableData.params.pageNum" layout="total, prev, pager, next" |
||||
:total="tableData.total" |
||||
@current-change="handleCurrentChange"/> |
||||
</el-row> |
||||
</el-form> |
||||
<el-table :data="tableData.data" style="width: 100%" stripe border> |
||||
<el-table-column prop="id" label="ID" width="60"> |
||||
<template #default="scope"> |
||||
{{ scope.row.id }} |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="realmIp" label="realmIp" width="180" /> |
||||
<el-table-column prop="realmPort" label="realmPort" width="120" /> |
||||
<el-table-column prop="realmNum" label="realmNum" width="120" /> |
||||
<el-table-column prop="realmStep" label="realmStep" width="120" /> |
||||
<el-table-column prop="routerIp" label="routerIp" width="180" /> |
||||
<el-table-column prop="routerPort" label="routerPort" width="120" /> |
||||
<el-table-column prop="routerNum" label="routerNum" width="120" /> |
||||
<el-table-column prop="routerStep" label="routerStep" width="120" /> |
||||
<el-table-column> |
||||
<template #default="scope"> |
||||
<el-button size="small" type="success" @click="onOpenEditDic(scope.row)">修改</el-button> |
||||
<!-- <el-button size="small" type="danger" @click="delLoginUrl(scope.row.id)">删除</el-button>--> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-row justify="space-evenly"> |
||||
<el-pagination |
||||
:hide-on-single-page="true" |
||||
v-model:page-size="tableData.params.pageSize" |
||||
:pager-count="5" |
||||
v-model:current-page="tableData.params.pageNum" |
||||
layout="total, prev, pager, next" |
||||
:total="tableData.total" |
||||
@current-change="handleCurrentChange" |
||||
/> |
||||
</el-row> |
||||
</el-form> |
||||
|
||||
<EditConfig ref="editDicRef" @countList="countList"/> |
||||
</div> |
||||
<EditConfig ref="editDicRef" @countList="countList" /> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import {toRefs, reactive, onMounted, defineComponent, ref} from 'vue'; |
||||
import { toRefs, reactive, onMounted, defineComponent, ref } from 'vue'; |
||||
import EditConfig from '/@/views/gameLoginUrl/routerList/component/editConfig.vue'; |
||||
import {gameReloadServer, gameGetRouter} from "/@/api/game"; |
||||
import {PLATFORM} from "/@/api/common/consts"; |
||||
import { gameReloadServer, gameGetRouter } from '/@/api/game'; |
||||
import { PLATFORM } from '/@/api/common/consts'; |
||||
|
||||
// 定义接口来定义对象的类型 |
||||
interface TableData { |
||||
id: number; |
||||
ip: string; |
||||
id: number; |
||||
ip: string; |
||||
} |
||||
|
||||
interface TableDataState { |
||||
tableData: { |
||||
data: Array<TableData>; |
||||
total: number; |
||||
params: { |
||||
pageNum: number; |
||||
pageSize: number; |
||||
}; |
||||
}; |
||||
platform: Array<{ label: string, value: string }> |
||||
tableData: { |
||||
data: Array<TableData>; |
||||
total: number; |
||||
params: { |
||||
pageNum: number; |
||||
pageSize: number; |
||||
}; |
||||
}; |
||||
platform: Array<{ label: string; value: string }>; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'apiV1GameRouterList', |
||||
components: {EditConfig}, |
||||
setup() { |
||||
const editDicRef = ref(); |
||||
const state = reactive<TableDataState>({ |
||||
platform: PLATFORM, |
||||
tableData: { |
||||
data: [], |
||||
total: 0, |
||||
params: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
}, |
||||
}, |
||||
}); |
||||
// 打开新增字典弹窗 |
||||
const onOpenAddDic = () => { |
||||
editDicRef.value.openDialog(); |
||||
}; |
||||
// 打开修改字典弹窗 |
||||
const onOpenEditDic = (row: TableData) => { |
||||
editDicRef.value.openDialog(row); |
||||
}; |
||||
const countList = () => { |
||||
gameGetRouter(state.tableData.params).then(res => { |
||||
console.log("countList:", res); |
||||
state.tableData.total = res.data.total || 1; |
||||
state.tableData.data = res.data.list ?? []; |
||||
console.log("countList:", state.tableData); |
||||
}) |
||||
}; |
||||
name: 'apiV1GameRouterList', |
||||
components: { EditConfig }, |
||||
setup() { |
||||
const editDicRef = ref(); |
||||
const state = reactive<TableDataState>({ |
||||
platform: PLATFORM, |
||||
tableData: { |
||||
data: [], |
||||
total: 0, |
||||
params: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
}, |
||||
}, |
||||
}); |
||||
// 打开新增字典弹窗 |
||||
const onOpenAddDic = () => { |
||||
editDicRef.value.openDialog(); |
||||
}; |
||||
// 打开修改字典弹窗 |
||||
const onOpenEditDic = (row: TableData) => { |
||||
editDicRef.value.openDialog(row); |
||||
}; |
||||
const countList = () => { |
||||
gameGetRouter(state.tableData.params).then((res) => { |
||||
console.log('countList:', res); |
||||
state.tableData.total = res.data.total || 1; |
||||
state.tableData.data = res.data.list ?? []; |
||||
console.log('countList:', state.tableData); |
||||
}); |
||||
}; |
||||
|
||||
const reloadServer = () => { |
||||
gameReloadServer({}).then(res => { |
||||
}) |
||||
}; |
||||
const handleCurrentChange = (val: number) => { |
||||
state.tableData.params.pageNum = val; |
||||
countList(); |
||||
}; |
||||
onMounted(() => { |
||||
countList(); |
||||
}); |
||||
return { |
||||
editDicRef, |
||||
handleCurrentChange, |
||||
countList, |
||||
onOpenAddDic, |
||||
onOpenEditDic, |
||||
// delLoginUrl, |
||||
reloadServer, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
const reloadServer = () => { |
||||
gameReloadServer({}).then((res) => { |
||||
console.log('reloadServer:', res); |
||||
}); |
||||
}; |
||||
const handleCurrentChange = (val: number) => { |
||||
state.tableData.params.pageNum = val; |
||||
countList(); |
||||
}; |
||||
onMounted(() => { |
||||
countList(); |
||||
}); |
||||
return { |
||||
editDicRef, |
||||
handleCurrentChange, |
||||
countList, |
||||
onOpenAddDic, |
||||
onOpenEditDic, |
||||
// delLoginUrl, |
||||
reloadServer, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
<style scoped lang="scss"> |
||||
.el-form-item { |
||||
display: -moz-flex; |
||||
vertical-align: middle; |
||||
margin-right: 32px; |
||||
display: -moz-flex; |
||||
vertical-align: middle; |
||||
margin-right: 32px; |
||||
} |
||||
|
||||
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td { |
||||
background: #ffffd5; |
||||
background: #ffffd5; |
||||
} |
||||
|
||||
::v-deep .el-table .el-table--enable-row-hover .el-table__body tr:hover > td { |
||||
background: inherit; |
||||
background: inherit; |
||||
} |
||||
</style> |
||||
</style> |
||||
|
||||
@ -1,151 +1,148 @@
|
||||
<template> |
||||
<div class="game-account-container"> |
||||
<el-card shadow="hover"> |
||||
<div class="game-account-search mb15"> |
||||
<el-form :inline="true"> |
||||
<el-form-item label="源UID:"> |
||||
<el-input size="default" v-model="tableData.param.srcUid" placeholder="输入源UID" class="w-50 m-2" |
||||
clearable/> |
||||
</el-form-item> |
||||
<el-form-item label="源服务器" prop="serverId"> |
||||
<el-select v-model="serverSwitch" class="m-2" placeholder="选择服务器" size="large" style="width: 80px"> |
||||
<el-option label="全部" :value="0"/> |
||||
<el-option label="ios" :value="1"/> |
||||
<el-option label="安卓" :value="2"/> |
||||
<el-option label="其他" :value="3"/> |
||||
</el-select> |
||||
<el-select v-model="tableData.param.srcServer" class="m-2" placeholder="选择区服" size="large" filterable> |
||||
<el-option v-for="item in servers" :key="item.id+''" |
||||
:label="(item.platform==1?'ios ':(item.platform==2?'an ':'先行 '))+item.id + ' ' +item.name" |
||||
:value="item.id+''"/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="转移UID:"> |
||||
<el-input size="default" v-model="tableData.param.destUid" placeholder="输入转移UID" |
||||
class="w-50 m-2" clearable/> |
||||
</el-form-item> |
||||
<el-form-item label="转移服务器" prop="serverId"> |
||||
<el-select v-model="serverSwitch" class="m-2" placeholder="选择服务器" size="large" style="width: 80px"> |
||||
<el-option label="全部" :value="0"/> |
||||
<el-option label="ios" :value="1"/> |
||||
<el-option label="安卓" :value="2"/> |
||||
<el-option label="其他" :value="3"/> |
||||
</el-select> |
||||
<el-select v-model="tableData.param.destServer" class="m-2" placeholder="选择区服" size="large" filterable> |
||||
<el-option v-for="item in switchServer()" :key="item.id+''" :label="item.name" :value="item.id+''"/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="default" type="primary" class="ml10" @click="roleList"> |
||||
<el-icon> |
||||
<ele-Search/> |
||||
</el-icon> |
||||
查询 |
||||
</el-button> |
||||
<el-button size="default" type="primary" class="ml10" @click="roleList"> |
||||
确定迁移 |
||||
</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
<el-table :data="tableData.data" style="width: 100%"> |
||||
<el-table-column type="index" label="序号" width="60"/> |
||||
<el-table-column prop="uid" label="uid" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="account" label="账号" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="name" label="桃谷名字" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="boom" label="繁荣度" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="villageScale" label="规模" show-overflow-tooltip></el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
</div> |
||||
<div class="game-account-container"> |
||||
<el-card shadow="hover"> |
||||
<div class="game-account-search mb15"> |
||||
<el-form :inline="true"> |
||||
<el-form-item label="源UID:"> |
||||
<el-input size="default" v-model="tableData.param.srcUid" placeholder="输入源UID" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item label="源服务器" prop="serverId"> |
||||
<el-select v-model="serverSwitch" class="m-2" placeholder="选择服务器" size="large" style="width: 80px"> |
||||
<el-option v-for="item in serverCategorize" :key="item.value" :label="item.label" :value="item.value" /> |
||||
</el-select> |
||||
<el-select v-model="tableData.param.srcServer" class="m-2" placeholder="选择区服" size="large" filterable> |
||||
<el-option |
||||
v-for="item in servers" |
||||
:key="item.id + ''" |
||||
:label="(item.platform == 1 ? 'ios ' : item.platform == 2 ? 'an ' : '先行 ') + item.id + ' ' + item.name" |
||||
:value="item.id + ''" |
||||
/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="转移UID:"> |
||||
<el-input size="default" v-model="tableData.param.destUid" placeholder="输入转移UID" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item label="转移服务器" prop="serverId"> |
||||
<el-select v-model="serverSwitch" class="m-2" placeholder="选择服务器" size="large" style="width: 80px"> |
||||
<el-option label="全部" :value="0" /> |
||||
<el-option label="ios" :value="1" /> |
||||
<el-option label="安卓" :value="2" /> |
||||
<el-option label="其他" :value="3" /> |
||||
</el-select> |
||||
<el-select v-model="tableData.param.destServer" class="m-2" placeholder="选择区服" size="large" filterable> |
||||
<el-option v-for="item in switchServer()" :key="item.id" :label="item.name" :value="item.id"/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="default" type="primary" class="ml10" @click="roleList"> |
||||
<el-icon> |
||||
<ele-Search /> |
||||
</el-icon> |
||||
查询 |
||||
</el-button> |
||||
<el-button size="default" type="primary" class="ml10" @click="roleList"> 确定迁移 </el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
<el-table :data="tableData.data" style="width: 100%"> |
||||
<el-table-column type="index" label="序号" width="60" /> |
||||
<el-table-column prop="uid" label="uid" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="account" label="账号" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="name" label="桃谷名字" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="boom" label="繁荣度" show-overflow-tooltip></el-table-column> |
||||
<el-table-column prop="villageScale" label="规模" show-overflow-tooltip></el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import {toRefs, reactive, onMounted, defineComponent,} from 'vue'; |
||||
import {serverList} from "/@/utils/game"; |
||||
import {gameAccountList} from "/@/api/game"; |
||||
import {gSwitchServer} from "/@/utils/utils"; |
||||
import { toRefs, reactive, onMounted, defineComponent } from 'vue'; |
||||
import { ServerCategorize, serverList } from '/@/utils/game'; |
||||
import { gameAccountList } from '/@/api/game'; |
||||
import { gSwitchServer } from '/@/utils/utils'; |
||||
|
||||
// 定义接口来定义对象的类型 |
||||
interface TableData { |
||||
uid: number; |
||||
account: string; |
||||
name: string; |
||||
boom: number; |
||||
villageScale: number; |
||||
uid: number; |
||||
account: string; |
||||
name: string; |
||||
boom: number; |
||||
villageScale: number; |
||||
} |
||||
|
||||
interface TableDataState { |
||||
serverSwitch: number; |
||||
tableData: { |
||||
data: Array<TableData>; |
||||
param: { |
||||
srcUid: number; |
||||
srcServer: string; |
||||
destUid: number; |
||||
destServer: string |
||||
} |
||||
}; |
||||
servers: object[] |
||||
serverSwitch: number; |
||||
tableData: { |
||||
data: Array<TableData>; |
||||
param: { |
||||
srcUid: number; |
||||
srcServer: string; |
||||
destUid: number; |
||||
destServer: string; |
||||
}; |
||||
}; |
||||
servers: object[]; |
||||
serverCategorize: object[]; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'apiV1GameAccountList', |
||||
setup() { |
||||
const state = reactive<TableDataState>({ |
||||
serverSwitch: 0, |
||||
tableData: { |
||||
data: [], |
||||
param: { |
||||
srcUid: 0, |
||||
srcServer: "", |
||||
destUid: 0, |
||||
destServer: "" |
||||
}, |
||||
}, |
||||
servers: [] |
||||
}); |
||||
const switchServer = () => { |
||||
return gSwitchServer(state.serverSwitch, state.servers) |
||||
name: 'apiV1GameAccountList', |
||||
setup() { |
||||
const state = reactive<TableDataState>({ |
||||
serverSwitch: 0, |
||||
tableData: { |
||||
data: [], |
||||
param: { |
||||
srcUid: 0, |
||||
srcServer: '', |
||||
destUid: 0, |
||||
destServer: '', |
||||
}, |
||||
}, |
||||
servers: [], |
||||
serverCategorize: ServerCategorize, |
||||
}); |
||||
const switchServer = () => { |
||||
return gSwitchServer(state.serverSwitch, state.servers); |
||||
}; |
||||
const roleList = () => { |
||||
const data: Array<TableData> = []; |
||||
gameAccountList(state.tableData.param).then((res) => { |
||||
const list = res.data.list ?? []; |
||||
list.map((item: TableData) => { |
||||
data.push({ |
||||
uid: item.uid, |
||||
account: item.account, |
||||
name: item.name, |
||||
boom: item.boom, |
||||
villageScale: item.villageScale, |
||||
}); |
||||
}); |
||||
state.tableData.data = data; |
||||
}); |
||||
}; |
||||
|
||||
}; |
||||
const roleList = () => { |
||||
const data: Array<TableData> = []; |
||||
gameAccountList(state.tableData.param).then(res => { |
||||
const list = res.data.list ?? [] |
||||
list.map((item: TableData) => { |
||||
data.push({ |
||||
uid: item.uid, |
||||
account: item.account, |
||||
name: item.name, |
||||
boom: item.boom, |
||||
villageScale: item.villageScale, |
||||
}); |
||||
}); |
||||
state.tableData.data = data; |
||||
}) |
||||
}; |
||||
|
||||
// // 分页改变 |
||||
// const onHandleSizeChange = (val: number) => { |
||||
// state.tableData.param.pageSize = val; |
||||
// }; |
||||
// // 分页改变 |
||||
// const onHandleCurrentChange = (val: number) => { |
||||
// state.tableData.param.pageNum = val; |
||||
// }; |
||||
// 页面加载时 |
||||
onMounted(() => { |
||||
serverList().then(value => { |
||||
state.servers = value; |
||||
// console.log(" server : ", state.servers); |
||||
}); |
||||
}); |
||||
return { |
||||
switchServer, |
||||
roleList, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
// // 分页改变 |
||||
// const onHandleSizeChange = (val: number) => { |
||||
// state.tableData.param.pageSize = val; |
||||
// }; |
||||
// // 分页改变 |
||||
// const onHandleCurrentChange = (val: number) => { |
||||
// state.tableData.param.pageNum = val; |
||||
// }; |
||||
// 页面加载时 |
||||
onMounted(() => { |
||||
serverList().then((value) => { |
||||
state.servers = value; |
||||
// console.log(" server : ", state.servers); |
||||
}); |
||||
}); |
||||
return { |
||||
switchServer, |
||||
roleList, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,292 +1,287 @@
|
||||
<template> |
||||
<div class="game-statistics-container"> |
||||
<el-card shadow="hover"> |
||||
<div class="system-user-search mb15"> |
||||
<el-form :inline="true"> |
||||
<el-form-item label="渠道" prop="channel"> |
||||
<el-select v-model="tableData.param.channel" class="m-2" placeholder="选择渠道"> |
||||
<el-option v-for="item in channels" :key="item.value" :label="item.label" |
||||
:value="item.value"/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="选择区服" prop="server"> |
||||
<el-select v-model="serverSwitch" class="m-2" placeholder="选择服务器" size="large" style="width: 80px"> |
||||
<el-option label="全部" :value="0"/> |
||||
<el-option label="ios" :value="1"/> |
||||
<el-option label="安卓" :value="2"/> |
||||
<el-option label="其他" :value="3"/> |
||||
</el-select> |
||||
<el-select v-model="tableData.param.server" class="m-2" placeholder="选择区服" filterable> |
||||
<el-option v-for="item in switchServer()" :key="item.id+''" :label="item.name" :value="item.id+''"/> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="起始日期" prop="startTime"> |
||||
<el-date-picker type="datetime" v-model="tableData.param.startTime" format="YYYY-MM-DD HH:mm:ss" |
||||
value-format="x"/> |
||||
</el-form-item> |
||||
<el-form-item label="起始日期" prop="endTime"> |
||||
<el-date-picker type="datetime" v-model="tableData.param.endTime" format="YYYY-MM-DD HH:mm:ss" |
||||
value-format="x"/> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="default" type="primary" class="ml10" @click="getRemain"> |
||||
<el-icon> |
||||
<ele-Search/> |
||||
</el-icon> |
||||
查询 |
||||
</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
<el-table :data="tableData.registerData" style="width: 100%"> |
||||
<el-table-column prop="labelName" label="注册数量" width="180"></el-table-column> |
||||
<el-table-column prop="one" label="男性玩家" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.one"> |
||||
<span>{{ scope.row.one }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="two" label="男性玩家占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.two"> |
||||
<span>{{ scope.row.two }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="three" label="女性玩家" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.three"> |
||||
<span>{{ scope.row.three }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="女性玩家占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-table :data="tableData.rechargeData" style="width: 100%"> |
||||
<el-table-column prop="labelName" label="充值用户" width="180"></el-table-column> |
||||
<el-table-column prop="one" label="男性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.one"> |
||||
<span>{{ scope.row.one }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="女性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-table :data="tableData.accountData" style="width: 100%"> |
||||
<el-table-column prop="age" label="年龄" width="180"></el-table-column> |
||||
<el-table-column prop="one" label="用户数量" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.one"> |
||||
<span>{{ scope.row.one }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="百分比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="男性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="女性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="充值数量占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="充值额度占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
</div> |
||||
<div class="game-statistics-container"> |
||||
<el-card shadow="hover"> |
||||
<div class="system-user-search mb15"> |
||||
<el-form :inline="true"> |
||||
<el-form-item label="渠道" prop="channel"> |
||||
<el-select v-model="tableData.param.channel" class="m-2" placeholder="选择渠道"> |
||||
<el-option v-for="item in channels" :key="item.value" :label="item.label" :value="item.value" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="选择区服" prop="server"> |
||||
<el-select v-model="serverSwitch" class="m-2" placeholder="选择服务器" size="large" style="width: 80px"> |
||||
<el-option v-for="item in serverCategorize" :key="item.value" :label="item.label" :value="item.value" /> |
||||
</el-select> |
||||
<el-select v-model="tableData.param.server" class="m-2" placeholder="选择区服" filterable> |
||||
<el-option v-for="item in switchServer()" :key="item.id + ''" :label="item.name" :value="item.id + ''" /> |
||||
</el-select> |
||||
</el-form-item> |
||||
<el-form-item label="起始日期" prop="startTime"> |
||||
<el-date-picker type="datetime" v-model="tableData.param.startTime" format="YYYY-MM-DD HH:mm:ss" value-format="x" /> |
||||
</el-form-item> |
||||
<el-form-item label="起始日期" prop="endTime"> |
||||
<el-date-picker type="datetime" v-model="tableData.param.endTime" format="YYYY-MM-DD HH:mm:ss" value-format="x" /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="default" type="primary" class="ml10" @click="getRemain"> |
||||
<el-icon> |
||||
<ele-Search /> |
||||
</el-icon> |
||||
查询 |
||||
</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
<el-table :data="tableData.registerData" style="width: 100%"> |
||||
<el-table-column prop="labelName" label="注册数量" width="180"></el-table-column> |
||||
<el-table-column prop="one" label="男性玩家" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.one"> |
||||
<span>{{ scope.row.one }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="two" label="男性玩家占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.two"> |
||||
<span>{{ scope.row.two }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="three" label="女性玩家" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.three"> |
||||
<span>{{ scope.row.three }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="女性玩家占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-table :data="tableData.rechargeData" style="width: 100%"> |
||||
<el-table-column prop="labelName" label="充值用户" width="180"></el-table-column> |
||||
<el-table-column prop="one" label="男性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.one"> |
||||
<span>{{ scope.row.one }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="女性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<el-table :data="tableData.accountData" style="width: 100%"> |
||||
<el-table-column prop="age" label="年龄" width="180"></el-table-column> |
||||
<el-table-column prop="one" label="用户数量" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.one"> |
||||
<span>{{ scope.row.one }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="百分比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="男性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="女性占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="充值数量占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="four" label="充值额度占比" width="180"> |
||||
<template #default="scope"> |
||||
<div v-if="scope.row.four"> |
||||
<span>{{ scope.row.four }}</span> |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
//import { ElMessageBox, ElMessage } from 'element-plus'; |
||||
import {toRefs, reactive, onMounted, defineComponent,} from 'vue'; |
||||
import {liveAccount} from "/@/api/game/index"; |
||||
import {allChannelList, allServerList} from "/@/utils/game"; |
||||
import {gSwitchServer} from "/@/utils/utils"; |
||||
import { toRefs, reactive, onMounted, defineComponent } from 'vue'; |
||||
import { liveAccount } from '/@/api/game/index'; |
||||
import { allChannelList, allServerList, ServerCategorize } from '/@/utils/game'; |
||||
import { gSwitchServer } from '/@/utils/utils'; |
||||
|
||||
// 定义接口来定义对象的类型 |
||||
interface TableData { |
||||
labelName: string |
||||
one: number |
||||
two: number |
||||
three: number |
||||
four: number |
||||
five: number |
||||
six: number |
||||
seven: number |
||||
fifteen: number |
||||
thirty: number |
||||
labelName: string; |
||||
one: number; |
||||
two: number; |
||||
three: number; |
||||
four: number; |
||||
five: number; |
||||
six: number; |
||||
seven: number; |
||||
fifteen: number; |
||||
thirty: number; |
||||
} |
||||
|
||||
interface TableDataState { |
||||
serverSwitch: number; |
||||
tableData: { |
||||
data: Array<TableData>; |
||||
registerNum: number; |
||||
param: { |
||||
channel: string; |
||||
server: number; |
||||
createTime: string; |
||||
}; |
||||
total: number; |
||||
}; |
||||
servers: object[]; |
||||
channels: object[]; |
||||
dateNames: object; |
||||
serverSwitch: number; |
||||
tableData: { |
||||
data: Array<TableData>; |
||||
registerNum: number; |
||||
param: { |
||||
channel: string; |
||||
server: number; |
||||
createTime: string; |
||||
}; |
||||
total: number; |
||||
}; |
||||
servers: object[]; |
||||
channels: object[]; |
||||
dateNames: object; |
||||
serverCategorize: object; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'apiV1GameRoleStatics', |
||||
setup() { |
||||
const state = reactive<TableDataState>({ |
||||
serverSwitch: 0, |
||||
tableData: { |
||||
data: [{labelName: "总注册量"}, {labelName: "活跃-占比"}, {labelName: "最高在线"}], |
||||
registerNum: 0, |
||||
param: { |
||||
channel: "", |
||||
server: "", |
||||
createTime: "", |
||||
}, |
||||
total: 0, |
||||
}, |
||||
servers: [], |
||||
channels: [], |
||||
dateNames: { |
||||
1: "one", |
||||
2: "two", |
||||
3: "three", |
||||
4: "four", |
||||
5: "five", |
||||
6: "six", |
||||
7: "seven", |
||||
15: "fifteen", |
||||
30: "thirty" |
||||
}, |
||||
}); |
||||
name: 'apiV1GameRoleStatics', |
||||
setup() { |
||||
const state = reactive<TableDataState>({ |
||||
serverSwitch: 0, |
||||
tableData: { |
||||
data: [{ labelName: '总注册量' }, { labelName: '活跃-占比' }, { labelName: '最高在线' }], |
||||
registerNum: 0, |
||||
param: { |
||||
channel: '', |
||||
server: '', |
||||
createTime: '', |
||||
}, |
||||
total: 0, |
||||
}, |
||||
servers: [], |
||||
channels: [], |
||||
dateNames: { |
||||
1: 'one', |
||||
2: 'two', |
||||
3: 'three', |
||||
4: 'four', |
||||
5: 'five', |
||||
6: 'six', |
||||
7: 'seven', |
||||
15: 'fifteen', |
||||
30: 'thirty', |
||||
}, |
||||
serverCategorize: ServerCategorize, |
||||
}); |
||||
|
||||
const getRemain = () => { |
||||
state.tableData.data = [{labelName: "总注册量"}, {labelName: "活跃-占比"}, {labelName: "最高在线"}]; |
||||
const highData = state.tableData.data[2]; |
||||
const liveData = state.tableData.data[1]; |
||||
const registerData = {}; |
||||
const totalRegisterData = state.tableData.data[0]; |
||||
let date = state.tableData.param.createTime; |
||||
liveAccount(state.tableData.param).then(res => { |
||||
console.log("keepAccount:", res); |
||||
const highLogs = res.data && res.data.highLogs || []; |
||||
const liveLogs = res.data && res.data.liveLogs || []; |
||||
const registerLogs = res.data && res.data.registerLogs || []; |
||||
highLogs.map((item: any) => { |
||||
// if(item.cd == item.ct){ |
||||
// state.tableData.registerNum = item.num; |
||||
// } |
||||
let delta = getDaysBetween(date + " 00:00:00", item.cd + " 00:00:00"); |
||||
let name = state.dateNames[delta]; |
||||
if (name) { |
||||
highData[name] = item.num |
||||
} |
||||
}); |
||||
registerLogs.map((item: any) => { |
||||
let delta = getDaysBetween(date + " 00:00:00", item.ct + " 00:00:00"); |
||||
let name = state.dateNames[delta]; |
||||
if (name) { |
||||
registerData[name] = item.num |
||||
} |
||||
}); |
||||
for (let i in state.dateNames) { |
||||
let name = state.dateNames[i]; |
||||
totalRegisterData[name] = res.data.registerTotal; |
||||
for (let j = 1; j <= i; j++) { |
||||
if (registerData[state.dateNames[j]]) { |
||||
totalRegisterData[name] += registerData[state.dateNames[j]] |
||||
} |
||||
} |
||||
} |
||||
liveLogs.map((item: any) => { |
||||
let delta = getDaysBetween(date + " 00:00:00", item.cd + " 00:00:00"); |
||||
let name = state.dateNames[delta]; |
||||
if (name) { |
||||
liveData[name] = item.num; |
||||
if (registerData[name]) { |
||||
console.log("register: ", item.num, registerData[name], Math.floor(Number(item.num) / Number(registerData[name]) * 100)); |
||||
liveData[name] += '--' + Math.floor(Number(item.num) / Number(totalRegisterData[name]) * 100) + "%" |
||||
} |
||||
} |
||||
}); |
||||
const getRemain = () => { |
||||
state.tableData.data = [{ labelName: '总注册量' }, { labelName: '活跃-占比' }, { labelName: '最高在线' }]; |
||||
const highData = state.tableData.data[2]; |
||||
const liveData = state.tableData.data[1]; |
||||
const registerData = {}; |
||||
const totalRegisterData = state.tableData.data[0]; |
||||
let date = state.tableData.param.createTime; |
||||
liveAccount(state.tableData.param).then((res) => { |
||||
console.log('keepAccount:', res); |
||||
const highLogs = (res.data && res.data.highLogs) || []; |
||||
const liveLogs = (res.data && res.data.liveLogs) || []; |
||||
const registerLogs = (res.data && res.data.registerLogs) || []; |
||||
highLogs.map((item: any) => { |
||||
// if(item.cd == item.ct){ |
||||
// state.tableData.registerNum = item.num; |
||||
// } |
||||
let delta = getDaysBetween(date + ' 00:00:00', item.cd + ' 00:00:00'); |
||||
let name = state.dateNames[delta]; |
||||
if (name) { |
||||
highData[name] = item.num; |
||||
} |
||||
}); |
||||
registerLogs.map((item: any) => { |
||||
let delta = getDaysBetween(date + ' 00:00:00', item.ct + ' 00:00:00'); |
||||
let name = state.dateNames[delta]; |
||||
if (name) { |
||||
registerData[name] = item.num; |
||||
} |
||||
}); |
||||
for (let i in state.dateNames) { |
||||
let name = state.dateNames[i]; |
||||
totalRegisterData[name] = res.data.registerTotal; |
||||
for (let j = 1; j <= i; j++) { |
||||
if (registerData[state.dateNames[j]]) { |
||||
totalRegisterData[name] += registerData[state.dateNames[j]]; |
||||
} |
||||
} |
||||
} |
||||
liveLogs.map((item: any) => { |
||||
let delta = getDaysBetween(date + ' 00:00:00', item.cd + ' 00:00:00'); |
||||
let name = state.dateNames[delta]; |
||||
if (name) { |
||||
liveData[name] = item.num; |
||||
if (registerData[name]) { |
||||
console.log('register: ', item.num, registerData[name], Math.floor((Number(item.num) / Number(registerData[name])) * 100)); |
||||
liveData[name] += '--' + Math.floor((Number(item.num) / Number(totalRegisterData[name])) * 100) + '%'; |
||||
} |
||||
} |
||||
}); |
||||
}); |
||||
}; |
||||
|
||||
}) |
||||
}; |
||||
function getDaysBetween(date1, date2) { |
||||
var startDate = Date.parse(date1); |
||||
var endDate = Date.parse(date2); |
||||
if (startDate > endDate) { |
||||
return 0; |
||||
} |
||||
if (startDate == endDate) { |
||||
return 1; |
||||
} |
||||
var days = (endDate - startDate) / 86400000 + 1; |
||||
return days; |
||||
} |
||||
|
||||
function getDaysBetween(date1, date2) { |
||||
var startDate = Date.parse(date1); |
||||
var endDate = Date.parse(date2); |
||||
if (startDate > endDate) { |
||||
return 0; |
||||
} |
||||
if (startDate == endDate) { |
||||
return 1; |
||||
} |
||||
var days = (endDate - startDate) / 86400000 + 1; |
||||
return days; |
||||
} |
||||
onMounted(function () { |
||||
allServerList().then((res) => { |
||||
state.servers = res; |
||||
// console.log(" server : ", state.servers); |
||||
}); |
||||
|
||||
onMounted(function () { |
||||
allServerList().then(res => { |
||||
state.servers = res; |
||||
// console.log(" server : ", state.servers); |
||||
}) |
||||
|
||||
allChannelList().then(res => { |
||||
state.channels = res; |
||||
}); |
||||
}); |
||||
const switchServer = () => { |
||||
return gSwitchServer(state.serverSwitch, state.servers) |
||||
}; |
||||
return { |
||||
switchServer, |
||||
getRemain, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
allChannelList().then((res) => { |
||||
state.channels = res; |
||||
}); |
||||
}); |
||||
const switchServer = () => { |
||||
return gSwitchServer(state.serverSwitch, state.servers); |
||||
}; |
||||
return { |
||||
switchServer, |
||||
getRemain, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
|
||||
Loading…
Reference in new issue