index.html 21 KB

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