demo.blade.php 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  1. @extends('layout')
  2. @section('header')
  3. <style type="text/css" media="screen">
  4. #editor {
  5. position: absolute;
  6. top: 0;
  7. right: 0;
  8. bottom: 0;
  9. left: 0;
  10. }
  11. </style>
  12. @endsection
  13. @section('content')
  14. <body class="gray-bg">
  15. <div class="wrapper wrapper-content animated fadeInRight">
  16. <div class="row">
  17. <div class="col-sm-12">
  18. <div class="ibox float-e-margins">
  19. <div class="ibox-title"></div>
  20. <div class="ibox-content">
  21. {{--<form class="row" id="searchForm">--}}
  22. {{--<div class="col-sm-3">--}}
  23. {{--<div class="input-group">--}}
  24. {{--<input type="text" placeholder="请输入关键词" class="input-md form-control" name="keyWord"--}}
  25. {{--id="keyWord">--}}
  26. {{--<span--}}
  27. {{--class="input-group-btn">--}}
  28. {{--<button type="button" class="btn btn-md btn-primary"--}}
  29. {{--onclick="refresh()"> 搜索</button>--}}
  30. {{--<button type="reset" class="btn btn-md btn-primary" style="margin-left: 10px"--}}
  31. {{--name="resetBtn"> 重置</button> </span>--}}
  32. {{--</div>--}}
  33. {{--</div>--}}
  34. {{--<div class="col-sm-2 pull-right" style="text-align: right">--}}
  35. {{--<button type="button" class="btn btn-md btn-primary" id="addBtn"> 添加</button>--}}
  36. {{--</div>--}}
  37. {{--</form>--}}
  38. <div class="table-responsive">
  39. <div id="editor" style="height: 500px;"></div>
  40. {{--<table id="table" class="table table-striped" data-mobile-responsive="true"></table>--}}
  41. </div>
  42. </div>
  43. </div>
  44. </div>
  45. </div>
  46. </div>
  47. </body>
  48. @endsection
  49. @section('footer')
  50. <script src="{{asset('js/plugins/ace-builds-master/src-noconflict/ace.js')}}" type="text/javascript" charset="utf-8"></script>
  51. <script>
  52. document.getElementById('editor').style.fontSize='14px';
  53. var editor = ace.edit("editor");
  54. editor.setTheme("ace/theme/dracula");
  55. editor.session.setMode("ace/mode/php");
  56. editor.setOptions({
  57. autoScrollEditorIntoView: true,
  58. copyWithEmptySelection: true
  59. });
  60. editor.setHighlightActiveLine(true);
  61. editor.insert('123');
  62. console.log(editor.getValue());
  63. </script>
  64. {{--<script>--}}
  65. {{--var config = {};--}}
  66. {{--config.url = '/demo/table-list';--}}
  67. {{--config.columns = [ //字段--}}
  68. {{--{title: '序号', field: 'Id', align: 'center', valign: 'middle'},--}}
  69. {{--{title: '订单号', field: 'rule', align: 'center', valign: 'middle'},--}}
  70. {{--{title: '商品名', field: 'title', align: 'center', valign: 'middle'},--}}
  71. {{--{title: '创建时间', field: 'CreatedAt', align: 'center', valign: 'middle'},--}}
  72. {{--{--}}
  73. {{--title: '操作', field: 'Id', align: 'center', valign: 'middle',--}}
  74. {{--formatter: function (value) {--}}
  75. {{--return (--}}
  76. {{--'<a href="javascript: void(0);" onclick="units.modify(this,' + value + ')">详情</a>'--}}
  77. {{--);--}}
  78. {{--}--}}
  79. {{--}--}}
  80. {{--];--}}
  81. {{--tips.bootstrapTable(config);--}}
  82. {{--var layerIndex;--}}
  83. {{--$(document).on('click', '#addBtn', function () {--}}
  84. {{--layerIndex = layer.open({--}}
  85. {{--type: 2,--}}
  86. {{--title: '添加商品分类',--}}
  87. {{--area: ['90%', '90%'],--}}
  88. {{--content: '/admin/product/edit'--}}
  89. {{--});--}}
  90. {{--});--}}
  91. {{--var units = {--}}
  92. {{--modify: function (_this, id) {--}}
  93. {{--var temp = $(_this).parent().prev();--}}
  94. {{--layerIndex = layer.open({--}}
  95. {{--type: 1,--}}
  96. {{--title: '修改商品分类',--}}
  97. {{--area: ['40%', '40%'],--}}
  98. {{--content: units.buildHtml(temp.prev().prev().text()),--}}
  99. {{--success: function () {--}}
  100. {{--var srcAddr = temp.prev().find('img').attr('src');--}}
  101. {{--if (srcAddr) {--}}
  102. {{--var imgView = $("#imgView");--}}
  103. {{--imgView.css('display', '');--}}
  104. {{--imgView.find("img").attr('src', srcAddr);--}}
  105. {{--}--}}
  106. {{--$("#addYes").data('id', id);--}}
  107. {{--}--}}
  108. {{--});--}}
  109. {{--}--}}
  110. {{--};--}}
  111. {{--</script>--}}
  112. @endsection