index.html 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671
  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. <script src="/static/hplus/js/jquery.min.js?v=2.1.4"></script>
  22. <style>
  23. .nav.navbar-right > li > a {
  24. display: inline-block;
  25. }
  26. #orderNums{
  27. /*vertical-align: middle;*/
  28. color: red;
  29. position: relative;
  30. top: -3px;
  31. }
  32. .nn:focus, .nn:hover{
  33. background-color:#fff !important;
  34. }
  35. </style>
  36. </head>
  37. <body class="fixed-sidebar full-height-layout gray-bg fixed-nav pace-done">
  38. <nav class="navbar navbar-fixed-top" role="navigation">
  39. <div class="navbar-header">
  40. {if $userInfo.type==1}
  41. <!--{:get_config('web_site_title')}&nbsp;|&nbsp;-->
  42. <div data-width="60%" data-title="切换组织" url="{:url('Index/changeOrg')}" onclick="layer_open(this,2)" style="cursor: pointer;display: inline-block;">
  43. {:session('orgName')}
  44. </div>
  45. {else}
  46. <!--{:get_config('web_site_title')}&nbsp;|&nbsp;-->
  47. <div data-width="60%" style="display: inline-block;">
  48. {:session('orgName')}
  49. </div>
  50. {/if}
  51. </div>
  52. <ul class="nav navbar-top-links navbar-right">
  53. <!--<li class="dropdown">
  54. <a class="dropdown-toggle count-info" data-toggle="dropdown" href="#"> <i class="fa fa-bell"></i> <span class="label label-primary">8</span> </a>
  55. <ul class="dropdown-menu dropdown-alerts">
  56. <li>
  57. <a href="mailbox.html">
  58. <div>
  59. <i class="fa fa-envelope fa-fw"></i> 您有16条未读消息
  60. <span class="pull-right text-muted small">4分钟前</span>
  61. </div>
  62. </a>
  63. </li>
  64. <li class="divider"></li>
  65. <li>
  66. <a href="profile.html">
  67. <div>
  68. <i class="fa fa-qq fa-fw"></i> 3条新回复
  69. <span class="pull-right text-muted small">12分钟前</span>
  70. </div>
  71. </a>
  72. </li>
  73. <li class="divider"></li>
  74. <li>
  75. <div class="text-center link-block">
  76. <a class="J_menuItem" href="notifications.html" data-index="89">
  77. <strong>查看所有 </strong>
  78. <i class="fa fa-angle-right"></i>
  79. </a>
  80. </div>
  81. </li>
  82. </ul>
  83. </li>-->
  84. <li class="dropdown">
  85. {if ($isDispatch == 1)}
  86. <a href="javascript:;" id="goOrder" url="{:url('Index/ordersList')}?mode=0&order_mode=1" onclick="layer_open_dispatch(this,2)" class="glyphicon glyphicon-bell">
  87. <text id="orderNums">{if condition="$orderNums > 0"}({$orderNums}){/if}</text>
  88. </a>
  89. <a href="javascript:;" class="nn" onclick="offNotice()" id="offNotice" >
  90. <text id="offNoticeBtn">关闭通知</text>
  91. </a>
  92. <input type="hidden" id="offNoticeVal" value="0">
  93. {/if}
  94. <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">欢迎,{:session('user_auth.real_name')} </a>
  95. <ul class="dropdown-menu animated fadeInRight m-t-xs">
  96. <li><a class="JmenuItem" href="{:url('User/modifyPass')}">修改密码</a></li>
  97. <li><a href="{:url('Common/logout')}">安全退出</a></li>
  98. </ul>
  99. </li>
  100. </ul>
  101. </nav>
  102. <div id="vueapphhq">
  103. <div class="sidebar-box sidebar-box-h2" id="sidebar-box-h2">
  104. <div class="sidebar-box-sub">
  105. <div class="sidebar-collapse bg-theme">
  106. <div class="sidenav" id="side-menu">
  107. {volist name="menus" id="v"}
  108. <div class="side-list">
  109. <a id="menu{$v.id}" class="Jiframe" data-id="{$v.id}" data-url="{$v.url}" href="javascript:;">
  110. {notempty name="v['icons']"}<i class="{$v.icons}"></i>{/notempty}
  111. <span>{$v.title}</span>
  112. </a>
  113. </div>
  114. {/volist}
  115. <!--<div class="side-list">
  116. <a class="" href="layouts.html"><i class="fa fa-columns"></i> <span>首页</span></a>
  117. </div>
  118. <div class="side-list">
  119. <a class="active" href="layouts.html"><i class="fa fa-columns"></i> <span>订单</span></a>
  120. </div>
  121. <div class="side-list">
  122. <a class="" href="layouts.html"><i class="fa fa-columns"></i> <span>工单</span></a>
  123. </div>
  124. <div class="side-list">
  125. <a class="" href="layouts.html"><i class="fa fa-columns"></i> <span>日常工作</span></a>
  126. </div>
  127. <div class="side-list">
  128. <a class="" href="layouts.html"><i class="fa fa-columns"></i> <span>设备台账</span></a>
  129. </div>-->
  130. </div>
  131. </div>
  132. </div>
  133. <div class="sidebar-box-sub sidebar-box-sub2">
  134. <div class="sidebar-collapse">
  135. <div class="sidenavsub" id="side-menu2" style="padding-top: 10px;">
  136. <!--<div class="side-group">
  137. <div class="side-group-label">系统设置</div>
  138. <div class="side-list">
  139. <a class="J_iframe" href="layouts.html"><span>项目管理</span></a>
  140. </div>
  141. <div class="side-list">
  142. <a class="J_iframe active" href="layouts.html"><span>部门管理</span></a>
  143. </div>
  144. <div class="side-list">
  145. <a class="J_iframe" href="layouts.html"><span>用户管理</span></a>
  146. </div>
  147. </div>
  148. <div class="side-list">
  149. <a class="J_iframe active" href="layouts.html"><span>权限管理</span></a>
  150. </div>
  151. <div class="side-list">
  152. <a class="J_iframe" href="layouts.html"><span>报修类型管理</span></a>
  153. </div>
  154. <div class="side-list">
  155. <a class="J_iframe" href="layouts.html"><span>地点管理</span></a>
  156. </div>
  157. <div class="side-list">
  158. <a class="J_iframe" href="layouts.html"><span>运送类型管理</span></a>
  159. </div>
  160. <div class="side-list">
  161. <a class="J_iframe" href="layouts.html"><span>时间代码管理</span></a>
  162. </div>-->
  163. </div>
  164. </div>
  165. </div>
  166. </div>
  167. </div>
  168. <div class="main-box main-box-h2" id="main-iframe">
  169. <iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="{:url('Index/def')}" frameborder="0" data-id="index_v1.html" seamless></iframe>
  170. </div>
  171. <script src="/static/hplus/js/bootstrap.min.js?v=3.3.7"></script>
  172. <script src="/static/layer3.2.0/layer.js"></script>
  173. <script src="/static/hplus/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
  174. <script src="/static/hplus/js/plugins/metisMenu/jquery.metisMenu.js"></script>
  175. <script src="/static/hplus/js/plugins/contextMenu/jquery.contextMenu.min.js"></script>
  176. <script src="/static/hplus/js/hplus.js?v=4.1.0"></script>
  177. <script type="text/javascript" src="/static/hplus/js/contabs.js"></script>
  178. <!-- 第三方插件 -->
  179. <script src="/static/hplus/js/plugins/pace/pace.min.js"></script>
  180. <script src="/static/elementui2.15.5/vue-2.6.14.js"></script>
  181. <script src="/static/elementui2.15.5/index.js"></script>
  182. <script src="/admin/js/common.js"></script>
  183. {if condition="is_login() and !is_admin(is_login()) and btnAuth(is_login(),'PhoneMonitor/show')"}
  184. <textarea style="display: none;" id="StatusArea" rows="13" name="S1" class="form-control" readonly></textarea>
  185. <script language="javascript" type="text/javascript" src="/static/phonejs/qnviccub.js"></script>
  186. <script language="javascript" type="text/javascript" src="/static/phonejs/qnvfunc.js"></script>
  187. <script language="javascript" type="text/javascript" src="/static/phonejs/json2.js"></script>
  188. <script language="javascript" type="text/javascript" src="/static/phonejs/deviceapi.js"></script>
  189. <script>
  190. var fp;
  191. $(document).ready(function(){
  192. TV_Initialize();
  193. getEvent(T_GetEvent);
  194. });
  195. $(window).unload(function(){
  196. TV_Disable();
  197. });
  198. setInterval(function () {
  199. OpenDevice(ODT_LBRIDGE,function(nResult){AppendStatus('打开设备.');});
  200. },30000);
  201. //离开页面
  202. $(window).bind('beforeunload',function(){
  203. TV_Disable();
  204. });
  205. function openPhone() {
  206. // let gphone = "13838379499";
  207. // let fp = "d:\\wyluyin\\" + getCurrentDate(3) + "_" + gphone + ".wav";
  208. // check_phone(gphone,fp);
  209. }
  210. function playBtn() {
  211. // let path = "d:\\wyluyin\\20220608191204_13027625915.wav";
  212. console.log('path:',path);
  213. PlayFile(1,QNV_PLAY_FILE_START,0,PLAYFILE_MASK_REPEAT,path,function(id){
  214. console.log('play:',id);
  215. });
  216. }
  217. function check_phone(gphone,fp) {
  218. fp = base64encode(fp);
  219. var url = '{:url("orders/phone")}?phone=' + gphone + '&fp='+fp;
  220. var title = '添加订单';
  221. layer.open({
  222. type: 2,
  223. shade: 0.8,
  224. title: title,
  225. area: ['800px', '400px'],
  226. fix: false, //不固定
  227. maxmin: true,
  228. content: url,
  229. skin: 'layer-ext-moon',
  230. success: function(layero, index) {
  231. layer.iframeAuto(index);
  232. },
  233. // btn: ['取消']
  234. });
  235. return false;
  236. }
  237. function AppendStatus(szStatus)
  238. {
  239. console.log(szStatus);
  240. // $("#StatusArea").append(szStatus+"\r\n" );
  241. // var scrollTop = $("#StatusArea")[0].scrollHeight;
  242. // $("#StatusArea").scrollTop(scrollTop);
  243. }
  244. function AppendStatusEx(uID,szStatus)
  245. {
  246. uID=uID+1;
  247. AppendStatus("通道"+uID+":"+szStatus);
  248. }
  249. function T_GetEvent(uID,uEventType,uHandle,uResult,szdata)
  250. {
  251. // console.log(uID,uEventType,uHandle,uResult,szdata);
  252. //var vValueArray=qnviccub.QNV_Event(0,2,0,"","",1024);
  253. if(uEventType == -1)
  254. return;
  255. var vValue=" type="+uEventType+" Handle="+uHandle+" Result="+uResult+" szdata="+szdata;
  256. switch(uEventType)
  257. {
  258. case BriEvent_PhoneHook:// 本地电话机摘机事件
  259. AppendStatusEx(uID,"本地电话机摘机"+vValue);
  260. TV_StartRecordFile(uID,fp);
  261. break;
  262. case BriEvent_PhoneDial:// 只有在本地话机摘机,没有调用软摘机时,检测到DTMF拨号
  263. AppendStatusEx(uID,"本地话机拨号"+vValue);
  264. break;
  265. case BriEvent_PhoneHang:// 本地电话机挂机事件
  266. TV_HangUpCtrl(uID);
  267. AppendStatusEx(uID,"本地电话机挂机"+vValue);
  268. TV_StopRecordFile(uID);
  269. break;
  270. case BriEvent_CallIn:// 外线通道来电响铃事件
  271. AppendStatusEx(uID,"外线通道来电响铃事件"+vValue);
  272. break;
  273. case BriEvent_GetCallID://得到来电号码
  274. AppendStatusEx(uID,"得到来电号码"+vValue);
  275. fp = "d:\\wyluyin\\" + getCurrentDate(3) + "_" + szdata + ".wav";
  276. check_phone(szdata,fp);
  277. break;
  278. case BriEvent_StopCallIn:// 对方停止呼叫(产生一个未接电话)
  279. AppendStatusEx(uID,"对方停止呼叫(产生一个未接电话)"+vValue);
  280. break;
  281. case BriEvent_DialEnd:// 调用开始拨号后,全部号码拨号结束
  282. AppendStatusEx(uID,"调用开始拨号后,全部号码拨号结束"+vValue);
  283. break;
  284. case BriEvent_PlayFileEnd:// 播放文件结束事件
  285. AppendStatusEx(uID,"播放文件结束事件"+vValue);
  286. break;
  287. case BriEvent_PlayMultiFileEnd:// 多文件连播结束事件
  288. AppendStatusEx(uID,"多文件连播结束事件"+vValue);
  289. break;
  290. case BriEvent_PlayStringEnd://播放字符结束
  291. AppendStatusEx(uID,"播放字符结束"+vValue);
  292. break;
  293. case BriEvent_RepeatPlayFile:// 播放文件结束准备重复播放
  294. AppendStatusEx(uID,"播放文件结束准备重复播放"+vValue);
  295. break;
  296. case BriEvent_SendCallIDEnd:// 给本地设备发送震铃信号时发送号码结束
  297. AppendStatusEx(uID,"给本地设备发送震铃信号时发送号码结束"+vValue);
  298. break;
  299. case BriEvent_RingTimeOut://给本地设备发送震铃信号时超时
  300. AppendStatusEx(uID,"给本地设备发送震铃信号时超时"+vValue);
  301. break;
  302. case BriEvent_Ringing://正在内线震铃
  303. AppendStatusEx(uID,"正在内线震铃"+vValue);
  304. break;
  305. case BriEvent_Silence:// 通话时检测到一定时间的静音.默认为5秒
  306. AppendStatusEx(uID,"通话时检测到一定时间的静音"+vValue);
  307. break;
  308. case BriEvent_GetDTMFChar:// 线路接通时收到DTMF码事件
  309. AppendStatusEx(uID,"线路接通时收到DTMF码事件"+vValue);
  310. break;
  311. case BriEvent_RemoteHook:// 拨号后,被叫方摘机事件
  312. AppendStatusEx(uID,"拨号后,被叫方摘机事件"+vValue);
  313. break;
  314. case BriEvent_RemoteHang://对方挂机事件
  315. TV_HangUpCtrl(uID);
  316. AppendStatusEx(uID,"对方挂机事件"+vValue);
  317. TV_StopRecordFile(uID);
  318. break;
  319. case BriEvent_Busy:// 检测到忙音事件,表示PSTN线路已经被断开
  320. AppendStatusEx(uID,"检测到忙音事件,表示PSTN线路已经被断开"+vValue);
  321. break;
  322. case BriEvent_DialTone:// 本地摘机后检测到拨号音
  323. AppendStatusEx(uID,"本地摘机后检测到拨号音"+vValue);
  324. break;
  325. case BriEvent_RingBack:// 电话机拨号结束呼出事件。
  326. AppendStatusEx(uID,"电话机拨号结束呼出事件"+vValue);
  327. break;
  328. case BriEvent_MicIn:// MIC插入状态
  329. AppendStatusEx(uID,"MIC插入状态"+vValue);
  330. break;
  331. case BriEvent_MicOut:// MIC拔出状态
  332. AppendStatusEx(uID,"MIC拔出状态"+vValue);
  333. break;
  334. case BriEvent_FlashEnd:// 拍插簧(Flash)完成事件,拍插簧完成后可以检测拨号音后进行二次拨号
  335. AppendStatusEx(uID,"拍插簧(Flash)完成事件,拍插簧完成后可以检测拨号音后进行二次拨号"+vValue);
  336. break;
  337. case BriEvent_RefuseEnd:// 拒接完成
  338. AppendStatusEx(uID,"拒接完成"+vValue);
  339. break;
  340. case BriEvent_SpeechResult:// 语音识别完成
  341. AppendStatusEx(uID,"语音识别完成"+vValue);
  342. break;
  343. case BriEvent_FaxRecvFinished:// 接收传真完成
  344. AppendStatusEx(uID,"接收传真完成"+vValue);
  345. break;
  346. case BriEvent_FaxRecvFailed:// 接收传真失败
  347. AppendStatusEx(uID,"接收传真失败"+vValue);
  348. break;
  349. case BriEvent_FaxSendFinished:// 发送传真完成
  350. AppendStatusEx(uID,"发送传真完成"+vValue);
  351. break;
  352. case BriEvent_FaxSendFailed:// 发送传真失败
  353. AppendStatusEx(uID,"发送传真失败"+vValue);
  354. break;
  355. case BriEvent_OpenSoundFailed:// 启动声卡失败
  356. AppendStatusEx(uID,"启动声卡失败"+vValue);
  357. break;
  358. case BriEvent_UploadSuccess://远程上传成功
  359. AppendStatusEx(uID,"远程上传成功"+vValue);
  360. break;
  361. case BriEvent_UploadFailed://远程上传失败
  362. AppendStatusEx(uID,"远程上传失败"+vValue);
  363. break;
  364. case BriEvent_EnableHook:// 应用层调用软摘机/软挂机成功事件
  365. AppendStatusEx(uID,"应用层调用软摘机/软挂机成功事件"+vValue);
  366. break;
  367. case BriEvent_EnablePlay:// 喇叭被打开或者/关闭
  368. AppendStatusEx(uID,"喇叭被打开或者/关闭"+vValue);
  369. break;
  370. case BriEvent_EnableMic:// MIC被打开或者关闭
  371. AppendStatusEx(uID,"MIC被打开或者关闭"+vValue);
  372. break;
  373. case BriEvent_EnableSpk:// 耳机被打开或者关闭
  374. AppendStatusEx(uID,"耳机被打开或者关闭"+vValue);
  375. break;
  376. case BriEvent_EnableRing:// 电话机跟电话线(PSTN)断开/接通
  377. AppendStatusEx(uID,"电话机跟电话线(PSTN)断开/接通"+vValue);
  378. break;
  379. case BriEvent_DoRecSource:// 修改录音源
  380. AppendStatusEx(uID,"修改录音源"+vValue);
  381. break;
  382. case BriEvent_DoStartDial:// 开始软件拨号
  383. AppendStatusEx(uID,"开始软件拨号"+vValue);
  384. break;
  385. case BriEvent_RecvedFSK:// 接收到FSK信号,包括通话中FSK/来电号码的FSK
  386. AppendStatusEx(uID,"接收到FSK信号,包括通话中FSK/来电号码的FSK"+vValue);
  387. break;
  388. case BriEvent_PlugOut:
  389. AppendStatusEx(uID,"设备移除");
  390. // alert('设备移除');
  391. break;
  392. case BriEvent_DevErr://设备错误
  393. AppendStatusEx(uID,"设备错误"+ decodeURIComponent(vValue) );
  394. // alert('设备错误');
  395. break;
  396. default:
  397. if(uEventType < BriEvent_EndID)
  398. AppendStatusEx(uID,"忽略其它事件发生:ID=" + uEventType+ vValue);
  399. break;
  400. }
  401. }
  402. </script>
  403. {/if}
  404. {if condition="$isDispatch eq 1"}
  405. <audio id="dingdantixing" src="/static/tixing.mp3" controls="controls" style="display: none;"></audio>
  406. <script>
  407. var time1;
  408. var audio = document.getElementById('dingdantixing');
  409. $(function () {
  410. var interval = function () {
  411. var url = "{:url('Index/order')}";
  412. $.get(url,function (data) {
  413. if(data.code == 1){
  414. var audio = document.getElementById('dingdantixing');
  415. audio.play();
  416. if(data.data > 0){
  417. document.getElementById('orderNums').innerHTML ='('+data.data +')';
  418. }
  419. // layer.msg('您有新的订单请及时处理',{time:3000});
  420. }
  421. });
  422. }
  423. time1 = setInterval(interval,30000);
  424. $("#offNoticeBtn").click(function () {
  425. var off = parseInt($("#offNoticeVal").val());
  426. if(off==0){
  427. clearInterval(time1);
  428. $("#offNoticeVal").val(1)
  429. $("#offNoticeBtn").html('开启通知');
  430. audio.pause();
  431. }else {
  432. $("#offNoticeVal").val(0)
  433. time1 = setInterval(interval,30000);
  434. $("#offNoticeBtn").html('关闭通知');
  435. }
  436. })
  437. })
  438. </script>
  439. {/if}
  440. <script>
  441. var menus = {:json_encode($menus)};
  442. $(function () {
  443. // $('#side-menu').slimScroll({
  444. // height: ($('.sidebar-box').height() + 40) + 'px'
  445. // });
  446. // $('#side-menu2').slimScroll({
  447. // height: $('.sidebar-box').height() + 'px'
  448. // });
  449. $('#sidebar-box-h2').removeClass('sidebar-box-h2');
  450. $('#main-iframe').addClass('main-box-h2');
  451. $('#menu-1').addClass('active');
  452. // $('.sidenav .side-list a').hover(
  453. // function () {
  454. // $(this).addClass("hover");
  455. // let id = $(this).attr('data-id');
  456. // initSubMenu(id);
  457. // },
  458. // function () {
  459. // $(this).removeClass("hover");
  460. // }
  461. // );
  462. $(document).on('click','#side-menu .Jiframe',function () {
  463. let url = $(this).attr('data-url');
  464. if(url){
  465. $('#sidebar-box-h2').removeClass('sidebar-box-h2');
  466. $('#main-iframe').addClass('main-box-h2');
  467. let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
  468. $('#main-iframe').html(str);
  469. }else{
  470. $('#sidebar-box-h2').addClass('sidebar-box-h2');
  471. $('#main-iframe').removeClass('main-box-h2');
  472. }
  473. $(this).addClass("hover");
  474. let id = $(this).attr('data-id');
  475. initSubMenu(id);
  476. $('#side-menu .Jiframe').removeClass('active');
  477. $(this).addClass('active');
  478. });
  479. $(document).on('click','#side-menu2 .Jiframe',function () {
  480. let pid = $(this).attr('data-pid');
  481. let url = $(this).attr('data-url');
  482. let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
  483. $('#main-iframe').html(str);
  484. $('#side-menu2 .Jiframe').removeClass('active');
  485. $(this).addClass('active');
  486. // 寻找父级元素
  487. $('#side-menu .Jiframe').removeClass('active');
  488. $('#menu'+pid).addClass('active');
  489. });
  490. $(document).on('click','.JmenuItem',function () {
  491. let url = $(this).attr('href');
  492. let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
  493. $('#main-iframe').html(str);
  494. return false;
  495. });
  496. });
  497. function initSubMenu(id) {
  498. let submenus = [];
  499. for (let o in menus){
  500. if(id == menus[o].id){
  501. submenus = menus[o].child;
  502. break;
  503. }
  504. }
  505. if(submenus.length > 0){
  506. $('#sidebar-box-h2').addClass('sidebar-box-h2');
  507. $('#main-iframe').removeClass('main-box-h2');
  508. }else{
  509. $('#sidebar-box-h2').removeClass('sidebar-box-h2');
  510. $('#main-iframe').addClass('main-box-h2');
  511. }
  512. console.log(submenus);
  513. let str = '';
  514. for (let o in submenus){
  515. if(submenus[o].child.length > 0){
  516. // <div class="side-group">
  517. // <div class="side-group-label">系统设置</div>
  518. // <div class="side-list">
  519. // <a class="J_iframe" href="layouts.html"><span>项目管理</span></a>
  520. // </div>
  521. // </div>
  522. str += '<div class="side-group">';
  523. str += '<div class="side-group-label">'+submenus[o].title+'</div>';
  524. let children = submenus[o].child;
  525. for(let n in children){
  526. str += '<div class="side-list">';
  527. 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>';
  528. str += '</div>';
  529. }
  530. str += '</div>';
  531. }else{
  532. // <div class="side-list">
  533. // <a class="J_iframe active" href="layouts.html"><span>权限管理</span></a>
  534. // </div>
  535. str += '<div class="side-list">';
  536. 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>';
  537. str += '</div>';
  538. }
  539. }
  540. $('#side-menu2').html(str);
  541. }
  542. function add_highlight(url){
  543. console.log('url',url);
  544. $('.side-list a').removeClass('active');
  545. for (let o in menus){
  546. if(menus[o].url && menus[o].url == url){
  547. $('#menu'+menus[o].id).addClass('active');
  548. break;
  549. }
  550. let child1 = menus[o].child;
  551. let flag = false;
  552. let id = 0;
  553. if(child1.length > 0){
  554. for (let m in child1){
  555. if(child1[m].url && child1[m].url == url){
  556. flag = true;
  557. id = child1[m].id;
  558. break;
  559. }
  560. let child2 = child1[m].child;
  561. for (let n in child2){
  562. if(child2[n].url && child2[n].url == url){
  563. flag = true;
  564. id = child2[n].id;
  565. break;
  566. }
  567. }
  568. if(flag){
  569. break;
  570. }
  571. }
  572. }
  573. console.log('flag11',flag,id);
  574. if(flag){
  575. initSubMenu(menus[o].id);
  576. $('#menu'+menus[o].id).addClass('active');
  577. $('#menu'+id).addClass('active');
  578. break;
  579. }
  580. }
  581. }
  582. // $(document).on('click','#goOrder',function () {
  583. // let url = $(this).attr('href');
  584. // let str = '<iframe class="J_iframe" name="iframe0" width="100%" height="100%" src="'+url+'" frameborder="0" data-id="'+url+'" seamless></iframe>';
  585. // $('#main-iframe').html(str);
  586. // return false;
  587. // });
  588. function layer_open_dispatch(_self,flag){
  589. var url = $(_self).attr('url');
  590. var title = $(_self).attr('data-title');
  591. var width = $(_self).attr('data-width')?$(_self).attr('data-width'):'90%';
  592. var height = $(_self).attr('data-height')?$(_self).attr('data-height'):'90%';
  593. layer.open({
  594. type: 2,
  595. title: title,
  596. shadeClose: true,
  597. shade: 0.3,
  598. maxmin: true,
  599. area: [width, height],
  600. content: url,
  601. end: function () {
  602. update_order_count();
  603. }
  604. });
  605. }
  606. function update_order_count() {
  607. let url = "{:url('Index/ocount')}";
  608. $.post(url,function (res) {
  609. if(res.code == 1){
  610. let count = res.data.count;
  611. if(count > 0){
  612. $('#orderNums').html('('+count+')');
  613. }else{
  614. $('#orderNums').html('');
  615. }
  616. }
  617. });
  618. }
  619. </script>
  620. </body>
  621. </html>