index.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463
  1. <!DOCTYPE html>
  2. <html lang="zh-cn">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>浏览页面</title>
  6. <link rel="stylesheet" href="/app/admin/component/pear/css/pear.css"/>
  7. <link rel="stylesheet" href="/app/admin/admin/css/reset.css"/>
  8. </head>
  9. <body class="pear-container">
  10. <!-- 顶部查询表单 -->
  11. <div class="layui-card">
  12. <div class="layui-tab" lay-filter="demo">
  13. <ul class="layui-tab-title">
  14. <li class="layui-this" lay-id="1">USD</li>
  15. <li lay-id="2">基金分红钱包</li>
  16. <li lay-id="3">卡余额</li>
  17. <li lay-id="5">wroldcion币</li>
  18. <li lay-id="6">矿机分红钱包</li>
  19. <li lay-id="7">理财每日利息</li>
  20. <li lay-id="8">团队佣金</li>
  21. <li lay-id="9">团队补贴</li>
  22. <li lay-id="10">已解冻余额</li>
  23. <li lay-id="11">大使收益钱包</li>
  24. <li lay-id="12">减贫财富钱包</li>
  25. </ul>
  26. </div>
  27. <div class="layui-card-body">
  28. <form class="layui-form top-search-from">
  29. <div class="layui-form-item">
  30. <label class="layui-form-label">订单号</label>
  31. <div class="layui-input-block">
  32. <div class="layui-input-block">
  33. <input type="text" autocomplete="off" name="order_no" class="layui-input">
  34. </div>
  35. </div>
  36. </div>
  37. <div class="layui-form-item">
  38. <label class="layui-form-label">用户名称</label>
  39. <div class="layui-input-block">
  40. <div class="layui-input-block">
  41. <input type="text" autocomplete="off" name="user_name" class="layui-input">
  42. </div>
  43. </div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">电话</label>
  47. <div class="layui-input-block">
  48. <div class="layui-input-block">
  49. <input type="text" autocomplete="off" name="mobile" class="layui-input">
  50. </div>
  51. </div>
  52. </div>
  53. <div class="layui-form-item">
  54. <label class="layui-form-label">提现金额</label>
  55. <div class="layui-input-block">
  56. <div class="layui-input-block">
  57. <input type="text" autocomplete="off" name="money[]" class="layui-input inline-block"
  58. placeholder="开始">
  59. -
  60. <input type="text" autocomplete="off" name="money[]" class="layui-input inline-block"
  61. placeholder="结束">
  62. </div>
  63. </div>
  64. </div>
  65. <div class="layui-form-item">
  66. <label class="layui-form-label">状态</label>
  67. <div class="layui-input-block">
  68. <div name="status" id="status" value=""></div>
  69. </div>
  70. </div>
  71. <input type="hidden" name="type" value="1">
  72. <div class="layui-form-item">
  73. <label class="layui-form-label">提交时间</label>
  74. <div class="layui-input-block">
  75. <div class="layui-input-block" id="created_at">
  76. <input type="text" autocomplete="off" name="created_at[]" id="created_at-date-start"
  77. class="layui-input inline-block" placeholder="开始时间">
  78. -
  79. <input type="text" autocomplete="off" name="created_at[]" id="created_at-date-end"
  80. class="layui-input inline-block" placeholder="结束时间">
  81. </div>
  82. </div>
  83. </div>
  84. <div class="layui-form-item layui-inline">
  85. <label class="layui-form-label"></label>
  86. <button class="pear-btn pear-btn-md pear-btn-primary" lay-submit lay-filter="table-query">
  87. <i class="layui-icon layui-icon-search"></i>查询
  88. </button>
  89. <button type="reset" class="pear-btn pear-btn-md" lay-submit lay-filter="table-reset">
  90. <i class="layui-icon layui-icon-refresh"></i>重置
  91. </button>
  92. </div>
  93. <div class="toggle-btn">
  94. <a class="layui-hide">展开<i class="layui-icon layui-icon-down"></i></a>
  95. <a class="layui-hide">收起<i class="layui-icon layui-icon-up"></i></a>
  96. </div>
  97. </form>
  98. </div>
  99. </div>
  100. <!-- 数据表格 -->
  101. <div class="layui-card">
  102. <div class="layui-card-body">
  103. <table id="data-table" lay-filter="data-table"></table>
  104. </div>
  105. </div>
  106. <!-- 表格顶部工具栏 -->
  107. <script type="text/html" id="table-toolbar">
  108. <button class="pear-btn pear-btn-primary pear-btn-md" lay-event="pass" permission="app.admin.withdraw.insert">
  109. 通过
  110. </button>
  111. <button class="pear-btn pear-btn-danger pear-btn-md" lay-event="reject" permission="app.admin.withdraw.delete">
  112. 驳回
  113. </button>
  114. </script>
  115. <!-- 表格行工具栏 -->
  116. <script type="text/html" id="table-bar">
  117. <button class="pear-btn pear-btn-xs tool-btn" lay-event="pass" permission="app.admin.withdraw.update">通过</button>
  118. <button class="pear-btn pear-btn-xs tool-btn" lay-event="reject" permission="app.admin.withdraw.delete">驳回
  119. </button>
  120. </script>
  121. <script src="/app/admin/component/layui/layui.js?v=2.8.12"></script>
  122. <script src="/app/admin/component/pear/pear.js"></script>
  123. <script src="/app/admin/admin/js/permission.js"></script>
  124. <script src="/app/admin/admin/js/common.js"></script>
  125. <script>
  126. // 相关常量
  127. const PRIMARY_KEY = "id";
  128. const SELECT_API = "/app/admin/withdraw/select";
  129. const PASS_API = "/app/admin/withdraw/pass";
  130. const REJECT_API = "/app/admin/withdraw/reject";
  131. layui.use('element', function () {
  132. var $ = layui.jquery
  133. , element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
  134. });
  135. // 字段 状态 1 待审核 2审核通过 3驳回 status
  136. layui.use(["jquery", "xmSelect"], function () {
  137. let value = layui.$("#status").attr("value");
  138. let initValue = value ? value.split(",") : [];
  139. layui.xmSelect.render({
  140. el: "#status",
  141. name: "status",
  142. filterable: true,
  143. initValue: initValue,
  144. model: {"icon": "hidden", "label": {"type": "text"}},
  145. clickClose: true,
  146. radio: true,
  147. data: [{value: 1, name: '待审核'}, {value: 2, name: '打款中'}, {value: 3, name: '审核通过'}, {
  148. value: 4,
  149. name: '驳回'
  150. }],
  151. })
  152. });
  153. layui.use(["jquery", "xmSelect"], function () {
  154. let value = layui.$("#type").attr("value");
  155. let initValue = value ? value.split(",") : [];
  156. layui.xmSelect.render({
  157. el: "#type",
  158. name: "type",
  159. filterable: true,
  160. initValue: initValue,
  161. model: {"icon": "hidden", "label": {"type": "text"}},
  162. clickClose: true,
  163. radio: true,
  164. data: [{value: 1, name: 'USD'}, {value: 2, name: '基金分红钱包'}, {value: 3, name: '卡余额'},
  165. {value: 5, name: 'wroldcion币'}, {value: 6, name: '矿机分红钱包'}, {value: 7, name: '理财每日利息'}, {value: 8, name: '团队佣金'}, {value: 9, name: '团队补贴'}, {value: 10, name: '已解冻余额'}, {value: 11, name: '大使收益钱包'}, {value: 12, name: '减贫财富钱包'}],
  166. })
  167. });
  168. // 字段 提交时间 created_at
  169. layui.use(["laydate"], function () {
  170. layui.laydate.render({
  171. elem: "#created_at",
  172. range: ["#created_at-date-start", "#created_at-date-end"],
  173. type: "datetime",
  174. });
  175. })
  176. // 表格渲染
  177. layui.use(["table", "form", "common", "popup", "util", "element"], function () {
  178. let table = layui.table;
  179. let form = layui.form;
  180. let $ = layui.$;
  181. let common = layui.common;
  182. let util = layui.util;
  183. let element = layui.element; //Tab的切换功能,切换事件监听等,需要依赖element模块
  184. // 表头参数
  185. let cols = [
  186. {
  187. type: "checkbox",
  188. align: "center"
  189. }, {
  190. minWidth: 100,
  191. title: "订单编号", align: "center",
  192. field: "id",
  193. }, {
  194. minWidth: 100,
  195. title: "会员名称", align: "center",
  196. field: "user_name",
  197. }, {
  198. minWidth: 150,
  199. title: "会员电话", align: "center",
  200. field: "mobile",
  201. }, {
  202. minWidth: 200,
  203. title: "订单号", align: "center",
  204. field: "order_no",
  205. }, {
  206. width: 120,
  207. title: "提现金额", align: "center",
  208. field: "money",
  209. sort: true,
  210. }, {
  211. width: 100,
  212. title: "钱包", align: "center",
  213. field: "type",
  214. templet: function (d) {
  215. let field = "type";
  216. if (typeof d[field] == "undefined") return "";
  217. let items = [];
  218. layui.each((d[field] + "").split(","), function (k, v) {
  219. items.push(apiResults[field][v] || v);
  220. });
  221. return util.escape(items.join(","));
  222. }
  223. }, {
  224. width: 100,
  225. title: "状态", align: "center",
  226. field: "status",
  227. templet: function (d) {
  228. let field = "status";
  229. if (typeof d[field] == "undefined") return "";
  230. let items = [];
  231. layui.each((d[field] + "").split(","), function (k, v) {
  232. items.push(apiResults[field][v] || v);
  233. });
  234. return util.escape(items.join(","));
  235. }
  236. }, {
  237. width: 120,
  238. title: "归属银行", align: "center",
  239. field: "affiliated_bank",
  240. sort: true,
  241. }, {
  242. width: 120,
  243. title: "开户人", align: "center",
  244. field: "account_holder",
  245. sort: true,
  246. }, {
  247. width: 200,
  248. title: "卡号", align: "center",
  249. field: "card_number",
  250. sort: true,
  251. }, {
  252. width: 170,
  253. title: "提交时间", align: "center",
  254. field: "created_at",
  255. sort: true,
  256. }
  257. ];
  258. // 渲染表格
  259. table.render({
  260. elem: "#data-table",
  261. url: SELECT_API,
  262. page: true,
  263. cols: [cols],
  264. skin: "line",
  265. size: "lg",
  266. where: {
  267. type: $('input[name=type]').val()
  268. },
  269. toolbar: "#table-toolbar",
  270. autoSort: false,
  271. defaultToolbar: [{
  272. title: "刷新",
  273. layEvent: "refresh",
  274. icon: "layui-icon-refresh",
  275. }, "filter", "print", "exports"],
  276. done: function () {
  277. layer.photos({photos: 'div[lay-id="data-table"]', anim: 5});
  278. }
  279. });
  280. element.on('tab(demo)', function (elem) {
  281. $('input[name=type]').val($(this).attr('lay-id'))
  282. table.reload("data-table", {
  283. where: {
  284. type: $('input[name=type]').val()
  285. },
  286. })
  287. });
  288. // 获取表格中下拉或树形组件数据
  289. let apiResults = {};//[{value:1,name:'待审核'},{value:2,name:'审核通过'},{value:3,name:'驳回'}],
  290. apiResults["status"] = {1: "待审核", 2: "打款中", 3: "审核通过", 4: "驳回"};
  291. apiResults["type"] = {1: "USD", 2: "基金分红钱包",3:"卡余额",5:"wroldcion币",6:"矿机分红钱包",7:"理财每日利息",8:"团队佣金",9:"团队补贴",10:"已解冻余额",11:"大使收益钱包",12:"减贫财富钱包"};
  292. // 编辑或删除行事件
  293. table.on("tool(data-table)", function (obj) {
  294. if (obj.event === "remove") {
  295. remove(obj);
  296. } else if (obj.event === "edit") {
  297. edit(obj);
  298. }
  299. });
  300. // 表格顶部工具栏事件
  301. table.on("toolbar(data-table)", function (obj) {
  302. if (obj.event === "refresh") {
  303. refreshTable();
  304. } else if (obj.event === "reject") {
  305. reject(obj);
  306. } else if (obj.event === "pass") {
  307. pass(obj);
  308. }
  309. });
  310. // 表格顶部搜索事件
  311. form.on("submit(table-query)", function (data) {
  312. table.reload("data-table", {
  313. page: {
  314. curr: 1
  315. },
  316. where: data.field
  317. })
  318. return false;
  319. });
  320. // 表格顶部搜索重置事件
  321. form.on("submit(table-reset)", function (data) {
  322. table.reload("data-table", {
  323. where: {
  324. type: $('input[name=type]').val()
  325. },
  326. })
  327. });
  328. // 表格排序事件
  329. table.on("sort(data-table)", function (obj) {
  330. table.reload("data-table", {
  331. initSort: obj,
  332. scrollPos: "fixed",
  333. where: {
  334. field: obj.field,
  335. order: obj.type,
  336. type: $('input[name=type]').val()
  337. }
  338. });
  339. });
  340. // 删除多行
  341. let pass = function (obj) {
  342. // 创建弹框,设置类型为密码输入
  343. layer.prompt({title: '请输入密码', formType: 1}, function (pass, index) {
  344. layer.close(index); // 关闭弹框
  345. let checkIds = common.checkField(obj, PRIMARY_KEY);
  346. if (checkIds === "") {
  347. layui.popup.warning("未选中数据");
  348. return false;
  349. }
  350. let data = {};
  351. data[PRIMARY_KEY] = checkIds.split(",");
  352. data['operate_password'] = pass;
  353. layer.confirm("确认审核通过吗?", {
  354. icon: 3,
  355. title: "提示"
  356. }, function (index) {
  357. layer.close(index);
  358. let loading = layer.load();
  359. $.ajax({
  360. url: PASS_API,
  361. data: data,
  362. dataType: "json",
  363. type: "post",
  364. success: function (res) {
  365. layer.close(loading);
  366. if (res.code == 0) {
  367. return layui.popup.success("操作成功", refreshTable);
  368. }
  369. return layui.popup.failure(res.msg);
  370. }
  371. })
  372. });
  373. });
  374. }
  375. let reject = function (obj) {
  376. layer.prompt({title: '驳回理由', formType: 0}, function (reject, index) {
  377. layer.close(index); // 关闭弹框
  378. let checkIds = common.checkField(obj, PRIMARY_KEY);
  379. if (checkIds === "") {
  380. layui.popup.warning("未选中数据");
  381. return false;
  382. }
  383. let data = {};
  384. data[PRIMARY_KEY] = checkIds.split(",");
  385. data['remarks'] = reject;
  386. layer.confirm("确认驳回吗?", {
  387. icon: 3,
  388. title: "提示"
  389. }, function (index) {
  390. layer.close(index);
  391. let loading = layer.load();
  392. $.ajax({
  393. url: REJECT_API,
  394. data: data,
  395. dataType: "json",
  396. type: "post",
  397. success: function (res) {
  398. layer.close(loading);
  399. if (res.code == 0) {
  400. return layui.popup.success("操作成功", refreshTable);
  401. }
  402. return layui.popup.failure(res.msg);
  403. }
  404. })
  405. });
  406. });
  407. }
  408. // 执行删除
  409. // 刷新表格数据
  410. window.refreshTable = function (param) {
  411. table.reloadData("data-table", {
  412. scrollPos: "fixed"
  413. });
  414. }
  415. })
  416. </script>
  417. </body>
  418. </html>