You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

1236 lines
64 KiB

  1. @using Learun.Util
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  7. <meta name="renderer" content="webkit" />
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
  10. <meta name="format-detection" content="telephone=no" />
  11. <title>网上办事大厅拖拽版</title>
  12. <meta name="keywords" content="网上办事大厅拖拽版" />
  13. <meta name="description" content="网上办事大厅拖拽版" />
  14. <link rel="stylesheet" type="text/css" href="/Content/font/css/font-awesome.css" />
  15. <link rel="stylesheet" href="/Content/layui/css/layui.css" />
  16. <link rel="stylesheet" type="text/css" href="/Content/css/DragSSO/common.css" />
  17. <link rel="stylesheet" href="/Content/css/DragSSO/login5.css" />
  18. <link rel="stylesheet" type="text/css" href="/Content/css/DragSSO/index.css" />
  19. <!-- 蓝色背景 -->
  20. <link rel="stylesheet" id="skinLink" type="text/css" href="/Content/css/DragSSO/blue.css" />
  21. <!-- 红色背景 -->
  22. <!-- <link rel="stylesheet" type="text/css" href="/Content/css/DragSSO/red.css"> -->
  23. <!-- 绿色背景 -->
  24. <!-- <link rel="stylesheet" id="skinLink" type="text/css" href="/Content/css/DragSSO/green.css"> -->
  25. <!----自适应----->
  26. <script src="/Content/js/jquery.min.js"></script>
  27. <script type="text/javascript" src="/Content/js/qrcode.min.js"></script>
  28. <script src="/Content/js/echarts.js"></script>
  29. <script src="/Content/layui/layui.js" charset="utf-8"></script>
  30. <script src="/Content/js/jquery-ui.min.js"></script>
  31. <script src="/Content/js/DragSSO/main.js"></script>
  32. <!----自适应----->
  33. <style>
  34. .psw_change {
  35. position: absolute;
  36. top: 70%;
  37. margin-top: -19px;
  38. right: 5px;
  39. width: 40px;
  40. height: 40px;
  41. cursor: pointer;
  42. }
  43. .noreg .lr-login-reg {
  44. display: none;
  45. }
  46. #loginForm {
  47. position: relative;
  48. }
  49. .error_info {
  50. font-family: PingFangSC-Regular;
  51. position: absolute;
  52. font-size: 12px;
  53. color: #ED3232;
  54. right: 0;
  55. top: 40px;
  56. display: none;
  57. }
  58. .titleImg {
  59. border: none !important;
  60. color: #da9835 !important;
  61. margin-left: 210px;
  62. }
  63. .titleImg img {
  64. width: 35px !important;
  65. }
  66. .down {
  67. position: absolute;
  68. bottom: 40px;
  69. left: 70px;
  70. height: 30px;
  71. line-height: 28px;
  72. padding-right: 20px;
  73. }
  74. .codeBtn {
  75. border: 1px solid #DCDFE6;
  76. padding: 4px 10px;
  77. color: #606266;
  78. font-size: 12px;
  79. cursor: pointer;
  80. border-radius: 2px;
  81. position: absolute;
  82. left: 210px;
  83. top: 8px;
  84. }
  85. .codeBtn:hover {
  86. border-color: #CBCFD5;
  87. }
  88. </style>
  89. </head>
  90. <body class="noLoginType">
  91. <!-- header -->
  92. <div class="header inSecShadow">
  93. <a href="/SSOSystem/DragModelOne" class="headLogo">
  94. 网上办事大厅
  95. </a>
  96. <ul class="headTab">
  97. <li><a href="/Home/Index"><img src="/Content/images/DragSSO/head1.png" alt="" /></a></li>
  98. </ul>
  99. <div class="headTitle">数字化智慧校园</div>
  100. <div class="headSearch">
  101. <input type="text" placeholder="查找服务" />
  102. <div class="headSearchImg"><img src="/Content/images/DragSSO/search.png" alt="" /></div>
  103. <div class="headSearchHistory">
  104. <div class="headSearchHistBox">历史 <i class="fa fa-angle-down"></i></div>
  105. </div>
  106. <div class="headSearchClose">关闭搜索</div>
  107. </div>
  108. <div class="headUser">
  109. <div class="headMode">
  110. <div class="headModeTxt"><span>办事大厅模式</span> <i class="fa fa-angle-down"></i> </div>
  111. <ul class="headModeList">
  112. <li class="active"><a href="#">办事大厅模式</a></li>
  113. <li><a href="#">效率优先模式</a></li>
  114. <li><a href="#">管理驾驶舱模式</a></li>
  115. </ul>
  116. </div>
  117. <div class="headLine1"></div>
  118. <!-- 登录 -->
  119. @{
  120. var loginInfo = LoginUserInfo.Get();
  121. }
  122. @if (loginInfo == null)
  123. {
  124. @*<a href="/Login/Index?source=NoLogin" class="headLogin">登录</a>*@
  125. <a href="/SSOSystem/NoLogin" class="headLogin">登录</a>
  126. }
  127. else
  128. {
  129. <a href="/SSOSystem/DragModelOne" class="headLogin">登录</a>
  130. }
  131. <!-- 登录 -->
  132. <!-- 登录后 -->
  133. <div class="loginAfter">
  134. @*<div class="authorBox">
  135. <div class="headUserImg"><img src="images/user.jpg" alt="" /></div>
  136. <div class="headUserTxt">王明</div>
  137. <div class="authorSetBox">
  138. <div class="authorSetCon inSecShadow">
  139. <div class="auSetLi signOut">退出</div>
  140. </div>
  141. </div>
  142. </div>
  143. <div class="headLine1"></div>
  144. <div class="headNumBox">
  145. <div class="headNum">工号 123456</div>
  146. <div class="headNumTxt">教务部 <span></span> 主任</div>
  147. </div>*@
  148. <!-- 登录后 -->
  149. <div class="headLine1"></div>
  150. <div class="skinBox">
  151. <img src="/Content/images/DragSSO/head4.png" alt="" />
  152. <div class="skin inSecShadow">
  153. <div class="skinT">皮肤 <img src="/Content/images/DragSSO/close.png" alt="" /></div>
  154. <div class="skinList">
  155. <div skin="blue" class="skins blue active">
  156. <div>
  157. <img src="/Content/images/DragSSO/skin1.jpg" alt="" />
  158. <div class="skinTxt">蓝</div>
  159. <div class="skinText">选用皮肤</div>
  160. <div class="skinCheck">
  161. <i class="fa fa-check-circle"></i>
  162. <span>使用中</span>
  163. </div>
  164. </div>
  165. </div>
  166. <div skin="red" class="skins red">
  167. <div>
  168. <img src="/Content/images/DragSSO/skin3.jpg" alt="" />
  169. <div class="skinTxt">红</div>
  170. <div class="skinText">选用皮肤</div>
  171. <div class="skinCheck">
  172. <i class="fa fa-check-circle"></i>
  173. <span>使用中</span>
  174. </div>
  175. </div>
  176. </div>
  177. <div skin="green" class="skins green">
  178. <div>
  179. <img src="/Content/images/DragSSO/skin2.jpg" alt="" />
  180. <div class="skinTxt">绿</div>
  181. <div class="skinText">选用皮肤</div>
  182. <div class="skinCheck">
  183. <i class="fa fa-check-circle"></i>
  184. <span>使用中</span>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. </div>
  191. <div class="headLine1"></div>
  192. <div class="downloadFx">
  193. <img src="/Content/images/DragSSO/download.png" alt="" />
  194. <a href="/飞星客户端.exe"><span style="color:white;">飞星下载</span></a>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. <!-- header -->
  200. <!-- / warpper -->
  201. <div class="warpper">
  202. <!-- search -->
  203. <div class="search">
  204. <div class="searchL">
  205. <div class="searchLT">最近使用</div>
  206. <ul class="searchLList">
  207. @*<li>
  208. <a href="javascript:;">
  209. <img src="/Content/images/DragSSO/inSec1-3.png" alt="" /><span>班级课表</span>
  210. </a>
  211. </li>*@
  212. </ul>
  213. </div>
  214. <div class="searchR">
  215. <div class="searchTop">
  216. <span>服务角色</span>
  217. <ul class="searchTopList">
  218. <li class="active">全部</li>
  219. <li>校领导</li>
  220. <li>游客</li>
  221. <li>教师</li>
  222. <li>学生</li>
  223. </ul>
  224. </div>
  225. <div class="searchTop">
  226. <span>服务角色</span>
  227. <ul class="searchTopList">
  228. <li class="active">全部</li>
  229. <li>最新应用</li>
  230. <li>常用链接</li>
  231. </ul>
  232. </div>
  233. <div class="searchRBox">
  234. <div class="searchRTop">
  235. <b>A-D</b> (<span>0</span>)
  236. </div>
  237. <div class="searchList clearfix">
  238. </div>
  239. <div class="searchRTop">
  240. <b>E-H</b> (<span>0</span>)
  241. </div>
  242. <div class="searchList clearfix">
  243. </div>
  244. <div class="searchRTop">
  245. <b>I-L</b> (<span>0</span>)
  246. </div>
  247. <div class="searchList clearfix">
  248. </div>
  249. <div class="searchRTop">
  250. <b>M-P</b> (<span>0</span>)
  251. </div>
  252. <div class="searchList clearfix">
  253. </div>
  254. <div class="searchRTop">
  255. <b>Q-T</b> (<span>0</span>)
  256. </div>
  257. <div class="searchList clearfix">
  258. </div>
  259. <div class="searchRTop">
  260. <b>U-X</b> (<span>0</span>)
  261. </div>
  262. <div class="searchList clearfix">
  263. </div>
  264. <div class="searchRTop">
  265. <b>Y-Z</b> (<span>0</span>)
  266. </div>
  267. <div class="searchList clearfix">
  268. </div>
  269. </div>
  270. </div>
  271. </div>
  272. <!-- search -->
  273. <!-- / index_sec1 -->
  274. <div class="index_sec index_sec1">
  275. <div class="inSecLeftBox">
  276. <div class="inSecLeftCon">
  277. <div class="inSecLeftImg">
  278. <img src="/Content/images/DragSSO/indSec1-1.png" alt="" />
  279. <img src="/Content/images/DragSSO/indSec1-2.png" alt="" />
  280. </div>
  281. <div class="inSecLeftTxt">我的收藏</div>
  282. </div>
  283. <div class="inSecLeftCon">
  284. <div class="inSecLeftImg">
  285. <img src="/Content/images/DragSSO/indSec1-3.png" alt="" />
  286. <img src="/Content/images/DragSSO/indSec1-4.png" alt="" />
  287. </div>
  288. <div class="inSecLeftTxt">可用应用</div>
  289. </div>
  290. <div class="inSecLeftCon">
  291. <div class="inSecLeftImg">
  292. <img src="/Content/images/DragSSO/indSec1-5.png" alt="" />
  293. <img src="/Content/images/DragSSO/indSec1-6.png" alt="" />
  294. </div>
  295. <div class="inSecLeftTxt">可用卡片</div>
  296. </div>
  297. </div>
  298. <div class="indexSec1Con inSecShadow">
  299. <div class="aLeft">
  300. <i class="fa fa-angle-left"></i>
  301. </div>
  302. <div class="inSec1Tab">
  303. <div class="inSec1TabBox">
  304. <img src="/Content/images/DragSSO/indSec1-1.png" alt="" />
  305. <span>我的收藏</span>
  306. </div>
  307. <div class="inSec1TabBox">
  308. <img src="/Content/images/DragSSO/indSec1-3.png" alt="" />
  309. <span>可用应用</span>
  310. </div>
  311. <div class="inSec1TabBox">
  312. <img src="/Content/images/DragSSO/indSec1-5.png" alt="" />
  313. <span>可用卡片</span>
  314. </div>
  315. </div>
  316. <div class="indSec1Line"></div>
  317. <div class="indSec1Box">
  318. <div class="inSec1Box">
  319. <!-- 第一级列表 -->
  320. <ul class="inSec1List1">
  321. <li class="active">
  322. <a href="#">
  323. <span>全部</span> <span>0</span>
  324. </a>
  325. </li>
  326. </ul>
  327. <!-- 第一级列表 -->
  328. <!-- 第二级列表 -->
  329. <ul class="inSec1List2 inSecShadow"></ul>
  330. <!-- 第二级列表 -->
  331. </div>
  332. <div class="inSec1Box">
  333. <!-- 第一级列表 -->
  334. <ul class="inSec1List1">
  335. <li class="active">
  336. <a href="#">
  337. <span>全部</span> <span>0</span>
  338. </a>
  339. </li>
  340. </ul>
  341. <!-- 第一级列表 -->
  342. <!-- 第二级列表 -->
  343. <ul class="inSec1List2 inSecShadow"></ul>
  344. <!-- 第二级列表 -->
  345. </div>
  346. <div class="inSec1Box">
  347. <!-- 第一级列表 -->
  348. <ul class="inSec1List1">
  349. <li class="active">
  350. <a href="#">
  351. <span>全部</span> <span>13</span>
  352. </a>
  353. </li>
  354. </ul>
  355. <!-- 第一级列表 -->
  356. <!-- 第二级列表 -->
  357. <div class="inSec1List2 inSecShadow">
  358. <div class="inSec1Drag">
  359. <div id="1">
  360. <img src="/Content/images/DragSSO/inSec1-7.png" alt="" />
  361. <span>数据看板</span>
  362. <i class="fa fa-minus"></i>
  363. </div>
  364. <div id="2">
  365. <img src="/Content/images/DragSSO/inSec1-8.png" alt="" />
  366. <span>办公事项</span>
  367. <i class="fa fa-minus"></i>
  368. </div>
  369. <div id="3">
  370. <img src="/Content/images/DragSSO/inSec1-9.png" alt="" />
  371. <span>学校公文</span>
  372. <i class="fa fa-minus"></i>
  373. </div>
  374. <div id="4">
  375. <img src="/Content/images/DragSSO/inSec1-7.png" alt="" />
  376. <span>专业总览</span>
  377. <i class="fa fa-minus"></i>
  378. </div>
  379. <div id="5">
  380. <img src="/Content/images/DragSSO/inSec1-7.png" alt="" />
  381. <span>常用链接</span>
  382. <i class="fa fa-minus"></i>
  383. </div>
  384. <div id="6">
  385. <img src="/Content/images/DragSSO/inSec1-8.png" alt="" />
  386. <span>常用服务</span>
  387. <i class="fa fa-minus"></i>
  388. </div>
  389. <div id="7">
  390. <img src="/Content/images/DragSSO/inSec1-9.png" alt="" />
  391. <span>校园总览</span>
  392. <i class="fa fa-minus"></i>
  393. </div>
  394. <div id="8">
  395. <img src="/Content/images/DragSSO/inSec1-7.png" alt="" />
  396. <span>宣传报道</span>
  397. <i class="fa fa-minus"></i>
  398. </div>
  399. <div id="9">
  400. <img src="/Content/images/DragSSO/inSec1-7.png" alt="" />
  401. <span>办公邮件</span>
  402. <i class="fa fa-minus"></i>
  403. </div>
  404. <div id="10">
  405. <img src="/Content/images/DragSSO/inSec1-8.png" alt="" />
  406. <span>通知公告</span>
  407. <i class="fa fa-minus"></i>
  408. </div>
  409. <div id="11">
  410. <img src="/Content/images/DragSSO/inSec1-9.png" alt="" />
  411. <span>智慧教育</span>
  412. <i class="fa fa-minus"></i>
  413. </div>
  414. <div id="12">
  415. <img src="/Content/images/DragSSO/inSec1-7.png" alt="" />
  416. <span>专题推荐</span>
  417. <i class="fa fa-minus"></i>
  418. </div>
  419. <div id="13">
  420. <img src="/Content/images/DragSSO/inSec1-7.png" alt="" />
  421. <span>办公业务流量</span>
  422. <i class="fa fa-minus"></i>
  423. </div>
  424. </div>
  425. </div>
  426. <!-- 第二级列表 -->
  427. </div>
  428. </div>
  429. </div>
  430. </div>
  431. <!-- / index_sec1 -->
  432. <!-- / index_sec2 -->
  433. <div class="index_sec index_sec2">
  434. <div class="inSecLeftBox">
  435. <div class="inSecLeftCon">
  436. <div class="inSecLeftImg">
  437. <img src="/Content/images/DragSSO/indSec1-7.png" alt="" />
  438. <img src="/Content/images/DragSSO/indSec1-8.png" alt="" />
  439. </div>
  440. <div class="inSecLeftTxt">待办任务</div>
  441. </div>
  442. <div class="inSecLeftCon">
  443. <div class="inSecLeftImg">
  444. <img src="/Content/images/DragSSO/indSec1-9.png" alt="" />
  445. <img src="/Content/images/DragSSO/indSec1-10.png" alt="" />
  446. </div>
  447. <div class="inSecLeftTxt">我发起的</div>
  448. </div>
  449. <div class="inSecLeftCon">
  450. <div class="inSecLeftImg">
  451. <img src="/Content/images/DragSSO/indSec1-13.png" alt="" />
  452. <img src="/Content/images/DragSSO/indSec1-14.png" alt="" />
  453. </div>
  454. <div class="inSecLeftTxt">未读消息</div>
  455. </div>
  456. </div>
  457. <div class="inSec2Box inSecShadow">
  458. <div class="aRight">
  459. <i class="fa fa-angle-right"></i>
  460. </div>
  461. <div class="inSec2Tab">
  462. <div class="inSec2TabBox">
  463. <img src="/Content/images/DragSSO/indexSec2-1.png" alt="" />
  464. <span>任务</span>
  465. </div>
  466. <div class="inSec2TabBox">
  467. <img src="/Content/images/DragSSO/indexSec2-2.png" alt="" />
  468. <span>消息</span>
  469. </div>
  470. </div>
  471. <div class="indSec1Line"></div>
  472. <div class="indexSec2Box">
  473. <div class="inSec2Con">
  474. <div class="inSec2L">
  475. <ul class="inSec2Llist">
  476. <li class="active">
  477. <i class="">0</i>
  478. <span>待办任务</span>
  479. </li>
  480. <li>
  481. <i class="">0</i>
  482. <span>我发起的</span>
  483. </li>
  484. <li>
  485. <i class="">0</i>
  486. <span>已办任务</span>
  487. </li>
  488. </ul>
  489. </div>
  490. <div class="inSec2R inSecShadow">
  491. <div class="inSec3WorkBox">
  492. <div class="noLogin">
  493. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  494. <div class="noLoginTxt">请登录查看</div>
  495. </div>
  496. </div>
  497. <div class="inSec3WorkBox">
  498. <div class="noLogin">
  499. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  500. <div class="noLoginTxt">请登录查看</div>
  501. </div>
  502. </div>
  503. <div class="inSec3WorkBox">
  504. <div class="noLogin">
  505. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  506. <div class="noLoginTxt">请登录查看</div>
  507. </div>
  508. </div>
  509. </div>
  510. </div>
  511. <div class="inSec2Con">
  512. <div class="noLogin">
  513. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  514. <div class="noLoginTxt">请登录查看</div>
  515. </div>
  516. </div>
  517. </div>
  518. </div>
  519. </div>
  520. <!-- / index_sec2 -->
  521. <!-- / index_sec3 -->
  522. <div class="index_sec index_sec3">
  523. <form class="layui-form" action="">
  524. <div class="indexSec3Box">
  525. <div class="inSec3Head">
  526. <div class="inSec3HeadTabBox">
  527. <div class="inSec3HeadTab active" ind="0">
  528. <div class="inSec3HeadTabTxt">教师桌面</div>
  529. </div>
  530. <div class="inSec3HeadLine"></div>
  531. <div class="inSec3HeadTab" ind="1">
  532. <div class="inSec3HeadTabTxt">OA办公桌面</div>
  533. </div>
  534. <div class="inSec3HeadLine"></div>
  535. </div>
  536. <div class="inSec3HeadAdd">
  537. <img src="/Content/images/DragSSO/indSec3-5.png" alt="" />
  538. </div>
  539. <div class="inSec3HeadLine"></div>
  540. <div class="inSec3Setting">
  541. <img src="/Content/images/DragSSO/indSec3-6.png" alt="" />
  542. </div>
  543. </div>
  544. <div class="inSec3RowBox">
  545. <div class="inSec3Row clearfix active" ind="0">
  546. <div class="inSec3Col6" id="id_1">
  547. <div class="inSec3Box">
  548. <div class="inSecT">
  549. <span>数据看板</span>
  550. <a href="#" class="more"><span></span><span></span><span></span></a>
  551. </div>
  552. <div class="inSec3Con">
  553. <div class="noLogin">
  554. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  555. <div class="noLoginTxt">请登录查看</div>
  556. </div>
  557. </div>
  558. </div>
  559. </div>
  560. <div class="inSec3Col3" id="id_2">
  561. <div class="inSec3Box">
  562. <div class="inSecT">
  563. <span>办公事项</span>
  564. <a href="#" class="more"><span></span><span></span><span></span></a>
  565. </div>
  566. <div class="inSec3Con">
  567. <div class="inSec3L">
  568. <ul class="workList workListTips">
  569. <li class="active">
  570. <div class="workListImg">
  571. <img src="/Content/images/DragSSO/indexSec3-9.png" alt="" />
  572. </div>
  573. <span>待办任务</span>
  574. <i class="inSecTMore">0</i>
  575. </li>
  576. <li>
  577. <div class="workListImg">
  578. <img src="/Content/images/DragSSO/indexSec3-10.png" alt="" />
  579. </div>
  580. <span>已办任务</span>
  581. </li>
  582. <li>
  583. <div class="workListImg">
  584. <img src="/Content/images/DragSSO/indexSec3-11.png" alt="" />
  585. </div>
  586. <span>我发起的</span>
  587. </li>
  588. </ul>
  589. </div>
  590. <div class="inSec3R">
  591. <div class="inSec3WorkBox">
  592. <div class="noLogin">
  593. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  594. <div class="noLoginTxt">请登录查看</div>
  595. </div>
  596. </div>
  597. <div class="inSec3WorkBox">
  598. <div class="noLogin">
  599. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  600. <div class="noLoginTxt">请登录查看</div>
  601. </div>
  602. </div>
  603. <div class="inSec3WorkBox">
  604. <div class="noLogin">
  605. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  606. <div class="noLoginTxt">请登录查看</div>
  607. </div>
  608. </div>
  609. </div>
  610. </div>
  611. </div>
  612. </div>
  613. <div class="inSec3Col3" id="id_3">
  614. <div class="inSec3Box">
  615. <div class="inSecT">
  616. <span>学校公文</span>
  617. <i class="inSecTMore">10</i>
  618. <a href="#" class="more"><span></span><span></span><span></span></a>
  619. </div>
  620. <div class="inSec3Con">
  621. <div class="noLogin">
  622. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  623. <div class="noLoginTxt">请登录查看</div>
  624. </div>
  625. </div>
  626. </div>
  627. </div>
  628. <div class="inSec3Col6" id="id_4">
  629. <div class="inSec3Box">
  630. <div class="inSecT">
  631. <span>专业总览</span>
  632. <a href="#" class="more"><span></span><span></span><span></span></a>
  633. </div>
  634. <div class="inSec3Con">
  635. <div class="echartBox" id="major"></div>
  636. <div class="noLogin">
  637. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  638. <div class="noLoginTxt">请登录查看</div>
  639. </div>
  640. </div>
  641. </div>
  642. </div>
  643. <div class="inSec3Col3" id="id_5">
  644. <div class="inSec3Box">
  645. <div class="inSecT">
  646. <span>常用链接</span>
  647. <a href="#" class="more"><span></span><span></span><span></span></a>
  648. </div>
  649. <div class="inSec3Con">
  650. <div class="inSec3L">
  651. <ul class="workList workListInfo">
  652. <li class="active">
  653. <div class="workListImg">
  654. <img src="/Content/images/DragSSO/indexSec3-12.png" alt="" />
  655. </div>
  656. <span>系统直通</span>
  657. <i class="inSec3Num">0</i>
  658. </li>
  659. <li>
  660. <div class="workListImg">
  661. <img src="/Content/images/DragSSO/indexSec3-13.png" alt="" />
  662. </div>
  663. <span>系统链接</span>
  664. </li>
  665. <li>
  666. <div class="workListImg">
  667. <img src="/Content/images/DragSSO/indexSec3-14.png" alt="" />
  668. </div>
  669. <span>网站链接</span>
  670. </li>
  671. </ul>
  672. </div>
  673. <div class="inSec3R">
  674. <div class="inSec3WorkBox">
  675. <div class="noLogin">
  676. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  677. <div class="noLoginTxt">请登录查看</div>
  678. </div>
  679. </div>
  680. <div class="inSec3WorkBox">
  681. <div class="noLogin">
  682. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  683. <div class="noLoginTxt">请登录查看</div>
  684. </div>
  685. </div>
  686. <div class="inSec3WorkBox">
  687. <div class="noLogin">
  688. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  689. <div class="noLoginTxt">请登录查看</div>
  690. </div>
  691. </div>
  692. </div>
  693. </div>
  694. </div>
  695. </div>
  696. <div class="inSec3Col3" id="id_6">
  697. <div class="inSec3Box">
  698. <div class="inSecT">
  699. <span>常用服务</span>
  700. <a href="#" class="more"><span></span><span></span><span></span></a>
  701. </div>
  702. <div class="inSec3Con">
  703. <div class="inSec3L">
  704. <ul class="workList workListInfo">
  705. <li class="active">
  706. <div class="workListImg">
  707. <img src="/Content/images/DragSSO/indexSec3-12.png" alt="" />
  708. </div>
  709. <span>校级服务</span>
  710. <i class="inSec3Num">0</i>
  711. </li>
  712. <li>
  713. <div class="workListImg">
  714. <img src="/Content/images/DragSSO/indexSec3-13.png" alt="" />
  715. </div>
  716. <span>人事微服务</span>
  717. <i class="inSec3Num">0</i>
  718. </li>
  719. <li>
  720. <div class="workListImg">
  721. <img src="/Content/images/DragSSO/indexSec3-14.png" alt="" />
  722. </div>
  723. <span>教育微服务</span>
  724. <i class="inSec3Num">0</i>
  725. </li>
  726. <li>
  727. <div class="workListImg"></div>
  728. <span>公共微服务</span>
  729. <i class="inSec3Num">0</i>
  730. </li>
  731. <li>
  732. <div class="workListImg"></div>
  733. <span>研究生微服务</span>
  734. <i class="inSec3Num">0</i>
  735. </li>
  736. <li>
  737. <div class="workListImg"></div>
  738. <span>科研微服务</span>
  739. <i class="inSec3Num">0</i>
  740. </li>
  741. <li>
  742. <div class="workListImg"></div>
  743. <span>教科研微服务</span>
  744. <i class="inSec3Num">0</i>
  745. </li>
  746. </ul>
  747. </div>
  748. <div class="inSec3R">
  749. <div class="inSec3WorkBox">
  750. <div class="noLogin">
  751. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  752. <div class="noLoginTxt">请登录查看</div>
  753. </div>
  754. </div>
  755. <div class="inSec3WorkBox">
  756. <div class="noLogin">
  757. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  758. <div class="noLoginTxt">请登录查看</div>
  759. </div>
  760. </div>
  761. <div class="inSec3WorkBox">
  762. <div class="noLogin">
  763. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  764. <div class="noLoginTxt">请登录查看</div>
  765. </div>
  766. </div>
  767. <div class="inSec3WorkBox">
  768. <div class="noLogin">
  769. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  770. <div class="noLoginTxt">请登录查看</div>
  771. </div>
  772. </div>
  773. <div class="inSec3WorkBox">
  774. <div class="noLogin">
  775. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  776. <div class="noLoginTxt">请登录查看</div>
  777. </div>
  778. </div>
  779. <div class="inSec3WorkBox">
  780. <div class="noLogin">
  781. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  782. <div class="noLoginTxt">请登录查看</div>
  783. </div>
  784. </div>
  785. <div class="inSec3WorkBox">
  786. <div class="noLogin">
  787. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  788. <div class="noLoginTxt">请登录查看</div>
  789. </div>
  790. </div>
  791. </div>
  792. </div>
  793. </div>
  794. </div>
  795. <div class="inSec3Col6" id="id_7">
  796. <div class="inSec3Box">
  797. <div class="inSecT">
  798. <span>校园总览</span>
  799. <a href="#" class="more"><span></span><span></span><span></span></a>
  800. </div>
  801. <div class="inSec3Con">
  802. <div class="noLogin">
  803. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  804. <div class="noLoginTxt">请登录查看</div>
  805. </div>
  806. </div>
  807. </div>
  808. </div>
  809. <div class="inSec3Col3" id="id_8">
  810. <div class="inSec3Box">
  811. <div class="inSecT">
  812. <span>宣传报道</span>
  813. <a href="#" class="more"><span></span><span></span><span></span></a>
  814. </div>
  815. <div class="inSec3Con">
  816. <div class="noLogin">
  817. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  818. <div class="noLoginTxt">请登录查看</div>
  819. </div>
  820. </div>
  821. </div>
  822. </div>
  823. <div class="inSec3Col3" id="id_9">
  824. <div class="inSec3Box">
  825. <div class="inSecT">
  826. <span>办公邮件</span>
  827. <a href="#" class="more"><span></span><span></span><span></span></a>
  828. </div>
  829. <div class="inSec3Con">
  830. <div class="inSec3L">
  831. <ul class="workList workListTips">
  832. <li class="active">
  833. <div class="workListImg">
  834. <img src="/Content/images/DragSSO/indexSec3-12.png" alt="" />
  835. </div>
  836. <span>收件箱</span>
  837. <i class="inSecTMore">0</i>
  838. </li>
  839. <li>
  840. <div class="workListImg">
  841. <img src="/Content/images/DragSSO/indexSec3-10.png" alt="" />
  842. </div>
  843. <span>已发送</span>
  844. </li>
  845. </ul>
  846. </div>
  847. <div class="inSec3R">
  848. <div class="inSec3WorkBox">
  849. <div class="noLogin">
  850. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  851. <div class="noLoginTxt">请登录查看</div>
  852. </div>
  853. </div>
  854. <div class="inSec3WorkBox">
  855. <div class="noLogin">
  856. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  857. <div class="noLoginTxt">请登录查看</div>
  858. </div>
  859. </div>
  860. </div>
  861. </div>
  862. </div>
  863. </div>
  864. <div class="inSec3Col3" id="id_10">
  865. <div class="inSec3Box">
  866. <div class="inSecT">
  867. <span>通知公告</span>
  868. <a href="#" class="more"><span></span><span></span><span></span></a>
  869. </div>
  870. <div class="inSec3Con">
  871. <div class="noLogin">
  872. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  873. <div class="noLoginTxt">请登录查看</div>
  874. </div>
  875. </div>
  876. </div>
  877. </div>
  878. <div class="inSec3Col3" id="id_11">
  879. <div class="inSec3Box">
  880. <div class="inSecT">
  881. <span>智慧教育</span>
  882. <a href="#" class="more"><span></span><span></span><span></span></a>
  883. </div>
  884. <div class="inSec3Con">
  885. <div class="noLogin">
  886. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  887. <div class="noLoginTxt">请登录查看</div>
  888. </div>
  889. </div>
  890. </div>
  891. </div>
  892. <div class="inSec3Col3" id="id_12">
  893. <div class="inSec3Box">
  894. <div class="inSecT">
  895. <span>专题推荐</span>
  896. <a href="#" class="more"><span></span><span></span><span></span></a>
  897. </div>
  898. <div class="inSec3Con">
  899. <div class="noLogin">
  900. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  901. <div class="noLoginTxt">请登录查看</div>
  902. </div>
  903. </div>
  904. </div>
  905. </div>
  906. <div class="inSec3Col3" id="id_13">
  907. <div class="inSec3Box">
  908. <div class="inSecT">
  909. <span>办公业务流量</span>
  910. <a href="#" class="more"><span></span><span></span><span></span></a>
  911. </div>
  912. <div class="inSec3Con">
  913. <div id="serviceEchart" class="echartBox"></div>
  914. <div class="noLogin">
  915. <div class="noLoginImg"><img src="/Content/images/DragSSO/noLogin.png" alt="" /></div>
  916. <div class="noLoginTxt">请登录查看</div>
  917. </div>
  918. </div>
  919. </div>
  920. </div>
  921. </div>
  922. <div class="inSec3Row clearfix" ind="1">
  923. <div class="inSec3Col3" id="noHtml">
  924. <div class="inSec3Box">
  925. <div class="inSecT"></div>
  926. <div class="inSec3Con">
  927. <div class="noCard">
  928. <div class="noCardImg"><img src="/Content/images/DragSSO/right2.png" alt="" /></div>
  929. <div class="noCardTxt">从左侧选择需要的应用卡片</div>
  930. </div>
  931. </div>
  932. </div>
  933. </div>
  934. </div>
  935. </div>
  936. </div>
  937. </form>
  938. </div>
  939. <!-- / index_sec3 -->
  940. <!-- desktopSet -->
  941. <div class="desktopSetBox">
  942. <div class="desktopSetZhe"></div>
  943. <div class="desktopSet inSecShadow">
  944. <img src="/Content/images/DragSSO/close.png" alt="" />
  945. <div class="deskSetT">桌面设置</div>
  946. <div class="deskSetInfo">共 <span>0</span>/<span>3</span> 个自建桌面</div>
  947. <div class="deskSetList">
  948. <div class="deskSetLi" ind="0">
  949. <i class="fa fa-navicon"></i>
  950. <div class="deskName">
  951. <div class="deskNameTxt">教师桌面<span>(默认桌面)</span></div>
  952. <div class="deskNameInput">
  953. <input type="text" value="教师桌面" />
  954. <span>8/8</span>
  955. </div>
  956. </div>
  957. <i class="fa fa-repeat faR"></i>
  958. <div class="deskSetLiTips" txt="恢复成功">
  959. <span>确认恢复默认设置?</span>
  960. <div class="deskSetTrue">
  961. <img src="/Content/images/DragSSO/duigou.png" alt="" />
  962. </div>
  963. <div class="deskSetClose">
  964. <img src="/Content/images/DragSSO/close2.png" alt="" />
  965. </div>
  966. </div>
  967. </div>
  968. <div class="deskSetLi" ind="1">
  969. <i class="fa fa-navicon"></i>
  970. <div class="deskName">
  971. <div class="deskNameTxt">OA桌面<span>(默认桌面)</span></div>
  972. <div class="deskNameInput">
  973. <input type="text" value="OA桌面" />
  974. <span>8/8</span>
  975. </div>
  976. </div>
  977. <i class="fa fa-repeat faR"></i>
  978. <div class="deskSetLiTips" txt="恢复成功">
  979. <span>确认恢复默认设置?</span>
  980. <div class="deskSetTrue">
  981. <img src="/Content/images/DragSSO/duigou.png" alt="" />
  982. </div>
  983. <div class="deskSetClose">
  984. <img src="/Content/images/DragSSO/close2.png" alt="" />
  985. </div>
  986. </div>
  987. </div>
  988. </div>
  989. <div class="deskSetLi deskSetLiNew">
  990. <i class="fa fa-file-text-o"></i>
  991. <div class="deskName">
  992. <div class="deskNameTxt">新建桌面</div>
  993. <div class="deskNameInput">
  994. <input type="text" value="新建桌面" />
  995. <span>8/8</span>
  996. </div>
  997. </div>
  998. <div class="deskSetLiTips" txt="添加桌面成功">
  999. <span>保存该桌面?</span>
  1000. <div class="deskSetTrue">
  1001. <img src="/Content/images/DragSSO/duigou.png" alt="" />
  1002. </div>
  1003. <div class="deskSetClose">
  1004. <img src="/Content/images/DragSSO/close2.png" alt="" />
  1005. </div>
  1006. </div>
  1007. </div>
  1008. <div class="deskSetBtn">完成</div>
  1009. </div>
  1010. </div>
  1011. <!-- desktopSet -->
  1012. <!-- login -->
  1013. <div class="logins">
  1014. <div class="loginZhe"></div>
  1015. <div class="loginBox">
  1016. <div class="login commonClear">
  1017. <div class="loginCon noreg" id="updatepwBox">
  1018. <form id="loginForm" role="form" action="" method="post" novalidate="novalidate">
  1019. <div class="loginTitle">忘记密码</div>
  1020. <div class="error_info">*&nbsp;<span></span></div>
  1021. <div class="loginInput">
  1022. <div class="loginInputTxt">手机号</div>
  1023. <input type="text" placeholder="请输入用户绑定的手机号" id="phone" name="phone" class="form-control required" />
  1024. </div>
  1025. <div class="loginInput">
  1026. <div class="loginInputTxt">新密码</div>
  1027. <input type="password" placeholder="请输入新密码" id="newpassword" name="newpassword" class="form-control required" />
  1028. <span id="psw_change" class="psw_change"></span>
  1029. </div>
  1030. <div class="loginInput">
  1031. <div class="loginInputTxt">确认密码</div>
  1032. <input type="password" placeholder="请再次输入新密码" id="newpassword1" name="newpassword1" class="form-control required" />
  1033. <span id="psw_change" class="psw_change"></span>
  1034. </div>
  1035. <div class="loginInput">
  1036. <div class="loginInputTxt">验证码</div>
  1037. <div class="codeBox">
  1038. <input type="text" placeholder="验证码" id="verifycode" name="verifycode" class="form-control required" />
  1039. <span id="sendCode" class="codeBtn">发送验证码</span>
  1040. </div>
  1041. </div>
  1042. <div class="loginBtn">
  1043. <input id="confirmUpdate" type="button" class="btn btn-white btn-outline btn-lg btn-rounded progress-login" value="确认" style="cursor:pointer" />
  1044. </div>
  1045. </form>
  1046. </div>
  1047. <a href="Javascript:void(0)" id="goLogin" class="down titleImg" title="去登录">
  1048. <img src="~/Content/images/LoginPage/title.jpg" alt="" /> <span>去登录</span>
  1049. </a>
  1050. <div class="tips">
  1051. <img src="/Content/images/DragSSO/tips1.png" alt="" /> <span>建议使用360或谷歌浏览器</span>
  1052. </div>
  1053. </div>
  1054. </div>
  1055. </div>
  1056. <!-- login -->
  1057. </div>
  1058. <!-- / warpper -->
  1059. <script src="/Content/js/DragSSO/indexData.js"></script>
  1060. <script src="/Content/js/DragSSO/index.js"></script>
  1061. <script src="/Content/js/DragSSO/aLeft.js"></script>
  1062. <script src="~/Content/jquery/jquery.md5.min.js"></script>
  1063. <script>
  1064. $.lrToken = $('@Html.AntiForgeryToken()').val();
  1065. var Returnurl = "@ViewBag.Returnurl";
  1066. //密码按钮
  1067. $('.psw_change').css({
  1068. 'background': 'url(/Content/images/Login/psw0.png) no-repeat center center'
  1069. });
  1070. //点击密码icon 显示/隐藏
  1071. $('.psw_change').click(function (event) {
  1072. var event = event || window.event;
  1073. event.stopPropagation();
  1074. var $this = $(this);
  1075. $this.toggleClass('psw_show');
  1076. //如果当前隐藏 变显示
  1077. if ($this.hasClass('psw_show')) {
  1078. $this.css({
  1079. 'background': 'url(/Content/images/Login/psw1.png) no-repeat center center'
  1080. });
  1081. $this.prev().attr('type', 'text');
  1082. } else {
  1083. $this.css(
  1084. 'background', 'url(/Content/images/Login/psw0.png) no-repeat center center'
  1085. );
  1086. $this.prev().attr('type', 'password');
  1087. }
  1088. });
  1089. var codeType = 'forgetpwd', hasSendCode = false, time = 0, timeT = '', isSending = false;
  1090. // 去登录
  1091. $('#goLogin').click(function () {
  1092. window.location.href = "/SSOSystem/NoLogin";
  1093. });
  1094. // 确认修改按钮
  1095. $("#confirmUpdate").on('click', function () {
  1096. confirmUpdate();
  1097. });
  1098. // 发送验证码事件
  1099. $("#sendCode").on('click', function () {
  1100. sendCode();
  1101. });
  1102. var sendCode = function () {
  1103. if (isSending || hasSendCode) return;
  1104. let phone = $('#phone').val()
  1105. if (!phone) {
  1106. $('#firstLoginBox .error_info span').text('请输入手机号')
  1107. $('#firstLoginBox .error_info').show()
  1108. return
  1109. } else if (!/^1[0-9]{10}$/.test(phone)) {
  1110. $('#firstLoginBox .error_info span').text('手机号格式不正确')
  1111. $('#firstLoginBox .error_info').show()
  1112. return
  1113. }
  1114. $('#firstLoginBox .error_info').hide()
  1115. isSending = true
  1116. $.ajax({
  1117. url: "/SSOSystem/Sendcode",
  1118. data: { phone, codeType },
  1119. dataType: 'json',
  1120. type: "post",
  1121. success: (res) => {
  1122. isSending = false;
  1123. if (res.code == 200) {
  1124. $('#firstLoginBox .error_info span').text('短信已发送')
  1125. $('#firstLoginBox .error_info').show()
  1126. hasSendCode = true
  1127. time = 60
  1128. $('#sendCode').text(`重新发送(${time}s)`)
  1129. timeT = setInterval(() => {
  1130. time--
  1131. if (time == 0) {
  1132. hasSendCode = false
  1133. clearInterval(timeT)
  1134. timeT = ''
  1135. }
  1136. $('#sendCode').text(`重新发送${time ? '(' + time + 's' + ')' : ''}`)
  1137. }, 1000);
  1138. } else {
  1139. $('#firstLoginBox .error_info span').text(res.info)
  1140. $('#firstLoginBox .error_info').show()
  1141. }
  1142. }
  1143. });
  1144. };
  1145. var confirmUpdate = function () {
  1146. let phone = $('#phone').val()
  1147. let verifycode = $('#verifycode').val()
  1148. let newpassword = $('#newpassword').val()
  1149. let newpassword1 = $('#newpassword1').val()
  1150. if (!phone) {
  1151. $('#updatepwBox .error_info span').text('请输入手机号')
  1152. $('#updatepwBox .error_info').show()
  1153. return
  1154. } else if (!/^1[0-9]{10}$/.test(phone)) {
  1155. $('#updatepwBox .error_info span').text('手机号格式不正确')
  1156. $('#updatepwBox .error_info').show()
  1157. return
  1158. }
  1159. if (!newpassword) {
  1160. $('#updatepwBox .error_info span').text('请输入新密码')
  1161. $('#updatepwBox .error_info').show()
  1162. return
  1163. }
  1164. if (!/^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[!@@#$%^&*,\.])[0-9a-zA-Z!@@#$%^&*,\.]{8,20}$/.test(newpassword)) {
  1165. $('#updatepwBox .error_info span').text('您的密码不满足强度要求,请重新输入')
  1166. $('#updatepwBox .error_info').show()
  1167. return
  1168. }
  1169. if (!newpassword1) {
  1170. $('#updatepwBox .error_info span').text('请再次输入新密码')
  1171. $('#updatepwBox .error_info').show()
  1172. return
  1173. }
  1174. if (newpassword != newpassword1) {
  1175. $('#updatepwBox .error_info span').text('两次密码输入不一致')
  1176. $('#updatepwBox .error_info').show()
  1177. return
  1178. }
  1179. if (!verifycode) {
  1180. $('#updatepwBox .error_info span').text('请输入验证码')
  1181. $('#updatepwBox .error_info').show()
  1182. return
  1183. }
  1184. $('#updatepwBox .error_info').hide()
  1185. layer.msg('操作中...', {
  1186. icon: 16
  1187. , shade: 0.01
  1188. , time: -1
  1189. });
  1190. $.ajax({
  1191. url: "/SSOSystem/ForgotPasswordHandle",
  1192. data: { phone, verifycode, codeType, newpassword: $.md5(newpassword) },
  1193. dataType: 'json',
  1194. type: "post",
  1195. success: (res) => {
  1196. if (res.code == 200) {
  1197. $('#updatepwBox .error_info span').text('密码修改成功')
  1198. $('#updatepwBox .error_info').show()
  1199. setTimeout(() => {
  1200. window.location.href = "/SSOSystem/NoLogin";
  1201. }, 1500)
  1202. } else {
  1203. layer.closeAll();
  1204. $('#updatepwBox .error_info span').text(res.info)
  1205. $('#updatepwBox .error_info').show()
  1206. }
  1207. }
  1208. });
  1209. }
  1210. </script>
  1211. </body>
  1212. </html>