header.html 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370
  1. {template 'public/header-base'}
  2. <!-- 同城 -->
  3. <style>
  4. body{background-color: #F5F7F9;}
  5. .nav.nav-tabs{border-color:#20a0ff;}
  6. .nav-tabs>li>a:hover{border-color:#eee #eee #20a0ff #eee;}
  7. .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{background-color:#20a0ff; border-color:#20a0ff;}
  8. .nav-tabs>li>a {border-radius: 0 0 0 0;}
  9. .nav{background-color: white;}
  10. .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
  11. color: #FFF;
  12. background-color: #20a0ff;
  13. border-color: #20a0ff;
  14. }
  15. .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
  16. color: #24303C;
  17. }
  18. .list-group-item.active{
  19. background-color: #edf6ff;
  20. border:none;
  21. color: #00aeff;
  22. }
  23. .navbar-inverse {
  24. background-color: #fff;
  25. border-color: #20a0ff
  26. }
  27. .block {
  28. display: block;
  29. }
  30. .clear {
  31. display: block;
  32. overflow: hidden;
  33. }
  34. .navbar-nav > li > a {
  35. padding-top: 10px;
  36. padding-bottom: 10px;
  37. line-height: 40px
  38. }
  39. .navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus{
  40. color: #777;
  41. background-color: #eee;
  42. }
  43. .big-menu{
  44. background-color: #24303C;
  45. padding-right: 0px;
  46. padding-left: 0px;
  47. padding-top: 10px;
  48. height: 95%;
  49. width: 150px;
  50. position: fixed;
  51. left: 0px;
  52. top: 50px;
  53. z-index: 88;
  54. overflow-y: scroll;
  55. }
  56. .navback{
  57. background-color: white;
  58. width: 110px;
  59. height: 100%;
  60. position: fixed;
  61. left: 150px;
  62. top: 50px;
  63. z-index: 80;
  64. color: #666;
  65. line-height: 50px;
  66. border-right: 1px solid #eee;
  67. }
  68. .therji{
  69. background-color: white;
  70. width: 109px;
  71. position: fixed;
  72. left: 150px;
  73. top: 50px;
  74. z-index: 89;
  75. color: #666;
  76. line-height: 50px;
  77. display: none;
  78. }
  79. .therji:nth-child(1){display: block;}
  80. .therji>li:nth-child(1){
  81. margin-top: 20px;
  82. }
  83. .big-menu .panel .list-group-item{
  84. border:none;overflow:hidden; white-space:normal; text-overflow:clip;
  85. font-size: 13px;
  86. height: 50px;
  87. padding: 0px 15px;
  88. }
  89. .panel>.list-group .list-group-item{padding-left: 34px;}
  90. .big-menu .panel .list-group-item:hover{
  91. background-color: #edf6ff;
  92. color:#00aeff;
  93. }
  94. .btn-primary {
  95. color: #fff;
  96. background-color: #0066cd;
  97. border-color: #0066cd;
  98. }
  99. .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
  100. .open > .dropdown-toggle.btn-primary {
  101. color: #fff;
  102. background-color: #0066cd;
  103. border-color: #0066cd;
  104. }
  105. .open{position: relative;}
  106. .big-menu .panel .panel-heading .panel-title{
  107. width: 100px;
  108. float: left;
  109. font-size: 14px;
  110. }
  111. .dropdown-menu{left:32px;}
  112. .big-menu .panel .panel-heading .panel-title .fa{font-size: 16px;}
  113. .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse
  114. .navbar-nav>.active>a:focus{
  115. color: #f60;
  116. background-color: #e7e7e7;
  117. border-bottom: 2px solid transparent;
  118. border-color: #f60;
  119. }
  120. button{outline: none;}
  121. .left{float: left;}
  122. .right{float: right;}
  123. a{text-decoration: none;}
  124. a:hover{text-decoration: none;}
  125. ul,li{list-style: none;}
  126. ul{margin-bottom: 0px;}
  127. body{font-size: 14px;font-family: "微软雅黑";}
  128. .clearfix{clear:both;}
  129. .header{
  130. background-color: #fff;
  131. color: #666;
  132. height: 50px;
  133. position: fixed;
  134. top: 0px;
  135. left: 0px;
  136. z-index: 90;
  137. width: 100%;
  138. border-bottom:1px solid #eee;
  139. }
  140. .header_left{
  141. height: 50px;
  142. padding-top: 10px;
  143. float: left;
  144. }
  145. .wheaderbox{
  146. color: #666;
  147. padding: 10px 5px 0px 20px;
  148. float: left;
  149. }
  150. .header_logo{
  151. width: 34px;
  152. height: 34px;
  153. border-radius: 50%;
  154. background-color: #009B4D;
  155. margin-right: 10px;
  156. }
  157. .header_title{
  158. font-size: 14px;
  159. text-align: center;
  160. margin-top: 15px;
  161. }
  162. .header_right{
  163. height: 50px;
  164. padding: 8px 0px;
  165. float: right;
  166. margin-right: 54px;
  167. width: 400px;
  168. }
  169. .header_right>li>a:hover{color: #666;}
  170. .header_right>li{
  171. float: left;
  172. padding: 0px 20px;
  173. border-right: 1px solid #eee;
  174. line-height: 33px;
  175. }
  176. .ymargin{
  177. float: right;
  178. width: 30px;
  179. height: 30px;
  180. margin-top: 5px;
  181. }
  182. .yg_back{
  183. margin-left: 260px;
  184. margin-top: 50px;
  185. }
  186. .yyhome{font-size: 26px;position: relative;}
  187. .yyhome:hover .fanhuihome{display: block;}
  188. .fanhuihome{position: absolute;top: 40px;left: 0px;font-size: 14px;width: 100px;display: none;}
  189. .wyactive{background-color: #39485D;border-left: 3px solid #44ABF7;}
  190. .panel-default>.navtitle{background-color: #24303C;color: white;border:none;}
  191. .big-menu .panel .panel-heading .wytitle{height: 50px;padding: 15px 15px;width: 130px;}
  192. .navtitle{padding: 0px;}
  193. .panel,.panel-heading{border-radius: 0px;}
  194. .list-group-item:last-child,.list-group-item:first-child{border-radius: 0px;}
  195. .yg_login{height: auto;background-color: #24303C;padding: 10px 10px 15px;text-align: center;color: white;font-size: 14px;}
  196. .yg_login>img{margin: 0px auto;width: 60px;height: 60px;background-color: #5CB85C;border-radius: 50%;border: none;margin-bottom: 10px;}
  197. .header_btn{text-align: center;float: left;margin-left: 10px;width: 100px;border-right: 1px solid #fff;border-right: 1px solid #eee;height: 30px;line-height: 30px;}
  198. .wytitle:hover{color: white;}
  199. .fa-database,.fa-map-marker,.fa-book,.fa-bars,.fa-info-circle,.fa-cart-plus,.fa-desktop,.fa-product-hunt,.fa-life-ring,.fa-bars,.fa-recycle,.fa-cog,.fa-gift,.fa-binoculars,.fa-trophy,.fa-key,.fa-star-half-o{margin-right: 14px;}
  200. .fa-bell,.fa-user{margin-right: 15px;}
  201. .fa-compass{margin-right: 17px;}
  202. .fa-money,.fa-car,.fa-cubes{margin-right: 10px;}
  203. .fa-newspaper-o,.fa-book{margin-right: 12px;}
  204. .fa-comment-o{margin-right: 12px;}
  205. .fa-university{margin-right: 12px;}
  206. .fa-graduation-cap{margin-right: 5px;}
  207. </style>
  208. {php $res=pdo_get('zhtc_system',array('uniacid'=>$_W['uniacid']))}
  209. <div class="header">
  210. <div class="wheaderbox">
  211. <img class="header_logo" src="{if $res['link_logo']}{php echo tomedia($res['link_logo'])}{else}../addons/zh_tcwq/template/images/htlogo.png{/if}" alt=""/>
  212. <span class="header_title">
  213. {if $res['link_name']}{$res['link_name']}{else}后台管理系统{/if}
  214. </span>
  215. </div>
  216. {if $_W['role'] == 'founder'}
  217. <div class="header_left">
  218. <a href="{php echo $this->createWebUrl('account')}"><div class="header_btn">返回首页</div></a>
  219. </div>
  220. {/if}
  221. <ul class="header_right">
  222. <li>
  223. <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" style="display:block; max-width:185px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; "><i class="fa fa-user"></i>{$_W['user']['username']} ({if $_W['role'] == 'founder'}系统管理员{elseif $_W['role'] == 'manager'}小程序管理员{else}小程序操作员{/if}) <b class="caret"></b></a>
  224. <ul class="dropdown-menu">
  225. {if $_W['role'] != 'operator'}
  226. <li><a href="{url 'user/profile/profile'}" target="_blank"><i class="fa fa-weixin fa-fw"></i> 我的账号</a></li>
  227. <li class="divider"></li>
  228. <li><a href="{url 'home/welcome/system'}" target="_blank"><i class="fa fa-sitemap fa-fw"></i> 系统选项</a></li>
  229. <li><a href="{url 'cloud/upgrade'}" target="_blank"><i class="fa fa-cloud-download fa-fw"></i> 自动更新</a></li>
  230. <li><a href="{url 'system/updatecache'}" target="_blank"><i class="fa fa-refresh fa-fw"></i> 更新缓存</a></li>
  231. <li class="divider"></li>
  232. {/if}
  233. </ul>
  234. {if $_W['role'] == 'founder'}
  235. </li>
  236. <li>
  237. <a href="index.php?c=miniapp&a=version&do=home&version_id={$_GPC['version_id']}" class="yyhome">
  238. <span class="fa fa-home"></span>
  239. <div class="fanhuihome">返回系统</div>
  240. </a>
  241. </li>
  242. {/if}
  243. <!-- <li>
  244. <img src="../addons/zh_tcwq/template/images/tongzhi.png" width="15px" height="18px" alt=""/>
  245. </li> -->
  246. <li>
  247. <a href="{url 'user/logout'}" class="yyhome">
  248. <span class="fa fa-power-off"></span>
  249. <div class="fanhuihome">退出系统</div>
  250. </a>
  251. </li>
  252. </ul>
  253. </div>
  254. <div class="container-fluid col-md-12 col-xs-12 col-sm-12">
  255. {if defined('IN_MESSAGE')}
  256. <div class="jumbotron clearfix alert alert-{$label}">
  257. <div class="row">
  258. <div class="col-xs-12 col-sm-3 col-lg-2">
  259. <i class="fa fa-5x fa-{if $label=='success'}check-circle{/if}{if $label=='danger'}times-circle{/if}{if $label=='info'}info-circle{/if}{if $label=='warning'}exclamation-triangle{/if}"></i>
  260. </div>
  261. <div class="col-xs-12 col-sm-8 col-md-9 col-lg-10">
  262. {if is_array($msg)}
  263. <h2>MYSQL 错误:</h2>
  264. <p>{php echo cutstr($msg['sql'], 300, 1);}</p>
  265. <p><b>{$msg['error'][0]} {$msg['error'][1]}:</b>{$msg['error'][2]}</p>
  266. {else}
  267. <h2>{$caption}</h2>
  268. <p>{$msg}</p>
  269. {/if}
  270. {if $redirect}
  271. <p><a href="{$redirect}">如果你的浏览器没有自动跳转,请点击此链接</a></p>
  272. <script type="text/javascript">
  273. setTimeout(function () {
  274. location.href = "{$redirect}";
  275. }, 3000);
  276. </script>
  277. {else}
  278. <p>[<a href="javascript:history.go(-1);">点击这里返回上一页</a>] &nbsp; [<a href="./?refresh">首页</a>]</p>
  279. {/if}
  280. </div>
  281. {else}
  282. <div class="row yg_top">
  283. {php $frames = empty($frames) ? $GLOBALS['frames'] : $frames; _calc_current_frames($frames);}
  284. {if !empty($frames)}
  285. <div class="big-menu">
  286. <div class="navback"></div>
  287. {if $cur_store}
  288. <div class="yg_login">
  289. <img src="{php echo tomedia($cur_store['logo'])}">
  290. <div>{$cur_store['store_name']}</div>
  291. </div>
  292. <!-- <div class="panel panel-default" style="padding-bottom: 10px;padding-top: 5px;">
  293. <span style="width:13.3333337%; height:160px;display: table-cell; line-height:160px; vertical-align:middle;text-align: center;padding-top: 5px;">
  294. <img style="display: inline-block;width: 160px;height: 160px;
  295. box-sizing: border-box;margin-top:10px;padding: 10px;border: 1px solid #f2f2f2;box-sizing: border-box;max-width: 100%;" alt="image" src="{php echo tomedia($cur_store['md_logo'])}" onerror="this.src='../addons/zh_tcwq/template/images/logo.png';"/>
  296. </span>
  297. <a href="#" >
  298. <span style="text-align:center;margin-top: 8px;" class="block m-t-xs"><strong class="font-bold">{$cur_store['md_name']}</strong></span>
  299. <span style="text-align:center;" class="text-muted text-xs block"><strong class="font-bold">{$_W['user']['username']}</strong>({if $_W['role'] == 'founder'}系统管理员{elseif $_W['role'] == 'manager'}公众号管理员{else}门店管理员{/if})</span>
  300. </a>
  301. </div> -->
  302. {/if}
  303. {loop $frames $k $frame}
  304. <div class="panel panel-default" style="border:none;margin-bottom: 0px;">
  305. <div class="panel-heading navtitle" style="cursor: pointer;height: 50px;">
  306. {$frame['title']}
  307. <ul class="therji" id="frame-{$k}">
  308. {loop $frame['items'] $link}
  309. {if !empty($link['append'])}
  310. <li class="list-group-item{$link['active']}" onclick="window.location.href = '{$link['url']}';" style="cursor:pointer;" kw="{$link['title']}">
  311. {$link['title']}
  312. <a class="pull-right" href="{$link['append']['url']}">{$link['append']['title']}</a>
  313. </li>
  314. {else}
  315. <a class="list-group-item{$link['active']}" href="{$link['url']}" kw="{$link['title']}" style="padding-left: 40px;">{$link['title']}</a>
  316. {/if}
  317. {/loop}
  318. </ul>
  319. </div>
  320. </div>
  321. {/loop}
  322. <script type="text/javascript">
  323. require(['bootstrap'], function(){
  324. $('#search-menu input').keyup(function() {
  325. var a = $(this).val();
  326. $('.big-menu .list-group-item, .big-menu .panel-heading').hide();
  327. $('.big-menu .list-group-item').each(function() {
  328. $(this).css('border-left', '0');
  329. if(a.length > 0 && $(this).attr('kw').indexOf(a) >= 0) {
  330. $(this).parents(".panel").find('.panel-heading').show();
  331. $(this).show().css('border-left', '3px #428bca double');
  332. }
  333. });
  334. if(a.length == 0) {
  335. $('.big-menu .list-group-item, .big-menu .panel-heading').show();
  336. }
  337. });
  338. });
  339. </script>
  340. </div>
  341. <div class="col-lg-10 col-md-10 col-xs-10 col-sm-10 yg_back">
  342. <style>.topNav{border-bottom-color: rgb(0, 0, 0);border-bottom-width: 0.1em;border-bottom-style: inset;}</style>
  343. {if CRUMBS_NAV == 1}
  344. {php global $module_types;global $module;global $ptr_title;}
  345. {php $frames = empty($frames) ? $GLOBALS['frames'] : $frames; _calc_current_frames($frames);}
  346. <script language='javascript'>
  347. $(function(){
  348. $(".breadcrumb").remove();
  349. })
  350. </script>
  351. {elseif CRUMBS_NAV == 2}
  352. {php global $module_types;global $module;global $ptr_title; global $site_urls; $m = $_GPC['m'];}
  353. <ul class="nav nav-tabs">
  354. <li><a href="{url 'platform/reply' array('m' => $m)}">管理{$module['title']}</a></li>
  355. <li><a href="{url 'platform/reply/post' array('m' => $m)}"><i class="fa fa-plus"></i> 添加{$module['title']}</a></li>
  356. {if !empty($site_urls)}
  357. {loop $site_urls $site_url}
  358. <li {if $_GPC['do'] == $site_url['do']} class="active"{/if}><a href="{$site_url['url']}"> {$site_url['title']}</a></li>
  359. {/loop}
  360. {/if}
  361. </ul>
  362. {/if}
  363. {else}
  364. <div>
  365. {/if}
  366. {/if}