about.vue
6.25 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
<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、从事智能交通、智能停车、数字城管、智慧城市等相关领域或公安、交管、城管、一卡通、停车行业等的市场销售2年以上工作经验，并有独立运作合同的谈判、沟通、运作、签署与履约实施经历；</p >
<p>2、具备独立开拓区域市场与销售成交的经验及相应能力，具备销售市场综合素养与技巧能力；</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-653538222</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—653538222<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") no-repeat;
background-size: 100% 100%;
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>