| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452 |
- <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="wxsystem_Default" %>
- <%@ Register Src="Systemtop.ascx" TagName="Systemtop" TagPrefix="uc2" %>
- <%@ Register Src="Systemleft.ascx" TagName="Systemleft" TagPrefix="uc3" %>
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>问卷调查系统后台</title>
- <meta name="keywords" content="问卷调查系统后台" />
- <meta name="description" content="问卷调查系统后台" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <!-- basic styles -->
- <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
- <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
- <!--[if IE 7]>
- <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
- <![endif]-->
- <!-- page specific plugin styles -->
- <!-- fonts -->
- <!-- ace styles -->
- <link rel="stylesheet" href="assets/css/ace.min.css" />
- <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
- <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
- <!--[if lte IE 8]>
- <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
- <![endif]-->
- <!-- inline styles related to this page -->
- <!-- ace settings handler -->
- <script src="assets/js/ace-extra.min.js"></script>
- <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
- <!--[if lt IE 9]>
- <script src="assets/js/html5shiv.js"></script>
- <script src="assets/js/respond.min.js"></script>
- <![endif]-->
- </head>
- <body>
- <uc2:Systemtop ID="Systemtop1" runat="server" />
- <div class="main-container" id="main-container">
- <script type="text/javascript">
- try { ace.settings.check('main-container', 'fixed') } catch (e) { }
- </script>
- <div class="main-container-inner">
- <a class="menu-toggler" id="menu-toggler" href="#">
- <span class="menu-text"></span>
- </a>
- <div class="sidebar" id="sidebar">
- <script type="text/javascript">
- try { ace.settings.check('sidebar', 'fixed') } catch (e) { }
- </script>
- <div class="sidebar-shortcuts" id="sidebar-shortcuts">
- <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
- <button class="btn btn-success">
- <i class="icon-signal"></i>
- </button>
- <button class="btn btn-info">
- <i class="icon-pencil"></i>
- </button>
- <button class="btn btn-warning">
- <i class="icon-group"></i>
- </button>
- <button class="btn btn-danger">
- <i class="icon-cogs"></i>
- </button>
- </div>
- <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
- <span class="btn btn-success"></span>
- <span class="btn btn-info"></span>
- <span class="btn btn-warning"></span>
- <span class="btn btn-danger"></span>
- </div>
- </div>
- <uc3:Systemleft ID="Systemleft1" runat="server" />
- <div class="sidebar-collapse" id="sidebar-collapse">
- <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
- </div>
- <script type="text/javascript">
- try { ace.settings.check('sidebar', 'collapsed') } catch (e) { }
- </script>
- </div>
- <div class="main-content">
- <div class="breadcrumbs" id="breadcrumbs">
- <script type="text/javascript">
- try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
- </script>
- <ul class="breadcrumb">
- <li>
- <i class="icon-home home-icon"></i>
- <a href="#">首页</a>
- </li>
- <li class="active">控制台</li>
- </ul><!-- .breadcrumb -->
- <div class="nav-search" id="nav-search">
- <form class="form-search" name="form1" method="post" action="Searchlist.aspx">
- <span class="input-icon">
- <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" name="keywords"/>
- <i class="icon-search nav-search-icon"></i>
- </span>
- </form>
- </div><!-- #nav-search -->
- </div>
- <div class="page-content">
- <div class="page-header">
- <h1>
- 控制台
- <small>
- <i class="icon-double-angle-right"></i>
- 查看
- </small>
- </h1>
- </div><!-- /.page-header -->
- <div class="row">
- <div class="col-xs-12">
- <!-- PAGE CONTENT BEGINS -->
- <div class="alert alert-block alert-success">
- <button type="button" class="close" data-dismiss="alert">
- <i class="icon-remove"></i>
- </button>
- <i class="icon-ok green"></i>
- 欢迎使用
- <strong class="green">
- 问卷管理系统
- <small></small>
- </strong>
- </div>
- <div class="row">
- <div class="space-6"></div>
- <div class="col-sm-7 infobox-container">
- <div class="infobox infobox-green ">
- <div class="infobox-icon">
- <i class="icon-comments"></i>
- </div>
- <div class="infobox-data">
- <span class="infobox-data-number"><a href="Evaluation.aspx"><%=pjcount %></a></span>
- <div class="infobox-content">收到评价数量</div>
- </div>
- </div>
- <div class="infobox infobox-red ">
- <div class="infobox-icon">
- <i class="icon-beaker"></i>
- </div>
- <div class="infobox-data">
- <span class="infobox-data-number"><a href="wyjy.aspx"><%=jycount %></a></span>
- <div class="infobox-content">收到我有话说数量</div>
- </div>
- </div>
- <div class="space-6"></div>
- </div>
- <div class="vspace-sm"></div>
- <!-- /span -->
- </div><!-- /row -->
- <!-- PAGE CONTENT ENDS -->
- </div><!-- /.col -->
- </div><!-- /.row -->
- </div><!-- /.page-content -->
- </div><!-- /.main-content -->
- <!-- /#ace-settings-container -->
- </div><!-- /.main-container-inner -->
- <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
- <i class="icon-double-angle-up icon-only bigger-110"></i>
- </a>
- </div><!-- /.main-container -->
- <!-- basic scripts -->
- <!--[if !IE]> -->
- <script src="assets/js/jquery.min.js"></script>
- <!-- <![endif]-->
- <!--[if IE]>
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <![endif]-->
- <!--[if !IE]> -->
- <script type="text/javascript">
- window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>" + "<" + "script>");
- </script>
- <!-- <![endif]-->
- <!--[if IE]>
- <script type="text/javascript">
- window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
- </script>
- <![endif]-->
- <script type="text/javascript">
- if ("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
- </script>
- <script src="assets/js/bootstrap.min.js"></script>
- <script src="assets/js/typeahead-bs2.min.js"></script>
- <!-- page specific plugin scripts -->
- <!--[if lte IE 8]>
- <script src="assets/js/excanvas.min.js"></script>
- <![endif]-->
- <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
- <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
- <script src="assets/js/jquery.slimscroll.min.js"></script>
- <script src="assets/js/jquery.easy-pie-chart.min.js"></script>
- <script src="assets/js/jquery.sparkline.min.js"></script>
- <script src="assets/js/flot/jquery.flot.min.js"></script>
- <script src="assets/js/flot/jquery.flot.pie.min.js"></script>
- <script src="assets/js/flot/jquery.flot.resize.min.js"></script>
- <!-- ace scripts -->
- <script src="assets/js/ace-elements.min.js"></script>
- <script src="assets/js/ace.min.js"></script>
- <!-- inline scripts related to this page -->
- <script type="text/javascript">
- jQuery(function ($) {
- $('.easy-pie-chart.percentage').each(function () {
- var $box = $(this).closest('.infobox');
- var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
- var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
- var size = parseInt($(this).data('size')) || 50;
- $(this).easyPieChart({
- barColor: barColor,
- trackColor: trackColor,
- scaleColor: false,
- lineCap: 'butt',
- lineWidth: parseInt(size / 10),
- animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
- size: size
- });
- })
- $('.sparkline').each(function () {
- var $box = $(this).closest('.infobox');
- var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
- $(this).sparkline('html', { tagValuesAttribute: 'data-values', type: 'bar', barColor: barColor, chartRangeMin: $(this).data('min') || 0 });
- });
- var placeholder = $('#piechart-placeholder').css({ 'width': '90%', 'min-height': '150px' });
- var data = [
- { label: "social networks", data: 38.7, color: "#68BC31" },
- { label: "search engines", data: 24.5, color: "#2091CF" },
- { label: "ad campaigns", data: 8.2, color: "#AF4E96" },
- { label: "direct traffic", data: 18.6, color: "#DA5430" },
- { label: "other", data: 10, color: "#FEE074" }
- ]
- function drawPieChart(placeholder, data, position) {
- $.plot(placeholder, data, {
- series: {
- pie: {
- show: true,
- tilt: 0.8,
- highlight: {
- opacity: 0.25
- },
- stroke: {
- color: '#fff',
- width: 2
- },
- startAngle: 2
- }
- },
- legend: {
- show: true,
- position: position || "ne",
- labelBoxBorderColor: null,
- margin: [-30, 15]
- }
- ,
- grid: {
- hoverable: true,
- clickable: true
- }
- })
- }
- drawPieChart(placeholder, data);
- /**
- we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
- so that's not needed actually.
- */
- placeholder.data('chart', data);
- placeholder.data('draw', drawPieChart);
- var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
- var previousPoint = null;
- placeholder.on('plothover', function (event, pos, item) {
- if (item) {
- if (previousPoint != item.seriesIndex) {
- previousPoint = item.seriesIndex;
- var tip = item.series['label'] + " : " + item.series['percent'] + '%';
- $tooltip.show().children(0).text(tip);
- }
- $tooltip.css({ top: pos.pageY + 10, left: pos.pageX + 10 });
- } else {
- $tooltip.hide();
- previousPoint = null;
- }
- });
- var d1 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.5) {
- d1.push([i, Math.sin(i)]);
- }
- var d2 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.5) {
- d2.push([i, Math.cos(i)]);
- }
- var d3 = [];
- for (var i = 0; i < Math.PI * 2; i += 0.2) {
- d3.push([i, Math.tan(i)]);
- }
- var sales_charts = $('#sales-charts').css({ 'width': '100%', 'height': '220px' });
- $.plot("#sales-charts", [
- { label: "Domains", data: d1 },
- { label: "Hosting", data: d2 },
- { label: "Services", data: d3 }
- ], {
- hoverable: true,
- shadowSize: 0,
- series: {
- lines: { show: true },
- points: { show: true }
- },
- xaxis: {
- tickLength: 0
- },
- yaxis: {
- ticks: 10,
- min: -2,
- max: 2,
- tickDecimals: 3
- },
- grid: {
- backgroundColor: { colors: ["#fff", "#fff"] },
- borderWidth: 1,
- borderColor: '#555'
- }
- });
- $('#recent-box [data-rel="tooltip"]').tooltip({ placement: tooltip_placement });
- function tooltip_placement(context, source) {
- var $source = $(source);
- var $parent = $source.closest('.tab-content')
- var off1 = $parent.offset();
- var w1 = $parent.width();
- var off2 = $source.offset();
- var w2 = $source.width();
- if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
- return 'left';
- }
- $('.dialogs,.comments').slimScroll({
- height: '300px'
- });
- //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
- //so disable dragging when clicking on label
- var agent = navigator.userAgent.toLowerCase();
- if ("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
- $('#tasks').on('touchstart', function (e) {
- var li = $(e.target).closest('#tasks li');
- if (li.length == 0) return;
- var label = li.find('label.inline').get(0);
- if (label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation();
- });
- $('#tasks').sortable({
- opacity: 0.8,
- revert: true,
- forceHelperSize: true,
- placeholder: 'draggable-placeholder',
- forcePlaceholderSize: true,
- tolerance: 'pointer',
- stop: function (event, ui) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
- $(ui.item).css('z-index', 'auto');
- }
- }
- );
- $('#tasks').disableSelection();
- $('#tasks input:checkbox').removeAttr('checked').on('click', function () {
- if (this.checked) $(this).closest('li').addClass('selected');
- else $(this).closest('li').removeClass('selected');
- });
- })
- </script>
- </body>
- </html>
|