order.php 15 KB

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