realtimeSalesDetection.html 3.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>实时销售监测</title>
  6. #parse("sys/header.html")
  7. </head>
  8. <body>
  9. <div id="rrapp">
  10. <header class="main-header">
  11. <div class="container-fluid">
  12. <div class="row" style="border:0;margin-bottom:10px">
  13. <div class="col-md-12 selectDiv">
  14. 日期:<input type="date" name="salesDate" id="salesDate" v-model="salesDate" />&nbsp;
  15. 刷新间隔:<input type="number" name="refreshTime" v-model="refreshTime" id="refreshTime" oninput="if(value > 1000 || value < 1 ){alert('非法输入!');value = ''}"/>秒&nbsp;
  16. <input type="radio" name="type" value="store" v-model="type" />门店 &nbsp;
  17. <input type="radio" name="type" value="dept" v-model="type" />部门 &nbsp;
  18. <input type="radio" name="type" value="category" v-model="type" />品类 &nbsp;
  19. <!--是否含税下拉框-->
  20. <select name="rateSelect" v-model="rateSelect">
  21. <option :value="rate.id" v-for="rate in rateList" >{{rate.name}}</option>
  22. </select>
  23. <!--统计图类型-->
  24. <select name="seriesTypeSelect" v-model="seriesTypeSelect" @change="seriesTypeSwitch">
  25. <option :value="seriesType.id" v-for="seriesType in seriesTypeList" >{{seriesType.name}}</option>
  26. </select>
  27. <button v-on:click="refresh">刷新</button>
  28. <button v-on:click="saveFlushTime">保存条件</button>
  29. <button v-on:click="clearFlushTime">清除条件</button>
  30. |
  31. <!--</div>-->
  32. <!--<div class="col-md-3 selectDiv">-->
  33. 项目:
  34. <!--项目下拉框-->
  35. <select name="projectSelect" v-model="projectSelect">
  36. <option :value="project.id" v-for="project in projectList" >{{project.name}}</option>
  37. </select>&nbsp;
  38. 比较日期:<input type="date" name="compareDate" id="compareDate" v-model="compareDate" /> &nbsp;
  39. <button v-on:click="refresh2">比较</button>
  40. </div>
  41. </div>
  42. <div class="row" style="border:0;margin-bottom:10px">
  43. <div class="col-md-12 ">
  44. 门店id:<input v-model="storeId" /> {{storeName}}&nbsp;&nbsp;
  45. 业态:
  46. <!--业态下拉框-->
  47. <select name="formatsSelect" v-model="formatsSelect">
  48. <option :value="formats.id" v-for="formats in formatsList" >{{formats.name}}</option>
  49. </select>&nbsp;
  50. 部门:<input v-model="dept.deptId" /> {{dept.deptName}}&nbsp;&nbsp;
  51. 品类:<input v-model="category.categoryId" /> {{category.categoryName}}&nbsp;&nbsp;
  52. </div>
  53. </div>
  54. <hr/>
  55. </div>
  56. </header>
  57. <!-- 为 ECharts 准备一个具备大小(宽高)的 DOM -->
  58. <div id="main" style="width: 90%;height:400px;"></div>
  59. <hr/>
  60. <footer>
  61. <div v-show="showList">
  62. <table id="jqGrid" ></table>
  63. </div>
  64. </footer>
  65. <script src="${rc.contextPath}/statics/libs/vue.min.js"></script>
  66. <script src="${rc.contextPath}/js/sale/echarts.js"></script>
  67. <script src="${rc.contextPath}/js/sale/realtimeSalesDetection.js"></script>
  68. <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
  69. <script src="${rc.contextPath}/statics/libs/bootstrap.min.js"></script>
  70. </div>
  71. </body>
  72. </html>