index.jsp 7.96 KB
<%@ page language="java" contentType="text/html; charset=UTF-8" %>
<%@ page import="weaver.general.Util" %>
<%@ page import="com.api.formmode.cache.CustomSearchComInfo" %>
<script type="text/javascript" src="/js/select/script/jquery-1.8.3.min_wev8.js"></script>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title></title>
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/swiper.min.css">
<link rel="stylesheet" href="css/index.css">
<script type="text/javascript" src="/js/select/script/jquery-1.8.3.min_wev8.js"></script>
<%@ include file="/systeminfo/init_wev8.jsp" %>
<script src="js/setBar.js"></script>
<script src="js/customPage.js"></script>

<style>

.cube-list-progress{
	margin-top: 5px;
	max-width:200px;
}
.ant-progress-outer {
    display: inline-block;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
}

.ant-progress-text {
    color: #999;
    width: 42px;
    text-align: left;
    font-size: 1em;
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    font-family: tahoma;
}

.ant-progress-inner {
    display: inline-block;
    width: 100%;
    background-color: #e2e2e2;
    border-radius: 100px;
    vertical-align: middle;
}

.ant-progress-bg {
    border-radius: 100px;
    background-color: #2db7f5;
    -webkit-transition: all .4s cubic-bezier(.08,.82,.17,1) 0s;
    -o-transition: all .4s cubic-bezier(.08,.82,.17,1) 0s;
    transition: all .4s cubic-bezier(.08,.82,.17,1) 0s;
    position: relative;
}

</style>
<%
    int customid = Util.getIntValue(request.getParameter("customid"));
	String tempquerystring = Util.null2String(request.getQueryString());
	tempquerystring  = new String(tempquerystring.getBytes("ISO8859-1"), "UTF-8");
	String customidStr = "";
	if(tempquerystring.indexOf("customid=")==-1){
		customidStr ="customid="+customid+"&";
	}
 	String url = "/formmode/e9resource/custompage/getCustomPageData.jsp?"+customidStr+tempquerystring;
	String moreUrl = "/spa/cube/index.html#/main/cube/search?"+customidStr+tempquerystring;
	CustomSearchComInfo customSearchComInfo=new CustomSearchComInfo();
	String customName = customSearchComInfo.getCustomName(customid+"");
	//int pageNum = Util.getIntValue(customSearchComInfo.getPageNumber(customid+""));
	int pageNum=20;//默认显示20条
	int isShowMore = Util.getIntValue(request.getParameter("isShowMore"),0); //0 不显示更多、 1 显示更多.方便布局嵌套这个页面使用
	String datefield =Util.null2String(request.getParameter("datefield"));
%>
<script language="javascript">
    $(document).ready(function(){
        var isShowMore=<%=isShowMore%>;
		var customName = "<%=customName%>";
        getData();
        $(document).on('click', '.div_tx_box li', function() {
            if(!$(this).hasClass('active')){

                $(this).addClass('active').siblings().removeClass('active');
            }else{
                $(this).removeClass('active')
            }
            $(this).next(".navContent").slideToggle(300).siblings(".navContent").slideUp(500)
        })
    });

    function getData() {
        var num = <%=pageNum%>;
        var datefield ="<%=datefield%>"
        jQuery.ajax({
            url: "<%=url%>"+"&pageno="+(parseInt($("#pageno").val())+1),
            dataType: "json",
            type:"get",
            async:false,
            //  contentType : "charset=utf-8",
            error: function(){if(window.console)console.log("error");},
            success:function(data){
                if(data.length<1){
                    $(".notic_line").hide();
                    jQuery("#noData").html("暂无数据")
                    return;
                }
                $("#pageno").val(parseInt($("#pageno").val())+1);
                $.each(data, function(idx, obj) {
                    if(obj.length<1){
                        return;
                    }
                    for (var titleKey in obj) {
                        if(titleKey=="error"){
                            jQuery("#noData").html(obj.error)
                            return;
                        }
                        var liHtml="";
                        if(datefield==""){
                            $(".notic_line").css("margin-left","19px");
                            liHtml="<div class='title-right' ><span class=\"span_circle\"></span>"+
                                "<span class=\"span_title\">"+titleKey.split("&@$")[0]+"</span></div>";
						}else{
                            liHtml="<div class='title-left'>"+
                            "<div class='date-md'>"+obj[titleKey].timeline_time+"</div><div class='date-year'>"+obj[titleKey].timeline_date+"</div></div>"+
                            "<div class='title-right' ><span class=\"span_circle\"></span>"+
                            "<span class=\"span_title\">"+titleKey+"</span></div>";
						}

                        if((obj[titleKey].isVirtualForm)==false){//实际表单  {"测试复选框4":{"xmmc":"测试复选框4","jeqfw":"","xmms":"","zs":"","id":"29","formmodeid":"1073","isVirtualForm":false,"formId":-104,"customid":1075}}
                            $("#box").append("<li>"+liHtml +"</li>");
                            var  spanHtml  = "";
                            for (var key in obj[titleKey]) { // 遍历Map
                                if(key=="isVirtualForm"||key=="formId"||key=="customid"||key=="id"||key=="formmodeid"||key=="d_id"||key=="timeline_time"||key=="timeline_date"){continue;}
                                spanHtml+="<span class=\"span_dktx_htbh\">"+key+":"+obj[titleKey][key]+"</span>";
                            }
                            var div1 = document.createElement('div')
                            jQuery(div1).attr('class','navContent');
                            $(div1).append(spanHtml+
                                "<a href=\"/spa/cube/index.html#/main/cube/card?type=0&modeId="+obj[titleKey].formmodeid+"&formId="+obj[titleKey].formId+"&billid="+obj[titleKey].id+"&opentype=0&customid="+obj[titleKey].customid+"&viewfrom=fromsearchlist\" target=_blank><span class=\"span_ckxq\">查看详情</span></a>");
                            $("#box").append(div1);
                        }else{
                            $("#box").append("<li>"+liHtml +"</li>");
                            var  spanHtml  = "";
                            for (var key in obj[titleKey]) { // 遍历Map
                                if(key=="isVirtualForm"||key=="formId"||key=="customid"||key=="id"||key=="formmodeid"||key=="virtual_modeid"||key=="virtual_billid"||key=="timeline_time"||key=="timeline_date"){continue;}

                                spanHtml+="<span class=\"span_dktx_htbh\">"+key+":"+obj[titleKey][key]+"</span>";
                            }
                            $("#box").append("<div class=\"navContent\" >"+
                                spanHtml+
                                "<a href=\"/spa/cube/index.html#/main/cube/card?type=0&modeId="+obj[titleKey].virtual_modeid+"&formId="+obj[titleKey].formId+"&billid="+obj[titleKey].virtual_billid+"&opentype=0&customid="+obj[titleKey].customid+"&viewfrom=fromsearchlist\" target=_blank><span class=\"span_ckxq\">查看详情</span></a></div>");

                        }
                    }



                });
            }
        });
    }


	</script>
</head>
<body>
<input name="pageno" id="pageno" type=hidden value="0"/>
<input name="moreUrl" id="moreUrl" type=hidden value="<%=moreUrl%>"/>
	<div class="div_tx_box">
		<%if(isShowMore==1){%>
		<div class="customPageLogo" id="customPageLogo" >
			<img src='images/nav/tit.png' class="title-img">
			<div class="objName" onclick="moreData()" id="objName"  ><%=customName%></div>
		</div>
		<div class="link-top"></div>
		<%}%>
		<div class="div_htdq" id="div_htdq">
			<span class="notic_line"></span>
			<div class="div_tx_box_hide">
			<ul id="box">
			</ul>
			</div>
			<div id="noData"  style="text-align: center;display:block;font-style:italic;font-size: 0.5em;position:absolute;top:5px;left:45%;"></div>
		</div>
	</div>
</body>
</html>