可以在节点列表中直接修改节点所属线路

This commit is contained in:
GoEdgeLab
2021-08-29 14:00:59 +08:00
parent 160bdc2451
commit 5f69199b50
14 changed files with 235 additions and 5 deletions

View File

@@ -0,0 +1,37 @@
{$layout "layout_popup"}
<h3>修改节点DNS设置</h3>
<form class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="nodeId" :value="nodeId"/>
<input type="hidden" name="domainId" :value="domainId"/>
<csrf-token></csrf-token>
<table class="ui table definition selectable">
<tr v-if="domainName.length > 0">
<td>主域名</td>
<td>{{domainName}}
<p class="comment">由当前节点所属集群设置。</p>
</td>
</tr>
<tr>
<td class="title">IP地址 *</td>
<td>
<input type="text" name="ipAddr" maxlength="64" ref="focus" v-model="ipAddr"/>
<p class="comment">用于域名解析的节点IP地址。</p>
</td>
</tr>
<tr v-if="domainId > 0">
<td>线路</td>
<td>
<p class="comment" v-if="allRoutes.length == 0">没有可选的线路。</p>
<div v-if="allRoutes.length > 0">
<dns-route-selector :v-all-routes="allRoutes" :v-routes="routes"></dns-route-selector>
<p class="comment">当前节点IP对应的线路。</p>
</div>
</td>
</tr>
</table>
<submit-btn></submit-btn>
</form>

View File

@@ -4,4 +4,19 @@
a .red {
border-bottom: 1px #db2828 dashed;
}
.routes-box a {
margin-left: 0.4em;
display: none;
}
.routes-box.show-link a {
display: inline;
font-size: 1em;
}
.routes-box:hover a {
display: inline;
}
a.small {
font-size: 0.8em;
text-align: center;
}
/*# sourceMappingURL=nodes.css.map */

View File

@@ -1 +1 @@
{"version":3,"sources":["nodes.less"],"names":[],"mappings":"AAAA,MAAO;EACN,oBAAA;;AAGD,CACC;EACC,iCAAA","file":"nodes.css"}
{"version":3,"sources":["nodes.less"],"names":[],"mappings":"AAAA,MAAO;EACN,oBAAA;;AAGD,CACC;EACC,iCAAA;;AAIF,WACC;EACC,kBAAA;EACA,aAAA;;AAIF,WAAW,UACV;EACC,eAAA;EACA,cAAA;;AAIF,WAAW,MACV;EACC,eAAA;;AAIF,CAAC;EACA,gBAAA;EACA,kBAAA","file":"nodes.css"}

View File

@@ -88,12 +88,18 @@
</div>
</div>
</td>
<td>
<td class="routes-box" :class="{'show-link': node.dnsRouteNames.length == 0 && hasClusterDNS}">
<div v-if="node.dnsRouteNames.length > 0">
<div v-for="routeName in node.dnsRouteNames">
<tiny-basic-label>{{routeName}}</tiny-basic-label>
</div>
<div>
<a href="" @click.prevent="updateNodeDNS(node.id)" class="small">[修改]</a>
</div>
</div>
<span v-else-if="hasClusterDNS">
<a href="" @click.prevent="updateNodeDNS(node.id)" class="small">[设置]</a>
</span>
<span v-else class="disabled">-</span>
</td>
<td class="center">

View File

@@ -21,4 +21,17 @@ Tea.context(function () {
.refresh()
})
}
this.updateNodeDNS = function (nodeId) {
let that = this
teaweb.popup("/clusters/cluster/node/updateDNSPopup?clusterId=" + this.clusterId + "&nodeId=" + nodeId, {
width: "46em",
height: "26em",
callback: function () {
teaweb.success("保存成功", function () {
teaweb.reload()
})
}
})
}
})

View File

@@ -6,4 +6,29 @@ a {
.red {
border-bottom: 1px #db2828 dashed;
}
}
.routes-box {
a {
margin-left: 0.4em;
display: none;
}
}
.routes-box.show-link {
a {
display: inline;
font-size: 1em;
}
}
.routes-box:hover {
a {
display: inline;
}
}
a.small {
font-size: 0.8em;
text-align: center;
}