linquan
1 week ago
6 changed files with 388 additions and 37 deletions
@ -0,0 +1,95 @@
|
||||
<template> |
||||
<div class="game-maintenance-container"> |
||||
<el-card shadow="hover" header="更新桃谷名称"> |
||||
<div class="game-order-search mb15"> |
||||
<el-form label-position="right" label-width="300px" style="max-width: 600px"> |
||||
<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="选择服务器" 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 label="uid"> |
||||
<el-input v-model="tableData.param.uid" placeholder="请填写uid" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item label="桃谷名称"> |
||||
<el-input v-model="tableData.param.name" placeholder="请填写桃谷名称" class="w-50 m-2" clearable /> |
||||
</el-form-item> |
||||
<el-form-item> |
||||
<el-button size="large" type="primary" class="ml10" @click="changeName">更新</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
</div> |
||||
</el-card> |
||||
</div> |
||||
</template> |
||||
|
||||
<script lang="ts"> |
||||
import { toRefs, reactive, onMounted, defineComponent } from 'vue'; |
||||
import { ElMessage } from 'element-plus'; |
||||
import { gameChangeName } from '/@/api/game/mange'; |
||||
import { gSwitchServer } from '/@/utils/utils'; |
||||
import { ServerCategorize, serverList } from '/@/utils/game'; |
||||
|
||||
interface TableData { |
||||
name: string; |
||||
uid: string; |
||||
server: string; |
||||
} |
||||
|
||||
interface TableDataState { |
||||
tableData: { |
||||
param: TableData; |
||||
}; |
||||
servers: object[]; |
||||
serverSwitch: number; |
||||
serverCategorize: object; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'apiV1GameMangeChangeName', |
||||
setup() { |
||||
const state = reactive<TableDataState>({ |
||||
tableData: { |
||||
param: { |
||||
name: '', |
||||
uid: '', |
||||
server: '', |
||||
}, |
||||
}, |
||||
servers: [], |
||||
serverSwitch: 0, |
||||
serverCategorize: ServerCategorize, |
||||
}); |
||||
|
||||
const changeName = () => { |
||||
console.log('state.tableData.data: ', state.tableData.param); |
||||
|
||||
gameChangeName(state.tableData.param) |
||||
.then((res) => { |
||||
ElMessage.success('修改成功'); |
||||
console.log('copy: ', res); |
||||
}) |
||||
.finally(() => {}); |
||||
}; |
||||
|
||||
onMounted(() => { |
||||
serverList().then((res) => { |
||||
state.servers = res; |
||||
// console.log(" server : ", state.servers); |
||||
}); |
||||
}); |
||||
// 打开修改字典弹窗 |
||||
const switchServer = () => { |
||||
return gSwitchServer(state.serverSwitch, state.servers); |
||||
}; |
||||
return { |
||||
switchServer, |
||||
changeName, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
@ -0,0 +1,242 @@
|
||||
<template> |
||||
<div class="system-edit-post-container"> |
||||
<el-form ref="formRef" :model="tableData.param" :rules="rules" size="default" label-width="90px"> |
||||
<el-card shadow="hover" header="小景更新"> |
||||
<el-form label-width="90px"> |
||||
<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.servers" class="m-2" placeholder="选择服务器" size="large" multiple collapse-tags clearable> |
||||
<el-option v-for="item in switchServer()" :key="item.id" :label="item.name" :value="item.id" /> |
||||
</el-select> |
||||
<el-button size="small" type="primary" style="margin-left: 20px" @click="changeServer">全选</el-button> |
||||
</el-form-item> |
||||
</el-form> |
||||
<el-form-item> |
||||
<el-button size="default" type="primary" @click="onSubmit"> |
||||
<el-icon> |
||||
<ele-Select /> |
||||
</el-icon> |
||||
更新小景 |
||||
</el-button> |
||||
</el-form-item> |
||||
<el-table :data="tableData.data" :inline="true" :cell-style="{ padding: '0' }"> |
||||
<el-table-column> |
||||
<template #default="scope"> |
||||
<div class="flex-warp"> |
||||
{{ servers.find((r) => r.id == scope.row.id).name }} |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column> |
||||
<template #default="scope"> |
||||
<div class="flex-warp"> |
||||
{{ scope.row.message }} |
||||
</div> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
</el-card> |
||||
</el-form> |
||||
</div> |
||||
</template> |
||||
<script lang="ts"> |
||||
import { reactive, toRefs, defineComponent, ref, unref, onMounted } from 'vue'; |
||||
import { gameSendOfficialView } from '/@/api/game/gameConfig'; |
||||
import { ElMessage, ElLoading } from 'element-plus'; |
||||
import { ServerCategorize, serverList } from '/@/utils/game'; |
||||
import { gSwitchServer } from '/@/utils/utils'; |
||||
|
||||
interface TableDataState { |
||||
check: boolean; |
||||
dbs: object[]; |
||||
tableData: { |
||||
param: { |
||||
ServerId: string; |
||||
servers: string[]; |
||||
}; |
||||
data: object[]; |
||||
}; |
||||
servers: object[]; |
||||
serverSwitch: number; |
||||
serverCategorize: object[]; |
||||
} |
||||
|
||||
export default defineComponent({ |
||||
name: 'apiV1GameSmallLayout', |
||||
setup: function () { |
||||
const formRef = ref<HTMLElement | null>(null); |
||||
const state = reactive<TableDataState>({ |
||||
tableData: { |
||||
param: { |
||||
serverId: '', |
||||
servers: [], |
||||
}, |
||||
data: [], |
||||
}, |
||||
servers: [], |
||||
serverSwitch: 0, |
||||
serverCategorize: ServerCategorize, |
||||
}); |
||||
|
||||
const onSubmit = () => { |
||||
const loading = ElLoading.service({ |
||||
lock: true, |
||||
text: 'Loading', |
||||
background: 'rgba(0, 0, 0, 0.7)', |
||||
}); |
||||
const formWrap = unref(formRef) as any; |
||||
if (!formWrap) return; |
||||
formWrap.validate(() => { |
||||
state.tableData.data = []; |
||||
for (let i in state.tableData.param.servers) { |
||||
sendServer(state.tableData.param.servers[i], loading); |
||||
} |
||||
|
||||
return; |
||||
}); |
||||
}; |
||||
const sendServer = (serverId: number, loading) => { |
||||
gameSendOfficialView({ serverId: serverId }) |
||||
.then((res) => { |
||||
console.log(res); |
||||
if (!res || Number(res.code) != 0) { |
||||
ElMessage.success('更新失败'); |
||||
return; |
||||
} |
||||
state.tableData.data.push({ id: serverId, message: res.data.message }); |
||||
ElMessage.success('更新成功'); |
||||
}) |
||||
.finally(() => { |
||||
loading.close(); |
||||
}); |
||||
}; |
||||
onMounted(() => { |
||||
serverList().then((res) => { |
||||
state.servers = res; |
||||
console.log(state.servers); |
||||
}); |
||||
}); |
||||
const switchServer = () => { |
||||
return gSwitchServer(state.serverSwitch, state.servers); |
||||
}; |
||||
const changeServer = () => { |
||||
let servers = gSwitchServer(state.serverSwitch, state.servers); |
||||
state.tableData.param.servers = []; |
||||
for (let i in servers) { |
||||
state.tableData.param.servers.push(servers[i].id); |
||||
} |
||||
}; |
||||
return { |
||||
changeServer, |
||||
switchServer, |
||||
onSubmit, |
||||
formRef, |
||||
...toRefs(state), |
||||
}; |
||||
}, |
||||
}); |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.el-table { |
||||
--el-table-border-color: var(--el-border-color-lighter); |
||||
--el-table-border: 0px solid var(--el-table-border-color); |
||||
} |
||||
|
||||
::v-deep .table-style { |
||||
margin-top: -15px; |
||||
padding-top: -20px; |
||||
} |
||||
|
||||
::v-deep .el-table .el-table__cell { |
||||
padding: 0; |
||||
margin-left: -20px; |
||||
min-width: 0; |
||||
box-sizing: border-box; |
||||
text-overflow: ellipsis; |
||||
vertical-align: middle; |
||||
position: relative; |
||||
text-align: left; |
||||
z-index: 1; |
||||
} |
||||
|
||||
.tree-border { |
||||
margin-top: 5px; |
||||
border: 1px solid #e5e6e7 !important; |
||||
background: #fff none !important; |
||||
border-radius: 4px; |
||||
} |
||||
|
||||
.system-edit-post-container { |
||||
.menu-data-tree { |
||||
border: var(--el-input-border, var(--el-border-base)); |
||||
border-radius: var(--el-input-border-radius, var(--el-border-radius-base)); |
||||
padding: 5px; |
||||
} |
||||
} |
||||
|
||||
.editable-cell__input { |
||||
display: inline; |
||||
width: 10%; |
||||
|
||||
.el-input__inner { |
||||
padding: 0 8px; |
||||
font-size: 12px; |
||||
} |
||||
} |
||||
|
||||
/*.table-left-block {*/ |
||||
/* margin-left: 0px;*/ |
||||
/*}*/ |
||||
|
||||
.left-block { |
||||
margin-left: -20px; |
||||
} |
||||
|
||||
.table-num-left { |
||||
margin-left: -85px; |
||||
} |
||||
|
||||
.num-left { |
||||
margin-left: -30px; |
||||
} |
||||
|
||||
.table-item { |
||||
margin-top: 10px; |
||||
margin-bottom: -10px; |
||||
} |
||||
|
||||
.title-label-block { |
||||
margin-left: -20px; |
||||
} |
||||
|
||||
.label-block { |
||||
padding-left: 10px; |
||||
} |
||||
|
||||
::v-deep .el-table--striped .el-table__body tr.el-table__row--striped td { |
||||
background: #ffffd5; |
||||
} |
||||
|
||||
.warning-row { |
||||
background: #ffffd5; |
||||
} |
||||
|
||||
::v-deep .warning-row .el-table__body tr { |
||||
background-color: #ffffd5; |
||||
} |
||||
|
||||
::v-deep .warning-row .el-table--enable-row-hover .el-table__body tr:hover > td { |
||||
background-color: inherit; |
||||
} |
||||
|
||||
::v-deep .warning-row .el-table__cell { |
||||
background-color: #ffffd5; |
||||
} |
||||
|
||||
::v-deep .tableCell { |
||||
margin-left: -15px; |
||||
} |
||||
</style> |
||||
Loading…
Reference in new issue