index.php 41 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785
  1. <?php
  2. /* @var $this \yii\web\View */
  3. /* @var $content string */
  4. use yii\helpers\Html;
  5. use yii\helpers\Url;
  6. /** @var \backend\models\MemberIdentity $identity */
  7. $identity = Yii::$app->getUser()->getIdentity(false);
  8. $this->title = '入金';
  9. ?>
  10. <?php $this->beginBlock('header_script'); ?>
  11. <link href="<?= STATIC_URL ?>/ui/css/plugins/dataTables/datatables.min.css" rel="stylesheet">
  12. <style>
  13. label.error {
  14. display: none !important;
  15. }
  16. #datatables,#datatables2 {
  17. width: 100% !important;
  18. }
  19. </style>
  20. <?php $this->endBlock(); ?>
  21. <div class="row">
  22. <div class="col-md-3">
  23. <?= $this->render('/common/_left_menu.php') ?>
  24. </div>
  25. <div class="col-md-9">
  26. <div class="tabs-container">
  27. <ul class="nav nav-tabs">
  28. <li class="active" style="background:none;">
  29. <a data-toggle="tab" href="#tab-1"><i class="fa fa-download"></i> 入金</a>
  30. </li>
  31. <li class="" style="background:none;">
  32. <a data-toggle="tab" href="#tab-2"><i class="fa fa-th"></i>入金记录</a>
  33. </li>
  34. </ul>
  35. <div class="tab-content">
  36. <div id="tab-1" class="tab-pane active">
  37. <div class="panel-body">
  38. <br><br><br><br>
  39. <?= Html::beginForm(['/user/pay/outpay'], 'post', ['id' => 'form1', 'target' => '_blank']) ?>
  40. <div class="row">
  41. <div class="col-sm-1"></div>
  42. <div class="col-sm-4">
  43. <div class="input-group">
  44. <span class="input-group-btn">
  45. <button type="button" class="btn btn-primary"><i class="fa fa-dollar"></i> 美元</button>
  46. </span>
  47. <input onkeyup="calculate()" id="usd" type="number" name="amount" class="form-control ">
  48. </div>
  49. </div>
  50. <div class="col-sm-2" style="text-align:center;">
  51. <div class="btn btn-default ">=</div>
  52. </div>
  53. <div class="col-sm-4">
  54. <div class="input-group">
  55. <span class="input-group-btn">
  56. <button type="button" class="btn btn-primary "><i class="fa fa-cny"></i> 人民币</button>
  57. </span>
  58. <input type="number" id="cny" class="form-control " readonly>
  59. </div>
  60. </div>
  61. <div class="col-sm-1"></div>
  62. </div>
  63. <br>
  64. <div class="row">
  65. <div class="col-sm-1"></div>
  66. <div class="col-sm-4">
  67. <div class="input-group">
  68. <span class="input-group-btn">
  69. <button type="button" class="btn btn-primary "><i class="fa fa-dollar"></i> 通道</button>
  70. </span>
  71. <select id="payMethod" name="payMethod" class="form-control ">
  72. <?php foreach ($payMethods as $payMethod) :?>
  73. <?php if($payMethod['name']!=='rengong'){?>
  74. <option value="<?= $payMethod['name'] ?>"><?= $payMethod['label'] ?></option>
  75. <?php }?>
  76. <?php endforeach;?>
  77. <?php foreach ($payMethods as $payMethod) :?>
  78. <?php if($payMethod['name']=='rengong'){?>
  79. <option value="<?= $payMethod['name'] ?>">转账通道</option>
  80. <?php }?>
  81. <?php endforeach;?>
  82. </select>
  83. </div>
  84. </div>
  85. <div class="col-sm-2" style="text-align:center;">
  86. </div>
  87. <div class="col-sm-4">
  88. <div class="input-group">
  89. <span class="input-group-btn">
  90. <button type="button" class="btn btn-primary"><i class="fa fa-user"></i> &nbsp;&nbsp;&nbsp;账户</button>
  91. </span>
  92. <select name="login" id="login" class="form-control ">
  93. <option value="">请选择</option>
  94. <?php foreach (explode(',', $identity->logins) as $login):?>
  95. <option value="<?= $login ?>"><?= $login ?></option>
  96. <?php endforeach;?>
  97. </select>
  98. </div>
  99. </div>
  100. <div class="col-sm-1"></div>
  101. </div>
  102. <div id="renren_bank_code" style="display: none">
  103. <br>
  104. <div class="row">
  105. <div class="col-sm-1"></div>
  106. <div class="col-sm-4">
  107. <div class="input-group">
  108. <span class="input-group-btn">
  109. <button type="button" class="btn btn-primary "><i class="fa fa-dollar"></i> 银行</button>
  110. </span>
  111. <select id="renrenBankCode" name="renrenBankCode" class="form-control ">
  112. <option value="">请选择</option>
  113. <option value="102">工商银行</option>
  114. <option value="103">农业银行</option>
  115. <option value="104">中国银行</option>
  116. <option value="105">建设银行</option>
  117. <option value="308">招商银行</option>
  118. <option value="301">交通银行</option>
  119. <option value="305">民生银行</option>
  120. <option value="302">中信银行</option>
  121. <option value="303">光大银行</option>
  122. <option value="309">兴业银行</option>
  123. <option value="4031000">北京银行</option>
  124. <option value="306">广发银行</option>
  125. <option value="304">华夏银行</option>
  126. <option value="403">邮储银行</option>
  127. <option value="310">浦发银行</option>
  128. <option value="4105840">平安银行</option>
  129. <option value="4012900">上海银行</option>
  130. <option value="4233310">杭州银行</option>
  131. <option value="316">浙商银行</option>
  132. <option value="4504520">青岛银行</option>
  133. <option value="4083320">宁波银行</option>
  134. <option value="4341100">天津银行</option>
  135. <option value="4478210">兰州银行</option>
  136. <option value="4243010">南京银行</option>
  137. <option value="4296510">成都银行</option>
  138. <option value="322">上海农商银行</option>
  139. <option value="4021000">北京农村商业银行</option>
  140. </select>
  141. </div>
  142. </div>
  143. <div class="col-sm-2" style="text-align:center;">
  144. </div>
  145. <div class="col-sm-1"></div>
  146. </div>
  147. </div>
  148. <br>
  149. <div id="sand_bank_code" style="display: none">
  150. <br>
  151. <div class="row">
  152. <div class="col-sm-1"></div>
  153. <div class="col-sm-4">
  154. <div class="input-group">
  155. <span class="input-group-btn">
  156. <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-dollar"></i> 银行</button>
  157. </span>
  158. <select id="sandBankCode" name="sandBankCode" class="form-control input-lg">
  159. <option value="">请选择</option>
  160. <option value="01020000" >工商银行</option>
  161. <option value="01050000" selected="selected">建设银行</option>
  162. <option value="01030000">农业银行</option>
  163. <option value="03010000">交通银行</option>
  164. <option value="01040000">中国银行</option>
  165. <option value="03030000">光大银行</option>
  166. <option value="03050000">民生银行</option>
  167. <option value="04031000">北京银行</option>
  168. <option value="03060000">广发银行</option>
  169. <option value="01000000">中国邮储银行</option>
  170. <!--<option value="03090000">兴业银行</option>
  171. <option value="03020000">中信银行</option>
  172. <option value="03080000">招商银行</option>
  173. <option value="03100000">浦发银行</option>
  174. <option value="03070000">平安银行</option>
  175. <option value="03040000">华夏银行</option>
  176. <option value="04083320">宁波银行</option>
  177. <option value="03200000">东亚银行</option>
  178. <option value="04012900">上海银行</option>
  179. <option value="04243010">南京银行</option>
  180. <option value="65012900">上海农商行</option>
  181. <option value="03170000">渤海银行</option>
  182. <option value="64296510">成都银行</option>
  183. <option value="64296511">徽商银行</option>
  184. <option value="04341101">天津银行</option>-->
  185. </select>
  186. </div>
  187. </div>
  188. <div class="col-sm-2" style="text-align:center;">
  189. </div>
  190. <div class="col-sm-1"></div>
  191. </div>
  192. </div>
  193. <div id="rtw_bank_code" style="display: none">
  194. <br>
  195. <div class="row">
  196. <div class="col-sm-1"></div>
  197. <div class="col-sm-4">
  198. <div class="input-group">
  199. <span class="input-group-btn">
  200. <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-dollar"></i> 银行</button>
  201. </span>
  202. <select id="rtwBankCode" name="rtwBankCode" class="form-control input-lg">
  203. <option value="">请选择</option>
  204. <option value="BOC" >中国银行</option>
  205. <option value="ICBC" >工商银行</option>
  206. <option value="CCB">建设银行</option>
  207. <option value="ABC">农业银行</option>
  208. <option value="COMM">交通银行</option>
  209. <option value="PSBC">邮储银行</option>
  210. <option value="CEB">光大银行</option>
  211. <option value="CMBC">民生银行</option>
  212. <option value="GDB">广发银行</option>
  213. <option value="CIB">兴业银行</option>
  214. <option value="CITIC">中信银行</option>
  215. <option value="CMB">招商银行</option>
  216. <option value="SPDB">浦发银行</option>
  217. <option value="PAB">平安银行</option>
  218. <option value="HXBANK">华夏银行</option>
  219. <option value="BJBANK">北京银行</option>
  220. <option value="SHBANK">上海银行</option>
  221. </select>
  222. </div>
  223. </div>
  224. <div class="col-sm-2" style="text-align:center;">
  225. </div>
  226. <div class="col-sm-1"></div>
  227. </div>
  228. </div>
  229. <div id="kexing_bank_code" style="display: none">
  230. <br>
  231. <div class="row">
  232. <div class="col-sm-1"></div>
  233. <div class="col-sm-4">
  234. <div class="input-group">
  235. <span class="input-group-btn">
  236. <button type="button" class="btn btn-primary btn-lg"><i class="fa fa-dollar"></i> 银行</button>
  237. </span>
  238. <select id="kexingBankCode" name="kexingBankCode" class="form-control input-lg">
  239. <option value="">请选择</option>
  240. <option value="BOC" >中国银行</option>
  241. <option value="ICBC" >工商银行</option>
  242. <option value="CCB">建设银行</option>
  243. <option value="ABC">农业银行</option>
  244. <option value="BOCM">交通银行</option>
  245. <option value="PSBC">邮储银行</option>
  246. <option value="CEBB">光大银行</option>
  247. <option value="CMBC">民生银行</option>
  248. <option value="GDB">广发银行</option>
  249. <option value="CIB">兴业银行</option>
  250. <option value="CNCB">中信银行</option>
  251. <option value="CMB">招商银行</option>
  252. <option value="SPDB">浦发银行</option>
  253. <option value="PAB">平安银行</option>
  254. <option value="HXB">华夏银行</option>
  255. <option value="BOB">北京银行</option>
  256. <option value="BOS">上海银行</option>
  257. <option value="GZCB">广州银行</option>
  258. </select>
  259. </div>
  260. </div>
  261. <div class="col-sm-2" style="text-align:center;">
  262. </div>
  263. <div class="col-sm-1"></div>
  264. </div>
  265. </div>
  266. <div id="yilai_bank_code" style="display: none">
  267. <br>
  268. <div class="row">
  269. <div class="col-sm-1"></div>
  270. <div class="col-sm-4">
  271. <div class="input-group">
  272. <span class="input-group-btn">
  273. <button type="button" class="btn btn-primary "><i class="fa fa-dollar"></i> 银行</button>
  274. </span>
  275. <select id="yilaiBankCode" name="yilaiBankCode" class="form-control ">
  276. <option value="">请选择</option>
  277. <option value="ICBC" >工商银行</option>
  278. <option value="ABC">农业银行</option>
  279. <option value="CCB">建设银行</option>
  280. <option value="BOC" >中国银行</option>
  281. <option value="BOCM">交通银行</option>
  282. <option value="CMB">招商银行</option>
  283. <option value="CMBC">民生银行</option>
  284. <option value="CIB">兴业银行</option>
  285. <option value="SPDB">浦发银行</option>
  286. <option value="HXB">华夏银行</option>
  287. <option value="ECITIC">中信银行</option>
  288. <option value="CEB">光大银行</option>
  289. <option value="GDB">广发银行</option>
  290. <option value="POST">邮储银行</option>
  291. <option value="PINGAN">平安银行</option>
  292. <option value="BOS">上海银行</option>
  293. <option value="CBHB">渤海银行</option>
  294. <option value="NB">宁波银行</option>
  295. <option value="BCCB">北京银行</option>
  296. </select>
  297. </div>
  298. </div>
  299. <div class="col-sm-2" style="text-align:center;">
  300. </div>
  301. <div class="col-sm-1"></div>
  302. </div>
  303. </div>
  304. <div id="yunfu_bank_code" style="display: none">
  305. <br>
  306. <div class="row">
  307. <div class="col-sm-1"></div>
  308. <div class="col-sm-4">
  309. <div class="input-group">
  310. <span class="input-group-btn">
  311. <button type="button" class="btn btn-primary "><i class="fa fa-dollar"></i> 银行</button>
  312. </span>
  313. <select id="yunfuBankCode" name="yunfuBankCode" class="form-control ">
  314. <option value="">请选择</option>
  315. <option value="ABC">农业银行</option>
  316. <option value="ICBC" >工商银行</option>
  317. <option value="CCB">建设银行</option>
  318. <option value="BCOM">交通银行</option>
  319. <option value="BOC" >中国银行</option>
  320. <option value="PSBC">邮储储蓄</option>
  321. <option value="PAB">平安银行</option>
  322. <option value="CMB">招商银行</option>
  323. <option value="CMBC">民生银行</option>
  324. <option value="CITIC">中信银行</option>
  325. <option value="CEBB">光大银行</option>
  326. <option value="HXB">华夏银行</option>
  327. <option value="CIB">兴业银行</option>
  328. <option value="SPDB">浦发银行</option>
  329. <option value="GDB">广发银行</option>
  330. <option value="BOB">北京银行</option>
  331. <option value="SHB">上海银行</option>
  332. </select>
  333. </div>
  334. </div>
  335. <div class="col-sm-2" style="text-align:center;">
  336. </div>
  337. <div class="col-sm-1"></div>
  338. </div>
  339. </div>
  340. <div id="fulinmen_bank_code" style="display: none">
  341. <br>
  342. <div class="row">
  343. <div class="col-sm-1"></div>
  344. <div class="col-sm-4">
  345. <div class="input-group">
  346. <span class="input-group-btn">
  347. <button type="button" class="btn btn-primary "><i class="fa fa-dollar"></i> 银行</button>
  348. </span>
  349. <select id="fulinmenBankCode" name="fulinmenBankCode" class="form-control ">
  350. <option value="">请选择</option>
  351. <option value="ICBC" >工商银行</option>
  352. <option value="ABC">农业银行</option>
  353. <option value="BOCSH" >中国银行</option>
  354. <option value="CCB">建设银行</option>
  355. <option value="CMB">招商银行</option>
  356. <option value="SPDB">浦发银行</option>
  357. <option value="GDB">广发银行</option>
  358. <option value="BOCOM">交通银行</option>
  359. <option value="PSBC">邮储储蓄</option>
  360. <option value="CNCB">中信银行</option>
  361. <option value="CMBC">民生银行</option>
  362. <option value="CEB">光大银行</option>
  363. <option value="HXB">华夏银行</option>
  364. <option value="CIB">兴业银行</option>
  365. <option value="BOS">上海银行</option>
  366. <option value="SRCB">上海农商</option>
  367. <option value="PAB">平安银行</option>
  368. <option value="BCCB">北京银行</option>
  369. </select>
  370. </div>
  371. </div>
  372. <div class="col-sm-2" style="text-align:center;">
  373. </div>
  374. <div class="col-sm-1"></div>
  375. </div>
  376. </div>
  377. <!-- <div id="lzf_bank_code" style="display: none">
  378. <br>
  379. <div class="row">
  380. <div class="col-sm-1"></div>
  381. <div class="col-sm-4">
  382. <div class="input-group">
  383. <span class="input-group-btn">
  384. <button type="button" class="btn btn-primary "><i class="fa fa-dollar"></i> 银行</button>
  385. </span>
  386. <select id="lzfBankCode" name="lzfBankCode" class="form-control ">
  387. <option value="">请选择</option>
  388. <option value="963">中国银行</option>
  389. <option value="967">工商银行</option>
  390. <option value="977">浦东发展银行</option>
  391. <option value="964">农业银行</option>
  392. <option value="970">招商银行</option>
  393. <option value="965">建设银行</option>
  394. <option value="972">兴业银行</option>
  395. <option value="985">广东发展银行</option>
  396. <option value="974">深圳发展银行</option>
  397. <option value="980">民生银行</option>
  398. <option value="986">光大银行</option>
  399. <option value="962">中信银行</option>
  400. <option value="981">交通银行</option>
  401. <option value="982">华夏银行</option>
  402. <option value="900">宁波银行</option>
  403. <option value="978">平安银行</option>
  404. <option value="975">上海银行</option>
  405. <option value="979">南京银行</option>
  406. <option value="988">渤海银行</option>
  407. <option value="987">东亚银行</option>
  408. <option value="989">北京银行</option>
  409. <option value="969">浙江稠州商业银行</option>
  410. <option value="990">北京农村商业银行</option>
  411. <option value="971">中国邮政储蓄银行</option>
  412. </select>
  413. </div>
  414. </div>
  415. <div class="col-sm-2" style="text-align:center;">
  416. </div>
  417. <div class="col-sm-1"></div>
  418. </div>
  419. </div> -->
  420. <br>
  421. <div class="row">
  422. <div class="col-sm-1"></div>
  423. <div class="col-sm-10">
  424. <table class="table invoice-total">
  425. <tbody>
  426. <tr>
  427. <td><strong>账户 :</strong></td>
  428. <td id="loginTd"></td>
  429. </tr>
  430. <tr>
  431. <td><strong>汇率 :</strong></td>
  432. <td><?= isset($rate['sellRate']) ? $rate['sellRate'] : 0 ?></td>
  433. </tr>
  434. <tr>
  435. <td><strong>合计 :</strong></td>
  436. <td id="amount">¥0</td>
  437. </tr>
  438. </tbody>
  439. </table>
  440. <div class="text-right">
  441. <button type="submit" class="btn btn-danger"><i class="fa fa-cny"></i> 马上支付
  442. </button>
  443. </div>
  444. <div class="well m-t"><strong>友情提示:</strong>
  445. 银联入金,1个工作日到账。
  446. </div>
  447. </div>
  448. <div class="col-sm-1"></div>
  449. </div>
  450. <?= Html::endForm() ?>
  451. <br><br>
  452. </div>
  453. </div>
  454. <div id="tab-2" class="tab-pane">
  455. <div class="panel-body">
  456. <div class="table-responsive" style="margin:30px 10px 0px 10px;">
  457. <table id="datatables"
  458. class="table table-striped table-bordered table-hover">
  459. <thead>
  460. <tr>
  461. <th>ID</th>
  462. <th>状态</th>
  463. <th>金额</th>
  464. <th>账户</th>
  465. <th>入金时间</th>
  466. </tr>
  467. </thead>
  468. </table>
  469. </div>
  470. </div>
  471. </div>
  472. </div>
  473. </div>
  474. </div>
  475. </div>
  476. <?php $this->beginBlock('footer_script'); ?>
  477. <script src="<?= STATIC_URL ?>/ui/js/plugins/dataTables/datatables.min.js"></script>
  478. <script src="<?= STATIC_URL ?>/ui/js/plugins/validate/messages.cn.js"></script>
  479. <script>
  480. $('#login').change(function () {
  481. var v = $(this).val();
  482. $('#loginTd').html(v)
  483. });
  484. function calculate() {
  485. var usd = parseFloat($('#usd').val());
  486. var money = isNaN(usd) ? 0 : (usd * <?= isset($rate['sellRate']) ? $rate['sellRate'] : 0 ?>).toFixed(2)
  487. $('#cny').val(money);
  488. $('#amount').html('¥' + money)
  489. }
  490. var changeBank = function () {
  491. var payMethod = $("#payMethod").val();
  492. if (payMethod == 'renren') {
  493. $("#renren_bank_code").attr("style", "display:block");
  494. } else {
  495. $("#renren_bank_code").attr("style", "display:none");
  496. }
  497. if (payMethod == 'sand') {
  498. $("#sand_bank_code").attr("style", "display:block");
  499. } else {
  500. $("#sand_bank_code").attr("style", "display:none");
  501. }
  502. if (payMethod == 'kexing') {
  503. $("#kexing_bank_code").attr("style", "display:block");
  504. } else {
  505. $("#kexing_bank_code").attr("style", "display:none");
  506. }
  507. if (payMethod == 'rtw') {
  508. $("#rtw_bank_code").attr("style", "display:block");
  509. } else {
  510. $("#rtw_bank_code").attr("style", "display:none");
  511. }
  512. if (payMethod == 'yilai') {
  513. $("#yilai_bank_code").attr("style", "display:block");
  514. } else {
  515. $("#yilai_bank_code").attr("style", "display:none");
  516. }
  517. if (payMethod == 'yunfu') {
  518. $("#yunfu_bank_code").attr("style", "display:block");
  519. } else {
  520. $("#yunfu_bank_code").attr("style", "display:none");
  521. }
  522. if (payMethod == 'fulinmen') {
  523. $("#fulinmen_bank_code").attr("style", "display:block");
  524. } else {
  525. $("#fulinmen_bank_code").attr("style", "display:none");
  526. }
  527. // if (payMethod == 'lzf') {
  528. // $("#lzf_bank_code").attr("style", "display:block");
  529. // } else {
  530. // $("#lzf_bank_code").attr("style", "display:none");
  531. // }
  532. }
  533. changeBank()
  534. $("#payMethod").on("change", changeBank);
  535. var table,table2;
  536. $(document).ready(function () {
  537. $('#form1').validate({
  538. rules: {
  539. 'amount': {
  540. required: true,
  541. //min:500,
  542. },
  543. 'login': {
  544. required: true
  545. },
  546. "bankCode": {
  547. required: true
  548. },
  549. "huayinBankCode": {
  550. required: true
  551. },
  552. "aotuBankCode": {
  553. required: true
  554. },
  555. "balpalBankCode": {
  556. required: true
  557. },
  558. "rtwBankCode": {
  559. required: true
  560. }
  561. },
  562. /*messages:{
  563. amount:{
  564. min:"最小入金500美金!",
  565. },
  566. }, */
  567. /* 重写错误显示消息方法 */
  568. showErrors: function(errorMap, errorList) {
  569. var msg = "";
  570. $.each( errorList, function(i,v){
  571. msg += (v.message+"\r\n");
  572. });
  573. if(msg!="") {
  574. toastr.error(msg, "提示");
  575. }
  576. },
  577. onfocusout: false,
  578. onclick:false,
  579. onkeyup:false,
  580. });
  581. table = $('#datatables').DataTable({
  582. 'aLengthMenu': [[20, 50, 100, 500, 999999999], [20, 50, 100, 500, 'ALL']],
  583. language: {
  584. 'sProcessing': '处理中...',
  585. 'sLengthMenu': '显示 _MENU_ 项结果',
  586. 'sZeroRecords': '没有匹配结果',
  587. 'sInfo': '显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项',
  588. 'sInfoEmpty': '显示第 0 至 0 项结果,共 0 项',
  589. 'sInfoFiltered': '(由 _MAX_ 项结果过滤)',
  590. 'sInfoPostFix': '',
  591. 'sSearch': '搜索:',
  592. 'sUrl': '',
  593. 'sEmptyTable': '表中数据为空',
  594. 'sLoadingRecords': '载入中...',
  595. 'sInfoThousands': ',',
  596. 'oPaginate': {
  597. 'sFirst': '首页',
  598. 'sPrevious': '上页',
  599. 'sNext': '下页',
  600. 'sLast': '末页'
  601. },
  602. 'oAria': {
  603. 'sSortAscending': ': 以升序排列此列',
  604. 'sSortDescending': ': 以降序排列此列'
  605. }
  606. },
  607. 'processing': true,
  608. 'serverSide': true,
  609. 'ajax': '<?= Url::to(['ajax']) ?>',
  610. 'order': [[0, 'desc']],
  611. 'columns': [{
  612. 'data': 'id'
  613. }, {
  614. 'data': 'type'
  615. }, {
  616. 'data': 'amount'
  617. }, {
  618. 'data': 'login'
  619. }, {
  620. 'data': 'in_time'
  621. }],
  622. columnDefs: [{
  623. targets: 1,
  624. render: function (data, type, row, meta) {
  625. if (data == 0) {
  626. return '<span class="label label-danger">等待</span>'
  627. } else if (data == 1) {
  628. return '<span class="label label-primary">成功</span>'
  629. }
  630. },
  631. 'orderable': true
  632. }, {
  633. targets: 4,
  634. render: function (data, type, row, meta) {
  635. if (data != 0) {
  636. return timeStamp2String(data)
  637. } else {
  638. return ''
  639. }
  640. },
  641. 'orderable': true
  642. }],
  643. 'sPaginationType': 'full_numbers',
  644. dom: '<"html5buttons"B>lTfgitp',
  645. buttons: [{
  646. extend: 'copy'
  647. },
  648. {
  649. extend: 'csv'
  650. },
  651. {
  652. extend: 'excel'
  653. },
  654. {
  655. extend: 'pdf'
  656. },
  657. {
  658. extend: 'print',
  659. customize: function (win) {
  660. $(win.document.body).addClass('white-bg');
  661. $(win.document.body).css('font-size', '10px');
  662. $(win.document.body).find('table').addClass('compact').css('font-size', 'inherit')
  663. }
  664. }]
  665. });
  666. table2 = $('#datatables2').DataTable({
  667. 'aLengthMenu': [[20, 50, 100, 500, 999999999], [20, 50, 100, 500, 'ALL']],
  668. language: {
  669. 'sProcessing': '处理中...',
  670. 'sLengthMenu': '显示 _MENU_ 项结果',
  671. 'sZeroRecords': '没有匹配结果',
  672. 'sInfo': '显示第 _START_ 至 _END_ 项结果,共 _TOTAL_ 项',
  673. 'sInfoEmpty': '显示第 0 至 0 项结果,共 0 项',
  674. 'sInfoFiltered': '(由 _MAX_ 项结果过滤)',
  675. 'sInfoPostFix': '',
  676. 'sSearch': '搜索:',
  677. 'sUrl': '',
  678. 'sEmptyTable': '表中数据为空',
  679. 'sLoadingRecords': '载入中...',
  680. 'sInfoThousands': ',',
  681. 'oPaginate': {
  682. 'sFirst': '首页',
  683. 'sPrevious': '上页',
  684. 'sNext': '下页',
  685. 'sLast': '末页'
  686. },
  687. 'oAria': {
  688. 'sSortAscending': ': 以升序排列此列',
  689. 'sSortDescending': ': 以降序排列此列'
  690. }
  691. },
  692. 'processing': true,
  693. 'serverSide': true,
  694. 'ajax': '<?= Url::to(['ssac-ajax']) ?>',
  695. 'order': [[0, 'desc']],
  696. 'columns': [{
  697. 'data': 'id'
  698. }, {
  699. 'data': 'type'
  700. }, {
  701. 'data': 'amount'
  702. }, {
  703. 'data': 'login'
  704. }, {
  705. 'data': 'in_time'
  706. }],
  707. columnDefs: [{
  708. targets: 1,
  709. render: function (data, type, row, meta) {
  710. if (data == 0) {
  711. return '<span class="label label-danger">等待</span>'
  712. } else if (data == 1) {
  713. return '<span class="label label-primary">成功</span>'
  714. }
  715. },
  716. 'orderable': true
  717. }, {
  718. targets: 4,
  719. render: function (data, type, row, meta) {
  720. if (data != 0) {
  721. return timeStamp2String(data)
  722. } else {
  723. return ''
  724. }
  725. },
  726. 'orderable': true
  727. }],
  728. 'sPaginationType': 'full_numbers',
  729. dom: '<"html5buttons"B>lTfgitp',
  730. buttons: [{
  731. extend: 'copy'
  732. },
  733. {
  734. extend: 'csv'
  735. },
  736. {
  737. extend: 'excel'
  738. },
  739. {
  740. extend: 'pdf'
  741. },
  742. {
  743. extend: 'print',
  744. customize: function (win) {
  745. $(win.document.body).addClass('white-bg');
  746. $(win.document.body).css('font-size', '10px');
  747. $(win.document.body).find('table').addClass('compact').css('font-size', 'inherit')
  748. }
  749. }]
  750. });
  751. $('#datatables tbody,#datatables2 tbody').on('click', 'tr',
  752. function () {
  753. if ($(this).hasClass('selected')) {
  754. $(this).removeClass('selected')
  755. } else {
  756. table.$('tr.selected').removeClass('selected');
  757. $(this).addClass('selected')
  758. }
  759. })
  760. })
  761. </script>
  762. <?php $this->endBlock(); ?>