BJ_web_developers / webintroduce

Commit 441e495d15fe55d57d5bd3ec702619e812778845

Authored by liuqimichale
1 parent b80501eb

政府section

Inline Side-by-side
Showing 6 changed files with 68 additions and 67 deletions
webintroduce/src/assets/images/government/analysis.png 0 → 100644
View file @441e495

161 KB
webintroduce/src/assets/images/government/judged.png 0 → 100644
View file @441e495

235 KB
webintroduce/src/assets/images/government/monitor.png 0 → 100644
View file @441e495

228 KB
webintroduce/src/components/Vsection.vue
  View file @441e495
... ... @@ -39,7 +39,6 @@ export default {
39 39 }
40 40 }
41 41 .detail-section-bg{
42   - background: url("../assets/images/enterprise/inside.png") no-repeat center center;
43 42 background-repeat: no-repeat;
44 43 background-position: center center;
45 44 }
... ...
webintroduce/src/views/enterprise.vue
  View file @441e495
... ... @@ -2,8 +2,8 @@
2 2 <div>
3 3 <Vbanner
4 4 v-bind:bannerBg="bannerImg"
5   - bannerTitle="城市级智慧停车运营管理云平台"
6   - subTitle="一城一网一平台 一车一位一编号"
  5 + bannerTitle="城市级智慧停车运营管理云平台"
  6 + subTitle="一城一网一平台 一车一位一编号"
7 7 ></Vbanner>
8 8  
9 9 <Vintroduce
... ... @@ -11,7 +11,7 @@
11 11 introduceTitle="城市级智慧停车运营管理云平台"
12 12 introduceDes="
13 13 城市级智慧停车管理云平台，通过物联网、云计算以及互联网技术，深度整合城市停车资源，对城市路内停车管理以及封闭式停车管理建立统一管理平台，真正实现“一城一网一平台，一车一位一编号”，推进停车位资源优化配置，实现城市停车标准化、精细化管理，盘活停车泊位存量，优化泊位增量，规范停车秩序，解决停车难题，提高城市停车治理水平"
14   - ></Vintroduce>
  14 + ></Vintroduce>
15 15  
16 16  
17 17 <div class="detail-con">
... ... @@ -47,6 +47,7 @@
47 47 import Vsection from '../components/Vsection'
48 48 import Vbanner from '../components/Vbanner'
49 49 import Vintroduce from '../components/Vintroduce'
  50 +
50 51 export default {
51 52 name: 'VEnterprise',
52 53 components: {
... ... @@ -54,8 +55,8 @@ export default {
54 55 },
55 56 data() {
56 57 return {
57   - bannerImg:require('../assets/images/enterprise/banner.png'),
58   - introduceBg:require('../assets/images/enterprise/introduce.png'),
  58 + bannerImg: require('../assets/images/enterprise/banner.png'),
  59 + introduceBg: require('../assets/images/enterprise/introduce.png'),
59 60 insideList: [
60 61 '实时采集车位状态停车时长，后台实时监管后台实时监管',
61 62 '精确记录停车时长，后台实时监管后台实时监管',
... ... @@ -83,11 +84,8 @@ export default {
83 84 </script>
84 85  
85 86 <style scoped lang="scss">
86   -
87   -
88   -
89 87 .detail-con {
90 88 background: $baseWhiteBg;
  89 + margin-bottom: 20px;
91 90 }
92   -
93 91 </style>
... ...
webintroduce/src/views/government.vue
  View file @441e495
1 1 <template>
2   - <div>
3   - <Vbanner
4   - v-bind:bannerBg="bannerImg"
5   - bannerTitle="城市级智慧停车管理数据中心"
6   - subTitle="物联网+互联网+云计算+大数据"
7   - ></Vbanner>
8   - <Vintroduce
9   - :introduceBg="introduceBg"
10   - introduceTitle="城市级智慧停车解决方案"
11   - introduceDes="城市级智慧停车数据管理中心，面向政府城市停车管理部门，针对城市停车治理难题构建一套完整的技术解决方案，通过动静态交通数据融合，数据分析，应用物联网、云计算等技术，深度刻画城市级停车面貌，挖掘城市停车治理问题，提供数据以及决策支撑，有效提升城市停车治理效率，减少城市核心区道路拥堵，提高城市交通治理水平。"
12   - ></Vintroduce>
  2 + <div>
  3 + <Vbanner
  4 + v-bind:bannerBg="bannerImg"
  5 + bannerTitle="城市级智慧停车管理数据中心"
  6 + subTitle="物联网+互联网+云计算+大数据"
  7 + ></Vbanner>
  8 + <Vintroduce
  9 + :introduceBg="introduceBg"
  10 + introduceTitle="城市级智慧停车解决方案"
  11 + introduceDes="城市级智慧停车数据管理中心，面向政府城市停车管理部门，针对城市停车治理难题构建一套完整的技术解决方案，通过动静态交通数据融合，数据分析，应用物联网、云计算等技术，深度刻画城市级停车面貌，挖掘城市停车治理问题，提供数据以及决策支撑，有效提升城市停车治理效率，减少城市核心区道路拥堵，提高城市交通治理水平。"
  12 + ></Vintroduce>
13 13  
14   - <div class="detail-con">
15   - <Vsection
16   - mytitle="路内停车管理"
17   - v-bind:insideList="insideList"
18   - rowReverse=""
19   - setionheight="291px"
20   - v-bind:bgImg="InsideImg"
21   - ></Vsection>
  14 + <div class="detail-con">
  15 + <Vsection
  16 + mytitle="停车综合监测"
  17 + v-bind:insideList="insideList"
  18 + rowReverse=""
  19 + setionheight="412px"
  20 + v-bind:bgImg="InsideImg"
  21 + ></Vsection>
22 22  
23   - <Vsection
24   - mytitle="封闭式停车无人值守管理"
25   - v-bind:insideList="closeList"
26   - rowReverse="row-reverse"
27   - setionheight="263px"
28   - v-bind:bgImg="CloseImg"
29   - ></Vsection>
  23 + <Vsection
  24 + mytitle="停车分析研判"
  25 + v-bind:insideList="closeList"
  26 + rowReverse="row-reverse"
  27 + setionheight="340px"
  28 + v-bind:bgImg="CloseImg"
  29 + ></Vsection>
30 30  
31   - <Vsection
32   - mytitle="城市停车诱导系统"
33   - v-bind:insideList="guideList"
34   - rowReverse=""
35   - setionheight="263px"
36   - v-bind:bgImg="guideImg"
37   - ></Vsection>
38   - </div>
39   -
40   - </div>
  31 + <Vsection
  32 + mytitle="停车综合监测"
  33 + v-bind:insideList="guideList"
  34 + rowReverse=""
  35 + setionheight="412px"
  36 + v-bind:bgImg="guideImg"
  37 + ></Vsection>
41 38 </div>
  39 +
  40 + </div>
  41 + </div>
42 42 </template>
43 43  
44 44 <script>
45 45 import Vbanner from '../components/Vbanner'
46 46 import Vintroduce from '../components/Vintroduce'
47 47 import Vsection from '../components/Vsection'
  48 +
48 49 export default {
49 50 name: 'government',
50   - components:{
  51 + components: {
51 52 Vbanner, Vintroduce, Vsection
52 53 },
53   - data(){
54   - return{
55   - bannerImg:require('../assets/images/government/banner.png'),
56   - introduceBg:require('../assets/images/government/introduce.png'),
  54 + data() {
  55 + return {
  56 + bannerImg: require('../assets/images/government/banner.png'),
  57 + introduceBg: require('../assets/images/government/introduce.png'),
57 58 insideList: [
58   - '实时采集车位状态停车时长，后台实时监管后台实时监管',
59   - '精确记录停车时长，后台实时监管后台实时监管',
60   - '有效杜绝跑冒滴漏',
61   - '停车入位、规范有序、智能有偿',
  59 + '停车综合指数',
  60 + '停车专题地图',
  61 + '停车热力监测',
  62 + '停车诱导监测'
62 63 ],
63   - InsideImg: require('../assets/images/enterprise/inside.png'),
  64 + InsideImg: require('../assets/images/government/monitor.png'),
64 65 closeList: [
65   - '无人值守，降低人工运营成本，提高车场收益',
66   - '无人值守，降低人工运营成',
67   - '无人值守，降低人工运营成本，提',
  66 + '停车利用率分析停车利用率分析停车利用率分析',
  67 + '停车周转率分析停车利用率分析',
  68 + '供需分析',
  69 + '收费区域分'
68 70 ],
69   - CloseImg: require('../assets/images/enterprise/close.png'),
  71 + CloseImg: require('../assets/images/government/analysis.png'),
70 72 guideList: [
71   - '城市停车三级诱导城市停车三级诱导城市停车三级诱导',
72   - '实时交通路况展示（红、黄、绿）通路况展示（红、黄、绿）',
73   - '停车场剩余泊位实时更新',
74   - '减少停车时长，提高停车效率',
75   - '缓解局部交通微循环，减少拥堵'
  73 + '道路数据监控道路数据监控道路数据监控道路数据监控',
  74 + '区域视频巡逻道路数据监控道路数据监控',
  75 + '区域交通态势道路数据监控',
  76 + '交通分析报告'
76 77 ],
77   - guideImg: require('../assets/images/enterprise/guide.png')
  78 + guideImg: require('../assets/images/government/judged.png')
78 79 }
79 80 }
80 81 }
81 82 </script>
82 83  
83 84 <style scoped lang="scss">
84   -
  85 + .detail-con {
  86 + background: $baseWhiteBg;
  87 + margin-bottom: 20px;
  88 + }
85 89 </style>
... ...