|
|
|
@ -1,35 +1,40 @@
|
|
|
|
|
<template> |
|
|
|
|
<div> |
|
|
|
|
<el-dialog :title="isNew?'新增服务器':'修改服务器'" v-model="isShowDialog" width="769px"> |
|
|
|
|
<el-dialog :title="isNew ? '新增服务器' : '修改服务器'" v-model="isShowDialog" width="769px"> |
|
|
|
|
<el-form label-width="90px" label-position="right"> |
|
|
|
|
<el-form-item label="数据库地址" prop="gameDbUrl"> |
|
|
|
|
<el-input v-model="queryParams.gameDbUrl" placeholder="请输入数据库地址" size="large" style="width: 220px"/> |
|
|
|
|
<el-input v-model="queryParams.gameDbUrl" placeholder="请输入数据库地址" size="large" style="width: 220px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="数据库名称" prop="gameDbName"> |
|
|
|
|
<el-input v-model="queryParams.gameDbName" placeholder="请输入数据库名称" size="large" style="width: 220px"/> |
|
|
|
|
<el-input v-model="queryParams.gameDbName" placeholder="请输入数据库名称" size="large" style="width: 220px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="内网地址" prop="innerIp"> |
|
|
|
|
<el-input v-model="queryParams.innerIp" placeholder="请输入内网地址" size="large" style="width: 220px"/> |
|
|
|
|
<el-input v-model="queryParams.innerIp" placeholder="请输入内网地址" size="large" style="width: 220px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="开服日期" prop="startTime"> |
|
|
|
|
<el-date-picker type="datetime" size="large" v-model="queryParams.createTime" format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss"/> |
|
|
|
|
<el-date-picker |
|
|
|
|
type="datetime" |
|
|
|
|
size="large" |
|
|
|
|
v-model="queryParams.createTime" |
|
|
|
|
format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
value-format="YYYY-MM-DD HH:mm:ss" |
|
|
|
|
/> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="平台" prop="platform"> |
|
|
|
|
<el-select v-model="queryParams.platform" class="m-2" placeholder="选择服务器状态"> |
|
|
|
|
<el-option label="ios" :value="1"/> |
|
|
|
|
<el-option label="安卓" :value="2"/> |
|
|
|
|
<el-option label="先行服" :value="3"/> |
|
|
|
|
<el-option label="ios" :value="1" /> |
|
|
|
|
<el-option label="安卓" :value="2" /> |
|
|
|
|
<el-option label="先行服" :value="3" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="难度" prop="difficulty"> |
|
|
|
|
<el-select v-model="queryParams.difficulty" class="m-2" placeholder="选择推荐"> |
|
|
|
|
<el-option label="普通" :value="1"/> |
|
|
|
|
<el-option label="困难" :value="2"/> |
|
|
|
|
<el-option label="普通" :value="1" /> |
|
|
|
|
<el-option label="困难" :value="2" /> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item label="备注" prop="remark"> |
|
|
|
|
<el-input v-model="queryParams.remark" placeholder="请输入内网地址" size="large" style="width: 220px"/> |
|
|
|
|
<el-input v-model="queryParams.remark" placeholder="请输入内网地址" size="large" style="width: 220px" /> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<template #footer> |
|
|
|
@ -37,7 +42,7 @@
|
|
|
|
|
<el-button @click="onCancel" size="default">取 消</el-button> |
|
|
|
|
<el-button size="default" type="primary" class="ml10" @click="addItem"> |
|
|
|
|
<el-icon> |
|
|
|
|
<ele-EditPen/> |
|
|
|
|
<ele-EditPen /> |
|
|
|
|
</el-icon> |
|
|
|
|
<div v-if="isNew">新增</div> |
|
|
|
|
<div v-else>修改</div> |
|
|
|
@ -49,21 +54,21 @@
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
<script lang="ts"> |
|
|
|
|
import {reactive, toRefs, defineComponent} from 'vue'; |
|
|
|
|
import {ElLoading} from "element-plus"; |
|
|
|
|
import {gameAddLoginUrl, gameAddServerConfig} from "/@/api/game"; |
|
|
|
|
import {allChannelList} from "/@/utils/game"; |
|
|
|
|
import { reactive, toRefs, defineComponent } from 'vue'; |
|
|
|
|
import { ElLoading } from 'element-plus'; |
|
|
|
|
import { gameAddServerConfig } from '/@/api/game'; |
|
|
|
|
import { allChannelList } from '/@/utils/game'; |
|
|
|
|
|
|
|
|
|
interface TableDataState { |
|
|
|
|
isShowDialog: boolean, |
|
|
|
|
isNew: boolean, |
|
|
|
|
isShowDialog: boolean; |
|
|
|
|
isNew: boolean; |
|
|
|
|
queryParams: object; |
|
|
|
|
channels: object[]; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
export default defineComponent({ |
|
|
|
|
name: 'gameServerConfigEdit', |
|
|
|
|
setup(prop, {emit}) { |
|
|
|
|
setup(prop, { emit }) { |
|
|
|
|
const state = reactive<TableDataState>({ |
|
|
|
|
isShowDialog: false, |
|
|
|
|
isNew: false, |
|
|
|
@ -75,10 +80,10 @@ export default defineComponent({
|
|
|
|
|
state.isShowDialog = true; |
|
|
|
|
state.isNew = !row; |
|
|
|
|
state.queryParams = row || {}; |
|
|
|
|
console.log("openDialog: >>>>>>>>>>>", row) |
|
|
|
|
allChannelList().then(res => { |
|
|
|
|
console.log('openDialog: >>>>>>>>>>>', row); |
|
|
|
|
allChannelList().then((res) => { |
|
|
|
|
state.channels = res; |
|
|
|
|
}) |
|
|
|
|
}); |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// 关闭弹窗 |
|
|
|
@ -97,14 +102,15 @@ export default defineComponent({
|
|
|
|
|
background: 'rgba(0, 0, 0, 0.7)', |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
gameAddServerConfig(state.queryParams).then((res) => { |
|
|
|
|
gameAddServerConfig(state.queryParams) |
|
|
|
|
.then((res) => { |
|
|
|
|
console.log(res); |
|
|
|
|
}).finally(function () { |
|
|
|
|
}) |
|
|
|
|
.finally(function () { |
|
|
|
|
loading.close(); |
|
|
|
|
emit('countList') |
|
|
|
|
emit('countList'); |
|
|
|
|
closeDialog(); |
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
}; |
|
|
|
|
return { |
|
|
|
|
openDialog, |
|
|
|
|