Index.cshtml 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300
  1. @{
  2. Layout = null;
  3. }
  4. <!DOCTYPE html>
  5. <html xmlns="http://www.w3.org/1999/xhtml">
  6. <head>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>ZLPMS</title>
  9. <link rel="icon" href="/Content/Images/zlpng.png" />
  10. <link href="/content/Style/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
  11. <link href="/content/Style/font-awesome/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" />
  12. <link href="/content/Style/font-awesome/ico-font/iconfont.css" rel="stylesheet" />
  13. <link href="~/Content/Scripts/plugins/layui/css/layui.css" rel="stylesheet" />
  14. <link href="/content/Scripts/plugins/perfect-scrollbar/perfect-scrollbar-0.4.10.min.css" rel="stylesheet" />
  15. <link href="~/Content/SysFrame/home.css?v=1.1212" rel="stylesheet" />
  16. <script src="/content/Scripts/jquery.min.js"></script>
  17. <script src="~/Content/Scripts/plugins/layui/layui.all.js"></script>
  18. <script src="/content/Scripts/plugins/perfect-scrollbar/perfect-scrollbar-0.4.10.with-mousewheel.min.js"></script>
  19. <script src="/content/Scripts/plugins/perfect-scrollbar/perfect-scrollbar-0.4.10.min.js"></script>
  20. <script src="/content/Scripts/SysFrame/Zlsoft.UI-1.0.js"></script>
  21. <script src="~/Content/Scripts/zlpms.js"></script>
  22. <script src="https://cdn.bootcss.com/babel-polyfill/6.23.0/polyfill.min.js"></script>
  23. <script>
  24. //window.onbeforeunload = function (e) {
  25. // var e = window.event || e;
  26. // e.returnValue = ("确定离开当前页面吗?");
  27. //}
  28. //修改密码
  29. function UpdatePwd() {
  30. ZLPMS.OpenNewWindow('修改密码', '/Account/Password', '400px', '280px', null);
  31. }
  32. //个人配置
  33. function MyConfig() {
  34. ZLPMS.OpenNewWindow('个人配置', '/Home/MyConfigInfo', '600px', '400px', null);
  35. }
  36. //修改个人信息
  37. function UpdatePersonInfo()
  38. {
  39. ZLPMS.OpenNewWindow('修改个人信息', '/Account/PersonInfo', '695px', '323px', null);
  40. }
  41. //详细消息查看
  42. function MessageDeatil(id) {
  43. ZLPMS.OpenNewWindow('消息详细', '/Home/MessageDeatil/'+id, '905px', '553px', null);
  44. }
  45. //消息列表
  46. function MessageList() {
  47. ZLPMS.OpenNewWindow('消息列表', '/Home/MessageList', '795px', '523px',null);
  48. }
  49. //消息设置
  50. function MessageSet() {
  51. //ZLPMS.OpenNewWindow('消息设置', '/Home/MessageSet', '300px', '300px', null);
  52. }
  53. </script>
  54. </head>
  55. <body>
  56. <style>
  57. .media-list .list-item{
  58. display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding: 0 0.75rem;max-width:400px;
  59. border-bottom:1px solid #fbd3d3
  60. }
  61. .media-list .list-item:hover{
  62. background-color:#c8fff0;
  63. }
  64. .media-list .list-item img{
  65. width:37px;
  66. border-radius:15px;
  67. padding-top:3px;
  68. }
  69. .item-center{
  70. padding:0 0.75rem;
  71. flex: 1 1 0%;
  72. text-align:left;
  73. white-space: nowrap;
  74. overflow:hidden;
  75. text-overflow:ellipsis;
  76. font-size:13px;
  77. }
  78. .item-fter{
  79. float:right;
  80. font-size:13px;
  81. }
  82. </style>
  83. <div class="header clear">
  84. <i class="tleft"></i>
  85. <i class="tright"></i>
  86. <div style="height: 50px;">
  87. <i class="icon icon-mokuai" style="color:#FFF; font-size: 40px; line-height: 50px; position: absolute; top: 2px; left: 10px;"></i>
  88. <a class="logo" style="padding-left: 50px;">中联区卫产品问题管理系统</a>
  89. </div>
  90. <div id="rightDiv" style="z-index: 2;">
  91. <ul class="menuUl">
  92. <li class="menuUlLi" style="width: 40px" >
  93. <a id="NotifyCount">
  94. <span class="SimpleIcons icon-bubble tit "></span>
  95. </a>
  96. <div class="navbar-activity dropdown-menu keep-dropdown dropdownmeunUl" role="menu">
  97. <div class="dropdown-header" style="line-height: 35px; background: #fafbfb;">
  98. <div class="left" style="float: left; font-weight: 300;">
  99. <span>收到的消息: </span>
  100. </div>
  101. <div class="float-right" style="padding-right: 10px;">
  102. </div>
  103. <div style="clear: both;"></div>
  104. </div>
  105. <div class="media-list" id="Notify">
  106. </div>
  107. <div class="dropdown-footer">
  108. <div class="left">
  109. </div>
  110. <div class="right">
  111. <a href="#" id="message-Clear" data-toggle="tooltip" data-placement="top" title="清除所有消息"><i class="fa fa-trash"></i></a>
  112. </div>
  113. </div>
  114. </div>
  115. </li>
  116. <li class="menuUlLi" style="width: 40px;">
  117. <a>
  118. <span id="ncount" class="badge topbadge badge-danger" style="display: none"></span>
  119. <span class="SimpleIcons icon-bell tit "></span>
  120. </a>
  121. <div class="navbar-activity dropdown-menu keep-dropdown dropdownmeunUl" role="menu" >
  122. <div class="media-list" id="Messages">
  123. </div>
  124. <div class="dropdown-footer">
  125. <div class="left">
  126. <a href="#" onclick="MessageList()" class="message-viewall" >查看所有消息</a>
  127. </div>
  128. <div class="right">
  129. <a href="#" onclick="MessageSet()" id="message-setting" data-toggle="tooltip" data-placement="top" title="消息设置"><i class="fa fa-gear"></i></a>
  130. </div>
  131. </div>
  132. </div>
  133. </li>
  134. <li class="menuUlLi" style="width: 150px;">
  135. <img width="35" height="40" style="border-radius: 22px;" id="myImg" class="menuimg" src="/content/Images/Account/wtx.jpg" />
  136. <span class="SimpleIcons" id="UserName">
  137. @ViewBag.Name
  138. </span>
  139. <span class="fa-angle-down " style="font-size: 13px; margin-right: 10px; color: #fff"></span>
  140. <ul class="dropdownmeunUl">
  141. <li><a href="#" onclick="MyConfig()"><i class="icon-user"></i>我的设置</a></li>
  142. <li><a href="#" onclick="UpdatePwd();"><i class="icon-key"></i>修改密码</a></li>
  143. <li><a href="#" onclick="UpdatePersonInfo();"><i class="icon-info"></i>个人信息</a></li>
  144. <li><a href="#" class="exit" onclick="DuiFn.LogOut();"><i class="icon-power"></i>退&nbsp; 出&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
  145. </ul>
  146. </li>
  147. </ul>
  148. </div>
  149. </div>
  150. <div style="height: 50px; z-index: 1; position: absolute; right: 0px; top: 0px; width: 400px; background: url(/content/Images/headTransparent.png);"></div>
  151. <div class="wrapper clear">
  152. <div class="sidebar">
  153. <h3 class="side_tip"><i></i><span>系统功能</span><a href="javascript:" class="foldup"><b class="fa-dedent icotitle "></b></a></h3>
  154. <div class="side_menu">
  155. <div class="side_item">
  156. </div>
  157. </div>
  158. </div>
  159. <div class="main_content">
  160. <div class="main_menuwrapper">
  161. <a href="javascript:" class="menu_prev"><</a>
  162. <a href="javascript:" class="menu_next">></a>
  163. <div class="main_menulist">
  164. <div class="main_menu">
  165. </div>
  166. </div>
  167. </div>
  168. <div class="main_wrapper" id="ifm_container">
  169. </div>
  170. </div>
  171. </div>
  172. <div class="footer">
  173. <span>
  174. <span id="OrgName"><i class="fa fa-university"></i> 所属公司(渠道): @ViewBag.Company</span>
  175. <span style="padding-left:50px;"><i class="fa fa-user-o"></i> 登录账户:@ViewBag.Account</span>
  176. <span style="padding-left:50px;"><i class="fa fa-male"></i> 人员性质:@ViewBag.UserProp</span>
  177. <span style="padding-left:50px;"><i class="fa fa-envelope"></i> 通知邮箱:@ViewBag.Email</span>
  178. </span>
  179. <span class="spanCopyright" id="Appdownload" style="cursor: pointer">
  180. <i class="fa-th-large"></i> <a >APP下载</a>
  181. </span>
  182. <span class="spanCopyright" id="sponline" style="cursor: pointer;">
  183. <i class="fa-user-circle"></i> 当前在线人数:<a style="color: #3189d3" id="onlineUser">0</a>人
  184. </span>
  185. <span class="spanCopyright"></span>
  186. </div>
  187. <div class="mask"></div>
  188. </body>
  189. </html>
  190. <!--signalR使用-->
  191. <script src="~/Content/Scripts/jquery.signalR-2.3.0.min.js"></script>
  192. <script src="/signalr/hubs" type="text/javascript"></script>
  193. <script src="~/ViewModels/signalr.zlpms.js?v=1.8512"></script>
  194. <script src="~/Content/Scripts/indexedDB.js"></script>
  195. <script>
  196. var index = ZLPMS.Loading('拼命加载中...', 0);
  197. $.ajax({
  198. url: '/Home/GetMenus',
  199. success: function (json) {
  200. $(".side_item").Zlmenu(json);
  201. $(".foldup").foldup();
  202. var menutimer = null;
  203. $(".menuUlLi").mouseover(function () {
  204. clearTimeout(menutimer);
  205. $(".dropdownmeunUl").hide();
  206. $(this).children().show();
  207. }).mouseleave(function () {
  208. menutimer = setTimeout(function () { $(".dropdownmeunUl").hide(); }, 400);
  209. });
  210. //关闭加载
  211. ZLPMS.UnLoading(index);
  212. }
  213. });
  214. //获取公告
  215. $.get("/Notice/PanDuanIsShow", function (data) {
  216. if (data == "True")
  217. {
  218. //显示公告通知
  219. top.ZLPMS.OpenNewWindow("公告通知", "/Notice/Notice_Window", "850px", "555px")
  220. }
  221. })
  222. var account = '@ViewBag.Account';
  223. var name = '@ViewBag.Name'
  224. var personid = '@ViewBag.UserId';
  225. var RYXZ = '@ViewBag.PersonProperty';
  226. var signalrModel = new signalViewModel(account, name, personid, RYXZ,window.zlsoft.db);
  227. signalrModel.register();
  228. //超时推送
  229. GetIsOverTime();
  230. //signalrModel.GetNotify();
  231. $('#sponline').bind('click', function () {
  232. signalrModel.getuser();
  233. });
  234. $('#Appdownload').bind('click', function () {
  235. signalrModel.GetApp();
  236. });
  237. $.post("/Notice/GetHome", function (data) {
  238. for (var i in data) {
  239. var val = data[i].发布时间;
  240. if (val < 1) {
  241. data[i].发布时间 = parseInt(val * 60) + "分钟前";
  242. }else if (val < 24) {
  243. data[i].发布时间 = val + "小时前";
  244. }else if (48 >val > 24) {
  245. data[i].发布时间="昨天";
  246. } else {
  247. data[i].发布时间 = parseInt(val / 24) + '天前';
  248. }
  249. if (data[i].通知类型 == 1)
  250. {
  251. $("#Messages").append("<a href='#' onclick=\"MessageDeatil('" + data[i].ID + "')\" class='list-item' >" +
  252. "<img src='/Content/Images/HomeGg.png' />" +
  253. "<p class='item-center'>" + data[i].标题 + "</p>" +
  254. "<p class='item-fter'>" + data[i].发布时间 + "</p></a>");
  255. }
  256. else {
  257. $("#Messages").append("<a href='#' onclick=\"MessageDeatil('" + data[i].ID + "')\" class='list-item' >" +
  258. "<img src='/Content/Images/HomeTz.png' />" +
  259. "<p class='item-center'>" + data[i].标题 + "</p>" +
  260. "<p class='item-fter'>" + data[i].发布时间 + "</p></a>");
  261. }
  262. }
  263. })
  264. function GetIsOverTime() {
  265. $.post("/Problem/GetIsOverTime", function (data) {
  266. if (data == '1') {
  267. signalrModel.OverTimePush();
  268. setInterval("signalrModel.OverTimePush()", 300000);
  269. }
  270. })
  271. }
  272. function checkproblem(id, rowId) {
  273. signalrModel.RemovedNotify(rowId);
  274. top.ZLPMS.OpenNewWindow("查看问题", "/Problem/CheckProblemWindow/" + id, '880px', '600px', function () {
  275. signalrModel.DealProblem(0,0,id);
  276. });
  277. }
  278. </script>