BJ_web_developers / zxznweb

Commit 9f743f4f9457a716a3ef6ec0f4faad94f41a3f2a

Authored by liuqimichale
1 parent b41579fa

公共交通

Inline Side-by-side
Showing 13 changed files with 198 additions and 10 deletions
src/assets/images/solution/solution10.png 0 → 100644
View file @9f743f4

918 KB
src/assets/images/solution/solution11.png 0 → 100644
View file @9f743f4

94.9 KB
src/assets/images/solution/solution12.png 0 → 100644
View file @9f743f4

855 KB
src/assets/images/solution/solution13.png 0 → 100644
View file @9f743f4

502 KB
src/assets/images/solution/solution14.png 0 → 100644
View file @9f743f4

419 KB
src/assets/images/solution/solution15.png 0 → 100644
View file @9f743f4

825 KB
src/assets/images/solution/solution6.png 0 → 100644
View file @9f743f4

800 KB
src/assets/images/solution/solution7.png 0 → 100644
View file @9f743f4

367 KB
src/assets/images/solution/solution8.png 0 → 100644
View file @9f743f4

418 KB
src/assets/images/solution/solution9.png 0 → 100644
View file @9f743f4

712 KB
src/views/solution/components/solutionSelect0.vue
  View file @9f743f4
1 1 <template>
2 2 <div>
3   - <div class="widthCommon" style="padding: 50px 0">
  3 + <div class="width" style="padding: 50px 0;">
4 4 <p style="font-size: 18px;text-align: center;margin-bottom: 20px;">城市级智慧停车管理解决方案</p>
5 5 <ul class="overHidden">
6 6 <li class="fl">
... ... @@ -13,7 +13,7 @@
13 13 </ul>
14 14 </div>
15 15 <div class="bgCommon" style="padding: 50px 0">
16   - <div class="widthCommon">
  16 + <div class="width">
17 17 <ul class="overHidden">
18 18  
19 19 <li class="fl" style="width: 392px;">
... ... @@ -27,7 +27,7 @@
27 27 </div>
28 28 </div>
29 29  
30   - <div class="widthCommon" style="padding: 50px 0">
  30 + <div class="width" style="padding: 50px 0">
31 31 <ul class="overHidden">
32 32 <li class="fl" style="">
33 33 <img src="../../../assets/images/solution/solution3.png" width="447px" height="278px">
... ... @@ -42,7 +42,7 @@
42 42 </div>
43 43  
44 44 <div class="bgCommon" style="padding: 50px 0">
45   - <div class="widthCommon">
  45 + <div class="width">
46 46 <ul class="overHidden">
47 47  
48 48 <li class="fl" style="width: 392px;">
... ... @@ -56,7 +56,7 @@
56 56 </div>
57 57 </div>
58 58  
59   - <div class="widthCommon" style="padding: 50px 0">
  59 + <div class="width" style="padding: 50px 0">
60 60 <ul class="overHidden">
61 61 <li class="fl" style="">
62 62 <img src="../../../assets/images/solution/solution5.png" width="447px" height="278px">
... ... @@ -72,7 +72,7 @@
72 72  
73 73  
74 74 <div class="bgCommon" style="padding: 50px 0">
75   - <div class="widthCommon">
  75 + <div class="width">
76 76 <ul class="overHidden">
77 77 <li class="fl" style="width: 392px;">
78 78 <div style="font-size: 24px;margin-bottom: 34px;"> 面向车主</div>
... ... @@ -186,6 +186,10 @@ export default {
186 186 </script>
187 187  
188 188 <style scoped lang="scss">
  189 + .width{
  190 + width: 1200px;
  191 + margin: 0 auto;
  192 + }
189 193 .tab-swiper{
190 194 width: 318px;
191 195 display: flex;
... ...
src/views/solution/components/solutionSelect1.vue
  View file @9f743f4
1 1 <template>
2   - <div>1</div>
  2 + <div>
  3 + <div class="width" style="padding: 50px 0;">
  4 + <ul class="overHidden">
  5 + <li class="fl">
  6 + <img src="../../../assets/images/solution/solution6.png" width="447px" height="278px">
  7 + </li>
  8 + <li class="fl" style="width: 392px;margin-left: 166px;">
  9 + <p style="font-size: 18px;padding: 40px 0;">交通信号控制系统</p>
  10 + <p style="font-size: 14px;line-height: 20px">区域协调式交通信号控制，均衡路网交通流量、优化交通信号配时方案、交通疏导和交通组织与规划、提高机动车辆通行效率、提升道路通行服务水平。</p>
  11 + </li>
  12 + </ul>
  13 + </div>
  14 + <div class="bgCommon" style="padding: 50px 0">
  15 + <div class="width">
  16 + <ul class="overHidden">
  17 +
  18 + <li class="fl" style="width: 392px;">
  19 + <p style="font-size: 18px;padding: 40px 0;">交通诱导发布系统</p>
  20 + <p style="font-size: 14px;line-height: 20px">实时路网路况展示、交通管制信息发布、提供公众出行信息服务、优化车辆行车路径、减少道路拥堵。</p>
  21 + </li>
  22 + <li class="fl" style="margin-left: 166px;">
  23 + <img src="../../../assets/images/solution/solution7.png" width="447px" height="278px">
  24 + </li>
  25 + </ul>
  26 + </div>
  27 + </div>
  28 +
  29 + <div class="width" style="padding: 50px 0">
  30 + <ul class="overHidden">
  31 + <li class="fl" style="">
  32 + <img src="../../../assets/images/solution/solution8.png" width="447px" height="278px">
  33 + </li>
  34 +
  35 + <li class="fl" style="width: 392px;margin-left: 166px;">
  36 + <p style="font-size: 18px;padding: 40px 0;">交通流量采集系统</p>
  37 + <p style="font-size: 14px;line-height: 20px">实时采集道路拥堵情况、平均速度、车流量、占有率、平均旅行时间和特定交通事件等信息，为交通组织决策提供即时准确的分析数据。</p>
  38 + </li>
  39 +
  40 + </ul>
  41 + </div>
  42 +
  43 + <div class="bgCommon" style="padding: 50px 0">
  44 + <div class="width">
  45 + <ul class="overHidden">
  46 +
  47 + <li class="fl" style="width: 392px;">
  48 + <p style="font-size: 18px;padding: 40px 0;">非现场执法系统</p>
  49 + <p style="font-size: 14px;line-height: 20px">采用全视频大视域多规则动态跟踪监测技术，系统自动对视频流中运动物体进行实时逐帧检测、锁定、跟踪，对违反禁令标识行驶、闯红灯、逆行、压线、不按车道行驶等车辆进行抓拍，有效解决公安警力不足、提高科技执法水平。</p>
  50 + </li>
  51 + <li class="fl" style="margin-left: 166px;">
  52 + <img src="../../../assets/images/solution/solution9.png" width="447px" height="278px">
  53 + </li>
  54 + </ul>
  55 + </div>
  56 + </div>
  57 +
  58 + <div class="width" style="padding: 50px 0">
  59 + <ul class="overHidden">
  60 + <li class="fl" style="">
  61 + <img src="../../../assets/images/solution/solution10.png" width="447px" height="278px">
  62 + </li>
  63 +
  64 + <li class="fl" style="width: 392px;margin-left: 166px;">
  65 + <p style="font-size: 18px;padding: 40px 0;">交通大数据智能决策</p>
  66 + <p style="font-size: 14px;line-height: 20px"></p>
  67 + </li>
  68 +
  69 + </ul>
  70 + </div>
  71 +
  72 +
  73 + </div>
3 74 </template>
4 75  
5 76 <script>
  77 +
  78 +
6 79 export default {
7   - name: 'solutionSelect1'
  80 + name: 'solutionSelect1',
  81 + data(){
  82 + return{
  83 +
  84 + }
  85 + },
  86 + mounted() {
  87 +
  88 + },
  89 + methods:{
  90 +
  91 + }
  92 +
  93 +
8 94 }
9 95 </script>
10 96  
11 97 <style scoped lang="scss">
  98 + .width{
  99 + width: 1200px;
  100 + margin: 0 auto;
  101 + }
  102 +
12 103  
13 104 </style>
... ...
src/views/solution/components/solutionSelect2.vue
  View file @9f743f4
1 1 <template>
2   - <div>2</div>
  2 + <div>
  3 + <div class="width" style="padding: 50px 0;">
  4 + <p style="font-size: 18px;text-align: center;margin-bottom: 20px;">公共交通综合分析与研判系统</p>
  5 + <ul class="overHidden">
  6 + <li class="fl">
  7 + <img src="../../../assets/images/solution/solution11.png" width="337px" height="326px">
  8 + </li>
  9 + <li class="fl" style="width: 392px;margin-left: 166px;">
  10 + <p style="font-size: 18px;padding: 40px 0;">公共交通</p>
  11 + <p style="font-size: 14px;line-height: 20px">公交车、出租车、执法车船
  12 + 接口拓展：铁路、民航、水运</p>
  13 + </li>
  14 + </ul>
  15 + </div>
  16 + <div class="bgCommon" style="padding: 50px 0">
  17 + <div class="width">
  18 + <ul class="overHidden">
  19 +
  20 + <li class="fl" style="width: 392px;">
  21 + <p style="font-size: 18px;padding: 40px 0;">公交调度系统</p>
  22 + <p style="font-size: 14px;line-height: 20px">公交调度、智能排班、信息发布、线路模拟、运营统计、电子站牌</p>
  23 + </li>
  24 + <li class="fl" style="margin-left: 166px;">
  25 + <img src="../../../assets/images/solution/solution12.png" width="447px" height="278px">
  26 + </li>
  27 + </ul>
  28 + </div>
  29 + </div>
  30 +
  31 + <div class="width" style="padding: 50px 0">
  32 + <ul class="overHidden">
  33 + <li class="fl" style="">
  34 + <img src="../../../assets/images/solution/solution13.png" width="447px" height="278px">
  35 + </li>
  36 +
  37 + <li class="fl" style="width: 392px;margin-left: 166px;">
  38 + <p style="font-size: 18px;padding: 40px 0;">公交监测与分析</p>
  39 + <p style="font-size: 14px;line-height: 20px">交通专题数据库建设、运营监测、车辆运营状况监控、公交运力分析、动态服务信息推送。</p>
  40 + </li>
  41 +
  42 + </ul>
  43 + </div>
  44 +
  45 + <div class="bgCommon" style="padding: 50px 0">
  46 + <div class="width">
  47 + <ul class="overHidden">
  48 +
  49 + <li class="fl" style="width: 392px;">
  50 + <p style="font-size: 18px;padding: 40px 0;">公交电子站牌</p>
  51 + <p style="font-size: 14px;line-height: 20px">多媒体信息显示、车辆到站提醒、车辆到站预报、语音播报、公交智能调度管理、视频实时监控及客流统计。</p>
  52 + </li>
  53 + <li class="fl" style="margin-left: 166px;">
  54 + <img src="../../../assets/images/solution/solution14.png" width="447px" height="278px">
  55 + </li>
  56 + </ul>
  57 + </div>
  58 + </div>
  59 +
  60 + <div class="width" style="padding: 50px 0">
  61 + <ul class="overHidden">
  62 + <li class="fl" style="">
  63 + <img src="../../../assets/images/solution/solution15.png" width="447px" height="278px">
  64 + </li>
  65 +
  66 + <li class="fl" style="width: 392px;margin-left: 166px;">
  67 + <p style="font-size: 18px;padding: 40px 0;">公交视频监控</p>
  68 + <p style="font-size: 14px;line-height: 20px">公交车载视频、公交视频录像、电子站牌视频、电子站牌录像、公路实时视频、公路录像回放，为纠纷及刑事案件追查和划分责任提供强有力的证据支撑。</p>
  69 + </li>
  70 +
  71 + </ul>
  72 + </div>
  73 +
  74 +
  75 + </div>
3 76 </template>
4 77  
5 78 <script>
  79 +
  80 +
6 81 export default {
7   - name: 'solutionSelect2'
  82 + name: 'solutionSelect2',
  83 + data(){
  84 + return{
  85 +
  86 + }
  87 + },
  88 + mounted() {
  89 +
  90 + },
  91 + methods:{
  92 +
  93 + }
  94 +
  95 +
8 96 }
9 97 </script>
10 98  
11 99 <style scoped lang="scss">
  100 + .width{
  101 + width: 1200px;
  102 + margin: 0 auto;
  103 + }
  104 +
12 105  
13 106 </style>
... ...