<!--
 * @Description: 这是***页面（组件）
 * @Date: 2021-03-02 16:27:32
 * @Author: Tao
 * @LastEditors: 莫靓仔
 * @LastEditTime: 2021-09-14 19:04:33
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Document</title>
    </head>
    <script src="../js/domainSetting.js"></script>
    <link rel="stylesheet" href="../css/clearCss.css" type="text/css" />
    <script src="../layui/layui.all.js"></script>
    <link rel="stylesheet" href="../layui/css/layui.css" />
    <link rel="stylesheet" href="../css/柱形图.css" type="text/css" />
    <link rel="stylesheet" href="../css/仪表盘.css" type="text/css" />

    <style type="text/css">
        .layui-form-checkbox i {
            border-left: -1px;
        }
        .layui-form-checkbox {
            margin-right: 0px;
        }
        .layui-form-radio {
            margin: 0;
        }
        button[colorpicker-events='clear'] {
            display: none;
        }
    </style>
    <body>
        <div class="BarChart">
            <div class="Barchart_conter clearfix">
                <div class="BarChart_left left">
                    <div class="BarChart_var clearfix">
                        <div class="left var_left">
                            <div style="margin-top: 12px; margin-bottom: 14px; font-size: 14px">数据</div>
                            <div>
                                <form class="layui-form formBox">
                                    <div class="showLin">数据关联：</div>
                                    <div class="showLin" style="width: 400px; margin-left: 20px">
                                        <select lay-filter="data" name="city" id="data-relate" lay-verify="required">
                                            <option value="实时数据">实时数据</option>
                                            <option value="历史数据">历史数据</option>
                                            <!-- <option value="统计数据">统计数据</option> -->
                                            <option value="业务数据">业务数据</option>
                                        </select>
                                    </div>
                                </form>
                                <form
                                    class="layui-form formBox"
                                    lay-filter="form-data"
                                    style="padding-top: 0; display: none"
                                    id="data-sheet"
                                >
                                    <div class="showLin">数据表：</div>
                                    <div class="showLin" style="width: 400px; margin-left: 20px">
                                        <select
                                            lay-filter="chart-data"
                                            name="city"
                                            id="chart-table"
                                            lay-verify="required"
                                        >
                                            <!-- <option value="实时数据">实时数据</option>
                                        <option value="历史数据">历史数据</option>
                                        <option value="业务数据">业务数据</option> -->
                                        </select>
                                    </div>
                                </form>
                            </div>
                            <div id="varTitle" class="varTitle">指针角度/度量</div>
                            <div class="table formBox">
                                <table class="layui-hide" id="demo" lay-filter="demo"></table>
                            </div>
                        </div>
                        <div class="right var_right"></div>
                    </div>
                </div>
            </div>
        </div>
        <script type="text/html" id="valueAxis">
            <!-- 取值 -->
            <div class="selectAxis">
                <select lay-event="type" class="select" value="d.rangevalue" lay-ignore>
                    {{# for(let i=0;i<d.valueAxisArr.length;i++){ }} {{# if(d.valueAxisArr[i].value == d.rangevalue){ }}
                    <option value="{{i}}" selected>{{d.valueAxisArr[i].name}}</option>
                    {{# }else{ }}
                    <option value="{{i}}">{{d.valueAxisArr[i].name}}</option>
                    {{# } }} {{# } }}
                </select>
            </div>
        </script>
        <script src="../js/moment.js"></script>
        <script src="../js/jquery-1.10.2.min.js"></script>
        <!-- 引入axiox -->
        <script src="https://cdn.jsdelivr.net/npm/axios@0.19.0/dist/axios.min.js"></script>
        <script src="../utils/request_browserify.js"></script>
        <!-- <script src="../js/echarts.js"></script>
    <script src="../js/ecStat.js"></script> -->
        <script>
            var echartsType = 'dashboard'
        </script>
        <script type="text/html" id="titleTpl">
            <!-- 变量配置 -->
            <div style="position:absolute;top:0;left:0;width:78%;height:100%">
                <input
                    lay-event="var"
                    id="varIpt"
                    name="selsectVar"
                    class="varSelect layui-input"
                    value="{{d.selsectVar}}"
                />
                <div class="varSelectBox">...</div>
            </div>
        </script>
        <script type="text/html" id="titleColor">
            <!-- 颜色选择器 -->
            <div id="color{{d.NO}}"></div>
        </script>
        <script src="../js/color.js"></script>
        <script src="./仪表盘.js"></script>
        <script src="../js/varEcharts.js"></script>
    </body>
</html>
