feat:预约时间页面的完成

@@ -54,12 +54,11 @@ $(function () {
   };
 
   // 获取当前选中的日期
-  // for (var i = 0; i < data.dateList.length; i++) {
-  //   if (data.dateList[i].isSelect) {
-  //     Date = data.dateList[i].date
-  //     break
-  //   }
-  // };
+  for (var i = 0; i < data.dateList.length; i++) {
+    if (data.dateList[i].isSelect) {
+      Date = data.dateList[i].date
+    }
+  };
 
   layui.use('element', function () {
     let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
@@ -76,7 +75,7 @@ $(function () {
   $('.business_list li').click(function () {
     // 获取元素
     appuintText = $(this).find('a').text()
-    
+
 
     $('.layui_anim_list').removeClass('disnone')
     $('.layui_anim_content').show()
@@ -176,9 +175,52 @@ $(function () {
     $('.layui_anim_list').addClass('disnone')
     modleClose()
   });
+
+  // 下一步确认
+  $('.nextButton').click(function () {
+    if ($('.business_list li').has('.reserved').length) {
+      layui.use('layer', function () {
+        layer.open({
+          type: 1,
+          title: '请确认以下信息',
+          shadeClose: true,
+          area: ['500px', '320px'],
+          scrollbar: false,
+          skin: 'confimInfo',
+          content: '<div class="infoContent">'
+            + '<ul>'
+            + '<li><span>姓名</span>：任超</li>'
+            + '<li><span>身份证号</span>：610124193335522</li>'
+            + '<li><span>联系电话</span>：18740677386</li>'
+            + '</ul>'
+            + '<div class="listItem"><h3>大厅名称：</h3>碑林区不动产办事中心</div>'
+            + '<div class="listItem"><h3>预约业务：</h3>' + appuintText + '</div>'
+            + '<div class="listItem"><h3>预约时间：</h3>' + Date +'&nbsp;&nbsp;'+bustime+'</div>'
+            + '<div class="confimButton"><button type="button" class="layui-btn cancel layui-btn-primary">取消</button><button type="button" class="layui-btn confim layui-btn-normal">确定</button></div>'
+            + '</div>'
+        });
+      })
+    } else {
+      layui.use('layer', function () {
+        layer.alert('请先选择相应业务', {
+          skin: 'layui-layer-molv' //样式类名
+          , closeBtn: 0
+        }, function () {
+          layer.closeAll()
+        });
+      })
+    }
+
+  })
+  $(document).on('click', '.cancel', function () {
+    layer.closeAll()
+  })
+  $(document).on('click', '.confim', function () {
+    window.location.href = "../yyjg/index.html"
+  })
 });
 function modleClose() {
   $('.layui_anim_content').hide()
   $('.layui-anim').hide()
   $('html,body').removeClass('ovfHiden');
-}
+}
\ No newline at end of file

@@ -291,4 +291,42 @@
 }
 .next_button a {
     color: #fff;
+}
+.layui-layer-title {
+    background-color: #1E9FFF!important;
+    color: #fff!important;
+}
+/* ---------------------信息确认弹框样式------------------------------- */
+
+.infoContent {
+    padding: 15px 50px;
+}
+.infoContent ul {
+    margin-bottom: 15px;
+}
+.infoContent ul li {
+    color: rgb(44, 41, 41);
+    margin-bottom: 10px;
+}
+.infoContent ul li span{
+    font-size: 16px!important;
+    width: 80px;
+    display: inline-block;
+    text-align-last: justify;
+}
+.infoContent h3 {
+    display: inline-block;
+    font-size: 16px;
+    font-weight: 600;
+}
+.listItem {
+    margin-bottom: 10px;
+}
+.confimButton {
+    text-align: center;
+    margin-top: 20px;
+}
+.confimButton .layui-btn {
+    height: 30px;
+    line-height: 30px;
 }
\ No newline at end of file

@@ -169,8 +169,8 @@
                     上一步
                 </a>
             </button>
-            <button type="button" class="layui-btn layui-btn-normal">
-                <a href="../yyjg/index.html" title="下一步">
+            <button type="button" class="layui-btn layui-btn-normal nextButton">
+                <a title="下一步">
                     下一步
                 </a>
             </button>