{#<script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script>#}
<script src="/js/highcharts.js"></script>
<ul class="sale_title clearfix">
    <li class="sale_active" id="thisMonth">本月</li>
    <li id="season">本季度</li>
    <li id="thisYear">本年</li>
    <li id="other">其他</li>
</ul>
<!-- 销售概览内容 -->
<div class="sale_main">
    <div id="purchase_layout" class="easyui-layout" style="width:99%;height:100%;">
        <div data-options="region:'west'" style="width:68%;">
            <!-- 销售概览左侧 -->
            <div class="sale_main_left" style="width:100%;">
                <!-- 销售概览左侧上半部分 -->
                <div class="sale_left_top clearfix">
                    <!-- 销售概览左侧上半部分  订单产品分类数量 -->
                    <div class="sale_top_num left aaa" style="height: 100%;">
                        <h3 class="sale_h3">订单产品分类数量<span class='sale_more' id="sumDetail">详情>></span></h3>
                        <div class="sale_height">
                            <div id="saleNums" style="width:100%;height:100%;"></div>
                        </div>
                    </div>
                    <!-- 销售概览左侧上半部分  订单产品分类金额 -->
                    <div class="sale_top_money right aaa" style="height: 100%;">
                        <h3 class="sale_h3">订单产品分类金额<span class='sale_more' id="moneyDetail">详情>></span></h3>
                        <div class="sale_height">
                            <div id="saleMoneys" style="width:99.9%;height:100%"></div>
                        </div>
                    </div>
                </div>
                <!-- 销售概览左侧下半部分 -->
                <div class="sale_left_bottom">
                    <!-- 销售概览左侧下半部分  总销售单概览 -->
                    <div class="sale_bottom_view left aaa" style="height: 100%;">
                        <h3 class="sale_h3">总销售业绩概览<span class='sale_more' id="saleViewsBtn">详情>></span></h3>
                        <div class="sale_height">
                            <div id="saleViews" style="width:100%;height:100%"></div>
                        </div>
                    </div>
                    <!-- 销售概览左侧下半部分  应收申请单金额 -->
                    <div class="sale_bottom_money right">
                        <table id="cc" class="easyui-datagrid" title=""
                               data-options="url:'',method:'post',fit:true,singleSelect:false,nowrap:false,collapsible:true" style="width:100%;height:100%;">
                            <thead>
                            <tr>
                                <th data-options="field:'real_createdby',align:'left',width:'40%'">姓名</th>
                                <th data-options="field:'defined_costTotal',align:'right',width:'60%'">应收申请单金额 ¥</th>
                            </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div data-options="region:'center'" style="width:30%;margin-left: 2%;">
            <div class="sale_main_right" style="width:100%;margin-left: 0;">
                <div class="sale_tit_div">
                    <h3 class="sale_Rh3">销售人员订单概览</h3>
                    <div class="tian clearfix">
                        {#<span class="main_table_title_span">姓名</span>#}
                        <span class="adapter">
                            <select class="easyui-combobox" id="salePerson" style="width:100%;height:100%;">
                                <option value="">请选择</option>
                                {%if salePerson is not empty%}
                                    {%for code,name in salePerson%}
                                        <option value="{{code}}">{{name}}</option>
                                    {%endfor%}
                                {%endif%}
                            </select>
                        </span>
                        <button class="sale_btn" id="personBtn">搜索</button>
                    </div>
                </div>
                <ul class="sale_tit_main" id="salePersonDiv">
                    <!-- 开始循环 -->
                    <!--<li>
                        <div>
                            <div class="sale_pic clearfix"><img src="/images/head_180.jpg"></div>
                            <p class="sale_name">销售人员A</p><span id=''class='sale_more'>详情>></span>
                        </div>
                        <ul class="sale_view clearfix">
                            <li class="order_num">
                                <h3>36</h3>
                                <p>订单总数量</p>
                            </li>
                            <li class="contract_money">
                                <h3>1000000</h3>
                                <p>合同金额</p>
                            </li>
                            <li class="overtime_num">
                                <h3>10</h3>
                                <p>超时数量</p>
                            </li>
                        </ul>
                    </li>-->
                    <!-- 循环结束 -->
                </ul>
            </div>
        </div>
    </div>
</div>
<!--设置时间区间窗口-->
<div id="timeSet" class="easyui-dialog"  title="选择时间区间" data-options="closed:true,resizable:true,modal: true" style="width:350px;height:200px;">
    <form method="post" id="timeSetForm">
        <div class="wai_contacts">
            <div class="tian clearfix">
                <span class="main_table_title_span">
                    从:
                </span>
                <span class="adapter">
                    <input id='begin' class="easyui-validateBox easyui-datebox" name="begin" data-options="required:true" style="height:100%;width:100%;">
                </span>
            </div>
            <div class="tian clearfix">
                <span class="main_table_title_span">
                    至:
                </span>
                <span class="adapter">
                    <input  id='end' class="easyui-validateBox easyui-datebox" data-options="required:true" validType='md' name="end" style="height:100%;width:100%;">
                </span>
            </div>
        </div>
    </form>
</div>