billcb.html 47 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036
  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. 54: '蓝球定四',
  366. 42: '蓝球定五',
  367. }
  368. },
  369. {
  370. parentid:4,
  371. datas:{
  372. 43: '前区杀三',
  373. 44: '前区杀五',
  374. 45: '前区定二',
  375. 46: '前区定三',
  376. 47: '前区定四',
  377. 48: '前区红12',
  378. 49: '后区杀三',
  379. 50: '后区杀五',
  380. 51: '后区定三',
  381. 52: '后区定四',
  382. 53: '后区六码',
  383. }
  384. },
  385. ]
  386. //彩币购买账单指标类型枚举
  387. var cstype = [
  388. {
  389. parentid:1,
  390. datas:{
  391. 1:'SD胆码金钱',
  392. 2:'SD杀码金钱',
  393. 3:'SD杀尾金钱',
  394. 4:'SD杀跨金钱',
  395. 5:'SD复试金钱',
  396. 6:'SD单注金钱',
  397. }
  398. },
  399. {
  400. parentid:2,
  401. datas:{
  402. 7:'P3胆码金钱',
  403. 8:'P3杀码金钱',
  404. 9:'P3杀尾金钱',
  405. 10:'P3杀跨金钱',
  406. 11:'P3复试金钱',
  407. 12:'P3单注金钱',
  408. }
  409. },
  410. {
  411. parentid:3,
  412. datas:{
  413. 13:'双色球红球杀码金钱',
  414. 14:'双色球红球定胆金钱',
  415. 15:'双色球蓝球杀码金钱',
  416. 16:'双色球蓝球定胆金钱',
  417. }
  418. },
  419. {
  420. parentid:4,
  421. datas:{
  422. 17:'大乐透红球杀码金钱',
  423. 18:'大乐透红球定胆金钱',
  424. 19:'大乐透蓝球杀码金钱',
  425. 20:'大乐透蓝球定胆金钱'
  426. }
  427. },
  428. ]
  429. layui.use(['element', 'table', 'form'], function () {
  430. var element = layui.element,
  431. table = layui.table,
  432. form = layui.form
  433. form.on('select(buyarticle)', function(data){
  434. $("#restcztype").val(0)
  435. form.render('select');
  436. var tips = "<option value='0'>请先选择彩种</option>"
  437. $("#restzb").html(tips)
  438. form.render('select');
  439. })
  440. form.on('select(restcztype)', function(data){
  441. var obj = ''
  442. var parentid = data.value
  443. var typed = $('input[name="type"]:checked').val() //币种类型
  444. var buyarticle = $("#buyarticle").val()
  445. if(typed == 2) {
  446. if(buyarticle == 0){
  447. layer.msg("请选择文章类型", {icon: 5});
  448. }else if(buyarticle == 3) {
  449. reloadForm(dstype)
  450. }else{
  451. reloadForm(cstype)
  452. }
  453. }
  454. if(typed == 3) {
  455. reloadForm(dstype)
  456. }
  457. function reloadForm(res) {
  458. if(parentid == 0) {
  459. var tips = "<option value='0'>请选择指标</option>"
  460. $("#restzb").html(tips)
  461. form.render('select');
  462. return false;
  463. }
  464. res.forEach(function(item) {
  465. if(item.parentid == parentid) {
  466. obj = item.datas
  467. }
  468. })
  469. var str = ''
  470. for(var attr in obj) {
  471. str += "<option value="+attr+">"+obj[attr]+"</option>"
  472. }
  473. $("#restzb").html(str)
  474. form.render('select');
  475. }
  476. })
  477. // 根据不同值 渲染不同的表格
  478. form.on('radio(typeRadio)', function(data){
  479. var tips = "<option value='0'>请先选择彩种</option>"
  480. if(data.value == 1) {
  481. $("#restcztype").val(0);
  482. $("#allds").hide()
  483. $("#target").hide()
  484. $("#allbuy").hide()
  485. tableRender(cols1)
  486. }
  487. if(data.value == 2) {
  488. $("#restcztype").val(0);
  489. $("#restzb").html(tips);
  490. form.render("select");
  491. $("#allds").hide()
  492. $("#allbuy").show()
  493. $("#target").show()
  494. tableRender(cols2)
  495. }
  496. if(data.value == 3) {
  497. $("#restcztype").val(0);
  498. $("#restzb").html(tips);
  499. form.render("select");
  500. $("#allbuy").hide()
  501. $("#allds").show()
  502. $("#target").show()
  503. tableRender(cols3)
  504. }
  505. });
  506. var cols1 = [[
  507. { title: 'ID', align: 'center', type: 'numbers' },
  508. { field: 'userid', title: '用户ID' },
  509. { field: 'qi', title: '期数' },
  510. // { field: 'articleid', title: '文章编码' },
  511. { field: 'articlename', title: '文章名称' },
  512. // { field: 'authorid', title: '作者编码' },
  513. { field: 'authorname', title: '作者名称' },
  514. { field: 'money', title: '竞价金额' },
  515. {
  516. field: 'type_cz', title: '彩种类型', templet: function (res) {
  517. var str = '';
  518. switch (res['type_cz']) {
  519. case 1:
  520. str = '福彩3D';
  521. break;
  522. case 2:
  523. str = '排列三'
  524. break;
  525. case 3:
  526. str = '双色球'
  527. break;
  528. case 4:
  529. str = '大乐透'
  530. break;
  531. }
  532. return str
  533. }
  534. },
  535. {
  536. field: 'createtime', title: '创建时间', templet: function (res) {
  537. return formatDate(res.createtime)
  538. }
  539. },
  540. ]]
  541. var cols2 = [[
  542. { title: 'ID', align: 'center', type: 'numbers' },
  543. { field: 'userid', title: '用户ID' },
  544. { field: 'qi', title: '期数' },
  545. // { field: 'articleid', title: '文章编码' },
  546. { field: 'articlename', title: '文章名称' },
  547. { field: 'type_article', title: '文章类型', templet: function (res) {
  548. var str = '';
  549. switch (res['type_article']) {
  550. case 1:
  551. str = '免费文章';
  552. break;
  553. case 2:
  554. str = '购买文章'
  555. break;
  556. case 3:
  557. str = '保障贴'
  558. break;
  559. }
  560. return str
  561. }
  562. },
  563. {
  564. field: 'type_zb', title: '指标类型', templet: function (res) {
  565. if(res.type_article == 3) {
  566. var str = ''
  567. dstype.forEach((item,index) => {
  568. if(item.parentid == res['type_cz']) {
  569. str = dstype[index].datas[res['type_zb']]
  570. }
  571. })
  572. return str;
  573. }else{
  574. var str = ''
  575. cstype.forEach((item,index) => {
  576. if(item.parentid == res['type_cz']) {
  577. str = cstype[index].datas[res['type_zbfz']]
  578. }
  579. })
  580. return str;
  581. }
  582. }
  583. },
  584. { field: 'authorname', title: '作者名称' },
  585. { field: 'money', title: '金额' },
  586. { field: 'type_cz', title: '彩种类型', templet: function (res) {
  587. var str = '';
  588. switch (res['type_cz']) {
  589. case 1:
  590. str = '福彩3D';
  591. break;
  592. case 2:
  593. str = '排列三'
  594. break;
  595. case 3:
  596. str = '双色球'
  597. break;
  598. case 4:
  599. str = '大乐透'
  600. break;
  601. }
  602. return str
  603. }
  604. },
  605. {
  606. field: 'createtime', title: '创建时间', templet: function (res) {
  607. return formatDate(res.createtime)
  608. }
  609. },
  610. ]]
  611. var cols3 = [[
  612. { title: 'ID', align: 'center', type: 'numbers' },
  613. { field: 'userid', title: '用户ID' },
  614. { field: 'qi', title: '期数' },
  615. // { field: 'articleid', title: '文章编码' },
  616. { field: 'articlename', title: '文章名称' },
  617. // { field: 'authorid', title: '作者编码' },
  618. { field: 'authorname', title: '作者名称' },
  619. { field: 'money', title: '打赏金额' },
  620. {
  621. field: 'type', title: '打赏类型', templet: function (res) {
  622. var str = '';
  623. switch (res['type']) {
  624. case 1:
  625. str = '作者打赏';
  626. break;
  627. case 2:
  628. str = '文章打赏'
  629. break;
  630. case 3:
  631. str = '文章指标打赏'
  632. break;
  633. }
  634. return str
  635. }
  636. },
  637. {
  638. field: 'type_article', title: '文章类型', templet: function (res) {
  639. var str = '';
  640. switch (res['type_article']) {
  641. case 1:
  642. str = '免费文章';
  643. break;
  644. case 2:
  645. str = '购买文章'
  646. break;
  647. case 3:
  648. str = '保障贴'
  649. break;
  650. }
  651. return str
  652. }
  653. },
  654. {
  655. field: 'type_cz', title: '彩种类型', templet: function (res) {
  656. var str = '';
  657. switch (res['type_cz']) {
  658. case 1:
  659. str = '福彩3D';
  660. break;
  661. case 2:
  662. str = '排列三'
  663. break;
  664. case 3:
  665. str = '双色球'
  666. break;
  667. case 4:
  668. str = '大乐透'
  669. break;
  670. }
  671. return str
  672. }
  673. },
  674. {
  675. field: 'type_zb', title: '指标类型', templet: function (res) {
  676. var str = ''
  677. dstype.forEach((item,index) => {
  678. if(item.parentid == res['type_cz']) {
  679. str = dstype[index].datas[res['type_zb']]
  680. }
  681. })
  682. return str;
  683. }
  684. },
  685. {
  686. field: 'createtime', title: '创建时间', templet: function (res) {
  687. return formatDate(res.createtime)
  688. }
  689. },
  690. ]]
  691. tableRender(cols1) //默认初始化表格
  692. function tableRender(params) {
  693. table.render({
  694. elem: '#tables',
  695. // url: '', //获取数据的接口
  696. data: [
  697. {
  698. "qi": "2020085",
  699. "userid": 91,
  700. "articleid": 545,
  701. "articlename": "福彩sd085推荐",
  702. "authorid": 175,
  703. "authorname": "张翔测试99",
  704. "money": 4,
  705. "type_article": 2,
  706. "type_cz": 1,
  707. "type_zb": 0,
  708. "type_zbfz": 1,
  709. "id": 527,
  710. "createtime": "2020-05-13T02:01:00",
  711. "remark": null
  712. },
  713. {
  714. "qi": "2020085",
  715. "userid": 91,
  716. "articleid": 545,
  717. "articlename": "福彩sd085推荐",
  718. "authorid": 175,
  719. "authorname": "张翔测试99",
  720. "money": 4,
  721. "type_article": 2,
  722. "type_cz": 1,
  723. "type_zb": 0,
  724. "type_zbfz": 5,
  725. "id": 528,
  726. "createtime": "2020-05-13T02:01:00",
  727. "remark": null
  728. },
  729. {
  730. "qi": "2020085",
  731. "userid": 91,
  732. "articleid": 545,
  733. "articlename": "福彩sd085推荐",
  734. "authorid": 175,
  735. "authorname": "张翔测试99",
  736. "money": 6,
  737. "type_article": 2,
  738. "type_cz": 1,
  739. "type_zb": 0,
  740. "type_zbfz": 2,
  741. "id": 529,
  742. "createtime": "2020-05-13T02:01:00",
  743. "remark": null
  744. },
  745. {
  746. "qi": "2020085",
  747. "userid": 91,
  748. "articleid": 545,
  749. "articlename": "福彩sd085推荐",
  750. "authorid": 175,
  751. "authorname": "张翔测试99",
  752. "money": 2,
  753. "type_article": 2,
  754. "type_cz": 1,
  755. "type_zb": 0,
  756. "type_zbfz": 6,
  757. "id": 530,
  758. "createtime": "2020-05-13T02:01:00",
  759. "remark": null
  760. },
  761. {
  762. "qi": "2020085",
  763. "userid": 91,
  764. "articleid": 545,
  765. "articlename": "福彩sd085推荐",
  766. "authorid": 175,
  767. "authorname": "张翔测试99",
  768. "money": 4,
  769. "type_article": 2,
  770. "type_cz": 1,
  771. "type_zb": 0,
  772. "type_zbfz": 3,
  773. "id": 531,
  774. "createtime": "2020-05-13T02:01:00",
  775. "remark": null
  776. },
  777. {
  778. "qi": "2020085",
  779. "userid": 84,
  780. "articleid": 548,
  781. "articlename": "福彩sd085推荐",
  782. "authorid": 105,
  783. "authorname": "张翔测试30",
  784. "money": 4,
  785. "type_article": 2,
  786. "type_cz": 1,
  787. "type_zb": 0,
  788. "type_zbfz": 2,
  789. "id": 532,
  790. "createtime": "2020-05-13T02:01:00",
  791. "remark": null
  792. },
  793. {
  794. "qi": "2020084",
  795. "userid": 77,
  796. "articleid": 531,
  797. "articlename": "福彩sd084推荐",
  798. "authorid": 114,
  799. "authorname": "张翔测试39",
  800. "money": 2,
  801. "type_article": 3,
  802. "type_cz": 1,
  803. "type_zb": 2,
  804. "type_zbfz": 0,
  805. "id": 526,
  806. "createtime": "2020-05-12T16:11:21",
  807. "remark": null
  808. },
  809. {
  810. "qi": "2020084",
  811. "userid": 1,
  812. "articleid": 531,
  813. "articlename": "福彩sd084推荐",
  814. "authorid": 114,
  815. "authorname": "张翔测试39",
  816. "money": 2,
  817. "type_article": 3,
  818. "type_cz": 1,
  819. "type_zb": 1,
  820. "type_zbfz": 0,
  821. "id": 525,
  822. "createtime": "2020-05-12T11:31:56",
  823. "remark": null
  824. },
  825. {
  826. "qi": "2020081",
  827. "userid": 1,
  828. "articleid": 462,
  829. "articlename": "福彩sd081推荐",
  830. "authorid": 111,
  831. "authorname": "张翔测试36",
  832. "money": 2,
  833. "type_article": 3,
  834. "type_cz": 1,
  835. "type_zb": 1,
  836. "type_zbfz": 0,
  837. "id": 524,
  838. "createtime": "2020-05-12T11:26:30",
  839. "remark": null
  840. },
  841. {
  842. "qi": "2020036",
  843. "userid": 84,
  844. "articleid": 351,
  845. "articlename": "体彩大乐透036推荐",
  846. "authorid": 113,
  847. "authorname": "张翔测试38",
  848. "money": 5,
  849. "type_article": 2,
  850. "type_cz": 4,
  851. "type_zb": 0,
  852. "type_zbfz": 20,
  853. "id": 515,
  854. "createtime": "2020-05-12T02:08:00",
  855. "remark": null
  856. },
  857. {
  858. "qi": "2020036",
  859. "userid": 84,
  860. "articleid": 351,
  861. "articlename": "体彩大乐透036推荐",
  862. "authorid": 113,
  863. "authorname": "张翔测试38",
  864. "money": 2,
  865. "type_article": 2,
  866. "type_cz": 4,
  867. "type_zb": 0,
  868. "type_zbfz": 18,
  869. "id": 516,
  870. "createtime": "2020-05-12T02:08:00",
  871. "remark": null
  872. },
  873. {
  874. "qi": "2020036",
  875. "userid": 80,
  876. "articleid": 343,
  877. "articlename": "体彩大乐透036推荐",
  878. "authorid": 156,
  879. "authorname": "张翔测试80",
  880. "money": 3,
  881. "type_article": 2,
  882. "type_cz": 4,
  883. "type_zb": 0,
  884. "type_zbfz": 19,
  885. "id": 519,
  886. "createtime": "2020-05-12T02:08:00",
  887. "remark": null
  888. },
  889. {
  890. "qi": "2020036",
  891. "userid": 1,
  892. "articleid": 343,
  893. "articlename": "体彩大乐透036推荐",
  894. "authorid": 156,
  895. "authorname": "张翔测试80",
  896. "money": 4,
  897. "type_article": 2,
  898. "type_cz": 4,
  899. "type_zb": 0,
  900. "type_zbfz": 20,
  901. "id": 520,
  902. "createtime": "2020-05-12T02:08:00",
  903. "remark": null
  904. },
  905. {
  906. "qi": "2020036",
  907. "userid": 1,
  908. "articleid": 343,
  909. "articlename": "体彩大乐透036推荐",
  910. "authorid": 156,
  911. "authorname": "张翔测试80",
  912. "money": 5,
  913. "type_article": 2,
  914. "type_cz": 4,
  915. "type_zb": 0,
  916. "type_zbfz": 18,
  917. "id": 521,
  918. "createtime": "2020-05-12T02:08:00",
  919. "remark": null
  920. },
  921. {
  922. "qi": "2020036",
  923. "userid": 76,
  924. "articleid": 346,
  925. "articlename": "体彩大乐透036推荐",
  926. "authorid": 173,
  927. "authorname": "张翔测试97",
  928. "money": 2,
  929. "type_article": 2,
  930. "type_cz": 4,
  931. "type_zb": 0,
  932. "type_zbfz": 17,
  933. "id": 522,
  934. "createtime": "2020-05-12T02:08:00",
  935. "remark": null
  936. },
  937. {
  938. "qi": "2020036",
  939. "userid": 76,
  940. "articleid": 346,
  941. "articlename": "体彩大乐透036推荐",
  942. "authorid": 173,
  943. "authorname": "张翔测试97",
  944. "money": 2,
  945. "type_article": 2,
  946. "type_cz": 4,
  947. "type_zb": 0,
  948. "type_zbfz": 20,
  949. "id": 523,
  950. "createtime": "2020-05-12T02:08:00",
  951. "remark": null
  952. },
  953. {
  954. "qi": "2020036",
  955. "userid": 84,
  956. "articleid": 351,
  957. "articlename": "体彩大乐透036推荐",
  958. "authorid": 113,
  959. "authorname": "张翔测试38",
  960. "money": 5,
  961. "type_article": 2,
  962. "type_cz": 4,
  963. "type_zb": 0,
  964. "type_zbfz": 17,
  965. "id": 517,
  966. "createtime": "2020-05-12T02:08:00",
  967. "remark": null
  968. }
  969. ],
  970. title: '详细账单列表',
  971. cellMinWidth: 120,
  972. cols: params,
  973. page: true,
  974. limit:15,
  975. limits:[15,30,45,60,75,90,105],
  976. id: 'searchReload',
  977. height: 'full-221'
  978. })
  979. }
  980. $('#searchbtn').on('click', function(){
  981. var typed = $('input[name="type"]:checked').val() //打赏类型
  982. var userid = $.trim($('#restuserid').val());
  983. var qi = $.trim($('#restqi').val());
  984. var authorname = $.trim($('#restauthorname').val());
  985. var type_cz = $.trim($('#restcztype').val());
  986. var type = $.trim($('#resttype').val()); //打赏类型
  987. var type_article = $.trim($('#restarticle').val()); //文章类型
  988. var type_zb = $.trim($('#restzb').val()); //文章类型
  989. var type_article = $.trim($("#buyarticle").val())
  990. if(userid == '' && qi == '' && authorname == '' && type_cz == 0) {
  991. layer.msg("请输入查询条件", {icon: 5});
  992. return false
  993. }
  994. var obj = {
  995. typed:typed,
  996. userid:userid,
  997. qi:qi,
  998. authorname:authorname,
  999. type_cz:type_cz,
  1000. }
  1001. if(typed == 2) {
  1002. Object.assign(obj,{
  1003. type_zb:type_zb,
  1004. type_article:type_article
  1005. })
  1006. }
  1007. if(typed == 3) {
  1008. Object.assign(obj,{
  1009. type_cz:type_cz,
  1010. type:type,
  1011. type_article:type_article,
  1012. type_zb:type_zb
  1013. })
  1014. }
  1015. table.reload('searchReload', {
  1016. url:'',//查询返回的接口
  1017. page: {
  1018. curr: 1
  1019. },
  1020. where:obj
  1021. })
  1022. });
  1023. })
  1024. </script>
  1025. </body>
  1026. </html>