{include file='common/head.html'}

<div class="layui-body">
	<div class="layui-tab layui-tab-brief" lay-filter="tab">
	  <ul class="layui-tab-title">
	    <li class="layui-this" lay-id="t1">静态生成</li>
	  </ul>
	  
	  <div class="layui-tab-content">
  	     <div class="layui-tab-item layui-form  layui-show">
  	     
  	     	 <div class="layui-form-item">
                  <label class="layui-form-label">生成首页</label>
                  <button type="button" class="layui-btn make" data-type="1">立即生成首页</button>
             </div>
             
             <div class="layui-form-item">
                  <label class="layui-form-label">生成全站</label>
             		 <button type="button" class="layui-btn layui-btn-danger" onclick="startAjaxMake()">安全生成全站 (防卡死版)</button>
                  <span class="layui-word-aux">（采用本地异步网络分批处理，数据量大时也不会超时）</span>
             </div>
             
     		 <div class="layui-form-item">
                  <label class="layui-form-label">生成栏目页</label>
                  <div class="layui-input-inline">
	                  <select name="scode">
	                      <option value="0" >全部栏目</option>
	                      {$sort_select}
	                  </select>
                  </div>
                  <button type="button" class="layui-btn make" data-type="3">立即生成栏目页</button>
             </div>
             
             <div class="layui-form-item">
                  <label class="layui-form-label">生成内容页</label>
                  <div class="layui-input-inline">
	                  <select name="scode">
	                      <option value="0" >全部栏目</option>
	                      {$sort_select2}
	                  </select>
                  </div>
                  <button type="button" class="layui-btn makecontent" data-type="4">立即生成内容页</button>
             </div>
             
             <div class="layui-form-item">
                   <label class="layui-form-label">按日期生成</label>
                   <div class="layui-input-inline">
                   	<input type="text" id="date" value="{fun=date('Y-m-d')}" readonly placeholder="请选择发布时间"  class="layui-input date">
                   </div>
                   <button type="button" class="layui-btn makecontent" data-type="5">立即按日期生成</button>
              </div>

             <div class="layui-form-item">
                 <label class="layui-form-label"></label>
                 <div style="width: 500px; padding: 20px; border: 1px solid #e2e2e2; background: #fff; display: none; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,.05);" id="ajax-progress-box">
                     <h4 style="margin-bottom: 15px; border-left: 4px solid #009688; padding-left: 10px; font-size: 16px; color:#333;">全站静态化任务进度</h4>
                     <div style="margin-bottom: 15px; color: #ff5722; font-weight: bold; font-size: 14px;" id="ajax-progress-text">等待执行...</div>
                     <div class="layui-progress layui-progress-big" lay-showpercent="true">
                         <div class="layui-progress-bar layui-bg-green" lay-percent="0%" id="ajax-progress-bar" style="width: 0%; text-align: center; color: #fff;">0%</div>
                     </div>
                 </div>
             </div>

  	     </div>
	   </div>
	</div>
</div>

<script>
// ================= 原生 PbootCMS 生成逻辑 =================
$(".make").on("click",function(){
	 var type=$(this).data("type");
	 var scode=$(this).parents(".layui-form-item").find("select").val();
	 var date=$("#date").val();
	 
	 var lyindex;
	 layui.use('layer', function(){
		var layer = layui.layer;
		lyindex = layer.open({
			type: 1,
			title:'温馨提示',
			closeBtn:0,
			content: '<div style="padding:20px 10px;"><img src="{APP_THEME_DIR}/layui/css/modules/layer/default/loading-0.gif">正在生成...<div>' 
		});
	 });
	
	var url= "?p=/MakeHtml/index";
	$.ajax({
   	  type: 'GET',
   	  url: url,
   	  data:{
   		  type:type,
   		  scode:scode,
   		  date:date
   	  },
   	  dataType: 'json',
   	  success: function (response, status) {
   		  if(response.code==1){
   			 layer.close(lyindex);
      		 layer.msg(response.data, {icon: 1});
   		  }else{
   			layer.close(lyindex);
   			layer.open({
	 			  type: 0,
	 			  title:'错误提示：',
	 			  closeBtn:0,
	 			  btn: ['确认'],
	 			  content: response.data,
	 			  yes: function(index, layero){
	 				  layer.close(index); 
	 			  }
	 		 });
   		  }
        },
        error:function(xhr,status,error){
      	  layer.close(lyindex);
        	  layer.msg("执行生成发生错误!", {icon: 5});
        }
   	});
});

// 生成内容页面，分别请求
$(".makecontent").on("click",function(){
	 var type=$(this).data("type");
	 var scode=$(this).parents(".layui-form-item").find("select").val();
	 var date=$("#date").val();
	 
	 var lyindex;
	 layui.use('layer', function(){
		var layer = layui.layer;
		lyindex = layer.open({
			type: 1,
			title:'温馨提示',
			closeBtn:0,
			content: '<div style="padding:20px 10px;"><img src="{APP_THEME_DIR}/layui/css/modules/layer/default/loading-0.gif"><span id="layer-content">开始生成...</span><div>' 
		});
	 });
	
	var url= "?p=/MakeHtml/getContentIds";
	var url2= "?p=/MakeHtml/index";
	$.ajax({
   	  type: 'GET',
   	  url: url,
   	  data:{
   		 type:type,
   		 scode:scode,
   		 date:date
   	  },
   	  dataType: 'json',
   	  success: function (response, status) {
   		  if(response.code==1){
   			  var exe=0;
   			  var len = response.data.length;
   			  var err="";
   			  if(len>0){
	   			　$.each(response.data,function(index,obj){
	   			 	$('#layer-content').text("正在生成文章"+obj+"！");
	   			    setTimeout(function () { 
	   			    	var request=$.ajax({
			   			   	  type: 'GET',
			   			   	  url: url2,
			   			   	  data:{
			   			   	 	  type:type,
			   			  		  ids:obj,
			   			  	 	  date:date
			   			   	  },
			   			   	  dataType: 'json',
			   			   	  success: function (response, status) {
			   			   	 	 if(response.code==1){
			   			   	 	 	$('#layer-content').text("生成文章"+obj+"成功！");
			   			   	 	 }else{
			   			  			$('#layer-content').text(response.data);
			   			  			err += response.data+"<br>";
			   			   	 	 }
			   			  		 exe++;
			   			  		 if(exe==len){
			   			  			layer.close(lyindex);
			   			  			if(err!=""){
				   			  			layer.open({
							 			  type: 0,
							 			  title:'错误提示：',
							 			  closeBtn:0,
							 			  btn: ['确认'],
							 			  content: err,
							 			  yes: function(index, layero){
							 				  layer.close(index); 
							 			  }
							 			});
			   			  			}
			   			  		 }
			   			   	  },
			 		          error:function(xhr,status,error){
			   		     	  	  layer.close(lyindex);
				   		       	  layer.msg("执行生成发生错误！", {icon: 5});
				   		      }
		   			   	  })
	   				 }, index*100);
	   			　})
   			  }else{
   				layer.close(lyindex); 
   				layer.msg("没有查询到任何文章！", {icon: 5});
   			  }
   		  }else{
   			layer.close(lyindex);
   			layer.open({
	 			  type: 0,
	 			  title:'错误提示：',
	 			  closeBtn:0,
	 			  btn: ['确认'],
	 			  content: response.data,
	 			  yes: function(index, layero){
	 				  layer.close(index); 
	 			  }
	 		 });
   		  }
        },
        error:function(xhr,status,error){
      	  layer.close(lyindex);
        	  layer.msg("执行生成发生错误!", {icon: 5});
        }
   	});
})

// ================= 我们新增的异步分批防卡死逻辑 =================
var ajaxUrlQueue = [];
var totalUrls = 0;
var currentIndex = 0;

function startAjaxMake() {
    if(!confirm('该操作将通过本地网络请求逐步生成全站文件，确定开始吗？')) return;

    $('#ajax-progress-box').fadeIn();
    $('#ajax-progress-text').text('正在查询全站链接库，数据量大时需等待数秒...');
    $('#ajax-progress-bar').css('width', '0%').text('0%');

    $.ajax({
        url: "{url./admin/MakeHtml/getAjaxUrlList}",
        type: 'GET',
        dataType: 'json',
        success: function(res) {
            if(res.code == 1) {
                ajaxUrlQueue = res.data;
                totalUrls = ajaxUrlQueue.length;
                currentIndex = 0;
                
                if (totalUrls === 0) {
                    $('#ajax-progress-text').text('获取到的链接数为 0，请检查网站内容或伪静态配置。');
                    return;
                }
                
                $('#ajax-progress-text').text('共锁定 ' + totalUrls + ' 个页面，准备开始执行生成...');
                buildNext();
            } else {
                alert('链接池获取失败：' + res.data);
            }
        },
        error: function() {
            alert('服务器响应异常，无法获取链接库。请确认后端的 PHP 代码已正确添加。');
        }
    });
}

function buildNext() {
    if(currentIndex >= totalUrls) {
        $('#ajax-progress-text').text('静态化任务结束！全站物理文件已生成完毕。').css('color', '#009688');
        $('#ajax-progress-bar').css('width', '100%').text('100%');
        return;
    }

    var targetUrl = ajaxUrlQueue[currentIndex];
    var percentValue = Math.floor(((currentIndex + 1) / totalUrls) * 100);
    var percentStr = percentValue + '%';

    $('#ajax-progress-text').text('正在抓取并生成 [' + (currentIndex + 1) + '/' + totalUrls + '] : ' + targetUrl);
    $('#ajax-progress-bar').css('width', percentStr).text(percentStr);

    $.ajax({
        url: "{url./admin/MakeHtml/buildAjaxSingle}",
        type: 'POST',
        data: { url: targetUrl },
        timeout: 15000, 
        success: function(res) {
            currentIndex++;
            buildNext(); 
        },
        error: function() {
            console.warn('节点超时或网络波动跳过: ' + targetUrl);
            currentIndex++;
            buildNext(); 
        }
    });
}
</script>
{include file='common/foot.html'}