From a05c30217707bde1f8aca6fc59e0c8364647987b Mon Sep 17 00:00:00 2001
From: ZHAOTONGHUA <2066753415@qq.com>
Date: Tue, 19 Nov 2019 11:12:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E6=80=81=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/views/common/index.php    | 22 +++++++++++-----------
 frontend/web/assets/css/popUps.css | 29 +++++++++++++++++------------
 frontend/web/assets/js/popUps.js   |  6 +++---
 3 files changed, 31 insertions(+), 26 deletions(-)

diff --git a/frontend/views/common/index.php b/frontend/views/common/index.php
index c929b6b..5546586 100644
--- a/frontend/views/common/index.php
+++ b/frontend/views/common/index.php
@@ -104,21 +104,21 @@
     </div>
     <!--右侧部分结束-->
     <!--模态弹窗-->
-    <div class="model_wrap">模态弹窗</div>
-    <div class="model-bg">
-        <div class="jump">跳过</div>
-       <div class="content unchoose">权限管理，系统管理功能，用户设置，权限管理，权限分配，部门管理</div>
-       <div class="content unchoose">
+    <div class="model_wrap"></div>
+    //<div class="model-bg">
+    <div class="jump unchoose">跳过</div>
+    <div class="content unchoose">权限管理，系统管理功能，用户设置，权限管理，权限分配，部门管理</div>
+     <div class="content unchoose">
             数据库管理，总库分配到小组或个人，数据库管理可以对所有的数据进行分配一般会通过业务人员电话核实之后，分为意向客户，成单客户，无效客户
             (数据库列表名称可根据自己的偏好进行编辑),车辆数据和车险数据相通，供坐席查询相关资料和信息
-       </div>
-       <div class="content unchoose">
+      </div>
+      <div class="content unchoose">
              销售管理，可以看到从数据库分配到业务里面的数据，显示业务所有通话数据和已提交订单，退单，预约信息等等，电销下单，电销系统全程通话录音，
              详细的通话记录。共查询分析，录音可保存为MP3格式，支持导入导出功能
-       </div>
-       <div class="Previous">上一步</div>
-       <div class="nextPage">下一步</div>
-    </div>
+      </div>
+      <div class="Previous unchoose">上一步</div>
+      <div class="nextPage unchoose">下一步</div>
+    //</div>
 
 </div>
 <!-- 全局js -->
diff --git a/frontend/web/assets/css/popUps.css b/frontend/web/assets/css/popUps.css
index ff8758d..9e216bc 100644
--- a/frontend/web/assets/css/popUps.css
+++ b/frontend/web/assets/css/popUps.css
@@ -2,36 +2,39 @@
     width: 100%;
     height: 100vh;
     background-color: #000;
-    opacity: 1;
+    opacity: 0.5;
     position: fixed;
     top: 0;
     display:none;
+    z-index:2001;
 }
-.model-bg{
+.content{
     width: 560px;
     position: absolute;
     top: calc(65% - 322px);
     left: 71%;
-    margin-left: -600px;
-    z-index:999 ;
-    display: none;
-}
-.model-bg .content{
     color:#fff;
+    margin-left: -600px;
+    z-index:2002 ;
     font-size:20px;
 }
+.unchoose{
+    display: none;
+}
 .jump{
+    position: absolute;
     width:80px;
     background-color: coral;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
     border-radius: 6px;
-    margin-left:450px;
-    margin-bottom:20px;
+    top: calc(50% - 322px);
+    left: 71%;
     text-align: center;
 }
 .Previous{
+    position: absolute;
     width:100px;
     text-align: center;
     background-color: #4fbd51;
@@ -39,16 +42,18 @@
     color:#fff;
     padding: 10px 20px;
     border-radius: 6px;
-    margin-top:20px;
+    top: calc(70% - 322px);
+    left: 71%;
 }
 .nextPage{
+    position: absolute;
     width: 100px;
     background-color: #4fbd51;
     font-size:16px;
     color:#fff;
     padding: 10px 20px;
     border-radius: 6px;
-    margin-top: -42px;
-    margin-left: 145px;
+    top: calc(70% - 322px);
+    left: 80%;
     text-align: center;
 }
\ No newline at end of file
diff --git a/frontend/web/assets/js/popUps.js b/frontend/web/assets/js/popUps.js
index b4da358..40744d0 100644
--- a/frontend/web/assets/js/popUps.js
+++ b/frontend/web/assets/js/popUps.js
@@ -1,9 +1,9 @@
 $(function(){
     $(".prompt").click(function(){
         $(".model_wrap").show();
-        $(".model-bg").css({'display':'block'});
-        // $(".model-bg .content").eq(0).removeClass("unchoose");
-        console.log(1);
+        $(".jump").removeClass("unchoose");
+        $(".Previous").removeClass("unchoose");
+        $(".nextPage").removeClass("unchoose");
     });
 
     $(".nextPage").click(function () {