odds.blade.php 17 KB

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