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

VN
Unknown 2023-12-14 14:56:00 +08:00
parent 5cb829599b
commit d47fba32b6
1 changed files with 69 additions and 69 deletions

View File

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