<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页</title>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/common.css">
    <link rel="stylesheet" href="/css/personal/index.css">
    <link rel="stylesheet" href="/css/homeIndex.css">
    <script src="/layui/layui.js"></script>
    <script src="/js/echarts.min.js"></script>
    <script src="/js/china.js"></script>
    <script src="/js/qrcode.js"></script>
    <script src="/js/index/even.js"></script>
    <script src="/js/index/index.js"></script>
    <script src="/js/personal/function.js"></script>
    <script src="/js/index/function.js"></script>
    <script src="/js/translationVal.js"></script>
</head>
<body>
    <div class="index_div">
        <!-- 头部 -->
        <div class="head_statistical_div">
            <!-- 报价单 -->
            <div class="head_three_block quotation_single">
                <span class="head_title_div" data-locale="baojiadan">报价单</span>
                <!-- 数据 -->
                <div class="head_data_div">
                    <!-- 今日 -->
                    <div class="head_data today_div_offer">
                        <span class="today_font" data-locale="jinribaojia">今日报价</span>
                        <span class="today_data">0</span>
                        <div class="yesterday_data_div">
                            <span class="yesterday_data_title" data-locale="zuori">昨日</span>
                            <span class="yesterday_data">0</span>
                        </div>
                    </div>
                    <!-- 本月 -->
                    <div class="head_data thisMonth_div_offer">
                        <span class="today_font" data-locale="benyuebaojia">本月报价</span>
                        <span class="today_data">0</span>
                        <div class="yesterday_data_div">
                            <span class="yesterday_data_title" data-locale="shangyue">上月</span>
                            <span class="yesterday_data">0</span>
                        </div>
                    </div>
                    <!-- 本年 -->
                    <div class="head_data thisYear_div_offer">
                        <span class="today_font" data-locale="bennianbaojia">本年报价</span>
                        <span class="today_data">0</span>
                        <div class="yesterday_data_div">
                            <span class="yesterday_data_title" data-locale="qunian">去年</span>
                            <span class="yesterday_data">0</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 成交 -->
            <div class="head_three_block clinch_a_deal">
                <span class="head_title_div" data-locale="chengjiao">成交</span>
                <!-- 数据 -->
                <div class="head_data_div">
                    <!-- 今日 -->
                    <div class="head_data today_div_offer">
                        <span class="today_font" data-locale="jinrichengjiao">今日成交（单）</span>
                        <span class="today_data">0</span>
                        <div class="yesterday_data_div">
                            <span class="yesterday_data_title" data-locale="zuori">昨日</span>
                            <span class="yesterday_data">0</span>
                        </div>
                    </div>
                    <!-- 本月 -->
                    <div class="head_data thisMonth_div_offer">
                        <span class="today_font" data-locale="benyueshouru">本月收入（万）</span>
                        <span class="today_data">0</span>
                        <div class="yesterday_data_div">
                            <span class="yesterday_data_title" data-locale="shangyue">上月</span>
                            <span class="yesterday_data">0</span>
                        </div>
                    </div>
                    <!-- 本年 -->
                    <div class="head_data thisYear_div_offer">
                        <span class="today_font" data-locale="bennianshouru">本年收入（万）</span>
                        <span class="today_data">0</span>
                        <div class="yesterday_data_div">
                            <span class="yesterday_data_title" data-locale="qunian">去年</span>
                            <span class="yesterday_data">0</span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 报价权限 -->
            <div class="head_three_block offer_num_div">
                <span class="head_title_div" data-locale="baojiadanquanxian">报价权限</span>
                <div class="balance_of_fount">
                    <span data-locale="baojiadanquanxianyue">报价单权限余额</span>
                    <p>0</p>
                    <span data-locale="ci">次</span>
                </div>
                <div class="buy_permissions" data-locale="goumaiquanxian" onclick="buyPermissions()">购买权限</div>
            </div>
        </div>
        <!-- 中间部位 -->
        <div class="center_div_chart">
            <div id="columnar_chart" class="chart_div"></div>
            <div id="destination_chart" class="chart_div"></div>
        </div>
        <!-- 最下侧统计 -->
        <div class="bottom_div_message">
            <div class="message_font" data-locale="xaoxitixing">消息提醒</div>
            <div class="message_bottom_div">
                <div class="message_val"><div data-locale="xuqiudingdan">需求订单</div><span>0</span></div>
                <div class="message_val"><div data-locale="yibaojia">已报价</div><span>0</span></div>
                <div class="message_val"><div data-locale="yifufei">已付费</div><span>0</span></div>
                <div class="message_val" style="margin-right: 0;"><div data-locale="chengjiaodingdan">成交订单</div><span>0</span></div>
                <div class="message_val"><div data-locale="baojiaquanxianzhanyong">报价权限占用</div><span>0</span></div>
                <div class="message_val"><div data-locale="baojiaquanxianshengyu">报价权限剩余</div><span>0</span></div>
                <div class="message_val"><div data-locale="baojiaquanxianshiyong">报价权限使用</div><span>0</span></div>
                <div class="message_val" style="margin-right: 0;"><div data-locale="tuikuanshenqing">退款申请</div><span>0</span></div>
            </div>
        </div>
    </div>

    <!-- 购买报价单次数 -->
    <div class="quotation_number">
        <div class="balance_of_show">
            <div class="balance_of_font" data-locale="zhanghuyue">账户余额</div>
            <div class="balance_of_val">0.00</div>
            <div class="cumulative_num quotation_num">报单价单价</div>
        </div>
        <!-- 自定义金额 -->
        <div class="custom_amount">
            <span data-locale="zaixianchongzhi">在线充值</span>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="text" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                           name="offerNum" lay-verify="title" autocomplete="off" data-locale="zidingyiquanxiancishushuru" placeholder="自定义权限次数输入" class="layui-input">
                </div>
            </div>
        </div>
        <!-- 选择金额 -->
        <div class="select_amount">
            <div class="select_amount_val select_number_val select_amount_val_click" value="2" onclick="selectAmout(this)">
                <div class="number_of_div">
                    <span>2</span>
                    <span class="small_font_size" data-locale="ci">次</span>
                </div>
                <div class="amount_number_val">
                    <span>￥10</span>
                </div>
            </div>
            <div class="select_amount_val select_number_val" value="6" onclick="selectAmout(this)">
                <div class="number_of_div">
                    <span>6</span>
                    <span class="small_font_size" data-locale="ci">次</span>
                </div>
                <div class="amount_number_val">
                    <span>￥10</span>
                </div>
            </div>
            <div class="select_amount_val select_number_val" value="8" onclick="selectAmout(this)">
                <div class="number_of_div">
                    <span>8</span>
                    <span class="small_font_size" data-locale="ci">次</span>
                </div>
                <div class="amount_number_val">
                    <span>￥10</span>
                </div>
            </div>
            <div class="select_amount_val select_number_val" value="10" onclick="selectAmout(this)">
                <div class="number_of_div">
                    <span>10</span>
                    <span class="small_font_size" data-locale="ci">次</span>
                </div>
                <div class="amount_number_val">
                    <span>￥10</span>
                </div>
            </div>
            <div class="select_amount_val select_number_val" value="12" onclick="selectAmout(this)">
                <div class="number_of_div">
                    <span>12</span>
                    <span class="small_font_size">次</span>
                </div>
                <div class="amount_number_val">
                    <span>￥10</span>
                </div>
            </div>
        </div>
        <!-- 选择支付方式 -->
        <div class="mode_of_payment">
            <div class="pay_div_mode wx_pay select_pay_click" onclick="payType(this)">
                <img src="/images/personal/yuezhifu.png"/>
                <span data-locale="yuezhifu">余额支付</span>
                <div><i class="layui-icon">&#xe605;</i></div>
            </div>
            <div class="pay_div_mode wx_pay" onclick="payType(this)">
                <img src="/images/personal/weixinzhifu.png"/>
                <span data-locale="weixinzhifu">微信支付</span>
                <div></div>
            </div>
            <div class="pay_div_mode wx_pay" onclick="payType(this)">
                <img src="/images/personal/zfb.png"/>
                <span>支付宝</span>
                <div></div>
            </div>
        </div>
        <!-- 微信支付二维码 -->
        <div class="qrcode_ok_div" style="float: left; width: 100%;">
            <div id="qrcode_ok"></div>
        </div>
        <div class="button_top_up">
            <div class="top-up-button blance_button" data-locale="lijichongzhi" onclick="balanceOfOk()">立即充值</div>
        </div>
    </div>
</body>
</html>