|
@@ -1,13 +1,16 @@
|
|
|
<template>
|
|
|
<a-space>
|
|
|
- <a-button type="primary" class="role_btn role_add" @click="showAddNode">添加节点</a-button>
|
|
|
+<!-- <a-button type="primary" class="role_btn role_add" @click="showAddNode">添加节点</a-button>-->
|
|
|
<!-- <a-button type="primary" class="role_btn role_add" @click="onDeleteALlNode">删除节点</a-button>-->
|
|
|
<!-- <a-button type="primary" class="role_btn role_add" @click="onEditNode">编辑节点</a-button>-->
|
|
|
</a-space>
|
|
|
|
|
|
<!-- 添加点击对话框 -->
|
|
|
<a-modal v-model:visible="Visible" title="Title" @ok="handleOk">
|
|
|
-
|
|
|
+ <template #footer>
|
|
|
+ <a-button key="back" ></a-button>
|
|
|
+ <a-button key="submit" type="primary" ></a-button>
|
|
|
+ </template>
|
|
|
<a-form
|
|
|
ref="formRef"
|
|
|
:model="formState"
|
|
@@ -16,37 +19,29 @@
|
|
|
:wrapper-col="wrapperCol"
|
|
|
>
|
|
|
<a-form-item ref="name" name="name">
|
|
|
- <label>name:</label>
|
|
|
- <a-input v-model:value="formState.name" />
|
|
|
+ <label>服务器名称:</label>
|
|
|
+ <a-input v-model:value="formState.Name" />
|
|
|
</a-form-item>
|
|
|
|
|
|
<a-form-item ref="host" name="host">
|
|
|
<label>host:</label>
|
|
|
- <a-input v-model:value="formState.host" />
|
|
|
+ <a-input v-model:value="formState.Host" />
|
|
|
</a-form-item>
|
|
|
|
|
|
- <a-form-item ref="port" name="port">
|
|
|
- <label>port:</label>
|
|
|
- <a-input v-model:value="formState.port" placeholder="输入服务器端口" />
|
|
|
+ <a-form-item ref="Sshusername" name="Sshusername">
|
|
|
+ <label>SSH用户:</label>
|
|
|
+ <a-input v-model:value="formState.Sshusername" placeholder="SSH用户"/>
|
|
|
</a-form-item>
|
|
|
-
|
|
|
- <a-form-item ref="url" name="url">
|
|
|
- <label>url:</label>
|
|
|
- <a-input v-model:value="formState.url" placeholder="输入切换地址url"/>
|
|
|
+ <a-form-item ref="Sshpassword" name="Sshpassword">
|
|
|
+ <label>SSH密码:</label>
|
|
|
+ <a-input v-model:value="formState.Sshpassword" placeholder="SSH密码"/>
|
|
|
</a-form-item>
|
|
|
- <a-form-item ref="urlstatus" name="urlstatus">
|
|
|
- <label>urlstatus:</label>
|
|
|
- <a-input v-model:value="formState.urlstatus" placeholder="输入状态"/>
|
|
|
- </a-form-item
|
|
|
- >
|
|
|
- <a-form-item>
|
|
|
- <label>ping类型:</label>
|
|
|
- <a-select v-model:value="formState.pingType" placeholder="选择ping类型">
|
|
|
- <a-select-option :value=0>icmp</a-select-option>
|
|
|
- <a-select-option :value=1>tcpping</a-select-option>
|
|
|
- </a-select>
|
|
|
+ <a-form-item ref="Sshcommand" name="Sshcommand">
|
|
|
+ <label>ssh命令:</label>
|
|
|
+ <a-input v-model:value="formState.Sshcommand" placeholder="ssh命令"/>
|
|
|
</a-form-item>
|
|
|
|
|
|
+
|
|
|
<!-- <template #footer>-->
|
|
|
<!-- <a-button key="back" @click="cancel">关闭</a-button>-->
|
|
|
<!-- <a-button key="back" @click="resetForm">Reset</a-button>-->
|
|
@@ -54,7 +49,7 @@
|
|
|
<!-- </template>-->
|
|
|
<a-form-item :wrapper-col="{ span: 14, offset: 4 }">
|
|
|
|
|
|
- <a-button v-if="formState.isedit === false" type="primary" @click="onSubmit(true)">编辑</a-button>
|
|
|
+ <a-button v-if="formState.isedit === true" type="primary" @click="onSubmit(true)">编辑</a-button>
|
|
|
<a-button v-else type="primary" @click="onSubmit(false)">Create</a-button>
|
|
|
|
|
|
<a-button style="margin-left: 10px" @click="resetForm">Reset</a-button>
|
|
@@ -108,7 +103,14 @@ import {
|
|
|
unref
|
|
|
} from "vue";
|
|
|
import {INode, NodeAddParam, NodeStatus} from "/@/model/node";
|
|
|
-import {delNodeReqUse, editNodeReqUse, nodeAddReqUse, nodeConfigGetALLReqUse, nodeReqUse} from "/@/apis/node";
|
|
|
+import {
|
|
|
+ delNodeReqUse,
|
|
|
+ editNodeReqUse,
|
|
|
+ nodeAddReqUse, nodeConfigDeleteALLReqUse,
|
|
|
+ nodeConfigEditALLReqUse,
|
|
|
+ nodeConfigGetALLReqUse,
|
|
|
+ nodeReqUse
|
|
|
+} from "/@/apis/node";
|
|
|
import { ColumnProps } from "ant-design-vue/lib/table";
|
|
|
import {it} from "node:test";
|
|
|
import {message} from "ant-design-vue";
|
|
@@ -142,8 +144,14 @@ export default defineComponent({
|
|
|
{
|
|
|
title: 'Id',
|
|
|
name: 'Id',
|
|
|
- dataIndex: 'id',
|
|
|
- key: 'id',
|
|
|
+ dataIndex: 'Id',
|
|
|
+ key: 'Id',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '服务器ID',
|
|
|
+ name: 'Serverid',
|
|
|
+ dataIndex: 'Serverid',
|
|
|
+ key: 'Serverid',
|
|
|
},
|
|
|
{
|
|
|
title: '服务器名称',
|
|
@@ -206,15 +214,19 @@ export default defineComponent({
|
|
|
};
|
|
|
|
|
|
const getNodeList = async () => {
|
|
|
- let data = <NodeConfigInfo>{}
|
|
|
+ state.datalist = []
|
|
|
+
|
|
|
+
|
|
|
const node_list = await nodeConfigGetALLReqUse(null)
|
|
|
for (let dataKey in node_list.data.NodeConfigItem) {
|
|
|
- data.Id = node_list.data.NodeConfigItem[dataKey].Node.Id
|
|
|
- data.Name = node_list.data.NodeConfigItem[dataKey].Node.Name
|
|
|
- data.Host = node_list.data.NodeConfigItem[dataKey].Node.Host
|
|
|
+ let data = <NodeConfigInfo>{}
|
|
|
+ data.Serverid = node_list.data.NodeConfigItem[dataKey].Node.id
|
|
|
+ data.Name = node_list.data.NodeConfigItem[dataKey].Node.name
|
|
|
+ data.Host = node_list.data.NodeConfigItem[dataKey].Node.host
|
|
|
if (node_list.data.NodeConfigItem[dataKey].NodeConfig != null)
|
|
|
{
|
|
|
for (let nodeConfig of node_list.data.NodeConfigItem[dataKey].NodeConfig) {
|
|
|
+ data.Id = nodeConfig.Id;
|
|
|
data.Sshpassword = nodeConfig.Sshpassword;
|
|
|
data.Sshcommand = nodeConfig.Sshcommand;
|
|
|
data.Sshusername = nodeConfig.Sshusername;
|
|
@@ -246,7 +258,7 @@ export default defineComponent({
|
|
|
}
|
|
|
|
|
|
const editNode = async (data) => {
|
|
|
- let ret = await editNodeReqUse(data)
|
|
|
+ let ret = await nodeConfigEditALLReqUse(data)
|
|
|
if (ret.code == 0)
|
|
|
{
|
|
|
console.log(state.Visible);
|
|
@@ -264,7 +276,7 @@ export default defineComponent({
|
|
|
|
|
|
const delNodeById = async (data) => {
|
|
|
|
|
|
- let ret = await delNodeReqUse(data)
|
|
|
+ let ret = await nodeConfigDeleteALLReqUse(data)
|
|
|
if (ret.code == 0)
|
|
|
{
|
|
|
console.log(state.Visible);
|
|
@@ -283,17 +295,15 @@ export default defineComponent({
|
|
|
getNodeList()
|
|
|
})
|
|
|
|
|
|
- const formState = reactive({
|
|
|
- id: 0,
|
|
|
- name: "",
|
|
|
- host: "",
|
|
|
- port: 22,
|
|
|
- url: "",
|
|
|
- pingType: undefined,
|
|
|
- isedit : false,
|
|
|
- urlstatus: 0,
|
|
|
- urlcount:0,
|
|
|
- urlret: "",
|
|
|
+ const formState = reactive({
|
|
|
+ Id: 0,
|
|
|
+ Serverid: 0,
|
|
|
+ Sshpassword : "",
|
|
|
+ Sshcommand: "",
|
|
|
+ Sshusername:"",
|
|
|
+ Name:"",
|
|
|
+ Host:"",
|
|
|
+ isedit: false
|
|
|
})
|
|
|
|
|
|
|
|
@@ -313,13 +323,12 @@ export default defineComponent({
|
|
|
|
|
|
const onSubmit = (isedit) =>{
|
|
|
const reqdata = {
|
|
|
- "id" : toRaw(formState).id,
|
|
|
- "name" : toRaw(formState).name,
|
|
|
- "host" : toRaw(formState).host,
|
|
|
- "port" : toRaw(formState).port,
|
|
|
- "url" : toRaw(formState).url,
|
|
|
- "pingType": toRaw(formState).pingType,
|
|
|
- "urlstatus": toRaw(formState).urlstatus,
|
|
|
+ "id" : toRaw(formState).Serverid,
|
|
|
+ "name" : toRaw(formState).Name,
|
|
|
+ "host" : toRaw(formState).Host,
|
|
|
+ "sshcom" : toRaw(formState).Sshcommand,
|
|
|
+ "sshuser" : toRaw(formState).Sshusername,
|
|
|
+ "sshpass" : toRaw(formState).Sshpassword,
|
|
|
}
|
|
|
if (isedit){
|
|
|
editNode(reqdata)
|
|
@@ -329,26 +338,22 @@ export default defineComponent({
|
|
|
}
|
|
|
|
|
|
const onEditNode = (record) => {
|
|
|
- formState.id = record.id
|
|
|
- formState.name = record.name
|
|
|
- formState.host = record.host
|
|
|
- formState.port = record.port
|
|
|
- formState.url = record.url
|
|
|
- formState.pingType = record.pingType
|
|
|
- formState.urlstatus = record.urlstatus
|
|
|
- formState.isedit = false
|
|
|
+ console.log(record);
|
|
|
+ formState.Id = record.Id
|
|
|
+ formState.Serverid = record.Serverid
|
|
|
+ formState.Name = record.Name
|
|
|
+ formState.Host = record.Host
|
|
|
+ formState.Sshcommand = record.Sshcommand
|
|
|
+ formState.Sshusername = record.Sshusername
|
|
|
+ formState.Sshpassword = record.Sshpassword
|
|
|
+ formState.isedit = true
|
|
|
+ console.log(formState);
|
|
|
state.Visible = true
|
|
|
|
|
|
+
|
|
|
}
|
|
|
|
|
|
const showAddNode = () => {
|
|
|
- formState.name = ""
|
|
|
- formState.host = ""
|
|
|
- formState.port = 22
|
|
|
- formState.url = ""
|
|
|
- formState.pingType = undefined
|
|
|
- formState.urlstatus = 0
|
|
|
- formState.isedit = true
|
|
|
state.Visible = true;
|
|
|
}
|
|
|
const handleOk= () =>{
|
|
@@ -374,7 +379,7 @@ export default defineComponent({
|
|
|
const onDeleteNode = ( record )=>{
|
|
|
console.log(record.id);
|
|
|
delNodeById({
|
|
|
- "id" : record.id
|
|
|
+ "serverid" : record.Serverid
|
|
|
})
|
|
|
}
|
|
|
|