Index.cshtml 10 KB

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