Skip to content

李君 / carrefour

Go to a project
Commit 86d1e2a6 by 李君
Options

优化

1 parent 7d2a9ebd
Inline Side-by-side
Showing 2 changed files with 100 additions and 0 deletions
src/views/queueManagement/dataPlayback/index.vue
......@@ -105,6 +105,24 @@
</div>
<div class="asis-table-content" v-loading="loading">
<canvas id='container' class="boxShadow"></canvas>
<ul class="dots">
<li>
<span class="dot dot_green"></span>
<span>Walking</span>
</li>
<li>
<span class="dot dot_red"></span>
<span>Queueing</span>
</li>
<li>
<span class="dot dot_orange"></span>
<span>Queueing with Car</span>
</li>
<li>
<span class="dot dot_blue"></span>
<span>In Service</span>
</li>
</ul>
<!-- <div class="time-box1" v-show="progressShow">
<span style="float: left;">{{startTime}}</span>
<span style="color: #2774e9;">{{progressTime.substring(11)}}</span>
......@@ -1085,4 +1103,37 @@
height: 400px;
margin: 0 auto;
}
.asis-table-content{
position: relative;
.dots{
position: absolute;
bottom: 52px;
left: 600px;
li{
display: inline-block;
margin-right: 15px;
}
span{
display: inline-block;
margin-right: 5px;
}
.dot{
width: 10px;
height: 10px;
border-radius: 50%;
}
.dot_red{
background-color: red;
}
.dot_green{
background-color: green;
}
.dot_orange{
background-color: orange;
}
.dot_blue{
background-color: blue;
}
}
}
</style>
src/views/queueManagement/queueLive/index.vue
......@@ -70,6 +70,24 @@
</div>
<div class="canvasContainer">
<canvas id='container'></canvas>
<ul class="dots">
<li>
<span class="dot dot_green"></span>
<span>Walking</span>
</li>
<li>
<span class="dot dot_red"></span>
<span>Queueing</span>
</li>
<li>
<span class="dot dot_orange"></span>
<span>Queueing with Car</span>
</li>
<li>
<span class="dot dot_blue"></span>
<span>In Service</span>
</li>
</ul>
</div>
<div class="aiot_bottom">
<div class="tabel">
......@@ -813,6 +831,37 @@ export default {
text-align:center;
box-shadow: 0px 3px 12px 0px rgba(196, 200, 207, 0.8);
margin-bottom: 7px;
position: relative;
}
.dots{
position: absolute;
bottom: 46px;
left: 600px;
li{
display: inline-block;
margin-right: 15px;
}
span{
display: inline-block;
margin-right: 5px;
}
.dot{
width: 10px;
height: 10px;
border-radius: 50%;
}
.dot_red{
background-color: red;
}
.dot_green{
background-color: green;
}
.dot_orange{
background-color: orange;
}
.dot_blue{
background-color: blue;
}
}
.aiot_content {
position: relative;
......
Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!