about.vue
6.24 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<template>
<div>
<div class="banner">
<p class="banner-title">关于我们</p>
<p class="banner-des">智慧停车，助你轻松出行我</p>
</div>
<h1>工作机会</h1>
<ul class="work-list">
<li>
<p class="work-title">【招聘职位】总裁秘书</p>
<p class="work-date">发布时间：2019/05/28</p>
<div class="n_cont">
<p>岗位职责：</p>
<p>1.负责协调总经理与公司内外部的沟通，传达贯彻总经理对公司内外部工作的管理思想和领导意图；</p>
<p>2. 参与公司发展规划、业务经营计划的编制和公司重大决策的讨论。协助各部门将相关汇报、意见、建议反馈给总经理；</p>
<p>3. 负责总裁有关文件的起草、修改、审核，整理各类文书、文件、报告、总结及其他材料；</p>
<p>4. 负责总裁管辖范围内工作进度的跟进、督促，处理与反馈。</p>
<p> </p>
<p> </p>
<p>任职要求：</p>
<p>1.大学本科及以上学历，经济管理、文秘、英语等相关专业；</p>
<p>2.3年以上同类企业文秘工作经验，能熟练的英文对话交流；</p>
<p>3.掌握文秘知识，熟悉公文写作知识，熟练使用办公软件；</p>
<p>4.具有一定的组织能力、协调能力、沟通能力、分析能力、语言表达能力和文公写作能力。</p>
</div>
</li>
<li>
<p class="work-title">【招聘职位】总裁秘书</p>
<p class="work-date">发布时间：2019/05/28</p>
<div class="n_cont">
<p>岗位职责：</p>
<p>1.负责协调总经理与公司内外部的沟通，传达贯彻总经理对公司内外部工作的管理思想和领导意图；</p>
<p>2. 参与公司发展规划、业务经营计划的编制和公司重大决策的讨论。协助各部门将相关汇报、意见、建议反馈给总经理；</p>
<p>3. 负责总裁有关文件的起草、修改、审核，整理各类文书、文件、报告、总结及其他材料；</p>
<p>4. 负责总裁管辖范围内工作进度的跟进、督促，处理与反馈。</p>
<p> </p>
<p> </p>
<p>任职要求：</p>
<p>1.大学本科及以上学历，经济管理、文秘、英语等相关专业；</p>
<p>2.3年以上同类企业文秘工作经验，能熟练的英文对话交流；</p>
<p>3.掌握文秘知识，熟悉公文写作知识，熟练使用办公软件；</p>
<p>4.具有一定的组织能力、协调能力、沟通能力、分析能力、语言表达能力和文公写作能力。</p>
</div>
</li>
</ul>
<h1>联系我们</h1>
<h3>“黄石停车”融合智能交通、移动互联网、物联网以及电子支付等技术</h3>
<ul class="contact-list">
<li>
<p>电话</p>
<p>0714-653588</p>
</li>
<li>
<p>传真</p>
<p>0714-653588</p>
</li>
<li>
<p>邮箱</p>
<p>hsci@sina.com</p>
</li>
</ul>
<div id="map" class="map"></div>
</div>
</template>
<script>
export default {
name: 'about',
mounted() {
// 百度地图API功能
var sContent = '<div style="margin:0;line-height:20px;padding:2px;">' +
'<h1 style="font-size: 15px;color: #CC2727;font-weight: 600">黄石市城市发展投资集团有限公司</h1> ' +
'<span style="font-weight: 600;">地址</span>：湖北省黄石市磁湖东路28号<br/>' +
'<span style="font-weight: 600;">邮编</span>：435000<br/>' +
'<span style="font-weight: 600;">电话</span>：0714—6535388<br/>' +
'<span style="font-weight: 600;">传真</span>：0714—6535388<br/>' +
'<span style="font-weight: 600;">邮箱</span>：hsci@sina.com<br/>' +
'</div>';
var map = new BMap.Map("map");
var point = new BMap.Point(115.078186, 30.232887);
var point1 = new BMap.Point(115.078186, 30.230887);
var marker = new BMap.Marker(point1); //创建marker对象
map.addOverlay(marker); //在地图中添加marker
map.centerAndZoom(point, 15);
var infoWindow = new BMap.InfoWindow(sContent); // 创建信息窗口对象
map.openInfoWindow(infoWindow, point); //开启信息窗口
}
}
</script>
<style scoped lang="scss">
.banner {
background: url("../assets/about/banner.png");
text-align: left;
.banner-title {
width: 1200px;
margin: 0 auto;
padding: 200px 0 30px;
font-size: 65px;
font-weight: bold;
color: rgba(255, 255, 255, 1);
}
.banner-des {
width: 1200px;
margin: 0 auto;
font-size: 20px;
font-weight: 500;
color: rgba(255, 255, 255, 1);
letter-spacing: 2px;
}
}
h1 {
padding: 30px 0 30px;
font-size: 38px;
font-weight: 600;
color: rgba(49, 70, 89, 1);
}
h3 {
font-size: 16px;
font-weight: 300;
color: rgba(49, 70, 89, 1);
}
.work-list {
width: 1200px;
margin: 10px auto;
color: #5a5a5a;
display: flex;
> li {
flex: 1;
}
}
.work-title{
color: #1d50a2;
font-size: 20px;
}
.work-date{
margin: 10px auto;
}
.n_cont{
max-width: 550px;
text-align: left;
line-height: 20px;
}
.contact-list {
width: 1200px;
margin: 30px auto;
overflow: hidden;
font-size: 20px;
color: #314659;
text-align: left;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-content: space-between;
li {
flex: 1;
padding-left: 106px;
height: 80px;
position: relative;
&:before {
content: '';
position: absolute;
width: 80px;
height: 80px;
left: 0;
top: 0;
}
&:nth-of-type(1):before {
background: url("../assets/about/tel.png");
}
&:nth-of-type(2):before {
background: url("../assets/about/fax.png");
}
&:nth-of-type(3):before {
background: url("../assets/about/email.png");
}
p:nth-of-type(1) {
margin: 20px 0 10px;
}
}
}
.map {
width: 1200px;
height: 472px;
margin: 0 auto 30px;
}
</style>