order.php 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322
  1. {extend name="public/container"}
  2. {block name="content"}
  3. <div class="layui-fluid">
  4. <div class="layui-row layui-col-space15" id="app" v-cloak>
  5. <!--搜索条件-->
  6. <div class="layui-col-md12">
  7. <div class="layui-card">
  8. <div class="layui-card-header">活动报名订单</div>
  9. <div class="layui-card-body">
  10. <div class="layui-carousel layadmin-carousel layadmin-shortcut" lay-anim="" lay-indicator="inside" lay-arrow="none" style="background:none">
  11. <div class="layui-card-body">
  12. <div class="layui-row layui-col-space10 layui-form-item">
  13. <div class="layui-col-lg12">
  14. <label class="layui-form-label">订单状态:</label>
  15. <div class="layui-input-block">
  16. <button class="layui-btn layui-btn-normal layui-btn-sm" :class="{'layui-btn-primary':where.type!==item.value}" @click="where.type = item.value" type="button" v-for="item in orderStatus">{{item.name}}
  17. <span v-if="item.count!=undefined" :class="item.class!=undefined ? 'layui-badge': 'layui-badge layui-bg-gray' ">{{item.count}}</span></button>
  18. </div>
  19. </div>
  20. <div class="layui-col-lg12">
  21. <label class="layui-form-label">创建时间:</label>
  22. <div class="layui-input-block" data-type="data">
  23. <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" v-for="item in dataList" @click="setData(item)" :class="{'layui-btn-primary':where.data!=item.value}">{{item.name}}</button>
  24. <button class="layui-btn layui-btn-normal layui-btn-sm" type="button" ref="time" @click="setData({value:'zd',is_zd:true})" :class="{'layui-btn-primary':where.data!='zd'}">自定义</button>
  25. <button type="button" class="layui-btn layui-btn-sm layui-btn-primary" v-show="showtime==true" ref="date_time">{$year.0} - {$year.1}</button>
  26. </div>
  27. </div>
  28. <div class="layui-col-lg12">
  29. <label class="layui-form-label">搜索内容:</label>
  30. <div class="layui-input-block">
  31. <input type="text" name="real_name" style="width: 50%" v-model="where.real_name" placeholder="请输入订单号、昵称、UID" class="layui-input">
  32. </div>
  33. </div>
  34. <div class="layui-col-lg12">
  35. <div class="layui-input-block">
  36. <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" @click="search">
  37. <i class="layui-icon">&#xe615;</i>搜索
  38. </button>
  39. <button class="layui-btn layui-btn-primary layui-btn-sm export" @click="excel">
  40. <i class="layui-icon">&#xe67d;</i>导出
  41. </button>
  42. <button class="layui-btn layui-btn-primary layui-btn-sm export" @click="refresh">
  43. <i class="layui-icon">&#xe669;</i>刷新
  44. </button>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>
  50. </div>
  51. </div>
  52. </div>
  53. <!--end-->
  54. <!-- 中间详细信息-->
  55. <div :class="item.col!=undefined ? 'layui-col-sm'+item.col+' '+'layui-col-md'+item.col:'layui-col-sm6 layui-col-md3'" v-for="item in badge" v-if="item.count > 0">
  56. <div class="layui-card">
  57. <div class="layui-card-header">
  58. {{item.name}}
  59. <span class="layui-badge layuiadmin-badge" :class="item.background_color">{{item.field}}</span>
  60. </div>
  61. <div class="layui-card-body">
  62. <p class="layuiadmin-big-font">{{item.count}}</p>
  63. <p v-show="item.content!=undefined">
  64. {{item.content}}
  65. <span class="layuiadmin-span-color">{{item.sum}}<i :class="item.class"></i></span>
  66. </p>
  67. </div>
  68. </div>
  69. </div>
  70. <!--enb-->
  71. </div>
  72. <!--列表-->
  73. <div class="layui-row layui-col-space15" >
  74. <div class="layui-col-md12">
  75. <div class="layui-card">
  76. <div class="layui-card-body">
  77. <table class="layui-hide" id="List" lay-filter="List"></table>
  78. <!--订单-->
  79. <script type="text/html" id="order_id">
  80. <h4>{{d.order_id}}</h4>
  81. <span style="color: {{d.color}};">{{d.order_name}}</span>  
  82. </script>
  83. <!--用户信息-->
  84. <script type="text/html" id="userinfo">
  85. {{d.nickname==null ? '暂无昵称':d.nickname}}/{{d.uid}}
  86. </script>
  87. <!--支付状态-->
  88. <script type="text/html" id="paid">
  89. <p>{{d.pay_type}}</p>
  90. </script>
  91. <!--订单状态-->
  92. <script type="text/html" id="status">
  93. {{d.status_name}}
  94. {{# if(d.paid==1 && d.refund_status==2){ }}
  95. <p>退款时间:{{d.refund_reason_time}}</p>
  96. {{# }; }}
  97. </script>
  98. <!--商品信息-->
  99. <script type="text/html" id="info">
  100. {{# if(d._info.image){ }}
  101. <img style="height:25px;cursor: pointer;" src="{{d._info.image}}">
  102. {{# };}}
  103. <span>{{d._info.title}}</span>
  104. </script>
  105. <script type="text/html" id="act">
  106. {{# if(d._status==1 && d.nickname!=null){ }}
  107. <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="dropdown(this)">
  108. <i class="layui-icon">&#xe625;</i>操作
  109. </button>
  110. <ul class="layui-nav-child layui-anim layui-anim-upbit">
  111. <li>
  112. <a lay-event='delete' href="javascript:void(0);" >
  113. <i class="fa fa-trash"></i> 删除
  114. </a>
  115. </li>
  116. </ul>
  117. {{# }else if(d._status==2 && d.nickname!=null){ }}
  118. <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="dropdown(this)">
  119. <i class="layui-icon">&#xe625;</i>操作
  120. </button>
  121. <ul class="layui-nav-child layui-anim layui-anim-upbit">
  122. <li>
  123. <a href="javascript:void(0);" onclick="$eb.createModalFrame('订单详情','{:Url('order_info')}?oid={{d.id}}')">
  124. <i class="fa fa-file-text"></i> 订单详情
  125. </a>
  126. </li>
  127. {{# if(d.pay_price!=d.refund_price){ }}
  128. <li>
  129. <a href="javascript:void(0);" onclick="$eb.createModalFrame('退款','{:Url('refund_y')}?id={{d.id}}',{w:400,h:300})">
  130. <i class="fa fa-history"></i> 立即退款
  131. </a>
  132. </li>
  133. {{# } ;}}
  134. <li>
  135. <a lay-event='delete' href="javascript:void(0);" >
  136. <i class="fa fa-trash"></i> 删除
  137. </a>
  138. </li>
  139. </ul>
  140. {{# }else if(d._status==7 && d.nickname!=null){ }}
  141. <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="dropdown(this)">
  142. <i class="layui-icon">&#xe625;</i>操作
  143. </button>
  144. <ul class="layui-nav-child layui-anim layui-anim-upbit">
  145. <li>
  146. <a href="javascript:void(0);" onclick="$eb.createModalFrame('订单详情','{:Url('order_info')}?oid={{d.id}}')">
  147. <i class="fa fa-file-text"></i> 订单详情
  148. </a>
  149. </li>
  150. {{# if(d.pay_price!=d.refund_price){ }}
  151. <li>
  152. <a href="javascript:void(0);" onclick="$eb.createModalFrame('退款','{:Url('refund_y')}?id={{d.id}}',{w:400,h:300})">
  153. <i class="fa fa-history"></i> 立即退款
  154. </a>
  155. </li>
  156. {{# } ;}}
  157. <li>
  158. <a lay-event='delete' href="javascript:void(0);" >
  159. <i class="fa fa-trash"></i> 删除
  160. </a>
  161. </li>
  162. </ul>
  163. {{# }else if(d.nickname==null){ }}
  164. <button type="button" class="layui-btn layui-btn-normal layui-btn-xs" onclick="dropdown(this)">
  165. <i class="layui-icon">&#xe625;</i>操作
  166. </button>
  167. <ul class="layui-nav-child layui-anim layui-anim-upbit">
  168. <li>
  169. <a lay-event='delete' href="javascript:void(0);" >
  170. <i class="fa fa-trash"></i> 删除
  171. </a>
  172. </li>
  173. </ul>
  174. {{# }; }}
  175. </script>
  176. </div>
  177. </div>
  178. </div>
  179. </div>
  180. <!--end-->
  181. </div>
  182. <script src="{__ADMIN_PATH}js/layuiList.js"></script>
  183. {/block}
  184. {block name="script"}
  185. <script>
  186. layList.tableList('List',"{:Url('get_sign_up_list')}",function (){
  187. return [
  188. {field: 'order_id', title: '订单号', width:'14%',templet:'#order_id'},
  189. {field: 'nickname', title: '用户信息',templet:'#userinfo',align: 'center', width:'10%'},
  190. {field: 'info', title: '活动信息',templet:"#info"},
  191. {field: 'pay_price', title: '实际支付',align: 'center', width:'10%'},
  192. {field: 'paid', title: '支付状态',templet:'#paid',align: 'center', width:'10%'},
  193. {field: 'refund_price', title: '退款金额',align: 'center', width:'10%'},
  194. {field: 'status', title: '订单状态',templet:'#status',align: 'center', width:'16%'},
  195. {field: 'right', title: '操作',align:'center',toolbar:'#act', width:'8%'},
  196. ];
  197. });
  198. layList.tool(function (event,data,obj) {
  199. switch (event) {
  200. case 'delete':
  201. var url=layList.U({c:'ump.event_registration',a:'order_delete',q:{id:data.id}});
  202. $eb.$swal('delete',function(){
  203. $eb.axios.get(url).then(function(res){
  204. if(res.status == 200 && res.data.code == 200) {
  205. $eb.$swal('success',res.data.msg);
  206. obj.del();
  207. }else
  208. return Promise.reject(res.data.msg || '删除失败')
  209. }).catch(function(err){
  210. $eb.$swal('error',err);
  211. });
  212. });
  213. break;
  214. }
  215. });
  216. //下拉框
  217. $(document).click(function (e) {
  218. $('.layui-nav-child').hide();
  219. });
  220. function dropdown(that){
  221. var oEvent = arguments.callee.caller.arguments[0] || event;
  222. oEvent.stopPropagation();
  223. var offset = $(that).offset();
  224. var top=offset.top-$(window).scrollTop();
  225. var index = $(that).parents('tr').data('index');
  226. $('.layui-nav-child').each(function (key) {
  227. if (key != index) {
  228. $(this).hide();
  229. }
  230. });
  231. if($(document).height() < top+$(that).next('ul').height()){
  232. $(that).next('ul').css({
  233. 'padding': 10,
  234. 'top': - ($(that).parent('td').height() / 2 + $(that).height() + $(that).next('ul').height()/2),
  235. 'min-width': 'inherit',
  236. 'position': 'absolute'
  237. }).toggle();
  238. }else{
  239. $(that).next('ul').css({
  240. 'padding': 10,
  241. 'top':$(that).parent('td').height() / 2 + $(that).height(),
  242. 'min-width': 'inherit',
  243. 'position': 'absolute'
  244. }).toggle();
  245. }
  246. }
  247. var orderCount=<?=json_encode($orderCount)?>;
  248. require(['vue'],function(Vue) {
  249. new Vue({
  250. el: "#app",
  251. data: {
  252. badge: [],
  253. orderStatus: [
  254. {name: '全部', value: ''},
  255. {name: '已支付', value: 1,count:orderCount.wf,class:true},
  256. {name: '已退款', value: -2,count:orderCount.yt},
  257. ],
  258. dataList: [
  259. {name: '全部', value: ''},
  260. {name: '昨天', value: 'yesterday'},
  261. {name: '今天', value: 'today'},
  262. {name: '本周', value: 'week'},
  263. {name: '本月', value: 'month'},
  264. {name: '本季度', value: 'quarter'},
  265. {name: '本年', value: 'year'},
  266. ],
  267. where:{
  268. data:'',
  269. status:'',
  270. type:'',
  271. real_name:'',
  272. excel:0,
  273. },
  274. showtime: false,
  275. },
  276. methods: {
  277. setData:function(item){
  278. var that=this;
  279. if(item.is_zd==true){
  280. that.showtime=true;
  281. this.where.data=this.$refs.date_time.innerText;
  282. }else{
  283. this.showtime=false;
  284. this.where.data=item.value;
  285. }
  286. },
  287. getBadge:function() {
  288. var that=this;
  289. layList.basePost(layList.Url({c:'ump.event_registration',a:'getBadge'}),this.where,function (rem) {
  290. that.badge=rem.data;
  291. });
  292. },
  293. search:function () {
  294. this.getBadge();
  295. this.where.excel=0;
  296. layList.reload(this.where,true);
  297. },
  298. refresh:function () {
  299. window.location.reload();
  300. },
  301. excel:function () {
  302. this.where.excel=2;
  303. location.href=layList.U({c:'ump.event_registration',a:'get_sign_up_list',q:this.where});
  304. }
  305. },
  306. mounted:function () {
  307. var that=this;
  308. that.getBadge();
  309. layList.laydate.render({
  310. elem:this.$refs.date_time,
  311. trigger:'click',
  312. eventElem:this.$refs.time,
  313. range:true,
  314. change:function (value){
  315. that.where.data=value;
  316. }
  317. });
  318. }
  319. })
  320. });
  321. </script>
  322. {/block}