多处增加是否独立配置选项

This commit is contained in:
GoEdgeLab
2020-09-23 18:43:38 +08:00
parent 41bddd79c9
commit 72865127b7
50 changed files with 615 additions and 267 deletions

View File

@@ -1,9 +1,10 @@
Vue.component("http-cache-config-box", {
props: ["v-cache-config", "v-cache-policies"],
props: ["v-cache-config", "v-cache-policies", "v-is-location"],
data: function () {
let cacheConfig = this.vCacheConfig
if (cacheConfig == null) {
cacheConfig = {
isPrior: false,
isOn: false,
cachePolicyId: 0
}
@@ -20,30 +21,31 @@ Vue.component("http-cache-config-box", {
template: `<div>
<input type="hidden" name="cacheJSON" :value="JSON.stringify(cacheConfig)"/>
<table class="ui table definition selectable">
<tbody>
<tr>
<td class="title">是否开启缓存</td>
<td>
<div class="ui checkbox">
<input type="checkbox" v-model="cacheConfig.isOn"/>
<label></label>
</div>
</td>
</tr>
<prior-checkbox :v-config="cacheConfig" v-if="vIsLocation"></prior-checkbox>
<tbody v-show="!vIsLocation || cacheConfig.isPrior">
<tr>
<td class="title">是否开启缓存</td>
<td>
<div class="ui checkbox">
<input type="checkbox" v-model="cacheConfig.isOn"/>
<label></label>
</div>
</td>
</tr>
</tbody>
<tbody v-show="cacheConfig.isOn">
<tr>
<td class="title">选择缓存策略</td>
<td>
<span class="disabled" v-if="vCachePolicies.length == 0">暂时没有可选的缓存策略</span>
<div v-if="vCachePolicies.length > 0">
<select class="ui dropdown auto-width" v-model="cacheConfig.cachePolicyId" @change="changePolicyId">
<option value="0">[不使用缓存策略]</option>
<option v-for="policy in vCachePolicies" :value="policy.id">{{policy.name}}</option>
</select>
</div>
</td>
</tr>
<tbody v-show="(!vIsLocation || cacheConfig.isPrior) && cacheConfig.isOn">
<tr>
<td class="title">选择缓存策略</td>
<td>
<span class="disabled" v-if="vCachePolicies.length == 0">暂时没有可选的缓存策略</span>
<div v-if="vCachePolicies.length > 0">
<select class="ui dropdown auto-width" v-model="cacheConfig.cachePolicyId" @change="changePolicyId">
<option value="0">[不使用缓存策略]</option>
<option v-for="policy in vCachePolicies" :value="policy.id">{{policy.name}}</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
<div class="margin"></div>