236 lines
11 KiB
HTML
236 lines
11 KiB
HTML
<include file="Update:top"/>
|
||
<div class="Refresh Refreshing" id="app">
|
||
<div class="Refresh_top clearer">
|
||
<div class="Refresh_left fl clearer">
|
||
<div class="Refresh_left_icon fl">
|
||
<div class="fensug">
|
||
<div class="wavenum">
|
||
<b id="denfenjs">{{percent}}%</b>
|
||
</div>
|
||
<div class="waven">
|
||
<div class="wave" :style="'height:'+percent+'%'"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="Refresh_left_txt fl">
|
||
<dd>{{bigTitle}}</dd>
|
||
<dt>{{bigTitleDetail}}</dt>
|
||
</div>
|
||
</div>
|
||
<div class="Refreshing_right fr">已用时：{{timeStr}}</div>
|
||
<div class="Refreshing_schedule" :style="'width:'+percent+'%;'"></div>
|
||
</div>
|
||
<div class="Refresh_bottom">
|
||
<div class="Refresh_bottom_list">
|
||
<div class="bottom_list_title clearer">
|
||
<div class="list_title_icon fl">
|
||
<span class="iconfont"></span>缓存刷新
|
||
</div>
|
||
</div>
|
||
<div class="bottom_list_content clearer">
|
||
<template v-for="(item,index) in taskInc">
|
||
<label :class="'list_content_li fl '+item.className " v-if="item.group==1">
|
||
<div class="content_li_txt">
|
||
<dd class="iconfont" v-html="item.icon"></dd>
|
||
<dt>{{item.name}}</dt>
|
||
<div class="li_txt_bottom li_txt_bottom1"><span :style="'width:'+item.selfPerent+'%'">{{item.selfPerent}}%</span></div>
|
||
<div class="li_txt_bottom li_txt_bottom2">{{item.num}}条</div>
|
||
</div>
|
||
</label>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div class="Refresh_bottom_list">
|
||
<div class="bottom_list_title clearer">
|
||
<div class="list_title_icon fl">
|
||
<span class="iconfont"></span>首页/栏目/单页刷新
|
||
</div>
|
||
</div>
|
||
<div class="bottom_list_content clearer">
|
||
<template v-for="(item,index) in taskInc">
|
||
<label :class="'list_content_li fl '+item.className " v-if="item.group==2">
|
||
<div class="content_li_txt">
|
||
<dd class="iconfont" v-html="item.icon"></dd>
|
||
<dt>{{item.name}}</dt>
|
||
<div class="li_txt_bottom li_txt_bottom1"><span :style="'width:'+item.selfPerent+'%'">{{item.selfPerent}}%</span></div>
|
||
<div class="li_txt_bottom li_txt_bottom2">{{item.num}}条</div>
|
||
</div>
|
||
</label>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
<div class="Refresh_bottom_list">
|
||
<div class="bottom_list_title clearer">
|
||
<div class="list_title_icon fl">
|
||
<span class="iconfont"></span>内容页刷新
|
||
</div>
|
||
</div>
|
||
<div class="bottom_list_content clearer">
|
||
<template v-for="(item,index) in taskInc">
|
||
<label :class="'list_content_li fl '+item.className " v-if="item.group==3">
|
||
<div class="content_li_txt">
|
||
<dd class="iconfont" v-html="item.icon"></dd>
|
||
<dt>{{item.name}}</dt>
|
||
<div class="li_txt_bottom li_txt_bottom1"><span :style="'width:'+item.selfPerent+'%'">{{item.selfPerent}}%</span></div>
|
||
<div class="li_txt_bottom li_txt_bottom2">{{item.num}}条</div>
|
||
</div>
|
||
</label>
|
||
</template>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<include file="Inc:foot" noiframeauto="true"/>
|
||
<script src="/Public/Admin/js/vue.js"></script>
|
||
<script>
|
||
var app = new Vue({
|
||
el: '#app',
|
||
data: {
|
||
allNum:0,
|
||
bigTitle:"数据正在更新中",
|
||
bigTitleDetail:"受页面数量大小等因素需要一定的时间才能操作完成，请耐心等候...",
|
||
timeFun:null,
|
||
timeStr:"00:00:00",
|
||
percent:1,//任务进度，一开始给个1好看一些
|
||
task_index:1,//对应后台的task_index,
|
||
taskInc:{$data},
|
||
},
|
||
methods:{
|
||
foundTask:function(){
|
||
var isFound=false;
|
||
for(var k in this.taskInc){
|
||
if(this.taskInc[k]["task_index"]==this.task_index){
|
||
isFound=true;
|
||
this.sendTask(k,1,0);
|
||
}
|
||
}
|
||
//防止有未勾选的任务组
|
||
if(!isFound){
|
||
this.task_index++;
|
||
this.foundTask();
|
||
}
|
||
},
|
||
sendTask:function(k,i,ids_key){
|
||
var taskUrl="index.php?m=Admin&c=Update&a="+this.taskInc[k]["taskName"]+"&i="+i;
|
||
//如果刷新首页，列表页，内容页，自定义列表页，自定义内容页，需要访问Home下的控制器。
|
||
if(this.taskInc[k]["taskName"]=="updateHome"||this.taskInc[k]["taskName"]=="updatePage"||this.taskInc[k]["taskName"]=="updatePages"||this.taskInc[k]["taskName"]=="updateCat"||this.taskInc[k]["taskName"]=="updateDetai"){
|
||
var taskUrl="index.php?m=Home&c=Update&a="+this.taskInc[k]["taskName"]+"&i="+i;
|
||
}
|
||
var ids=this.taskInc[k]["ids"];
|
||
if(ids){
|
||
taskUrl=taskUrl+"&id="+ids[ids_key];
|
||
}
|
||
//如果当前
|
||
this.taskInc[k]["className"]="Finishing";
|
||
//如果是刷新内容页需要传递num和table字段
|
||
if(this.taskInc[k]["taskName"]=="updateDetai"){
|
||
taskUrl=taskUrl+"&table_name="+this.taskInc[k]["table"]+"&count="+this.taskInc[k]["num"];
|
||
}
|
||
var obj=this;
|
||
$.ajax({
|
||
url:taskUrl,
|
||
type:"get",
|
||
async:true,
|
||
dataType:'json',
|
||
success:function(result){
|
||
var status=result.status;
|
||
var data=result.info;
|
||
if(status){
|
||
//更新进度
|
||
obj.taskInc[k]["alreadyNum"]=obj.taskInc[k]["alreadyNum"]+data.num;
|
||
obj.updatePercent();
|
||
//这个任务执行完成了
|
||
if(data.complete==1){
|
||
//判断是不是栏目和自定义列表，需要刷新多个栏目的
|
||
if(obj.taskInc[k]["ids"]){
|
||
ids_key++;
|
||
if(obj.taskInc[k]["ids"][ids_key]){
|
||
//当前栏目刷新完成了，刷新下一个栏目
|
||
obj.sendTask(k,1,ids_key);
|
||
}else{
|
||
//这条任务刷新完成了，刷新下一个任务
|
||
obj.task_index++;//下一条任务
|
||
//obj.sendTask(k+1,1,0);
|
||
obj.foundTask();
|
||
}
|
||
}else{
|
||
//这条任务刷新完成了，刷新下一个任务
|
||
obj.task_index++;//下一条任务
|
||
//obj.sendTask(k+1,1,0);
|
||
obj.foundTask();
|
||
}
|
||
}else{
|
||
//未完成继续
|
||
i++;
|
||
obj.sendTask(k,i,ids_key);
|
||
}
|
||
}else{
|
||
layer.alert(data);
|
||
}
|
||
},
|
||
error:function(xhr,textStatus){
|
||
alert("程序出错"+xhr);
|
||
}
|
||
})
|
||
},
|
||
//更新进度条的
|
||
updatePercent:function(){
|
||
var allNum=0;
|
||
var alreadyNum=0;
|
||
for(var k in this.taskInc){
|
||
//当前进度
|
||
this.taskInc[k]["selfPerent"]=Math.ceil(this.taskInc[k]["alreadyNum"]/this.taskInc[k]["num"]*100);
|
||
//当前显示样式
|
||
if(this.taskInc[k]["selfPerent"]==100){
|
||
this.taskInc[k]["className"]="Finished";
|
||
//当这个任务完成后，将下个任务设置为开始状态。因为有的任务执行ajax请求时间长，ICON一直是灰色的状态
|
||
var nextK=parseInt(k)+1;
|
||
if(this.percent<100){
|
||
//this.taskInc[nextK]["className"]="Finishing";
|
||
}
|
||
}else if(this.taskInc[k]["selfPerent"]==0){
|
||
this.taskInc[k]["className"]="ReadFinishing";
|
||
}else{
|
||
this.taskInc[k]["className"]="Finishing";
|
||
}
|
||
//总体进度
|
||
allNum=allNum+Math.ceil(this.taskInc[k]["num"]);
|
||
this.allNum=allNum;
|
||
alreadyNum=alreadyNum+Math.ceil(this.taskInc[k]["alreadyNum"]);
|
||
|
||
}
|
||
var percent=alreadyNum/allNum*100;
|
||
this.percent=Math.ceil(percent);
|
||
//刷新完成
|
||
if(percent==100){
|
||
this.bigTitle="所有数据已更新完成！";
|
||
this.bigTitleDetail="总计用时："+this.timeStr+"，更新了"+this.allNum+"个页面。";
|
||
clearInterval(this.timeFun);
|
||
}
|
||
|
||
}
|
||
},
|
||
mounted:function(){
|
||
//开始执行任务
|
||
//this.sendTask(0,1,0);
|
||
this.task_index=this.taskInc[0].task_index;
|
||
this.foundTask();
|
||
//计时器
|
||
var count=0;
|
||
var obj=this;
|
||
this.timeFun=setInterval(function() {
|
||
var h = parseInt(count / 1000 / 60 / 60);
|
||
var m = parseInt(count / 1000 / 60) % 60;
|
||
var s = parseInt(count / 1000) % 60;
|
||
var ms = parseInt(count / 10) % 100;
|
||
h = h < 10 ? '0' + h : h;
|
||
m = m < 10 ? '0' + m : m;
|
||
s = s < 10 ? '0' + s : s;
|
||
ms = ms < 10 ? '0' + ms : ms;
|
||
obj.timeStr = h + ':' + m + ':' + s ;
|
||
count += 10;
|
||
}, 10)
|
||
},
|
||
});
|
||
</script> |