|
@@ -121,7 +121,7 @@
|
|
|
<section class="content" style="margin: 0 auto;padding-top: 5em">
|
|
<section class="content" style="margin: 0 auto;padding-top: 5em">
|
|
|
<div class="container-fluid " style="padding-bottom: 1em">
|
|
<div class="container-fluid " style="padding-bottom: 1em">
|
|
|
<div class="row text-center" style="font-size: 2em">
|
|
<div class="row text-center" style="font-size: 2em">
|
|
|
- <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12">
|
|
|
|
|
|
|
+ <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
<div class="info-box bg-green hover-expand-effect">
|
|
<div class="info-box bg-green hover-expand-effect">
|
|
|
<div class="icon">
|
|
<div class="icon">
|
|
|
<i class="material-icons">equalizer</i>
|
|
<i class="material-icons">equalizer</i>
|
|
@@ -133,7 +133,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12">
|
|
|
|
|
|
|
+ <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
<div class="info-box bg-red hover-expand-effect">
|
|
<div class="info-box bg-red hover-expand-effect">
|
|
|
<div class="icon">
|
|
<div class="icon">
|
|
|
<i class="material-icons">equalizer</i>
|
|
<i class="material-icons">equalizer</i>
|
|
@@ -144,7 +144,7 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
- <div class="col-lg-4 col-md-3 col-sm-6 col-xs-12">
|
|
|
|
|
|
|
+ <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
<div class="info-box bg-lime hover-expand-effect">
|
|
<div class="info-box bg-lime hover-expand-effect">
|
|
|
<div class="icon">
|
|
<div class="icon">
|
|
|
<i class="material-icons">brightness_low</i>
|
|
<i class="material-icons">brightness_low</i>
|
|
@@ -155,14 +155,6 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="container-fluid">
|
|
|
|
|
- <div class="row">
|
|
|
|
|
- <div class="col-3"></div>
|
|
|
|
|
- <div class="col-2"></div>
|
|
|
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
|
|
|
<div class="info-box bg-cyan hover-zoom-effect">
|
|
<div class="info-box bg-cyan hover-zoom-effect">
|
|
|
<div class="icon">
|
|
<div class="icon">
|
|
@@ -175,95 +167,11 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="col-3"></div>
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
</div>
|
|
</div>
|
|
|
- <div id="container10" style="min-width:400px;height:400px"></div>
|
|
|
|
|
|
|
|
|
|
- <!-- Widgets -->
|
|
|
|
|
- <div class="row" >
|
|
|
|
|
- <div class=" col-lg-2 col-md-2 col-sm-6 col-xs-12" >
|
|
|
|
|
- <div class="info-box bg-pink text-center " onclick="addContent('#home-tab')" >
|
|
|
|
|
- <div class="row text-center" style="">
|
|
|
|
|
- <div class="col-12">合格数</div>
|
|
|
|
|
- <div class="col-12">123123</div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
|
|
|
|
|
- <div class="info-box bg-cyan "onclick="addContent('#profile-tab')">
|
|
|
|
|
-
|
|
|
|
|
- <div class="row text-center" style="">
|
|
|
|
|
- <div class="col-12">不合格数</div>
|
|
|
|
|
- <div class="col-12">555</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
|
|
|
|
|
- <div class="info-box bg-light-green " onclick="addContent('#contact-tab')">
|
|
|
|
|
- <div class="row text-center" style="">
|
|
|
|
|
- <div class="col-12">堆积数</div>
|
|
|
|
|
- <div class="col-12">4445</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
|
|
|
|
|
- <div class="info-box bg-orange " onclick="addContent('#time-tab')">
|
|
|
|
|
- <div class="row text-center" style="">
|
|
|
|
|
- <div class="col-12">工作时长</div>
|
|
|
|
|
- <div class="col-12">2245</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
|
|
|
|
|
- <div class="info-box bg-red " onclick="addContent('#Unqualified-tab')">
|
|
|
|
|
- <div class="row text-center" style="">
|
|
|
|
|
- <div class="col-12">不良率</div>
|
|
|
|
|
- <div class="col-12">20%</div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div>
|
|
|
|
|
- <ul class="nav nav-tabs" id="myTab" role="tablist" style="display: none">
|
|
|
|
|
- <li class="nav-item">
|
|
|
|
|
- <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="nav-item">
|
|
|
|
|
- <a class="nav-link" id="profile-tab" data-toggle="tab" href="#ppr" role="tab" aria-controls="ppr" aria-selected="false">Profile</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="nav-item">
|
|
|
|
|
- <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="nav-item">
|
|
|
|
|
- <a class="nav-link" id="time-tab" data-toggle="tab" href="#time" role="tab" aria-controls="time" aria-selected="false">Time</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li class="nav-item">
|
|
|
|
|
- <a class="nav-link" id="Unqualified-tab" data-toggle="tab" href="#Unqualified" role="tab" aria-controls="Unqualified" aria-selected="false">Unqualified</a>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- <div class="tab-content" id="myTabContent">
|
|
|
|
|
- <div class="tab-pane" id="home" role="tabpanel" aria-labelledby="home-tab">
|
|
|
|
|
- <div id="container1"class="text-center" style="width: 100%;height:300px;margin: 0 auto"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="tab-pane" id="ppr" role="tabpanel" aria-labelledby="profile-tab">
|
|
|
|
|
- <div id="container2" style="width:100%;height:300px;margin: 0 auto"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="tab-pane" id="contact" role="tabpanel" aria-labelledby="contact-tab">
|
|
|
|
|
- <div id="container3" style="width:100%;height:300px;margin: 0 auto"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="tab-pane" id="time" role="tabpanel" aria-labelledby="time-tab">
|
|
|
|
|
- <div id="container4" style="width:100%;height:300px;margin: 0 auto"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="tab-pane" id="Unqualified" role="tabpanel" aria-labelledby="Unqualified-tab">
|
|
|
|
|
- <div id="container5" style="width:100%;height:300px;margin: 0 auto"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div class="container-fluid">
|
|
|
|
|
+ <div id="container10" style="min-width:400px;height:400px"></div>
|
|
|
<div class="card">
|
|
<div class="card">
|
|
|
<div>
|
|
<div>
|
|
|
<div class="" style="">
|
|
<div class="" style="">
|
|
@@ -373,332 +281,12 @@
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <!-- #END# Widgets -->
|
|
|
|
|
- <div class="cow">
|
|
|
|
|
- <div class="card">
|
|
|
|
|
|
|
|
|
|
- <div class="body">
|
|
|
|
|
- <div class="table-responsive">
|
|
|
|
|
- <table class="table table-hover dashboard-task-infos">
|
|
|
|
|
- <thead>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>姓名(工号)</th>
|
|
|
|
|
- <th>合格数</th>
|
|
|
|
|
- <th>不合格数</th>
|
|
|
|
|
- <th>堆积数</th>
|
|
|
|
|
- <th>工作时长</th>
|
|
|
|
|
- <th>不良率</th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </thead>
|
|
|
|
|
- <tbody >
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>1</td>
|
|
|
|
|
- <td>Task A</td>
|
|
|
|
|
- <td><span class="label bg-green">Doing</span></td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-green" role="progressbar" aria-valuenow="62" aria-valuemin="0" aria-valuemax="100" style="width: 62%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>2</td>
|
|
|
|
|
- <td>Task B</td>
|
|
|
|
|
- <td><span class="label bg-blue">To Do</span></td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-blue" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>3</td>
|
|
|
|
|
- <td>Task C</td>
|
|
|
|
|
- <td><span class="label bg-light-blue">On Hold</span></td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-light-blue" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100" style="width: 72%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>4</td>
|
|
|
|
|
- <td>Task D</td>
|
|
|
|
|
- <td><span class="label bg-orange">Wait Approvel</span></td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-orange" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>5</td>
|
|
|
|
|
- <td>Task E</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <span class="label bg-red">Suspended</span>
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-red" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- CPU Usage -->
|
|
|
|
|
- <div class="row clearfix">
|
|
|
|
|
- <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
|
|
|
|
|
- <div class="card">
|
|
|
|
|
- <div class="header">
|
|
|
|
|
- <div class="row clearfix">
|
|
|
|
|
- <div class="col-xs-12 col-sm-6">
|
|
|
|
|
- <h2>CPU USAGE (%)</h2>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="col-xs-12 col-sm-6 align-right">
|
|
|
|
|
- <div class="switch panel-switch-btn">
|
|
|
|
|
- <span class="m-r-10 font-12">REAL TIME</span>
|
|
|
|
|
- <label>OFF<input type="checkbox" id="realtime" checked><span class="lever switch-col-cyan"></span>ON</label>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <ul class="header-dropdown m-r--5">
|
|
|
|
|
- <li class="dropdown">
|
|
|
|
|
- <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
|
|
|
|
- <i class="material-icons">more_vert</i>
|
|
|
|
|
- </a>
|
|
|
|
|
- <ul class="dropdown-menu pull-right">
|
|
|
|
|
- <li><a href="javascript:void(0);">Action</a></li>
|
|
|
|
|
- <li><a href="javascript:void(0);">Another action</a></li>
|
|
|
|
|
- <li><a href="javascript:void(0);">Something else here</a></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="body">
|
|
|
|
|
- <div id="real_time_chart" class="dashboard-flot-chart"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- #END# CPU Usage -->
|
|
|
|
|
- <div class="row clearfix">
|
|
|
|
|
- <!-- Visitors -->
|
|
|
|
|
- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
|
|
|
|
- <div class="card">
|
|
|
|
|
- <div class="body bg-pink">
|
|
|
|
|
- <div class="sparkline" data-type="line" data-spot-Radius="4" data-highlight-Spot-Color="rgb(233, 30, 99)" data-highlight-Line-Color="#fff"
|
|
|
|
|
- data-min-Spot-Color="rgb(255,255,255)" data-max-Spot-Color="rgb(255,255,255)" data-spot-Color="rgb(255,255,255)"
|
|
|
|
|
- data-offset="90" data-width="100%" data-height="92px" data-line-Width="2" data-line-Color="rgba(255,255,255,0.7)"
|
|
|
|
|
- data-fill-Color="rgba(0, 188, 212, 0)">
|
|
|
|
|
- 12,10,9,6,5,6,10,5,7,5,12,13,7,12,11
|
|
|
|
|
- </div>
|
|
|
|
|
- <ul class="dashboard-stat-list">
|
|
|
|
|
- <li>
|
|
|
|
|
- TODAY
|
|
|
|
|
- <span class="pull-right"><b>1 200</b> <small>USERS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- YESTERDAY
|
|
|
|
|
- <span class="pull-right"><b>3 872</b> <small>USERS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- LAST WEEK
|
|
|
|
|
- <span class="pull-right"><b>26 582</b> <small>USERS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- #END# Visitors -->
|
|
|
|
|
- <!-- Latest Social Trends -->
|
|
|
|
|
- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
|
|
|
|
- <div class="card">
|
|
|
|
|
- <div class="body bg-cyan">
|
|
|
|
|
- <div class="m-b--35 font-bold">LATEST SOCIAL TRENDS</div>
|
|
|
|
|
- <ul class="dashboard-stat-list">
|
|
|
|
|
- <li>
|
|
|
|
|
- #socialtrends
|
|
|
|
|
- <span class="pull-right">
|
|
|
|
|
- <i class="material-icons">trending_up</i>
|
|
|
|
|
- </span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- #materialdesign
|
|
|
|
|
- <span class="pull-right">
|
|
|
|
|
- <i class="material-icons">trending_up</i>
|
|
|
|
|
- </span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>#adminbsb</li>
|
|
|
|
|
- <li>#freeadmintemplate</li>
|
|
|
|
|
- <li>#bootstraptemplate</li>
|
|
|
|
|
- <li>
|
|
|
|
|
- #freehtmltemplate
|
|
|
|
|
- <span class="pull-right">
|
|
|
|
|
- <i class="material-icons">trending_up</i>
|
|
|
|
|
- </span>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- #END# Latest Social Trends -->
|
|
|
|
|
- <!-- Answered Tickets -->
|
|
|
|
|
- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
|
|
|
|
- <div class="card">
|
|
|
|
|
- <div class="body bg-teal">
|
|
|
|
|
- <div class="font-bold m-b--35">ANSWERED TICKETS</div>
|
|
|
|
|
- <ul class="dashboard-stat-list">
|
|
|
|
|
- <li>
|
|
|
|
|
- TODAY
|
|
|
|
|
- <span class="pull-right"><b>12</b> <small>TICKETS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- YESTERDAY
|
|
|
|
|
- <span class="pull-right"><b>15</b> <small>TICKETS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- LAST WEEK
|
|
|
|
|
- <span class="pull-right"><b>90</b> <small>TICKETS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- LAST MONTH
|
|
|
|
|
- <span class="pull-right"><b>342</b> <small>TICKETS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- LAST YEAR
|
|
|
|
|
- <span class="pull-right"><b>4 225</b> <small>TICKETS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- <li>
|
|
|
|
|
- ALL
|
|
|
|
|
- <span class="pull-right"><b>8 752</b> <small>TICKETS</small></span>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
<!-- #END# Answered Tickets -->
|
|
<!-- #END# Answered Tickets -->
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
- <div class="row clearfix">
|
|
|
|
|
- <!-- Task Info -->
|
|
|
|
|
- <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8">
|
|
|
|
|
- <div class="card">
|
|
|
|
|
- <div class="header">
|
|
|
|
|
- <h2>TASK INFOS</h2>
|
|
|
|
|
- <ul class="header-dropdown m-r--5">
|
|
|
|
|
- <li class="dropdown">
|
|
|
|
|
- <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
|
|
|
|
- <i class="material-icons">more_vert</i>
|
|
|
|
|
- </a>
|
|
|
|
|
- <ul class="dropdown-menu pull-right">
|
|
|
|
|
- <li><a href="javascript:void(0);">Action</a></li>
|
|
|
|
|
- <li><a href="javascript:void(0);">Another action</a></li>
|
|
|
|
|
- <li><a href="javascript:void(0);">Something else here</a></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="body">
|
|
|
|
|
- <div class="table-responsive">
|
|
|
|
|
- <table class="table table-hover dashboard-task-infos">
|
|
|
|
|
- <thead>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <th>#</th>
|
|
|
|
|
- <th>Task</th>
|
|
|
|
|
- <th>Status</th>
|
|
|
|
|
- <th>Manager</th>
|
|
|
|
|
- <th>Progress</th>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </thead>
|
|
|
|
|
- <tbody>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>2</td>
|
|
|
|
|
- <td>Task B</td>
|
|
|
|
|
- <td><span class="label bg-blue">To Do</span></td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-blue" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>3</td>
|
|
|
|
|
- <td>Task C</td>
|
|
|
|
|
- <td><span class="label bg-light-blue">On Hold</span></td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-light-blue" role="progressbar" aria-valuenow="72" aria-valuemin="0" aria-valuemax="100" style="width: 72%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>4</td>
|
|
|
|
|
- <td>Task D</td>
|
|
|
|
|
- <td><span class="label bg-orange">Wait Approvel</span></td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-orange" role="progressbar" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100" style="width: 95%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- <tr>
|
|
|
|
|
- <td>5</td>
|
|
|
|
|
- <td>Task E</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <span class="label bg-red">Suspended</span>
|
|
|
|
|
- </td>
|
|
|
|
|
- <td>John Doe</td>
|
|
|
|
|
- <td>
|
|
|
|
|
- <div class="progress">
|
|
|
|
|
- <div class="progress-bar bg-red" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </td>
|
|
|
|
|
- </tr>
|
|
|
|
|
- </tbody>
|
|
|
|
|
- </table>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- #END# Task Info -->
|
|
|
|
|
- <!-- Browser Usage -->
|
|
|
|
|
- <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
|
|
|
|
|
- <div class="card">
|
|
|
|
|
- <div class="header">
|
|
|
|
|
- <h2>BROWSER USAGE</h2>
|
|
|
|
|
- <ul class="header-dropdown m-r--5">
|
|
|
|
|
- <li class="dropdown">
|
|
|
|
|
- <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
|
|
|
|
|
- <i class="material-icons">more_vert</i>
|
|
|
|
|
- </a>
|
|
|
|
|
- <ul class="dropdown-menu pull-right">
|
|
|
|
|
- <li><a href="javascript:void(0);">Action</a></li>
|
|
|
|
|
- <li><a href="javascript:void(0);">Another action</a></li>
|
|
|
|
|
- <li><a href="javascript:void(0);">Something else here</a></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div class="body">
|
|
|
|
|
- <div id="donut_chart" class="dashboard-donut-chart"></div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
- <!-- #END# Browser Usage -->
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
</section>
|
|
</section>
|
|
|
|
|
|
|
|
<!-- Jquery Core Js -->
|
|
<!-- Jquery Core Js -->
|
|
@@ -799,12 +387,40 @@
|
|
|
}
|
|
}
|
|
|
</script>
|
|
</script>
|
|
|
<script>
|
|
<script>
|
|
|
-
|
|
|
|
|
function get_data(url, callback){
|
|
function get_data(url, callback){
|
|
|
if(url=="la.anyone.alldata"){
|
|
if(url=="la.anyone.alldata"){
|
|
|
callback([
|
|
callback([
|
|
|
{name:"张三", id:133, approve:300, decline:400, Accumulate:1000,worktime:1},
|
|
{name:"张三", id:133, approve:300, decline:400, Accumulate:1000,worktime:1},
|
|
|
{name:"李四", id:133, approve:300, decline:400, Accumulate:1000,worktime:2},
|
|
{name:"李四", id:133, approve:300, decline:400, Accumulate:1000,worktime:2},
|
|
|
|
|
+ ]);
|
|
|
|
|
+ return;
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
|
|
+ get_data("la.anyone.alldata", showAllData);
|
|
|
|
|
+ function showAllData(shuju){
|
|
|
|
|
+ var htmlbody = "";
|
|
|
|
|
+ var i = 0;
|
|
|
|
|
+ for(i=0; i < shuju.length; i++){
|
|
|
|
|
+ var one_person = shuju[i];
|
|
|
|
|
+ htmlbody += "<tr>";
|
|
|
|
|
+ htmlbody += " <tr>\n" +
|
|
|
|
|
+ " <td>"+one_person.name+"("+one_person.id+")</td>\n" +
|
|
|
|
|
+ " <td>"+one_person.approve+"</td>\n" +
|
|
|
|
|
+ " <td>"+one_person.decline+"</td>\n" +
|
|
|
|
|
+ " </tr>";
|
|
|
|
|
+ htmlbody += "</tr>";
|
|
|
|
|
+ }
|
|
|
|
|
+
|
|
|
|
|
+ $("#rank-one").html(htmlbody);
|
|
|
|
|
+ }
|
|
|
|
|
+ </script>
|
|
|
|
|
+ <script>
|
|
|
|
|
+
|
|
|
|
|
+ /*function get_data(url, callback){
|
|
|
|
|
+ if(url=="la.anyone.alldata"){
|
|
|
|
|
+ callback([
|
|
|
|
|
+ {name:"张三", id:133, approve:300, decline:400, Accumulate:1000,worktime:1},
|
|
|
|
|
+ {name:"李四", id:133, approve:300, decline:400, Accumulate:1000,worktime:2},
|
|
|
]);
|
|
]);
|
|
|
return;
|
|
return;
|
|
|
}
|
|
}
|
|
@@ -885,7 +501,7 @@
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
$("#rank-one").html(htmlbody);
|
|
$("#rank-one").html(htmlbody);
|
|
|
- }
|
|
|
|
|
|
|
+ }*/
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
|
</script>
|
Guichuan Yu