lhm
/
kmall-haikong
派生自 project/kmall-haikong


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>实时销售监测</title>
    #parse("sys/header.html")
    <style>
        .coldiv{
            background-color: #f8f8f9;
        }
        body{
            color: #515a6e;
        }
        span,button,select,input{
            font-size: 18px;
            font-family: 微软雅黑;
        }
        #refreshTime,#storeId,#categoryId{
            width: 100px;
        }
        #merchSn{
            width: 300px;
        }
        i{
            font-size: 20px;
        }
        input{
            border: 1px #dcdee2 solid;
            border-radius: 5px;
            outline-color:#5cadff;
        }
    </style>
</head>
<body>
<div id="rrapp" v-cloak>
    <header class="main-header">
        <div class="container-fluid  coldiv">
            <div class="row" style="border:0;margin-bottom:10px">
                <div class="col-md-12">

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


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

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

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

            <div class="row" style="border:0;margin-bottom:10px">
                <div class="col-md-12 ">
                    <span>门店编号：</span><input v-model="storeId" id="storeId"/>
                    <span style="color: red;margin: 10px">{{storeName}}</span>
                    <span>品类编号：</span><input v-model="categoryId" id="categoryId"/>
                    <span style="color: red;margin: 10px">{{categoryName}}</span>
                </div>
            </div>
            <div class="row" style="border:0;margin-bottom:10px">
                <div class="col-md-12 ">
                    <span>部门编号：</span><input v-model="merchSn" id="merchSn"/>
                    <span style="color: red;margin: 10px">{{merchName}}</span> &nbsp;&nbsp;
                    <span>业态：</span>
                    <!--业态下拉框-->
                    <select name="formatsSelect" v-model="formatsSelect">
                        <option :value="formats.id" v-for="formats in formatsList" >{{formats.name}}</option>
                    </select>&nbsp;
                </div>
            </div>
            <div class="row" style="border:0;margin-bottom:10px">
                <div class="col-md-12 ">
                    <i-button style="margin-right: 10px" type="primary" icon="refresh" size="24px" v-on:click="refresh" id="refresh">刷新</i-button>
                    <i-button style="margin-right: 10px" type="info" icon="arrow-down-c" v-on:click="saveFlushTime" id="saveFlushTime">保存条件</i-button>
                    <i-button type="warning" icon="close" v-on:click="clearFlushTime" id="clearFlushTime">清除条件</i-button>
                </div>
            </div>

            <div class="row" style="border:0;margin-bottom:10px">
                <div class="col-md-12 ">
                    <span>项目:</span>
                    <!--项目下拉框-->
                    <select name="projectSelect" v-model="projectSelect">
                        <option :value="project.id" v-for="project in projectList" >{{project.name}}</option>
                    </select>&nbsp;
                    <span>比较日期：</span>
                    <input type="date" name="compareDate" id="compareDate" v-model="compareDate" /> &nbsp;
                    <i-button style="margin-right: 10px"  type="primary" shape="circle" icon="arrow-swap" v-on:click="compare" id="clearFlushTime">比较</i-button>

                </div>
            </div>

            <hr/>
        </div>
    </header>
    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
    <div id="main" style="width: 90%;height:400px;margin-top: 10px"></div>
    <hr/>
    <footer>
        <div v-show="showList">
            <table id="jqGrid" style="margin-top: 10px"></table>
        </div>


    </footer>
    <script src="${rc.contextPath}/js/sale/echarts.js"></script>
    <script src="${rc.contextPath}/js/sale/realtimeSalesDetection.js"></script>
</div>
</body>
</html>