Compare commits

..

2 Commits

  1. 37
      .idea/workspace.xml
  2. 15
      aboutUs.html
  3. 2
      css/details.css
  4. 13
      css/index.css
  5. 93
      details.html
  6. 87
      details1.html
  7. 80
      details2.html
  8. 79
      details3.html
  9. 76
      details4.html
  10. 124
      experience.html
  11. BIN
      images/details-img1.jpg
  12. BIN
      images/details-img2.jpg
  13. BIN
      images/details-img3.jpg
  14. BIN
      images/thumbnail1.jpg
  15. BIN
      images/thumbnail2.jpg
  16. BIN
      images/thumbnail3.jpg
  17. BIN
      images/thumbnail4.jpg
  18. 7
      index.html
  19. 26
      information.html
  20. 9
      js/axios.min.js

@ -3,9 +3,13 @@
<component name="ChangeListManager">
<list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="">
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/index2.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/images/index3.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/css/details.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/details.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/detaills1.html" beforeDir="false" afterPath="$PROJECT_DIR$/details1.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/detaills3.html" beforeDir="false" afterPath="$PROJECT_DIR$/details3.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/detaills4.html" beforeDir="false" afterPath="$PROJECT_DIR$/details4.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/details2.html" beforeDir="false" afterPath="$PROJECT_DIR$/details2.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/experience.html" beforeDir="false" afterPath="$PROJECT_DIR$/experience.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/information.html" beforeDir="false" afterPath="$PROJECT_DIR$/information.html" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
@ -39,7 +43,7 @@
<property name="node.js.path.for.package.tslint" value="project" />
<property name="node.js.selected.package.eslint" value="(autodetect)" />
<property name="node.js.selected.package.tslint" value="(autodetect)" />
<property name="settings.editor.selected.configurable" value="configurable.group.editor" />
<property name="settings.editor.selected.configurable" value="preferences.keymap" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
@ -82,7 +86,11 @@
<workItem from="1574039614897" duration="3076000" />
<workItem from="1574818735019" duration="15573000" />
<workItem from="1574905325139" duration="9641000" />
<workItem from="1574990136846" duration="10488000" />
<workItem from="1574990136846" duration="11547000" />
<workItem from="1575445889950" duration="1905000" />
<workItem from="1575507552468" duration="2612000" />
<workItem from="1575622716737" duration="1791000" />
<workItem from="1575853693663" duration="24568000" />
</task>
<task id="LOCAL-00001" summary="官网1.0">
<created>1574907211978</created>
@ -126,7 +134,21 @@
<option name="project" value="LOCAL" />
<updated>1575006296807</updated>
</task>
<option name="localTasksCounter" value="7" />
<task id="LOCAL-00007" summary="修改首页图片">
<created>1575007903024</created>
<option name="number" value="00007" />
<option name="presentableId" value="LOCAL-00007" />
<option name="project" value="LOCAL" />
<updated>1575007903024</updated>
</task>
<task id="LOCAL-00008" summary="修改首页字体,以及添加详情页">
<created>1575878984262</created>
<option name="number" value="00008" />
<option name="presentableId" value="LOCAL-00008" />
<option name="project" value="LOCAL" />
<updated>1575878984262</updated>
</task>
<option name="localTasksCounter" value="9" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">
@ -150,6 +172,7 @@
<MESSAGE value="更改图片高清度" />
<MESSAGE value="添加&#10;ico图标" />
<MESSAGE value="修改首页图片" />
<option name="LAST_COMMIT_MESSAGE" value="修改首页图片" />
<MESSAGE value="修改首页字体,以及添加详情页" />
<option name="LAST_COMMIT_MESSAGE" value="修改首页字体,以及添加详情页" />
</component>
</project>

@ -32,16 +32,11 @@
</div>
<div class="media" style="margin-bottom:50px;">
<div class="media-body">
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑斑马成立于2012年,核心团队成员有从事通信研发,近十年的开发人
员,也有从事企业管理,流程再造的需求分析师我们致力于新一代IP通信产
品和CRM客户资源管理系统研发。自2014年初,公司将车险行业相关系统作
为核心研发方向, 不断地吸收客户管理经验和需求,形成了车险销售工具
支撑平台</p>
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑斑马成立于2012年,核心团队成员有从事通信研发,近十年的开发人
员,也有从事企业管理,流程再造的需求分析师我们致力于新一代IP通信产
品和CRM客户资源管理系统研发。自2014年初,公司将车险行业相关系统作
为核心研发方向, 不断地吸收客户管理经验和需求,形成了车险销售工具
支撑平台</p>
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;汇盈百顺科技有限公司,由从事通信研发近十年的资深技术人员组成,专业从事新一代IP通信产品和企业融合通信系统研发、生产和销售,致力于为政府和企业提供先进、智能的融合通信一体化解决方案。
  我们兼收并蓄通讯技术及企业管理实践经验,立足于自主知识产权产品,是为了满足企事业用户对通讯业务日益多样化、高集成化的需求。
  <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;目前已成功研发具有自主知识产权的“汇盈帮手”呼叫中心,其中深入车险行业,量身定制为保险代理公司提供优质有效的呼叫中心系统,切身提高业务效率和管理水平,其中,核心为更加贴合车险行业的定制化研发的细分市场。
  <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们与各行业内经验丰富的优秀企业深入合作,将开发出更加精细化、规范化、实用化、安全化、网络化、协同化,并且真正适合各行业的企业通讯及管理软件。我们的能力侧重在,一方面是对业务的咨询和业务解决方案的提议;另一方面是对于通信技术和通讯解决方案的了解与把握。
  </p>
</div>
<div class="media-right media-top">
<img src="images/thumbnail.jpg" class="media-object media-img">

@ -2,12 +2,12 @@
text-align: center;
position: relative;
margin:80px auto 40px;
width:210px;
font-size:32px;
}
.detail-size{
font-size:16px;
line-height: 30px;
text-indent: 40px;
}
.carousel{
margin-top: 80px;

@ -5,14 +5,16 @@
}
.ban .banner-top{
margin-top:200px;
font-size:40px;
font-size:70px;
color: #f2f2f2;
margin-left:192px;
}
.ban-top-title{
margin-top:50px;
font-size: 18px;
color: #f2f2f2;
width:700px;
margin-left:194px;
}
.ban .experience {
width: 193px;
@ -24,7 +26,8 @@
color: #FFF;
border-radius: 2px;
cursor: pointer;
margin-top:30px;
margin-top:50px;
margin-left:194px;
}
.experience:hover{
background: #EE7920;
@ -294,7 +297,7 @@ dl {
}
.ban .banner-top{
margin-top:150px;
font-size:36px;
font-size:55px;
}
.ban-top-title{
font-size: 18px;
@ -357,7 +360,7 @@ dl {
}
.ban .banner-top{
margin-top: 180px;
font-size:28px;
font-size:48px;
}
.ban-top-title{
margin-top: 28px;
@ -432,7 +435,7 @@ dl {
}
.ban .banner-top{
margin-top: 148px;
font-size:24px;
font-size:44px;
}
.ban-top-title{
font-size:15px;

@ -1,93 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">资讯标题</div>
</div>
<div class="inner">
<p class="detail-size">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;做人就要沉下心来,踏踏实实地去努力。别人说你几句,听着。骂你几句,忍着。没有人会跟父母似得惯
着你。低下头勤勤恳恳去做事才是正道,心高气傲只会使你废在半路上。你很年轻,还没有资本指点江山。一
己是人,众人是天;谋事在人,成事在天,你必须不断充实自己。你只有足够强大,才不会被别人践踏。有的
人,小小年纪,就竣工一颗完整坚实之心。有的人,须发皆白,还在心的地基挖土打桩。有的人,半途而废不
了了之,把半成品的心扔在荒野。有的人,成百里半九十,丢下了不曾结尾的工程。有时候,没有下一次,没
有机会重来,没有暂停继续。有时候,错过了现在,就永远永远的没机会了。快乐的人,不为失去的愤愤不平,只为还
拥有的感激不已。过一种你想要的生活,做一个许多年后值得回忆的人。非常沉默,非常骄傲,从不依靠,从
不寻找。如果有来生,有没有人爱,我也要努力做一个可爱的人。不埋怨谁,不嘲笑谁,也不羡慕谁。阳光下
灿烂,风雨中奔跑。做自己的梦,走自己的路。不要因为冲动说一些过激的话。没有人愿意拿热情换冷漠,拿
体贴换伤害。冲动的话语,也许已经伤透了他的心。钉下一颗钉子容易,但是拔起它却不容易,甚至拔不掉
如果你已经说了过激的话,那么请道歉,用你的温柔去尽量弥补,只是是否有用就无法确定了,但是你至少做了</p>
<img src="images/details-img.jpg" alt="" style="width:100%;margin:20px 0;">
<p class="detail-size">我们年轻时,都有许许多多梦想——想被男神欣赏,想换个新款手机,想让父母为你得意。只是,人总有惰性,常常不自觉地就犯了懒、贪了玩、畏了难。而就在我们千方百计逃避辛苦、躲开难关的同时,命运残忍地,一扇扇关上了那些梦想的门。
活出自己想要的样子,从来就不是件轻松的事。玩游戏玩不出真本事,撒娇卖萌也换不来好事业。要出人头地,就不可能每天睡到自然醒;要证明自己,就不可以整日整夜玩游戏。
人要幸福,还真就得撸起袖子加油干。
你最终变成什么样的人,很大程度上取决于你在辛苦和困境里,是选择迎风奔跑,还是转身逃跑。
也许,在酣睡中被闹铃叫醒,在冬夜里头晕眼花地啃英语书,在奔波一天后人困马乏地做工作方案……才是幸福人生的必经之路。那些真正对自己的人生满意的人,一定一定,都这样全力付出过。
努力这个词太平庸,但努力将使你的人生不平庸。
所以,亲爱的,从现在起告诉自己:要奔跑,不要逃跑。这样,到某天你站上高点,回头看时,会欣慰地发现:那一年,踌躇满志、紧咬牙关,在不平坦也不平静的路上奋力奔跑的自己,最美。</p>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -0,0 +1,87 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">汇盈帮手呼叫中心发展历程及下一步功能</div>
</div>
<div class="inner">
<p class="detail-size">呼叫中心从诞生开始到目前,已经经历了四代成长过程,目前正向着第五代发展,而现阶段成熟并被广泛应用的即第四代呼叫中心系统,汇盈帮手将为大家做一个呼叫中心发展史介绍,看看这一系统是如何发展壮大起来的。</p>
<p class="detail-size"> 1、第一代呼叫中心:人工热线电话系统呼叫中心,早期是指一个由两人或更多人组成的、在一个特定地方用专用设备处理电话业务的小组。这些人就是通常所说的呼叫中心代理(人)。一个呼叫中心可以只提供信息接收服务,或者只提供信息发送服务,或者是一个混合式呼叫中心,其呼叫中心代理会负责所有这两项工作。
  第一代呼叫中心硬件设备为普通电话机或小交换机(排队机),简单、造价低、功能简单、自动化程度低,一般仅用于受理用户投诉、咨询;适合小企业或业务量小、用户要求不高的企业/单位使用。</p>
<p class="detail-size">2、第二代呼叫中心:交互式自动语音应答系统
  随着计算机技术和通信技术的发展,第一代呼叫中心由于基本人工操作,对话务员的要求相当高,而且劳动强度大、功能差,已明显不适应时代发展的需要。因此,功能完善的第二代呼叫中心系统随即应运而生。第二代呼叫中心广泛采用了计算机技术,如通过局域网技术实现数据库数据共享;语音自动应答技术用于减轻话务员的劳动强度,减少出错率;采用自动呼叫分配器均衡座席话务量、降低呼损,提高客户的满意度等。
  但第二代呼叫中心也存在一定的缺点:它需要采用专用的硬件平台与应用软件,还需要投入大量资金用于集成和客户个性化需求,灵活性差、升级不方便、风险较大、造价也较高。</p>
<img src="images/details-img.jpg" alt="" style="width:100%;margin:20px 0;">
<p class="detail-size"> 3、第三代呼叫中心:兼有自动语音和人工服务的客服系统
  与第二代呼叫中心相比,第三代呼叫中心采用CTI技术实现了语音和数据同步。它主要采用软件来代替专用的硬件平台及个性化的软件,由于采用了标准化的通用的软件平台和通用的硬件平台,使得呼叫中心成为一个纯粹的数据网络。第三代呼叫中心采用通用软硬件平台,造价较低;随着软件价格的不断下调,可以不断增加新功能,特别是中间件的采用,使系统更加灵活,系统扩容升级方便;无论是企业内部的业务系统还是企业外部的客户管理系统,不同系统间的互通性都得到了加强;同时还支持虚拟呼叫中心功能(远程代理)。</p>
<p class="detail-size">
4、第四代呼叫中心:网络多媒体客服中心第四代呼叫中心具有接入和呼出方式多样化的特点,支持电话、VOIP电话、计算机、传真机、手机短信息、WAP、寻呼机、电子邮件等多种通信方式。能够将多种沟通方式格式互换,可实现文本到语音、语音到文本、EMAIL到语音、EMAIL到短消息、EMAIL到传真、传真到EMAIL、语音到EMAIL等自由转换。
  第四代呼叫中心引入了语音自动识别技术,可自动识别语音,并实现文本与语音自动双向转换,即可实现人与系统的自动交流。第四代呼叫中心是一种基于WEB的呼叫中心,能够实现WEB CALL、独立电话、文本交谈、非实时任务请求。
</p>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -0,0 +1,80 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">汇盈帮手硬件功能介绍</div>
</div>
<div class="inner">
<p class="detail-size">随着CTI技术(Computer Telephony Integration)的飞速发展,在电信、金融、政府服务中心等率先建设了自己的呼叫中心,近年来电子商务、物流等新兴企业也都实施了呼叫中心系统,提高了服务质量,提升了企业的核心竞争力!</p>
<p class="detail-size"> 呼叫中心的建设,主要成本还是在坐席电脑配备这一块,采用传统的大机箱式电脑作为坐席电脑,科技的发展以及环保理念的深入,使它的弱点暴露无遗:</p>
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">• 成本高</span><br/>众所周知,一套普通配置的传统电脑的成本高达两千,加上250w以上的高耗电量,以及巨额的维护费用,对于需要建造呼叫中心的企业来说,几十上百个坐席的这些投资都是不合理的,最重要的是呼叫中心坐席电脑的配置完全不需要那么高,所以说这就是一种浪费。</p>
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">• 噪音大</span><br/>由于传统电脑大功率的消耗,运作的时候会产生噪音,对员工的身心健康会造成一定的影响,影响工作情绪。</p>
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">• 占空间</span><br/>传统电脑巨大的机箱,占用了呼叫中心大量的宝贵空间,且影响了美观。</p>
<img src="images/details-img1.jpg" alt="" style="width:100%;margin:20px 0;">
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -0,0 +1,79 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">方案系统优势</div>
</div>
<div class="inner">
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">1、超低成本</span><br/>坐席电脑用擎联迷你电脑终端的话,设备采购成本仅为传统大机箱电脑的60%不到,功能同样也可达到呼叫中心运作需要的效果。</p>
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">2、稳定性强</span><br/>擎联坐席电脑采用的是X86架构,以专业的技术,造就了机器性能稳定、功能强大、24小时工作稳定的特点,对于呼叫中心大量的坐席电脑来说,稳定性是很重要的,避免了维护困难、繁琐的问题。</p>
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">3、省电环保</span><br/>一台擎联迷你终端满负载17W的功耗,相对于传统电脑250W功耗来说,一年省下将近500元的电费,100台坐席电脑,一年能省5万!节省运营成本的同时,也顺应了环保的呼吁。</p>
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">4、美观、占空间小</span><br/>精致美观的外壳,比书本还小的魔鬼身材,节约了呼叫中心宝贵的空间,不管是平放在办公桌上还是悬挂在显示器后面,都是一道简约的风景,只为呼叫中心环境更美!</p>
<p class="detail-size" style="text-indent: 0;"><span style="font-weight: 600;">5、无噪音、超低散热</span><br/>无任何机械运作部件,无任何噪音,超低散热,让员工拥有一个良好的呼叫环境,愉快的工作心情。</p>
<img src="images/details-img2.jpg" alt="" style="width:100%;margin:20px 0;">
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -0,0 +1,76 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">诚合(北京)汽车服务有限公司部署合作</div>
</div>
<div class="inner">
<p class="detail-size">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;诚合汽车属于汽车服务有限公司,主要从事汽车销售,汽车保险,车辆年检,车辆维修等汽车相关一系列服务。现公司顺应汽车市场大发展的趋势,争做北京最具影响力的汽车综合服务商,公司现有电话销售与直销2大块。</p>
<p class="detail-size">公司决定大力发展电销车险业务,为客户提供更优质全面的服务。经过公司电销团队考察甄选,最终采用了汇盈帮手的电销车险呼叫中心系统。公司原采用传统方式拨打电话及管理团队,依托优质的资源销售业绩较好。随着北京车险市场竞争加剧,公司选用了汇盈百顺的电销车险呼叫中心,并根据自己公司规模及资源情况作了定制开发。系统上线后名单客户资料利用率高,坐席拨打效率提升,相信在三个月后,系统作用逐渐明显,业绩再上一台阶。</p>
<img src="images/details-img3.jpg" alt="" style="width:100%;margin:20px 0;">
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -9,6 +9,7 @@
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="js/axios.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
@ -35,6 +36,7 @@
<div class="application clearfix">
<div class="application-left fl">
<img src="images/orange-logo.png" alt="" class="orange-logo">
<a href="http://demo.huiybs.cn/common/login" style="font-size:15px;color:red;display: inline-block;margin-top:80px;" target="_blank">跳转系统</a>
</div>
<div class="application-right fr">
<div class="application-right-title">在线体验</div>
@ -48,7 +50,7 @@
<div class="form-group">
<label for="phone" class="col-xs-3 col-sm-3 control-label" style="text-align: left">电话</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="phone" placeholder="请输入电话号" style="height:50px;">
<input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
</div>
</div>
<div class="form-group" style="position: relative">
@ -60,26 +62,31 @@
</div>
<div class="form-group">
<div class="col-xs-10 col-sm-offset-2 col-sm-10">
<div class="btn btn-warning" style="font-size:20px;line-height: 32px;" data-toggle="modal" data-target="#myModal">登录</div>
<!-- <div class="btn btn-warning login" style="font-size:20px;line-height: 32px;" data-toggle="modal" data-target="#myModal">登录</div>-->
<div class="btn btn-warning login" style="font-size:20px;line-height: 32px;">登录</div>
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content" style="width:300px;margin:100px auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
确定登录
</h4>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" style="width:48%;" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" style="width:48%;" data-dismiss="modal">确定</button>
</div>
</div>
</div>
</div>
<!-- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">-->
<!-- <div class="modal-dialog">-->
<!-- <div class="modal-content" style="width:300px;margin:100px auto;">-->
<!-- <div class="modal-header">-->
<!-- <button type="button" class="close" data-dismiss="modal" aria-hidden="true">-->
<!-- &times;-->
<!-- </button>-->
<!-- <h4 class="modal-title" id="myModalLabel">-->
<!-- 汇盈帮手车险业务系统账号密码-->
<!-- </h4>-->
<!-- </div>-->
<!-- <div class="modal-body">-->
<!-- <div>账号:<span class="account">暂无</span></div>-->
<!-- <div>密码:<span class="password">暂无</span></div>-->
<!-- </div>-->
<!-- <div class="modal-footer">-->
<!-- <button type="button" class="btn btn-default" style="width:48%;" data-dismiss="modal">关闭</button>-->
<!-- <button type="button" class="btn btn-primary" style="width:48%;" data-dismiss="modal">确定</button>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
</form>
@ -110,4 +117,81 @@
</div>
</div>
</body>
<script>
$(function () {
var baseUrl = 'http://demo.huiybs.cn/api/';
$(".verification-code").click(function () {
var phone=$('#phone').val();//手机号码的值
var mobileReg = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/; //手机号正则
var phoneflag = mobileReg.test(phone);
var _this=$(this);
if(!phoneflag){
alert('手机号码格式不正确!');
}else{
$.ajax({
url:baseUrl+'sms-verify-code',
type: 'post',
dataType: 'json',
data: {
mobile:phone
},
success:function(data) {
console.log(data);
_this.attr("disabled", "disabled");
_this.css({background:"#f1ca94"});//设置不可点颜色
var val = parseInt(_this.html());
var time = 60;
_this.html(time + " S");
time--;
var timer = setInterval(function() {
val = time + " S";
_this.html(val);
if (time > 0) {
time--;
} else {
//原始颜色
_this.html("验证码").removeAttr("disabled").css({background:"#f0ad4e"});
clearInterval(timer);
}
}, 1000);
}
})
}
});
$(".login").click(function () {
var name=$('#firstname').val();
var phone=$('#phone').val();
var code=$("#code").val();
if(name===''){
alert('请填写名字');
}else if(phone===''){
alert('请填写电话号');
}else if(code===''){
alert('请填写验证码');
}else{
$.ajax({
url: baseUrl + 'register',
type: 'post',
dataType: 'json',
data: {
name: name,
mobile: phone,
code:code
},
success: function (data) {
console.log(data);
if(data.code===0){
console.log(data.data.username);
console.log(data.data.password);
alert("\n汇盈帮手车险业务系统\n\n账号:"+data.data.username+"\n密码:"+data.data.password);
}else if(data.code===-1){
alert('请填入正确内容');
}
}
});
}
});
})
</script>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 350 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 310 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 MiB

@ -11,7 +11,7 @@
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<body style="font-family:'黑体'">
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
@ -26,9 +26,8 @@
<div id="main" style="min-width: 1080px;">
<div id="pc" class="ban">
<div class="inner">
<div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300">【汇盈帮手】软件是北京汇盈百顺科技有限公司旗下专<br/>门为车险电话销售,量身打造的一款SAAS系统</div>
<div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">其中主要由CRM(即客户信息管理)和ERP(财务模块)和数据管理模块、营销策略定制,四大核心功能组成。
<br/>在进行车险销售之前,可以结合公司情况定制时下活动主题和对应的营销方案,助力业务人员下单</div>
<div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300">汇盈帮手让保险销售更简单</div>
<div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">一套车险电话销售全生命周期管理系统</div>
<div class="experience fadeInUp animated " amstyle="fadeInUp" delaytime="300"><a href="experience.html" style="color:#fff;display: block">在线体验</a></div>
</div>
</div>

@ -10,7 +10,7 @@
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<body style="font-family:'黑体'">
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
@ -34,22 +34,22 @@
<div class="news-thumbnail">
<div class="row">
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details1.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<img src="images/thumbnail1.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-title">新闻/资讯标题</h3>
<h3 class="news-title">汇盈帮手呼叫中心发展历程及下一步功能</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details2.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<img src="images/thumbnail2.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-title">新闻/资讯标题</h3>
<h3 class="news-title">汇盈帮手硬件功能介绍</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
@ -58,22 +58,22 @@
</div>
<div class="row" style="margin-top:30px;">
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details3.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<img src="images/thumbnail3.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-title">新闻/资讯标题</h3>
<h3 class="news-title">方案系统优势</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details4.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<img src="images/thumbnail4.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-title">新闻/资讯标题</h3>
<h3 class="news-title">诚合(北京)汽车服务有限公司部署合作</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>

9
js/axios.min.js vendored

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save