Default.aspx 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="wxsystem_Default" %>
  2. <%@ Register Src="Systemtop.ascx" TagName="Systemtop" TagPrefix="uc2" %>
  3. <%@ Register Src="Systemleft.ascx" TagName="Systemleft" TagPrefix="uc3" %>
  4. <!DOCTYPE html>
  5. <html>
  6. <head>
  7. <meta charset="utf-8" />
  8. <title>问卷调查系统后台</title>
  9. <meta name="keywords" content="问卷调查系统后台" />
  10. <meta name="description" content="问卷调查系统后台" />
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  12. <!-- basic styles -->
  13. <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
  14. <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
  15. <!--[if IE 7]>
  16. <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
  17. <![endif]-->
  18. <!-- page specific plugin styles -->
  19. <!-- fonts -->
  20. <!-- ace styles -->
  21. <link rel="stylesheet" href="assets/css/ace.min.css" />
  22. <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
  23. <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
  24. <!--[if lte IE 8]>
  25. <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
  26. <![endif]-->
  27. <!-- inline styles related to this page -->
  28. <!-- ace settings handler -->
  29. <script src="assets/js/ace-extra.min.js"></script>
  30. <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
  31. <!--[if lt IE 9]>
  32. <script src="assets/js/html5shiv.js"></script>
  33. <script src="assets/js/respond.min.js"></script>
  34. <![endif]-->
  35. </head>
  36. <body>
  37. <uc2:Systemtop ID="Systemtop1" runat="server" />
  38. <div class="main-container" id="main-container">
  39. <script type="text/javascript">
  40. try { ace.settings.check('main-container', 'fixed') } catch (e) { }
  41. </script>
  42. <div class="main-container-inner">
  43. <a class="menu-toggler" id="menu-toggler" href="#">
  44. <span class="menu-text"></span>
  45. </a>
  46. <div class="sidebar" id="sidebar">
  47. <script type="text/javascript">
  48. try { ace.settings.check('sidebar', 'fixed') } catch (e) { }
  49. </script>
  50. <div class="sidebar-shortcuts" id="sidebar-shortcuts">
  51. <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">
  52. <button class="btn btn-success">
  53. <i class="icon-signal"></i>
  54. </button>
  55. <button class="btn btn-info">
  56. <i class="icon-pencil"></i>
  57. </button>
  58. <button class="btn btn-warning">
  59. <i class="icon-group"></i>
  60. </button>
  61. <button class="btn btn-danger">
  62. <i class="icon-cogs"></i>
  63. </button>
  64. </div>
  65. <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
  66. <span class="btn btn-success"></span>
  67. <span class="btn btn-info"></span>
  68. <span class="btn btn-warning"></span>
  69. <span class="btn btn-danger"></span>
  70. </div>
  71. </div>
  72. <uc3:Systemleft ID="Systemleft1" runat="server" />
  73. <div class="sidebar-collapse" id="sidebar-collapse">
  74. <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
  75. </div>
  76. <script type="text/javascript">
  77. try { ace.settings.check('sidebar', 'collapsed') } catch (e) { }
  78. </script>
  79. </div>
  80. <div class="main-content">
  81. <div class="breadcrumbs" id="breadcrumbs">
  82. <script type="text/javascript">
  83. try { ace.settings.check('breadcrumbs', 'fixed') } catch (e) { }
  84. </script>
  85. <ul class="breadcrumb">
  86. <li>
  87. <i class="icon-home home-icon"></i>
  88. <a href="#">首页</a>
  89. </li>
  90. <li class="active">控制台</li>
  91. </ul><!-- .breadcrumb -->
  92. <div class="nav-search" id="nav-search">
  93. <form class="form-search" name="form1" method="post" action="Searchlist.aspx">
  94. <span class="input-icon">
  95. <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" name="keywords"/>
  96. <i class="icon-search nav-search-icon"></i>
  97. </span>
  98. </form>
  99. </div><!-- #nav-search -->
  100. </div>
  101. <div class="page-content">
  102. <div class="page-header">
  103. <h1>
  104. 控制台
  105. <small>
  106. <i class="icon-double-angle-right"></i>
  107. 查看
  108. </small>
  109. </h1>
  110. </div><!-- /.page-header -->
  111. <div class="row">
  112. <div class="col-xs-12">
  113. <!-- PAGE CONTENT BEGINS -->
  114. <div class="alert alert-block alert-success">
  115. <button type="button" class="close" data-dismiss="alert">
  116. <i class="icon-remove"></i>
  117. </button>
  118. <i class="icon-ok green"></i>
  119. 欢迎使用
  120. <strong class="green">
  121. 问卷管理系统
  122. <small></small>
  123. </strong>
  124. </div>
  125. <div class="row">
  126. <div class="space-6"></div>
  127. <div class="col-sm-7 infobox-container">
  128. <div class="infobox infobox-green ">
  129. <div class="infobox-icon">
  130. <i class="icon-comments"></i>
  131. </div>
  132. <div class="infobox-data">
  133. <span class="infobox-data-number"><a href="Evaluation.aspx"><%=pjcount %></a></span>
  134. <div class="infobox-content">收到评价数量</div>
  135. </div>
  136. </div>
  137. <div class="infobox infobox-red ">
  138. <div class="infobox-icon">
  139. <i class="icon-beaker"></i>
  140. </div>
  141. <div class="infobox-data">
  142. <span class="infobox-data-number"><a href="wyjy.aspx"><%=jycount %></a></span>
  143. <div class="infobox-content">收到我有话说数量</div>
  144. </div>
  145. </div>
  146. <div class="space-6"></div>
  147. </div>
  148. <div class="vspace-sm"></div>
  149. <!-- /span -->
  150. </div><!-- /row -->
  151. <!-- PAGE CONTENT ENDS -->
  152. </div><!-- /.col -->
  153. </div><!-- /.row -->
  154. </div><!-- /.page-content -->
  155. </div><!-- /.main-content -->
  156. <!-- /#ace-settings-container -->
  157. </div><!-- /.main-container-inner -->
  158. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  159. <i class="icon-double-angle-up icon-only bigger-110"></i>
  160. </a>
  161. </div><!-- /.main-container -->
  162. <!-- basic scripts -->
  163. <!--[if !IE]> -->
  164. <script src="assets/js/jquery.min.js"></script>
  165. <!-- <![endif]-->
  166. <!--[if IE]>
  167. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  168. <![endif]-->
  169. <!--[if !IE]> -->
  170. <script type="text/javascript">
  171. window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>" + "<" + "script>");
  172. </script>
  173. <!-- <![endif]-->
  174. <!--[if IE]>
  175. <script type="text/javascript">
  176. window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"script>");
  177. </script>
  178. <![endif]-->
  179. <script type="text/javascript">
  180. if ("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>" + "<" + "script>");
  181. </script>
  182. <script src="assets/js/bootstrap.min.js"></script>
  183. <script src="assets/js/typeahead-bs2.min.js"></script>
  184. <!-- page specific plugin scripts -->
  185. <!--[if lte IE 8]>
  186. <script src="assets/js/excanvas.min.js"></script>
  187. <![endif]-->
  188. <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
  189. <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
  190. <script src="assets/js/jquery.slimscroll.min.js"></script>
  191. <script src="assets/js/jquery.easy-pie-chart.min.js"></script>
  192. <script src="assets/js/jquery.sparkline.min.js"></script>
  193. <script src="assets/js/flot/jquery.flot.min.js"></script>
  194. <script src="assets/js/flot/jquery.flot.pie.min.js"></script>
  195. <script src="assets/js/flot/jquery.flot.resize.min.js"></script>
  196. <!-- ace scripts -->
  197. <script src="assets/js/ace-elements.min.js"></script>
  198. <script src="assets/js/ace.min.js"></script>
  199. <!-- inline scripts related to this page -->
  200. <script type="text/javascript">
  201. jQuery(function ($) {
  202. $('.easy-pie-chart.percentage').each(function () {
  203. var $box = $(this).closest('.infobox');
  204. var barColor = $(this).data('color') || (!$box.hasClass('infobox-dark') ? $box.css('color') : 'rgba(255,255,255,0.95)');
  205. var trackColor = barColor == 'rgba(255,255,255,0.95)' ? 'rgba(255,255,255,0.25)' : '#E2E2E2';
  206. var size = parseInt($(this).data('size')) || 50;
  207. $(this).easyPieChart({
  208. barColor: barColor,
  209. trackColor: trackColor,
  210. scaleColor: false,
  211. lineCap: 'butt',
  212. lineWidth: parseInt(size / 10),
  213. animate: /msie\s*(8|7|6)/.test(navigator.userAgent.toLowerCase()) ? false : 1000,
  214. size: size
  215. });
  216. })
  217. $('.sparkline').each(function () {
  218. var $box = $(this).closest('.infobox');
  219. var barColor = !$box.hasClass('infobox-dark') ? $box.css('color') : '#FFF';
  220. $(this).sparkline('html', { tagValuesAttribute: 'data-values', type: 'bar', barColor: barColor, chartRangeMin: $(this).data('min') || 0 });
  221. });
  222. var placeholder = $('#piechart-placeholder').css({ 'width': '90%', 'min-height': '150px' });
  223. var data = [
  224. { label: "social networks", data: 38.7, color: "#68BC31" },
  225. { label: "search engines", data: 24.5, color: "#2091CF" },
  226. { label: "ad campaigns", data: 8.2, color: "#AF4E96" },
  227. { label: "direct traffic", data: 18.6, color: "#DA5430" },
  228. { label: "other", data: 10, color: "#FEE074" }
  229. ]
  230. function drawPieChart(placeholder, data, position) {
  231. $.plot(placeholder, data, {
  232. series: {
  233. pie: {
  234. show: true,
  235. tilt: 0.8,
  236. highlight: {
  237. opacity: 0.25
  238. },
  239. stroke: {
  240. color: '#fff',
  241. width: 2
  242. },
  243. startAngle: 2
  244. }
  245. },
  246. legend: {
  247. show: true,
  248. position: position || "ne",
  249. labelBoxBorderColor: null,
  250. margin: [-30, 15]
  251. }
  252. ,
  253. grid: {
  254. hoverable: true,
  255. clickable: true
  256. }
  257. })
  258. }
  259. drawPieChart(placeholder, data);
  260. /**
  261. we saved the drawing function and the data to redraw with different position later when switching to RTL mode dynamically
  262. so that's not needed actually.
  263. */
  264. placeholder.data('chart', data);
  265. placeholder.data('draw', drawPieChart);
  266. var $tooltip = $("<div class='tooltip top in'><div class='tooltip-inner'></div></div>").hide().appendTo('body');
  267. var previousPoint = null;
  268. placeholder.on('plothover', function (event, pos, item) {
  269. if (item) {
  270. if (previousPoint != item.seriesIndex) {
  271. previousPoint = item.seriesIndex;
  272. var tip = item.series['label'] + " : " + item.series['percent'] + '%';
  273. $tooltip.show().children(0).text(tip);
  274. }
  275. $tooltip.css({ top: pos.pageY + 10, left: pos.pageX + 10 });
  276. } else {
  277. $tooltip.hide();
  278. previousPoint = null;
  279. }
  280. });
  281. var d1 = [];
  282. for (var i = 0; i < Math.PI * 2; i += 0.5) {
  283. d1.push([i, Math.sin(i)]);
  284. }
  285. var d2 = [];
  286. for (var i = 0; i < Math.PI * 2; i += 0.5) {
  287. d2.push([i, Math.cos(i)]);
  288. }
  289. var d3 = [];
  290. for (var i = 0; i < Math.PI * 2; i += 0.2) {
  291. d3.push([i, Math.tan(i)]);
  292. }
  293. var sales_charts = $('#sales-charts').css({ 'width': '100%', 'height': '220px' });
  294. $.plot("#sales-charts", [
  295. { label: "Domains", data: d1 },
  296. { label: "Hosting", data: d2 },
  297. { label: "Services", data: d3 }
  298. ], {
  299. hoverable: true,
  300. shadowSize: 0,
  301. series: {
  302. lines: { show: true },
  303. points: { show: true }
  304. },
  305. xaxis: {
  306. tickLength: 0
  307. },
  308. yaxis: {
  309. ticks: 10,
  310. min: -2,
  311. max: 2,
  312. tickDecimals: 3
  313. },
  314. grid: {
  315. backgroundColor: { colors: ["#fff", "#fff"] },
  316. borderWidth: 1,
  317. borderColor: '#555'
  318. }
  319. });
  320. $('#recent-box [data-rel="tooltip"]').tooltip({ placement: tooltip_placement });
  321. function tooltip_placement(context, source) {
  322. var $source = $(source);
  323. var $parent = $source.closest('.tab-content')
  324. var off1 = $parent.offset();
  325. var w1 = $parent.width();
  326. var off2 = $source.offset();
  327. var w2 = $source.width();
  328. if (parseInt(off2.left) < parseInt(off1.left) + parseInt(w1 / 2)) return 'right';
  329. return 'left';
  330. }
  331. $('.dialogs,.comments').slimScroll({
  332. height: '300px'
  333. });
  334. //Android's default browser somehow is confused when tapping on label which will lead to dragging the task
  335. //so disable dragging when clicking on label
  336. var agent = navigator.userAgent.toLowerCase();
  337. if ("ontouchstart" in document && /applewebkit/.test(agent) && /android/.test(agent))
  338. $('#tasks').on('touchstart', function (e) {
  339. var li = $(e.target).closest('#tasks li');
  340. if (li.length == 0) return;
  341. var label = li.find('label.inline').get(0);
  342. if (label == e.target || $.contains(label, e.target)) e.stopImmediatePropagation();
  343. });
  344. $('#tasks').sortable({
  345. opacity: 0.8,
  346. revert: true,
  347. forceHelperSize: true,
  348. placeholder: 'draggable-placeholder',
  349. forcePlaceholderSize: true,
  350. tolerance: 'pointer',
  351. stop: function (event, ui) {//just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
  352. $(ui.item).css('z-index', 'auto');
  353. }
  354. }
  355. );
  356. $('#tasks').disableSelection();
  357. $('#tasks input:checkbox').removeAttr('checked').on('click', function () {
  358. if (this.checked) $(this).closest('li').addClass('selected');
  359. else $(this).closest('li').removeClass('selected');
  360. });
  361. })
  362. </script>
  363. </body>
  364. </html>