支持批量添加域名、域名修改

This commit is contained in:
刘祥超
2020-11-01 18:00:48 +08:00
parent 54bb8319d6
commit e6ffd1e1cf
5 changed files with 94 additions and 14 deletions

View File

@@ -1,14 +1,24 @@
{$layout "layout_popup"}
<h3>添加域名绑定</h3>
<h3 v-if="!isUpdating">添加域名绑定</h3>
<h3 v-if="isUpdating">修改域名绑定</h3>
<form class="ui form" data-tea-action="$" data-tea-success="success">
<input type="hidden" name="mode" :value="mode"/>
<table class="ui table selectable definition">
<tr>
<td class="title">域名</td>
<tr v-if="mode == 'single'">
<td class="title">单个域名</td>
<td>
<input type="text" name="serverName" ref="focus"/>
<input type="text" name="serverName" ref="focus" maxlength="1024" v-model="serverName.name"/>
<p class="comment">请输入单个域名。</p>
</td>
</tr>
<tr v-if="mode == 'multiple'">
<td class="title">多个域名</td>
<td>
<textarea name="serverNames" ref="serverNames" v-model="multipleServerNames"></textarea>
<p class="comment">每行一个域名。</p>
</td>
</tr>
</table>
<submit-btn></submit-btn>
<submit-btn></submit-btn> &nbsp; <a href="" v-if="mode == 'single'" @click.prevent="switchMode('multiple')">批量添加</a><a href="" v-if="mode == 'multiple'" @click.prevent="switchMode('single')">单个添加</a>
</form>

View File

@@ -1,3 +1,29 @@
Tea.context(function () {
this.success = NotifyPopup;
this.isUpdating = false
this.mode = "single" // single|multiple
this.serverName = {
name: "",
subNames: []
}
this.multipleServerNames = ""
if (window.parent.UPDATING_SERVER_NAME != null) {
this.isUpdating = true
this.serverName = window.parent.UPDATING_SERVER_NAME
if (this.serverName.subNames != null && this.serverName.subNames.length > 0) {
this.mode = "multiple"
this.multipleServerNames = this.serverName.subNames.join("\n")
}
}
this.switchMode = function (mode) {
this.mode = mode
this.$delay(function () {
if (mode == "single") {
this.$refs.focus.focus()
} else {
this.$refs.serverNames.focus()
}
})
}
});

View File

@@ -53,7 +53,8 @@
<td>{{server.cluster.name}}</td>
<td>
<div v-for="serverName in server.serverNames">
<tiny-label>{{serverName.name}}</tiny-label>
<tiny-label v-if="serverName.subNames == null || serverName.subNames.length == 0">{{serverName.name}}</tiny-label>
<tiny-label v-else>{{serverName.subNames[0]}}等{{serverName.subNames.length}}个域名</tiny-label>
</div>
</td>
<td>