indexsub.html 33 KB

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