learning_records.php 6.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. {extend name="public/container"}
  2. {block name="head"}
  3. <style>
  4. .layui-btn-group .layui-btn-normal {
  5. border: 1px solid #0092DC;
  6. border-left: none;
  7. }
  8. .layui-btn-group .layui-btn-normal:first-child {
  9. border-left: 1px solid #0092DC;
  10. }
  11. </style>
  12. {/block}
  13. {block name="content"}
  14. <div class="layui-fluid">
  15. <div class="layui-row layui-col-space15" >
  16. <div class="layui-col-md12" id="app" v-cloak>
  17. <div class="layui-card">
  18. <div class="layui-card-header">搜索条件</div>
  19. <div class="layui-card-body">
  20. <div class="layui-form layui-form-pane">
  21. <div class="layui-form-item">
  22. <div class="layui-col-lg12">
  23. <label class="layui-form-label">创建时间:</label>
  24. <div class="layui-input-block" data-type="data">
  25. <div class="layui-input-inline" data-type="data" style="width: auto;">
  26. <div class="layui-btn-group">
  27. <button :class="[where.data === item.value ? 'layui-btn-normal' : 'layui-btn-primary', 'layui-btn layui-btn-sm']" type="button" v-for="item in dataList" @click="setData(item)">{{item.name}}</button>
  28. </div>
  29. </div>
  30. <div class="layui-input-inline">
  31. <input type="text" name="date" placeholder="自定义" id="date" autocomplete="off" class="layui-input" style="height: 30px;" ref="date_time">
  32. </div>
  33. </div>
  34. </div>
  35. <div class="layui-col-lg12">
  36. <div class="layui-input-block">
  37. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" @click="search"><i class="layui-icon layui-icon-search"></i>搜索</button>
  38. <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" @click="refresh"><i class="layui-icon layui-icon-refresh" ></i>刷新</button>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. <div class="layui-col-md12">
  47. <div class="layui-card">
  48. <div class="layui-card-header">学习记录</div>
  49. <div class="layui-card-body">
  50. <table class="layui-hide" id="userList" lay-filter="userList"></table>
  51. <script type="text/html" id="level">
  52. {{# if(d.level==1){ }}
  53. 会员
  54. {{# }else{ }}
  55. 非会员
  56. {{# }; }}
  57. </script>
  58. <script type="text/html" id="act">
  59. <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" lay-event='percentage'>
  60. 查看学员的具体学习进度
  61. </button>
  62. </script>
  63. </div>
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  69. <script>
  70. var id={$id};
  71. layList.tableList('userList',"{:Url('specialLearningRecordsList')}?id={$id}&uid={$uid}",function () {
  72. return [
  73. {field: 'uid', title: 'UID', width:'10%',align: 'center'},
  74. {field: 'nickname', title: '昵称',align: 'center',width:'15%'},
  75. {field: 'phone', title: '电话',width:'15%',align: 'center'},
  76. {field: 'level', title: '身份',width:'15%',align: 'center',templet:'#level'},
  77. {field: 'last_study_time', title: '最后学习时间',width:'15%',align: 'center'},
  78. {field: 'right', title: '操作',align:'center',toolbar:'#act',width:'30%'}
  79. ];
  80. });
  81. //点击事件绑定
  82. layList.tool(function (event,data,obj) {
  83. switch (event) {
  84. case 'percentage':
  85. layer.open({
  86. type: 2,
  87. title: data.nickname + '—学习进度',
  88. content: '{:Url('percentage')}?uid=' + data.uid + "&special_id="+data.special_id + "&type="+data.type+"&is_light="+data.is_light,
  89. area: ['80%', '90%'],
  90. maxmin: true
  91. });
  92. break;
  93. }
  94. });
  95. require(['vue'],function(Vue) {
  96. new Vue({
  97. el: "#app",
  98. data: {
  99. badge: [],
  100. dataList: [
  101. {name: '全部', value: ''},
  102. {name: '昨天', value: 'yesterday'},
  103. {name: '今天', value: 'today'},
  104. {name: '本周', value: 'week'},
  105. {name: '本月', value: 'month'},
  106. {name: '本季度', value: 'quarter'},
  107. {name: '本年', value: 'year'},
  108. ],
  109. where:{
  110. id:id,
  111. excel:0,
  112. data:''
  113. },
  114. showtime: false,
  115. },
  116. methods: {
  117. setData:function(item){
  118. var that=this;
  119. if(item.is_zd==true){
  120. that.showtime=true;
  121. this.where.data=this.$refs.date_time.innerText;
  122. }else{
  123. this.showtime=false;
  124. this.where.data=item.value;
  125. }
  126. },
  127. search:function () {
  128. this.where.excel=0;
  129. this.where.id=id;
  130. layList.reload(this.where,true);
  131. },
  132. excel:function () {
  133. this.where.id=id;
  134. this.where.excel=1;
  135. location.href=layList.U({a:'specialLearningRecordsList',q:this.where});
  136. },
  137. refresh:function () {
  138. window.location.reload();
  139. }
  140. },
  141. mounted:function () {
  142. var that=this;
  143. layList.laydate.render({
  144. elem:this.$refs.date_time,
  145. trigger:'click',
  146. eventElem:this.$refs.time,
  147. range:true,
  148. change:function (value){
  149. that.where.data=value;
  150. }
  151. });
  152. }
  153. })
  154. });
  155. </script>
  156. {/block}