zyh
/
kmall-haikong
forked de project/kmall-haikong


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实时销售监测</title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp">
    <header class="main-header">
        <div class="container-fluid">
            <div class="row" style="border:0;margin-bottom:10px">
                <div class="col-md-12 selectDiv">

                    日期：<input type="date" name="date2" id="date2" v-model="date2" />&nbsp;
                    刷新间隔：<input type="number" name="refreshTime" v-model="refreshTime"  id="refreshTime" oninput="if(value > 1000 || value < 1 ){alert('非法输入！');value = ''}"/>秒&nbsp;

                    <input type="radio" name="type" value="store" v-model="type" />门店 &nbsp;
                    <input type="radio" name="type" value="dept"  v-model="type" />部门 &nbsp;
                    <input type="radio" name="type" value="category"  v-model="type" />品类 &nbsp;

                    <!--是否含税下拉框-->
                    <select name="rateSelect" v-model="rateSelect">
                        <option :value="rate.id" v-for="rate in rateList" >{{rate.name}}</option>
                    </select>

                    <!--统计图类型-->
                    <select name="seriesTypeSelect" v-model="seriesTypeSelect" @change="seriesTypeSwitch">
                        <option :value="seriesType.id" v-for="seriesType in seriesTypeList" >{{seriesType.name}}</option>
                    </select>

                    <button v-on:click="refresh">刷新</button>
                    <button v-on:click="">保存条件</button>
                    <button v-on:click="">清除条件</button>
                    |
                <!--</div>-->
                <!--<div class="col-md-3 selectDiv">-->
                    项目:
                    <!--项目下拉框-->
                    <select name="projectSelect" v-model="projectSelect">
                        <option :value="project.id" v-for="project in projectList" >{{project.name}}</option>
                    </select>&nbsp;
                    比较日期：<input type="date" name="compareDate" id="compareDate" v-model="compareDate" /> &nbsp;
                    <button v-on:click="refresh2">比较</button>
                </div>
            </div>
            <div class="row" style="border:0;margin-bottom:10px">
                <div class="col-md-12 ">
                    门店：<input v-model="storeId" /> {{storeName}}&nbsp;&nbsp;
                    业态：
                    <!--业态下拉框-->
                    <select name="formatsSelect" v-model="formatsSelect">
                        <option :value="formats.id" v-for="formats in formatsList" >{{formats.name}}</option>
                    </select>&nbsp;
                    部门：<input v-model="dept.deptId" /> {{dept.deptName}}&nbsp;&nbsp;
                    品类：<input v-model="category.categoryId" /> {{category.categoryName}}&nbsp;&nbsp;
                </div>
            </div>
            <hr/>
        </div>
    </header>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main" style="width: 90%;height:400px;"></div>
<hr/>
<footer>
    <div v-show="showList">
        <table id="jqGrid" ></table>
    </div>


</footer>
    <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/realtimeSales.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>