indexsub.html 35 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=0, maximum-scale=0, user-scalable=yes,shrink-to-fit=no">
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>{:get_config('web_site_title')}</title>
  9. <link rel="icon" href="./favicon.png">
  10. <meta name="keywords" content="" />
  11. <meta name="description" content="" />
  12. <link rel="shortcut icon" href="/favicon.ico">
  13. <link rel="stylesheet" href="/static/hplus/css/bootstrap.min.css">
  14. <link rel="stylesheet" href="/static/hplus/css/font-awesome.min.css?v=4.4.0" />
  15. <link rel="stylesheet" href="/static/hplus/css/animate.css"/>
  16. <link rel="stylesheet" href="/static/hplus/css/style.css?v=4.1.0">
  17. <link rel="stylesheet" href="/static/hplus/css/jquery.contextMenu.min.css"/>
  18. <link rel="stylesheet" href="/static/elementui2.15.5/index.css"/>
  19. <link rel="stylesheet" href="/admin/css/common.css">
  20. <link rel="stylesheet" href="/admin/css/index.css">
  21. <link rel="stylesheet" href="/admin/css/indexsub.css">
  22. <link rel="stylesheet" href="/static/swiper4.5/css/swiper.min.css">
  23. <script src="/static/hplus/js/jquery.min.js?v=2.1.4"></script>
  24. <style>
  25. .nav.navbar-right > li > a {
  26. display: inline-block;
  27. }
  28. #orderNums{
  29. /*vertical-align: middle;*/
  30. color: red;
  31. position: relative;
  32. top: -3px;
  33. }
  34. .nn:focus, .nn:hover{
  35. background-color:#fff !important;
  36. }
  37. .navbar-title{
  38. display: inline-block;
  39. font-size: 20px;
  40. font-family: Source Han Sans CN;
  41. font-weight: 500;
  42. color: #284A94;
  43. padding-left: 20px;
  44. line-height: 60px;
  45. float: left;
  46. }
  47. .navbar-header{
  48. width: auto;
  49. max-width: 310px;
  50. height: 70px;
  51. line-height: 70px;
  52. font-size: 20px;
  53. font-family: Source Han Sans CN;
  54. font-weight: 500;
  55. color: #284A94;
  56. overflow: hidden;
  57. text-overflow:ellipsis;
  58. white-space: nowrap;
  59. }
  60. .sidebox{
  61. width: 100%;
  62. height: 100%;
  63. position: relative;
  64. }
  65. .side-box-switch{
  66. width: 28px;
  67. height: 168px;
  68. position: absolute;
  69. z-index: 10;
  70. top: 50%;
  71. right: -28px;
  72. /*background-color: red !important;*/
  73. margin-top: -84px;
  74. cursor: pointer;
  75. }
  76. .side-box-switch .switch-img{
  77. width: 100%;
  78. height: 100%;
  79. }
  80. .main-box-padding-left{
  81. padding-left: 120px !important;
  82. }
  83. .main-box-padding-left1{
  84. padding-left: 280px !important;
  85. }
  86. .main-box-padding-left3{
  87. padding-left: 0px !important;
  88. }
  89. .menusub-box{
  90. width: 100%;
  91. height: 100%;
  92. overflow: hidden;
  93. }
  94. html,body{
  95. width: 100%;
  96. height: 100% !important;
  97. overflow: hidden;
  98. padding-bottom: 5px;
  99. }
  100. body{
  101. background-image: url("/admin/img/indexsub-bg.png");
  102. background-repeat: no-repeat;
  103. background-size: 100% 100%;
  104. /*background-size: cover;*/
  105. }
  106. .navbar{
  107. width: 100%;
  108. height: 70px !important;
  109. background-color:transparent!important;
  110. border-bottom: 0 !important;
  111. margin-bottom: 0px;
  112. /*background-image: url("/admin/img/index-header-bg.png");*/
  113. /*background-repeat: no-repeat;*/
  114. /*background-size: 100% 100%;*/
  115. /*margin-bottom: 0 !important;*/
  116. /*border-bottom: none !important;*/
  117. }
  118. .navbar-logo{
  119. width: 157px;
  120. height: 40px;
  121. display: inline-block;
  122. float: left;
  123. margin-left: 50px;
  124. margin-top: 15px;
  125. }
  126. .navbar-logo img{
  127. width: 100%;
  128. height: 100%;
  129. }
  130. .nav>li>a:focus, .nav>li>a:hover{
  131. background: none !important;
  132. }
  133. .nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
  134. background: none !important;
  135. }
  136. .userhead{
  137. width: 41px;
  138. height: 40px;
  139. border-radius: 50%;
  140. }
  141. </style>
  142. </head>
  143. <!--<body class="fixed-sidebar full-height-layout gray-bg fixed-nav pace-done">-->
  144. <body>
  145. <nav class="navbar navbar-fixed-top" role="navigation">
  146. <!-- <div class="navbar-title">{:get_config('web_site_title')}</div>-->
  147. <!-- <div class="navbar-logo" style="margin-left: 20px!important;">-->
  148. <!-- <img src="/admin/img/index-logo.png" alt="">-->
  149. <!-- </div>-->
  150. <div style="width: 100%;height: 70px">
  151. <div class="navbar-header">
  152. {if $userInfo.type==1}
  153. <!--{:get_config('web_site_title')}&nbsp;|&nbsp;-->
  154. <div data-width="60%" data-title="切换组织" url="{:url('Index/changeOrg')}" onclick="layer_open(this,2)" style="cursor: pointer;display: inline-block;height: 70px;line-height: 70px;width: 100%;text-overflow:ellipsis;
  155. white-space: nowrap;overflow: hidden;">
  156. {:session('orgName')} <span class="glyphicon glyphicon-menu-down" style="font-size: 16px;" aria-hidden="true"></span>
  157. </div>
  158. {else}
  159. <!--{:get_config('web_site_title')}&nbsp;|&nbsp;-->
  160. <div data-width="60%" style="display: inline-block;width: 100%;text-overflow:ellipsis;
  161. white-space: nowrap;">
  162. {:session('orgName')}
  163. </div>
  164. {/if}
  165. </div>
  166. <div class="level-menu-box">
  167. {volist name="menus" id="v"}
  168. <div class="menu-name-box {if $curmenu == $v.id}cur-menu-style{/if}" data-id="{$v['id']}" data-title="{$v['title']}"onclick="changeMenu(this)">
  169. <text>{$v.title}</text>
  170. </div>
  171. {/volist}
  172. </div>
  173. <ul class="nav navbar-top-links navbar-right" style="height: 70px">
  174. <img src="{$userInfo.head_image}" alt="" class="userhead">
  175. <li class="dropdown" style="height: 100%">
  176. <!-- {if ($isDispatch == 1)}
  177. <a href="javascript:;" id="goOrder" url="{:url('Index/ordersList')}?mode=0&order_mode=1" onclick="layer_open_dispatch(this,2)" class="glyphicon glyphicon-bell">
  178. <text id="orderNums">{if condition="$orderNums > 0"}({$orderNums}){/if}</text>
  179. </a>
  180. <a href="javascript:;" class="nn" onclick="offNotice()" id="offNotice" >
  181. <text id="offNoticeBtn">关闭通知</text>
  182. </a>
  183. <input type="hidden" id="offNoticeVal" value="0">
  184. {/if}-->
  185. <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;" style="color: #284A94;height: 100%;margin-top: 5px">欢迎,{:session('user_auth.real_name')} </a>
  186. <ul class="dropdown-menu animated fadeInRight m-t-xs">
  187. <li><a class="JmenuItem" href="{:url('User/modifyPass')}" onclick="savePassWord()">修改密码</a></li>
  188. <li><a href="{:url('Common/logout')}">安全退出</a></li>
  189. </ul>
  190. </li>
  191. </ul>
  192. </div>
  193. </nav>
  194. <div class="gyindexsub-menu-list-box" style="display: none">
  195. <div class="indexsub-bread-crumbs-box" style="margin: 70px 19px 0px;width: calc(100% - 38px)">
  196. <a href="{:url('index/index')}" class="active">首页</a>
  197. {if $menuTitle}
  198. <a href="javascript:;" id="onebreadcrumbs">{$menuTitle}</a>
  199. {/if}
  200. {if $menuTitle1}
  201. <a href="javascript:;" id="twobreadcrumbs">{$menuTitle1}</a>
  202. {/if}
  203. {if $menuTitle2}
  204. <a href="javascript:;" id="threebreadcrumbs">{$menuTitle2}</a>
  205. {/if}
  206. </div>
  207. <div class="qsidenav" style="height: calc(100% - 58px)!important;">
  208. <div class="qsidenav-list qsidenablistthreemenulist" >
  209. <!-- <div class="qsidenav-twomenu-name">设备维保</div>
  210. <div class="sub">
  211. <a href="">
  212. <div class="sub-list cur">设备管理</div>
  213. </a>
  214. <a href="">
  215. <div class="sub-list">设备管理</div>
  216. </a>
  217. </div>-->
  218. </div>
  219. </div>
  220. <div class="gymenu-body-box" id="gy-main-iframe-menu">
  221. <!-- <iframe class="J_iframe" name="iframe0" width="100%" height="100%" id="gyindexsub-iframes" frameborder="0" data-id="index_v1.html" seamless></iframe>-->
  222. </div>
  223. </div>
  224. <div class="main-box main-box-h2 gongzuotaimenu" id="main-iframe">
  225. <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="{:url('Index/def')}" frameborder="0" data-id="index_v1.html" seamless id="defbreadcrumbs"></iframe>
  226. </div>
  227. <script src="/static/hplus/js/bootstrap.min.js?v=3.3.7"></script>
  228. <script src="/static/layer3.2.0/layer.js"></script>
  229. <script src="/static/hplus/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  230. <script src="/static/hplus/js/plugins/metisMenu/jquery.metisMenu.js"></script>
  231. <script src="/static/hplus/js/plugins/contextMenu/jquery.contextMenu.min.js"></script>
  232. <script src="/static/hplus/js/hplus.js?v=4.1.0"></script>
  233. <script type="text/javascript" src="/static/hplus/js/contabs.js"></script>
  234. <!-- 第三方插件 -->
  235. <script src="/static/hplus/js/plugins/pace/pace.min.js"></script>
  236. <script src="/static/elementui2.15.5/vue-2.6.14.js"></script>
  237. <script src="/static/elementui2.15.5/index.js"></script>
  238. <script src="/admin/js/common.js"></script>
  239. {if condition="is_login() and !is_admin(is_login()) and btnAuth(is_login(),'PhoneMonitor/show')"}
  240. <textarea style="display: none;" id="StatusArea" rows="13" name="S1" class="form-control" readonly></textarea>
  241. <script language="javascript" type="text/javascript" src="/static/phonejs/qnviccub.js"></script>
  242. <script language="javascript" type="text/javascript" src="/static/phonejs/qnvfunc.js"></script>
  243. <script language="javascript" type="text/javascript" src="/static/phonejs/json2.js"></script>
  244. <script language="javascript" type="text/javascript" src="/static/phonejs/deviceapi.js"></script>
  245. <script>
  246. var fp;
  247. $(document).ready(function(){
  248. TV_Initialize();
  249. getEvent(T_GetEvent);
  250. });
  251. $(window).unload(function(){
  252. TV_Disable();
  253. });
  254. setInterval(function () {
  255. OpenDevice(ODT_LBRIDGE,function(nResult){AppendStatus('打开设备.');});
  256. },30000);
  257. //离开页面
  258. $(window).bind('beforeunload',function(){
  259. TV_Disable();
  260. });
  261. function openPhone() {
  262. // let gphone = "13838379499";
  263. // let fp = "d:\\wyluyin\\" + getCurrentDate(3) + "_" + gphone + ".wav";
  264. // check_phone(gphone,fp);
  265. }
  266. function playBtn() {
  267. // let path = "d:\\wyluyin\\20220608191204_13027625915.wav";
  268. // console.log('path:',path);
  269. PlayFile(1,QNV_PLAY_FILE_START,0,PLAYFILE_MASK_REPEAT,path,function(id){
  270. console.log('play:',id);
  271. });
  272. }
  273. function check_phone(gphone,fp) {
  274. fp = base64encode(fp);
  275. var url = '{:url("orders/phone")}?phone=' + gphone + '&fp='+fp;
  276. var title = '添加订单';
  277. layer.open({
  278. type: 2,
  279. shade: 0.8,
  280. title: title,
  281. area: ['800px', '400px'],
  282. fix: false, //不固定
  283. maxmin: true,
  284. content: url,
  285. skin: 'layer-ext-moon',
  286. success: function(layero, index) {
  287. layer.iframeAuto(index);
  288. },
  289. // btn: ['取消']
  290. });
  291. return false;
  292. }
  293. function AppendStatus(szStatus)
  294. {
  295. // console.log(szStatus);
  296. // $("#StatusArea").append(szStatus+"\r\n" );
  297. // var scrollTop = $("#StatusArea")[0].scrollHeight;
  298. // $("#StatusArea").scrollTop(scrollTop);
  299. }
  300. function AppendStatusEx(uID,szStatus)
  301. {
  302. uID=uID+1;
  303. AppendStatus("通道"+uID+":"+szStatus);
  304. }
  305. function T_GetEvent(uID,uEventType,uHandle,uResult,szdata)
  306. {
  307. // console.log(uID,uEventType,uHandle,uResult,szdata);
  308. //var vValueArray=qnviccub.QNV_Event(0,2,0,"","",1024);
  309. if(uEventType == -1)
  310. return;
  311. var vValue=" type="+uEventType+" Handle="+uHandle+" Result="+uResult+" szdata="+szdata;
  312. switch(uEventType)
  313. {
  314. case BriEvent_PhoneHook:// 本地电话机摘机事件
  315. AppendStatusEx(uID,"本地电话机摘机"+vValue);
  316. TV_StartRecordFile(uID,fp);
  317. break;
  318. case BriEvent_PhoneDial:// 只有在本地话机摘机,没有调用软摘机时,检测到DTMF拨号
  319. AppendStatusEx(uID,"本地话机拨号"+vValue);
  320. break;
  321. case BriEvent_PhoneHang:// 本地电话机挂机事件
  322. TV_HangUpCtrl(uID);
  323. AppendStatusEx(uID,"本地电话机挂机"+vValue);
  324. TV_StopRecordFile(uID);
  325. break;
  326. case BriEvent_CallIn:// 外线通道来电响铃事件
  327. AppendStatusEx(uID,"外线通道来电响铃事件"+vValue);
  328. break;
  329. case BriEvent_GetCallID://得到来电号码
  330. AppendStatusEx(uID,"得到来电号码"+vValue);
  331. fp = "d:\\wyluyin\\" + getCurrentDate(3) + "_" + szdata + ".wav";
  332. check_phone(szdata,fp);
  333. break;
  334. case BriEvent_StopCallIn:// 对方停止呼叫(产生一个未接电话)
  335. AppendStatusEx(uID,"对方停止呼叫(产生一个未接电话)"+vValue);
  336. break;
  337. case BriEvent_DialEnd:// 调用开始拨号后,全部号码拨号结束
  338. AppendStatusEx(uID,"调用开始拨号后,全部号码拨号结束"+vValue);
  339. break;
  340. case BriEvent_PlayFileEnd:// 播放文件结束事件
  341. AppendStatusEx(uID,"播放文件结束事件"+vValue);
  342. break;
  343. case BriEvent_PlayMultiFileEnd:// 多文件连播结束事件
  344. AppendStatusEx(uID,"多文件连播结束事件"+vValue);
  345. break;
  346. case BriEvent_PlayStringEnd://播放字符结束
  347. AppendStatusEx(uID,"播放字符结束"+vValue);
  348. break;
  349. case BriEvent_RepeatPlayFile:// 播放文件结束准备重复播放
  350. AppendStatusEx(uID,"播放文件结束准备重复播放"+vValue);
  351. break;
  352. case BriEvent_SendCallIDEnd:// 给本地设备发送震铃信号时发送号码结束
  353. AppendStatusEx(uID,"给本地设备发送震铃信号时发送号码结束"+vValue);
  354. break;
  355. case BriEvent_RingTimeOut://给本地设备发送震铃信号时超时
  356. AppendStatusEx(uID,"给本地设备发送震铃信号时超时"+vValue);
  357. break;
  358. case BriEvent_Ringing://正在内线震铃
  359. AppendStatusEx(uID,"正在内线震铃"+vValue);
  360. break;
  361. case BriEvent_Silence:// 通话时检测到一定时间的静音.默认为5秒
  362. AppendStatusEx(uID,"通话时检测到一定时间的静音"+vValue);
  363. break;
  364. case BriEvent_GetDTMFChar:// 线路接通时收到DTMF码事件
  365. AppendStatusEx(uID,"线路接通时收到DTMF码事件"+vValue);
  366. break;
  367. case BriEvent_RemoteHook:// 拨号后,被叫方摘机事件
  368. AppendStatusEx(uID,"拨号后,被叫方摘机事件"+vValue);
  369. break;
  370. case BriEvent_RemoteHang://对方挂机事件
  371. TV_HangUpCtrl(uID);
  372. AppendStatusEx(uID,"对方挂机事件"+vValue);
  373. TV_StopRecordFile(uID);
  374. break;
  375. case BriEvent_Busy:// 检测到忙音事件,表示PSTN线路已经被断开
  376. AppendStatusEx(uID,"检测到忙音事件,表示PSTN线路已经被断开"+vValue);
  377. break;
  378. case BriEvent_DialTone:// 本地摘机后检测到拨号音
  379. AppendStatusEx(uID,"本地摘机后检测到拨号音"+vValue);
  380. break;
  381. case BriEvent_RingBack:// 电话机拨号结束呼出事件。
  382. AppendStatusEx(uID,"电话机拨号结束呼出事件"+vValue);
  383. break;
  384. case BriEvent_MicIn:// MIC插入状态
  385. AppendStatusEx(uID,"MIC插入状态"+vValue);
  386. break;
  387. case BriEvent_MicOut:// MIC拔出状态
  388. AppendStatusEx(uID,"MIC拔出状态"+vValue);
  389. break;
  390. case BriEvent_FlashEnd:// 拍插簧(Flash)完成事件,拍插簧完成后可以检测拨号音后进行二次拨号
  391. AppendStatusEx(uID,"拍插簧(Flash)完成事件,拍插簧完成后可以检测拨号音后进行二次拨号"+vValue);
  392. break;
  393. case BriEvent_RefuseEnd:// 拒接完成
  394. AppendStatusEx(uID,"拒接完成"+vValue);
  395. break;
  396. case BriEvent_SpeechResult:// 语音识别完成
  397. AppendStatusEx(uID,"语音识别完成"+vValue);
  398. break;
  399. case BriEvent_FaxRecvFinished:// 接收传真完成
  400. AppendStatusEx(uID,"接收传真完成"+vValue);
  401. break;
  402. case BriEvent_FaxRecvFailed:// 接收传真失败
  403. AppendStatusEx(uID,"接收传真失败"+vValue);
  404. break;
  405. case BriEvent_FaxSendFinished:// 发送传真完成
  406. AppendStatusEx(uID,"发送传真完成"+vValue);
  407. break;
  408. case BriEvent_FaxSendFailed:// 发送传真失败
  409. AppendStatusEx(uID,"发送传真失败"+vValue);
  410. break;
  411. case BriEvent_OpenSoundFailed:// 启动声卡失败
  412. AppendStatusEx(uID,"启动声卡失败"+vValue);
  413. break;
  414. case BriEvent_UploadSuccess://远程上传成功
  415. AppendStatusEx(uID,"远程上传成功"+vValue);
  416. break;
  417. case BriEvent_UploadFailed://远程上传失败
  418. AppendStatusEx(uID,"远程上传失败"+vValue);
  419. break;
  420. case BriEvent_EnableHook:// 应用层调用软摘机/软挂机成功事件
  421. AppendStatusEx(uID,"应用层调用软摘机/软挂机成功事件"+vValue);
  422. break;
  423. case BriEvent_EnablePlay:// 喇叭被打开或者/关闭
  424. AppendStatusEx(uID,"喇叭被打开或者/关闭"+vValue);
  425. break;
  426. case BriEvent_EnableMic:// MIC被打开或者关闭
  427. AppendStatusEx(uID,"MIC被打开或者关闭"+vValue);
  428. break;
  429. case BriEvent_EnableSpk:// 耳机被打开或者关闭
  430. AppendStatusEx(uID,"耳机被打开或者关闭"+vValue);
  431. break;
  432. case BriEvent_EnableRing:// 电话机跟电话线(PSTN)断开/接通
  433. AppendStatusEx(uID,"电话机跟电话线(PSTN)断开/接通"+vValue);
  434. break;
  435. case BriEvent_DoRecSource:// 修改录音源
  436. AppendStatusEx(uID,"修改录音源"+vValue);
  437. break;
  438. case BriEvent_DoStartDial:// 开始软件拨号
  439. AppendStatusEx(uID,"开始软件拨号"+vValue);
  440. break;
  441. case BriEvent_RecvedFSK:// 接收到FSK信号,包括通话中FSK/来电号码的FSK
  442. AppendStatusEx(uID,"接收到FSK信号,包括通话中FSK/来电号码的FSK"+vValue);
  443. break;
  444. case BriEvent_PlugOut:
  445. AppendStatusEx(uID,"设备移除");
  446. // alert('设备移除');
  447. break;
  448. case BriEvent_DevErr://设备错误
  449. AppendStatusEx(uID,"设备错误"+ decodeURIComponent(vValue) );
  450. // alert('设备错误');
  451. break;
  452. default:
  453. if(uEventType < BriEvent_EndID)
  454. AppendStatusEx(uID,"忽略其它事件发生:ID=" + uEventType+ vValue);
  455. break;
  456. }
  457. }
  458. </script>
  459. {/if}
  460. {if condition="$isDispatch eq 1"}
  461. <audio id="dingdantixing" src="/static/tixing.mp3" controls="controls" style="display: none;"></audio>
  462. <script>
  463. var time1;
  464. var audio = document.getElementById('dingdantixing');
  465. $(function () {
  466. var interval = function () {
  467. var url = "{:url('Index/order')}";
  468. $.get(url,function (data) {
  469. if(data.code == 1){
  470. var audio = document.getElementById('dingdantixing');
  471. audio.play();
  472. if(data.data > 0){
  473. document.getElementById('orderNums').innerHTML ='('+data.data +')';
  474. }
  475. // layer.msg('您有新的订单请及时处理',{time:3000});
  476. }
  477. });
  478. }
  479. time1 = setInterval(interval,30000);
  480. $("#offNoticeBtn").click(function () {
  481. var off = parseInt($("#offNoticeVal").val());
  482. if(off==0){
  483. clearInterval(time1);
  484. $("#offNoticeVal").val(1)
  485. $("#offNoticeBtn").html('开启通知');
  486. audio.pause();
  487. }else {
  488. $("#offNoticeVal").val(0)
  489. time1 = setInterval(interval,30000);
  490. $("#offNoticeBtn").html('关闭通知');
  491. }
  492. })
  493. })
  494. </script>
  495. {/if}
  496. <script>
  497. var menus = {:json_encode($menus)};
  498. $(function () {
  499. // $('#side-menu').slimScroll({
  500. // height: ($('.sidebar-box').height() + 40) + 'px'
  501. // });
  502. // $('#side-menu2').slimScroll({
  503. // height: $('.sidebar-box').height() + 'px'
  504. // });
  505. $('#sidebar-box-h2').removeClass('sidebar-box-h2');
  506. $('#main-iframe').addClass('main-box-h2');
  507. $('#menu-1').addClass('active');
  508. // $('.sidenav .side-list a').hover(
  509. // function () {
  510. // $(this).addClass("hover");
  511. // let id = $(this).attr('data-id');
  512. // initSubMenu(id);
  513. // },
  514. // function () {
  515. // $(this).removeClass("hover");
  516. // }
  517. // );
  518. $(document).on('click','#side-menu .Jiframe',function () {
  519. let id = $(this).attr('data-id');
  520. let url = $(this).attr('data-url');
  521. $('#main-iframe').removeClass('main-box-padding-left');
  522. $('#main-iframe').removeClass('main-box-padding-left1');
  523. $('#main-iframe').removeClass('main-box-padding-left3');
  524. // var width2 = localStorage.getItem("width1");
  525. // console.log(width2,'xxxxxxxxxxxxxxxx')
  526. // if(width2 == 120){
  527. // $('#main-iframe').css('padding-left','120px');
  528. // }
  529. // if(width2 == 280){
  530. // $('#main-iframe').css('padding-left','280px');
  531. // }
  532. if(url){
  533. if(id==485 || id==467 || id==488 || id==489){
  534. $('#sidebar-box-h2').removeClass('sidebar-box-h2');
  535. $('#main-iframe').addClass('main-box-h2');
  536. window.open(url);
  537. }else {
  538. $('#sidebar-box-h2').removeClass('sidebar-box-h2');
  539. $('#main-iframe').addClass('main-box-h2');
  540. let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
  541. $('#main-iframe').html(str);
  542. }
  543. }else{
  544. $('#sidebar-box-h2').addClass('sidebar-box-h2');
  545. $('#main-iframe').removeClass('main-box-h2');
  546. }
  547. $(this).addClass("hover");
  548. initSubMenu(id);
  549. $('#side-menu .Jiframe').removeClass('active');
  550. $(this).addClass('active');
  551. });
  552. $(document).on('click','#side-menu2 .Jiframe',function () {
  553. $('#main-iframe').removeClass('main-box-padding-left');
  554. $('#main-iframe').removeClass('main-box-padding-left1');
  555. $('#main-iframe').removeClass('main-box-padding-left3');
  556. let pid = $(this).attr('data-pid');
  557. let url = $(this).attr('data-url');
  558. let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
  559. $('#main-iframe').html(str);
  560. $('#side-menu2 .Jiframe').removeClass('active');
  561. $(this).addClass('active');
  562. // 寻找父级元素
  563. $('#side-menu .Jiframe').removeClass('active');
  564. $('#menu'+pid).addClass('active');
  565. });
  566. $(document).on('click','.JmenuItem',function () {
  567. $('#main-iframe').removeClass('main-box-padding-left');
  568. $('#main-iframe').removeClass('main-box-padding-left1');
  569. $('#main-iframe').removeClass('main-box-padding-left3');
  570. let url = $(this).attr('href');
  571. let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
  572. $('#main-iframe').html(str);
  573. return false;
  574. });
  575. });
  576. function initSubMenu(id) {
  577. $('#main-iframe').removeClass('main-box-padding-left');
  578. $('#main-iframe').removeClass('main-box-padding-left1');
  579. $('#main-iframe').removeClass('main-box-padding-left3');
  580. let submenus = [];
  581. for (let o in menus){
  582. if(id == menus[o].id){
  583. submenus = menus[o].child;
  584. break;
  585. }
  586. }
  587. if(submenus.length > 0){
  588. $('#sidebar-box-h2').addClass('sidebar-box-h2');
  589. $('#main-iframe').removeClass('main-box-h2');
  590. }else{
  591. $('#sidebar-box-h2').removeClass('sidebar-box-h2');
  592. $('#main-iframe').addClass('main-box-h2');
  593. }
  594. let str = '';
  595. for (let o in submenus){
  596. if(submenus[o].child.length > 0){
  597. // <div class="side-group">
  598. // <div class="side-group-label">系统设置</div>
  599. // <div class="side-list">
  600. // <a class="J_iframe" href="layouts.html"><span>项目管理</span></a>
  601. // </div>
  602. // </div>
  603. str += '<div class="side-group">';
  604. str += '<div class="side-group-label">'+submenus[o].title+'</div>';
  605. let children = submenus[o].child;
  606. for(let n in children){
  607. str += '<div class="side-list">';
  608. str += '<a class="Jiframe" id="menu'+children[n].id+'" data-id="'+children[n].id+'" data-pid="'+submenus[o].pid+'" data-url="'+children[n].url+'" href="javascript:;"><span>'+children[n].title+'</span></a>';
  609. str += '</div>';
  610. }
  611. str += '</div>';
  612. }else{
  613. // <div class="side-list">
  614. // <a class="J_iframe active" href="layouts.html"><span>权限管理</span></a>
  615. // </div>
  616. str += '<div class="side-list">';
  617. str += '<a class="Jiframe" id="menu'+submenus[o].id+'" data-id="'+submenus[o].id+'" data-pid="'+submenus[o].pid+'" data-url="'+submenus[o].url+'" href="javascript:;"><span>'+submenus[o].title+'</span></a>';
  618. str += '</div>';
  619. }
  620. }
  621. $('#side-menu2').html(str);
  622. }
  623. function add_highlight(url){
  624. console.log('url',url);
  625. $('.side-list a').removeClass('active');
  626. for (let o in menus){
  627. if(menus[o].url && menus[o].url == url){
  628. $('#menu'+menus[o].id).addClass('active');
  629. break;
  630. }
  631. let child1 = menus[o].child;
  632. let flag = false;
  633. let id = 0;
  634. if(child1.length > 0){
  635. for (let m in child1){
  636. if(child1[m].url && child1[m].url == url){
  637. flag = true;
  638. id = child1[m].id;
  639. break;
  640. }
  641. let child2 = child1[m].child;
  642. for (let n in child2){
  643. if(child2[n].url && child2[n].url == url){
  644. flag = true;
  645. id = child2[n].id;
  646. break;
  647. }
  648. }
  649. if(flag){
  650. break;
  651. }
  652. }
  653. }
  654. console.log('flag11',flag,id);
  655. if(flag){
  656. initSubMenu(menus[o].id);
  657. $('#menu'+menus[o].id).addClass('active');
  658. $('#menu'+id).addClass('active');
  659. break;
  660. }
  661. }
  662. }
  663. function layer_open_dispatch(_self,flag){
  664. var url = $(_self).attr('url');
  665. var title = $(_self).attr('data-title');
  666. var width = $(_self).attr('data-width')?$(_self).attr('data-width'):'90%';
  667. var height = $(_self).attr('data-height')?$(_self).attr('data-height'):'90%';
  668. layer.open({
  669. type: 2,
  670. title: title,
  671. shadeClose: true,
  672. shade: 0.3,
  673. maxmin: true,
  674. area: [width, height],
  675. content: url,
  676. end: function () {
  677. update_order_count();
  678. }
  679. });
  680. }
  681. function update_order_count() {
  682. let url = "{:url('Index/ocount')}";
  683. $.post(url,function (res) {
  684. if(res.code == 1){
  685. let count = res.data.count;
  686. if(count > 0){
  687. $('#orderNums').html('('+count+')');
  688. }else{
  689. $('#orderNums').html('');
  690. }
  691. }
  692. });
  693. }
  694. </script>
  695. <script>
  696. function goindex(){
  697. window.location.href = '{:url("index/index")}';
  698. }
  699. var menus = {:json_encode($menus)};
  700. function changeMenu(_self) {
  701. var menuId = $(_self).attr('data-id');
  702. var onebreadcrumbs = $(_self).attr('data-title');
  703. window.location.href="{:url('indexsub','','')}/curmenu/"+menuId;
  704. }
  705. function changeEndSubMenu(_self,type){
  706. var menuId = $(_self).attr('data-id');
  707. var menuurl = $(_self).attr('data-url');
  708. var menutitle = $(_self).attr('data-title');
  709. var menuftitle = $(_self).attr('data-ftitle');
  710. // $('.endmenuactive').removeClass('cur');
  711. $('.sub-list').removeClass('cur');
  712. $(_self).addClass('cur');
  713. if(type == 1){
  714. $('#twobreadcrumbs').html(menuftitle)
  715. $('#threebreadcrumbs').html(menutitle)
  716. }else{
  717. $('#twobreadcrumbs').html(menutitle)
  718. }
  719. let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+menuurl+'" frameborder="0" data-id="'+menuurl+'" seamless></iframe>';
  720. $('#gy-main-iframe-menu').html(str);
  721. return false;
  722. }
  723. var curmenu = {:json_encode($curmenu)};
  724. var menuId = {:json_encode($menuId)};
  725. $(function (){
  726. if(curmenu == 500){
  727. $('.gyindexsub-menu-list-box').css('display','none');
  728. $('.gongzuotaimenu').css('display','block');
  729. }else{
  730. $('.gyindexsub-menu-list-box').css('display','block');
  731. $('.gongzuotaimenu').css('display','none');
  732. var menusublist = [];
  733. var menuurl2 = '';
  734. var firstmenuid = '';
  735. for (let i in menus){
  736. if(curmenu == menus[i].id){
  737. menusublist = menus[i].child;
  738. let submenulistaa = menus[i].child;
  739. if(submenulistaa.length >0){
  740. for (let a in submenulistaa){
  741. if(menuId > 0 && submenulistaa[a].id == menuId){
  742. menuurl2 = submenulistaa[a].url;
  743. firstmenuid = submenulistaa[a].id;
  744. aaaa = submenulistaa[a].child;
  745. if(aaaa.length > 0){
  746. for (let z in aaaa){
  747. menuurl2 = aaaa[0].url;
  748. firstmenuid = aaaa[0].id;
  749. }
  750. }
  751. break;
  752. }else{
  753. menuurl2 = submenulistaa[0].url;
  754. firstmenuid = submenulistaa[0].id;
  755. let aaaa = submenulistaa[0].child;
  756. if(aaaa.length > 0){
  757. for (let z in aaaa){
  758. menuurl2 = aaaa[0].url;
  759. firstmenuid = aaaa[0].id;
  760. }
  761. }
  762. }
  763. }
  764. }
  765. }
  766. }
  767. var str = '';
  768. for (let i in menusublist){
  769. var childList = menusublist[i].child;
  770. if(childList.length >0){
  771. str += '<div class="qsidenav-list">';
  772. str += '<div class="qsidenav-twomenu-name">'+menusublist[i].title+'</div>';
  773. str += '<div class="sub">';
  774. let ftitle = menusublist[i].title;
  775. if(childList.length >0){
  776. for (let o in childList){
  777. str += '<a href="javascript:;">';
  778. str += '<div class="sub-list endmenuactive'+childList[o].id+'" data-url="'+childList[o].url+'" data-id="'+menusublist[i].id+'" data-title="'+childList[o].title+'" data-ftitle="'+ftitle+'" onclick="changeEndSubMenu(this,1)">'+childList[o].title+'</div>';
  779. str += '</a>';
  780. }
  781. }
  782. str += '</div>';
  783. str += '</div>';
  784. }else{
  785. str += '<div class="qsidenav-list">';
  786. str += '<div class="sub">';
  787. str += '<a href="javascript:;">';
  788. str += '<div class="sub-list endmenuactive'+menusublist[i].id+'" data-url="'+menusublist[i].url+'" data-id="'+menusublist[i].id+'" data-ftitle="" data-title="'+menusublist[i].title+'" onclick="changeEndSubMenu(this,2)">'+menusublist[i].title+'</div>';
  789. str += '</a>';
  790. str += '</div>';
  791. str += '</div>';
  792. }
  793. }
  794. $('.qsidenablistthreemenulist').html(str);
  795. let menustr = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+menuurl2+'" frameborder="0" data-id="'+menuurl2+'" seamless id="def2breadcrumbs"></iframe>';
  796. $('#gy-main-iframe-menu').html(menustr);
  797. if(firstmenuid){
  798. $('.endmenuactive'+firstmenuid).addClass('cur');
  799. }
  800. }
  801. })
  802. </script>
  803. </body>
  804. </html>