| | |
| | | <div class="all">
|
| | | <!-- -->
|
| | | <div class="cluster-guanli" v-if="showCurCluster && isHasColony">
|
| | | <cloud-node :nodes="innerNodes"></cloud-node>
|
| | | <!-- <cloud-node :nodes="innerNodes"></cloud-node> -->
|
| | | <net-node :innerNodes="innerNodes"></net-node>
|
| | |
|
| | | <div class="cls-bar">视频分析集群管理</div>
|
| | |
| | | </el-input>
|
| | | </el-form-item>
|
| | | </el-form>
|
| | | <div class="clu-list">
|
| | | <!-- :class="pickedNodeI == index ? 'clu-item-active' : ''" -->
|
| | | <div
|
| | | class="clu-item"
|
| | | v-for="(item, index) in members"
|
| | | :key="index"
|
| | | @click="pickNode(index)"
|
| | | >
|
| | | <i class="iconfont"></i>
|
| | | {{ item.Address }}
|
| | | </div>
|
| | | </div>
|
| | | <div class="btns">
|
| | | <div class="ok" @click="join('joinForm')">加入集群</div>
|
| | | </div>
|
| | |
| | | updateClusterName,
|
| | | joinCluster,
|
| | | } from "@/api/clusterManage";
|
| | | import cloudNode from "../components/CloudNode";
|
| | | // import cloudNode from "../components/CloudNode";
|
| | | import NetNode from "../components/NetNode";
|
| | | import ipInput from "../components/IPInput";
|
| | | import { isIPv4 } from "@/scripts/validate";
|
| | |
| | | };
|
| | | },
|
| | | components: {
|
| | | cloudNode,
|
| | | // cloudNode,
|
| | | NetNode,
|
| | | ipInput,
|
| | | },
|
| | |
| | | });
|
| | | },
|
| | | join(formName) {
|
| | | debugger;
|
| | | let _this = this;
|
| | | this.$refs[formName].validate((valid) => {
|
| | | debugger;
|
| | | if (valid) {
|
| | | debugger;
|
| | | _this.joinLoading = true;
|
| | | let data = {
|
| | | clusterId: _this.joinForm.clusterid,
|
| | |
| | | left: 20px;
|
| | | }
|
| | | .el-form-item {
|
| | | margin-bottom: 10px;
|
| | | margin-bottom: 16px;
|
| | | .el-input__inner {
|
| | | background-color: #ffffff;
|
| | | border: 2px solid transparent;
|