root
/
sk_gm_front
generated from root/miduo_server
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

服务器管理页面越南本地化

VN
Unknown 2023-12-14 14:56:00 +08:00
parent 5cb829599b
commit d47fba32b6
1 changed files with 69 additions and 69 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

138
src/views/sysmanage/game/serverinfo.vue
View File

@ -1,45 +1,45 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<div class="search-form" style="margin-bottom:15px"> <div class="search-form" style="margin-bottom:15px">
名称：<el-input v-model="searchForm.name" size="small" clearable placeholder="请输入名称" style="width:200px;" /> Tên：<el-input v-model="searchForm.name" size="small" clearable placeholder="请输入名称" style="width:200px;" />
渠道：<el-input v-model="searchForm.channel" size="small" clearable placeholder="请输入渠道" style="width:200px;" /> 渠道：<el-input v-model="searchForm.channel" size="small" clearable placeholder="请输入渠道" style="width:200px;" />
状态：<el-select v-model="searchForm.state" style="width:120px" size="small" clearable filterable placeholder="请选择状态"> Trạng thái：<el-select v-model="searchForm.state" style="width:120px" size="small" clearable filterable placeholder="请选择状态">
<el-option label="未开启" value="-1" /> <el-option label="Chưa mở" value="-1" />
<el-option label="已开启" value="0" /> <el-option label="Đã mở" value="0" />
<el-option label="维护" value="1" /> <el-option label="Bảo trì" value="1" />
<el-option label="流畅" value="2" /> <el-option label="Mượt" value="2" />
<el-option label="拥挤" value="3" /> <el-option label="Đầy" value="3" />
<el-option label="爆满" value="4" /> <el-option label="Quá đầy" value="4" />
<el-option label="根据人数改变" value="5" /> <el-option label="根据人数改变" value="5" />
</el-select> </el-select>
是否新服：<el-select v-model="searchForm.isNew" style="width:150px" size="small" clearable filterable placeholder="请选择是否新服"> Xác nhận server mới：<el-select v-model="searchForm.isNew" style="width:150px" size="small" clearable filterable placeholder="请选择是否新服">
<el-option label="新服" value="1" /> <el-option label="Server mới" value="1" />
<el-option label="旧服" value="0" /> <el-option label="Server cũ" value="0" />
</el-select> </el-select>
是否注册：<el-select v-model="searchForm.isBanreg" style="width:150px" size="small" clearable filterable placeholder="请选择是否注册"> Xác nhận đăng ký：<el-select v-model="searchForm.isBanreg" style="width:150px" size="small" clearable filterable placeholder="请选择是否注册">
<el-option label="注册" value="0" /> <el-option label="Đăng ký" value="0" />
<el-option label="禁止注册" value="1" /> <el-option label="Cấm đăng ký" value="1" />
</el-select> </el-select>
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
@click="() => fetchData1()" @click="() => fetchData1()"
> >
查询 Kiểm tra
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
@click="() => addOrUpdate()" @click="() => addOrUpdate()"
> >
新增 Mới
</el-button> </el-button>
<el-button <el-button
type="primary" type="primary"
size="small" size="small"
@click="() => changeStatus()" @click="() => changeStatus()"
> >
更改状态 Đổi trạng thái
</el-button> </el-button>
</div> </div>
<div class="div-table"> <div class="div-table">
@ -59,17 +59,17 @@
<span>{{ scope.row.id }}</span> <span>{{ scope.row.id }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="名称" width="120"> <el-table-column label="Tên" width="120">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.name }}</span> <span>{{ scope.row.name }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="ip地址" width="130"> <el-table-column label="Địa chỉ IP" width="130">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.ip }}</span> <span>{{ scope.row.ip }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="端口" width="60"> <el-table-column label="Port" width="60">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.port }}</span> <span>{{ scope.row.port }}</span>
</template> </template>
@ -89,14 +89,14 @@
{{ scope.row.subChannel }} {{ scope.row.subChannel }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="状态" width="80"> <el-table-column label="Trạng thái" width="80">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.state == '-1'">未开启</span> <span v-if="scope.row.state == '-1'">Chưa mở</span>
<span v-if="scope.row.state == '0'" :style="{'color':'#778899'}">不可见</span> <span v-if="scope.row.state == '0'" :style="{'color':'#778899'}">CLOSE</span>
<span v-if="scope.row.state == '1'" :style="{'color':'#778899'}">维护</span> <span v-if="scope.row.state == '1'" :style="{'color':'#778899'}">Bảo trì</span>
<span v-if="scope.row.state == '2'" :style="{'color':'#32CD32'}">流畅</span> <span v-if="scope.row.state == '2'" :style="{'color':'#32CD32'}">Mượt</span>
<span v-if="scope.row.state == '3'" :style="{'color':'#FFA500'}">拥挤</span> <span v-if="scope.row.state == '3'" :style="{'color':'#FFA500'}">Đầy</span>
<span v-if="scope.row.state == '4'" :style="{'color':'#FF0000'}">爆满</span> <span v-if="scope.row.state == '4'" :style="{'color':'#FF0000'}">Quá đầy</span>
<span v-if="scope.row.state == '5'" :style="{'color':'#0090FF'}">根据在线人数改变</span> <span v-if="scope.row.state == '5'" :style="{'color':'#0090FF'}">根据在线人数改变</span>
</template> </template>
</el-table-column> </el-table-column>
@ -105,30 +105,30 @@
<span>{{ scope.row.plat }}</span> <span>{{ scope.row.plat }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="变更时间" width="90"> <el-table-column label="Thời gian đổi" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.changeTime }}</span> <span>{{ scope.row.changeTime }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="开启时间" width="90"> <el-table-column label="Thời gian mở" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.openTime }}</span> <span>{{ scope.row.openTime }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="开启类型" width="90"> <el-table-column label="Loại mở" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.openType }}</span> <span>{{ scope.row.openType }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否新服" width="90"> <el-table-column label="Xác nhận server mới" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<span>{{ scope.row.isNew == 0 ? '旧服' : '新服' }}</span> <span>{{ scope.row.isNew == 0 ? 'Server cũ' : 'Server mới' }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="是否注册" width="90"> <el-table-column label="Xác nhận đăng ký" width="90">
<template slot-scope="scope"> <template slot-scope="scope">
<span v-if="scope.row.isBanreg == '0'">注册</span> <span v-if="scope.row.isBanreg == '0'">Đăng ký</span>
<span v-if="scope.row.isBanreg == '1'" :style="{'color':'red'}">禁止注册</span> <span v-if="scope.row.isBanreg == '1'" :style="{'color':'red'}">Cấm đăng ký</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="isWhite" width="100"> <el-table-column label="isWhite" width="100">
@ -167,19 +167,19 @@
<span v-if="scope.row.exportdata == '1'" :style="{'color':'#32CD32'}">导出</span> <span v-if="scope.row.exportdata == '1'" :style="{'color':'#32CD32'}">导出</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" width="150"> <el-table-column label="Thao tác" width="150">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="small" size="small"
type="primary" type="primary"
@click="() => addOrUpdate(scope.row)" @click="() => addOrUpdate(scope.row)"
>编辑 >Sửa
</el-button> </el-button>
<el-button <el-button
size="small" size="small"
type="danger" type="danger"
@click="() => del(scope.row)" @click="() => del(scope.row)"
>删除 >Xóa
</el-button> </el-button>
</template> </template>
</el-table-column> </el-table-column>
@ -195,13 +195,13 @@
<el-form-item label="id" :label-width="formLabelWidth" prop="id"> <el-form-item label="id" :label-width="formLabelWidth" prop="id">
<el-input v-model="form.id" placeholder="请确认id不重复" clearable autocomplete="off" :disabled="editNotavailable" /> <el-input v-model="form.id" placeholder="请确认id不重复" clearable autocomplete="off" :disabled="editNotavailable" />
</el-form-item> </el-form-item>
<el-form-item label="名称" :label-width="formLabelWidth" prop="name"> <el-form-item label="Tên" :label-width="formLabelWidth" prop="name">
<el-input v-model="form.name" clearable autocomplete="off" /> <el-input v-model="form.name" clearable autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="ip" :label-width="formLabelWidth" prop="ip"> <el-form-item label="ip" :label-width="formLabelWidth" prop="ip">
<el-input v-model="form.ip" clearable autocomplete="off" /> <el-input v-model="form.ip" clearable autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="端口" :label-width="formLabelWidth" prop="port"> <el-form-item label="Port" :label-width="formLabelWidth" prop="port">
<el-input v-model="form.port" clearable autocomplete="off" /> <el-input v-model="form.port" clearable autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="serverID" :label-width="formLabelWidth" prop="serverId"> <el-form-item label="serverID" :label-width="formLabelWidth" prop="serverId">
@ -213,38 +213,38 @@
<el-form-item label="subChannel" :label-width="formLabelWidth" prop="subChannel"> <el-form-item label="subChannel" :label-width="formLabelWidth" prop="subChannel">
<el-input v-model="form.subChannel" clearable autocomplete="off" :disabled="editNotavailable" /> <el-input v-model="form.subChannel" clearable autocomplete="off" :disabled="editNotavailable" />
</el-form-item> </el-form-item>
<el-form-item label="状态" :label-width="formLabelWidth" prop="state"> <el-form-item label="Trạng thái" :label-width="formLabelWidth" prop="state">
<el-radio-group v-model="form.state"> <el-radio-group v-model="form.state">
<el-radio label="-1">未开启</el-radio> <el-radio label="-1">Chưa mở</el-radio>
<el-radio label="1">维护</el-radio> <el-radio label="1">Bảo trì</el-radio>
<el-radio label="2">流畅</el-radio> <el-radio label="2">Mượt</el-radio>
<el-radio label="3">拥挤</el-radio> <el-radio label="3">Đầy</el-radio>
<el-radio label="4">爆满</el-radio> <el-radio label="4">Quá đầy</el-radio>
<el-radio label="5">根据人数改变</el-radio> <el-radio label="5">根据人数改变</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
<el-form-item label="plat" :label-width="formLabelWidth" prop="plat"> <el-form-item label="plat" :label-width="formLabelWidth" prop="plat">
<el-input v-model="form.plat" clearable autocomplete="off" /> <el-input v-model="form.plat" clearable autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="变更时间" :label-width="formLabelWidth" prop="openTime"> <el-form-item label="Thời gian đổi" :label-width="formLabelWidth" prop="openTime">
<el-input v-model="form.changeTime" clearable autocomplete="off" /> <el-input v-model="form.changeTime" clearable autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="开启时间" :label-width="formLabelWidth" prop="openTime"> <el-form-item label="Thời gian mở" :label-width="formLabelWidth" prop="openTime">
<el-input v-model="form.openTime" clearable autocomplete="off" /> <el-input v-model="form.openTime" clearable autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="开启类型" :label-width="formLabelWidth" prop="openType"> <el-form-item label="Loại mở" :label-width="formLabelWidth" prop="openType">
<el-input v-model="form.openType" clearable autocomplete="off" /> <el-input v-model="form.openType" clearable autocomplete="off" />
</el-form-item> </el-form-item>
<el-form-item label="是否新服" :label-width="formLabelWidth" prop="isNew"> <el-form-item label="Xác nhận server mới" :label-width="formLabelWidth" prop="isNew">
<el-select v-model="form.isNew" size="small" clearable filterable placeholder="请选择是否新服"> <el-select v-model="form.isNew" size="small" clearable filterable placeholder="请选择是否新服">
<el-option label="新服" value="1" /> <el-option label="Server mới" value="1" />
<el-option label="旧服" value="0" /> <el-option label="Server cũ" value="0" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="是否注册" :label-width="formLabelWidth" prop="isBanreg"> <el-form-item label="Xác nhận đăng ký" :label-width="formLabelWidth" prop="isBanreg">
<el-select v-model="form.isBanreg" size="small" clearable filterable placeholder="请选择是否注册"> <el-select v-model="form.isBanreg" size="small" clearable filterable placeholder="请选择是否注册">
<el-option label="注册" value="0" /> <el-option label="Đăng ký" value="0" />
<el-option label="禁止注册" value="1" /> <el-option label="Cấm đăng ký" value="1" />
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="isWhite" :label-width="formLabelWidth" prop="isWhite"> <el-form-item label="isWhite" :label-width="formLabelWidth" prop="isWhite">
@ -277,22 +277,22 @@
<el-button type="primary" size="small" @click="save">确 定</el-button> <el-button type="primary" size="small" @click="save">确 定</el-button>
</div> </div>
</el-dialog> </el-dialog>
<el-dialog :title="修改状态" :visible.sync="dialogFormVisible2"> <el-dialog :title="Đổi trạng thái" :visible.sync="dialogFormVisible2">
<el-form ref="updateStateForm" :model="form"> <el-form ref="updateStateForm" :model="form">
<el-form-item label="状态" :label-width="formLabelWidth" prop="state"> <el-form-item label="Trạng thái" :label-width="formLabelWidth" prop="state">
<el-radio-group v-model="form.state"> <el-radio-group v-model="form.state">
<el-radio label="0">不可见</el-radio> <el-radio label="0">CLOSE</el-radio>
<el-radio label="1">维护</el-radio> <el-radio label="1">Bảo trì</el-radio>
<el-radio label="2">流畅</el-radio> <el-radio label="2">Mượt</el-radio>
<el-radio label="3">拥挤</el-radio> <el-radio label="3">Đầy</el-radio>
<el-radio label="4">爆满</el-radio> <el-radio label="4">Quá đầy</el-radio>
<el-radio label="5">根据人数改变</el-radio> <el-radio label="5">根据人数改变</el-radio>
</el-radio-group> </el-radio-group>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button size="small" @click="dialogFormVisible2 = false">取 消</el-button> <el-button size="small" @click="dialogFormVisible2 = false">Cancel</el-button>
<el-button type="primary" size="small" @click="updateStatue">确 定</el-button> <el-button type="primary" size="small" @click="updateStatue">Save</el-button>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
@ -455,14 +455,14 @@ export default {
// 删除 // 删除
del(data) { del(data) {
this.$confirm('确定要删除 ‘' + data.name + '’吗？', '提示', { this.$confirm('确定要删除 ‘' + data.name + '’吗？', '提示', {
confirmButtonText: '确定', confirmButtonText: 'YES',
cancelButtonText: '取消', cancelButtonText: 'NO',
type: 'warning' type: 'warning'
}).then(() => { }).then(() => {
delServer(data.id).then(response => { delServer(data.id).then(response => {
if (response.code === 0) { if (response.code === 0) {
this.$message({ this.$message({
message: '删除成功', message: 'Delete Success',
type: 'success' type: 'success'
}) })
this.dialogFormVisible = false this.dialogFormVisible = false
@ -477,7 +477,7 @@ export default {
}).catch(() => { }).catch(() => {
this.$message({ this.$message({
type: 'info', type: 'info',
message: '已取消删除' message: 'Delete Cancel'
}) })
}) })
}, },
@ -537,7 +537,7 @@ export default {
saveUpdateStatue(this.form).then(response => { saveUpdateStatue(this.form).then(response => {
if (response.code === 0) { if (response.code === 0) {
this.$message({ this.$message({
message: '操作成功', message: 'Success',
type: 'success' type: 'success'
}) })
this.dialogFormVisible2 = false this.dialogFormVisible2 = false