优化添加端口、添加源站相关交互

This commit is contained in:
GoEdgeLab
2021-06-05 20:27:57 +08:00
parent b0dedb653e
commit 2d52bdf7ac
10 changed files with 100 additions and 14 deletions

View File

@@ -10,7 +10,7 @@
<td>源站协议</td>
<td>
<!-- HTTP -->
<select class="ui dropdown auto-width" name="protocol" v-if="serverType == 'httpProxy' || serverType == 'httpWeb'">
<select class="ui dropdown auto-width" name="protocol" v-model="protocol" v-if="serverType == 'httpProxy' || serverType == 'httpWeb'">
<option value="http">HTTP</option>
<option value="https">HTTPS</option>
</select>
@@ -25,7 +25,7 @@
<tr>
<td class="title">源站地址 *</td>
<td>
<input type="text" name="addr" ref="focus"/>
<input type="text" name="addr" ref="focus" v-model="addr" @input="changeAddr"/>
<p class="comment">源站服务器地址通常是一个IP或域名加端口<span v-if="serverType == 'httpProxy'">,不需要加 http:// 或 https://</span></p>
</td>
</tr>

View File

@@ -0,0 +1,18 @@
Tea.context(function () {
this.addr = ""
this.protocol = ""
if (this.isHTTP) {
this.protocol = "http"
}
this.changeAddr = function () {
if (this.serverType == "httpProxy") {
if (this.addr.startsWith("http://")) {
this.protocol = "http"
} else if (this.addr.startsWith("https://")) {
this.protocol = "https"
}
}
}
})

View File

@@ -27,7 +27,7 @@
<tr>
<td class="title">源站地址</td>
<td>
<input type="text" name="addr" ref="focus" v-model="origin.addr"/>
<input type="text" name="addr" ref="focus" v-model="origin.addr" @input="changeAddr"/>
<p class="comment">源站服务器地址通常是一个IP或域名加端口<span v-if="serverType == 'httpProxy'">,不需要加 http:// 或 https://</span></p>
</td>
</tr>

View File

@@ -0,0 +1,11 @@
Tea.context(function () {
this.changeAddr = function () {
if (this.serverType == "httpProxy") {
if (this.origin.addr.startsWith("http://")) {
this.origin.protocol = "http"
} else if (this.origin.addr.startsWith("https://")) {
this.origin.protocol = "https"
}
}
}
})