| | |
| | | </el-tab-pane> |
| | | |
| | | <!-- 加入已有集群 --> |
| | | <el-tab-pane label="加入已有集群" name="3" :disabled="isHasColony"> |
| | | <el-tab-pane label="加入已有集群" name="2" :disabled="isHasColony"> |
| | | <el-form label-width="80px" :model="joinForm" :rules="joinRules" ref="joinForm"> |
| | | <el-form-item label="IP地址" style="width:440px"> |
| | | <el-input v-model="joinForm.clusterip" placeholder="请输入集群内任意IP地址" size="small"> |
| | | <el-input |
| | | v-model="joinForm.clusterip" |
| | | placeholder="请输入集群内任意IP地址" |
| | | size="small" |
| | | autocomplete="new-password" |
| | | > |
| | | <el-button |
| | | type="text" |
| | | slot="suffix" |
| | |
| | | placeholder="请输入集群密码" |
| | | show-password |
| | | size="small" |
| | | autocomplete="new-password" |
| | | ></el-input> |
| | | </el-form-item> |
| | | <el-form-item style="width:440px"> |
| | |
| | | </el-form> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="14" style="height: 100%;" v-if="members.length !== 0"> |
| | | <el-col :span="10" style="height: 100%;" v-if="members.length !== 0"> |
| | | <serfDiagram |
| | | ref="diagram" |
| | | :members="members" |
| | |
| | | <el-tab-pane label="加入已有集群" name="s-second"> |
| | | <el-form label-width="80px"> |
| | | <el-form-item label="IP地址" style="text-align: left;"> |
| | | <el-input v-model="clusterip2" placeholder="请输入集群内任意IP地址" size="small"> |
| | | <el-input |
| | | v-model="clusterip2" |
| | | placeholder="请输入集群内任意IP地址" |
| | | size="small" |
| | | autocomplete="off" |
| | | > |
| | | <el-button |
| | | type="text" |
| | | slot="suffix" |
| | |
| | | submitForm(formName) { |
| | | this.$refs[formName].validate(valid => { |
| | | if (valid) { |
| | | alert("submit!"); |
| | | //alert("submit!"); |
| | | let json = { |
| | | clusterId: this.clusterid, |
| | | clusterName: this.ruleForm.clustername, |
| | |
| | | async searchColony() { |
| | | this.$refs["joinForm"].validate(valid => { |
| | | if (valid) { |
| | | this.members = []; |
| | | let json = { |
| | | password: this.joinForm.clusterpwd, |
| | | ip: this.joinForm.clusterip |
| | |
| | | |
| | | }, |
| | | joinNode(event, node) { |
| | | debugger |
| | | this.currentCluster.cluster_id = node.cluster_id; |
| | | if (this.activeName === "3") { |
| | | this.manageForm.clustername = node.clusterName; |