公共交通

liuqimichale
1 parent b41579fa
Showing 13 changed files with 198 additions and 10 deletions
src/assets/images/solution/solution10.png
src/assets/images/solution/solution11.png
src/assets/images/solution/solution12.png
src/assets/images/solution/solution13.png
src/assets/images/solution/solution14.png
src/assets/images/solution/solution15.png
src/assets/images/solution/solution6.png
src/assets/images/solution/solution7.png
src/assets/images/solution/solution8.png
src/assets/images/solution/solution9.png
src/views/solution/components/solutionSelect0.vue
src/views/solution/components/solutionSelect1.vue
src/views/solution/components/solutionSelect2.vue
 <template>
     <div>
-      <div class="widthCommon" style="padding: 50px 0">
+      <div class="width" style="padding: 50px 0;">
         <p style="font-size: 18px;text-align: center;margin-bottom: 20px;">城市级智慧停车管理解决方案</p>
         <ul class="overHidden">
           <li class="fl">
@@ -13,7 +13,7 @@
         </ul>
       </div>
       <div class="bgCommon" style="padding: 50px 0">
-        <div class="widthCommon">
+        <div class="width">
           <ul class="overHidden">
             <li class="fl" style="width: 392px;">
@@ -27,7 +27,7 @@
         </div>
       </div>
-      <div class="widthCommon" style="padding: 50px 0">
+      <div class="width" style="padding: 50px 0">
         <ul class="overHidden">
           <li class="fl" style="">
             <img src="../../../assets/images/solution/solution3.png" width="447px" height="278px">
@@ -42,7 +42,7 @@
       </div>
       <div class="bgCommon" style="padding: 50px 0">
-        <div class="widthCommon">
+        <div class="width">
           <ul class="overHidden">
             <li class="fl" style="width: 392px;">
@@ -56,7 +56,7 @@
         </div>
       </div>
-      <div class="widthCommon" style="padding: 50px 0">
+      <div class="width" style="padding: 50px 0">
         <ul class="overHidden">
           <li class="fl" style="">
             <img src="../../../assets/images/solution/solution5.png" width="447px" height="278px">
@@ -72,7 +72,7 @@
       <div class="bgCommon" style="padding: 50px 0">
-        <div class="widthCommon">
+        <div class="width">
           <ul class="overHidden">
             <li class="fl" style="width: 392px;">
               <div style="font-size: 24px;margin-bottom: 34px;"> 面向车主</div>
@@ -186,6 +186,10 @@ export default {
 </script>
 <style scoped lang="scss">
+  .width{
+    width: 1200px;
+    margin: 0 auto;
+  }
 .tab-swiper{
   width: 318px;
   display: flex;
 <template>
-    <div>1</div>
+  <div>
+    <div class="width" style="padding: 50px 0;">
+      <ul class="overHidden">
+        <li class="fl">
+          <img src="../../../assets/images/solution/solution6.png" width="447px" height="278px">
+        </li>
+        <li class="fl" style="width: 392px;margin-left: 166px;">
+          <p style="font-size: 18px;padding: 40px 0;">交通信号控制系统</p>
+          <p style="font-size: 14px;line-height: 20px">区域协调式交通信号控制，均衡路网交通流量、优化交通信号配时方案、交通疏导和交通组织与规划、提高机动车辆通行效率、提升道路通行服务水平。</p>
+        </li>
+      </ul>
+    </div>
+    <div class="bgCommon" style="padding: 50px 0">
+      <div class="width">
+        <ul class="overHidden">
+
+          <li class="fl" style="width: 392px;">
+            <p style="font-size: 18px;padding: 40px 0;">交通诱导发布系统</p>
+            <p style="font-size: 14px;line-height: 20px">实时路网路况展示、交通管制信息发布、提供公众出行信息服务、优化车辆行车路径、减少道路拥堵。</p>
+          </li>
+          <li class="fl" style="margin-left: 166px;">
+            <img src="../../../assets/images/solution/solution7.png" width="447px" height="278px">
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="width" style="padding: 50px 0">
+      <ul class="overHidden">
+        <li class="fl" style="">
+          <img src="../../../assets/images/solution/solution8.png" width="447px" height="278px">
+        </li>
+
+        <li class="fl" style="width: 392px;margin-left: 166px;">
+          <p style="font-size: 18px;padding: 40px 0;">交通流量采集系统</p>
+          <p style="font-size: 14px;line-height: 20px">实时采集道路拥堵情况、平均速度、车流量、占有率、平均旅行时间和特定交通事件等信息，为交通组织决策提供即时准确的分析数据。</p>
+        </li>
+
+      </ul>
+    </div>
+
+    <div class="bgCommon" style="padding: 50px 0">
+      <div class="width">
+        <ul class="overHidden">
+
+          <li class="fl" style="width: 392px;">
+            <p style="font-size: 18px;padding: 40px 0;">非现场执法系统</p>
+            <p style="font-size: 14px;line-height: 20px">采用全视频大视域多规则动态跟踪监测技术，系统自动对视频流中运动物体进行实时逐帧检测、锁定、跟踪，对违反禁令标识行驶、闯红灯、逆行、压线、不按车道行驶等车辆进行抓拍，有效解决公安警力不足、提高科技执法水平。</p>
+          </li>
+          <li class="fl" style="margin-left: 166px;">
+            <img src="../../../assets/images/solution/solution9.png" width="447px" height="278px">
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="width" style="padding: 50px 0">
+      <ul class="overHidden">
+        <li class="fl" style="">
+          <img src="../../../assets/images/solution/solution10.png" width="447px" height="278px">
+        </li>
+
+        <li class="fl" style="width: 392px;margin-left: 166px;">
+          <p style="font-size: 18px;padding: 40px 0;">交通大数据智能决策</p>
+          <p style="font-size: 14px;line-height: 20px"></p>
+        </li>
+
+      </ul>
+    </div>
+
+
+  </div>
 </template>
 <script>
+
+
 export default {
-  name: 'solutionSelect1'
+  name: 'solutionSelect1',
+  data(){
+    return{
+
+    }
+  },
+  mounted() {
+
+  },
+  methods:{
+
+  }
+
+
 }
 </script>
 <style scoped lang="scss">
+  .width{
+    width: 1200px;
+    margin: 0 auto;
+  }
+
 </style>
 <template>
-    <div>2</div>
+  <div>
+    <div class="width" style="padding: 50px 0;">
+      <p style="font-size: 18px;text-align: center;margin-bottom: 20px;">公共交通综合分析与研判系统</p>
+      <ul class="overHidden">
+        <li class="fl">
+          <img src="../../../assets/images/solution/solution11.png" width="337px" height="326px">
+        </li>
+        <li class="fl" style="width: 392px;margin-left: 166px;">
+          <p style="font-size: 18px;padding: 40px 0;">公共交通</p>
+          <p style="font-size: 14px;line-height: 20px">公交车、出租车、执法车船
+            接口拓展：铁路、民航、水运</p>
+        </li>
+      </ul>
+    </div>
+    <div class="bgCommon" style="padding: 50px 0">
+      <div class="width">
+        <ul class="overHidden">
+
+          <li class="fl" style="width: 392px;">
+            <p style="font-size: 18px;padding: 40px 0;">公交调度系统</p>
+            <p style="font-size: 14px;line-height: 20px">公交调度、智能排班、信息发布、线路模拟、运营统计、电子站牌</p>
+          </li>
+          <li class="fl" style="margin-left: 166px;">
+            <img src="../../../assets/images/solution/solution12.png" width="447px" height="278px">
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="width" style="padding: 50px 0">
+      <ul class="overHidden">
+        <li class="fl" style="">
+          <img src="../../../assets/images/solution/solution13.png" width="447px" height="278px">
+        </li>
+
+        <li class="fl" style="width: 392px;margin-left: 166px;">
+          <p style="font-size: 18px;padding: 40px 0;">公交监测与分析</p>
+          <p style="font-size: 14px;line-height: 20px">交通专题数据库建设、运营监测、车辆运营状况监控、公交运力分析、动态服务信息推送。</p>
+        </li>
+
+      </ul>
+    </div>
+
+    <div class="bgCommon" style="padding: 50px 0">
+      <div class="width">
+        <ul class="overHidden">
+
+          <li class="fl" style="width: 392px;">
+            <p style="font-size: 18px;padding: 40px 0;">公交电子站牌</p>
+            <p style="font-size: 14px;line-height: 20px">多媒体信息显示、车辆到站提醒、车辆到站预报、语音播报、公交智能调度管理、视频实时监控及客流统计。</p>
+          </li>
+          <li class="fl" style="margin-left: 166px;">
+            <img src="../../../assets/images/solution/solution14.png" width="447px" height="278px">
+          </li>
+        </ul>
+      </div>
+    </div>
+
+    <div class="width" style="padding: 50px 0">
+      <ul class="overHidden">
+        <li class="fl" style="">
+          <img src="../../../assets/images/solution/solution15.png" width="447px" height="278px">
+        </li>
+
+        <li class="fl" style="width: 392px;margin-left: 166px;">
+          <p style="font-size: 18px;padding: 40px 0;">公交视频监控</p>
+          <p style="font-size: 14px;line-height: 20px">公交车载视频、公交视频录像、电子站牌视频、电子站牌录像、公路实时视频、公路录像回放，为纠纷及刑事案件追查和划分责任提供强有力的证据支撑。</p>
+        </li>
+
+      </ul>
+    </div>
+
+
+  </div>
 </template>
 <script>
+
+
 export default {
-  name: 'solutionSelect2'
+  name: 'solutionSelect2',
+  data(){
+    return{
+
+    }
+  },
+  mounted() {
+
+  },
+  methods:{
+
+  }
+
+
 }
 </script>
 <style scoped lang="scss">
+  .width{
+    width: 1200px;
+    margin: 0 auto;
+  }
+
 </style>