step4.html.php 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <div id='mainContent' class='main-content'>
  2. <div class="display-content">
  3. <div class="cell">
  4. <div class='panel'>
  5. <div class='panel-heading'>
  6. <div class='panel-title ptitle'>
  7. <?php echo $chart->name;?>
  8. <?php common::printLink('chart', 'export', "chartID=0_{$chart->id}", "<i class='icon-export muted'> </i>" . $lang->export, '', "class='btn btn-link btn-export pull-right hidden' data-toggle='modal' data-width='600px'")?>
  9. </div>
  10. </div>
  11. <div class='panel-body' style="padding: 16px;">
  12. <div id='filterContent'>
  13. <div id="filterItems"></div>
  14. <div id='queryButton4' class='hidden queryButton'>
  15. <button type="button" onclick='queryFilter()' class="btn btn-secondary save-step"><?php echo $lang->chart->query;?></button>
  16. </div>
  17. </div>
  18. <div id="draw" data-group='0' data-id='<?php echo $chart->id;?>' class='echart-content'></div>
  19. <div id='draw-no-data' class="panel-position-child hidden">
  20. <p><span class="text-muted"><?php echo $lang->chart->noData;?></span></p>
  21. </div>
  22. </div>
  23. </div>
  24. </div>
  25. </div>
  26. <div class="config-content" id="sidebar">
  27. <div class="cell">
  28. <div class='panel' style='height: 100%'>
  29. <div class='panel-heading border-bottom'>
  30. <div class='panel-title ptitle'>
  31. <?php echo $lang->chart->legendBasicInfo;?>
  32. </div>
  33. </div>
  34. <div class='panel-heading auto-scroll'>
  35. <div class='panel-body'>
  36. <div>
  37. <div class='tab-content'>
  38. <div class='tab-pane active' id='legendBasicInfo'>
  39. <form method="post" class="form-ajax" id="releaseForm">
  40. <table class="table table-form">
  41. <tbody>
  42. <tr>
  43. <th class='w-60px'><?php echo $lang->chart->group;?></th>
  44. <td>
  45. <?php echo html::select('group[]', $groups, $chart->group, "class='chosen form-control' data-max_drop_width='200' onchange='basicChange(\"group\", this.value)' multiple");?>
  46. </td>
  47. </tr>
  48. <tr>
  49. <th class='thWidth'><?php echo $lang->chart->name;?></th>
  50. <td class='w-400px'>
  51. <?php echo html::input('name', $chart->name, "class='form-control' onchange='basicChange(\"name\", this.value)'");?>
  52. </td>
  53. </tr>
  54. <tr>
  55. <th><?php echo $lang->chart->desc;?></th>
  56. <td><?php echo html::textarea('desc', $chart->desc, "rows='7' class='form-control' onchange='basicChange(\"desc\", this.value)'");?></td>
  57. </tr>
  58. <?php $acl = $chart->acl;?>
  59. <?php $aclList = $lang->chart->aclList;?>
  60. <?php $whitelist = $chart->whitelist;?>
  61. <?php $whitelistStyle = 'padding-bottom: 80px';?>
  62. <?php include $biPath['common'] . 'aclbox.html.php';?>
  63. </tbody>
  64. </table>
  65. </form>
  66. </div>
  67. <div class='tab-pane' id='legendConfig'>
  68. <table class="table table-data">
  69. <tbody>
  70. </tbody>
  71. </table>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class='panel pull-bottom'>
  79. <div class='panel-heading'>
  80. <div class='panel-footer'>
  81. <?php echo '<button type="button" class="btn btn-primary btn-publish" onclick="publish()">' . $lang->chart->publish . '</button>';?>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. <template id='filterItemTpl'>
  89. <div class='filter-item filter-item-{index} input-group'>
  90. <span class='field-name input-group-addon'>{name}</span>
  91. {search}
  92. </div>
  93. </template>
  94. <script>
  95. function basicChange(field, value)
  96. {
  97. var chart = DataStorage.clone('chart');
  98. if(chart)
  99. {
  100. if(field == 'group' && $('#legendBasicInfo [name^=group]').val())
  101. {
  102. chart[field] = $('#legendBasicInfo [name^=group]').val().join(',');
  103. }
  104. else
  105. {
  106. chart[field] = value;
  107. }
  108. }
  109. DataStorage.chart = chart;
  110. }
  111. </script>