|
|
@@ -0,0 +1,83 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <title>实时销售监测</title>
|
|
|
+ #parse("sys/header.html")
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+<div id="app">
|
|
|
+ <header class="main-header">
|
|
|
+ <div class="container-fluid">
|
|
|
+ <div class="row" style="border:0;margin-bottom:10px">
|
|
|
+ <div class="col-md-12 logodiv">
|
|
|
+
|
|
|
+ 日期：<input type="date" name="date" id="date" v-model="date" />
|
|
|
+ 刷新间隔：<input type="number" name="refreshTime" v-model="refreshTime" id="refreshTime" oninput="if(value > 1000 || value < 1 ){alert('非法输入！');value = ''}"/>秒
|
|
|
+
|
|
|
+ <input type="radio" name="type" value="store" v-model="type" />门店
|
|
|
+ <input type="radio" name="type" value="dept" v-model="type" />部门
|
|
|
+ <input type="radio" name="type" value="category" v-model="type" />品类
|
|
|
+
|
|
|
+ <!--是否含税下拉框-->
|
|
|
+ <select name="rate">
|
|
|
+ <option value="true">含税</option>
|
|
|
+ <option value="false">不含税</option>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ <!--统计图类型-->
|
|
|
+ <select name="seriesType">
|
|
|
+ <option name="bar">垂直柱状图</option>
|
|
|
+ <option name="line">折线图</option>
|
|
|
+ <option name="pie">饼图</option>
|
|
|
+ </select>
|
|
|
+
|
|
|
+ <button v-on:click="refresh">刷新</button>
|
|
|
+ </div>
|
|
|
+ <!--<div class="col-md-9" style="background-color: #f0f0f0;margin:0px;padding: 0px" >-->
|
|
|
+ <!--<div v-show="showList">-->
|
|
|
+ <!--<Row :gutter="16">-->
|
|
|
+ <!--<ul class="nav navbar-top-links navbar-right" style="font-size: 1.3em;">-->
|
|
|
+ <!--<li >-->
|
|
|
+ <!--<span style="margin-right: 40px"> 门店：<b>{{storeName}}</b></span>-->
|
|
|
+ <!--</li>-->
|
|
|
+ <!--<li><span style="margin-right: 35px"><i class="fa fa-user-circle" ></i> 收银员：<b>{{sysUserInfo.username}}</b></span></li>-->
|
|
|
+ <!--<li><a @click="logout" style="font-size: 1em"><i class="fa fa fa-sign-out"></i> 退出</a></li>-->
|
|
|
+ <!--</ul>-->
|
|
|
+ <!--</Row>-->
|
|
|
+ <!--</div>-->
|
|
|
+ <!--</div>-->
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </header>
|
|
|
+ <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
|
|
|
+ <div id="main" style="width: 90%;height:400px;"></div>
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+
|
|
|
+ <script src="${rc.contextPath}/statics/libs/vue.min.js"></script>
|
|
|
+ <script src="${rc.contextPath}/js/sale/echarts.js"></script>
|
|
|
+ <script src="${rc.contextPath}/js/sale/realtimeSalesDetection.js"></script>
|
|
|
+ <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
|
|
|
+ <script src="${rc.contextPath}/statics/libs/bootstrap.min.js"></script>
|
|
|
+<script>
|
|
|
+ var app = new Vue({
|
|
|
+ el: '#app',
|
|
|
+ data: {
|
|
|
+ date: '',
|
|
|
+ refreshTime: 1,
|
|
|
+ message: 'Hello Vue.js!'
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ refresh: function () {
|
|
|
+ alert(this.date);
|
|
|
+ alert("type"+this.type);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+</script>
|
|
|
+</div>
|
|
|
+</body>
|
|
|
+</html>
|
hhq