index.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <style type="text/css" media="all">
  2. #table .btn{
  3. display: flex;
  4. align-items: center;
  5. justify-content: center;
  6. height: 36px;
  7. border-radius: 18px;
  8. margin-bottom: 10px;
  9. width: 100px;
  10. color: #fff;
  11. }
  12. #table .btn-detail{
  13. background: #62CB81;
  14. }
  15. #table .btn-change{
  16. background: #1677FF;
  17. }
  18. #table .btn-status{
  19. background: #FFA600;
  20. }
  21. #table .btn-cancel{
  22. background: #F7F7F7;
  23. color: #666666;
  24. }
  25. #table .btn-down{
  26. background: #7B65FB;
  27. }
  28. </style>
  29. <div class="panel panel-default panel-intro">
  30. <div class="panel-heading">
  31. {:build_heading(null,FALSE)}
  32. <ul class="nav nav-tabs" data-field="status">
  33. <li class="{:$Think.get.status === null ? 'active' : ''}"><a href="#t-all" data-value="" data-toggle="tab">{:__('All')}</a></li>
  34. {foreach name="statusList" item="vo"}
  35. <li class="{:$Think.get.status === (string)$key ? 'active' : ''}"><a href="#t-{$key|htmlentities}" data-value="{$key|htmlentities}" data-toggle="tab">{$vo|htmlentities}</a></li>
  36. {/foreach}
  37. </ul>
  38. </div>
  39. <div class="panel-body">
  40. <div id="myTabContent" class="tab-content">
  41. <div class="tab-pane fade active in" id="one">
  42. <div class="widget-body no-padding">
  43. <div id="toolbar" class="toolbar">
  44. <a href="javascript:;" class="btn btn-primary btn-refresh" title="{:__('Refresh')}" ><i class="fa fa-refresh"></i> </a>
  45. </div>
  46. <table id="table" class="table table-bordered table-hover table-nowrap"
  47. data-operate-edit="{:$auth->check('service/shop/goods/edit')}"
  48. data-operate-del="{:$auth->check('service/shop/goods/del')}"
  49. width="100%">
  50. </table>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>