scd_tools_go/service/static/module/home.html

<div class="home-top">
    <div>
        <div class="top-run">
            <div style="width:100%;height:100px;">
                <div class="percent-box">
                    <canvas id="percent1" width="100" height="100" style="width:100px !important;height:100px !important;"></canvas>
                </div>
                <div class="percent-title-box">
                    <div class="percent-title">
                        <span id="number-running">&nbsp;</span>
                        <i class="fa fa-tasks icon-size"></i>
                    </div>
                    <div class="percent-title">
                        <span style="line-height:30px;">正在进行的监测</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div class="top-alert">
            <div style="width:100%;height:100px;">
                <div class="percent-box">
                    <canvas id="percent2" width="100" height="100%"></canvas>
                </div>
                <div class="percent-title-box">
                    <div class="percent-title">
                        <span id="number-alert">&nbsp;</span>
                        <i class="fa fa-bell icon-size" aria-hidden="true"></i>
                    </div>
                    <div class="percent-title">
                        <span style="line-height:30px;">设备报警数量</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div class="top-finish">
            <div style="width:100%;height:100px;">
                <div class="percent-box">
                    <canvas id="percent3" width="100" height="100%"></canvas>
                </div>
                <div class="percent-title-box">
                    <div class="percent-title">
                        <span id="number-finish">&nbsp;</span>
                        <i class="fa fa-check-circle-o icon-size" aria-hidden="true"></i>
                    </div>
                    <div class="percent-title">
                        <span style="line-height:30px;">已完成监测任务数</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div style="width:90%;margin:0 auto;">
    <table id="table-task" lay-filter="oparation-data">
    </table>
</div>

<script type="text/html" id="table-operation">
    <div style="cursor:pointer;width:100%;" lay-event="desc">{{d.taskname}}</div>
</script>

<script type="text/javascript">
    $(document).ready(function () {

    });

    layui.table.on('tool(oparation-data)', function (obj) {

    });

</script>