billcb.html 37 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="renderer" content="webkit">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <title>后台</title>
  8. <link rel="stylesheet" href="../../layui/css/layui.css">
  9. <link rel="stylesheet" href="../../css/common.css">
  10. <link rel="stylesheet" href="../../css/user/adminuser.css">
  11. <link rel="stylesheet" href="../../css/iconfont.css">
  12. <!--[if lt IE 9]>
  13. <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  14. <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
  15. <![endif]-->
  16. </head>
  17. <body class="layui-layout-body">
  18. <div class="layui-layout layui-layout-admin">
  19. <div class="layui-header">
  20. <a class="layui-logo" href="index.html">
  21. <img src="../../img/logo.png" alt="">
  22. </a>
  23. <ul class="layui-nav layui-layout-right">
  24. <li class="layui-nav-item">
  25. <a href="javascript:;">
  26. <img src="http://t.cn/RCzsdCq" class="layui-nav-img"> zx66
  27. </a>
  28. <dl class="layui-nav-child">
  29. <dd>
  30. <a href="">基本资料</a>
  31. </dd>
  32. <dd>
  33. <a href="">安全设置</a>
  34. </dd>
  35. </dl>
  36. </li>
  37. <li class="layui-nav-item">
  38. <a href="">退出登录</a>
  39. </li>
  40. </ul>
  41. </div>
  42. <div class="layui-side layui-side-menu">
  43. <div class="layui-side-scroll">
  44. <ul class="layui-nav layui-nav-tree" lay-shrink="all" lay-filter="layadmin-system-side-menu">
  45. <li class="layui-nav-item layui-nav-itemspec">
  46. <a href="javascript:;">
  47. <span class="item-title">收起左侧导航</span>
  48. <i class="layui-icon layui-icon-shrink-right"></i>
  49. </a>
  50. </li>
  51. <li class="layui-nav-item">
  52. <a href="javascript:;" lay-tips="文章管理" lay-direction="2">
  53. <span class="font-icon">
  54. <i class="iconfont icon-wenzhang"></i>
  55. </span>
  56. <span class="item-title">文章管理</span>
  57. <span class="layui-nav-more"></span>
  58. </a>
  59. <dl class="layui-nav-child">
  60. <dd>
  61. <a lay-href="article/free.html">免费文章</a>
  62. </dd>
  63. <dd>
  64. <a lay-href="javascript:;">收费文章</a>
  65. </dd>
  66. <dd>
  67. <a lay-href="javascript:;">保障文章</a>
  68. </dd>
  69. </dl>
  70. </li>
  71. <li class="layui-nav-item">
  72. <a href="javascript:;" lay-tips="权限管理" lay-direction="2">
  73. <span class="font-icon">
  74. <i class="iconfont icon-quanxian"></i>
  75. </span>
  76. <span class="item-title">权限管理</span>
  77. <span class="layui-nav-more"></span>
  78. </a>
  79. <dl class="layui-nav-child">
  80. <dd>
  81. <a href="javascript:;">列表一</a>
  82. </dd>
  83. <dd>
  84. <a href="javascript:;">列表二</a>
  85. </dd>
  86. <dd>
  87. <a href="javascript:;">列表三</a>
  88. </dd>
  89. </dl>
  90. </li>
  91. <li class="layui-nav-item">
  92. <a href="javascript:;" lay-tips="审核管理" lay-direction="2">
  93. <span class="font-icon">
  94. <i class="iconfont icon-shenhe1"></i>
  95. </span>
  96. <span class="item-title">审核管理</span>
  97. <span class="layui-nav-more"></span>
  98. </a>
  99. <dl class="layui-nav-child">
  100. <dd>
  101. <a href="javascript:;">列表一</a>
  102. </dd>
  103. <dd>
  104. <a href="javascript:;">列表二</a>
  105. </dd>
  106. <dd>
  107. <a href="javascript:;">列表三</a>
  108. </dd>
  109. </dl>
  110. </li>
  111. <li class="layui-nav-item">
  112. <a href="javascript:;" lay-tips="工单管理" lay-direction="2">
  113. <span class="font-icon">
  114. <i class="iconfont icon-gongdan"></i>
  115. </span>
  116. <span class="item-title">工单管理</span>
  117. <span class="layui-nav-more"></span>
  118. </a>
  119. <dl class="layui-nav-child">
  120. <dd>
  121. <a href="javascript:;">列表一</a>
  122. </dd>
  123. <dd>
  124. <a href="javascript:;">列表二</a>
  125. </dd>
  126. <dd>
  127. <a href="javascript:;">列表三</a>
  128. </dd>
  129. </dl>
  130. </li>
  131. <li class="layui-nav-item">
  132. <a href="javascript:;" lay-tips="用户管理" lay-direction="2">
  133. <span class="font-icon">
  134. <i class="iconfont icon-yonghu-tianchong"></i>
  135. </span>
  136. <span class="item-title">用户管理</span>
  137. <span class="layui-nav-more"></span>
  138. </a>
  139. <dl class="layui-nav-child">
  140. <dd>
  141. <a href="javascript:;">列表一</a>
  142. </dd>
  143. <dd>
  144. <a href="javascript:;">列表二</a>
  145. </dd>
  146. <dd>
  147. <a href="javascript:;">列表三</a>
  148. </dd>
  149. </dl>
  150. </li>
  151. <li class="layui-nav-item">
  152. <a href="javascript:;" lay-tips="商城管理" lay-direction="2">
  153. <span class="font-icon">
  154. <i class="iconfont icon-icon-test"></i>
  155. </span>
  156. <span class="item-title">商城管理</span>
  157. <span class="layui-nav-more"></span>
  158. </a>
  159. <dl class="layui-nav-child">
  160. <dd>
  161. <a href="javascript:;">列表一</a>
  162. </dd>
  163. <dd>
  164. <a href="javascript:;">列表二</a>
  165. </dd>
  166. <dd>
  167. <a href="javascript:;">列表三</a>
  168. </dd>
  169. </dl>
  170. </li>
  171. <li class="layui-nav-item">
  172. <a href="javascript:;" lay-tips="操作员管理" lay-direction="2">
  173. <span class="font-icon">
  174. <i class="iconfont icon-caozuo"></i>
  175. </span>
  176. <span class="item-title">操作员管理</span>
  177. <span class="layui-nav-more"></span>
  178. </a>
  179. <dl class="layui-nav-child">
  180. <dd>
  181. <a href="javascript:;">列表一</a>
  182. </dd>
  183. <dd>
  184. <a href="javascript:;">列表二</a>
  185. </dd>
  186. <dd>
  187. <a href="javascript:;">列表三</a>
  188. </dd>
  189. </dl>
  190. </li>
  191. <li class="layui-nav-item">
  192. <a href="javascript:;" lay-tips="日志管理" lay-direction="2">
  193. <span class="font-icon">
  194. <i class="iconfont icon-daily-fill"></i>
  195. </span>
  196. <span class="item-title">日志管理</span>
  197. <span class="layui-nav-more"></span>
  198. </a>
  199. <dl class="layui-nav-child">
  200. <dd>
  201. <a href="javascript:;">列表一</a>
  202. </dd>
  203. <dd>
  204. <a href="javascript:;">列表二</a>
  205. </dd>
  206. <dd>
  207. <a href="javascript:;">列表三</a>
  208. </dd>
  209. </dl>
  210. </li>
  211. <span class="layui-nav-bar" style="top: 28px; height: 0px; opacity: 0;"></span>
  212. </ul>
  213. </div>
  214. </div>
  215. <div class="layui-body" id="LAY_app_body">
  216. <div class="layadmin-tabsbody-item layui-show">
  217. <div class="layui-card layadmin-header">
  218. <div class="layui-breadcrumb" lay-filter="breadcrumb" style="visibility: visible;">
  219. <a lay-href="/">主页</a>
  220. <span lay-separator="">/</span>
  221. <a>彩币账单列表</a>
  222. <span lay-separator="">/</span>
  223. <a href="javascript:history.back(-1)">返回</a>
  224. </div>
  225. <div class="main billcb">
  226. <div class="layui-elem-quote">
  227. <div class="layui-form layui-inline">
  228. <input type="radio" name="type" value="1" title="竞价彩币" checked="" lay-filter="typeRadio">
  229. <input type="radio" name="type" value="2" title="购买文章" lay-filter="typeRadio">
  230. <input type="radio" name="type" value="3" title="打赏彩币" lay-filter="typeRadio">
  231. </div>
  232. </div>
  233. <div class="searchbox">
  234. <span class="searchname">用户编码:</span>
  235. <div class="layui-inline">
  236. <input class="layui-input" name="restuserid" id="restuserid" autocomplete="off">
  237. </div>
  238. <span class="searchname">期数:</span>
  239. <div class="layui-inline">
  240. <input class="layui-input" name="restqi" id="restqi" autocomplete="off">
  241. </div>
  242. <span class="searchname">作者:</span>
  243. <div class="layui-inline">
  244. <input class="layui-input" name="restauthorname" id="restauthorname" autocomplete="off">
  245. </div>
  246. <!-- 购买文章 -->
  247. <span class="allbuy" id="allbuy" style="display: none;">
  248. <span class="searchname">文章类型:</span>
  249. <div class="layui-form layui-inline">
  250. <select name="buyarticle" lay-filter="buyarticle" id="buyarticle">
  251. <option value="0">请选择文章类型</option>
  252. <option value="1">免费文章</option>
  253. <option value="2">购买文章</option>
  254. <option value="3">保障贴</option>
  255. </select>
  256. </div>
  257. </span>
  258. <!-- ds -->
  259. <span id="allds" style="display: none">
  260. <span class="searchname">打赏类型:</span>
  261. <div class="layui-form layui-inline">
  262. <select name="resttype" lay-filter="resttype" id="resttype">
  263. <option value="0">请选择打赏类型</option>
  264. <option value="1">作者打赏</option>
  265. <option value="2">文章打赏</option>
  266. <option value="3">指标打赏</option>
  267. </select>
  268. </div>
  269. <span class="searchname">文章类型:</span>
  270. <div class="layui-form layui-inline">
  271. <select name="restarticle" lay-filter="restarticle" id="restarticle">
  272. <option value="0">请选择文章类型</option>
  273. <option value="1">免费文章</option>
  274. <option value="2">购买文章</option>
  275. <option value="3">保障贴</option>
  276. </select>
  277. </div>
  278. </span>
  279. <span class="searchname">彩种类型:</span>
  280. <div class="layui-form layui-inline">
  281. <select name="restcztype" lay-filter="restcztype" id="restcztype">
  282. <option value="0">请选择彩种</option>
  283. <option value="1">福彩3D</option>
  284. <option value="2">排列三</option>
  285. <option value="3">双色球</option>
  286. <option value="4">大乐透</option>
  287. </select>
  288. </div>
  289. <span id="target" style="display: none">
  290. <span class="searchname">指标类型:</span>
  291. <div class="layui-form layui-inline">
  292. <select name="restzb" lay-filter="restzb" id="restzb">
  293. <option value="0">请选择指标</option>
  294. </select>
  295. </div>
  296. </span>
  297. <button class="layui-btn" data-type="reload" id="searchbtn">搜索</button>
  298. </div>
  299. <table class="layui-hide" id="tables" lay-filter="tables"></table>
  300. </div>
  301. </div>
  302. </div>
  303. </div>
  304. </div>
  305. <script src="../../layui/layui.js"></script>
  306. <script src="../../js/jquery.js"></script>
  307. <script src="../../js/common.js"></script>
  308. <script type="text/javascript">
  309. //账单 彩币 打赏文章指标类型枚举
  310. var dstype = [
  311. {
  312. parentid:1,
  313. datas:{
  314. 1: '独胆',
  315. 2: '双胆',
  316. 3: '三胆',
  317. 4: '杀一码',
  318. 5: '杀二码',
  319. 6: '杀三码',
  320. 7: '杀一尾',
  321. 8: '杀二尾',
  322. 9: '杀三尾',
  323. 10: '杀一跨',
  324. 11: '杀二跨',
  325. 12: '杀三跨',
  326. 13: '五码复试',
  327. 14: '六码复试',
  328. 15: '组选',
  329. 16: '直选',
  330. }
  331. },
  332. {
  333. parentid:2,
  334. datas:{
  335. 17: '独胆',
  336. 18: '双胆',
  337. 19: '三胆',
  338. 20: '杀一码',
  339. 21: '杀二码',
  340. 22: '杀三码',
  341. 23: '杀一尾',
  342. 24: '杀二尾',
  343. 25: '杀三尾',
  344. 26: '杀一跨',
  345. 27: '杀二跨',
  346. 28: '杀三跨',
  347. 29: '五码复试',
  348. 30: '六码复试',
  349. 31: '组选',
  350. 32: '直选',
  351. }
  352. },
  353. {
  354. parentid:3,
  355. datas:{
  356. 33: '红球杀二',
  357. 34: '红球杀三',
  358. 35: '红球定二',
  359. 36: '红球定三',
  360. 37: '红球定四',
  361. 38: '红球红10中3',
  362. 39: '蓝球杀三',
  363. 40: '蓝球杀五',
  364. 41: '蓝球定三',
  365. 42: '蓝球定五',
  366. }
  367. },
  368. {
  369. parentid:4,
  370. datas:{
  371. 43: '前区杀三',
  372. 44: '前区杀五',
  373. 45: '前区定二',
  374. 46: '前区定三',
  375. 47: '前区定四',
  376. 48: '前区红12',
  377. 49: '后区杀三',
  378. 50: '后区杀五',
  379. 51: '后区定三',
  380. 52: '后区定四',
  381. 53: '后区六码',
  382. }
  383. },
  384. ]
  385. //彩币购买账单指标类型枚举
  386. var cstype = [
  387. {
  388. parentid:1,
  389. datas:{
  390. 1:'SD胆码金钱',
  391. 2:'SD杀码金钱',
  392. 3:'SD杀尾金钱',
  393. 4:'SD杀跨金钱',
  394. 5:'SD复试金钱',
  395. 6:'SD单注金钱',
  396. }
  397. },
  398. {
  399. parentid:2,
  400. datas:{
  401. 7:'P3胆码金钱',
  402. 8:'P3杀码金钱',
  403. 9:'P3杀尾金钱',
  404. 10:'P3杀跨金钱',
  405. 11:'P3复试金钱',
  406. 12:'P3单注金钱',
  407. }
  408. },
  409. {
  410. parentid:3,
  411. datas:{
  412. 13:'双色球红球杀码金钱',
  413. 14:'双色球红球定胆金钱',
  414. 15:'双色球蓝球杀码金钱',
  415. 16:'双色球蓝球定胆金钱',
  416. }
  417. },
  418. {
  419. parentid:4,
  420. datas:{
  421. 17:'大乐透红球杀码金钱',
  422. 18:'大乐透红球定胆金钱',
  423. 19:'大乐透蓝球杀码金钱',
  424. 20:'大乐透蓝球定胆金钱'
  425. }
  426. },
  427. ]
  428. layui.use(['element', 'table', 'form'], function () {
  429. var element = layui.element,
  430. table = layui.table,
  431. form = layui.form
  432. form.on('select(buyarticle)', function(data){
  433. $("#restcztype").val(0)
  434. form.render('select');
  435. var tips = "<option value='0'>请先选择彩种</option>"
  436. $("#restzb").html(tips)
  437. form.render('select');
  438. })
  439. form.on('select(restcztype)', function(data){
  440. var obj = ''
  441. var parentid = data.value
  442. var typed = $('input[name="type"]:checked').val() //币种类型
  443. var buyarticle = $("#buyarticle").val()
  444. if(typed == 2) {
  445. if(buyarticle == 0){
  446. layer.msg("请选择文章类型", {icon: 5});
  447. }else if(buyarticle == 3) {
  448. reloadForm(dstype)
  449. }else{
  450. reloadForm(cstype)
  451. }
  452. }
  453. if(typed == 3) {
  454. reloadForm(dstype)
  455. }
  456. function reloadForm(res) {
  457. if(parentid == 0) {
  458. var tips = "<option value='0'>请选择指标</option>"
  459. $("#restzb").html(tips)
  460. form.render('select');
  461. return false;
  462. }
  463. res.forEach(function(item) {
  464. if(item.parentid == parentid) {
  465. obj = item.datas
  466. }
  467. })
  468. var str = ''
  469. for(var attr in obj) {
  470. str += "<option value="+attr+">"+obj[attr]+"</option>"
  471. }
  472. $("#restzb").html(str)
  473. form.render('select');
  474. }
  475. })
  476. // 根据不同值 渲染不同的表格
  477. form.on('radio(typeRadio)', function(data){
  478. var tips = "<option value='0'>请先选择彩种</option>"
  479. if(data.value == 1) {
  480. $("#restcztype").val(0);
  481. $("#allds").hide()
  482. $("#target").hide()
  483. $("#allbuy").hide()
  484. tableRender(cols1)
  485. }
  486. if(data.value == 2) {
  487. $("#restcztype").val(0);
  488. $("#restzb").html(tips);
  489. form.render("select");
  490. $("#allds").hide()
  491. $("#allbuy").show()
  492. $("#target").show()
  493. tableRender(cols2)
  494. }
  495. if(data.value == 3) {
  496. $("#restcztype").val(0);
  497. $("#restzb").html(tips);
  498. form.render("select");
  499. $("#allbuy").hide()
  500. $("#allds").show()
  501. $("#target").show()
  502. tableRender(cols3)
  503. }
  504. });
  505. var cols1 = [[
  506. { title: 'ID', align: 'center', type: 'numbers' },
  507. { field: 'userid', title: '用户ID' },
  508. { field: 'qi', title: '期数' },
  509. // { field: 'articleid', title: '文章编码' },
  510. { field: 'articlename', title: '文章名称' },
  511. // { field: 'authorid', title: '作者编码' },
  512. { field: 'authorname', title: '作者名称' },
  513. { field: 'money', title: '竞价金额' },
  514. {
  515. field: 'type_cz', title: '彩种类型', templet: function (res) {
  516. var str = '';
  517. switch (res['type_cz']) {
  518. case 1:
  519. str = '福彩3D';
  520. break;
  521. case 2:
  522. str = '排列三'
  523. break;
  524. case 3:
  525. str = '双色球'
  526. break;
  527. case 4:
  528. str = '大乐透'
  529. break;
  530. }
  531. return str
  532. }
  533. },
  534. {
  535. field: 'createtime', title: '创建时间', templet: function (res) {
  536. return formatDate(res.createtime)
  537. }
  538. },
  539. ]]
  540. var cols2 = [[
  541. { title: 'ID', align: 'center', type: 'numbers' },
  542. { field: 'userid', title: '用户ID' },
  543. { field: 'qi', title: '期数' },
  544. // { field: 'articleid', title: '文章编码' },
  545. { field: 'articlename', title: '文章名称' },
  546. { field: 'type_article', title: '文章类型', templet: function (res) {
  547. var str = '';
  548. switch (res['type_article']) {
  549. case 1:
  550. str = '免费文章';
  551. break;
  552. case 2:
  553. str = '购买文章'
  554. break;
  555. case 3:
  556. str = '保障贴'
  557. break;
  558. }
  559. return str
  560. }
  561. },
  562. {
  563. field: 'type_zb', title: '指标类型', templet: function (res) {
  564. if(res.type_article == 3) {
  565. var str = ''
  566. dstype.forEach((item,index) => {
  567. if(item.parentid == res['type_cz']) {
  568. str = dstype[index].datas[res['type_zb']]
  569. }
  570. })
  571. return str;
  572. }else{
  573. var str = ''
  574. cstype.forEach((item,index) => {
  575. if(item.parentid == res['type_cz']) {
  576. str = cstype[index].datas[res['type_zb']]
  577. }
  578. })
  579. return str;
  580. }
  581. }
  582. },
  583. { field: 'authorname', title: '作者名称' },
  584. { field: 'money', title: '金额' },
  585. { field: 'type_cz', title: '彩种类型', templet: function (res) {
  586. var str = '';
  587. switch (res['type_cz']) {
  588. case 1:
  589. str = '福彩3D';
  590. break;
  591. case 2:
  592. str = '排列三'
  593. break;
  594. case 3:
  595. str = '双色球'
  596. break;
  597. case 4:
  598. str = '大乐透'
  599. break;
  600. }
  601. return str
  602. }
  603. },
  604. {
  605. field: 'createtime', title: '创建时间', templet: function (res) {
  606. return formatDate(res.createtime)
  607. }
  608. },
  609. ]]
  610. var cols3 = [[
  611. { title: 'ID', align: 'center', type: 'numbers' },
  612. { field: 'userid', title: '用户ID' },
  613. { field: 'qi', title: '期数' },
  614. // { field: 'articleid', title: '文章编码' },
  615. { field: 'articlename', title: '文章名称' },
  616. // { field: 'authorid', title: '作者编码' },
  617. { field: 'authorname', title: '作者名称' },
  618. { field: 'money', title: '打赏金额' },
  619. {
  620. field: 'type', title: '打赏类型', templet: function (res) {
  621. var str = '';
  622. switch (res['type']) {
  623. case 1:
  624. str = '作者打赏';
  625. break;
  626. case 2:
  627. str = '文章打赏'
  628. break;
  629. case 3:
  630. str = '文章指标打赏'
  631. break;
  632. }
  633. return str
  634. }
  635. },
  636. {
  637. field: 'type_article', title: '文章类型', templet: function (res) {
  638. var str = '';
  639. switch (res['type_article']) {
  640. case 1:
  641. str = '免费文章';
  642. break;
  643. case 2:
  644. str = '购买文章'
  645. break;
  646. case 3:
  647. str = '保障贴'
  648. break;
  649. }
  650. return str
  651. }
  652. },
  653. {
  654. field: 'type_cz', title: '彩种类型', templet: function (res) {
  655. var str = '';
  656. switch (res['type_cz']) {
  657. case 1:
  658. str = '福彩3D';
  659. break;
  660. case 2:
  661. str = '排列三'
  662. break;
  663. case 3:
  664. str = '双色球'
  665. break;
  666. case 4:
  667. str = '大乐透'
  668. break;
  669. }
  670. return str
  671. }
  672. },
  673. {
  674. field: 'type_zb', title: '指标类型', templet: function (res) {
  675. var str = ''
  676. dstype.forEach((item,index) => {
  677. if(item.parentid == res['type_cz']) {
  678. str = dstype[index].datas[res['type_zb']]
  679. }
  680. })
  681. return str;
  682. }
  683. },
  684. {
  685. field: 'createtime', title: '创建时间', templet: function (res) {
  686. return formatDate(res.createtime)
  687. }
  688. },
  689. ]]
  690. tableRender(cols1) //默认初始化表格
  691. function tableRender(params) {
  692. table.render({
  693. elem: '#tables',
  694. // url: '', //获取数据的接口
  695. data: [
  696. {
  697. id: 1,
  698. userid: 1002,
  699. articlename: '哈哈哈哈哈',
  700. authorname:'老李',
  701. money:'100',
  702. qi: '20200426',
  703. type_cz: 1, //彩种类型
  704. type:1, //打赏类型
  705. type_article:1, //文章类型
  706. type_zb:1, //指标类型
  707. createtime: '2020-04-20',
  708. },
  709. {
  710. id: 2,
  711. userid: 1003,
  712. articlename: '哈哈哈哈哈',
  713. authorname:'老李01',
  714. money:'500',
  715. qi: '20200425',
  716. type_cz:2, //彩种类型
  717. type:3, //打赏类型
  718. type_article:2, //文章类型
  719. type_zb:9, //指标类型
  720. createtime: '2020-04-20',
  721. },
  722. {
  723. id: 3,
  724. userid: 1005,
  725. articlename: '哈哈哈哈哈sssss',
  726. authorname:'老李03',
  727. money:'300',
  728. qi: '20200424',
  729. type_cz:3, //彩种类型
  730. type:2, //打赏类型
  731. type_article:3, //文章类型
  732. type_zb:30, //指标类型
  733. createtime: '2020-04-20',
  734. },
  735. {
  736. id: 4,
  737. userid: 1004,
  738. articlename: '哈哈哈哈哈',
  739. authorname:'老李04',
  740. money:'400',
  741. qi: '20200423',
  742. type_cz:4, //彩种类型
  743. type:2, //打赏类型
  744. type_article:3, //文章类型
  745. type_zb:17, //指标类型
  746. createtime: '2020-04-20',
  747. },
  748. ],
  749. title: '详细账单列表',
  750. cellMinWidth: 120,
  751. cols: params,
  752. page: true,
  753. id: 'searchReload',
  754. height: 'full-230'
  755. })
  756. }
  757. $('#searchbtn').on('click', function(){
  758. var typed = $('input[name="type"]:checked').val() //打赏类型
  759. var userid = $.trim($('#restuserid').val());
  760. var qi = $.trim($('#restqi').val());
  761. var authorname = $.trim($('#restauthorname').val());
  762. var type_cz = $.trim($('#restcztype').val());
  763. var type = $.trim($('#resttype').val()); //打赏类型
  764. var type_article = $.trim($('#restarticle').val()); //文章类型
  765. var type_zb = $.trim($('#restzb').val()); //文章类型
  766. var type_article = $.trim($("#buyarticle").val())
  767. if(userid == '' && qi == '' && authorname == '' && type_cz == 0) {
  768. layer.msg("请输入查询条件", {icon: 5});
  769. return false
  770. }
  771. var obj = {
  772. typed:typed,
  773. userid:userid,
  774. qi:qi,
  775. authorname:authorname,
  776. type_cz:type_cz,
  777. }
  778. if(typed == 2) {
  779. Object.assign(obj,{
  780. type_zb:type_zb,
  781. type_article:type_article
  782. })
  783. }
  784. if(typed == 3) {
  785. Object.assign(obj,{
  786. type_cz:type_cz,
  787. type:type,
  788. type_article:type_article,
  789. type_zb:type_zb
  790. })
  791. }
  792. table.reload('searchReload', {
  793. url:'',//查询返回的接口
  794. page: {
  795. curr: 1
  796. },
  797. where:obj
  798. })
  799. });
  800. })
  801. </script>
  802. </body>
  803. </html>