home.html 49 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720
  1. {% load staticfiles %}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  6. <meta charset="utf-8" />
  7. <meta name="description" content="overview &amp; stats" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
  9. <!-- <title>云飞科技</title> -->
  10. <link href="{% static '/lib/bootstrap-3.3.7/css/bootstrap.css' %}" rel="stylesheet">
  11. <link rel="stylesheet" href="{% static '/lib/font-awesome/4.5.0/css/font-awesome.css' %}">
  12. <!-- <link rel="stylesheet" href="{% static 'assetsDemo/css/fonts.googleapis.com.css' %}" /> -->
  13. <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
  14. <link rel="stylesheet" href="{% static '/lib/css/ace-skins.min.css' %}">
  15. <link rel="stylesheet" href="{% static '/lib/css/ace-rtl.min.css' %}">
  16. <style>
  17. li {
  18. list-style-type: none;
  19. }
  20. ul {
  21. padding: 0;
  22. margin: 0;
  23. }
  24. .logoImg {
  25. /* width: 100px; */
  26. height: 32px;
  27. }
  28. .ace-nav>li {
  29. line-height: 52px;
  30. height: 52px;
  31. }
  32. .ace-nav .nav-user-photo {
  33. width: 40px;
  34. height: 40px;
  35. display: inline-block;
  36. }
  37. .ace-nav>li>a {
  38. /* min-width: 80px; */
  39. }
  40. .user-info {
  41. top: 0px;
  42. line-height: 52px;
  43. }
  44. .breadcrumb>li>a,
  45. .breadcrumb>li>span {
  46. margin: 0 5px;
  47. }
  48. .breadcrumb .fa {
  49. font-size: 20px;
  50. }
  51. /* 个人资料 */
  52. .dropdown-navbar-xs {
  53. width: 190px;
  54. }
  55. .dropdown-event .active {
  56. /* background-color: #d4edfc; */
  57. background-color: #F4F9FC;
  58. }
  59. /* 紧急消息 */
  60. .ace-nav>.purple>a {
  61. min-width: 50px;
  62. }
  63. .purple .dropdown-navbar>li>a {
  64. line-height: 30px;
  65. font-size: 16px;
  66. text-indent: 29px;
  67. word-wrap: break-word;
  68. }
  69. .usernameStyle {
  70. color: #fb5238;
  71. text-decoration: underline;
  72. }
  73. /* 版权 */
  74. .copyrightBox {
  75. text-align: center;
  76. line-height: 36px;
  77. margin-left: 190px;
  78. border-top: 3px double #E5E5E5;
  79. padding-top: 15px;
  80. font-size: 16px;
  81. }
  82. .copyright {
  83. color: #333;
  84. font-size: 16px;
  85. }
  86. .bigCaption {
  87. font-size: 18px;
  88. color: #ffffff;
  89. /* text-align: center; */
  90. line-height: 52px;
  91. }
  92. /* 预警 */
  93. .homeWarning {
  94. background: #8dd9e2;
  95. color: #ff0000;
  96. font-size: 16px;
  97. line-height: 55px;
  98. display: none;
  99. height: 55px;
  100. overflow: hidden;
  101. position: relative;
  102. }
  103. .homeWarning table {
  104. width: 100%;
  105. }
  106. .homeWarning table .width50 {
  107. width: 50px;
  108. text-align: center;
  109. }
  110. .homeWarning table .fa-close {
  111. cursor: pointer;
  112. }
  113. .warningImg {
  114. /* margin: 0 10px; */
  115. position: absolute;
  116. left: 10px;
  117. top: 50%;
  118. margin-top: -13px;
  119. animation: warningImg 2s ease infinite;
  120. }
  121. @keyframes warningImg {
  122. 0% {
  123. transform: rotateY(-15deg);
  124. transform-origin: 50% 0
  125. }
  126. 2% {
  127. transform: rotateY(15deg);
  128. transform-origin: 50% 0
  129. }
  130. 12%,
  131. 4% {
  132. transform: rotate(-18deg);
  133. transform-origin: 50% 0
  134. }
  135. 14%,
  136. 6% {
  137. transform: rotate(18deg);
  138. transform-origin: 50% 0
  139. }
  140. 8% {
  141. transform: rotate(-22deg);
  142. transform-origin: 50% 0
  143. }
  144. 10% {
  145. transform: rotate(22deg);
  146. transform-origin: 50% 0
  147. }
  148. 16% {
  149. transform: rotate(-12deg);
  150. transform-origin: 50% 0
  151. }
  152. 18% {
  153. transform: rotate(12deg);
  154. transform-origin: 50% 0
  155. }
  156. 20% {
  157. transform: rotate(0);
  158. transform-origin: 50% 0
  159. }
  160. }
  161. .warningTitle {
  162. position: absolute;
  163. left: 45px;
  164. top: 0;
  165. color: #fff;
  166. font-size: 18px;
  167. }
  168. .warningContent {
  169. /* width: 80%; */
  170. /* display: inline-block; */
  171. height: 55px;
  172. padding-left: 126px;
  173. }
  174. /* sim卡提示 */
  175. .SIMBox {
  176. width: 450px !important;
  177. }
  178. .dropdown-navbar.navbar-red>li.dropdown-header {
  179. background-color: #f7ecec;
  180. color: #ff0000;
  181. border-bottom-color: #e5bcbc;
  182. }
  183. .dropdown-navbar.navbar-red>li.dropdown-header>.ace-icon,
  184. .dropdown-navbar.navbar-red>li.dropdown-footer>a,
  185. .dropdown-navbar.navbar-red>li>a>.ace-icon {
  186. color: #ff0000 !important;
  187. }
  188. #simCodeContent {
  189. border-top: 1px solid #e4ecf3;
  190. }
  191. .dropdown-navbar-code {
  192. width: 500px;
  193. }
  194. .pull-right {
  195. margin: 0 -10px 0 0;
  196. }
  197. .pull-right i {
  198. /* color: red;
  199. font-weight: 700;
  200. font-style: inherit;
  201. font-size: 14px !important; */
  202. }
  203. /* #simCodeHint {
  204. display: none;
  205. } */
  206. body .demo-class {
  207. border-radius: 15px;
  208. overflow: hidden;
  209. }
  210. #accountIndateDiv {
  211. display: none;
  212. text-align: center;
  213. font-size: 14px;
  214. line-height: 28px;
  215. padding: 15px 0;
  216. }
  217. #accountIndateDiv>div>div>span {
  218. color: red;
  219. }
  220. .iptHid {
  221. display: none;
  222. }
  223. .dropdown-header {
  224. display: flex;
  225. justify-content: space-evenly;
  226. }
  227. .dropdown-header div {
  228. /* margin: 0 0 0 28px; */
  229. }
  230. .dropdown-header div i {
  231. /* color: rgb(136, 170, 102); */
  232. }
  233. #userHeaderMsg {
  234. line-height: 50px;
  235. color: #fff;
  236. font-size: 22px;
  237. letter-spacing: 8px;
  238. }
  239. /* 暂无 */
  240. #noTavailable {
  241. display: none;
  242. }
  243. .noTavailableTxt {
  244. margin: 0 auto;
  245. text-align: center;
  246. background: #fff;
  247. }
  248. </style>
  249. </head>
  250. <body class="skin-1">
  251. <!-- 导航 -->
  252. <div id="navbar" class="navbar navbar-default ace-save-state">
  253. <div class="navbar-container ace-save-state" id="navbar-container">
  254. <span id="userHeaderMsg">
  255. {{current_user.user_header}}
  256. </span>
  257. <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
  258. <span class="sr-only">Toggle sidebar</span>
  259. <span class="icon-bar"></span>
  260. <span class="icon-bar"></span>
  261. <span class="icon-bar"></span>
  262. </button>
  263. <div class="navbar-header pull-left">
  264. <a href="home_map.html" target="BoardRight" class="navbar-brand">
  265. <small>
  266. {% for i in logos %}
  267. <img class="logoImg" src="http://120.27.222.26/{{ i.role_logo }}">
  268. {% empty %}
  269. <img class="logoImg" src="{% static '/img/logo.png' %}">
  270. {% endfor %}
  271. </small>
  272. </a>
  273. </div>
  274. <div class="navbar-buttons navbar-header pull-right" role="navigation">
  275. <ul class="nav ace-nav">
  276. {% if role != "superuser" and role != "staff" %}
  277. <li class="red dropdown-modal" id="simCodeHint">
  278. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  279. <i class="ace-icon fa fa-bell"></i>
  280. <!-- <span class="badge badge-grey">4</span> -->
  281. </a>
  282. <ul
  283. class="dropdown-menu-right dropdown-navbar navbar-red dropdown-menu dropdown-caret dropdown-close SIMBox">
  284. <li class="dropdown-header">
  285. <div>
  286. <i class="ace-icon fa fa-exclamation-triangle"></i>
  287. <!-- SIM卡到期提示 -->
  288. 预警信息
  289. </div>
  290. </li>
  291. <li class="dropdown-content">
  292. <!-- 杀虫灯预警 -->
  293. <ul class="dropdown-menu dropdown-navbar" id="simCodeContentA">
  294. <li>
  295. <a href="#">
  296. <div class="clearfix">
  297. <span class="pull-left"></span>
  298. <span class="pull-right"></span>
  299. </div>
  300. </a>
  301. </li>
  302. </ul>
  303. <!-- SIM卡预警 -->
  304. <ul class="dropdown-menu dropdown-navbar" id="simCodeContent">
  305. <li>
  306. <a href="#">
  307. <div class="clearfix">
  308. <span class="pull-left">Software Update</span>
  309. <span class="pull-right">65%</span>
  310. </div>
  311. </a>
  312. </li>
  313. </ul>
  314. <ul id="noTavailable">
  315. <li class="noTavailableTxt">暂无预警消息</li>
  316. </ul>
  317. </li>
  318. <!-- <li class="dropdown-footer">
  319. <a href="siminfo_view" id="lookAllSim" target="BoardRight">
  320. 查看详情
  321. <i class="ace-icon fa fa-arrow-right"></i>
  322. </a>
  323. </li> -->
  324. </ul>
  325. </li>
  326. {% else %} {% endif %}
  327. {% if role != "superuser" and role != "staff" %}
  328. <!-- <li class="purple dropdown-modal">
  329. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  330. <i class="ace-icon fa fa-bell icon-animated-bell"></i>
  331. </a>
  332. <ul class="dropdown-menu-right dropdown-navbar navbar-pink dropdown-menu dropdown-caret dropdown-close">
  333. <li class="dropdown-header">
  334. <i class="ace-icon fa fa-exclamation-triangle"></i>
  335. 紧急信息
  336. </li>
  337. <li class="dropdown-content ace-scroll" style="position: relative;">
  338. <div class="scroll-track" style="display: none;">
  339. <div class="scroll-bar"></div>
  340. </div>
  341. <div class="scroll-content" style="max-height: 200px;">
  342. <ul class="dropdown-menu dropdown-navbar navbar-pink dropdown-event">
  343. <li>
  344. <a href="user_remaining_days" target="BoardRight">
  345. <i class="" data-attr="fa fa-exclamation-triangle"></i>
  346. <span class="menu-text" style="display:none">用户有效期</span>
  347. 尊敬的<span class="usernameStyle">{{user.username}}</span>用户您好,您在本平台的账号有效期还剩余<span class="usernameStyle">{{remaining_days}}</span>天,避免给您造成不便请及时充值,具体情况请查看...
  348. </a>
  349. </li>
  350. </ul>
  351. </div>
  352. </li>
  353. </ul>
  354. </li> -->
  355. {% else %} {% endif %}
  356. {% if logos|length %}
  357. <!-- <li class="green dropdown-modal">
  358. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  359. <i class="ace-icon fa fa-qrcode"></i>
  360. </a>
  361. <ul
  362. class="dropdown-menu-right dropdown-navbar dropdown-navbar-code navbar-green dropdown-menu dropdown-caret dropdown-close">
  363. <li class="dropdown-header">
  364. <i class="ace-icon fa fa-download"></i>
  365. 安卓APP下载
  366. <div>
  367. <i class="ace-icon fa fa-download"></i>
  368. 安卓APP下载
  369. </div>
  370. <div>
  371. <i class="ace-icon fa fa-download"></i>
  372. 统计器安卓APP下载
  373. </div>
  374. <div>
  375. <i class="ace-icon fa fa-download"></i>
  376. 小神农安卓APP下载
  377. </div>
  378. </li>
  379. <li class="dropdown-content ace-scroll" style="position: relative; text-align:center">
  380. <img src="{% static '/img/commonWechatCode.png'%}" style="width:150px" alt="">
  381. <img src="{% static '/img/insectApp.png'%}" style="width:150px" alt="">
  382. <img src="{% static '/img/deity.png'%}" style="width:150px" alt="">
  383. </li>
  384. </ul>
  385. </li> -->
  386. {% else %}
  387. <!-- <li class="green dropdown-modal">
  388. <a data-toggle="dropdown" class="dropdown-toggle" href="#">
  389. <i class="ace-icon fa fa-qrcode"></i>
  390. </a>
  391. <ul
  392. class="dropdown-menu-right dropdown-navbar dropdown-navbar-code navbar-green dropdown-menu dropdown-caret dropdown-close">
  393. <li class="dropdown-header">
  394. <i class="ace-icon fa fa-download"></i>
  395. 安卓APP下载
  396. <div>
  397. <i class="ace-icon fa fa-download"></i>
  398. 安卓APP下载qqq
  399. </div>
  400. <div>
  401. <i class="ace-icon fa fa-download"></i>
  402. 统计器安卓APP下载
  403. </div>
  404. <div>
  405. <i class="ace-icon fa fa-download"></i>
  406. 小神农安卓APP下载
  407. </div>
  408. </li>
  409. <li class="dropdown-content ace-scroll" style="position: relative; text-align:center">
  410. <img src="{% static '/img/wechatCode.png'%}" style="width:150px" alt="">
  411. <img src="{% static '/img/insectApp.png'%}" style="width:150px" alt="">
  412. <img src="{% static '/img/deity.png'%}" style="width:150px" alt="">
  413. </li>
  414. </ul>
  415. </li> -->
  416. {% endif %}
  417. <li class="light-blue dropdown-modal">
  418. <a data-toggle="dropdown" href="#" class="dropdown-toggle">
  419. <img class="nav-user-photo" src="{{user.user_picture}}" alt="" />
  420. <span class="user-info">
  421. 欢迎您,
  422. <span id="parentUserName">{{user.username}}</span>
  423. </span>
  424. <i class="ace-icon fa fa-caret-down"></i>
  425. </a>
  426. <ul
  427. class="dropdown-menu-right dropdown-navbar dropdown-navbar-xs dropdown-menu dropdown-caret dropdown-close">
  428. <li class="dropdown-content ace-scroll" style="position: relative;">
  429. <div class="scroll-track" style="display: none;">
  430. <div class="scroll-bar"></div>
  431. </div>
  432. <div class="scroll-content" style="min-height: 200px;">
  433. <ul class="dropdown-menu dropdown-navbar dropdown-navbar-xs dropdown-event">
  434. <li>
  435. <a href="personal_info" target="BoardRight">
  436. <div class="clearfix">
  437. <span class="pull-left">
  438. <i class="btn btn-xs btn-info no-hover ace-icon fa fa-user"
  439. data-attr="ace-icon fa fa-user"></i>
  440. <span class="menu-text">个人资料</span>
  441. </span>
  442. </div>
  443. </a>
  444. </li>
  445. <li>
  446. <a href="user_base" target="BoardRight">
  447. <div class="clearfix">
  448. <span class="pull-left">
  449. <i class="btn btn-xs btn-warning no-hover ace-icon fa fa-edit"
  450. data-attr="ace-icon fa fa-user"></i>
  451. <span class="menu-text">修改基地资料</span>
  452. </span>
  453. </div>
  454. </a>
  455. </li>
  456. <li>
  457. <a href="app_img" target="BoardRight">
  458. <div class="clearfix">
  459. <span class="pull-left">
  460. <i class="btn btn-xs btn-purple no-hover ace-icon fa fa-edit"
  461. data-attr="ace-icon fa fa-user"></i>
  462. <span class="menu-text">APP轮播图上传</span>
  463. </span>
  464. </div>
  465. </a>
  466. </li>
  467. <li>
  468. <a href="change_pwd" target="BoardRight">
  469. <div class="clearfix">
  470. <span class="pull-left">
  471. <i class="btn btn-xs btn-success no-hover ace-icon fa fa-edit"
  472. data-attr="ace-icon fa fa-edit"></i>
  473. <span class="menu-text">修改账户密码</span>
  474. </span>
  475. </div>
  476. </a>
  477. </li>
  478. <!-- <li><i class="ace-icon fa fa-cogs"></i>自定义首页</li> -->
  479. <!-- <li>
  480. <a href="logout">
  481. <div class="clearfix">
  482. <span class="pull-left">
  483. <i class="btn btn-xs btn-danger no-hover ace-icon fa fa-power-off" data-attr="ace-icon fa fa-power-off"></i>
  484. <span class="menu-text">退出登录</span>
  485. </span>
  486. </div>
  487. </a>
  488. </li> -->
  489. </ul>
  490. </li>
  491. </ul>
  492. </li>
  493. <li class="red dropdown-modal">
  494. <a href="logout">
  495. <i class="ace-icon fa fa-power-off icon-animated-vertical"></i>
  496. <span class="">退出</span>
  497. </a>
  498. </li>
  499. </ul>
  500. </div>
  501. {% for i in logos %}
  502. <div class="bigCaption">
  503. {{ i.role_header }}
  504. </div>
  505. {% empty %}
  506. <!-- Copyright©2007-2018 All Rrights Resvered 版权所有:河南云飞科技发展有限公司 -->
  507. {% endfor %}
  508. </div>
  509. <!-- /.navbar-container -->
  510. </div>
  511. <!-- 主体 -->
  512. <div class="main-container ace-save-state" id="main-container">
  513. <script type="text/javascript">
  514. try { ace.settings.loadState('main-container') } catch (e) { }
  515. </script>
  516. <div id="sidebar" class="sidebar responsive ace-save-state">
  517. <script type="text/javascript">
  518. try { ace.settings.loadState('sidebar') } catch (e) { }
  519. </script>
  520. <!-- /.sidebar-shortcuts -->
  521. <ul class="nav nav-list">
  522. {% if not perms.AppInfoManage.ykm_hl or role == "superuser" or role == "staff" or role == "agency" %}
  523. <li class="active">
  524. <a href="home_map.html" target="BoardRight">
  525. <i class="menu-icon fa fa-home"></i>
  526. <span class="menu-text">首页</span>
  527. </a>
  528. <b class="arrow"></b>
  529. </li>
  530. {% if role == "superuser" or role == "staff" or role == "agency" %}
  531. <li class="">
  532. <a href="equipallot" target="BoardRight">
  533. <i class="menu-icon fa fa-sitemap"></i>
  534. <span class="menu-text">分配设备</span>
  535. </a>
  536. <b class="arrow"></b>
  537. </li>
  538. {% else %} {% endif %}
  539. <li class="">
  540. <a href="equiplist" target="BoardRight">
  541. <i class="menu-icon fa fa-list"></i>
  542. <span class="menu-text">设备列表</span>
  543. </a>
  544. <b class="arrow"></b>
  545. </li>
  546. <li class="">
  547. <a href="siminfo_view" target="BoardRight">
  548. <i class="menu-icon fa fa-floppy-o"></i>
  549. <span class="menu-text">sim卡信息</span>
  550. </a>
  551. <b class="arrow"></b>
  552. </li>
  553. {% endif %}
  554. <li class="">
  555. <a href="#" class="dropdown-toggle">
  556. <i class="menu-icon fa fa-wrench"></i>
  557. <span class="menu-text">设备管理</span>
  558. <b class="arrow fa fa-angle-down"></b>
  559. </a>
  560. <b class="arrow"></b>
  561. <ul class="submenu">
  562. <!-- <li class="li-list">
  563. <a href="equipmanage_qx" target="BoardRight">
  564. <i class="menu-icon fa fa-caret-right"></i>
  565. <span class="menu-text">气象设备</span>
  566. </a>
  567. <b class="arrow"></b>
  568. </li> -->
  569. {% if perms.AppInfoManage.can_see_cbd %}
  570. <li class="">
  571. <a href="equipmanage_cbd" target="BoardRight">
  572. <i class="menu-icon fa fa-caret-right"></i>
  573. <span class="menu-text">虫情测报</span>
  574. </a>
  575. <b class="arrow"></b>
  576. </li>
  577. {% if role == "superuser" or role == "staff"%}
  578. <li class="">
  579. <a href="cbdbatchoperate" target="BoardRight">
  580. <i class="menu-icon fa fa-caret-right"></i>
  581. <span class="menu-text">测报灯批量操作</span>
  582. </a>
  583. <b class="arrow"></b>
  584. </li>
  585. {% endif %}
  586. {% endif %}
  587. {% if perms.AppInfoManage.can_see_scd %}
  588. <!-- <li class="">
  589. <a href="equipmanage_scd" target="BoardRight">
  590. <i class="menu-icon fa fa-caret-right"></i>
  591. <span class="menu-text">杀虫灯</span>
  592. </a>
  593. <b class="arrow"></b>
  594. </li> -->
  595. {% endif %}
  596. {% if perms.AppInfoManage.can_see_ybq %}
  597. <!-- <li class="">
  598. <a href="sex_trap_view" target="BoardRight">
  599. <i class="menu-icon fa fa-caret-right"></i>
  600. <span class="menu-text">性诱设备</span>
  601. </a>
  602. <b class="arrow"></b>
  603. </li> -->
  604. {% endif %}
  605. {% if perms.AppInfoManage.can_see_tccb %}
  606. <!-- <li class="">
  607. <a href="tccb_view" target="BoardRight">
  608. <i class="menu-icon fa fa-caret-right"></i>
  609. <span class="menu-text">糖醋测报</span>
  610. </a>
  611. <b class="arrow"></b>
  612. </li> -->
  613. {% endif %}
  614. {% if role == "superuser"%}
  615. <!-- <li class="">
  616. <a href="rtu_view" target="BoardRight">
  617. <i class="menu-icon fa fa-caret-right"></i>
  618. <span class="menu-text">测报RTU</span>
  619. </a>
  620. <b class="arrow"></b>
  621. </li> -->
  622. {% else %} {% endif %}
  623. {% if perms.AppInfoManage.can_see_ybq %}
  624. <!-- <li class="">
  625. <a href="equipmanage_ybq" target="BoardRight">
  626. <i class="menu-icon fa fa-caret-right"></i>
  627. <span class="menu-text">诱捕器</span>
  628. </a>
  629. <b class="arrow"></b>
  630. </li> -->
  631. {% endif %}
  632. {% if perms.AppInfoManage.can_see_qxz %}
  633. <li class="">
  634. <a href="equipmanage_qxz" target="BoardRight">
  635. <i class="menu-icon fa fa-caret-right"></i>
  636. <span class="menu-text">环境监测</span>
  637. </a>
  638. <b class="arrow"></b>
  639. </li>
  640. {% endif %}
  641. {% if perms.AppInfoManage.can_see_jk %}
  642. <li class="">
  643. <a href="equipmanage_jk" target="BoardRight">
  644. <i class="menu-icon fa fa-caret-right"></i>
  645. <span class="menu-text">监控</span>
  646. </a>
  647. <b class="arrow"></b>
  648. </li>
  649. {% endif %}
  650. {% if perms.AppInfoManage.can_see_bzy %}
  651. <!-- <li class="">
  652. <a href="equipmanage_bzy" target="BoardRight">
  653. <i class="menu-icon fa fa-caret-right"></i>
  654. <span class="menu-text">孢子捕捉仪</span>
  655. </a>
  656. <b class="arrow"></b>
  657. </li> -->
  658. {% endif %}
  659. </ul>
  660. </li>
  661. {% if perms.AppInfoManage.ykm_hl or perms.AppInfoManage.can_see_alarm or role == "superuser" or role == "staff" %}
  662. <li class="">
  663. <a href="#" class="dropdown-toggle">
  664. <i class="menu-icon fa fa-bell"></i>
  665. <span class="menu-text">短信通知</span>
  666. <b class="arrow fa fa-angle-down"></b>
  667. </a>
  668. <b class="arrow"></b>
  669. <ul class="submenu">
  670. <li class="">
  671. <a href="cbdmsg_view" target="BoardRight">
  672. <i class="menu-icon fa fa-caret-right"></i>
  673. <span class="menu-text">害虫预警</span>
  674. </a>
  675. <b class="arrow"></b>
  676. </li>
  677. <li class="">
  678. <a href="sim_flow" target="BoardRight">
  679. <i class="menu-icon fa fa-caret-right"></i>
  680. <span class="menu-text">SIM卡流量提醒</span>
  681. </a>
  682. <b class="arrow"></b>
  683. </li>
  684. <!--<li class="">
  685. <a href="alarm_map.html" target="BoardRight">
  686. <i class="menu-icon fa fa-caret-right"></i>
  687. <span class="menu-text">地图预警</span>
  688. </a>
  689. <b class="arrow"></b>
  690. </li> -->
  691. </ul>
  692. </li>
  693. {% endif %}
  694. <li class="">
  695. <a href="#" class="dropdown-toggle">
  696. <i class="menu-icon fa fa-list-alt"></i>
  697. <span class="menu-text">报表管理</span>
  698. <b class="arrow fa fa-angle-down"></b>
  699. </a>
  700. <b class="arrow"></b>
  701. <ul class="submenu">
  702. {% if perms.AppInfoManage.can_see_cbd %}
  703. <li class="">
  704. <a href="cbd_report" target="BoardRight">
  705. <i class="menu-icon fa fa-caret-right"></i>
  706. <span class="menu-text">虫情测报</span>
  707. </a>
  708. <b class="arrow"></b>
  709. </li>
  710. {% endif %}
  711. {% if perms.AppInfoManage.can_see_scd %}
  712. <!-- <li class="">
  713. <a href="scd_report" target="BoardRight">
  714. <i class="menu-icon fa fa-caret-right"></i>
  715. <span class="menu-text">杀虫灯</span>
  716. </a>
  717. <b class="arrow"></b>
  718. </li> -->
  719. {% endif %}
  720. {% if perms.AppInfoManage.can_see_ybq %}
  721. <!-- <li class="">
  722. <a href="ybq_report" target="BoardRight">
  723. <i class="menu-icon fa fa-caret-right"></i>
  724. <span class="menu-text">诱捕器</span>
  725. </a>
  726. <b class="arrow"></b>
  727. </li> -->
  728. {% endif %}
  729. {% if perms.AppInfoManage.can_see_qxz %}
  730. <li class="">
  731. <a href="qxz_report" target="BoardRight">
  732. <i class="menu-icon fa fa-caret-right"></i>
  733. <span class="menu-text">环境监测</span>
  734. </a>
  735. <b class="arrow"></b>
  736. </li>
  737. {% endif %}
  738. {% if perms.AppInfoManage.can_see_bzy %}
  739. <!-- <li class="">
  740. <a href="bzy_report" target="BoardRight">
  741. <i class="menu-icon fa fa-caret-right"></i>
  742. <span class="menu-text">孢子捕捉仪</span>
  743. </a>
  744. <b class="arrow"></b>
  745. </li> -->
  746. {% endif %}
  747. {% if perms.AppInfoManage.can_see_xyq %}
  748. <li class="">
  749. <a href="xyq_report" target="BoardRight">
  750. <i class="menu-icon fa fa-caret-right"></i>
  751. <span class="menu-text">性诱捕器</span>
  752. </a>
  753. <b class="arrow"></b>
  754. </li>
  755. {% endif %}
  756. </ul>
  757. </li>
  758. {% if role == "superuser" or role == "staff" or role == "agency" %}
  759. <li class="">
  760. <a href="#" class="dropdown-toggle">
  761. <i class="menu-icon fa fa-cogs"></i>
  762. <span class="menu-text">系统管理</span>
  763. <b class="arrow fa fa-angle-down"></b>
  764. </a>
  765. <b class="arrow"></b>
  766. <ul class="submenu">
  767. <li class="">
  768. <a href="systemmanage_user" target="BoardRight">
  769. <i class="menu-icon fa fa-caret-right"></i>
  770. <span class="menu-text">用户管理</span>
  771. </a>
  772. <b class="arrow"></b>
  773. </li>
  774. {% if role == "superuser" or role == "staff" %}
  775. <li class="">
  776. <a href="systemmanage_role" target="BoardRight">
  777. <i class="menu-icon fa fa-caret-right"></i>
  778. <span class="menu-text">用户组管理</span>
  779. </a>
  780. <b class="arrow"></b>
  781. </li>
  782. <!-- <li class="">
  783. <a href="systemmanage_privi" target="BoardRight">
  784. <i class="menu-icon fa fa-caret-right"></i>
  785. 权限列表
  786. </a>
  787. <b class="arrow"></b>
  788. </li> -->
  789. <li class="">
  790. <a href="systemmanage_log" target="BoardRight">
  791. <i class="menu-icon fa fa-caret-right"></i>
  792. <span class="menu-text">日志管理</span>
  793. </a>
  794. <b class="arrow"></b>
  795. </li>
  796. <li class="">
  797. <a href="equip_alarm" target="BoardRight">
  798. <i class="menu-icon fa fa-caret-right"></i>
  799. <span class="menu-text">预警</span>
  800. </a>
  801. <b class="arrow"></b>
  802. </li>
  803. <li class="">
  804. <a href="agency_view" target="BoardRight">
  805. <!--agent_allot -->
  806. <i class="menu-icon fa fa-caret-right"></i>
  807. <span class="menu-text">代理商分配</span>
  808. </a>
  809. <b class="arrow"></b>
  810. </li>
  811. <li class="">
  812. <a href="isDistinguish" target="BoardRight">
  813. <!--agent_allot -->
  814. <i class="menu-icon fa fa-caret-right"></i>
  815. <span class="menu-text">测报灯识别</span>
  816. </a>
  817. <b class="arrow"></b>
  818. </li>
  819. {% else %} {% endif %}
  820. <!-- <li class="">
  821. <a href="systemmanage_help" target="BoardRight">
  822. <i class="menu-icon fa fa-caret-right"></i>
  823. 帮助中心设置
  824. </a>
  825. <b class="arrow"></b>
  826. </li> -->
  827. </ul>
  828. </li>
  829. {% else %} {% endif %}
  830. <!-- <li class="">
  831. <a href="#" class="dropdown-toggle">
  832. <i class="menu-icon fa fa-stethoscope"></i>
  833. <span class="menu-text"> 专家诊断 </span>
  834. <b class="arrow fa fa-angle-down"></b>
  835. </a>
  836. <b class="arrow"></b>
  837. <ul class="submenu">
  838. <li class="">
  839. <a href="expertdiag_list" target="BoardRight">
  840. <a href="JavaScript:;" target="BoardRight">
  841. <i class="menu-icon fa fa-caret-right"></i>
  842. 专家诊断列表
  843. </a>
  844. <b class="arrow"></b>
  845. </li>
  846. <li class="">
  847. <a href="expertdiag" target="BoardRight">
  848. <a href="JavaScript:;" target="BoardRight">
  849. <i class="menu-icon fa fa-caret-right"></i>
  850. 专家诊断
  851. </a>
  852. <b class="arrow"></b>
  853. </li>
  854. </ul>
  855. </li> -->
  856. <!-- <li class=" ">
  857. <a href="#" class="dropdown-toggle">
  858. <i class="menu-icon fa fa-tablet"></i>
  859. <span class="menu-text">APP信息管理</span>
  860. <b class="arrow fa fa-angle-down"></b>
  861. </a>
  862. <b class="arrow"></b>
  863. <ul class="submenu">
  864. <li class="">
  865. <a href="JavaScript:;" target="BoardRight">
  866. <i class="menu-icon fa fa-caret-right"></i>
  867. <span class="menu-text">轮播图</span>
  868. </a>
  869. <b class="arrow"></b>
  870. </li>
  871. <li class="">
  872. <a href="JavaScript:;" target="BoardRight">
  873. <i class="menu-icon fa fa-caret-right"></i>
  874. <span class="menu-text">意见反馈</span>
  875. </a>
  876. <b class="arrow"></b>
  877. </li>
  878. </ul>
  879. </li> -->
  880. {% if role == "superuser" or role == "staff" or have == 1 %}
  881. <!-- <li class=" ">
  882. <a href="#" class="dropdown-toggle">
  883. <i class="menu-icon fa fa-list-ol"></i>
  884. <span class="menu-text">病虫测报采集</span>
  885. <b class="arrow fa fa-angle-down"></b>
  886. </a>
  887. <b class="arrow"></b>
  888. <ul class="submenu">
  889. <li class="">
  890. <a href="look_user" target="BoardRight">
  891. <i class="menu-icon fa fa-caret-right"></i>
  892. <span class="menu-text">病虫害记录仪</span>
  893. </a>
  894. <b class="arrow"></b>
  895. </li>
  896. <li class="">
  897. <a href="pie_chart" target="BoardRight">
  898. <i class="menu-icon fa fa-caret-right"></i>
  899. <span class="menu-text">病虫害统计</span>
  900. </a>
  901. <b class="arrow"></b>
  902. </li>
  903. </ul>
  904. </li> -->
  905. {% endif %}
  906. {% if role == "superuser" or role == "staff" %}
  907. <!-- <li class=" ">
  908. <a href="#" class="dropdown-toggle">
  909. <i class="menu-icon fa fa-plus"></i>
  910. <span class="menu-text">新增模块</span>
  911. <b class="arrow fa fa-angle-down"></b>
  912. </a>
  913. <b class="arrow"></b>
  914. <ul class="submenu">
  915. <li class="">
  916. <a href="product_introduce" target="BoardRight">
  917. <i class="menu-icon fa fa-caret-right"></i>
  918. <span class="menu-text">网上商城</span>
  919. </a>
  920. <b class="arrow"></b>
  921. </li>
  922. <li class="">
  923. <a href="uav" target="BoardRight">
  924. <i class="menu-icon fa fa-caret-right"></i>
  925. <span class="menu-text">无人机</span>
  926. </a>
  927. <b class="arrow"></b>
  928. </li>
  929. <li class="">
  930. <a href="forestFireproofing" target="BoardRight">
  931. <i class="menu-icon fa fa-caret-right"></i>
  932. <span class="menu-text">森林防火</span>
  933. </a>
  934. <b class="arrow"></b>
  935. </li>
  936. <li class="">
  937. <a href="machineManage" target="BoardRight">
  938. <i class="menu-icon fa fa-caret-right"></i>
  939. <span class="menu-text">农机管理</span>
  940. </a>
  941. <b class="arrow"></b>
  942. </li>
  943. </ul>
  944. </li>
  945. <li class=" ">
  946. <a href="#" class="dropdown-toggle">
  947. <i class="menu-icon fa fa-sun-o"></i>
  948. <span class="menu-text">生产管理</span>
  949. <b class="arrow fa fa-angle-down"></b>
  950. </a>
  951. <b class="arrow"></b>
  952. <ul class="submenu">
  953. <li class="">
  954. <a href="seed_manage" target="BoardRight">
  955. <i class="menu-icon fa fa-caret-right"></i>
  956. <span class="menu-text">种子种苗管理</span>
  957. </a>
  958. <b class="arrow"></b>
  959. </li>
  960. <li class="">
  961. <a href="user_manage" target="BoardRight">
  962. <i class="menu-icon fa fa-caret-right"></i>
  963. <span class="menu-text">人员管理</span>
  964. </a>
  965. <b class="arrow"></b>
  966. </li>
  967. <li class="">
  968. <a href="crop_manage" target="BoardRight">
  969. <i class="menu-icon fa fa-caret-right"></i>
  970. <span class="menu-text">作物管理</span>
  971. </a>
  972. <b class="arrow"></b>
  973. </li>
  974. <li class="">
  975. <a href="manure_manage" target="BoardRight">
  976. <i class="menu-icon fa fa-caret-right"></i>
  977. <span class="menu-text">肥料管理</span>
  978. </a>
  979. <b class="arrow"></b>
  980. </li>
  981. <li class="">
  982. <a href="pesticide_manage" target="BoardRight">
  983. <i class="menu-icon fa fa-caret-right"></i>
  984. <span class="menu-text">农药管理</span>
  985. </a>
  986. <b class="arrow"></b>
  987. </li>
  988. <li class="">
  989. <a href="farm_product" target="BoardRight">
  990. <i class="menu-icon fa fa-caret-right"></i>
  991. <span class="menu-text">农资供应商</span>
  992. </a>
  993. <b class="arrow"></b>
  994. </li>
  995. <li class="">
  996. <a href="job_name" target="BoardRight">
  997. <i class="menu-icon fa fa-caret-right"></i>
  998. <span class="menu-text">作业名称</span>
  999. </a>
  1000. <b class="arrow"></b>
  1001. </li>
  1002. <li class="">
  1003. <a href="detection" target="BoardRight">
  1004. <i class="menu-icon fa fa-caret-right"></i>
  1005. <span class="menu-text">检测机构</span>
  1006. </a>
  1007. <b class="arrow"></b>
  1008. </li>
  1009. <li class="">
  1010. <a href="cal_unit" target="BoardRight">
  1011. <i class="menu-icon fa fa-caret-right"></i>
  1012. <span class="menu-text">计量单位</span>
  1013. </a>
  1014. <b class="arrow"></b>
  1015. </li>
  1016. <li class="">
  1017. <a href="project" target="BoardRight">
  1018. <i class="menu-icon fa fa-caret-right"></i>
  1019. <span class="menu-text">项目字典</span>
  1020. </a>
  1021. <b class="arrow"></b>
  1022. </li>
  1023. </ul>
  1024. </li>
  1025. <li class=" ">
  1026. <a href="#" class="dropdown-toggle">
  1027. <i class="menu-icon fa fa-file-text-o"></i>
  1028. <span class="menu-text">溯源中心</span>
  1029. <b class="arrow fa fa-angle-down"></b>
  1030. </a>
  1031. <b class="arrow"></b>
  1032. <ul class="submenu">
  1033. <li class="">
  1034. <a href="trace_batch" target="BoardRight">
  1035. <i class="menu-icon fa fa-caret-right"></i>
  1036. <span class="menu-text">溯源批次</span>
  1037. </a>
  1038. <b class="arrow"></b>
  1039. </li>
  1040. </ul>
  1041. </li>
  1042. <li class=" ">
  1043. <a href="#" class="dropdown-toggle">
  1044. <i class="menu-icon fa fa-file-text-o"></i>
  1045. <span class="menu-text">畜禽养殖</span>
  1046. <b class="arrow fa fa-angle-down"></b>
  1047. </a>
  1048. <b class="arrow"></b>
  1049. <ul class="submenu">
  1050. <li class="">
  1051. <a href="breedCenter" target="BoardRight">
  1052. <i class="menu-icon fa fa-caret-right"></i>
  1053. <span class="menu-text">养殖中心</span>
  1054. </a>
  1055. <b class="arrow"></b>
  1056. </li>
  1057. </ul>
  1058. </li>
  1059. <li class=" ">
  1060. <a href="#" class="dropdown-toggle">
  1061. <i class="menu-icon fa fa-file-text-o"></i>
  1062. <span class="menu-text">水肥管理</span>
  1063. <b class="arrow fa fa-angle-down"></b>
  1064. </a>
  1065. <b class="arrow"></b>
  1066. <ul class="submenu">
  1067. <li class="">
  1068. <a href="water_fertilizer_ctrl" target="BoardRight">
  1069. <i class="menu-icon fa fa-caret-right"></i>
  1070. <span class="menu-text">水肥控制</span>
  1071. </a>
  1072. <b class="arrow"></b>
  1073. </li>
  1074. </ul>
  1075. </li> -->
  1076. {% endif %}
  1077. {% if not perms.AppInfoManage.ykm_hl or role == "superuser" or role == "staff" or role == "agency" %}
  1078. {% if perms.AppInfoManage.can_see_scd %}
  1079. <!-- <li class=" ">
  1080. <a href="#" class="dropdown-toggle">
  1081. <i class="menu-icon fa fa-question-circle"></i>
  1082. <span class="menu-text">帮助中心</span>
  1083. <b class="arrow fa fa-angle-down"></b>
  1084. </a>
  1085. <b class="arrow"></b>
  1086. <ul class="submenu">
  1087. <li class="">
  1088. <a href="help_center" target="BoardRight">
  1089. <i class="menu-icon fa fa-caret-right"></i>
  1090. <span class="menu-text">使用说明</span>
  1091. </a>
  1092. <b class="arrow"></b>
  1093. </li>
  1094. </ul>
  1095. </li> -->
  1096. {% endif %}
  1097. {% endif %}
  1098. {% if perms.AppInfoManage.can_see_vr %}
  1099. <!-- <li class="">
  1100. <a href="vr_list" target="BoardRight">
  1101. <i class="menu-icon fa fa-arrows"></i>
  1102. <span class="menu-text">VR展示</span>
  1103. </a>
  1104. <b class="arrow"></b>
  1105. </li> -->
  1106. {% endif %}
  1107. </ul>
  1108. <!-- /.nav-list -->
  1109. <div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
  1110. <i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state"
  1111. data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
  1112. </div>
  1113. </div>
  1114. <!-- 主题内容 -->
  1115. <div class="main-content">
  1116. <div class="main-content-inner">
  1117. <!-- 预警 -->
  1118. <div class="homeWarning">
  1119. <div>
  1120. <img class="warningImg" width="26" src="{% static '/img/warningImg.png'%}" alt="">
  1121. <span class="warningTitle">预警消息</span>
  1122. <div id="warningContent" class="warningContent">
  1123. <img src="{% static '/img/timg.gif'%}" width="24" alt="">
  1124. </div>
  1125. </div>
  1126. <!-- <table>
  1127. <tr>
  1128. <td class="width50">
  1129. <img class="warningImg" width="26" src="{% static '/img/warningImg.png'%}" alt="">
  1130. </td>
  1131. <td id="warningContent" style="height:55px"><img src="{% static '/img/timg.gif'%}" width="24" alt=""></td>
  1132. <td class="width50"><i id="colseWarning" class="fa fa-close" aria-hidden="true"></i></td>
  1133. </tr>
  1134. </table> -->
  1135. </div>
  1136. <!-- 预警结束 -->
  1137. <div class="breadcrumbs ace-save-state" id="breadcrumbs">
  1138. <ul class="breadcrumb">
  1139. <li>
  1140. <i class="ace-icon fa fa-home home-icon"></i>
  1141. <span>首页</span>
  1142. </li>
  1143. </ul>
  1144. <!-- /.breadcrumb -->
  1145. <!-- <div class="nav-search" id="nav-search">
  1146. <form class="form-search">
  1147. <span class="input-icon">
  1148. <input type="text" placeholder="Search ..." class="nav-search-input" id="nav-search-input" autocomplete="off" />
  1149. <i class="ace-icon fa fa-search nav-search-icon"></i>
  1150. </span>
  1151. </form>
  1152. </div> -->
  1153. <!-- /.nav-search -->
  1154. </div>
  1155. <div class="page-content">
  1156. <div class="ace-settings-container" id="ace-settings-container">
  1157. <div class="btn btn-app btn-xs btn-warning ace-settings-btn" id="ace-settings-btn">
  1158. <i class="ace-icon fa fa-cog bigger-130"></i>
  1159. </div>
  1160. <div class="ace-settings-box clearfix" id="ace-settings-box">
  1161. <div class="pull-left width-50">
  1162. <div class="ace-settings-item">
  1163. <div class="pull-left">
  1164. <select id="skin-colorpicker" class="hide">
  1165. <option data-skin="skin-1" value="#222A2D">#222A2D</option>
  1166. <option data-skin="no-skin" value="#438EB9">#438EB9</option>
  1167. <option data-skin="skin-2" value="#C6487E">#C6487E</option>
  1168. <option data-skin="skin-3" value="#D0D0D0">#D0D0D0</option>
  1169. </select>
  1170. </div>
  1171. <span>换肤</span>
  1172. </div>
  1173. <div class="ace-settings-item">
  1174. <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
  1175. id="ace-settings-navbar" autocomplete="off" />
  1176. <label class="lbl" for="ace-settings-navbar">固定导航栏</label>
  1177. </div>
  1178. <div class="ace-settings-item">
  1179. <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
  1180. id="ace-settings-sidebar" autocomplete="off" />
  1181. <label class="lbl" for="ace-settings-sidebar">固定侧边栏</label>
  1182. </div>
  1183. <div class="ace-settings-item">
  1184. <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
  1185. id="ace-settings-breadcrumbs" autocomplete="off" />
  1186. <label class="lbl" for="ace-settings-breadcrumbs">固定面包屑导航</label>
  1187. </div>
  1188. <div class="ace-settings-item">
  1189. <input type="checkbox" class="ace ace-checkbox-2 ace-save-state"
  1190. id="ace-settings-add-container" autocomplete="off" />
  1191. <label class="lbl" for="ace-settings-add-container">内部显示</label>
  1192. </div>
  1193. </div>
  1194. <!-- /.pull-left -->
  1195. <div class="pull-left width-50">
  1196. <div class="ace-settings-item">
  1197. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-rtl"
  1198. autocomplete="off" />
  1199. <label class="lbl" for="ace-settings-rtl">右侧子菜单</label>
  1200. </div>
  1201. <div class="ace-settings-item">
  1202. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-compact"
  1203. autocomplete="off" />
  1204. <label class="lbl" for="ace-settings-compact"> 简洁侧边栏</label>
  1205. </div>
  1206. <div class="ace-settings-item">
  1207. <input type="checkbox" class="ace ace-checkbox-2" id="ace-settings-highlight"
  1208. autocomplete="off" />
  1209. <label class="lbl" for="ace-settings-highlight">切换选中状态</label>
  1210. </div>
  1211. </div>
  1212. <!-- /.pull-left -->
  1213. </div>
  1214. <!-- /.ace-settings-box -->
  1215. </div>
  1216. <!-- /.ace-settings-container -->
  1217. <!-- 页面内容开始 -->
  1218. <div class="content">
  1219. <iframe name="BoardRight" src="home_map.html" id="iframe-main" frameborder="0"
  1220. style="width: 100%; height: 718px;"></iframe>
  1221. </div>
  1222. <!-- 页面内容结束 -->
  1223. </div>
  1224. <!-- /.page-content -->
  1225. </div>
  1226. </div>
  1227. <!-- /.main-content -->
  1228. <!-- <div class="footer">
  1229. <div class="footer-inner">
  1230. <div class="footer-content">
  1231. <span class="bigger-120">
  1232. {% for i in logos %}
  1233. {{ i.role_footer }}
  1234. {% empty %}
  1235. <!-- Copyright©2007-2018 All Rrights Resvered 版权所有:河南云飞科技发展有限公司
  1236. {% endfor %}
  1237. </span>
  1238. <p><a class="copyright" target="_blank" rel="nofollow" href="http://www.miitbeian.gov.cn/" >豫ICP备13013965号</a></p>
  1239. </div>
  1240. </div>
  1241. </div> -->
  1242. <div class="copyrightBox">
  1243. <div>
  1244. {% for i in logos %}
  1245. {{ i.role_footer }}
  1246. {% empty %}
  1247. <!-- Copyright©2007-2018 All Rrights Resvered 版权所有:河南云飞科技发展有限公司 -->
  1248. {% endfor %}
  1249. <!-- <p><a class="copyright" target="_blank" rel="nofollow" href="http://www.miitbeian.gov.cn/" >豫ICP备13013965号</a></p> -->
  1250. </div>
  1251. </div>
  1252. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  1253. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  1254. </a>
  1255. </div>
  1256. {% if role != "superuser" and role != "staff" and role != "agency" %}
  1257. <input class="iptHid" type="text" value="{{remaining_days|default:999}}" id="accountIndateVal">
  1258. <div id="accountIndateDiv">
  1259. <div>
  1260. <img src="{% static 'img/accountIndate.png'%}" alt="">
  1261. <div>您的账户有效期还有<span>{{remaining_days}}</span>天,请及时联系</div>
  1262. <div>客户经理处理,以免影响您的正常使用</div>
  1263. </div>
  1264. </div>
  1265. {% endif %}
  1266. <!-- /.main-container -->
  1267. <!--[if !IE]> -->
  1268. <!-- <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script> -->
  1269. <!-- <![endif]-->
  1270. <!--[if IE]>
  1271. <script src="https://cdn.bootcss.com/jquery/1.11.3/jquery.js"></script>
  1272. <![endif]-->
  1273. <script src="{% static '/lib/js/ace-extra.min.js' %}"></script>
  1274. <script src="{% static '/lib/js/jquery-2.1.4.min.js' %}"></script>
  1275. <script src="{% static '/lib/bootstrap-3.3.7/js/bootstrap.js' %}"></script>
  1276. <script src="{% static '/lib/js/ace-elements.min.js' %}"></script>
  1277. <script src="{% static '/lib/js/ace.min.js' %}"></script>
  1278. <script src="{% static '/lib/layui/layui.all.js' %}"></script>
  1279. <!-- inline scripts related to this page -->
  1280. <script type="text/javascript">
  1281. jQuery(function ($) {
  1282. $('.nav-list >li').on('click', function () {
  1283. if ($(this).find('li').length == 0) {
  1284. $('.nav-list li').removeClass('active');
  1285. $(this).addClass('active');
  1286. $('.submenu').hide();
  1287. var icon = $(this).find('i').prop('class');
  1288. var name = $(this).find('.menu-text').html();
  1289. var html = '<li><i class="ace-icon home-icon ' + icon + '"></i>' +
  1290. '<span>' + name + '</span></li>';
  1291. $('.breadcrumb').html(html);
  1292. } else {
  1293. $('.nav-list>li').removeClass('active');
  1294. $(this).addClass('active');
  1295. }
  1296. $('.user-menu >li').removeClass('active');
  1297. })
  1298. $(document).on('click', '.nav-list .open li', function () {
  1299. $('.nav-list li').removeClass('active');
  1300. $(this).addClass('active');
  1301. $(this).parents('li').addClass('active');
  1302. var parent = $(this);
  1303. var icon = parent.parents('li').find('i').prop('class');
  1304. var parentName = parent.parents('li').find('.menu-text').html();
  1305. var sonName = $(this).find('.menu-text').html();
  1306. var html = '<li><i class="ace-icon home-icon ' + icon + '"></i><span>' + parentName + '</span></li>' +
  1307. '<li>' + sonName + '</li>';
  1308. $('.breadcrumb').html(html);
  1309. })
  1310. $(document).on('click', '.dropdown-event li', function () {
  1311. $('.dropdown-event li').removeClass('active');
  1312. $(this).addClass('active');
  1313. var icon = $(this).find('i').data('attr');
  1314. var name = $(this).find('.menu-text').html();
  1315. var html = '<li><i class="ace-icon home-icon ' + icon + '"></i>' +
  1316. '<span>' + name + '</span></li>';
  1317. $('.breadcrumb').html(html);
  1318. })
  1319. // 关闭预警
  1320. $("#colseWarning").on('click', function () {
  1321. $('.homeWarning').slideUp();
  1322. })
  1323. // 预警
  1324. // console.log($('#parentUserName').html())
  1325. var qxz1 = '', qxz1Stauts = false, qxz2 = '', qxz2Stauts = false;
  1326. if ($('#parentUserName').html() == 'cqnky') {
  1327. $.ajax({
  1328. url: 'qxz_detail',
  1329. type: 'get',
  1330. dataType: 'json',
  1331. data: {
  1332. id: '16062573',
  1333. },
  1334. success: function (data) {
  1335. qxz1Stauts = true;
  1336. qxz1 = data;
  1337. $.ajax({
  1338. url: 'qxz_detail',
  1339. type: 'get',
  1340. dataType: 'json',
  1341. data: {
  1342. id: '16062541',
  1343. },
  1344. success: function (data) {
  1345. qxz2Stauts = true;
  1346. qxz2 = data;
  1347. disposeFun(qxz1Stauts, qxz2Stauts, qxz1, qxz2)
  1348. },
  1349. error: function (type) { }
  1350. })
  1351. },
  1352. error: function (type) { }
  1353. })
  1354. $('.homeWarning').slideDown();
  1355. } else {
  1356. $('.homeWarning').remove();
  1357. }
  1358. })
  1359. function disposeFun(qxz1Stauts, qxz2Stauts, qxz1, qxz2) {
  1360. // console.log(qxz1Stauts)
  1361. // console.log(qxz2Stauts)
  1362. var html = '<ul>';
  1363. if (qxz1Stauts && qxz2Stauts) {
  1364. if (qxz1.new_data && qxz2.new_data) {
  1365. console.log(qxz1.new_data)
  1366. console.log(qxz2.new_data)
  1367. html += '<li>' + qxz1.new_data[0].equip_name + ':通道' + (qxz1.new_data[0].eKey).substring(1) + '土壤温度:' + qxz1.new_data[0].eValue + ' ℃&nbsp;&nbsp;&nbsp;通道' + (qxz1.new_data[6].eKey).substring(1) + '土壤湿度:' + qxz1.new_data[6].eValue + ' %RH</li>';
  1368. html += '<li>' + qxz2.new_data[0].equip_name + ':光照:' + qxz2.new_data[5].eValue + ' LUX&nbsp;&nbsp;&nbsp;大气温度:' + qxz2.new_data[7].eValue + ' ℃</li>';
  1369. html += '</ul>';
  1370. $('#warningContent').html(html);
  1371. }
  1372. }
  1373. }
  1374. // 滚动文字4框
  1375. var interval;
  1376. function txtScrollBar() {
  1377. var num = $('#warningContent ul li').length; //共多少条
  1378. var height = 55; //每条高度
  1379. var currentNum = Math.round($('#scrollParent').height() / height) //需要部位几个
  1380. interval = setInterval(function () {
  1381. $('#warningContent ul li').eq(0).slideUp(function () {
  1382. $('#warningContent ul').append($('#warningContent ul li').eq(0));
  1383. });
  1384. $('#warningContent ul li').show();
  1385. }, 5000)
  1386. }
  1387. $('#warningContent').on('mouseenter', 'ul', function () {
  1388. clearInterval(interval)
  1389. })
  1390. $('#warningContent').on('mouseleave', 'ul', function () {
  1391. txtScrollBar()
  1392. })
  1393. txtScrollBar();
  1394. // sim卡到期列表请求
  1395. $.ajax({
  1396. url: 'equip_sim',
  1397. type: 'post',
  1398. data: {},
  1399. dataType: 'json',
  1400. success: function (data) {
  1401. var totalLen = 0;
  1402. var html = '';
  1403. if (data.length) {
  1404. $('#simCodeContent').show();
  1405. } else {
  1406. $('#simCodeContent').hide();
  1407. $('#simCodeContent').remove();
  1408. }
  1409. for (var i = 0; i < data.length; i++) {
  1410. // var expiryDate = data[i].expiry_date;
  1411. var expiryDate = new Date(data[i].expiry_date).getTime();
  1412. var date = new Date().getTime();
  1413. var gapVal = (expiryDate - date) / (1000 * 60 * 60 * 24);
  1414. if (gapVal <= 30) {
  1415. console.log(Math.ceil(gapVal))
  1416. totalLen++;
  1417. if (gapVal <= 30 && gapVal > 0) {
  1418. html += '<li><a href="siminfo_view" target="BoardRight"><div class="clearfix"><span class="pull-left">设备:' + data[i].equip_id + '</span>' +
  1419. '<span class="pull-right">还有<i>' + Math.ceil(gapVal) + '</i>天,过期</span></div></a></li>';
  1420. } else {
  1421. html += '<li><a href="siminfo_view" target="BoardRight"><div class="clearfix"><span class="pull-left">设备:' + data[i].equip_id + '</span>' +
  1422. '<span class="pull-right">已过期</span></div></a></li>';
  1423. }
  1424. }
  1425. if (i == data.length - 1) {
  1426. if (totalLen == 0) {
  1427. // $('#simCodeHint').remove();
  1428. $('#simCodeContent').remove();
  1429. } else {
  1430. $('#simCodeContent').html(html);
  1431. $('#simCodeContent').on('click', 'a', function () {
  1432. var menuLi = $('#sidebar').find('.nav-list.nav').children();
  1433. menuLi.each(function (idx, val) {
  1434. $(val).removeClass('active');
  1435. if ($(val).children('a').find('.menu-text').html() == 'sim卡信息') {
  1436. $(val).addClass('active');
  1437. }
  1438. })
  1439. });
  1440. // $('#lookAllSim').on('click', function () {
  1441. // var menuLi = $('#sidebar').find('.nav-list.nav').children();
  1442. // menuLi.each(function (idx, val) {
  1443. // $(val).removeClass('active');
  1444. // if ($(val).children('a').find('.menu-text').html() == 'sim卡信息') {
  1445. // $(val).addClass('active');
  1446. // }
  1447. // })
  1448. // })
  1449. }
  1450. }
  1451. if (Math.ceil(gapVal) > 0 && Math.ceil(gapVal) <= 2) {
  1452. }
  1453. }
  1454. //判断当前登录的是否为管理员
  1455. if (sessionStorage.getItem('judgeAccount') !== 'admin') {
  1456. scdWarning(data)
  1457. }
  1458. },
  1459. error: function (type) {
  1460. console.log(type)
  1461. }
  1462. })
  1463. //杀虫灯警告列表
  1464. function scdWarning(SIMData) {
  1465. $.ajax({
  1466. url: 'scd_alarm',
  1467. type: 'post',
  1468. data: {},
  1469. dataType: 'json',
  1470. success: function (data) {
  1471. var totalLen = 0;
  1472. var htmlA = '';
  1473. if (data.length) {
  1474. $('#simCodeHintA').show();
  1475. } else {
  1476. $('#simCodeHintA').hide();
  1477. $('#simCodeHintA').remove();
  1478. }
  1479. if (SIMData.length || data.length) {
  1480. $('#noTavailable').hide()
  1481. } else {
  1482. $('#noTavailable').show()
  1483. }
  1484. for (var i = 0; i < data.length; i++) {
  1485. var time = new Date(data[i].time).getTime();
  1486. const date = new Date(time)
  1487. const Y = date.getFullYear()
  1488. const M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1)
  1489. const D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate())
  1490. const H = date.getHours() < 10 ? '0' + date.getHours() : date.getHours()
  1491. const Min = date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()
  1492. const S = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds()
  1493. const dateTime = Y + '年' + M + '月' + D + '日' + H + '时' + Min + '分' + S + '秒'
  1494. htmlA += '<li><a href="javascript:void(0)"><div class="clearfix"><span class="pull-left">杀虫灯设备:' + data[i].equip_id + '</span>' +
  1495. '<span class="pull-right">于<i>' + dateTime + '</i>,发生倾倒</span></div></a></li>';
  1496. $('#simCodeContentA').html(htmlA);
  1497. }
  1498. },
  1499. error: function (err) {
  1500. console.log(err)
  1501. }
  1502. })
  1503. }
  1504. if ($('#accountIndateVal').length > 0) {
  1505. if ($('#accountIndateVal').val() < 30) {
  1506. layui.use('layer', function () {
  1507. var layer = layui.layer;
  1508. layer.open({
  1509. type: 1,
  1510. title: '提示',
  1511. skin: 'demo-class',
  1512. area: ['420px', '240px'], //宽高
  1513. content: $('#accountIndateDiv')
  1514. });
  1515. });
  1516. }
  1517. }
  1518. </script>
  1519. </body>
  1520. </html>