Skip to content

L
lanzhou-transportation
提交 9518fbc6 作者: 朱玉敏
操作

zym-配置

上级 c10b184a edfeb388
流水线 #5622 已通过 于阶段
in 2 分 21 秒
正在显示 包含 574 行增加 和 242 行删除
.env.production
......@@ -2,7 +2,7 @@
NODE_ENV = "production"
#默认接口地址
VUE_APP_API_BASE_URL = http://192.168.1.111:8082
VUE_APP_API_BASE_URL =
#新需要的接口地址
VUE_APP_API_Test = http://192.168.1.222:8081
\ No newline at end of file
VUE_APP_API_Test =
\ No newline at end of file
Dockerfile 0 → 100644
FROM hub.c.163.com/library/nginx
MAINTAINER liuhui <331888402@qq.com>
RUN rm /etc/nginx/conf.d/default.conf
ADD default.conf /etc/nginx/conf.d/
COPY dist/ /usr/share/nginx/html/
src/views/Home.vue
......@@ -169,7 +169,7 @@ export default {
z-index: 999;
.home-content-top {
position: absolute;
max-width: 1600px;
max-width: 2000px;
min-width: 1360px;
width: 50%;
top: 0;
......@@ -178,8 +178,8 @@ export default {
}
.home-content-top2 {
position: absolute;
max-width: 800px;
min-width: 660px;
max-width: 2000px;
min-width: 1360px;
width: 50%;
top: 0;
left: 50%;
......
src/views/bottom-component.vue
......@@ -59,6 +59,11 @@ export default {
.bottom-components {
display: flex;
justify-content: space-between;
background-image: url('./../assets/images/bot-bg.png');
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
padding: 30px 100px;
.bottom-item {
margin: 0;
padding: 0;
......
src/views/left1/left-component1.vue
<template>
<div class="left-component1">
<TianQi></TianQi>
<h3 class="list-title">全市交通运行情况</h3>
<h3 class="list-title" style="margin-top:32px;">全市交通运行情况(万辆)</h3>
<div class="total-list">
<div class="list-item">
<div>
......@@ -19,9 +19,9 @@
<Left1Echart1></Left1Echart1>
</div>
<div class="total-static-box">
<span>总数 <em>348</em></span>
<span>在线 <em>266</em></span>
<span>离线 <em>10</em></span>
<span>总数 <em>38.12</em></span>
<span>在线 <em>26.11</em></span>
<span>离线 <em>12.01</em></span>
</div>
</div>
<div class="list-item">
......@@ -40,9 +40,9 @@
<Left1Echart2></Left1Echart2>
</div>
<div class="total-static-box">
<span>总数 <em>348</em></span>
<span>在线 <em>266</em></span>
<span>离线 <em>10</em></span>
<span>总数 <em>20.1</em></span>
<span>在线 <em>16.5</em></span>
<span>离线 <em>3.6</em></span>
</div>
</div>
</div>
......@@ -52,7 +52,7 @@
<div>
<p class="item-p">当前交通拥堵指数</p>
<div class="list-item-box">
<div class="box-num">2</div>
<div class="box-num">1</div>
<div class="box-num">0</div>
<div class="box-num">.</div>
<div class="box-num">5</div>
......@@ -64,9 +64,9 @@
<Left1Echart3></Left1Echart3>
</div>
<div class="total-static-box">
<span>总数 <em>348</em></span>
<span>在线 <em>266</em></span>
<span>离线 <em>10</em></span>
<span>总数 <em>31.5</em></span>
<span>在线 <em>26.6</em></span>
<span>离线 <em>3.9</em></span>
</div>
</div>
<div class="list-item">
......@@ -85,9 +85,9 @@
<Left1Echart4></Left1Echart4>
</div>
<div class="total-static-box">
<span>总数 <em>348</em></span>
<span>在线 <em>266</em></span>
<span>离线 <em>10</em></span>
<span>总数 <em>28.01</em></span>
<span>在线 <em>18.11</em></span>
<span>离线 <em>9.90</em></span>
</div>
</div>
</div>
......@@ -113,12 +113,12 @@ export default {
<style lang="scss">
.left-component1 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
}
.total-list {
......@@ -129,6 +129,7 @@ export default {
.item-p {
color: #47f1f0;
margin: 16px 0;
font-size: 20px;
.item-bg1 {
width: 16px;
height: 16px;
......@@ -181,7 +182,7 @@ export default {
display: flex;
justify-content: space-around;
em {
font-size: 18px;
font-size: 20px;
}
span:nth-child(1) {
color: #0fdb0f;
......
src/views/left2/left-component2.vue
<template>
<div class="left-component2">
<TianQi></TianQi>
<h3 class="list-title">出租车在线情况</h3>
<h3 class="list-title">出租车在线情况(万辆)</h3>
<div class="box-list">
<div class="box-item" v-for="(item, index) in 6" :key="index">
<div class="box-item">
<img src="./../../assets/images/兰州_21.png" class="img" alt="" />
<div class="compony">兰州交通出租汽车有限公司</div>
<div class="bl">
<p>94.5%</p>
<p>26.5%</p>
<p>在线占比</p>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon2.png" alt="" />
<div>
<p>873</p>
<p>83.46</p>
<p>总车数</p>
</div>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon1.png" alt="" />
<div>
<p>873</p>
<p>26.11</p>
<p>离线数</p>
</div>
</div>
</div>
<div class="box-item">
<img src="./../../assets/images/兰州_21.png" class="img" alt="" />
<div class="compony">兰州奔马汽车出租有限公司</div>
<div class="bl">
<p>16.5%</p>
<p>在线占比</p>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon2.png" alt="" />
<div>
<p>53.46</p>
<p>总车数</p>
</div>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon1.png" alt="" />
<div>
<p>16.21</p>
<p>离线数</p>
</div>
</div>
</div>
<div class="box-item">
<img src="./../../assets/images/兰州_21.png" class="img" alt="" />
<div class="compony">兰州金田汽车出租有限公司</div>
<div class="bl">
<p>10.5%</p>
<p>在线占比</p>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon2.png" alt="" />
<div>
<p>33.26</p>
<p>总车数</p>
</div>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon1.png" alt="" />
<div>
<p>14.21</p>
<p>离线数</p>
</div>
</div>
</div>
<div class="box-item">
<img src="./../../assets/images/兰州_21.png" class="img" alt="" />
<div class="compony">兰州南巡汽车出租有限公司</div>
<div class="bl">
<p>9.1%</p>
<p>在线占比</p>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon2.png" alt="" />
<div>
<p>29.26</p>
<p>总车数</p>
</div>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon1.png" alt="" />
<div>
<p>11.31</p>
<p>离线数</p>
</div>
</div>
</div>
<div class="box-item">
<img src="./../../assets/images/兰州_21.png" class="img" alt="" />
<div class="compony">兰州青年汽车出租有限公司</div>
<div class="bl">
<p>8.5%</p>
<p>在线占比</p>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon2.png" alt="" />
<div>
<p>21.26</p>
<p>总车数</p>
</div>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon1.png" alt="" />
<div>
<p>10.21</p>
<p>离线数</p>
</div>
</div>
</div>
<div class="box-item">
<img src="./../../assets/images/兰州_21.png" class="img" alt="" />
<div class="compony">兰州天元汽车出租有限公司</div>
<div class="bl">
<p>6.5%</p>
<p>在线占比</p>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon2.png" alt="" />
<div>
<p>13.26</p>
<p>总车数</p>
</div>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon1.png" alt="" />
<div>
<p>5.21</p>
<p>离线数</p>
</div>
</div>
</div>
<div class="box-item">
<img src="./../../assets/images/兰州_21.png" class="img" alt="" />
<div class="compony">兰州汇力汽车出租有限公司</div>
<div class="bl">
<p>4.5%</p>
<p>在线占比</p>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon2.png" alt="" />
<div>
<p>10.26</p>
<p>总车数</p>
</div>
</div>
<div class="total">
<img src="./../../assets/images/left2-icon1.png" alt="" />
<div>
<p>4.01</p>
<p>离线数</p>
</div>
</div>
......@@ -85,19 +217,19 @@ export default {
<style lang="scss">
.left-component2 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
}
.box-list {
.box-item {
display: flex;
align-items: center;
margin: 10px 0;
margin: 20px 0;
.img {
width: 50px;
}
......
src/views/left3/left-component3.vue
......@@ -73,12 +73,12 @@ export default {
<style lang="scss">
.left-component3 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
}
.box-list {
......
src/views/left4/left-component4.vue
......@@ -15,54 +15,69 @@
<div class="list-table">
<div class="table-content">
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>43.12</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>10.01/</em><em style="color: #f2c232">13.43</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>42.12</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>16.13/</em><em style="color: #f2c232">16.40</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>39.13</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>10.01/</em><em style="color: #f2c232">14.31</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>44.46</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>11.65/</em><em style="color: #f2c232">15.69</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>38.36</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>12.63/</em><em style="color: #f2c232">18.4</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>43.35</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>11.56/</em><em style="color: #f2c232">13.4</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>44.47</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>10.63/</em><em style="color: #f2c232">16.94</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>41.56</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>10.36/</em><em style="color: #f2c232">13.4</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>44.65</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>10.56/</em><em style="color: #f2c232">16.53</em>辆</span>
</div>
<div class="table-line">
<span><em>44</em>辆</span>
<span><em>44.45</em>辆</span>
<span>当日</span>
<span><em>10/</em><em style="color: #f2c232">134</em>辆</span>
<span><em>10/</em><em style="color: #f2c232">13.4</em>辆</span>
</div>
<div class="table-line">
<span><em>43.45</em>辆</span>
<span>当日</span>
<span><em>10.56/</em><em style="color: #f2c232">13.4</em>辆</span>
</div>
<div class="table-line">
<span><em>45.45</em>辆</span>
<span>当日</span>
<span><em>11.56/</em><em style="color: #f2c232">13.4</em>辆</span>
</div>
<div class="table-line">
<span><em>42.45</em>辆</span>
<span>当日</span>
<span><em>13.56/</em><em style="color: #f2c232">13.4</em>辆</span>
</div>
</div>
</div>
......@@ -85,12 +100,12 @@ export default {
<style lang="scss">
.left-component4 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.1));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
display: flex;
justify-content: space-between;
......
src/views/left5/left-component5.vue
......@@ -2,13 +2,13 @@
<div class="left-component5">
<TianQi></TianQi>
<div class="right-box">
<h3 class="list-title">日里程统计</h3>
<h3 class="list-title">日里程统计(万)</h3>
<div class="echarts1">
<Left5Echart1></Left5Echart1>
</div>
</div>
<div class="right-box">
<h3 class="list-title">月里程数</h3>
<h3 class="list-title">月里程数(万)</h3>
<div class="echarts2">
<Left5Echart2></Left5Echart2>
</div>
......@@ -28,12 +28,12 @@ export default {
<style lang="scss">
.left-component5 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
margin-bottom: 16px;
.short-title {
......
src/views/right1/right-component1.vue
......@@ -14,10 +14,10 @@
</div>
</div>
</div>
<div class="right-box2">
<div class="right-box2" style="margin-top:32px;">
<div class="box2-l">
<h3 class="list-title title-box2" style="width: 100%">
<span>当前拥堵地段</span>
<span>拥堵地段</span>
<span class="short-title">
<span>
<i
......@@ -43,98 +43,98 @@
<li>
<span class="li-num" style="background: #8f131b">1</span>
<div class="li-line">
<p>北京西路</p>
<p>南滨河东路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>31.58KM/H
>31.66KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #764922">2</span>
<div class="li-line">
<p>北京西路</p>
<p>南滨河路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>31.58KM/H
>36.18KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #846f2c">3</span>
<div class="li-line">
<p>北京西路</p>
<p>天水北路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>31.58KM/H
>28.33KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #55662b">4</span>
<div class="li-line">
<p>北京西路</p>
<p>雁园路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>31.58KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
>32.64KM/H
<i class="el-icon-bottom" style="color: #ff2f2f; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #364555">5</span>
<div class="li-line">
<p>北京西路</p>
<p>雁滩路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>31.58KM/H
>36.56KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #364555">6</span>
<div class="li-line">
<p>北京西路</p>
<p>嘉峪关北路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>31.58KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
>35.23KM/H
<i class="el-icon-bottom" style="color: #ff2f2f; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #364555">7</span>
<div class="li-line">
<p>北京西路</p>
<p>东岗东路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>31.58KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
>35.36KM/H
<i class="m-stop" style="color: #19ea28; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #364555">8</span>
<div class="li-line">
<p>北京西路</p>
<p>南河路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
......@@ -144,6 +144,19 @@
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
</span>
</li>
<li>
<span class="li-num" style="background: #364555">9</span>
<div class="li-line">
<p>广场北路</p>
<div>
<el-progress :percentage="50" :show-text="false"></el-progress>
</div>
</div>
<span class="li-type"
>32.33KM/H
<i class="el-icon-top" style="color: #19ea28; margin: 0"></i>
</span>
</li>
</ul>
</div>
<div class="box2-r">
......@@ -192,7 +205,7 @@
</div>
</div>
</div>
<div class="right-box3">
<div class="right-box3" style="margin-top:32px;">
<h3 class="list-title">平均车速</h3>
<div class="box3-list">
<div class="box3-item">
......@@ -203,7 +216,7 @@
/>
<div class="box3-item-list">
<p>公交车</p>
<p>30KM/L</p>
<p>32.56KM/L</p>
</div>
</div>
<div class="box3-item">
......@@ -213,8 +226,8 @@
alt=""
/>
<div class="box3-item-list">
<p>公交车</p>
<p>30KM/L</p>
<p>出租车</p>
<p>38.89KM/L</p>
</div>
</div>
<div class="box3-item">
......@@ -224,8 +237,8 @@
alt=""
/>
<div class="box3-item-list">
<p>公交车</p>
<p>30KM/L</p>
<p>水上巴士</p>
<p>28.69KM/L</p>
</div>
</div>
</div>
......@@ -258,7 +271,7 @@ export default {
<style lang="scss">
.right-component1 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
......@@ -268,7 +281,7 @@ export default {
justify-content: space-between;
}
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
margin-bottom: 16px;
.short-title {
......
src/views/right1/right1-echarts1.vue
......@@ -60,17 +60,17 @@ export default {
},
series: [
{
data: [82, 92, 1, 94, 29],
data: [820, 912, 103, 402, 209],
type: "line",
name: "今日",
},
{
data: [82, 32, 11, 4, 12],
data: [802, 312, 131, 465, 122],
type: "line",
name: "昨日",
},
{
data: [12, 52, 31, 24, 32],
data: [1651, 2659, 3261, 5624,3232],
type: "line",
name: "上周",
},
......
src/views/right1/right1-echarts2.vue
......@@ -60,17 +60,17 @@ export default {
},
series: [
{
data: [82, 92, 1, 94, 29],
data: [82, 92, 145, 94, 29],
type: "line",
name: "今日",
},
{
data: [82, 32, 11, 4, 12],
data: [82, 32, 151, 4, 12],
type: "line",
name: "昨日",
},
{
data: [12, 52, 31, 24, 32],
data: [12, 52, 316, 24, 32],
type: "line",
name: "上周",
},
......
src/views/right2/right-component2.vue
......@@ -14,10 +14,62 @@
</div>
<div class="right-box2">
<h3 class="list-title">监控情况</h3>
<div class="monitor">
<div class="monitor-bg"></div>
<div class="monitor-bg"></div>
</div>
<el-carousel height="200px" indicator-position="none">
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
</template>
......@@ -37,12 +89,12 @@ export default {
<style lang="scss">
.right-component2 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
margin-bottom: 16px;
.short-title {
......
src/views/right2/right2-echarts1.vue
......@@ -75,7 +75,7 @@ export default {
},
series: [
{
data: [82, 92, 62, 94, 29, 62, 94, 29, 29, 62, 94, 29],
data: [82, 92, 62, 94, 91, 82, 94, 69, 79, 80, 94, 76],
type: "bar",
label: {
show: true,
......
src/views/right2/right2-echarts2.vue
......@@ -75,7 +75,7 @@ export default {
},
series: [
{
data: [82, 92, 62, 94, 29, 62, 94, 29, 29, 62, 94, 29],
data: [42, 52, 51, 34, 38, 52, 24, 29, 29, 52, 54, 29],
type: "bar",
label: {
show: true,
......
src/views/right3/right-component3.vue
......@@ -33,7 +33,7 @@
</div>
</div>
</div>
<div class="right-box">
<div class="right-box" style="margin-top:32px;">
<h3 class="list-title">线路</h3>
<div class="list-table">
<div class="table-title">
......@@ -44,68 +44,144 @@
</div>
<div class="table-content">
<div class="table-line">
<span>[2路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span>[122路]</span>
<span><em>54</em>辆</span>
<span><em>1112</em>公里</span>
<span><em>11214</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span>[212路]</span>
<span><em>64</em>辆</span>
<span><em>1262</em>公里</span>
<span><em>12144</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span>[361路]</span>
<span><em>56</em>辆</span>
<span><em>2162</em>公里</span>
<span><em>15144</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span>[962路]</span>
<span><em>34</em>辆</span>
<span><em>1852</em>公里</span>
<span><em>16534</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span>[983路]</span>
<span><em>32</em>辆</span>
<span><em>1152</em>公里</span>
<span><em>15134</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span>[216路]</span>
<span><em>41</em>辆</span>
<span><em>1262</em>公里</span>
<span><em>12164</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span>[311路]</span>
<span><em>54</em>辆</span>
<span><em>1662</em>公里</span>
<span><em>15144</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span>[313路]</span>
<span><em>64</em>辆</span>
<span><em>1662</em>公里</span>
<span><em>15244</em>人次</span>
</div>
<div class="table-line">
<span>[315路]</span>
<span><em>45</em>辆</span>
<span><em>1182</em>公里</span>
<span><em>15324</em>人次</span>
</div>
<div class="table-line">
<span>[902路]</span>
<span><em>45</em>辆</span>
<span><em>1282</em>公里</span>
<span><em>15924</em>人次</span>
</div>
<div class="table-line">
<span>[903路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span><em>1642</em>公里</span>
<span><em>13924</em>人次</span>
</div>
<div class="table-line">
<span>[2路]</span>
<span>[318路]</span>
<span><em>44</em>辆</span>
<span><em>1162</em>公里</span>
<span><em>12144</em>人次</span>
<span><em>1962</em>公里</span>
<span><em>19324</em>人次</span>
</div>
<div class="table-line">
<span>[317路]</span>
<span><em>34</em>辆</span>
<span><em>1482</em>公里</span>
<span><em>13814</em>人次</span>
</div>
</div>
</div>
</div>
<div class="right-box2">
<div class="right-box2" style="margin-top:32px;">
<h3 class="list-title">监控情况</h3>
<div class="monitor">
<div class="monitor-bg"></div>
<div class="monitor-bg"></div>
</div>
<el-carousel height="200px" indicator-position="none">
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
</template>
......@@ -120,12 +196,12 @@ export default {
<style lang="scss">
.right-component3 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
margin-bottom: 16px;
.short-title {
......
src/views/right4/right-component4.vue
......@@ -33,8 +33,8 @@
</div>
</div>
</div>
<div class="right-box">
<h3 class="list-title">当前车辆使用情况</h3>
<div class="right-box" style="margin-top:32px">
<h3 class="list-title">当前车辆使用情况(万)</h3>
<div class="list-table">
<div class="table-title">
<span>低点</span>
......@@ -44,63 +44,39 @@
</div>
<div class="table-content">
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
<span>[七里河区]</span>
<span><em>31.5%</em></span>
<span><em>16.2</em>辆</span>
<span><em>12.11</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
<span>[城关区]</span>
<span><em>26.1%</em></span>
<span><em>13.62</em>辆</span>
<span><em>12.1</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
<span>[西固区]</span>
<span><em>16.65%</em></span>
<span><em>11.2</em>辆</span>
<span><em>9.1</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span>[安宁区]</span>
<span><em>14.3%</em></span>
<span><em>9.6</em>辆</span>
<span><em>121</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
</div>
<div class="table-line">
<span>[江宁区]</span>
<span><em>10%</em></span>
<span><em>1162</em>辆</span>
<span><em>121</em>辆</span>
<span>[红古区]</span>
<span><em>9.56%</em></span>
<span><em>8.62</em>辆</span>
<span><em>7.21</em>辆</span>
</div>
</div>
</div>
</div>
<div class="right-box2">
<div class="right-box2" style="margin-top:32px;">
<h3 class="list-title">借还柱状图</h3>
<div class="monitor">
<Right4Echarts1></Right4Echarts1>
......@@ -122,12 +98,12 @@ export default {
<style lang="scss">
.right-component4 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
margin-bottom: 16px;
.short-title {
......@@ -176,8 +152,8 @@ export default {
rgba(16, 55, 98, 0.8),
rgba(69, 97, 128, 0.8)
);
padding: 2px 0;
margin: 8px 0;
padding: 8px 0;
margin: 16px 0;
span {
display: inline-block;
width: 25%;
......
src/views/right4/right4-echarts1.vue
......@@ -53,7 +53,7 @@ export default {
},
series: [
{
data: [82, 92, 62, 94, 29, 62, 94, 29, 29, 62, 94, 29],
data: [81, 52, 82, 34, 69, 42, 34, 59, 99, 32, 84, 49],
type: "bar",
name:'借',
label: {
......
src/views/right5/right-component5.vue
......@@ -46,7 +46,7 @@
</div>
</div>
</div>
<div class="right-box">
<div class="right-box" style="margin-top:32px;">
<h3 class="list-title">告警信息</h3>
<div class="list-table">
<div class="table-title">
......@@ -113,12 +113,64 @@
</div>
</div>
</div>
<div class="right-box2">
<div class="right-box2" style="margin-top:32px;">
<h3 class="list-title">监控情况</h3>
<div class="monitor">
<div class="monitor-bg"></div>
<div class="monitor-bg"></div>
</div>
<el-carousel height="200px" indicator-position="none">
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
<el-carousel-item>
<div class="monitor">
<div class="monitor-bg">
<img
src="./../../assets/images/jk1.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
<div class="monitor-bg">
<img
src="./../../assets/images/jk2.jpg"
style="width: 100%; height: 100%"
alt=""
/>
</div>
</div>
</el-carousel-item>
</el-carousel>
</div>
</div>
</template>
......@@ -133,12 +185,12 @@ export default {
<style lang="scss">
.right-component5 {
width: 600px;
height: 960px;
height: 1120px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9));
color: #fff;
padding: 16px;
.list-title {
font-size: 18px;
font-size: 24px;
color: #47f1f0;
margin-bottom: 16px;
.short-title {
......
src/views/top/top-component1.vue
......@@ -10,8 +10,8 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 公交车</span>
</p>
<p>
<span> 在线车辆数<em>20016</em>辆 </span>
<span> 总车辆数<em>30600</em>辆 </span>
<span> 在线车辆数<em>2006</em>辆 </span>
<span> 总车辆数<em>13060</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -19,8 +19,8 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 出租车</span>
</p>
<p>
<span> 在线车辆数<em>210016</em>辆 </span>
<span> 总车辆数<em>265600</em>辆 </span>
<span> 在线车辆数<em>10016</em>辆 </span>
<span> 总车辆数<em>65600</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -28,8 +28,8 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 自行车</span>
</p>
<p>
<span> 在线车辆数<em>180162</em>辆 </span>
<span> 总车辆数<em>305600</em>辆 </span>
<span> 在线车辆数<em>10162</em>辆 </span>
<span> 总车辆数<em>30600</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -90,6 +90,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-between;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -97,15 +98,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component2.vue
......@@ -8,19 +8,19 @@
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 离线</span></p>
<p>
<span><em>48</em>辆 </span>
<span><em>4878</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 空驾</span></p>
<p>
<span><em>18</em>辆 </span>
<span><em>1458</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 载客</span></p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>7854</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -28,7 +28,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总车数</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>4554</em>辆 </span>
</p>
</div>
</div>
......@@ -80,6 +80,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -87,15 +88,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component3.vue
......@@ -10,7 +10,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 上行车辆</span>
</p>
<p>
<span><em>48</em>辆 </span>
<span><em>4801</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -18,7 +18,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 下行车辆</span>
</p>
<p>
<span><em>18</em>辆 </span>
<span><em>1810</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -26,7 +26,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 停运车辆</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>5104</em>辆 </span>
</p>
</div>
</div>
......@@ -78,6 +78,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -85,15 +86,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component4.vue
......@@ -10,13 +10,13 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 可还车桩</span>
</p>
<p>
<span><em>48</em>辆 </span>
<span><em>4218</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 在线</span></p>
<p>
<span><em>18</em>辆 </span>
<span><em>1854</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -24,7 +24,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总车数</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>5544</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -32,7 +32,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总站点数</span>
</p>
<p>
<span> <em>542</em>辆 </span>
<span> <em>5424</em>辆 </span>
</p>
</div>
</div>
......@@ -84,6 +84,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -91,15 +92,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
src/views/top/top-component5.vue
......@@ -10,13 +10,13 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 在线</span>
</p>
<p>
<span><em>48</em>辆 </span>
<span><em>4458</em>辆 </span>
</p>
</div>
<div class="l-item">
<p><i class="l-item-bg"></i> <span class="l-item-span"> 告警</span></p>
<p>
<span><em>18</em>辆 </span>
<span><em>1854</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -24,7 +24,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 离线</span>
</p>
<p>
<span> <em>54</em>辆 </span>
<span> <em>5544</em>辆 </span>
</p>
</div>
<div class="l-item">
......@@ -32,7 +32,7 @@
<i class="l-item-bg"></i> <span class="l-item-span"> 总船数</span>
</p>
<p>
<span> <em>542</em>辆 </span>
<span> <em>5424</em>辆 </span>
</p>
</div>
</div>
......@@ -84,6 +84,7 @@ export default {
color: #ffffff;
display: flex;
justify-content: space-around;
font-size: 20px;
.l-item {
p {
text-align: center;
......@@ -91,15 +92,15 @@ export default {
> span {
margin: 0 10px;
em {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
margin: 0 2px;
}
}
}
.l-item-span {
color: #37dbfe;
font-size: 18px;
color: #f4bd39;
font-size: 32px;
}
.l-item-bg {
display: inline-block;
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论