indexsub.html 36 KB

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