From b80501eb4ac452ee3bdfd73188dff02b667c1248 Mon Sep 17 00:00:00 2001
From: liuqimichale <123456lq>
Date: Tue, 7 May 2019 11:46:13 +0800
Subject: [PATCH] 政府section

---
 webintroduce/src/components/Vsection.vue | 81 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 webintroduce/src/components/Vsetion.vue  | 81 ---------------------------------------------------------------------------------
 webintroduce/src/views/enterprise.vue    | 16 ++++++++--------
 webintroduce/src/views/government.vue    | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++--
 4 files changed, 141 insertions(+), 91 deletions(-)
 create mode 100644 webintroduce/src/components/Vsection.vue
 delete mode 100644 webintroduce/src/components/Vsetion.vue

diff --git a/webintroduce/src/components/Vsection.vue b/webintroduce/src/components/Vsection.vue
new file mode 100644
index 0000000..2f8338e
--- /dev/null
+++ b/webintroduce/src/components/Vsection.vue
@@ -0,0 +1,81 @@
+<template>
+  <div class="detail-section displayFlex" :style="{height:setionheight,'flex-direction':rowReverse}">
+    <div  class="detail-section-bg" :style="{backgroundImage:'url('+bgImg+')'}"></div>
+    <div  class="detail-section-list pos-rel">
+      <div>
+        <p class="detail-list-title">{{mytitle}}</p>
+        <ul class="detail-list">
+          <li v-for="(list,index) in insideList" :key="index">
+            {{list}}
+          </li>
+        </ul>
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'Vsetion',
+  props:{
+    mytitle: String,
+    rowReverse:String,
+    setionheight:String,
+    bgImg:String,
+    insideList:{
+      type:Array
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+  .detail-section{
+    width: 1100px;
+    margin: 94px auto 0;
+    >div{
+      flex: 1;
+    }
+  }
+  .detail-section-bg{
+    background: url("../assets/images/enterprise/inside.png") no-repeat center center;
+    background-repeat: no-repeat;
+    background-position: center center;
+  }
+  .detail-section-list{
+    text-align: left;
+    div{
+      @include pos-middle;
+    }
+  }
+  .detail-list-title{
+    display: inline-block;
+    padding: 4px 10px 2px;
+    margin-bottom: 10px;
+    text-align: left;
+    background: #14BACE;
+    font-size: 24px;
+    color: #fff;
+    border-radius: 2px;
+  }
+  .detail-list li{
+    margin-top: 10px;
+    font-size: 16px;
+    color: rgba(0,0,0,.6);
+    white-space: nowrap;
+    position: relative;
+    padding-left: 19px;
+    &:before{
+      content: '';
+      width: 6px;
+      height: 6px;
+      position: absolute;
+      border-radius: 50%;
+      top:50%;
+      left: 5px;
+      transform: translateY(-50%);
+      background-color: #70CCBB;
+    }
+  }
+</style>
diff --git a/webintroduce/src/components/Vsetion.vue b/webintroduce/src/components/Vsetion.vue
deleted file mode 100644
index 2f8338e..0000000
--- a/webintroduce/src/components/Vsetion.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <div class="detail-section displayFlex" :style="{height:setionheight,'flex-direction':rowReverse}">
-    <div  class="detail-section-bg" :style="{backgroundImage:'url('+bgImg+')'}"></div>
-    <div  class="detail-section-list pos-rel">
-      <div>
-        <p class="detail-list-title">{{mytitle}}</p>
-        <ul class="detail-list">
-          <li v-for="(list,index) in insideList" :key="index">
-            {{list}}
-          </li>
-        </ul>
-      </div>
-
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'Vsetion',
-  props:{
-    mytitle: String,
-    rowReverse:String,
-    setionheight:String,
-    bgImg:String,
-    insideList:{
-      type:Array
-    }
-  }
-}
-</script>
-
-<style scoped lang="scss">
-  .detail-section{
-    width: 1100px;
-    margin: 94px auto 0;
-    >div{
-      flex: 1;
-    }
-  }
-  .detail-section-bg{
-    background: url("../assets/images/enterprise/inside.png") no-repeat center center;
-    background-repeat: no-repeat;
-    background-position: center center;
-  }
-  .detail-section-list{
-    text-align: left;
-    div{
-      @include pos-middle;
-    }
-  }
-  .detail-list-title{
-    display: inline-block;
-    padding: 4px 10px 2px;
-    margin-bottom: 10px;
-    text-align: left;
-    background: #14BACE;
-    font-size: 24px;
-    color: #fff;
-    border-radius: 2px;
-  }
-  .detail-list li{
-    margin-top: 10px;
-    font-size: 16px;
-    color: rgba(0,0,0,.6);
-    white-space: nowrap;
-    position: relative;
-    padding-left: 19px;
-    &:before{
-      content: '';
-      width: 6px;
-      height: 6px;
-      position: absolute;
-      border-radius: 50%;
-      top:50%;
-      left: 5px;
-      transform: translateY(-50%);
-      background-color: #70CCBB;
-    }
-  }
-</style>
diff --git a/webintroduce/src/views/enterprise.vue b/webintroduce/src/views/enterprise.vue
index 84a527c..e2a3f8d 100644
--- a/webintroduce/src/views/enterprise.vue
+++ b/webintroduce/src/views/enterprise.vue
@@ -15,42 +15,42 @@
 
 
     <div class="detail-con">
-      <Vsetion
+      <Vsection
         mytitle="路内停车管理"
         v-bind:insideList="insideList"
         rowReverse=""
         setionheight="291px"
         v-bind:bgImg="InsideImg"
-      ></Vsetion>
+      ></Vsection>
 
-      <Vsetion
+      <Vsection
         mytitle="封闭式停车无人值守管理"
         v-bind:insideList="closeList"
         rowReverse="row-reverse"
         setionheight="263px"
         v-bind:bgImg="CloseImg"
-      ></Vsetion>
+      ></Vsection>
 
-      <Vsetion
+      <Vsection
         mytitle="城市停车诱导系统"
         v-bind:insideList="guideList"
         rowReverse=""
         setionheight="263px"
         v-bind:bgImg="guideImg"
-      ></Vsetion>
+      ></Vsection>
     </div>
 
   </div>
 </template>
 
 <script>
-import Vsetion from '../components/Vsetion'
+import Vsection from '../components/Vsection'
 import Vbanner from '../components/Vbanner'
 import Vintroduce from '../components/Vintroduce'
 export default {
   name: 'VEnterprise',
   components: {
-    Vsetion, Vbanner, Vintroduce
+    Vsection, Vbanner, Vintroduce
   },
   data() {
     return {
diff --git a/webintroduce/src/views/government.vue b/webintroduce/src/views/government.vue
index ef777a7..aed0cd0 100644
--- a/webintroduce/src/views/government.vue
+++ b/webintroduce/src/views/government.vue
@@ -10,21 +10,71 @@
         introduceTitle="城市级智慧停车解决方案"
         introduceDes="城市级智慧停车数据管理中心，面向政府城市停车管理部门，针对城市停车治理难题构建一套完整的技术解决方案，通过动静态交通数据融合，数据分析，应用物联网、云计算等技术，深度刻画城市级停车面貌，挖掘城市停车治理问题，提供数据以及决策支撑，有效提升城市停车治理效率，减少城市核心区道路拥堵，提高城市交通治理水平。"
         ></Vintroduce>
+
+      <div class="detail-con">
+        <Vsection
+          mytitle="路内停车管理"
+          v-bind:insideList="insideList"
+          rowReverse=""
+          setionheight="291px"
+          v-bind:bgImg="InsideImg"
+        ></Vsection>
+
+        <Vsection
+          mytitle="封闭式停车无人值守管理"
+          v-bind:insideList="closeList"
+          rowReverse="row-reverse"
+          setionheight="263px"
+          v-bind:bgImg="CloseImg"
+        ></Vsection>
+
+        <Vsection
+          mytitle="城市停车诱导系统"
+          v-bind:insideList="guideList"
+          rowReverse=""
+          setionheight="263px"
+          v-bind:bgImg="guideImg"
+        ></Vsection>
+      </div>
+
+    </div>
     </div>
 </template>
 
 <script>
 import Vbanner from '../components/Vbanner'
 import Vintroduce from '../components/Vintroduce'
+import Vsection from '../components/Vsection'
 export default {
   name: 'government',
   components:{
-    Vbanner, Vintroduce
+    Vbanner, Vintroduce, Vsection
   },
   data(){
     return{
       bannerImg:require('../assets/images/government/banner.png'),
-      introduceBg:require('../assets/images/government/introduce.png')
+      introduceBg:require('../assets/images/government/introduce.png'),
+      insideList: [
+        '实时采集车位状态停车时长，后台实时监管后台实时监管',
+        '精确记录停车时长，后台实时监管后台实时监管',
+        '有效杜绝跑冒滴漏',
+        '停车入位、规范有序、智能有偿',
+      ],
+      InsideImg: require('../assets/images/enterprise/inside.png'),
+      closeList: [
+        '无人值守，降低人工运营成本，提高车场收益',
+        '无人值守，降低人工运营成',
+        '无人值守，降低人工运营成本，提',
+      ],
+      CloseImg: require('../assets/images/enterprise/close.png'),
+      guideList: [
+        '城市停车三级诱导城市停车三级诱导城市停车三级诱导',
+        '实时交通路况展示（红、黄、绿）通路况展示（红、黄、绿）',
+        '停车场剩余泊位实时更新',
+        '减少停车时长，提高停车效率',
+        '缓解局部交通微循环，减少拥堵'
+      ],
+      guideImg: require('../assets/images/enterprise/guide.png')
     }
   }
 }
--
libgit2 0.21.4