优化代码

web/public/js/components/server/http-cache-config-box.js

@@ -17,69 +17,6 @@ Vue.component("http-cache-config-box", {
 	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>
@@ -118,27 +55,8 @@ Vue.component("http-cache-config-box", {
 	</table>
 	
 	<div v-show="isOn()">
-		<table class="ui table selectable celled" v-show="cacheConfig.cacheRefs.length > 0">
-			<thead>
-				<tr>
-					<th>缓存条件</th>
-					<th class="width10">缓存时间</th>
-					<th class="two op">操作</th>
-				</tr>
-				<tr v-for="(cacheRef, index) in cacheConfig.cacheRefs">
-					<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> &nbsp;
-						<a href="" @click.prevent="removeRef(index)">删除</a>
-					</td>
-				</tr>
-			</thead>
-		</table>
-		
-		<button class="ui button tiny" @click.prevent="addRef">+添加缓存设置</button>
+		<h4>缓存条件</h4>
+		<http-cache-refs-config-box :v-cache-config="cacheConfig" :v-cache-refs="cacheConfig.cacheRefs"></http-cache-refs-config-box>
 	</div>
 	<div class="margin"></div>
 </div>`