<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@include file="/resources/include.jsp"%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <META http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>æŠ¥è¡¨å±•ç¤º</title>
    <!--background theme-->
    <link rel="stylesheet" type="text/css" href="resources/css/backgroundTheme.css">
    <!-- Bootstrap Core CSS -->
    <link href="resources/js/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="resources/js/lib/bootstrap/css/bootstrap.vertical-tabs.css" rel="stylesheet">
    <!-- Font Icons -->
    <link href="resources/js/lib/bootstrap/css/font-awesome.css" rel="stylesheet">
    <!-- Animate -->
    <link href="resources/js/lib/bootstrap/css/animate.css" rel="stylesheet">
    <!--flat admin-->
    <link rel="stylesheet" type="text/css" href="resources/js/lib/flatadmin/css/style.css">
    <link rel="stylesheet" type="text/css" href="resources/js/lib/flatadmin/css/themes/flat-blue.css">
    <!-- checkbox -->
    <link rel="stylesheet" type="text/css" href="resources/js/lib/flatadmin/lib/css/checkbox3.min.css">
    <!--custome CSS-->
    <link href="resources/css/dataAnalysis.css" rel="stylesheet">
    <!--jRange CSS-->
    <link href="resources/js/lib/jRange/jquery.range.css" rel="stylesheet">
    <!--table CSS-->
    <link href="resources/css/svgTable.css" rel="stylesheet">

    <style>
        .filterIcon{
            margin-top: 30px;
            right: 30px;;
            font-size: 30px;
            position: fixed;
            color: cornflowerblue;
            border:solid 2px cornflowerblue;
            padding: 3px;
        }

        #accordion{
            position: fixed;
            margin-top: 80px;
            right: 15px;
            overflow: auto;
            overflow-y: visible;
            height: 400px;
            padding: 0px;
        }

        .loader-container{
            display: none;
            position :fixed;
            top:80px;
            z-index: 99999999;
            right: 30px;
        }

        [v-cloak] {
            display: none;
        }

        .draggable {
            background: white;
            position: absolute;
            display: inline-block;
        }

        .paging {
            text-align: center;
        }

        .container-fluid table {
            height: 77%;
        }

        .container-fluid tr {
            text-align: center;
        }

        #operate {
            display: none;
        }

        td {
            height: 25px;
        }
    </style>
</head>
<body>
<div class="container" id="app" style="width: 100%">
    <input type="hidden" value="${exportId}" id="exportId">
    <div class="container-fluid">
        <div v-for="item in widgets" style="overflow: auto" v-bind:style="{ width:item.width, height:item.height, transform: 'translate(' + item.datax + 'px,' + item.datay + 'px)' }" class="draggable" v-bind:chartType="item.chartType" v-bind:id="item.id" v-bind:chartId="item.chartId" v-bind:data-x="item.datax" v-bind:data-y="item.datay" >
            <img style="display: none" v-if="item.chartType === 'text:subGroupOfImage' " v-bind:src="item.hideImg">
            <div v-if="item.id  in renderFailList" v-cloak style="text-align: center;padding-top: 40%;"><span class="glyphicon glyphicon-flash" style="font-size: 40px;display:block" aria-hidden="true"></span><span class="glyphicon-class" style="font-size:25px;">å½“å‰å›¾è¡¨æ¸²æŸ“å¤±è´¥ï¼Œè¯·æ£€æŸ¥æ•°æ®åº“é“¾æŽ¥æ˜¯å¦æ£å¸¸!</span></div>
        </div>
    </div>
</div>
<script>
    var search = function(thisObj) {
        var table = $(thisObj).closest('table')[0];
        var rowLength = table.rows.length;
        for(var i=2;i<rowLength;i++){
            var display = '';
            $(thisObj).closest('table').find("input").each(function(index){
                var key = $(this).val();
                var cellText = table.rows[i].cells[index].innerHTML;

                if(!cellText.match(key) && key != ''){
                    display = 'none';
                }
                table.rows[i].style.display = display;
            });
        }
    }
</script>
<script src="resources/js/lib/require.js" defer async="true" data-main="resources/js/app/exportPanel"></script>
</body>
</html>