group_share_company.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. {extend name="public/layout"/} {block name="title"}共享{/block} {block name="body"}
  2. <style type="text/css">
  3. html,
  4. body {
  5. display: block;
  6. min-width: 100%;
  7. background-color: #fff;
  8. }
  9. .layui-fluid {
  10. display: block;
  11. border-radius: 5px;
  12. padding:0;
  13. background-color: #ffffff;
  14. }
  15. .layui-tab {
  16. padding: 15px;
  17. height: 100%;
  18. }
  19. .layui-input-inline.input-longer-inline {
  20. width: 290px;
  21. }
  22. .layui-form-item .layui-input-inline {
  23. width: auto;
  24. }
  25. .layui-titlebox{
  26. position: relative;
  27. left: 0;
  28. height: 40px;
  29. white-space: nowrap;
  30. font-size: 0;
  31. border-bottom-width: 1px;
  32. border-bottom-style: solid;
  33. transition: all .2s;
  34. -webkit-transition: all .2s;
  35. border-color: #e6e6e6;
  36. color: #666;
  37. background-color: #f2f2f2;
  38. }
  39. .layui-titlebox li {
  40. display: inline-block;
  41. vertical-align: middle;
  42. font-size: 14px;
  43. transition: all .2s;
  44. -webkit-transition: all .2s;
  45. position: relative;
  46. line-height: 40px;
  47. width: 50%;
  48. text-align: center;
  49. cursor: pointer;
  50. box-sizing: border-box;
  51. }
  52. .layui-titlebox .layui-this {
  53. color: #000;
  54. border-bottom-color: transparent;
  55. background-color: #249EFB;
  56. color: #FFFFFF;
  57. }
  58. .layui-titlebox .layui-this:after {
  59. position: absolute;
  60. left: 0;
  61. top: 0;
  62. content: '';
  63. width: 100%;
  64. height: 41px;
  65. border-width: 1px;
  66. border-style: solid;
  67. border-color: #e6e6e6;
  68. border-bottom-color: #fff;
  69. border-radius: 2px 2px 0 0;
  70. box-sizing: border-box;
  71. pointer-events: none;
  72. }
  73. .saveBtn,.cancel,.cancel:hover,.saveBtn:hover {
  74. background-color: #fff;
  75. color: #249EFB;
  76. border: 1px solid #249EFB;
  77. }
  78. .layui-icon-add-circle::before {
  79. font-size: 30px;
  80. }
  81. .layui-border-btn,.layui-border-btn:hover {
  82. border: 1px solid #249EFB;
  83. background-color: #fff;
  84. color: #249EFB;
  85. }
  86. .layui-tab-content{padding: 0;}
  87. .layui-card-body{padding:15px;}
  88. .plr20{
  89. padding: 0px 20px;
  90. }
  91. .layui-form-radio>i {
  92. font-size: 18px;
  93. }
  94. .layui-table, .layui-table-view{margin:0}
  95. </style>
  96. <div class="layui-fluid">
  97. <div class="layui-table">
  98. <form class="layui-form">
  99. <div class="layui-tab-content">
  100. <div class="layui-tab-item layui-show">
  101. <div class="layui-form-item">
  102. <div class="layui-card-body">
  103. <table id="datalists" lay-filter="datalists"></table>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. </form>
  109. </div>
  110. </div>
  111. {/block} {block name="js"}
  112. <script>
  113. layui.config({
  114. base: '__LAYUI__/',
  115. urlbase: '/sys'
  116. }).extend({
  117. index: 'lib/index'
  118. }).use(['index', 'table', 'form'], function() {
  119. var $ = layui.$,
  120. table = layui.table,
  121. form = layui.form;
  122. var form="{$form}";
  123. var titles= form=='add'?'指派时间':'共享时间';
  124. table.render({
  125. elem: '#datalists',
  126. url: "{:url('train/groupShareCompany')}?id={$id}",
  127. page: true,
  128. height: '460',
  129. cols: [
  130. [{
  131. type: 'numbers',
  132. field: 'id',
  133. title: '序号',
  134. width: '6%',
  135. fixed: 'left'
  136. },
  137. {
  138. title: '店面名称',
  139. field: 'company_name',
  140. fixed: 'left'
  141. },
  142. {
  143. title: '指派时间',
  144. field: 'addtime',
  145. }
  146. ]
  147. ]
  148. });
  149. });
  150. </script>
  151. {/block}