tablemb.html 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <div class="bjui-pageContent">
  2. <div class="row" style="margin-right: 0px;">
  3. <div class="col-xs-12 col-md-12">
  4. <form action="__APP__/Home/Index/home" class="pageForm" data-toggle="validate">
  5. <div class="bjui-pageHeader">
  6. <h4 >我的便签、记事本 <span><button type="submit" class="btn-default" data-icon="save" >保存</button></span> </h4>
  7. </div>
  8. <hr style="margin: 12px 0 0px;">
  9. <div class="row-input">
  10. <textarea class="form-control" style="height:120px; line-height:20px;" name="bian" >{$bian}</textarea>
  11. </div>
  12. </form>
  13. </div>
  14. </div>
  15. <hr style="margin: 12px 0 0px;">
  16. <!-- <div class="col-xs-6 col-md-6">
  17. <div class="panel panel-default">
  18. <div class="bjui-pageHeader">
  19. <h3 class="panel-title">
  20. <i class="fa fa-pencil-square-o"></i> 我的任务
  21. <a href="{:U('mytask/index')}" data-toggle="navtab" data-id="{:U('mytask/index')}" data-title="我的任务">详细</a>
  22. </h3>
  23. </div>
  24. <div style="min-height:185px">
  25. <table class="table table-bordered table-striped table-hover">
  26. <thead>
  27. <tr>
  28. <th height=30>开始时间</th>
  29. <th>结束时间</th>
  30. <th>任务标题</th>
  31. <th>状态</th>
  32. <th>发布人</th>
  33. <th>发布时间</th>
  34. </tr>
  35. </thead>
  36. <tbody>
  37. <tr>
  38. <td></td>
  39. <td></td>
  40. <td></td>
  41. <td></td>
  42. <td></td>
  43. <td></td>
  44. </tr>
  45. </tbody>
  46. </table>
  47. </div>
  48. </div>
  49. </div>-->
  50. <!-- <div class="col-xs-12 col-md-12">
  51. <div class="panel panel-default">
  52. <div class="bjui-pageHeader">
  53. <h3 class="panel-title">
  54. <i class="fa fa-pencil-square-o"></i> 我的任务
  55. <a href="{:U('mytask/index')}" data-toggle="navtab" data-id="{:U('mytask/index')}" data-title="我的任务">详细</a>
  56. </h3>
  57. </div>
  58. <div style="min-height:185px">
  59. <div style="mini-width:400px;height:350px" data-toggle="echarts" data-type="pie,funnel" data-theme="blue" data-url="echarts-barData.html"></div>
  60. <div style="mini-width:400px;height:350px" data-toggle="echarts" data-type="bar,line" data-theme="blue" data-url="__MODULE__/Index/CharData"></div>
  61. </div>
  62. </div>
  63. </div> -->
  64. </div>
  65. <script>
  66. /*var uploadedDataURL = "/asset/get/s/data-1469156830975-S1PyA-yO.json";
  67. $.getJSON(uploadedDataURL, function(data) {
  68. myChart.setOption(option = {
  69. title: {
  70. text: 'Beijing AQI'
  71. },
  72. tooltip: {
  73. trigger: 'axis'
  74. },
  75. xAxis: {
  76. data: data.map(function(item) {
  77. return item[0];
  78. })
  79. },
  80. yAxis: {
  81. splitLine: {
  82. show: false
  83. }
  84. },
  85. toolbox: {
  86. left: 'center',
  87. feature: {
  88. dataZoom: {
  89. yAxisIndex: 'none'
  90. },
  91. restore: {},
  92. saveAsImage: {}
  93. }
  94. },
  95. dataZoom: [{
  96. startValue: '2014-06-01'
  97. }, {
  98. type: 'inside'
  99. }],
  100. visualMap: {
  101. top: 10,
  102. right: 10,
  103. pieces: [{
  104. gt: 0,
  105. lte: 50,
  106. color: '#096'
  107. }, {
  108. gt: 50,
  109. lte: 100,
  110. color: '#ffde33'
  111. }, {
  112. gt: 100,
  113. lte: 150,
  114. color: '#ff9933'
  115. }, {
  116. gt: 150,
  117. lte: 200,
  118. color: '#cc0033'
  119. }, {
  120. gt: 200,
  121. lte: 300,
  122. color: '#660099'
  123. }, {
  124. gt: 300,
  125. color: '#7e0023'
  126. }],
  127. outOfRange: {
  128. color: '#999'
  129. }
  130. },
  131. series: {
  132. name: 'Beijing AQI',
  133. type: 'line',
  134. data: data.map(function(item) {
  135. return item[1];
  136. }),
  137. markLine: {
  138. silent: true,
  139. data: [{
  140. yAxis: 50
  141. }, {
  142. yAxis: 100
  143. }, {
  144. yAxis: 150
  145. }, {
  146. yAxis: 200
  147. }, {
  148. yAxis: 300
  149. }]
  150. }
  151. }
  152. });
  153. });*/
  154. </script>