index.blade.php 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport"
  6. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  7. <meta name="renderer" content="webkit">
  8. <meta name="renderer" content="ie-comp">
  9. <meta name="renderer" content="ie-stand">
  10. <meta name="csrf-token" content="{{ csrf_token() }}">
  11. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  12. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  13. <title>layui在线调试</title>
  14. <link rel="stylesheet" href="{{ asset('frame/layui/css/layui.css') }}" media="all">
  15. <style>
  16. body {
  17. margin: 10px;
  18. }
  19. .demo {
  20. text-align: center;
  21. line-height: 40px;
  22. }
  23. .demo p {
  24. border: 1px solid #000000;
  25. padding: 5px 5px;
  26. }
  27. .demo input {
  28. width: 90%;
  29. height: 30px;
  30. }
  31. .tit {
  32. font-size: 18px;
  33. /*font-weight: bold;*/
  34. }
  35. .odds p {
  36. font-size: 0.6rem;
  37. }
  38. .menu {
  39. position: fixed;
  40. left: 0px;
  41. top: 20px;
  42. height: 500px;
  43. overflow: auto;
  44. }
  45. .top {
  46. height: 40px;
  47. line-height: 40px;
  48. padding: 0px 5px;
  49. font-size: 22px;
  50. position: fixed;
  51. right: 0px;
  52. top: 50%;
  53. background: #e2e2e2;
  54. }
  55. .game {
  56. text-align: center;
  57. margin-bottom: 15px;
  58. }
  59. .oneKey .layui-form-item .layui-input-inline {
  60. width: 100px;
  61. }
  62. .menu {
  63. width: 140px;
  64. }
  65. .text {
  66. width: 88%;
  67. }
  68. </style>
  69. </head>
  70. <body>
  71. <div class="layui-row">
  72. @if($data['game']=='diceone')
  73. <div class="layui-col-sm1 layui-col-md1 menu">
  74. <!-- tree -->
  75. <ul id="tree" class="tree-table-tree-box"></ul>
  76. </div>
  77. @endif
  78. <div class="layui-col-sm11 layui-col-md11 text" style="float: right;">
  79. <h1 class="game">{{$data['name']}}</h1>
  80. <input type="hidden" name="game" id="game" value="{{$data['game']}}">
  81. <div class="oneKey"></div>
  82. <div class="demo"></div>
  83. <p style="margin-top: 20px">
  84. <button class="layui-btn layui-btn-normal save" gamename="xy28">保存</button>
  85. </p>
  86. </div>
  87. <a href="javaScript:;" class="top">TOP</a>
  88. </div>
  89. <script type="text/javascript" src="/frame/layui/layui.js"></script>
  90. <script src="<?php echo e(URL::asset('admin/js/jquery-1.11.3.js')); ?>" charset="utf-8"></script>
  91. <script>
  92. layui.config({
  93. version: '1511795639295' //为了更新 js 缓存,可忽略
  94. });
  95. $.ajaxSetup({
  96. headers: {
  97. 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
  98. }
  99. });
  100. // 返回顶部
  101. $(document).on('click', '.top', function () {
  102. $('body,html').animate({scrollTop: '0px'}, 'show');
  103. });
  104. function odds(data) {
  105. $.ajax({
  106. type: 'get',
  107. url: '/admin/game/getSettings',
  108. data: data,
  109. dataType: 'json',
  110. success: function (json) {
  111. var str = '';
  112. var html = '';
  113. for (var i in json.data) {
  114. if (i === 'parent') {
  115. var Onekey = json.data[i];
  116. html += '<div class=" ' + i + '" gametype="' + i + '">'
  117. for (var t = 0; t < Onekey.length; t++) {
  118. html += '<div class="layui-form-item odds" name="' + Onekey[t].name + '">';
  119. var allType = Onekey[t].settings;
  120. html += '<label class="layui-form-label">' + json.data.lang[Onekey[t].name] + '</label>';
  121. for (var r in allType) {
  122. if (r === 'multiple') {
  123. html += '<div class="layui-inline ' + r + '" settings=' + r + '>';
  124. for (var d in allType[r]) {
  125. html += '<label class="layui-form-label">' + json.data.lang[d] + '</label>';
  126. html += '<div class="layui-input-inline">';
  127. html += '<input type="text" name="' + d + '" value="' + allType[r][d] + '" class="layui-input">';
  128. html += '</div>';
  129. }
  130. html += '</div>';
  131. } else {
  132. html += '<div class="layui-inline ' + r + '" settings=' + r + '>';
  133. html += '<label class="layui-form-label">' + json.data.lang[r] + '</label>';
  134. html += '<div class="layui-input-inline">';
  135. html += '<input type="text" name="' + r + '" value="' + allType[r] + '" class="layui-input">';
  136. html += '</div>';
  137. html += '</div>';
  138. }
  139. }
  140. html += '<div class="layui-inline">';
  141. html += '<button class="layui-btn voluation" gameDataType=' + Onekey[t].name + '>一键修改</button>';
  142. html += ' </div>';
  143. html += ' </div>';
  144. }
  145. html += '</div>';
  146. } else if (i === 'lang') {
  147. } else {
  148. var data = json.data[i];
  149. str += '<fieldset class="layui-elem-field layui-field-title " style="margin-top: 30px;">';
  150. str += '<legend>' + json.data.lang[i] + '</legend>';
  151. str += '</fieldset>';
  152. str += '<ul class="layui-row layui-col-space5 ' + i + '" gametype="' + i + '">';
  153. for (var n = 0; n < data.length; n++) {
  154. var current = data[n];
  155. str += '<li class="layui-col-md2">';
  156. str += '<p class="tit layui-bg-gray">' + json.data.lang[current.name] + '</p>';
  157. str += '<div class="odds ' + current.name + '" name="' + current.name + '">';
  158. for (var x in current.settings) {
  159. var judge = current.settings;
  160. if (x == 'cost') {
  161. str += '<div class="layui-row ' + x + '" settings=' + x + '>';
  162. for (var h = 0; h < judge.cost.length; h++) {
  163. var section = judge.cost[h];
  164. str += '<p class="layui-col-xs6">' + section.max + '-' + section.min + '</p>';
  165. str += '<p class="layui-col-xs6">';
  166. str += '<input min="' + section.min + '" max="' + section.max + '" name="' + current.name + '" value="' + section.multiple + '"/>';
  167. str += '</p>';
  168. }
  169. str += '</div>';
  170. } else if (x == 'multiple') {
  171. str += '<div class="layui-row ' + x + '" settings=' + x + '>';
  172. for (var l in judge.multiple) {
  173. str += '<p class="layui-col-xs6">' + json.data.lang[l] + '</p>';
  174. str += '<p class="layui-col-xs6">';
  175. str += '<input name="' + l + '" value="' + judge.multiple[l] + '"/>'
  176. str += '</p>';
  177. }
  178. str += '</div>';
  179. } else {
  180. str += '<div class="layui-row ' + x + '"settings=' + x + '>';
  181. str += '<p class="layui-col-xs6">' + json.data.lang[x] + '</p>';
  182. str += '<p class="layui-col-xs6">';
  183. str += '<input name="' + x + '" value="' + judge[x] + '"/>';
  184. str += '</p>';
  185. str += '</div>';
  186. }
  187. }
  188. str += '</div>';
  189. str += '</li>';
  190. }
  191. str += '</ul>';
  192. }
  193. }
  194. $('.demo').html(str);
  195. $('.oneKey').html(html);
  196. },
  197. error: function () {
  198. }
  199. });
  200. }
  201. var game=$('#game').val();
  202. var obj={game: 'xy28'};
  203. if(game==''){
  204. obj={game: 'xy28'};
  205. }else{
  206. var str='{"game": "'+game+'"}';
  207. obj=JSON.parse(str);
  208. }
  209. console.log(obj);
  210. odds(obj);
  211. layui.use(['tree', 'layer'], function () {
  212. // var laydate = layui.laydate //日期
  213. // , laypage = layui.laypage //分页
  214. var layer = layui.layer //弹层
  215. // , table = layui.table //表格
  216. var menu = [];
  217. $.ajax({
  218. type: 'get',
  219. url: '/admin/DiceOdd/GameList',
  220. data: {},
  221. dataType: 'json',
  222. async: false,
  223. success: function (json) {
  224. menu = json;
  225. }
  226. });
  227. layui.tree({
  228. elem: '#tree' //传入元素选择器
  229. , click: function (item) { //点击节点回调
  230. //layer.msg('当前节名称:' + item.id);
  231. // 加载中...
  232. var loadIndex = layer.load(2, {shade: true});
  233. odds({game: item.gameCode, id: item.id});
  234. $('.game').text(item.name);
  235. $('.save').attr('gamename', item.gameCode)
  236. // 关闭加载
  237. layer.close(loadIndex);
  238. }
  239. , nodes: menu.data
  240. });
  241. });
  242. $(function () {
  243. var height = document.documentElement.clientHeight;
  244. $('.menu').css({height: (height - 30)});
  245. //一键修改
  246. $(document).on('click', '.voluation', function () {
  247. layer.prompt({
  248. title: '二级密码',
  249. formType: 1,
  250. },function(value, index, elem){
  251. //alert(value); //得到value
  252. var obj = {};
  253. var n = $("*[gametype]");
  254. var game = $('.save').attr('gamename');
  255. $(n).each(function () {
  256. var gameType = $(this).attr('gametype');
  257. obj[gameType] = []
  258. var oneData = $(this).find('.odds');
  259. $(oneData).each(function () {
  260. var data = {};
  261. var name = $(this).attr('name');
  262. data.name = name;
  263. var backs = $(this).find('.back').find('input[name=back]').val();
  264. data.settings = {};
  265. var n = {}
  266. if (backs !== undefined) {
  267. n.back = backs;
  268. }
  269. // n.multiple = {}
  270. var c = {}
  271. $(this).find('.multiple').find('input').each(function () {
  272. var na = $(this).attr('name');
  273. var val = $(this).val();
  274. c[na] = val;
  275. });
  276. var cost = [];
  277. $(this).find('.cost').find('input').each(function () {
  278. var min = $(this).attr('min');
  279. var max = $(this).attr('max');
  280. var val = $(this).val();
  281. var f = {
  282. min: min,
  283. max: max,
  284. multiple: val
  285. }
  286. cost.push(f)
  287. });
  288. n.multiple = c;
  289. data.settings = n;
  290. if (cost.length !== 0) {
  291. data.settings['cost'] = cost;
  292. } else {
  293. }
  294. obj[gameType].push(data)
  295. });
  296. });
  297. $.ajax({
  298. type: 'POST',
  299. url: '/admin/game/setSettings?game=' + game,
  300. data: {password:value,data: obj},
  301. dataType: 'json',
  302. success: function (json) {
  303. if (json.status === 1) {
  304. layer.open({
  305. title: '系统提示',
  306. type: 0,
  307. id: 'layerDemo',
  308. btnAlign: 'c',//按钮居中
  309. content: '<div style="padding: 20px 100px;font-size: 22px;">' + json.msg + '</div>'
  310. });
  311. } else {
  312. layer.msg(json.msg)
  313. }
  314. }
  315. });
  316. layer.close(index);
  317. });
  318. })
  319. $(document).on('click', '.save', function () {
  320. layer.prompt({
  321. title: '二级密码',
  322. formType: 1,
  323. },function(value, index, elem){
  324. //alert(value); //得到value
  325. var obj = {};
  326. var n = $("*[gametype]");
  327. var game = $('.save').attr('gamename');
  328. $(n).each(function () {
  329. var gameType = $(this).attr('gametype');
  330. obj[gameType] = []
  331. var oneData = $(this).find('.odds');
  332. $(oneData).each(function () {
  333. var data = {};
  334. var name = $(this).attr('name');
  335. data.name = name;
  336. var backs = $(this).find('.back').find('input[name=back]').val();
  337. data.settings = {};
  338. var n = {}
  339. if (backs !== undefined) {
  340. n.back = backs;
  341. }
  342. // n.multiple = {}
  343. var c = {}
  344. $(this).find('.multiple').find('input').each(function () {
  345. var na = $(this).attr('name');
  346. var val = $(this).val();
  347. c[na] = val;
  348. });
  349. var cost = [];
  350. $(this).find('.cost').find('input').each(function () {
  351. var min = $(this).attr('min');
  352. var max = $(this).attr('max');
  353. var val = $(this).val();
  354. var f = {
  355. min: min,
  356. max: max,
  357. multiple: val
  358. }
  359. cost.push(f)
  360. });
  361. n.multiple = c;
  362. data.settings = n;
  363. if (cost.length !== 0) {
  364. data.settings['cost'] = cost;
  365. } else {
  366. }
  367. obj[gameType].push(data)
  368. });
  369. });
  370. $.ajax({
  371. type: 'POST',
  372. url: '/admin/game/setSettingsOne?game=' + game,
  373. data: {password:value,data: obj},
  374. dataType: 'json',
  375. success: function (json) {
  376. if (json.status === 1) {
  377. layer.open({
  378. title: '系统提示',
  379. type: 0,
  380. id: 'layerDemo',
  381. btnAlign: 'c',//按钮居中
  382. content: '<div style="padding: 20px 100px;font-size: 22px;">' + json.msg + '</div>'
  383. });
  384. } else {
  385. layer.msg(json.msg)
  386. }
  387. }
  388. });
  389. layer.close(index);
  390. });
  391. })
  392. });
  393. </script>
  394. </body>
  395. </html>