Center.cshtml 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231
  1. @{
  2. ViewBag.Title = "管理中心";
  3. }
  4. <html>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
  8. <title>桌面</title>
  9. <link href="/Content/themes/css/admin/bootstrap.min.css" rel="stylesheet" type="text/css" />
  10. <link href="/Content/themes/css/css3/animate.css" rel="stylesheet" type="text/css" />
  11. <link href="/Content/themes/css/admin/chosen.css" rel="stylesheet" type="text/css" />
  12. <link href="/Content/themes/css/fonts.css" rel="stylesheet" type="text/css" />
  13. <link href="/Content/themes/css/icons.css" rel="stylesheet" type="text/css" />
  14. <link href="/Content/themes/css/admin/style.css" rel="stylesheet" type="text/css" />
  15. <link href="/Content/js/silder2/css/silder.css" rel="stylesheet" />
  16. <style type="text/css">
  17. .cus{padding-bottom:0px;padding-left:5px;padding-right:0px;}
  18. .cus ul{ list-style:none; display:inline-block; width:100%;padding-left:0px;}
  19. .cus ul li{width:20%;height:120px; float:left;border:1px solid #65cea7;padding-top:40px;cursor:pointer;}
  20. .cus ul li i{ color:#ffffff; width:30px; height:30px; line-height:30px;font-size:26px;margin-left:15%; border-radius:3px;margin-top:-5px;}
  21. .cus ul li span{color:#ffffff; font-size:24px;}
  22. .cus ul li num{color:#ffffff; float:right; margin-right:5px; font-size:14px;position:absolute;}
  23. .cus ul li:hover{filter:alpha(opacity=50); opacity:0.45; background-color:#ffffff;}
  24. .ibox-tools a{color:#2f4050;}
  25. .ibox-tools a:hover{text-decoration:underline; }
  26. .cuslist ul {list-style: none;font-size: 14px;padding-left:0px; }
  27. .cuslist ul li{height:35px; line-height:35px;overflow:hidden;border-bottom:1px solid #e7eaec;padding-left:5px; padding-bottom:5px;}
  28. .cuslist ul li:nth-of-type(odd) {background-color: #f9f9f9;}
  29. .cuslist ul li i,a{color: #18a689;margin-right:2px;}
  30. .cuslist ul li a:hover{text-decoration:underline;}
  31. .cuslist ul li span{float:right;display:inline; margin:0 10px;}
  32. .cuslist ul li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  33. .box-title small{height: 25px;width:95%; line-height: 25px; position: absolute; margin-top: -27px; background: #808080; filter: alpha(opacity=50); opacity: 0.90; text-align: left; font-size: 14px;}
  34. .box-title small a{color:#ffffff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  35. </style>
  36. </head>
  37. <body>
  38. <!-- box star -->
  39. <div class="wrapper-content" style="padding:5px 10px 20px 5px;">
  40. <div class="form-horizontal">
  41. <div class="tab-content">
  42. <div class="ibox-content cus">
  43. <ul></ul>
  44. </div>
  45. </div>
  46. <div class="row mt10 animated fadeInUp">
  47. <div class="col-sm-5" style="padding-right: 0px; padding-left: 5px;max-width:600px !important;">
  48. <div class="ibox" style="border: 1px solid #e7eaec;">
  49. <div class="ibox-title">
  50. <h5>公司新闻</h5>
  51. <div class="ibox-tools">
  52. <a href="/Com/Article/Index/?flag=2&Sign=News">更多>></a>
  53. </div>
  54. </div>
  55. <div class="ibox-content ibox-heading box-title" style="padding:0px;height:265px;">
  56. <!-- 轮播广告 开始-->
  57. <div class="section-focus-pic" id="section-focus-pic">
  58. <div class="pages" data-scro="list">
  59. <ul></ul>
  60. </div>
  61. <div class="controler" id="controler" data-scro="controler">
  62. </div>
  63. <div class="controler2" data-scro="controler2">
  64. <a href="javascript:;" class="prev"><i></i></a>
  65. <a href="javascript:;" class="next"><i></i></a>
  66. </div>
  67. </div>
  68. <!-- 轮播广告 结束-->
  69. </div>
  70. <div class="ibox-content cuslist news" style="padding:2px 2px 0px 0px;height:105px; overflow-y:hidden;">
  71. <ul>
  72. </ul>
  73. </div>
  74. </div>
  75. </div>
  76. <div class="col-sm-7" style="padding-right: 0px; padding-left: 5px; max-width: 768px !important;">
  77. <div class="ibox" style="border: 1px solid #e7eaec;">
  78. <div class="ibox-title"><h5>待办工作</h5>
  79. <div class="ibox-tools">
  80. <a href="/Com/Flow/UpComing">更多>></a>
  81. </div>
  82. </div>
  83. <div class="ibox-content cuslist upcoming" style="padding:2px 2px 0px 0px;height:370px; overflow-y:hidden;">
  84. <ul>
  85. </ul>
  86. </div>
  87. </div>
  88. </div>
  89. <div class="col-sm-4" style="padding-right:0px;padding-left:5px;">
  90. <div class="ibox" style="border: 1px solid #e7eaec;">
  91. <div class="ibox-title">
  92. <h5>通知公告</h5>
  93. <div class="ibox-tools">
  94. <a href="/Com/Article/Detail/?flag=1&Sign=Notice">更多>></a>
  95. </div>
  96. </div>
  97. <div class="ibox-content cuslist notice" style="padding:2px 2px 0px 0px;height:360px; overflow-y:hidden;">
  98. <ul>
  99. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  100. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  101. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  102. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  103. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  104. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  105. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  106. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  107. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  108. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  109. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  110. <li><span>2015/11/16</span><a><i class="im-quill3"></i>这是标题,我是标题,超过自动隐藏,超过自动隐藏</a></li>
  111. </ul>
  112. </div>
  113. </div>
  114. </div>
  115. </div>
  116. <div class="clear pt10"></div>
  117. </div>
  118. </div>
  119. <!-- box end -->
  120. </body>
  121. </html>
  122. <script type="text/javascript" src="/Content/js/jquery.min.js"></script>
  123. <script type="text/javascript" src="/Content/js/admin/bootstrap.min.js"></script>
  124. <script type="text/javascript" src="/Content/js/admin/chosen.jquery.js"></script>
  125. <script type="text/javascript" src="/Content/js/index.js"></script>
  126. <script type="text/javascript">
  127. //Show
  128. function show(p, w, f, s, e) {
  129. if (s.toLowerCase() == 'true') {
  130. var ns = p.indexOf('?') > 0 ? '&' : '?';
  131. if (e == '归档') { e = 'true'; } else { e = 'false';}
  132. p = p + ns + "workid=" + w + "&fid=" + f + "&stu=0&isend=" + e + "&again=true";
  133. }
  134. dig.addModel('查看流程信息', p, 1010, 500, function () {
  135. var retval = this.returnValue;
  136. if (retval == 'yes') {
  137. window.location.reload();
  138. }
  139. });
  140. }
  141. //nav导航
  142. function nav(p, t) {
  143. if (p != '') {
  144. if (t == '0') {
  145. location.href = p;
  146. } else {
  147. dig.addModel('查看', p, 980, 500, function () { });
  148. }
  149. }
  150. }
  151. //大批量获取数据
  152. $(function () {
  153. var html = '';
  154. //快速导航
  155. $.post('/Com/WinIndex/GetCenterIndex', { num: 5 }, function (res) {
  156. html = '';
  157. if (res.Status == 'y') {
  158. for (var i = 0; i < res.Data.length; i++) {
  159. var j = res.Data[i];
  160. html += '<li style="background-color: ' + j.BACKGROUNDCOLOR + ';color:' + j.COLOR + '" onclick="javascript:nav(\'' + j.PATH + '\',\'' + j.SHOWTYPE + '\')"><i class="' + j.ICON + '"></i><span>' + j.TITLE + '</span></li>';//<num>(100)</num>
  161. }
  162. }
  163. $('.cus>ul').html(html);
  164. }, 'json');
  165. //待办流程
  166. $.post('/Com/Flow/GetUpComingList', { flag: 1, num: 10 }, function (res) {
  167. html = '';
  168. if (res.Status == 'y') {
  169. var jsonH = JSON.parse(res.Data);
  170. for (var i = 0; i < jsonH.length; i++) {
  171. if (i > 9) { break;}
  172. html += "<li><span>" + jsonH[i].startime + "</span><a href=\"javascript:show('" + jsonH[i].path + "','" + jsonH[i].workid + "','" + jsonH[i].flowno + "','" + jsonH[i].iscustom + "','" + jsonH[i].nodename + "')\" title=\"" + jsonH[i].title + "\"><i class=\"im-quill3\"></i>" + jsonH[i].title + "</a></li>";
  173. }
  174. if (html == '') { html = '<span style="color:#1ab394;margin-left:10px;font-size:18px;">所有流程已办结</span>'; }
  175. } else {
  176. html = ' <span style="color:red;">获取数据失败</span>';
  177. }
  178. $('.upcoming>ul').html(html);
  179. }, 'json');
  180. //新闻
  181. $.post('/Com/Article/GetArticleList', { flag: 2, num: 3 }, function (res) {
  182. html = '';
  183. if (res.Status == 'y') {
  184. if (res.Data != '') {
  185. var jsonH = res.Data;
  186. if (jsonH.length > 0) {
  187. for (var i = 0; i < jsonH.length; i++) {
  188. if (i > 2) { break; }
  189. html += '<li><span>' + jsonH[i].UPDATEDATE + '</span><a href="/Com/Article/Show/' + jsonH[i].ID + '"><i class="im-quill3"></i>' + jsonH[i].TITLE + '</a></li>';
  190. }
  191. }
  192. }
  193. } else {
  194. html = ' <span style="color:red;">获取数据失败</span>';
  195. }
  196. $('.news>ul').html(html);
  197. }, 'json');
  198. //新闻导图
  199. $.post('/Com/Article/GetArticleBanner', { flag: 2, num: 6 }, function (res) {
  200. html = '';
  201. if (res.Status == 'y') {
  202. var str = '';
  203. var cont = '';
  204. for (var i = 0; i < res.Data.length; i++) {
  205. str = res.Data[i];
  206. if (i == 0) {
  207. html += '<li style="left: 0px;" class="item">';
  208. cont += '<b class="down">';
  209. } else {
  210. html += '<li class="item">';
  211. cont += '<b>';
  212. }
  213. html += ' <a href="/Com/Article/Show/' + str.ID + '">';
  214. html += ' <img src="' + str.path + '"/></a>';
  215. html += '<h3><a href="/Com/Article/Show/' + str.ID + '">' + str.TITLE + '</a></h3><div></div>';
  216. html += '</li>';
  217. cont += i + 1 + '</b>';
  218. }
  219. $('#controler').html(cont);
  220. $('.pages>ul').html(html);
  221. }
  222. }, 'json');
  223. });
  224. </script>
  225. <script type="text/javascript" src="/Content/js/silder2/js/silder.js"></script>