lhm
/
kmall-haikong
ответвлено от project/kmall-haikong


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!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 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">

                    <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" min="10" max="100000"
                           oninput="if(value > 1000 || value < 0 ){alert('非法输入！');value = '10'}"/>
                    <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>

                    <i-button type="warning"v-on:click="clearFlushTime" id="clearFlushTime">停止刷新
                    </i-button>
                    <i-button style="margin-right: 10px" type="primary" v-on:click="refreshButton"
                              id="refresh">启动刷新
                    </i-button>
                    <span v-show="refreshCount>0">自动刷新<span style="color: red">{{refreshCount}}</span>次</span>
                    (日期为<span style="color: red">当天日期</span>会根据<span style="color: red">刷新间隔</span>自动刷新)


                    <!--<i-button style="margin-right: 10px" type="primary" v-on:click="refresh"-->
                              <!--id="refresh">启动刷新-->
                    <!--</i-button>-->
                </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="info" shape="circle"
                              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>