mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-04 13:10:26 +08:00
128 lines
3.3 KiB
JavaScript
128 lines
3.3 KiB
JavaScript
Vue.component("http-cache-config-box", {
|
|
props: ["v-cache-config", "v-cache-policies", "v-is-location"],
|
|
data: function () {
|
|
let cacheConfig = this.vCacheConfig
|
|
if (cacheConfig == null) {
|
|
cacheConfig = {
|
|
isPrior: false,
|
|
isOn: false,
|
|
cacheRefs: []
|
|
}
|
|
}
|
|
return {
|
|
cacheConfig: cacheConfig
|
|
}
|
|
},
|
|
methods: {
|
|
isOn: function () {
|
|
return (!this.vIsLocation || this.cacheConfig.isPrior) && this.cacheConfig.isOn
|
|
},
|
|
addRef: function () {
|
|
window.UPDATING_CACHE_REF = null
|
|
|
|
let width = window.innerWidth
|
|
if (width > 1024) {
|
|
width = 1024
|
|
}
|
|
let height = window.innerHeight
|
|
if (height > 500) {
|
|
height = 500
|
|
}
|
|
let that = this
|
|
teaweb.popup("/servers/server/settings/cache/createPopup", {
|
|
width: width + "px",
|
|
height: height + "px",
|
|
callback: function (resp) {
|
|
that.cacheConfig.cacheRefs.push(resp.data.cacheRef)
|
|
}
|
|
})
|
|
},
|
|
updateRef: function (index, cacheRef) {
|
|
window.UPDATING_CACHE_REF = cacheRef
|
|
|
|
let width = window.innerWidth
|
|
if (width > 1024) {
|
|
width = 1024
|
|
}
|
|
let height = window.innerHeight
|
|
if (height > 500) {
|
|
height = 500
|
|
}
|
|
let that = this
|
|
teaweb.popup("/servers/server/settings/cache/createPopup", {
|
|
width: width + "px",
|
|
height: height + "px",
|
|
callback: function (resp) {
|
|
Vue.set(that.cacheConfig.cacheRefs, index, resp.data.cacheRef)
|
|
}
|
|
})
|
|
},
|
|
removeRef: function (index) {
|
|
let that = this
|
|
teaweb.confirm("确定要删除此缓存设置吗？", function () {
|
|
that.cacheConfig.cacheRefs.$remove(index)
|
|
})
|
|
},
|
|
timeUnitName: function (unit) {
|
|
switch (unit) {
|
|
case "ms":
|
|
return "毫秒"
|
|
case "second":
|
|
return "秒"
|
|
case "minute":
|
|
return "分钟"
|
|
case "hour":
|
|
return "小时"
|
|
case "day":
|
|
return "天"
|
|
case "week":
|
|
return "周 "
|
|
}
|
|
return unit
|
|
}
|
|
},
|
|
template: `<div>
|
|
<input type="hidden" name="cacheJSON" :value="JSON.stringify(cacheConfig)"/>
|
|
<table class="ui table definition selectable">
|
|
<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>
|
|
</table>
|
|
|
|
<div v-show="isOn()">
|
|
<table class="ui table selectable" v-show="cacheConfig.cacheRefs.length > 0">
|
|
<thead>
|
|
<tr>
|
|
<th>缓存策略</th>
|
|
<th>条件</th>
|
|
<th>缓存时间</th>
|
|
<th class="two op">操作</th>
|
|
</tr>
|
|
<tr v-for="(cacheRef, index) in cacheConfig.cacheRefs">
|
|
<td><a :href="'/servers/components/cache/policy?cachePolicyId=' + cacheRef.cachePolicyId">{{cacheRef.cachePolicy.name}}</a></td>
|
|
<td>
|
|
<http-request-conds-view :v-conds="cacheRef.conds"></http-request-conds-view>
|
|
</td>
|
|
<td>{{cacheRef.life.count}} {{timeUnitName(cacheRef.life.unit)}}</td>
|
|
<td>
|
|
<a href="" @click.prevent="updateRef(index, cacheRef)">修改</a>
|
|
<a href="" @click.prevent="removeRef(index)">删除</a>
|
|
</td>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
|
|
<button class="ui button tiny" @click.prevent="addRef">+添加缓存设置</button>
|
|
</div>
|
|
<div class="margin"></div>
|
|
</div>`
|
|
}) |