lhm
/
kmall-haikong
forkad från project/kmall-haikong


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
							<!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" disabled>
                        <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" disabled>
                        <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 class="row" style="border:0;margin-bottom:10px">
        <div class="col-md-12 ">
            <div id="main" style="width: 90%;height:400px;margin-top: 10px"></div>
            <hr/>
        </div>
    </div>
    <footer>
        <div class="row" style="border:0;margin-bottom:10px">
            <div class="col-md-12 ">
                <div v-show="showList">
                    <table id="jqGrid" style="margin-top: 10px"></table>
                </div>
            </div>
        </div>

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