模态框

frontend/views/common/index.php

@@ -125,20 +125,35 @@
             <div>销售管理</div>可以看到从数据库分配到业务里面的数据，显示业务所有通话数据和已提交订单，退单，预约信息等等，电销下单，电销系统全程通话录音，
                                                     详细的通话记录。共查询分析，录音可保存为MP3格式，支持导入导出功能</div>
          <div class="Previous">上一步</div>
-         <div class="nextPage perfection">完成</div>
+         <div class="nextPage">下一步</div>
+     </div>
+     <div class="model-bg unchoose">
+         <div class="content">
+            <div>内勤管理</div>业务提交的车险定单同步到内勤由内勤做审核管理，生成保险单后对接客户</div>
+          <div class="Previous">上一步</div>
+          <div class="nextPage">下一步</div>
+     </div>
+     <div class="model-bg unchoose">
+          <div class="content">
+            <div>财务管理</div>对接业务订单进行提成管理，利润统计，出纳统计，工资统计，优惠，及其他车险政策管理</div>
+           <div class="Previous">上一步</div>
+           <div class="nextPage">下一步</div>
      </div>
      <div class="model-bg unchoose">
-         <div class="content">数据库管理，总库分配到小组或个人，数据库管理可以对所有的数据进行分配一般会通过业务人员电话核实之后，分为意向客户，成单客户，无效客户
+          <div class="content"><div>查询统计</div>客户信息查询，订单信息查询，工作量统计查询</div>
-                                                        (数据库列表名称可根据自己的偏好进行编辑),车辆数据和车险数据相通，供坐席查询相关资料和信息</div>
           <div class="Previous">上一步</div>
           <div class="nextPage">下一步</div>
      </div>
      <div class="model-bg unchoose">
-          <div class="content">数据库管理，总库分配到小组或个人，数据库管理可以对所有的数据进行分配一般会通过业务人员电话核实之后，分为意向客户，成单客户，无效客户
+          <div class="content"><div>礼品管理</div>礼品礼券管理，电话活动政策的制定</div>
-                                                        (数据库列表名称可根据自己的偏好进行编辑),车辆数据和车险数据相通，供坐席查询相关资料和信息</div>
           <div class="Previous">上一步</div>
           <div class="nextPage">下一步</div>
      </div>
+      <div class="model-bg unchoose">
+            <div class="content"><div>电话中心</div>通话记录统计，通话时长统计，电话号码分配</div>
+            <div class="Previous">上一步</div>
+            <div class="nextPage perfection">完成</div>
+      </div>
 </div>
 <!-- 全局js -->
 <script src="/assets/js/jquery.min.js?v=2.1.4"></script>

frontend/web/assets/css/popUps.css

@@ -14,7 +14,7 @@
 .model-bg{
     width: 560px;
     position: absolute;
-    top: 65%;
+    top: 40%;
     left: 71%;
     color:#fff;
     margin-left: -600px;
@@ -27,7 +27,6 @@
     cursor: pointer;
     position:absolute;
     width:80px;
-    background-color: coral;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
@@ -36,17 +35,28 @@
     left:65%;
     z-index: 2002;
     text-align: center;
+    border: 2px solid coral;
+    transition: background-color .3s
+}
+.jump:hover{
+    background-color: coral;
+    color:#fff;
 }
 .Previous{
     cursor: pointer;
     width:100px;
     text-align: center;
-    background-color: #1ecd97;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
     border-radius: 6px;
     margin-top: 20px;
+    border: 2px solid #1ecd97;
+    transition: background-color .3s
+}
+.Previous:hover{
+    background-color: #1ecd97;
+    color:#fff;
 }
 .nextPage{
     cursor: pointer;
@@ -57,7 +67,7 @@
     border-radius: 40px;
     text-align: center;
     margin-top:-42px;
-    margin-left:130px;
+    margin-left:150px;
     border: 2px solid #1ecd97;
     transition: background-color .3s
 }