{#<script src="https://cdn.hcharts.cn/highcharts/highcharts.js"></script>#}
<script src="/js/highcharts.js"></script>
<script src="/js/nodatatodisplay.js"></script>
<div class="my">
    <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:98%;height:100%;">
            <div data-options="region:'west'" style="width:68%;">
                <!-- 采购概览左侧 -->
                <div class="sale_main_left">
                    <!--采购概览左侧上半部分 -->
                    <div class="sale_left_top clearfix">
                        <!--第一个图-->
                        <div class="sale_top_num left">
                            <h3 class="sale_h3"><span id="purchaseSumTitle">原材料采购分类数量</span><span class='sale_more' id="purchaseSum">详情>></span></h3>
                            <div class="sale_height">
                                <div id="purchaseNums" style="width:100%;height:100%;"></div>
                            </div>
                        </div>
                        <!--第二个图-->
                        <div class="sale_top_money right">
                            <h3 class="sale_h3"><span id="purchaseMoneyTitle">原材料采购分类金额</span><span class='sale_more' id="purchaseMoney">详情>></span></h3>
                            <div class="sale_height">
                                <div id="purchaseMoneys" style="width:99.9%;height:100%;"></div>
                            </div>
                        </div>
                        <div style="clear: both;"></div>
                        <!--分页-->
                        <div class="purchase_page">
                            <ul class="clearfix">
                                <!--原材料-->
                                <li class="puractive" id="rm">1</li>
                                <!--辅料-->
                                <li id="accessories">2</li>
                                <!--常规纸-->
                                <li id="convention">3</li>
                                <!--特种纸-->
                                <li id="special">4</li>
                            </ul>
                        </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="purchaseViewsBtn">详情>></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" width="100%">
                                <thead>
                                <tr>
                                    <th data-options="field:'createdName',align:'left',width:'40%'">姓名</th>
                                    <th data-options="field:'payValueFormat',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_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 purchasePerson is not empty%}
                            {%for code,name in purchasePerson%}
                                <option value="{{code}}">{{name}}</option>
                            {%endfor%}
                        {%endif%}
                    </select>
                </span>
                        <button class="sale_btn" id="personBtn">搜索</button>
                    </div>
                </div>
                <ul class="sale_tit_main" id="purchasePersonDiv">
                    <!-- 开始循环 -->
                    <!--<li>
                        <div>
                            <div class="sale_pic clearfix"><img src="/images/head_180.jpg"></div>
                            <p class="sale_name">采购人员A</p><span 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 id="LegendHover"></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>