records.php 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  1. {extend name="public/container"}
  2. {block name="head"}
  3. <style>
  4. .layui-form-label {
  5. width: 100px;
  6. padding: 5px 15px;
  7. }
  8. .layui-input-block {
  9. margin-left: 100px;
  10. }
  11. .layui-btn-group .layui-btn-normal {
  12. border: 1px solid #0092DC;
  13. border-left: none;
  14. }
  15. .layui-btn-group .layui-btn-normal:first-child {
  16. border-left: 1px solid #0092DC;
  17. }
  18. </style>
  19. {/block}
  20. {block name="content"}
  21. <div class="layui-fluid">
  22. <div class="layui-card">
  23. <div class="layui-card-header">下载记录</div>
  24. <div class="layui-card-body">
  25. <div v-cloak id="app" class="layui-form">
  26. <div class="layui-form-item">
  27. <label class="layui-form-label">创建时间:</label>
  28. <div class="layui-input-inline" data-type="data" style="width: auto;">
  29. <div class="layui-btn-group">
  30. <button v-for="item in dataList" :class="[where.data == item.value ? 'layui-btn-normal' : 'layui-btn-primary', 'layui-btn layui-btn-sm']" type="button" @click="setData(item)">{{item.name}}</button>
  31. </div>
  32. </div>
  33. <div class="layui-input-inline">
  34. <input type="text" name="date" placeholder="自定义" id="date" autocomplete="off" class="layui-input" style="height: 30px;">
  35. </div>
  36. </div>
  37. <div class="layui-form-item">
  38. <div class="layui-input-block">
  39. <div class="layui-btn-container">
  40. <button type="button" class="layui-btn layui-btn-normal layui-btn-sm" @click="search"><i class="layui-icon layui-icon-search"></i>搜索</button>
  41. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" @click="excel"><i class="layui-icon layui-icon-export"></i>导出</button>
  42. <button type="button" class="layui-btn layui-btn-primary layui-btn-sm" @click="refresh"><i class="layui-icon layui-icon-refresh-1"></i>刷新</button>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. <table id="userList" lay-filter="userList"></table>
  48. <script type="text/html" id="level">
  49. {{# if(d.level==1){ }}
  50. 会员
  51. {{# }else{ }}
  52. 非会员
  53. {{# }; }}
  54. </script>
  55. </div>
  56. </div>
  57. </div>
  58. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  59. <script>
  60. var id={$id};
  61. layList.tableList('userList',"{:Url('get_download_records_list')}?id={$id}",function () {
  62. return [
  63. {field: 'id', title: '编号', width:'8%',align: 'center'},
  64. {field: 'uid', title: 'UID', width:'8%',align: 'center'},
  65. {field: 'nickname', title: '昵称',align: 'center'},
  66. {field: 'phone', title: '电话',width:'10%',align: 'center'},
  67. {field: 'level', title: '身份',width:'10%',align: 'center',templet:'#level'},
  68. {field: 'title', title: '资料名称',width:'21%',align: 'center'},
  69. {field: 'number', title: '下载次数',width:'10%',align: 'center'},
  70. {field: 'price', title: '价格',width:'10%',align: 'center'},
  71. {field: 'last_study_time', title: '最后下载时间',width:'14%',align: 'center'}
  72. ];
  73. });
  74. require(['vue'],function(Vue) {
  75. new Vue({
  76. el: "#app",
  77. data: {
  78. badge: [],
  79. dataList: [
  80. {name: '全部', value: ''},
  81. {name: '昨天', value: 'yesterday'},
  82. {name: '今天', value: 'today'},
  83. {name: '本周', value: 'week'},
  84. {name: '本月', value: 'month'},
  85. {name: '本季度', value: 'quarter'},
  86. {name: '本年', value: 'year'},
  87. ],
  88. where:{
  89. id:id,
  90. excel:0,
  91. data:''
  92. },
  93. showtime: false,
  94. },
  95. methods: {
  96. setData:function(item){
  97. console.log(item);
  98. var that=this;
  99. if(item.is_zd==true){
  100. that.showtime=true;
  101. this.where.data=this.$refs.date_time.innerText;
  102. }else{
  103. this.showtime=false;
  104. this.where.data=item.value;
  105. }
  106. },
  107. search:function () {
  108. this.where.excel=0;
  109. this.where.id=id;
  110. layList.reload(this.where,true);
  111. },
  112. excel:function () {
  113. this.where.id=id;
  114. this.where.excel=1;
  115. location.href=layList.U({a:'get_download_records_list',q:this.where});
  116. },
  117. refresh:function () {
  118. window.location.reload();
  119. }
  120. },
  121. mounted:function () {
  122. var that=this;
  123. layList.laydate.render({
  124. elem:'#date',
  125. range:true,
  126. change:function (value){
  127. that.where.data=value;
  128. }
  129. });
  130. }
  131. })
  132. });
  133. </script>
  134. {/block}